:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sab:env(safe-area-inset-bottom,0px)}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;color:#e8eefc;background:#0b1020;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}#ui>*{pointer-events:auto}.badge{top:calc(env(safe-area-inset-top) + 8px);opacity:.8;background:#00000073;border-radius:6px;padding:4px 8px;font:12px/1.4 ui-monospace,Menlo,monospace;position:absolute;left:8px}.track{pointer-events:none;position:fixed;inset:0}.speedbar{pointer-events:none;background:#00000059;border-radius:4px;width:8px;height:30%;position:absolute;top:20%;right:10px;overflow:hidden}.speedbar>div{background:#19a3ff;border-radius:4px;height:0;transition:background .15s;position:absolute;bottom:0;left:0;right:0}.score{top:calc(env(safe-area-inset-top) + 44px);text-align:center;letter-spacing:-1px;text-shadow:0 2px 8px #00000059;pointer-events:none;font-size:34px;font-weight:800;position:absolute;left:0;right:0}.score span{opacity:.8;letter-spacing:0;font-size:15px;font-weight:700;display:block}.toast{text-align:center;opacity:0;text-shadow:0 2px 10px #00000073;pointer-events:none;font-size:22px;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;top:40%;left:0;right:0;transform:translateY(8px)scale(.96)}.toast.show{opacity:1;transform:none}.toast.perfect{color:#ffd23c}.toast.good{color:#e8eefc}.toast.sketchy{color:#ffa14a}.toast.bail{color:#ff5a3c}.screen[hidden]{display:none}.screen{-webkit-backdrop-filter:blur(6px);background:#060c1e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-wrap,.results-wrap{text-align:center;box-sizing:border-box;width:min(100vw,420px);padding:24px 16px}.logo{letter-spacing:-2px;font-size:56px;font-weight:900;line-height:.95}.logo span{color:#19a3ff}.tag{opacity:.75;margin-top:10px;font-size:14px}.best{color:#ffd23c;margin-top:18px;font-weight:700}.cta{margin-top:42px;font-size:22px;font-weight:800;animation:1.4s ease-in-out infinite pulse}.hint{opacity:.6;margin-top:26px;font-size:13px;line-height:1.5}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.label{opacity:.7;text-transform:uppercase;letter-spacing:2px;font-size:13px}.total{letter-spacing:-2px;margin-top:4px;font-size:54px;font-weight:900}.hits{text-align:left;max-height:34vh;margin:22px 0 0;padding:0;list-style:none;overflow-y:auto}.hits li{background:#ffffff0f;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;font-size:14px;display:grid}.hits li em{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:11px;font-style:normal}.hits li b{font-variant-numeric:tabular-nums}.hits li.perfect em{color:#ffd23c}.hits li.sketchy em{color:#ffa14a}.hits li.bail em{color:#ff5a3c}.hits li.none{opacity:.6;grid-template-columns:1fr}.buttons{justify-content:center;gap:12px;margin-top:24px;display:flex}button{font:inherit;color:#e8eefc;background:#ffffff1f;border:0;border-radius:999px;padding:14px 26px;font-size:16px;font-weight:800}button.primary{color:#06122a;background:#19a3ff}.gear{top:calc(env(safe-area-inset-top) + 12px);opacity:.8;cursor:pointer;padding:6px;font-size:26px;position:absolute;right:16px}.settings{top:calc(env(safe-area-inset-top) + 52px);background:#060c1ee6;border-radius:12px;flex-direction:column;gap:10px;padding:12px 16px;font-size:15px;display:flex;position:absolute;right:16px}.settings[hidden]{display:none}.settings label{align-items:center;gap:10px;display:flex}.settings input{width:20px;height:20px}.nickbox{text-align:center;background:#060c1ef5;border-radius:16px;width:min(86vw,360px);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000080}.nickbox input{box-sizing:border-box;width:100%;font:inherit;text-align:center;color:#e8eefc;background:#ffffff0f;border:2px solid #ffffff26;border-radius:10px;margin-top:12px;padding:12px;font-size:20px}.hits{max-height:24vh}.lbslot{text-align:left;margin-top:18px}.lb{max-height:20vh;margin:8px 0 0;padding:0;list-style:none;overflow-y:auto}.lb li{border-radius:6px;grid-template-columns:34px 1fr auto;gap:10px;padding:6px 10px;font-size:14px;display:grid}.lb li.me{background:#19a3ff40;font-weight:700}.lb li b{font-variant-numeric:tabular-nums}.status{opacity:.6;margin-top:8px;font-size:12px}.lb li.empty{opacity:.6;grid-template-columns:1fr}#loading{z-index:5;background:#0b1020;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.diff{justify-content:center;gap:8px;margin-top:14px;display:flex}.diff button{text-transform:capitalize;flex-direction:column;flex:1 1 0;align-items:center;gap:2px;min-width:0;max-width:150px;padding:8px 6px;display:flex}.diff button small{text-transform:none;opacity:.7;white-space:normal;font-size:10px;font-weight:400;line-height:1.15}.boardzone{pointer-events:none;background:linear-gradient(#060c1e00,#060c1e73 18%,#060c1e8c);position:fixed;left:0;right:0}.boardzone[hidden]{display:none}.foot{left:0;right:0;bottom:calc(var(--sab) + 10px);text-align:center;opacity:.45;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed}.foot a{color:inherit;cursor:pointer;padding:6px;text-decoration:underline}.errbox{left:8px;right:8px;top:calc(env(safe-area-inset-top) + 8px);z-index:50;color:#fff;white-space:pre-wrap;word-break:break-word;background:#78141eeb;border-radius:8px;padding:10px 12px;font:12px/1.4 ui-monospace,Menlo,monospace;position:fixed}.reset{top:calc(env(safe-area-inset-top) + 10px);color:#e8eefc;text-align:center;cursor:pointer;touch-action:manipulation;background:#00000059;border:0;border-radius:22px;width:44px;height:44px;padding:0;font-size:24px;line-height:44px;position:absolute;right:12px}.reset:active{background:#19a3ff99}.reset[hidden]{display:none}.brand{top:calc(env(safe-area-inset-top) + 18px);pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.brand img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000059);max-width:50vw;max-height:110px}.brand .wordmark{letter-spacing:8px;opacity:.9;text-shadow:0 2px 8px #00000059;padding-left:8px;font-size:22px;font-weight:900}.locker-btn{margin-top:18px;padding:10px 18px;font-size:14px}.locker{width:min(92vw,440px);max-height:calc(100vh - 24px);padding:16px 12px calc(var(--sab) + 12px);text-align:center;overflow-y:auto}.locker .label{letter-spacing:2px;text-transform:uppercase;opacity:.7;margin:8px 0 6px;font-size:12px}.cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.card{text-align:left;background:#ffffff14;border:2px solid #0000;border-radius:14px;padding:10px 8px;font-size:12px;font-weight:500;line-height:1.35}.card.on{border-color:var(--c);background:#ffffff24}.card b{color:var(--c);font-size:15px;display:block}.card small{opacity:.65;min-height:26px;margin:2px 0 6px;font-size:10px;display:block}.card .stat{opacity:.9;justify-content:space-between;gap:4px;font-size:10px;display:flex}.card .stat i{letter-spacing:-1px;color:var(--c);font-style:normal}.slots{flex-direction:column;gap:8px;display:flex}.slot{text-align:left;grid-template-columns:62px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.picks{gap:8px;display:flex}.swatch{background:var(--c);border:3px solid #ffffff26;border-radius:12px;width:40px;height:40px;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #19a3ff}.swatch.none{background:repeating-linear-gradient(45deg,#ffffff1f 0 6px,#0000 6px 12px)}.lb .bd{color:var(--c);opacity:.9;margin-left:6px;font-size:10px;font-style:normal}.livebadge{top:calc(env(safe-area-inset-top) + 14px);color:#ff5a3c;pointer-events:none;background:#0006;border-radius:999px;padding:6px 10px;font:12px/1.2 ui-monospace,Menlo,monospace;position:absolute;left:12px}.livebadge[hidden]{display:none}body.observer #ui{pointer-events:none}.obs-join{-webkit-backdrop-filter:blur(6px);background:#060c1e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.obs-join[hidden]{display:none}.obs-card{text-align:center;background:#060c1ed9;border-radius:24px;padding:28px 32px}.obs-title{letter-spacing:-1px;margin-bottom:18px;font-size:28px;font-weight:900}.obs-title span{color:#19a3ff}.obs-qr{background:#fff;border-radius:16px;padding:12px;display:inline-block}.obs-qr svg{width:min(60vw,360px);height:min(60vw,360px);display:block}.obs-code{letter-spacing:8px;color:#ffd23c;margin-top:16px;font:900 40px/1.2 ui-monospace,Menlo,monospace}.obs-hint{opacity:.8;margin-top:8px;font-size:15px;line-height:1.5}.obs-hint small{opacity:.6;font-size:12px}.obs-hud{position:fixed;inset:0}.obs-hud[hidden]{display:none}.obs-score{text-align:center;font-weight:900;position:absolute;top:24px;left:0;right:0}.obs-score b{letter-spacing:-2px;text-shadow:0 2px 12px #0006;font-size:64px;display:block}.obs-score span{opacity:.8;font-size:20px;display:block}.obs-meta{text-shadow:0 2px 8px #0006;font-size:18px;font-weight:700;position:absolute;top:24px;left:24px}.obs-toast{text-align:center;opacity:0;text-shadow:0 2px 12px #00000080;color:#ffd23c;font-size:34px;font-weight:900;transition:opacity .15s;position:absolute;top:40%;left:0;right:0}.obs-toast.show{opacity:1}.obs-room{text-align:center;opacity:.55;font:13px ui-monospace,Menlo,monospace;position:absolute;bottom:18px;left:0;right:0}.obs-lb{-webkit-backdrop-filter:blur(6px);background:#060c1e8c;border-radius:16px;width:300px;padding:12px 14px;position:absolute;top:24px;right:24px}.obs-lb-title{letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:12px}.obs-lb ol{margin:0;padding:0;list-style:none}.obs-lb li{border-bottom:1px solid #ffffff0f;grid-template-columns:34px 1fr auto;gap:8px;padding:5px 4px;font-size:15px;display:grid}.obs-lb li em{opacity:.6;margin-left:4px;font-size:11px;font-style:normal}.obs-lb li b{font-variant-numeric:tabular-nums}.obs-room b{color:#ffd23c}.screen.picker{-webkit-backdrop-filter:none;background:0 0;align-items:flex-end}.panel{box-sizing:border-box;width:100%;max-height:48vh;padding:14px 18px calc(var(--sab) + 16px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#080e20eb,#080e20fa);border-radius:26px 26px 0 0;overflow-y:auto;box-shadow:0 -12px 40px #00000059}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-title{letter-spacing:3px;text-transform:uppercase;opacity:.7;font-size:12px}button.ghost{background:#ffffff1a;padding:8px 16px;font-size:14px}.chips{gap:8px;display:flex}.chip{background:#ffffff12;border:2px solid #0000;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:14px;display:flex}.chip i{background:var(--c);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #ffffff26}.chip.on{border-color:var(--c);background:#ffffff24}.board-name{letter-spacing:-1px;color:var(--c);margin-top:12px;font-size:28px;font-weight:900;line-height:1}.board-blurb{opacity:.65;margin-top:4px;font-size:13px}.bars{flex-direction:column;gap:6px;margin-top:10px;display:flex}.bar{grid-template-columns:92px 1fr 18px;align-items:center;gap:10px;font-size:13px;display:grid}.bar span{opacity:.8}.bar .meter{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.bar .fill{background:var(--c);border-radius:4px;height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.bar b{font-variant-numeric:tabular-nums;opacity:.8;text-align:right}.gearrow{justify-content:center;gap:10px;margin-top:18px;display:flex}.gearbtn{background:#ffffff1a;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.gearbtn i{background:var(--c);border-radius:50%;width:12px;height:12px}.slots .slot{grid-template-columns:84px 1fr}.swatch{color:#ffffffb3;justify-content:center;align-items:center;font-size:18px;display:flex}.tracks{justify-content:center;gap:8px;margin:4px 0 12px;display:flex}.trackchip{box-sizing:border-box;text-align:left;background:#ffffff14;border:2px solid #0000;border-radius:14px;flex:1 1 0;min-width:0;max-width:190px;padding:10px}.trackchip b{font-size:15px;display:block}.trackchip small{opacity:.65;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.trackchip.on{background:#19a3ff2e;border-color:#19a3ff}