:root{--amber:#ffb347;--ink:#0a0c0f;--paper:#e8eef5;--muted:#e8eef58c;--line:#e8eef524;--mono:"SF Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#view{width:100vw;height:100vh;display:block}.hidden{display:none!important}.panel{backdrop-filter:blur(14px);border:1px solid var(--line);background:#0a0c0fb8;border-radius:14px;min-width:380px;padding:34px 40px;box-shadow:0 30px 90px #0009}#loader,#start-screen,#finish-screen,#fatal{z-index:40;background:radial-gradient(circle at 50% 40%,#16202b 0%,#07090c 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logo{letter-spacing:.16em;margin-bottom:10px;font-size:44px;font-weight:700;line-height:1}.logo.small{letter-spacing:.22em;font-size:22px}.logo:after{content:"";background:var(--amber);width:54px;height:2px;margin-top:14px;display:block}.sub{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px;font-size:12.5px}.bar{background:#ffffff1a;border-radius:2px;height:3px;margin-bottom:12px;overflow:hidden}#loader-bar{background:var(--amber);width:0%;height:100%;transition:width .16s linear}#loader-text{color:var(--muted);letter-spacing:.07em;font-size:11.5px}.keys,.results{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.keys td{padding:5px 0}.keys td:first-child{width:130px}.keys td:last-child{color:var(--muted)}.results td{border-bottom:1px solid var(--line);padding:7px 0}.results td:last-child{text-align:right;font-weight:700}.results td.p{width:34px;color:var(--muted);text-align:left;font-weight:700}.results tr.hl td{color:var(--amber)}.results tr.sep td{letter-spacing:.24em;color:var(--muted);border-bottom:1px solid var(--line);padding-top:16px;font-size:9px}kbd{text-align:center;min-width:24px;font-family:var(--mono);border:1px solid var(--line);background:#ffffff0d;border-bottom-width:2px;border-radius:5px;margin-right:4px;padding:3px 7px;font-size:11px;display:inline-block}.cta{color:var(--muted);letter-spacing:.08em;margin-top:24px;font-size:12.5px}.cta b{color:var(--paper)}#fatal pre{white-space:pre-wrap;color:#ff8f6b;max-width:560px;margin-top:14px;font-size:12px}#hud{pointer-events:none;z-index:20;font-variant-numeric:tabular-nums;position:fixed;inset:0}.label{letter-spacing:.24em;color:var(--muted);margin-bottom:2px;font-size:9.5px}#hud-left{text-shadow:0 2px 12px #000000b3;position:absolute;top:22px;left:24px}#lap-time{letter-spacing:.02em;font-size:34px;font-weight:700;line-height:1}.big{font-size:34px}.splits{gap:20px;margin-top:14px;font-size:12px;display:flex}.splits span{letter-spacing:.2em;color:var(--muted);margin-bottom:2px;font-size:9px;display:block}#hud-right{text-align:right;position:absolute;top:22px;right:24px}#minimap{filter:drop-shadow(0 10px 26px #0000008c);width:200px;height:200px;display:block}#cp-block{text-shadow:0 2px 12px #000000b3;margin-top:12px}#cp-count{font-size:17px;font-weight:700}#pos-block{margin-top:16px}#pos-block .pos{text-shadow:0 2px 12px #000000b3;font-size:30px;font-weight:700;line-height:1}#pos-block .pos span:last-child{color:var(--muted);font-size:15px}#standings{text-align:left;border:1px solid var(--line);backdrop-filter:blur(6px);background:#0a0c0f6b;border-radius:8px;min-width:210px;margin-top:14px;padding:6px 4px}#standings .row{color:var(--muted);letter-spacing:.06em;border-radius:5px;align-items:baseline;gap:8px;padding:3px 8px;font-size:11.5px;display:flex}#standings .row .p{width:14px;color:var(--paper);text-align:left;font-weight:700}#standings .row .n{flex:1}#standings .row .g{opacity:.8;font-size:10.5px}#standings .row.me{color:var(--paper);background:#ffb34724}#standings .row.me .p,#standings .row.p1 .g{color:var(--amber)}#hud-bottom{text-align:center;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#speedo{width:210px;height:118px;margin:0 auto;position:relative}#speedo-svg{width:210px;height:118px;overflow:visible}#speed-num{text-shadow:0 2px 14px #000c;font-size:40px;font-weight:700;line-height:1;position:absolute;top:46px;left:0;right:0}#speed-unit{letter-spacing:.3em;color:var(--muted);font-size:9px;position:absolute;top:92px;left:0;right:0}#gear{color:var(--amber);font-size:15px;font-weight:700;position:absolute;top:58px;right:12px}#surface-tag{letter-spacing:.3em;color:var(--muted);margin-top:4px;font-size:9.5px}#surface-tag.off{color:#ff8f6b}#center-msg{text-align:center;letter-spacing:.1em;opacity:0;text-shadow:0 4px 30px #000c;font-size:42px;font-weight:700;transition:opacity .25s;position:absolute;top:34%;left:0;right:0}#center-msg.show{opacity:1}#center-msg.flash{animation:.6s pop}#countdown{text-align:center;letter-spacing:.04em;color:var(--paper);text-shadow:0 8px 44px #000000d9;opacity:0;pointer-events:none;font-size:132px;font-weight:700;line-height:1;transition:opacity .12s;position:absolute;top:30%;left:0;right:0}#countdown.show{opacity:1}#countdown.pulse{animation:.9s ease-out count}#countdown.go{color:var(--amber);letter-spacing:.16em;font-size:104px}@keyframes count{0%{opacity:0;transform:scale(1.75)}22%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(.94)}}@keyframes pop{0%{opacity:0;transform:scale(1.5)}30%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}#wrong-way{text-align:center;letter-spacing:.28em;color:#ff5f4b;font-size:26px;font-weight:700;animation:.7s steps(2,end) infinite blink;position:absolute;top:46%;left:0;right:0}@keyframes blink{50%{opacity:.15}}#hint{text-align:center;letter-spacing:.14em;color:#e8eef552;font-size:10px;position:absolute;bottom:8px;left:0;right:0}