:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{--bg:#0e0f1a;--raise:#171827;--sunk:#0a0a14;--line:#2b2c42;--line2:#40415c;--ink:#f2f0f7;--mute:#b6b3ca;--faint:#8b88a3;--live:#7aa8f0;--live-ink:#0f1524;--live-soft:#7aa8f01f;--armed:#f0b968;--won:#62cf9a;--miss:#ec9276;--f-display:"Sentient", Georgia, serif;--f-ui:"Supreme", Helvetica, Arial, sans-serif;--f-mono:"Fragment Mono", ui-monospace, SFMono-Regular, monospace}body.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2eee4;--raise:#fdfbf4;--sunk:#e7e1d3;--line:#ded7c6;--line2:#c7bca6;--ink:#1b1a29;--mute:#5e5a72;--faint:#837e92;--live:#345fb0;--live-ink:#fdfbf4;--live-soft:#345fb01a;--armed:#a06a12;--won:#1f7d4f;--miss:#b0532f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,select{font:inherit;color:var(--ink);background:var(--sunk);border:1px solid var(--line);border-radius:8px;padding:8px 10px}input:focus-visible,button:focus-visible{outline:2px solid var(--live);outline-offset:1px}.app{min-height:100vh;display:flex}.rail{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:22px;width:224px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.main{flex:1;min-width:0}.page{max-width:1060px;padding:32px 34px}.display{font-family:var(--f-display);font-weight:500}.page-title{font-family:var(--f-display);letter-spacing:-.012em;margin:0;font-size:31px;font-weight:500}.mono{font-family:var(--f-mono)}.kicker{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.countdown{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.card{background:var(--raise);border:1px solid var(--line);border-radius:12px}.btn{border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:500;transition:transform .12s,background .12s,color .12s;display:inline-flex}.btn-primary{background:var(--live);color:var(--live-ink)}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{border:1px solid var(--line2);color:var(--ink)}.btn-outline:hover{border-color:var(--mute)}.btn:disabled{background:var(--sunk);color:var(--faint);cursor:default;border-color:var(--line);transform:none}.pill{font-family:var(--f-mono);letter-spacing:.1em;border-radius:99px;padding:3px 10px;font-size:11px}.chip{border:1px solid var(--line2);color:var(--mute);border-radius:8px;padding:7px 12px;transition:border-color .12s,color .12s,background .12s}.chip:hover{color:var(--ink);border-color:var(--mute)}.chip.on{background:var(--live-soft);border-color:var(--live);color:var(--ink)}.overlay{z-index:40;background:#0508089e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--raise);border:1px solid var(--line2);border-radius:14px;width:min(420px,100vw - 48px);padding:24px;animation:.22s fl-rise}.toast{background:var(--ink);color:var(--bg);z-index:50;border-radius:99px;padding:9px 18px;font-size:13px;animation:.22s fl-toast-rise;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}@keyframes fl-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes fl-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fl-slide-r{0%{transform:translate(100%)}to{transform:none}}.pane-r{animation:.22s fl-slide-r}@keyframes fl-toast-rise{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@keyframes fl-sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}@keyframes fl-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fl-spin{to{transform:rotate(360deg)}}.fl-in{animation:.26s fl-in}.fl-rise{animation:.22s fl-rise}.pulse{animation:1.6s ease-in-out infinite fl-pulse}.sweep-track{background:var(--sunk);border-radius:99px;height:3px;position:relative;overflow:hidden}.sweep-bar{background:var(--live);border-radius:99px;width:38%;animation:1.1s ease-in-out infinite fl-sweep;position:absolute;inset:0 auto 0 0}.spin{animation:1.4s linear infinite fl-spin;display:inline-block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
