:root{--bg:#f8fafc;--bg-elev:#fff;--fg:#0f172a;--fg-muted:#475569;--fg-subtle:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--accent:#0f766e;--accent-hover:#115e59;--focus:#2563eb;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 32px #0f172a1f, 0 4px 8px #0f172a0d;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--tone-emerald-bg:#ecfdf5;--tone-emerald-fg:#047857;--tone-amber-bg:#fffbeb;--tone-amber-fg:#b45309;--tone-grass-bg:#f0fdf4;--tone-grass-fg:#15803d;--tone-sky-bg:#eff6ff;--tone-sky-fg:#1d4ed8;--tone-rose-bg:#fff1f2;--tone-rose-fg:#be123c;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--chrome-bg:#ffffffd9;--chrome-border:#0f172a14;--chrome-blur:12px}[data-theme=dark]{--bg:#0b1120;--bg-elev:#131b2e;--fg:#e2e8f0;--fg-muted:#94a3b8;--fg-subtle:#64748b;--border:#1e293b;--border-strong:#334155;--accent:#5eead4;--accent-hover:#2dd4bf;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--tone-emerald-bg:#022c22;--tone-emerald-fg:#6ee7b7;--tone-amber-bg:#2a1a04;--tone-amber-fg:#fcd34d;--tone-grass-bg:#052e16;--tone-grass-fg:#86efac;--tone-sky-bg:#0c1e3c;--tone-sky-fg:#93c5fd;--tone-rose-bg:#2a0a13;--tone-rose-fg:#fda4af;--chrome-bg:#131b2ed9;--chrome-border:#ffffff14}:root{--accent:var(--tone-sky-fg);--accent-hover:#1e40af}[data-theme=dark]{--accent:var(--tone-sky-fg);--accent-hover:#bfdbfe}*{box-sizing:border-box}html,body{width:100%;height:100vh;font-family:var(--font-sans);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#000;margin:0;padding:0;overflow:hidden}#game{width:100vw;height:100vh;display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.chrome{background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--fg)}.topbar{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:14px;left:14px;right:14px}.topbar>*{pointer-events:auto}.topbar-left,.topbar-right{background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.brand{color:var(--fg);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--accent)}.brand-mark{color:var(--accent);display:inline-flex}.brand-text{white-space:nowrap}.brand-sep{color:var(--fg-subtle);margin:0 2px;font-weight:500}.brand-game{color:var(--fg-muted);white-space:nowrap;font-weight:600}.icon-button{cursor:pointer;width:36px;height:36px;color:var(--fg-muted);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.icon-button:hover{color:var(--fg);background:var(--bg-elev);border-color:var(--border);transform:translateY(-1px)}[data-theme=light] .icon-moon,:root:not([data-theme=dark]) .icon-moon,[data-theme=dark] .icon-sun{display:none}.hud-card{z-index:15;font-family:var(--font-sans);letter-spacing:-.01em;color:var(--fg);background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);box-shadow:var(--shadow-md);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:baseline;gap:18px;padding:8px 18px;font-size:15px;font-weight:600;display:inline-flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.hud-card .hud-divider{background:var(--border);align-self:center;width:1px;height:14px;display:inline-block}.hud-card .hud-label{color:var(--fg-subtle);margin-right:4px;font-size:13px;font-weight:500}.hud-card .hud-value{color:var(--fg);font-variant-numeric:tabular-nums}.hud-card .hud-value.hud-time{color:var(--accent);font-weight:700}.answer-chip{z-index:14;text-align:center;min-width:88px;font-family:var(--font-sans);letter-spacing:-.02em;color:var(--accent);background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:2px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;padding:10px 22px;font-size:42px;font-weight:800;transition:opacity .18s,transform .18s;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.answer-chip[hidden]{display:none!important}.hud-debug{z-index:14;font-family:var(--font-mono);color:var(--fg-muted);background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);pointer-events:none;white-space:pre;padding:8px 14px;font-size:12px;line-height:1.5;display:none;position:fixed;top:64px;left:50%;transform:translate(-50%)}body[data-debug] .hud-debug{display:block}.title-card{z-index:16;font-family:var(--font-sans);letter-spacing:-.02em;color:var(--fg);background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;padding:14px 28px;font-size:22px;font-weight:800;transition:opacity .35s,transform .35s;position:fixed;top:70px;left:50%;transform:translate(-50%,-10px)}.title-card.is-visible{opacity:1;transform:translate(-50%)}.title-card .title-accent{color:var(--accent);margin-left:6px}.results{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.results[hidden]{display:none!important}.results-card{text-align:center;background:var(--chrome-bg);width:min(440px,100%);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--fg);padding:32px clamp(20px,5vw,36px)}.results-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin:0 0 6px;font-size:13px;font-weight:600}.results-position{letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:clamp(3.2rem,9vw,4.4rem);font-weight:800;line-height:1}.results-position .ord-suffix{vertical-align:super;margin-left:2px;font-size:.55em;font-weight:700}.results-headline{letter-spacing:-.015em;margin:0 0 12px;font-size:1.4rem;font-weight:700}.results-time{color:var(--fg-muted);font-variant-numeric:tabular-nums;margin:0 0 18px;font-size:1.05rem}.results-best{color:var(--tone-amber-fg);background:var(--tone-amber-bg);border-radius:999px;align-items:center;gap:6px;margin:0 0 22px;padding:5px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.results-board{border-top:1px solid var(--border);text-align:left;flex-direction:column;gap:6px;margin:0 0 22px;padding:14px 0 0;display:flex}.results-row{color:var(--fg-muted);border-radius:var(--radius-sm);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:4px 8px;font-size:.95rem;display:grid}.results-row.is-player{color:var(--fg);background:#1d4ed812;font-weight:700}[data-theme=dark] .results-row.is-player{background:#93c5fd14}.results-row .rank{color:var(--fg-muted);font-weight:700}.results-row.is-player .rank{color:var(--accent)}.results-row .time{font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.results-actions{flex-direction:column;align-items:stretch;gap:10px;display:flex}.btn{letter-spacing:-.01em;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .btn-primary{color:#0b1120}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border-color:var(--border)}.btn-secondary:hover{border-color:var(--border-strong);transform:translateY(-1px)}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none!important}.overlay-content{background:var(--chrome-bg);width:min(520px,100%);max-height:86vh;-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--fg);padding:28px clamp(20px,5vw,32px);overflow-y:auto}.overlay-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.overlay-header h2{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.overlay section{margin-top:18px}.overlay section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin:0 0 8px;font-size:.78rem;font-weight:700}.overlay section p,.overlay section li{color:var(--fg-muted);margin:0;font-size:.95rem;line-height:1.5}.overlay section ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.overlay kbd{text-align:center;min-width:22px;font-family:var(--font-mono);color:var(--fg);background:var(--bg-elev);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;margin-right:6px;padding:2px 7px;font-size:.8rem;font-weight:600;display:inline-block}.overlay-toggle-row{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.overlay-toggle-row .mode-label{color:var(--fg);font-size:.95rem;font-weight:600}.overlay-toggle-row .mode-value{align-items:center;gap:8px;display:inline-flex}.touch-restart{z-index:18;background:var(--chrome-bg);width:56px;height:56px;-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);box-shadow:var(--shadow-lg);color:var(--fg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;display:none;position:fixed;bottom:20px;right:20px}.touch-restart:hover{color:var(--accent)}@media (hover:none) and (pointer:coarse){.touch-restart{display:inline-flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width<=520px){.brand-text{font-size:14px}.brand-game,.brand-sep{display:none}.hud-card{gap:12px;padding:7px 14px;font-size:13px}.title-card{padding:10px 18px;font-size:17px;top:64px}.answer-chip{min-width:72px;font-size:34px}}.arcade-toast{font-family:var(--font-sans);color:var(--accent);background:var(--bg-elev);-webkit-backdrop-filter:saturate(140%)blur(12px);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-md);pointer-events:none;z-index:14;-webkit-user-select:none;user-select:none;text-align:center;opacity:1;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .6s ease-out;position:fixed;top:14px;left:50%;transform:translate(-50%)}.mh-main-menu{z-index:40;pointer-events:auto;font-family:var(--font-sans);color:var(--fg);background:linear-gradient(180deg, #f8fafcfa 0%, var(--bg) 100%);-webkit-backdrop-filter:saturate(140%)blur(22px);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .38s ease-out;display:flex;position:fixed;inset:0}[data-theme=dark] .mh-main-menu{background:linear-gradient(180deg, #0b1120fa 0%, var(--bg) 100%)}.mh-main-menu.is-closing{opacity:0;pointer-events:none}body.mh-menu-open .hud-card,body.mh-menu-open .answer-chip{display:none!important}.mh-main-menu__title{font-family:var(--font-sans);letter-spacing:-.025em;text-align:center;color:var(--fg);margin:0 0 28px;font-size:clamp(56px,9vw,88px);font-weight:800;line-height:1}.mh-main-menu__stats{font-family:var(--font-sans);color:var(--fg-muted);pointer-events:none;flex-direction:column;align-items:center;gap:4px;margin-bottom:36px;display:flex}.mh-main-menu__stats[hidden]{display:none}.mh-main-menu__pb{letter-spacing:.01em;color:var(--fg);font-size:22px;font-weight:600}.mh-main-menu__pb-time{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:6px}.mh-main-menu__summary{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-subtle);font-size:13px;font-weight:500}.mh-main-menu__play{border-radius:var(--radius-lg);background:var(--accent);color:var(--bg-elev);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;box-shadow:var(--shadow-lg);border:none;padding:20px 76px;font-size:30px;font-weight:700;transition:transform .16s ease-out,filter .16s ease-out,box-shadow .16s ease-out}.mh-main-menu__play:hover{filter:brightness(1.06);transform:translateY(-3px)}.mh-main-menu__play:active{transform:translateY(-1px)}.mh-main-menu__play:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[data-theme=dark] .mh-main-menu__play{color:var(--bg)}.mh-main-menu__settings{border-radius:var(--radius-md);background:var(--bg-elev);color:var(--fg);font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--border);cursor:pointer;margin-top:14px;padding:11px 30px;font-size:14px;font-weight:600;transition:transform .14s ease-out,background .14s ease-out,border-color .14s ease-out}.mh-main-menu__settings:hover{border-color:var(--border-strong);background:var(--bg);transform:translateY(-1px)}.mh-main-menu__settings:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.arcade-footer{z-index:55;font-family:var(--font-sans);color:var(--fg-muted);background:var(--chrome-bg);-webkit-backdrop-filter:blur(var(--chrome-blur));backdrop-filter:blur(var(--chrome-blur));border:1px solid var(--chrome-border);box-shadow:var(--shadow-sm);pointer-events:auto;opacity:.85;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:500;transition:opacity .2s;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.arcade-footer:hover{opacity:1}.arcade-footer a{color:var(--accent);font-weight:600;text-decoration:none}.arcade-footer a:hover{text-decoration:underline}