@font-face{font-family:ABC Stefan Bubble Tight Twotone;src:url(/assets/fonts/ABCStefanTrial-BubbleTightTwotone.ttf)format("truetype");font-display:swap}@font-face{font-family:ABC Stefan Bubble Twotone;src:url(/assets/fonts/ABCStefanTrial-BubbleTwotone.ttf)format("truetype");font-display:swap}:root{--bg:#0a1117;--bg-lift:#101b24;--panel:#14212c;--line:#22323f;--ink:#e6eef3;--ink-dim:#8ba3b2;--accent:#4fd1c5;--accent-ink:#04201d;--warn:#ff8a6b;--radius:14px;--shadow:0 18px 50px #00000073;color-scheme:dark;font-family:ABC Stefan Bubble Tight Twotone,ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}h1,.brand,.boot-mark,.btn-primary,.bigscore{font-family:ABC Stefan Bubble Twotone,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 50% -10%, #16303c 0%, transparent 60%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#boot{z-index:100;background:radial-gradient(900px 600px at 50% 30%, #1b3a48 0%, transparent 70%), var(--bg);opacity:1;place-items:center;transition:opacity .42s;display:grid;position:fixed;inset:0}#boot.is-leaving{opacity:0;pointer-events:none}.boot-inner{justify-items:center;gap:14px;width:min(420px,82vw);display:grid}.boot-mark{letter-spacing:-.03em;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:700}.boot-tag{color:var(--ink-dim);margin:0;font-size:.95rem}.boot-backend{min-height:1.2em;color:var(--ink-dim);margin:0;font-size:.8rem}.bar{justify-items:center;gap:8px;width:100%;display:grid}.bar-track{border:1px solid var(--line);background:#0d1a22;border-radius:999px;width:100%;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, #2a9d8f, var(--accent));border-radius:999px;width:0;height:100%;transition:width .22s}.bar-label{color:var(--ink-dim);min-height:1.2em;font-size:.82rem}.center{justify-items:center;gap:20px;padding:28px 20px 60px;display:grid}.panel{background:linear-gradient(180deg, var(--bg-lift), var(--panel));border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100%);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}.panel-head{gap:4px;display:grid}.panel-head h1{letter-spacing:-.02em;margin:0;font-size:1.5rem}.panel-head h2{margin:0;font-size:1.05rem}.sub{color:var(--ink-dim);margin:0;font-size:.92rem}.stack{gap:10px;display:grid}.rule{color:var(--ink-dim);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;font-size:.8rem;display:grid}.rule:before,.rule:after{content:"";background:var(--line);height:1px}.chrome{border-bottom:1px solid var(--line);backdrop-filter:blur(8px);z-index:10;background:#0a1117cc;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;cursor:pointer;font-weight:700}.navlinks{gap:4px;display:flex}.who{margin-left:auto}.navlink{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px}.navlink:hover,.navlink.is-active{color:var(--ink);background:#17242f}.tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--line);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.7rem}.btn{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#17242f;border-radius:10px;padding:12px 16px;font-weight:600;transition:background .14s,transform 80ms}.btn:hover:not(:disabled){background:#1d2f3c}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){background:#63e0d4}.linkish{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.field{gap:6px;display:grid}.field span{color:var(--ink-dim);font-size:.85rem}input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#0c161e;border-radius:10px;padding:11px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px}.tabs{gap:6px;display:flex}.tab{font:inherit;border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:999px;padding:7px 14px}.tab.is-active{color:var(--ink);background:#17242f}.hint{color:var(--ink-dim);margin:0;font-size:.85rem}.hint.muted{opacity:.75}.notice{color:var(--accent);margin:0;font-size:.88rem}.error{color:var(--warn);margin:0;font-size:.88rem}.labs{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lab{border:1px solid var(--line);color:inherit;background:#0e1a23;border-radius:10px;gap:2px;padding:14px 16px;text-decoration:none;transition:background .14s,border-color .14s;display:grid}.lab:hover{background:#13222e;border-color:#2f4657}.lab-name{align-items:center;font-weight:600;display:flex}.lab .hint{margin:0}.statgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;display:grid}.stat{border:1px solid var(--line);background:#0e1a23;border-radius:10px;padding:10px 12px}.stat dt{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.15rem;font-weight:600}.bigscore{letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:10px;font-size:clamp(2.6rem,12vw,4rem);font-weight:700;display:flex}.bigscore-unit{color:var(--ink-dim);letter-spacing:0;font-size:.9rem;font-weight:500}.board{gap:6px;margin:0;padding:0;list-style:none;display:grid}.board-row{border:1px solid var(--line);background:#0e1a23;border-radius:10px;grid-template-columns:2.2rem 1fr auto;grid-template-areas:"rank name score""rank detail detail";align-items:center;gap:2px 10px;padding:9px 12px;display:grid}.board-row.is-me{border-color:var(--accent)}.board-rank{color:var(--ink-dim);font-variant-numeric:tabular-nums;grid-area:rank}.board-name{grid-area:name;font-weight:600}.board-score{font-variant-numeric:tabular-nums;grid-area:score;font-weight:700}.board-detail{color:var(--ink-dim);grid-area:detail;font-size:.8rem}.runlist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.runrow{border:1px solid var(--line);background:#0e1a23;border-radius:10px;grid-template-columns:4rem 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.runrow-score{font-variant-numeric:tabular-nums;font-weight:700}.runrow-detail,.runrow-when{color:var(--ink-dim);font-size:.82rem}.claim{border:1px dashed var(--line);border-radius:12px;gap:10px;padding:16px;display:grid}.claim h2{margin:0;font-size:1rem}.stage-wrap{position:fixed;inset:0}.stage{touch-action:none;width:100%;height:100%;display:block}.hud{border:1px solid var(--line);backdrop-filter:blur(6px);background:#0a1117b3;border-radius:10px;gap:4px;padding:10px 14px;display:grid;position:absolute;top:16px;left:16px}.hud-row{align-items:baseline;gap:10px;display:flex}.hud-k{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);font-size:.72rem}.hud-v{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.actions{gap:10px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.overlay{opacity:1;background:#080e13eb;place-items:center;transition:opacity .32s;display:grid;position:absolute;inset:0}.overlay.is-hidden{opacity:0;pointer-events:none}.overlay-inner{justify-items:center;gap:14px;width:min(400px,80vw);display:grid}.overlay-inner h2{margin:0;font-size:1.2rem}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}
