:root{--ink:#f5f8fc;--muted:#dee8f5bd;--dim:#c8d4e680;--glass:linear-gradient(180deg,#0a101e9e,#0a101e6b);--glass2:#090e1bc7;--rule:#ffffff1f;--red:#ff3b4e;--blue:#3d7bff;--mint:#37e6a8;--amber:#ffb340;--gold:#ffc34d;--cyan:#38e8ff;--ice:#cfe8ff;--violet:#b07cff;--teal:#3dffc8;--font:ui-sans-serif,system-ui,-apple-system,"Inter",sans-serif;--display:"Saira Variable",ui-sans-serif,system-ui,sans-serif;--r:16px;--pad:20px;--colw:286px;--shadow:0 1px 2px #00000059,0 0 18px #00142847}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:15px/1.4 var(--font);background:#0b1220;margin:0;overflow:hidden}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.panel{background:var(--glass);border:1px solid var(--rule);border-radius:var(--r);padding:12px 16px;box-shadow:inset 0 1px #ffffff12,0 12px 34px #00000038}.eyebrow{font:600 11px/1.3 var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.title{font:800 28px/1.1 var(--display);letter-spacing:-.01em}.sub{color:var(--muted);margin-top:2px;font-size:12px}.big{font:800 34px/1.05 var(--display);font-variant-numeric:tabular-nums}.huge{font:800 72px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mint{color:var(--mint)}#hud{pointer-events:none;padding:var(--pad);text-shadow:var(--shadow);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}#hud .scrim{pointer-events:none;background:linear-gradient(#060c1880,#060c1800);height:220px;position:absolute;inset:0 0 auto}.top{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;display:grid;position:relative}.col{width:var(--colw);align-content:start;gap:10px;display:grid}.col.left{justify-self:start}.col.right{justify-self:end}.ctx{transition:opacity .5s,transform .5s}body[data-phase=racing] .ctx,body[data-phase=countdown] .ctx{opacity:0;transform:translateY(-8px)}body[data-phase=lobby] #hud{opacity:0}#hud{transition:opacity .6s}body[data-phase=intro] #hud{opacity:0}.course{padding:2px 2px 0}.course .title{font:italic 800 38px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;font-stretch:112%}.course .sub{font:500 12px var(--display);letter-spacing:.06em;color:var(--muted);margin-top:4px}.course .eyebrow{color:var(--mint)}.mid{align-content:start;justify-items:center;gap:10px;display:grid}.timing{-webkit-backdrop-filter:blur(10px)saturate(1.2);background:linear-gradient(#0a101e99,#0a101e57);border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:auto 1fr auto;grid-template-areas:"speed clock gates""track track track";align-items:center;gap:10px 24px;min-width:580px;padding:12px 22px 14px;display:grid;box-shadow:inset 0 1px #ffffff14,0 16px 40px #00000040}@property --p{syntax:"<number>";inherits:true;initial-value:0}.speedo{--p:0;background:conic-gradient(from 225deg,var(--mint) calc(var(--p)*270deg),#ffffff1f calc(var(--p)*270deg) 270deg,transparent 270deg);border-radius:50%;grid-area:speed;place-content:center;justify-items:center;width:74px;height:74px;transition:--p .12s linear;display:grid;position:relative}.speedo.hot{background:conic-gradient(from 225deg,var(--amber) calc(var(--p)*270deg),#ffffff1f calc(var(--p)*270deg) 270deg,transparent 270deg)}.speedo:before{content:"";background:#080d19d9;border-radius:50%;position:absolute;inset:6px}.speedo b{font:italic 800 26px/1 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;position:relative}.speedo small{font:600 9px var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:1px;position:relative}.clockbox{text-align:center;grid-area:clock}.clock{font:italic 800 58px/1 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums slashed-zero;font-stretch:108%}.ghostline{font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-height:16px;margin-top:5px}.ghostline b{color:#fff}.ghostline.ahead b{color:var(--mint)}.ghostline.behind b{color:var(--red)}.gatebox{grid-area:gates;justify-items:end;gap:6px;min-width:118px;display:grid}.count{font-variant-numeric:tabular-nums;line-height:1}.count b{font:italic 800 28px var(--display)}.count small{font:600 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:2px}.streak{gap:3px;display:flex}.streak i{width:17px;height:21px;font:800 11px var(--display);color:#ffffff59;background:#ffffff14;border:1px solid #ffffff1a;border-radius:5px;place-items:center;font-style:normal;display:grid}.streak i.on{background:var(--amber);color:#2a1a00;border-color:#0000;box-shadow:0 0 12px #ffb34099}.streak.full i{background:var(--mint);color:#06281c;box-shadow:0 0 14px #37e6a8cc}.track{grid-area:track;gap:3px;height:5px;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.track i{background:#ffffff29;border-radius:3px;flex:1;transition:background .2s;display:block}.track i.red{background:var(--red)}.track i.blue{background:var(--blue)}.track i.miss{outline:1px solid var(--amber);outline-offset:-1px;background:#ffffff0d}.track i.next{background:#fff;box-shadow:0 0 10px #fff}.flash-red{animation:.5s flashred}@keyframes flashred{0%{color:var(--red);transform:scale(1.04)}to{color:inherit;transform:none}}.powers{flex-wrap:wrap;justify-content:center;gap:8px;min-height:0;display:flex}.chip{--c:var(--cyan);--p:1;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 30%,transparent),inset 0 0 12px color-mix(in srgb,var(--c) 12%,transparent);text-shadow:none;background:#080e1aa8;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;animation:.3s cubic-bezier(.2,1.4,.4,1) chipin;display:flex}.chip i{background:conic-gradient(var(--c) calc(var(--p)*1turn),#ffffff1f 0);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.chip i:before{content:"";background:#0a1120;border-radius:50%;position:absolute;inset:3px}.chip i svg{width:15px;height:15px;fill:var(--c);position:relative}.chip b{font:italic 800 14px var(--display);letter-spacing:.02em;color:#fff;font-variant-numeric:tabular-nums}.chip.tally{--c:var(--teal);padding-left:12px}.chip .pips{gap:3px;display:flex}.chip .pips u{background:#ffffff26;border-radius:2px;width:6px;height:12px;text-decoration:none}.chip .pips u.on{background:var(--c);box-shadow:0 0 8px var(--c)}@keyframes chipin{0%{opacity:0;transform:translateY(-6px)scale(.85)}to{opacity:1;transform:none}}.pop{height:0;font:italic 800 26px var(--display);color:var(--teal);opacity:0;pointer-events:none;overflow:visible}.pop.show{animation:.9s ease-out pop}@keyframes pop{0%{opacity:0;transform:translateY(-34px)scale(.7)}20%{opacity:1;transform:translateY(-44px)scale(1.1)}to{opacity:0;transform:translateY(-70px)scale(1)}}.vitals{justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.vitals:empty{display:none}.vital{--c:var(--teal);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);font:700 12px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-shadow:none;box-shadow:0 0 18px color-mix(in srgb,var(--c) 22%,transparent);background:#080e1aa8;border-radius:999px;align-items:center;gap:7px;padding:4px 12px;display:flex}.vital b{font:italic 800 17px var(--display);color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}.vital .heart{color:var(--c);animation:beat var(--bt,1s) infinite;font-size:15px;display:inline-block}.vital.mode{color:var(--c);animation:.3s cubic-bezier(.2,1.4,.4,1) chipin}@keyframes beat{0%{transform:scale(1)}10%{transform:scale(1.35)}22%{transform:scale(1)}32%{transform:scale(1.18)}45%,to{transform:scale(1)}}.callouts{justify-items:center;gap:5px;display:grid}.callouts div{font:700 14px var(--display);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;border:1px solid var(--rule);white-space:nowrap;text-shadow:none;background:#080e1a9e;border-radius:999px;padding:5px 14px;transition:opacity .25s,transform .25s;animation:.22s cubic-bezier(.2,1.4,.4,1) callin}.callouts div.good{color:var(--mint);border-color:#37e6a88c}.callouts div.bad{color:#ff6b7a;border-color:#ff3b4e8c}.callouts div.warn{color:var(--amber);border-color:#ffb3408c}.callouts div.cyan{color:var(--cyan);border-color:#38e8ff99;box-shadow:0 0 18px #38e8ff4d}.callouts div.ice{color:var(--ice);border-color:#cfe8ff99;box-shadow:0 0 18px #cfe8ff40}.callouts div.violet{color:var(--violet);border-color:#b07cff99;box-shadow:0 0 18px #b07cff4d}.callouts div.out{opacity:0;transform:translateY(-4px)}@keyframes callin{0%{opacity:0;transform:translateY(-6px)scale(.92)}to{opacity:1;transform:none}}.splits{gap:4px;width:200px;display:grid}.splits div{font:700 13px var(--display);letter-spacing:.04em;font-variant-numeric:tabular-nums;border:1px solid var(--rule);text-shadow:none;background:#080e1a8c;border-radius:10px;justify-content:space-between;gap:10px;padding:4px 12px;display:flex}.splits div span:first-child{color:var(--muted);font-weight:600}.splits div.neg span:last-child{color:var(--mint)}.splits div.pos span:last-child{color:var(--red)}.splits div.new{animation:.35s cubic-bezier(.2,1.4,.4,1) splitin}.splits div.new.neg{border-color:#37e6a899}.splits div.new.pos{border-color:#ff3b4e99}@keyframes splitin{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.col .dataset{text-align:right;border-right:3px solid var(--mint)}.dataset .hearts{color:#ff8a98}.board ol{font-variant-numeric:tabular-nums;margin:8px 0 0;padding:0;list-style:none}.board li{grid-template-columns:18px 1fr auto;align-items:baseline;gap:8px;padding:3px 0;font-size:14px;display:grid}.board li .rank{color:var(--dim);font:800 11px var(--display)}.board li .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board li .t{color:var(--muted);font:600 13px var(--display)}.board li:first-child .rank{color:var(--gold)}.board li.me .name,.board li.me .t{color:var(--mint)}.board li.empty{color:var(--muted);grid-template-columns:1fr}#hud .cheer{right:var(--pad);justify-items:end;gap:6px;display:grid;position:absolute;top:44%}#hud .cheer div{border:1px solid var(--amber);color:#fff;text-shadow:none;background:#080e1ab3;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;animation:.5s ring}#hud .cheer .meter{font:600 11px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;animation:none;display:flex}#hud .cheer .meter i{background:#ffffff24;border-radius:4px;width:120px;height:5px;display:block;position:relative;overflow:hidden}#hud .cheer .meter i b{background:var(--amber);border-radius:4px;position:absolute;top:0;bottom:0;left:0}@keyframes ring{0%{transform:rotate(-8deg)scale(.8)}30%{transform:rotate(8deg)scale(1.1)}60%{transform:rotate(-4deg)}to{transform:none}}.bottom{grid-template-columns:auto 1fr;align-items:end;gap:16px;display:grid}.body{transform-origin:0 100%;transition:transform .5s,opacity .5s}body[data-phase=racing] .body{opacity:.85;transform:scale(.8)}.cam{aspect-ratio:4/3;background:#05080f;border:1px solid #ffffff29;border-radius:18px;width:232px;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000059}.cam canvas{width:100%;height:100%;display:block;transform:scaleX(-1)}.cam-label{font:600 10px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-overflow:ellipsis;white-space:nowrap;position:absolute;top:8px;left:10px;right:10px;overflow:hidden}.cam-meters{gap:5px;display:grid;position:absolute;bottom:10px;left:10px;right:10px}.bar{background:#ffffff2e;border-radius:4px;height:5px;position:relative;overflow:hidden}.bar i{background:var(--mint);border-radius:4px;width:0;transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.bar.lean i{background:var(--blue);left:50%}.bar.lean i.neg{background:var(--red)}.bar.lean:after{content:"";background:#ffffff80;width:1px;position:absolute;top:0;bottom:0;left:50%}.feedbox{width:var(--colw);background:var(--glass);border:1px solid var(--rule);border-radius:var(--r);justify-self:end;padding:12px 16px}.feed{gap:3px;margin-top:6px;display:grid}.feed div{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding-left:12px;font-size:12px;position:relative;overflow:hidden}.feed div:before{content:"";background:var(--dim);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:0}.feed div.finish{color:#fff}.feed div.finish:before{background:var(--mint)}.feed div.challenge{color:var(--amber)}.feed div.challenge:before{background:var(--amber)}.msg{text-align:center;font:italic 800 66px/1 var(--display);letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 4px 30px #0009;opacity:0;font-stretch:110%;transition:opacity .2s;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%)}.msg.show{opacity:1}.msg small{font:600 18px/1.4 var(--font);text-transform:none;color:var(--ink);letter-spacing:0;white-space:pre-line;text-shadow:0 2px 12px #000c;margin-top:10px;font-style:normal;display:block}.gate-arrow{opacity:0;pointer-events:none;justify-items:center;gap:6px;transition:opacity .2s;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.gate-arrow.show{opacity:1}.gate-arrow i{border-left:22px solid #0000;border-right:22px solid #0000;border-bottom:44px solid var(--red);filter:drop-shadow(0 4px 14px #00000080);width:0;height:0;transition:transform .1s linear;display:block}.gate-arrow.blue i{border-bottom-color:var(--blue)}.gate-arrow span{font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--rule);text-shadow:none;background:#080e1ab3;border-radius:999px;padding:4px 10px}.result{opacity:0;-webkit-backdrop-filter:blur(14px);border:1px solid var(--rule);text-align:center;min-width:460px;text-shadow:none;background:linear-gradient(#0a101ed1,#0a101ea8);border-radius:24px;padding:20px 30px;transition:all .45s cubic-bezier(.2,1.2,.3,1);position:absolute;bottom:14%;left:50%;transform:translate(-50%,30px)}.result.show{opacity:1;transform:translate(-50%)}.result .time{font:italic 800 72px/1 var(--display);font-variant-numeric:tabular-nums;font-stretch:108%}.result .rank{font:700 17px var(--display);letter-spacing:.06em;margin-top:6px}.result .rank.neg{color:var(--mint)}.result .rank.pos{color:var(--red)}.result .row{font:600 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:center;gap:22px;margin-top:14px;display:flex}.result .row b{color:#fff;font:italic 800 22px var(--display);letter-spacing:0;font-variant-numeric:tabular-nums;display:block}.result .fine{margin-top:14px}.fine{color:var(--muted);margin-top:14px;font-size:12px}.overlay{z-index:5;background:linear-gradient(90deg,#060a14d1 0%,#060a1480 38%,#060a140f 72%),linear-gradient(#0000 70%,#060a1480);grid-template-columns:minmax(320px,440px) 1fr;align-items:center;gap:40px;padding:6vh 6vw;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.card{z-index:1;position:relative}.wordmark{font:800 15px var(--display);letter-spacing:.42em;color:#fff;align-items:center;gap:10px;display:flex}.wordmark .dot{background:var(--mint);width:10px;height:10px;box-shadow:0 0 14px var(--mint);border-radius:50%}.lede{color:var(--muted);max-width:36ch;margin:18px 0 22px;font-size:16px;line-height:1.5}#join-form{background:#ffffff12;border:1px solid #ffffff24;border-radius:18px;gap:8px;padding:6px;display:flex}#join-form input{min-width:0;font:600 18px var(--font);color:var(--ink);background:0 0;border:0;border-radius:12px;outline:none;flex:1;padding:12px 14px}#join-form input::placeholder{color:#dee8f573}#join-form button{font:italic 800 18px var(--display);letter-spacing:.06em;text-transform:uppercase;background:var(--mint);color:#04281b;cursor:pointer;border:0;border-radius:12px;padding:0 26px;box-shadow:0 6px 24px #37e6a859}#join-form button:hover{filter:brightness(1.06)}.hands{color:var(--muted);align-items:center;gap:8px;margin-top:14px;font-size:14px;display:flex}.hands-icon{font-size:18px}.settings{color:var(--muted);margin-top:18px;font-size:13px}.settings summary{cursor:pointer;font:600 11px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);list-style:none}.settings summary:before{content:"⚙ "}.settings select{width:100%;font:15px var(--font);border:1px solid var(--rule);color:var(--ink);background:#ffffff0f;border-radius:10px;margin:10px 0 6px;padding:9px 12px;display:block}.settings small{color:var(--dim)}.overlay .attract{aspect-ratio:4/3;background:#05080f;border:1px solid #ffffff2e;border-radius:22px;place-self:end;width:min(380px,32vw);position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.overlay .attract canvas{object-fit:cover;filter:saturate(.8);width:100%;height:100%;transform:scaleX(-1)}.overlay .attract-label{text-align:center;font:600 11px var(--display);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px #000;position:absolute;bottom:12px;left:0;right:0}@media (max-width:1180px){:root{--colw:240px}.timing{min-width:500px}.clock{font-size:46px}}@media (max-width:900px){.top{grid-template-columns:1fr}.col{width:auto}.timing{min-width:0}.board,.feedbox{display:none}.bottom{grid-template-columns:1fr}.cam{width:170px}.overlay{grid-template-columns:1fr}.overlay .attract{display:none}.board-grid{grid-template-columns:1fr}}.board-page{background:#0b1220;overflow:auto}.board-grid{grid-template-rows:1fr auto;grid-template-columns:1fr 360px;gap:14px;height:100vh;padding:14px;display:grid}.map-wrap{border:1px solid var(--rule);background:#0e1a2e;border-radius:18px;position:relative;overflow:hidden}#map{width:100%;height:100%;display:block}.map-title{position:absolute;top:16px;left:18px}aside{align-content:start;gap:12px;display:grid}aside ul,aside ol{font-variant-numeric:tabular-nums;margin:6px 0 0;padding-left:18px}aside li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}aside li span:last-child{color:var(--muted)}.join{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.join .eyebrow{grid-column:1/-1}.ticker{white-space:nowrap;grid-column:1/-1;gap:8px;display:flex;overflow:hidden}.ticker div{color:var(--muted);background:var(--glass);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;font-size:13px}.ticker div.finish{color:#fff}.ticker div.challenge,.ticker div.cheer{color:var(--amber)}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.cheerbox select,.cheerbox input{width:100%;font:15px var(--font);border:1px solid var(--rule);color:var(--ink);background:#ffffff0f;border-radius:10px;margin-top:8px;padding:10px 12px}.cheer-buttons{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.cheer-buttons button{font:800 16px var(--display);background:var(--amber);color:#2a1a00;cursor:pointer;border:0;border-radius:12px;min-height:52px;padding:14px 6px}.cheer-buttons button:active{transform:scale(.96)}.cheer-buttons button[data-kind=clap]{background:var(--blue);color:#fff}.cheer-buttons button[data-kind=fire]{background:var(--red);color:#fff}@media (max-width:900px){.board-page .top .dataset{text-align:left;justify-self:start}.side,.board-page .feed{display:none}}