:root{color-scheme:dark;--bg:#101c2a;--panel:#1b2b3a;--panel2:#223548;--text:#f5f0df;--muted:#b5c7c9;--gold:#f1c577;--mint:#8bd4bf;--edge:#527482;--shadow:#09141f}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(circle at 50% -20%,#345463 0%,#172b3b 43%,var(--bg) 100%);color:var(--text);font-family:Trebuchet MS,Arial,sans-serif;min-height:100dvh}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hidden{display:none!important}.app{max-width:1050px;min-height:100dvh;margin:auto;padding:16px clamp(16px,3vw,34px) 28px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);font-size:18px;letter-spacing:.12em;font-weight:700;padding:6px}.brand b{color:var(--gold)}.brand-mark{font-size:27px;color:var(--gold)}.top-actions{display:flex;gap:8px}.small-button,.icon-button{min-height:42px;min-width:44px;border:1px solid #66828b;background:#263d4d;color:var(--text);border-radius:12px;padding:8px 12px;font-weight:700}.icon-button{font-size:23px;line-height:1}.small-button:hover,.icon-button:hover,.button:hover{filter:brightness(1.13)}.screen{flex:1}.menu-screen{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:18px 0 28px}.hero-art{height:190px;width:min(360px,88vw);position:relative;margin-bottom:15px}.hero-art span{position:absolute;width:78px;height:88px;border-radius:15px;display:grid;place-items:center;font-size:36px;color:#203747;border:4px solid #fff5d9;box-shadow:0 9px 0 #081724,0 14px 22px #07131b88;transform:rotate(var(--r));background:var(--c)}.hero-art span:nth-child(1){left:4%;top:34%;--c:#f1c577;--r:-13deg}.hero-art span:nth-child(2){left:20%;top:10%;--c:#9bd3ba;--r:-7deg}.hero-art span:nth-child(3){left:38%;top:27%;--c:#afbddf;--r:4deg}.hero-art span:nth-child(4){left:55%;top:4%;--c:#e6a8a0;--r:11deg}.hero-art span:nth-child(5){left:72%;top:29%;--c:#b8c8e8;--r:15deg}.hero-art span:nth-child(6){left:44%;top:55%;--c:#a7d8de;--r:-3deg}.eyebrow{text-transform:uppercase;color:var(--gold);letter-spacing:.2em;font-size:12px;font-weight:700;margin:0 0 8px}.menu-screen h1{font-size:clamp(42px,7vw,68px);line-height:1;margin:0;letter-spacing:-.045em}.hero-copy{max-width:440px;font-size:17px;color:var(--muted);line-height:1.5;margin:15px 0 23px}.menu-actions{display:flex;flex-direction:column;gap:10px;width:min(320px,100%)}.button{border-radius:14px;min-height:50px;border:1px solid #688897;color:var(--text);background:#2a4453;font-weight:700;padding:10px 18px;transition:transform .15s,filter .15s}.button:active{transform:translateY(2px)}.button.primary{background:linear-gradient(#f7d899,#eab866);border-color:#ffe5a7;color:#28313b;box-shadow:0 5px 0 #a17336}.button.secondary{display:flex;justify-content:center;gap:12px;align-items:center}.button.secondary span:first-child{color:var(--gold);font-size:23px}.difficulty-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px;color:var(--muted)}select{background:#243b4c;color:var(--text);border:1px solid #77949a;border-radius:10px;padding:8px 12px;min-height:40px}.menu-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 18px;margin-top:22px}.menu-links button{border:0;background:none;color:var(--muted);padding:9px;font-weight:700;text-decoration:underline;text-decoration-color:#6d8991;text-underline-offset:4px}.game-screen{display:flex;flex-direction:column;align-items:center}.game-heading{width:100%;display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.game-heading h1{margin:0;font-size:clamp(26px,4vw,36px)}.hud{display:flex;justify-content:space-around;width:min(700px,100%);background:#1c3040;border:1px solid #466372;border-radius:16px;padding:11px 8px;box-shadow:0 8px 20px #07131c55}.hud div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px}.hud span,.tray-heading{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.hud strong{font-size:23px}.game-message{height:24px;margin:13px 0 10px;color:var(--gold);font-weight:700;text-align:center}.board{width:min(690px,100%);display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:clamp(5px,1vw,11px);padding:16px;border:1px solid #496b79;border-radius:22px;background:repeating-linear-gradient(45deg,#213849,#213849 10px,#233b4b 10px,#233b4b 20px);box-shadow:inset 0 3px 10px #09182488,0 18px 30px #06121b66}.tile-slot{position:relative;aspect-ratio:1/.9;min-width:0}.tile-slot::before,.tile-slot::after{content:"";position:absolute;inset:5px 1px -5px;border-radius:12px;background:#8b8f82;border:2px solid #d7d1b4}.tile-slot::after{inset:2px 0 -2px;background:#b7b79f}.tile-slot.empty::before,.tile-slot.empty::after{display:none}.tile{position:absolute;z-index:1;inset:0;width:100%;height:100%;border-radius:12px;border:3px solid #fffae9;box-shadow:0 5px 0 #57636a,0 8px 10px #0819239c;background:var(--tile);color:#243844;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;transition:transform .13s,filter .13s}.tile:hover{transform:translateY(-3px)}.tile:active{transform:translateY(2px)}.tile-symbol{font-size:clamp(26px,4.5vw,47px);line-height:1}.tile-depth{position:absolute;right:5px;bottom:4px;background:#243844;color:#fff6de;border-radius:10px;padding:1px 5px;font-size:11px;font-weight:700}.tile.hinted{animation:hint 1.1s ease-in-out infinite;outline:4px solid var(--gold)}@keyframes hint{50%{transform:translateY(-6px);filter:brightness(1.25)}}.tile-slot.empty{border:1px dashed #7c9aaa55;border-radius:11px;background:#0b1c2a44}.tray-section{width:min(690px,100%);margin-top:16px}.tray-heading{display:flex;justify-content:space-between;margin:0 2px 7px}.tray{display:grid;grid-template-columns:repeat(var(--cap),1fr);gap:5px;padding:9px;background:#0d1b28;border:1px solid #5d7883;border-radius:14px;min-height:70px}.tray-cell{height:53px;min-width:0;border:1px solid #4a6673;border-radius:8px;background:#1f3343;display:grid;place-items:center;color:#253b47;font-size:28px}.tray-cell.filled{background:var(--tile);border:2px solid #fffae9;box-shadow:0 3px 0 #61717a}.game-actions{display:flex;gap:9px;width:min(690px,100%);margin-top:16px}.button.tool{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.button.tool span:first-child{font-size:23px}.button:disabled{cursor:not-allowed;opacity:.45;filter:none}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#f7db9e;color:#273746;padding:10px 18px;border-radius:10px;opacity:0;pointer-events:none;font-weight:700;z-index:20;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(480px,calc(100% - 32px));max-height:min(85dvh,700px);overflow:auto;border:1px solid #7699a0;border-radius:20px;background:#1d3444;color:var(--text);padding:28px;box-shadow:0 20px 70px #000a}dialog::backdrop{background:#07131bc9;backdrop-filter:blur(3px)}dialog h2{font-size:29px;margin:0 36px 16px 0}dialog p,dialog li{line-height:1.5;color:#d7e3df}dialog ul{padding-left:22px}dialog .button{width:100%;margin-top:10px}dialog .dialog-row{display:flex;gap:10px}dialog .dialog-row .button{flex:1}.modal-close{position:absolute;top:12px;right:13px;border:0;background:none;color:var(--text);font-size:30px;line-height:1;padding:5px 10px}.result-score{font-size:34px;color:var(--gold);font-weight:700;margin:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-grid div{background:#294555;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px}.stat-grid strong{color:var(--gold);font-size:24px}.stat-grid span{font-size:13px;color:var(--muted)}@media(max-width:600px){.app{padding:10px 12px 20px}.brand{font-size:14px;letter-spacing:.06em}.top-actions{gap:5px}.small-button,.icon-button{padding:7px;min-width:40px;min-height:40px}.hero-art{transform:scale(.9);margin-bottom:0}.menu-screen{justify-content:flex-start;padding-top:24px}.hero-copy{font-size:15px}.game-heading{margin:14px 0 10px}.board{grid-template-columns:repeat(3,1fr);padding:9px;border-radius:15px}.tile-slot{aspect-ratio:1/0.69}.tile-symbol{font-size:clamp(27px,8vw,43px)}.tray{min-height:60px;padding:6px}.tray-cell{height:45px;font-size:24px}.game-actions{gap:6px}.button.tool{font-size:13px;gap:4px;padding:6px}.button.tool span:first-child{font-size:19px}}@media(max-width:380px){.tile-slot{aspect-ratio:1/.66}.hud{padding:8px 4px}.hud strong{font-size:20px}.game-message{font-size:12px;margin:8px 0 5px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}