:root{color-scheme:dark;--bg:#101b25;--panel:#192a36;--panel2:#213746;--line:#39515e;--text:#f4f1e8;--muted:#a9b8bd;--gold:#efba66;--teal:#6dd0bb;--red:#f08b82}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -12%,#2f5260 0,#152632 36%,var(--bg) 75%);color:var(--text)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,#board:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.shell{max-width:1100px;margin:auto;padding:22px clamp(15px,3vw,34px) 34px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.17em;font-size:14px}.brand small{display:block;letter-spacing:.08em;font-size:10px;color:var(--muted);margin-top:2px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:12px;color:var(--gold);font-size:27px}.top-actions{display:flex;gap:8px}.quiet{border:1px solid var(--line);background:#213542;color:var(--text);padding:10px 15px;border-radius:10px;font-weight:700;min-height:43px}.quiet:hover,.tool-row button:hover,.modal button:hover{border-color:var(--teal);background:#294756}.icon{width:44px;padding:8px}.hero{min-height:159px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 2px}.eyebrow{color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.2em;margin:0 0 7px}.hero h1{font-size:clamp(31px,5vw,55px);line-height:1;margin:0;letter-spacing:-.055em}.tagline{color:var(--muted);margin:10px 0 0;max-width:550px;line-height:1.45}.hero-mark{display:flex;gap:8px;font-size:42px;color:var(--gold);opacity:.72;transform:rotate(-12deg)}.hero-mark span:nth-child(2){color:var(--teal);transform:translateY(20px)}.game-card{border:1px solid #4a6470;background:linear-gradient(145deg,#203744,#192b37);border-radius:23px;overflow:hidden;box-shadow:0 24px 70px #070e1680}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 25px;border-bottom:1px solid #39505c}.level-info strong{font-size:21px}.stats{display:flex;gap:clamp(14px,4vw,50px)}.stats>div{display:grid;gap:2px;min-width:50px}.stats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}.stats strong{font-variant-numeric:tabular-nums;font-size:18px}.board-wrap{display:grid;place-items:center;padding:clamp(14px,3vw,30px);min-height:350px;overflow:hidden}#board{display:grid;grid-template-columns:repeat(var(--cols),var(--tile));gap:3px;touch-action:none;user-select:none;max-width:100%}.tile{width:var(--tile);height:var(--tile);display:grid;place-items:center;border-radius:7px;background:#29414d;position:relative;box-shadow:inset 0 -2px #162a35}.tile.wall{background:#45616a;box-shadow:inset 0 -4px #304954,0 1px #5c7780}.tile.goal:before{content:"";width:39%;height:39%;border:3px solid var(--gold);border-radius:50%;opacity:.95}.tile.box:after{content:"";position:absolute;inset:9%;background:linear-gradient(135deg,#f3c77f,#d89250);border:2px solid #ffd69d;border-radius:7px;box-shadow:inset 0 -5px #bd7540,0 4px 8px #0a141a80}.tile.box.goal:after{background:linear-gradient(135deg,#7be0c8,#4ba993);border-color:#a9f1df;box-shadow:inset 0 -5px #327c70,0 4px 8px #0a141a80}.tile.player:after{content:"";position:absolute;width:57%;height:57%;border-radius:50%;background:#f6f1e8;border:4px solid #85caba;box-shadow:0 3px 8px #081117aa}.tile.hint{box-shadow:inset 0 0 0 3px var(--teal),0 0 16px #6dd0bb80}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 25px 19px}.progress{min-width:130px;max-width:220px;flex:1;color:var(--muted);font-size:12px}.progress-track{height:5px;background:#3b515b;border-radius:8px;margin-top:8px;overflow:hidden}.progress-track div{height:100%;background:var(--teal);width:0;transition:width .2s}#toast{font-size:13px;color:var(--gold);text-align:right;min-height:20px}.control-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 3px}.tool-row{display:flex;flex-wrap:wrap;gap:8px}.tool-row button,.dpad button,.modal button.action{border:1px solid #54707b;background:#29414e;color:var(--text);border-radius:11px;padding:11px 17px;font-weight:700;min-height:46px}.tool-row button:disabled{opacity:.42;cursor:default}.dpad{display:grid;justify-items:center;gap:4px}.dpad>div{display:flex;gap:4px}.dpad button{width:47px;height:44px;padding:0;font-size:20px}.key-help{color:var(--muted);font-size:12px;text-align:center;margin:0}.overlay{position:fixed;inset:0;background:#071016c9;display:grid;place-items:center;padding:18px;z-index:20;backdrop-filter:blur(6px)}.hidden{display:none!important}.modal{width:min(530px,100%);max-height:min(88vh,780px);overflow:auto;background:#203541;border:1px solid #5b7580;border-radius:20px;padding:23px;box-shadow:0 26px 80px #000a}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.modal h2{font-size:28px;margin:0 0 18px;letter-spacing:-.04em}.modal p{line-height:1.55;color:#c6d1d1}.modal .action{margin:5px 6px 5px 0}.modal .primary{background:var(--teal);color:#10232a;border-color:var(--teal)}.modal .section-label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--teal);font-weight:800;margin:22px 0 9px}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.level-grid button{border:1px solid #526d78;background:#2b4653;color:var(--text);border-radius:10px;height:46px;font-weight:800}.level-grid button.locked{opacity:.45}.level-grid button.current{border-color:var(--gold);color:var(--gold)}.level-grid button.done:after{content:" ✓";color:var(--teal)}.modal-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #405863;padding:11px 0;color:var(--muted)}.modal-row strong{color:var(--text)}@media(max-width:600px){.shell{padding-top:12px}.brand{font-size:12px}.brand-icon{width:36px;height:36px;font-size:22px}.top-actions{gap:5px}.top-actions button{padding:8px;min-width:39px;font-size:12px}.hero{min-height:130px}.hero-mark{font-size:27px}.statusbar{align-items:flex-start;flex-direction:column;padding:14px 16px;gap:11px}.stats{width:100%;justify-content:space-between}.board-wrap{padding:12px 5px;min-height:280px}.game-footer{padding:10px 15px 15px}.control-panel{flex-direction:column;gap:13px}.tool-row{width:100%;justify-content:center}.tool-row button{flex:1;padding:9px 8px;min-width:0}.dpad button{width:55px;height:50px}.key-help{display:none}.modal{padding:18px}.level-grid{grid-template-columns:repeat(4,1fr)}}
.level-info .eyebrow{display:block}

@media(max-width:350px){.topbar{flex-wrap:wrap;gap:12px}.top-actions{margin-left:auto}.hero-mark{display:none}.game-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:340px){.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.stats>div{min-width:0}.stats span{font-size:10px;letter-spacing:0;overflow-wrap:anywhere;min-height:26px}.tool-row button{min-width:0;font-size:13px;padding:10px 5px}}