:root{--bg:#16181d;--surface:#1f232b;--surface-raised:#2a2f39;--ink:#e8e6e1;--ink-dim:#9aa0ab;--line:#333944;--accent:#b58aff;--accent-soft:#2a2144;--tunnel-line:#262c37;--gate-fill:#7059c4;--gate-edge:#b58aff;--glider:#ece4ff;--glider-glow:#b58aff;--shard:#8c6fcc;--tap:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#616874;--line:#ddd7cc;--accent:#6635cc;--accent-soft:#eee8fb;--tunnel-line:#e4ded3;--gate-fill:#7a57c9;--gate-edge:#3f1f8f;--glider:#35197a;--glider-glow:#6635cc;--shard:#7d63b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#faf7f2;--surface:#fff;--surface-raised:#f1ede6;--ink:#232730;--ink-dim:#616874;--line:#ddd7cc;--accent:#6635cc;--accent-soft:#eee8fb;--tunnel-line:#e4ded3;--gate-fill:#7a57c9;--gate-edge:#3f1f8f;--glider:#35197a;--glider-glow:#6635cc;--shard:#7d63b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}html,body{background:var(--bg);color:var(--ink);overscroll-behavior:none;margin:0;font:1rem/1.4 ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}#stage,#hud,#screens,#prompt{touch-action:none;-webkit-user-select:none;user-select:none}#stage{cursor:crosshair;touch-action:none;width:min(100vw,1600px);height:100dvh;display:block;position:fixed;top:0;left:max(0px,50vw - 800px)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;height:2.4rem;display:grid;position:fixed}#distance,.hud-chip,#prompt,#hint{text-shadow:0 0 3px var(--bg), 0 0 3px var(--bg), 0 0 3px var(--bg), 0 0 6px var(--bg), 0 0 6px var(--bg), 0 0 10px var(--bg)}#distance{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);pointer-events:none;grid-column:2;justify-self:center;font-size:1.75rem}.hud-chip{font-variant-numeric:tabular-nums;color:var(--ink-dim);pointer-events:none;grid-column:1;justify-self:start;font-size:.85rem}.hud-pause{width:var(--tap);height:var(--tap);background:var(--surface);color:var(--ink);border:1px solid var(--line);letter-spacing:.1em;cursor:pointer;border-radius:6px;grid-column:3;justify-self:end;place-items:center;font-weight:700;display:grid}.hud-pause:before{content:"II"}.hud-pause[hidden]{display:none}.hud-hidden{visibility:hidden}#prompt,#hint{text-align:center;color:var(--ink-dim);pointer-events:none;margin:0;padding:0 16px;position:fixed;left:0;right:0}#prompt{bottom:max(48px, env(safe-area-inset-bottom));min-height:1.4em}#hint{bottom:max(20px, env(safe-area-inset-bottom));opacity:.7;font-size:.75rem}#screens{pointer-events:none;z-index:4;position:fixed;inset:0}#screens>*{pointer-events:auto}.title-screen{text-align:center;background:color-mix(in srgb, var(--bg) 55%, transparent);flex-direction:column;justify-content:safe center;align-items:center;gap:20px;padding:24px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.title-wordmark{top:max(4px, env(safe-area-inset-top));left:max(4px, env(safe-area-inset-left));min-height:var(--tap);color:var(--ink-dim);letter-spacing:.08em;align-items:center;padding:0 12px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;position:absolute}.title-wordmark:hover{color:var(--ink)}.title-heading{letter-spacing:.06em;color:var(--ink);margin:0;font-size:2.5rem}.title-stages{justify-content:center;gap:8px;display:flex}.title-stage-chip{width:44px;height:48px;font:inherit;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;font-weight:700}.title-stage-chip:disabled{color:var(--ink-dim);opacity:.45;cursor:default}.title-stage-chip--selected{color:var(--bg);background:var(--accent)}.title-modes{flex-direction:column;gap:12px;width:min(100%,320px);display:flex}.title-mode{min-height:56px;font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;border:none;border-radius:12px;padding:0 24px;font-size:1.1rem;font-weight:600}.title-mode--daily{color:var(--ink);background:var(--surface-raised);border:1px solid var(--line)}.title-bests{font-variant-numeric:tabular-nums;min-height:1.3em;color:var(--ink-dim);margin:0}.title-countdown{font-variant-numeric:tabular-nums;min-height:1.1em;color:var(--ink-dim);opacity:.8;margin:0;font-size:.8rem}.title-icons{bottom:max(16px, env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}.title-icon{min-width:var(--tap);min-height:var(--tap);background:var(--surface);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:999px;place-items:center;padding:0 12px;display:grid}.title-icon--wide{font-size:.8rem}.runend-card{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;justify-items:center;gap:8px;width:min(100%,300px);max-height:100%;padding:24px;display:grid;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.runend-card--best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.runend-distance{font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-size:2rem}.runend-best{font-variant-numeric:tabular-nums;color:var(--ink-dim);margin:0}.runend-newbest{color:var(--accent);margin:0;font-weight:700}.runend-restart{min-height:var(--tap);width:100%;font:inherit;color:var(--bg);background:var(--accent);cursor:pointer;border:none;border-radius:8px;margin-top:8px;font-weight:600}.runend-retry{min-height:var(--tap);width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;font-weight:600}.runend-ad-slot{width:100%;height:50px}.unlock-chip{bottom:max(48px, env(safe-area-inset-bottom));color:var(--ink);background:var(--surface);border:1px solid var(--accent);opacity:0;pointer-events:none;border-radius:999px;padding:8px 16px;font-weight:700;transition:opacity .4s;position:fixed;left:50%;transform:translate(-50%)}.unlock-chip--visible{opacity:1}.banners{top:max(60px, env(safe-area-inset-top));z-index:6;pointer-events:none;justify-items:center;gap:6px;padding:0 16px;display:grid;position:fixed;left:0;right:0}.banner{pointer-events:auto;background:var(--surface);border:1px solid var(--line);max-width:420px;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.banner-text{flex:1}.banner-dismiss{min-width:var(--tap);min-height:var(--tap);color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:none;font-size:1rem}.toast-layer{left:0;right:0;bottom:max(90px, env(safe-area-inset-bottom));z-index:7;pointer-events:none;justify-items:center;gap:6px;padding:0 16px;display:grid;position:fixed}.toast{background:var(--surface-raised);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.85rem}.modal-scrim{z-index:20;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-scrim[hidden]{display:none}.modal{background:var(--surface);width:100%;max-width:440px;max-height:min(80vh,640px);color:var(--ink);border-radius:14px;padding:20px;overflow-y:auto}.modal-title{margin:0 0 12px;font-size:1.1rem}.modal-subtitle{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin:16px 0 8px;font-size:.85rem}.help-body{margin:0;font-size:.95rem;line-height:1.6}.settings-group{gap:8px;margin-bottom:8px;display:grid}.settings-option{min-height:var(--tap);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.settings-option:has(input:checked){background:var(--accent-soft)}.settings-desc{color:var(--ink-dim);margin:0 0 8px;font-size:.8rem}.settings-rebind{min-height:var(--tap);width:100%;font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);cursor:pointer;border-radius:8px}.settings-rebind--active{border-color:var(--accent);color:var(--accent)}.modal-close{min-height:var(--tap);width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;margin-top:4px;font-weight:600}.pause-panel{text-align:center;gap:10px;display:grid}.pause-btn{min-height:var(--tap);font:inherit;color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);cursor:pointer;border-radius:8px;font-weight:600}.pause-btn--primary{color:var(--bg);background:var(--accent);border-color:#0000}.title-screen,.runend-card,.modal-scrim,.modal,.banner,.toast{transition:opacity .18s,transform .18s}@media (prefers-reduced-motion:reduce){.title-screen,.runend-card,.modal-scrim,.modal,.banner,.toast{transition-duration:50ms}}.page-content{z-index:1;padding:32px 20px calc(48px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);margin-top:100dvh;position:relative}.page-content>*{max-width:640px;margin-left:auto;margin-right:auto}.page-content h1{letter-spacing:.04em;margin:0 auto 4px;font-size:1.8rem}.page-content .tagline{color:var(--ink-dim);margin:0 auto 24px;font-weight:600}.page-content h2{margin:28px auto 8px;font-size:1.2rem}.page-content p,.page-content li,.page-content dd{color:var(--ink);line-height:1.55}.page-content dt{margin-top:14px;font-weight:700}.page-content dd{margin:4px 0 0}.page-content a{color:var(--accent)}