:root{--ink: #18101a;--navy-deep: #1b275c;--navy: #12368f;--blue: #234ca8;--blue-light: #6295e1;--gold: #eaac5b;--purple-deep: #5c175c;--magenta: #cc29c3;--orange-warm: #f29e59;--cyan: #53a6f9;--slate: #1a1f2e;--slate-line: #2b3450;--steel: #46506b;--bg: var(--ink);--panel: rgba(27, 39, 92, .82);--edge: rgba(98, 149, 225, .22);--accent: var(--blue-light);--villain: var(--magenta);--danger: var(--magenta);--ink-fg: #eef2fb;--ink-dim: #9fb0cc;--gold-text: #f7d380;--exposed: #9df6d4;--fault: #ff6a52;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0a0f;color:var(--ink-fg);font:500 var(--text-body) / 1.45 var(--font-ui);overscroll-behavior:none;-webkit-text-size-adjust:100%}:root{--portrait-aspect: .52;--letterbox-from: .7}#app{position:fixed;top:0;left:50%;transform:translate(-50%);height:100dvh;width:100vw;overflow:hidden}@media(min-aspect-ratio:7 / 10){#app{width:min(100vw,calc(100dvh * var(--portrait-aspect)))}}#stage{position:absolute;inset:0;display:block;width:100%;height:100%}#surface{position:absolute;inset:0;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:root{--font-ui: ui-sans-serif, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-score: 30px;--text-title: 19px;--text-body: 14px;--text-small: 11px}.hud__controls{display:flex;align-items:center;gap:8px;pointer-events:auto}@media(prefers-reduced-motion:reduce){.vignette{animation:none;opacity:.3}}.pause-pill{position:absolute;z-index:40;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border:1px solid var(--edge);border-radius:999px;background:var(--panel);color:var(--ink-fg);font-weight:650;text-align:center;pointer-events:none;backdrop-filter:blur(6px)}.pause-pill small{display:block;margin-top:3px;color:var(--ink-dim);font-weight:500}.rotate{position:absolute;inset:0;z-index:50;display:none;place-items:center;padding:24px;background:#060a12e0}.rotate__card{background:var(--panel);border:1px solid var(--edge);border-radius:18px;padding:24px;max-width:340px;width:100%;text-align:center}@media(orientation:landscape)and (max-height:540px){.rotate:not([hidden]){display:grid}}.debug,.hint{display:none!important}.probe{position:absolute;z-index:20;left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + 12px);bottom:calc(var(--safe-b) + 12px);display:flex;flex-wrap:wrap;gap:6px}.probe button{flex:0 0 auto;padding:7px 10px;border-radius:8px;border:1px solid var(--edge);background:var(--panel);color:var(--ink-fg);font:600 11px/1 ui-monospace,Menlo,monospace;cursor:pointer}.probe button[data-on="1"]{background:var(--accent);color:#06101f}@media(prefers-reduced-motion:reduce){.hud__progress-fill{transition:none}}.overlay{position:absolute;z-index:45;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b1120dc}.overlay strong{font-size:28px}.overlay button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffdf9a;border-radius:999px;background:#6b2c70;padding:10px 26px;font-weight:800}.banner{position:absolute;z-index:30;left:8%;right:8%;top:38%;text-align:center;font-size:18px;font-weight:800;color:#fff4ce;text-shadow:0 2px 10px #050b16;pointer-events:none}