:root{--ink:#071127;--ink-2:#0d1936;--ink-3:#16254d;--blue:#2258ff;--cyan:#20d7f4;--violet:#7957ff;--paper:#f5f7fb;--muted:#60708e;--line:#d9e0ec;--gold:#ffc94a;--danger:#e5484d;--radius-btn:13px;--radius-card:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Arial,Helvetica,ui-sans-serif,system-ui,sans-serif}body{min-height:100dvh}#app{max-width:560px;margin:0 auto}[hidden]{display:none!important}.screen{min-height:100dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;display:flex}.screen:focus{outline:none}.pill{background:var(--ink);color:#fff;letter-spacing:.16em;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block}.pill.small{padding:3px 9px;font-size:9px}.brand h1{letter-spacing:-.02em;text-transform:uppercase;margin:10px 0 4px;font-size:44px;line-height:1}.brand.compact h1{font-size:34px}.tagline{color:var(--muted);margin:0;font-size:16px;line-height:1.4}.card{border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;padding:16px 18px}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px}.btn{appearance:none;font:inherit;border-radius:var(--radius-btn);border:1px solid var(--line);min-height:52px;color:var(--ink);cursor:pointer;text-align:left;touch-action:manipulation;background:#fff;flex-direction:column;justify-content:center;gap:2px;padding:10px 16px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.btn small{color:var(--muted);font-size:13px;font-weight:400}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0711271a}.btn:active:not(:disabled){transform:translateY(0)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;text-align:center;align-items:center}.btn.primary small{color:#b7c3dd}.btn.ghost{color:var(--muted);text-align:center;background:0 0;border-color:#0000;align-items:center}.btn:disabled{color:#9aa6bd;cursor:not-allowed}.btn:focus-visible,.icon-btn:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.menu{gap:10px;display:grid}.rules{counter-reset:rule;gap:8px;margin:0;padding:0;list-style:none;display:grid}.rules li{counter-increment:rule;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;padding:10px 12px 10px 46px;font-size:15px;line-height:1.4;position:relative}.rules li:before{content:counter(rule);background:var(--blue);color:#fff;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:grid;position:absolute;top:10px;left:12px}.best dl{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.best dt{color:var(--muted);font-size:12px}.best dd{margin:2px 0 0;font-size:24px;font-weight:700}.error{color:#8a1f24;background:#fff1f1;border:1px solid #f3c2c4;border-radius:12px;margin:0;padding:10px 12px;font-size:14px;line-height:1.4}.foot{text-align:center;color:var(--muted);margin-top:auto;font-size:12px}.play{gap:10px;padding-top:12px}.bar{align-items:center;gap:10px;display:flex}.bar-title{flex-direction:column;flex:1;line-height:1.2;display:flex}.bar-title span{color:var(--muted);font-size:13px}.icon-btn{border-radius:var(--radius-btn);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;background:#fff;width:44px;height:44px;font-size:20px}.hud{grid-template-columns:1.15fr 1fr 1fr;gap:8px;display:grid}.hud-item{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;gap:4px;min-height:58px;padding:8px 12px;display:flex}.hud-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.hud-val{font-size:22px;font-weight:700;line-height:1}.hud-val.ready{color:var(--blue)}.hud-val.risk{color:var(--danger)}.pips{flex-wrap:wrap;align-items:center;gap:4px;min-height:22px;display:flex}.pip{background:var(--line);border-radius:4px;width:14px;height:14px}.pip.on{background:var(--blue)}.board-wrap{background:var(--ink);border-radius:var(--radius-card);flex:1;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff0f}.board{-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;height:auto;max-height:50dvh;display:block}.coach{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:4.4em;margin:0;padding:10px 12px;font-size:15px;line-height:1.4}.coach.warn{background:#fff6f6;border-color:#f3c2c4}.thumb{gap:8px;display:grid}.btn.bank{text-align:center;letter-spacing:.02em;align-items:center;min-height:60px;font-size:20px}.btn.bank.ready{background:var(--blue);border-color:var(--blue);color:#fff;animation:1.4s ease-in-out infinite bank-pulse}.row3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.btn.small{text-align:center;align-items:center;min-height:48px;padding:8px;font-size:14px}.keys{color:var(--muted);text-align:center;margin:0;font-size:12px;line-height:1.8;display:none}kbd{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px}@media (hover:hover) and (pointer:fine){.keys{display:block}}@keyframes bank-pulse{0%,to{box-shadow:0 0 #2258ff73}50%{box-shadow:0 0 0 8px #2258ff00}}.tile{fill:var(--ink-2);stroke:#ffffff0d;stroke-width:1.5px}.tile.wall{fill:#050b1c}.emitter{fill:var(--cyan)}.mirror{cursor:pointer;outline:none}.mirror .ring{fill:#7957ff1f;stroke:var(--violet);stroke-width:4px;opacity:0;transition:opacity .1s}.mirror:hover .ring{opacity:.55}.mirror:focus-visible .ring{opacity:1;stroke:#b9a8ff;fill:#7957ff47}.mirror.hint .ring{opacity:1;animation:1.1s ease-in-out infinite hint}@keyframes hint{0%,to{stroke-opacity:.35}50%{stroke-opacity:1}}.rot{transform-box:fill-box;transform-origin:50%;transition:transform .16s cubic-bezier(.3,1.5,.5,1)}.mirror-glass{stroke:#e6ecff;stroke-width:10px;stroke-linecap:round}.pivot{fill:var(--ink)}.beam-glow,.beam-core{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.beam-glow{stroke:var(--cyan);stroke-width:20px;opacity:.22}.beam-core{stroke:var(--cyan);stroke-width:6px;filter:drop-shadow(0 0 5px var(--cyan))}.board.lit .beam-core{stroke:#e9fdff}.board.lit .beam-glow{opacity:.4}.board.busted .beam-core,.board.busted .beam-glow{stroke:var(--danger);filter:none}.sweep{stroke-dasharray:1;animation:.26s ease-out both sweep}@keyframes sweep{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.star{fill:none;stroke:var(--gold);stroke-width:3px;stroke-linejoin:round;opacity:.6;transform-box:fill-box;transform-origin:50%;pointer-events:none}.star.collected{fill:var(--gold);opacity:1;filter:drop-shadow(0 0 6px #ffc94acc)}.star.pop{animation:.35s ease-out pop}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.35)}to{transform:scale(1)}}.exit-halo{fill:#0000}.exit-ring{fill:none;stroke:var(--violet);stroke-width:5px;stroke-dasharray:6 8}.exit-core{fill:var(--ink-3);stroke:var(--violet);stroke-width:3px}.exit.lit .exit-halo{fill:#20d7f440;animation:1.2s ease-in-out infinite halo}.exit.lit .exit-ring{stroke:var(--cyan);stroke-dasharray:none}.exit.lit .exit-core{fill:#e9fdff;stroke:var(--cyan)}@keyframes halo{0%,to{opacity:.5}50%{opacity:1}}.board.ended .mirror{cursor:default;opacity:.7}.result-card{text-align:center;border-width:2px;gap:10px;display:grid}.result-card[data-tone=good]{border-color:var(--blue)}.result-card[data-tone=bad]{border-color:#f3c2c4}.res-score{flex-direction:column;align-items:center;display:flex}.res-score span{letter-spacing:-.03em;font-size:72px;font-weight:700;line-height:1}.res-score small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:13px}.breakdown{color:var(--muted);margin:0;font-size:15px;line-height:1.4}.share-preview{background:var(--ink);color:#e9fdff;text-align:left;white-space:pre-wrap;-webkit-user-select:all;user-select:all;border-radius:16px;margin:0;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.5}.best-note{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.toast{text-align:center;color:var(--ink);margin:0;font-size:14px}@media (prefers-reduced-motion:reduce){.sweep,.star.pop,.btn.bank.ready,.mirror.hint .ring,.exit.lit .exit-halo{animation:none}.rot{transition:none}}@media (width<=400px){.screen{padding-left:12px;padding-right:12px}.board-wrap{padding:4px}}@media (height<=700px){.brand h1{font-size:36px}.coach{min-height:3.8em}}