:root{--c-ink:#f4f1ea;--c-ink-2:#c3c8d4;--c-ink-3:#8b92a3;--c-ink-4:#5d6474;--c-panel:#090b11cc;--c-panel-2:#10131cdb;--c-panel-solid:#0b0e15;--c-line:#ffffff14;--c-line-2:#ffffff29;--c-accent:#ff7a1a;--c-accent-2:#ffa24a;--c-accent-deep:#c74a0a;--c-accent-glow:#ff7a1a73;--c-nos:#3fd2ff;--c-time:#b38bff;--c-ok:#3ddc84;--c-warn:#ffb020;--c-danger:#ff3b4a;--c-cop-red:#ff2a3c;--c-cop-blue:#2f7bff;--f-ui:Barlow, system-ui, -apple-system, "Segoe UI", sans-serif;--f-num:"Big Shoulders Display", Barlow, system-ui, sans-serif;--r-1:4px;--r-2:8px;--r-3:14px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-snap:cubic-bezier(.3, 1.45, .55, 1);--safe-t:max(env(safe-area-inset-top), 12px);--safe-r:max(env(safe-area-inset-right), 12px);--safe-b:max(env(safe-area-inset-bottom), 12px);--safe-l:max(env(safe-area-inset-left), 12px);--shadow-panel:0 10px 30px #00000061, inset 0 1px 0 #ffffff0f;--text-shadow:0 1px 2px #000000bf, 0 0 10px #00000059}.hud{pointer-events:none;color:var(--c-ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;position:fixed;inset:0}.hud kbd,.main-hint kbd{border:1px solid var(--c-line-2);min-width:1.6em;font:700 10px/1.4 var(--f-ui);letter-spacing:.08em;color:var(--c-ink);text-align:center;background:#ffffff0d;border-bottom-width:2px;border-radius:4px;margin:0 2px 0 8px;padding:1px 6px;display:inline-block}.hud-badge{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-1);font:700 11px/1 var(--f-num);letter-spacing:.2em;text-transform:uppercase;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-panel);padding:5px 10px;position:absolute}.hud-debug{left:var(--safe-l);bottom:calc(var(--safe-b) + 4px);color:var(--c-ink-2)}.hud-online{left:var(--safe-l);top:var(--safe-t);color:var(--c-accent-2);align-items:center;gap:8px;display:flex}.hud-online-dot{background:var(--c-ok);width:7px;height:7px;box-shadow:0 0 8px var(--c-ok);border-radius:50%;animation:1.4s ease-in-out infinite live-dot}@keyframes live-dot{50%{opacity:.35}}.hud-hint{left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 8px);background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--r-2);max-width:min(520px,100vw - 330px);font:600 11px/1.6 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c-ink-2);text-align:center;box-shadow:var(--shadow-panel);animation:hint-in .5s var(--ease-out) .6s both, hint-out .4s ease-in 6.5s forwards;z-index:2;padding:8px 14px;position:absolute}.is-touch .hud-hint{left:calc(max(env(safe-area-inset-left), 18px) + var(--wheel-size,156px) + 16px);right:calc(max(env(safe-area-inset-right), 16px) + 256px);bottom:calc(var(--safe-b) + 6px);text-align:left;width:-moz-fit-content;width:fit-content;max-width:none;font-size:10px}@keyframes hint-in{0%{opacity:0;transform:translateY(10px)}}@keyframes hint-out{to{opacity:0;transform:translateY(6px)}}.hud-cluster{right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 6px);z-index:3;flex-direction:row;align-items:flex-end;gap:6px;display:flex;position:absolute}.hud-cluster>.drift{margin-bottom:14px}.hud-cluster-touch{right:auto;left:max(env(safe-area-inset-left), 14px);bottom:calc(max(env(safe-area-inset-bottom), 16px) + var(--wheel-size,156px) + 8px);flex-direction:row-reverse;align-items:center}.hud-cluster-touch>.drift{margin-bottom:0}.cluster{--cl-size:248px;width:var(--cl-size);height:var(--cl-size);flex-shrink:0;position:relative}.cluster:before{content:"";border-radius:50%;position:absolute;inset:3%;box-shadow:0 10px 26px #0000008c}.cluster-compact{--cl-size:176px}.is-touch .cluster{--cl-size:clamp(124px, 36vh, 176px)}@media (orientation:portrait){.is-touch .cluster{--cl-size:clamp(110px, 30vw, 150px)}.hud-cluster-touch{flex-direction:column;align-items:flex-start}}.cluster-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial-inner-ring{stroke:#ffffff0d;stroke-width:1px}.dial-track{fill:none;stroke:#ffffff17;stroke-width:9px}.dial-track-thin{stroke-width:6px}.dial-redline{fill:none;stroke:var(--c-cop-red);stroke-width:4px;opacity:.95}.dial-tick{stroke:#e6ebf573;stroke-width:1.2px}.dial-tick-major{stroke:#f5f8fff2;stroke-width:2.4px}.dial-tick-red{stroke:var(--c-cop-red);stroke-width:2.4px}.dial-num{font:800 15px var(--f-num);fill:#dfe3ec;text-anchor:middle}.dial-num-red{fill:#ff5a64}.dial-caption{font:700 7px var(--f-ui);letter-spacing:.18em;fill:#c8cedc73;text-anchor:middle}.cluster-compact .dial-caption,.is-touch .dial-caption{display:none}.dial-led-socket{fill:#0000008c;stroke:#ffffff1a;stroke-width:1px}.dyn-arc{fill:none;stroke-dasharray:100 100;stroke-dashoffset:100px;stroke-linecap:butt}.dyn-rpm{stroke:url(#cl-fill);stroke-width:9px}.dyn-nos{stroke:var(--c-nos);stroke-width:6px}.dyn-time{stroke:var(--c-time);stroke-width:6px}.dyn-hp{stroke:var(--c-ok);stroke-width:6px;transition:stroke .3s}.cluster.is-hurt .dyn-hp{stroke:var(--c-warn)}.cluster.is-lowhp .dyn-hp{stroke:var(--c-danger);animation:.8s steps(2,jump-none) infinite blink}.cluster.is-nos .dyn-nos{stroke:#bff1ff;animation:.16s linear infinite alternate blink}.cluster.is-time .dyn-time{stroke:#e6d6ff}@keyframes blink{50%{opacity:.35}}.dyn-led{fill:#0000;transition:fill 60ms}.dyn-led.on.dyn-led-0,.dyn-led.on.dyn-led-1{fill:#4dff9a}.dyn-led.on.dyn-led-2{fill:#ffd23f}.dyn-led.on.dyn-led-3,.dyn-led.on.dyn-led-4{fill:#ff3040}.dyn-led.flash{fill:#9fd4ff!important}.dyn-label{font:800 8px var(--f-ui);letter-spacing:.16em;text-anchor:middle}.dyn-label-nos{fill:var(--c-nos)}.dyn-label-time{fill:var(--c-time)}.dyn-glyph{letter-spacing:0;font-size:13px;font-weight:900}.dyn-speed{font:800 50px var(--f-num);fill:#fff;text-anchor:middle;letter-spacing:-.5px;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#0000008c;stroke-width:3px}.dyn-speed-ghost{fill:#ffffff21;stroke:none}.dyn-unit{font:800 9px var(--f-ui);letter-spacing:.3em;fill:var(--c-accent-2);text-anchor:middle}.cluster-needle{transform-origin:50%;will-change:transform;filter:drop-shadow(0 0 4px #ff6a1fa6);position:absolute;inset:0}.cluster-needle svg{width:100%;height:100%;display:block}.hub-disc{fill:#0d1017;stroke:#ffffff2e;stroke-width:1.5px}.cluster-shift-ring{fill:none;stroke:var(--c-accent);stroke-width:3px;opacity:0}.hub-gear{font:900 28px var(--f-num);fill:#fff;text-anchor:middle;transform-box:fill-box;transform-origin:50%}.cluster.is-limiter .hub-gear{fill:#ff4a55}.drift{flex-direction:column;align-items:flex-end;gap:4px;min-height:0;display:flex;position:relative}.hud-cluster-touch .drift{align-items:flex-start}.drift-live{border-right:3px solid var(--c-nos);opacity:0;transition:opacity .18s var(--ease-out), transform .22s var(--ease-out);background:linear-gradient(270deg,#04121cd1,#04121c00);flex-direction:column;align-items:flex-end;padding:6px 12px 7px;display:flex;transform:translate(14px)}.hud-cluster-touch .drift-live{border-right:none;border-left:3px solid var(--c-nos);background:linear-gradient(90deg,#04121cd1,#04121c00);align-items:flex-start;transform:translate(-14px)}.drift-live.on{opacity:1;transform:none}.drift-live-num{font:800 40px/.95 var(--f-num);color:#bff1ff;text-shadow:0 0 18px #3fd2ff8c, var(--text-shadow);font-variant-numeric:tabular-nums;transform-origin:100%}.is-touch .drift-live-num{font-size:28px}.drift-live-sub{font:800 10px/1.2 var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--c-nos);text-shadow:var(--text-shadow)}.drift-bank{background:var(--c-panel);border-radius:var(--r-1);opacity:0;transform-origin:100%;border:1px solid #3fd2ff47;align-items:baseline;gap:8px;padding:4px 10px;transition:opacity .2s;display:flex}.drift-bank.on{opacity:1}.drift-bank-k{font:800 9px var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:#82dcffb3}.drift-bank-v{font:800 16px var(--f-num);color:#bff1ff;font-variant-numeric:tabular-nums}.drift-banked{white-space:nowrap;font:800 12px var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:#bff1ff;text-shadow:var(--text-shadow);opacity:0;position:absolute;bottom:100%;right:0}.hud-cluster-touch .drift-banked{left:0;right:auto}.hud-tc{top:var(--safe-t);z-index:3;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 392px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-tc-compact{gap:6px;max-width:calc(100vw - 272px)}.pills{align-items:stretch;gap:6px;display:flex}.pill{border:1px solid var(--c-line);border-radius:var(--r-1);height:38px;box-shadow:var(--shadow-panel);white-space:nowrap;animation:pill-in .32s var(--ease-out) both;background:linear-gradient(#0e1119e0,#080a0fc7);align-items:center;gap:8px;padding:0 14px;display:flex}.hud-tc-compact .pill{gap:5px;height:30px;padding:0 8px}.hud-tc-compact .pills{gap:4px}.hud-tc-compact .pill-mono{min-width:5em}.hud-tc-compact .pill-k{letter-spacing:.14em;font-size:9px}@keyframes pill-in{0%{opacity:0;transform:translateY(-8px)}}.pill-k{font:800 10px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3)}.pill-v{font:800 22px/1 var(--f-num);color:var(--c-ink);font-variant-numeric:tabular-nums;text-shadow:var(--text-shadow)}.hud-tc-compact .pill-v{font-size:17px}.pill-v small{color:var(--c-ink-3);margin-left:1px;font-size:.62em}.pill-v .pill-suf{color:var(--c-ink-2);vertical-align:top;margin-right:2px;font-size:.5em}.pill-time{border-color:#ff7a1a59}.pill-mono{color:var(--c-accent-2);text-align:center;min-width:5.4em}.pill-nav{gap:6px}.nav-arrow{width:22px;height:22px;fill:var(--c-accent);filter:drop-shadow(0 0 4px #ff7a1a99);will-change:transform}.hud-tc-compact .nav-arrow{width:18px;height:18px}.pill-nav.near{border-color:#ff7a1ab3}.pill-nav.near .nav-arrow{fill:#ffd2a8}.mode-panel{text-align:center;border:1px solid var(--c-line);border-top:2px solid var(--mode-accent,var(--c-accent));border-radius:var(--r-1);min-width:210px;box-shadow:var(--shadow-panel);animation:pill-in .36s var(--ease-out) both;background:linear-gradient(#0e1119e6,#080a0fcc);padding:8px 16px 10px}.hud-tc-compact .mode-panel{min-width:180px;padding:5px 12px 7px}.mode-knockout{--mode-accent:#ff4d7a}.mode-trap{--mode-accent:var(--c-nos)}.mode-pursuit{--mode-accent:var(--c-cop-red);min-width:260px}.mode-pursuit.evading{--mode-accent:var(--c-ok)}.mode-k{font:800 10px var(--f-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--mode-accent,var(--c-accent))}.mode-v{font:800 30px/1.05 var(--f-num);color:var(--c-ink);font-variant-numeric:tabular-nums}.hud-tc-compact .mode-v{font-size:22px}.mode-v small{letter-spacing:.12em;color:var(--c-ink-3);font-size:.48em}.mode-note{font:700 10px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-3);margin-top:2px}.hud-tc-compact .mode-note{display:none}.pursuit-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pursuit-clock{font:800 30px/1 var(--f-num);color:var(--c-ink);font-variant-numeric:tabular-nums}.hud-tc-compact .pursuit-clock{font-size:22px}.pursuit-clock.urgent{color:#ff6a74;animation:.9s ease-in-out infinite blink}.evade{align-items:center;gap:8px;margin-top:6px;display:flex}.evade-k{font:800 9px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ok)}.evade-bar{background:#ffffff14;border-radius:2px;flex:1;height:8px;position:relative;overflow:hidden}.evade-fill{transform-origin:0;background:linear-gradient(90deg,#1fae62,#7dffb4);transition:transform .14s linear;position:absolute;inset:0;box-shadow:0 0 10px #3ddc8499}.evade-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);position:absolute;inset:0}.evade-v{font:800 14px var(--f-num);color:var(--c-ink);font-variant-numeric:tabular-nums;text-align:right;min-width:4.2em}.evade-v small{color:var(--c-ink-3)}.wrong-way{font:900 22px var(--f-num);letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:var(--text-shadow);animation:pill-in .26s var(--ease-out) both, blink 1s ease-in-out .26s infinite;background:linear-gradient(90deg,#78081200,#a00c18db,#78081200);align-items:center;gap:10px;padding:6px 18px;display:flex}.wrong-way-icon{font-size:1.1em}.place{top:calc(var(--safe-t) + 170px + 14px);right:calc(var(--safe-r) + 2px);z-index:3;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.place-main{animation:place-pop .42s var(--ease-snap) both;text-shadow:var(--text-shadow);align-items:flex-start;padding:2px 4px 0 14px;display:flex}@keyframes place-pop{0%{opacity:.2;transform:scale(1.25)}}.place-num{font:900 76px/.82 var(--f-num);color:var(--c-ink);font-variant-numeric:tabular-nums}.place-side{flex-direction:column;justify-content:space-between;align-self:stretch;margin-left:4px;display:flex}.place-suf{font:900 24px/1 var(--f-num);color:var(--c-accent)}.place-of{font:800 20px/1 var(--f-num);color:var(--c-ink-2)}.standings{border-right:2px solid var(--c-line-2);background:linear-gradient(270deg,#080a0fd1,#080a0f80);min-width:150px;margin:0;padding:4px 0;list-style:none}.st{font:700 12px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-2);align-items:center;gap:8px;padding:3px 10px;display:flex}.st.me{color:#fff;background:linear-gradient(270deg,#ff7a1a59,#ff7a1a00)}.st.out{opacity:.4;text-decoration:line-through}.st-pos{width:1.2em;font:800 14px var(--f-num);color:var(--c-ink-3)}.st.me .st-pos{color:var(--c-accent-2)}.st-chip{border-radius:1px;width:4px;height:14px}.toasts{top:calc(var(--hud-tc-bottom,56px) + 8px);z-index:4;transition:top .2s var(--ease-out);flex-direction:column;align-items:stretch;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{--tone:var(--c-accent-2);border-left:3px solid var(--tone);border-radius:2px var(--r-1) var(--r-1) 2px;min-width:220px;box-shadow:var(--shadow-panel);white-space:nowrap;animation:toast-in .28s var(--ease-snap) both;background:linear-gradient(90deg,#080a10eb,#080a10b3);align-items:center;gap:10px;padding:7px 18px 7px 12px;display:flex}.toast.leaving{animation:.22s ease-in forwards toast-out}.toast-boost{--tone:var(--c-nos)}.toast-danger{--tone:var(--c-danger)}.toast-mark{background:var(--tone);width:8px;height:8px;box-shadow:0 0 10px var(--tone);transform:rotate(45deg)}.toast-label{font:900 20px/1 var(--f-num);letter-spacing:.14em;text-transform:uppercase;color:#fff}.toast-detail{font:800 11px var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--tone)}.toast-count{font:900 13px/1 var(--f-num);color:#fff;animation:toast-bump .26s var(--ease-snap) both;margin-left:2px}@keyframes toast-bump{0%{opacity:.4;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.toast-count{animation:none}}.is-compact .toast{min-width:0;max-width:calc(100vw - 352px);padding:5px 12px 5px 9px;overflow:hidden}.is-compact .toast-detail{text-overflow:ellipsis;min-width:0;overflow:hidden}.is-compact .toast-label{font-size:16px}.is-compact .toast-detail{font-size:9px}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)scale(.92)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}.cd{z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:18%;left:0;right:0}.is-compact .cd{gap:4px;top:12%}.cd-gantry{animation:pill-in .3s var(--ease-out) both;background:linear-gradient(#161a22,#07090d);border:1px solid #ffffff1f;border-radius:40px;gap:14px;padding:10px 18px;display:flex;box-shadow:0 12px 30px #0000008c,inset 0 1px #ffffff1a}.cd-gantry-go{animation:.65s ease-out both gantry-go}@keyframes gantry-go{0%{transform:scale(1.06)}25%{transform:scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.is-compact .cd-gantry{gap:9px;padding:6px 12px}.cd-lamp{background:radial-gradient(circle at 40% 35%,#2a2e36,#0c0e12 70%);border-radius:50%;width:34px;height:34px;position:relative;box-shadow:inset 0 2px 6px #000c}.is-compact .cd-lamp{width:22px;height:22px}.cd-lamp:after{content:"";opacity:0;border-radius:50%;transition:opacity 90ms;position:absolute;inset:0}.cd-lamp-red:after{opacity:1;background:radial-gradient(circle at 40% 35%,#ffd0d0,#ff2a3c 45%,#8a0010 100%);box-shadow:0 0 22px 4px #ff2a3cb3}.cd-lamp-green:after{opacity:1;background:radial-gradient(circle at 40% 35%,#e8ffe8,#2bff7a 45%,#00702f 100%);box-shadow:0 0 26px 6px #2bff7ab3}.cd-num{font:900 clamp(110px, 25vh, 230px) / .9 var(--f-num);color:#fff;-webkit-text-stroke:3px #0a0c12d9;paint-order:stroke fill;text-shadow:0 0 30px #ff7a1af2,0 0 70px #ff5a148c,0 6px #0006;animation:cd-in 1s var(--ease-out) both;will-change:transform, opacity, filter}.is-compact .cd-num{-webkit-text-stroke-width:2px;font-size:clamp(72px,24vh,130px)}.cd-num-go{color:#e9fff0;text-shadow:0 0 46px #2bff7ad9,0 6px #00000059;animation:cd-go .65s var(--ease-snap) both;letter-spacing:.04em}@keyframes cd-in{0%{opacity:0;filter:blur(10px);transform:scale(1.7)}18%{opacity:1;filter:blur();transform:scale(1)}88%{opacity:1;transform:scale(.97)}to{opacity:.7;transform:scale(.93)}}@keyframes cd-go{0%{opacity:0;filter:blur(8px);transform:scale(.5)}35%{opacity:1;filter:blur();transform:scale(1.12)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.cd-burst{width:260px;height:260px;animation:cd-burst .62s var(--ease-out) both;pointer-events:none;border:6px solid #78ffaacc;border-radius:50%;margin:-130px 0 0 -130px;position:absolute;top:calc(50% + 20px);left:50%;box-shadow:0 0 40px #2bff7a99,inset 0 0 40px #2bff7a66}@keyframes cd-burst{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(2.6)}}.cd-flash{pointer-events:none;background:radial-gradient(at 50% 40%,#dcffe68c,#dcffe600 70%);animation:.42s ease-out both cd-flash;position:fixed;inset:0}@keyframes cd-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cd-gantry,.cd-gantry-go,.cd-num,.cd-num-go{opacity:1;animation:none}.cd-burst,.cd-flash{display:none}}.heat{top:var(--safe-t);left:var(--safe-l);border:1px solid var(--c-line);border-left:3px solid var(--heat-accent,var(--c-warn));border-radius:var(--r-1);min-width:176px;box-shadow:var(--shadow-panel);z-index:3;animation:pill-in .3s var(--ease-out) both;background:linear-gradient(#0e1119e6,#080a0fc7);padding:8px 12px 9px;position:absolute}.heat-hot{--heat-accent:var(--c-cop-red)}.heat-compact{min-width:0;padding:5px 9px 6px}.heat-head{align-items:center;gap:7px;display:flex}.heat-badge{width:16px;height:16px;fill:var(--heat-accent,var(--c-warn))}.heat-badge-star{fill:#0b0e15}.heat-title{font:800 11px var(--f-ui);letter-spacing:.26em;text-transform:uppercase;color:var(--c-ink-2)}.heat-level{font:900 22px/1 var(--f-num);color:var(--heat-accent,var(--c-warn));margin-left:auto}.heat-chevrons{gap:4px;margin:6px 0 4px 4px;display:flex}.heat-chev{background:#ffffff1a;border-radius:1px;width:24px;height:10px;transform:skew(-28deg)}.heat-compact .heat-chev{width:18px;height:8px}.heat-chev.on{background:var(--c-warn);box-shadow:0 0 8px #ffb0208c}.heat-chev.on.red{background:var(--c-cop-red);animation:.5s step-end infinite siren-a;box-shadow:0 0 10px #ff2a3cb3}.heat-chev.on.blue{background:var(--c-cop-blue);animation:.5s step-end .25s infinite siren-a;box-shadow:0 0 10px #2f7bffb3}@keyframes siren-a{50%{opacity:.35}}.heat-sub{font:700 10px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-3)}.heat-compact .heat-sub{display:none}.siren{pointer-events:none;z-index:1;position:absolute;inset:0}.siren-l,.siren-r{opacity:0;width:22vw;position:absolute;top:0;bottom:0}.siren-l{background:linear-gradient(90deg,#2f7bff57,#2f7bff00);left:0}.siren-r{background:linear-gradient(270deg,#ff2a3c57,#ff2a3c00);right:0}.siren-warm .siren-r{opacity:.35;background:linear-gradient(270deg,#ff962838,#ff962800)}.siren-warm .siren-l{opacity:.35;background:linear-gradient(90deg,#ff962838,#ff962800)}.siren-on .siren-l{animation:.8s step-end infinite siren-edge}.siren-on .siren-r{animation:.8s step-end .4s infinite siren-edge}@keyframes siren-edge{0%{opacity:1}50%{opacity:.12}}html[data-quality=low] .siren-on .siren-l,html[data-quality=low] .siren-on .siren-r{opacity:.55;animation:none}.sfx{pointer-events:none;z-index:1;position:absolute;inset:0}.sfx-layer{opacity:0;will-change:opacity;position:absolute;inset:0}.sfx-impact{background:radial-gradient(at 50% 55%,#ff1e2800 56%,#ff1e284d 80%,#780008b8 100%)}.sfx-lowhp{background:radial-gradient(#a0000c00 56%,#a0000c3d 82%,#5a0006a3 100%);transition:opacity .4s}.sfx-lowhp.on{animation:1.1s ease-in-out infinite lowhp}@keyframes lowhp{0%,to{opacity:.45}18%{opacity:1}34%{opacity:.6}48%{opacity:.95}}.sfx-nos{transition:opacity .24s var(--ease-out);background:radial-gradient(#3cc8ff00 58%,#3cc8ff38 88%,#8278ff5c 100%)}.sfx-nos.on{opacity:1;animation:.14s linear infinite alternate nos-flicker}@keyframes nos-flicker{to{opacity:.78}}.results{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:auto;z-index:80;touch-action:pan-y;background:radial-gradient(at 50% 40%,#0a0c13bd,#030407ed 72%);justify-content:center;align-items:center;animation:.26s ease-out both fade-in;display:flex;position:absolute;inset:0;overflow:hidden auto}.results-sweep{transform-origin:0;height:92px;animation:sweep .7s var(--ease-out) both;pointer-events:none;background:linear-gradient(90deg,#ff7a1a00,#ff7a1a3d,#ff7a1a00);position:absolute;top:34px;left:-60vw;right:-60vw;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.results-win .results-sweep{background:linear-gradient(90deg,#ffbe3c00,#ffbe3c47,#ffbe3c00)}.results-lose .results-sweep{background:linear-gradient(90deg,#ff2a3c00,#ff2a3c42,#ff2a3c00)}@keyframes sweep{0%{opacity:0;transform:scaleX(0)}}@keyframes fade-in{0%{opacity:0}}.results-card{text-align:center;width:min(520px,100%);margin:auto;padding:22px 26px;position:relative}.results-kicker{font:800 11px var(--f-ui);letter-spacing:.34em;text-transform:uppercase;color:var(--c-ink-3);animation:rise .4s var(--ease-out) 80ms both}.results-title{white-space:nowrap;font:900 clamp(40px, 6.2vw, 84px) / 1 var(--f-num);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 34px #ff7a1a80,0 4px #0006;animation:slam .52s var(--ease-snap) .12s both;margin-top:4px;position:relative}.results-win .results-title{color:#ffe2a8;text-shadow:0 0 40px #ffbe3ca6,0 4px #0006}.results-lose .results-title{color:#ffd0d4;text-shadow:0 0 40px #ff2a3c99,0 4px #0006}@keyframes slam{0%{opacity:0;filter:blur(8px);transform:scale(1.6)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.results-place{animation:rise .42s var(--ease-out) .22s both;justify-content:center;align-items:flex-start;margin-top:6px;display:flex}.results-place-num{font:900 64px/.85 var(--f-num);color:#fff}.results-place-suf{font:900 22px var(--f-num);color:var(--c-accent);margin:2px 8px 0 2px}.results-place-of{font:800 16px var(--f-num);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-3);align-self:flex-end}.results-sub{font:700 13px var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--c-ink-2);margin-top:8px}.results-rows{border-top:1px solid var(--c-line);margin-top:16px}.results-row{border-bottom:1px solid var(--c-line);animation:row-in .38s var(--ease-out) both;justify-content:space-between;align-items:center;padding:9px 4px;display:flex}@keyframes row-in{0%{opacity:0;transform:translate(-18px)}}.results-k{font:700 11px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3)}.results-v{font:800 22px var(--f-num);color:#fff;font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex}.results-badge{background:var(--c-accent);color:#160a02;font:900 9px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;animation:badge-pop .5s var(--ease-snap) 1.1s both;border-radius:3px;padding:2px 7px}@keyframes badge-pop{0%{opacity:0;transform:scale(2)}}.results-standings{gap:3px;margin:14px 0 0;padding:0;list-style:none;display:grid}.results-st{font:700 12px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-2);animation:row-in .36s var(--ease-out) both;background:#ffffff08;border-radius:3px;align-items:center;gap:10px;padding:5px 10px;display:flex}.results-st.me{color:#fff;background:linear-gradient(90deg,#ff7a1a4d,#ff7a1a0a)}.results-st-pos{width:1.4em;font:800 16px var(--f-num);color:var(--c-ink-3)}.results-st.me .results-st-pos{color:var(--c-accent-2)}.results-st-chip{border-radius:1px;width:4px;height:16px}.results-st-tag{color:var(--c-danger);margin-left:auto}.results-actions{animation:rise .4s var(--ease-out) .7s both;justify-content:center;gap:10px;margin-top:20px;display:flex}.is-compact .results-card{padding:8px 12px}.is-compact .results-title{font-size:clamp(32px,9vh,50px)}.is-compact .results-sweep{height:64px;top:14px}.is-compact .results-rows{margin-top:8px}.is-compact .results-row{padding:5px 4px}.is-compact .results-v{font-size:18px}.is-compact .results-standings{display:none}.is-compact .results-actions{margin-top:10px}.btn{border-radius:var(--r-1);min-height:44px;font:800 13px var(--f-ui);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:transform .12s var(--ease-out), background-color .16s, border-color .16s, color .16s, box-shadow .16s;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 26px;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{color:#170a02;background:linear-gradient(#ff9442,#ff6a10);box-shadow:0 6px 18px #ff6a1052,inset 0 1px #ffffff59}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #ff6a1080,inset 0 1px #ffffff73}.btn-accent{color:#170a02;background:var(--c-accent-2)}.btn-ghost{color:var(--c-ink);border-color:var(--c-line-2);background:#ffffff0a}.btn-ghost:hover:not(:disabled){background:#ffffff17;border-color:#ffffff4d}.btn-danger{color:#ff7480;background:0 0;border-color:#ff3b4a66}.btn-danger:hover:not(:disabled){background:#ff3b4a1a}.btn-xl{min-height:54px;font-size:16px}.btn-sm{min-height:40px;padding:0 16px;font-size:11px}.btn:focus-visible,.menu-tab:focus-visible,.race-card:focus-visible,.car-card:focus-visible,.swatch:focus-visible,.seg:focus-visible,.pause-btn:focus-visible,.menu-close:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:3px}.tc-wheel{left:max(env(safe-area-inset-left), 18px);bottom:max(env(safe-area-inset-bottom), 16px);pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:12;position:absolute}.tc-wheel-base{background:radial-gradient(circle at 50% 38%,#2428349e,#06080cc7 70%);border:1px solid #ffffff1f;border-radius:50%;transition:border-color .14s;position:absolute;inset:0;box-shadow:0 10px 26px #00000073,inset 0 1px #ffffff14}.tc-wheel.held .tc-wheel-base{border-color:#ff7a1a99}.tc-wheel-rim{will-change:transform;position:absolute;inset:8px}.tc-wheel-rim svg{width:100%;height:100%;display:block}.tc-rim{fill:none;stroke:url(#tc-rim-shade);stroke-width:11px}.tc-rim-edge{fill:none;stroke:#fff3;stroke-width:1.1px}.tc-rim-edge-in{stroke:#ffffff17}.tc-rim-grip{fill:none;stroke:#ffffff24;stroke-width:1.2px;stroke-dasharray:2 3}.tc-spoke{fill:none;stroke:#2a2f3b;stroke-width:7px;stroke-linecap:round}.tc-hub{fill:#0e1118;stroke:#ff7a1aa6;stroke-width:1.5px}.tc-marker{fill:var(--c-accent)}.tc-wheel-hint{font:800 22px var(--f-num);color:#ffffff73;text-shadow:0 1px 3px #000c;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tc-wheel-hint-l{left:2px}.tc-wheel-hint-r{right:2px}.tc-pedal{--tone:#3ac779;color:#fff;border:1.5px solid color-mix(in srgb, var(--tone) 75%, transparent);-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:none;z-index:10;transition:transform 90ms var(--ease-out), background 90ms, box-shadow .12s;background:radial-gradient(circle at 50% 30%,#ffffff1f,#080a109e 72%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;box-shadow:0 8px 20px #0006,inset 0 1px #ffffff1f}.tc-pedal.down{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--tone) 85%, white), color-mix(in srgb, var(--tone) 70%, black) 80%);box-shadow:0 0 26px color-mix(in srgb, var(--tone) 60%, transparent), inset 0 2px 8px #00000059;transform:scale(.92)}.tc-gas{--tone:#3ac779}.tc-brake{--tone:#ff4452}.tc-hb{--tone:#ffb038}.tc-nos{--tone:#3fd2ff}.tc-time{--tone:#a978ff}.tc-icon{fill:none;width:34%;height:34%;stroke:var(--tone);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.tc-pedal.down .tc-icon{stroke:#fff}.tc-label{font:800 12px var(--f-ui);letter-spacing:.16em;text-shadow:0 1px 2px #0009}.minimap{top:var(--safe-t);right:var(--safe-r);pointer-events:none;z-index:3;border-radius:50%;position:absolute;box-shadow:0 10px 28px #00000080}.minimap canvas{border-radius:50%;display:block}.minimap-rim{border:3px solid #0d1017;border-radius:50%;position:absolute;inset:-3px;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #ff7a1a59}.minimap-north{will-change:transform;position:absolute;inset:0}.minimap-north span{font:900 10px var(--f-num);color:#fff;background:var(--c-accent);border-radius:3px;padding:0 3px;line-height:12px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.pause-btn{top:var(--safe-t);right:calc(env(safe-area-inset-right,0px) + 190px);background:var(--c-panel);border:1px solid var(--c-line-2);border-radius:var(--r-1);min-width:44px;min-height:44px;color:var(--c-ink);font:800 11px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;pointer-events:auto;z-index:20;box-shadow:var(--shadow-panel);align-items:center;gap:8px;padding:0 14px;transition:background .15s,border-color .15s,transform .12s;display:flex;position:absolute}.pause-btn.compact{right:calc(env(safe-area-inset-right,0px) + 128px);justify-content:center;padding:0}.pause-btn svg{fill:currentColor;width:14px;height:14px}.pause-btn:hover{border-color:#ff7a1a99}.pause-btn:active{transform:scale(.95)}.menu-backdrop{pointer-events:auto;z-index:100;background:radial-gradient(at 50% 30%,#0e10188c,#030407db 80%);justify-content:center;align-items:center;animation:.2s ease-out both fade-in;display:flex;position:absolute;inset:0}html:not([data-quality=low]) .menu-backdrop{-webkit-backdrop-filter:blur(10px)saturate(1.1)}.menu-backdrop.leaving,.menu-backdrop.leaving *{pointer-events:none!important}.menu-backdrop.leaving{animation:.2s ease-in forwards fade-out}.menu-backdrop.leaving .menu-frame{animation:.2s ease-in forwards frame-out}@keyframes fade-out{to{opacity:0}}@keyframes frame-out{to{opacity:0;transform:translateY(10px)scale(.98)}}.menu-frame{border:1px solid var(--c-line-2);border-radius:var(--r-3);width:min(880px,92vw);max-height:min(86vh,760px);animation:frame-in .26s var(--ease-out) both;touch-action:pan-y;background:linear-gradient(#141721f0,#090b10f5);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff14}.menu-frame:focus,.results:focus,.rival-card:focus{outline:none}.menu-frame:before{content:"";background:linear-gradient(90deg, transparent, var(--c-accent), transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.menu-frame.wide{width:min(1240px,96vw);height:min(780px,92vh);max-height:none}.menu-frame.short{width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 16px);height:calc(100vh - 16px);border-radius:var(--r-2);height:calc(100dvh - 16px);max-height:none}@keyframes frame-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.menu-header{border-bottom:1px solid var(--c-line);flex-shrink:0;align-items:center;gap:16px;padding:14px 18px 0 22px;display:flex}.short .menu-header{gap:10px;padding:4px 8px 0 14px}.menu-brand{font:900 22px var(--f-num);letter-spacing:.3em;text-transform:uppercase;color:#fff;flex-shrink:0;align-items:center;gap:8px;padding-bottom:12px;display:flex}.menu-brand svg{width:26px;height:26px;fill:var(--c-accent);filter:drop-shadow(0 0 8px #ff7a1a80)}.short .menu-brand{letter-spacing:.2em;padding-bottom:8px;font-size:16px}.short .menu-brand svg{width:20px;height:20px}.menu-tabs{scrollbar-width:none;flex:1;justify-content:center;gap:2px;min-width:0;display:flex;position:relative;overflow-x:auto}.menu-tab{color:var(--c-ink-3);font:800 12px var(--f-ui);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:10px 16px 14px;transition:color .16s}.short .menu-tab{letter-spacing:.16em;padding:10px 11px 11px;font-size:11px}.menu-tab:hover{color:var(--c-ink)}.menu-tab.is-active{color:#fff}.menu-tab-ink{background:var(--c-accent);width:100px;height:3px;box-shadow:0 0 12px var(--c-accent-glow);transform-origin:0;transition:transform .26s var(--ease-out);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0}.menu-close{border:1px solid var(--c-line);border-radius:var(--r-1);width:44px;height:44px;color:var(--c-ink);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:6px;transition:background .15s,transform .12s;display:flex}.menu-close:hover{background:#ffffff1a}.menu-close:active{transform:scale(.94)}.menu-close svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:16px;height:16px}.menu-body{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:22px 26px 24px;position:relative;overflow-y:auto}.short .menu-body{padding:12px 14px 14px}.menu-body.body-garage{padding:0;overflow:hidden}.menu-panel{animation:panel-in .22s var(--ease-out) both}.body-garage .menu-panel{height:100%}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}}.section-label{font:800 10px var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--c-ink-3);margin:0 0 10px}.section-label .accent{color:var(--c-accent-2)}.card{border:1px solid var(--c-line);border-radius:var(--r-2);background:#ffffff08;padding:14px 16px}.card-note{font:600 10px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-3);margin-top:10px}.chip{color:var(--c-accent-2);font:700 11px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;border:1px solid #ff7a1a59;border-radius:3px;padding:4px 10px}.main-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;display:grid}.short .main-grid{gap:14px}@media (max-width:560px){.main-grid{grid-template-columns:1fr}}.main-col{flex-direction:column;gap:10px;min-width:0;display:flex}.short .main-col{gap:8px}.short .btn-xl{min-height:46px}.share-cta{border-radius:var(--r-2);min-height:74px;color:var(--c-ink);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .16s var(--ease-out), border-color .16s, box-shadow .16s;background:radial-gradient(90% 130% at 108% 120%,#ff7a1a47,#0000 42%),linear-gradient(155deg,#243456 0%,#121a2c 52%,#0d1018 100%);border:1px solid #ff9a426b;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000061,inset 0 1px #ffffff1a}.share-cta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#fff3 46%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.share-cta:hover:after{animation:share-sheen .72s var(--ease-out)}@keyframes share-sheen{to{transform:translate(130%)}}.share-cta:hover{border-color:#ffba6ef2;transform:translateY(-2px);box-shadow:0 16px 30px #00000075,0 0 22px #ff7a1a2e}.share-cta:active{transform:translateY(0)scale(.985)}.share-cta:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:3px}.share-cta-plate{background:linear-gradient(#ffa24a33,#0000 72%);border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;width:68px;display:flex}.share-cta-plate svg{width:18px;height:18px;fill:var(--c-accent-2)}.share-cta-num{font:800 34px/.8 var(--f-num);letter-spacing:.02em;color:var(--c-ink);margin-top:-1px}.share-cta-copy{flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:10px 12px;display:flex}.share-cta-title{font:800 clamp(17px, 4vw, 24px)/.9 var(--f-num);letter-spacing:.06em;text-transform:uppercase}.share-cta-url{text-overflow:ellipsis;white-space:nowrap;font:700 10px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#9eb0c8;overflow:hidden}.share-cta-go{color:#170a02;min-width:74px;font:800 12px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(#ff9442,#ff6a10);justify-content:center;align-items:center;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff61}.share-cta.is-done .share-cta-go{background:linear-gradient(#67eda0,#1ea85c)}.share-cta.is-fail .share-cta-go{color:#fff8f6;background:linear-gradient(#ff707c,#d21d30)}.short .share-cta,.is-touch .share-cta{min-height:64px}.short .share-cta-plate,.is-touch .share-cta-plate{width:56px}.short .share-cta-num,.is-touch .share-cta-num{font-size:28px}.short .share-cta-go,.is-touch .share-cta-go{min-width:64px;padding:0 10px}@media (max-width:720px){.share-cta-plate{width:56px}.share-cta-num{font-size:28px}.share-cta-copy{padding:8px 10px}.share-cta-url{letter-spacing:.08em}.share-cta-go{min-width:64px;padding:0 10px}}.live-banner{color:var(--c-accent-2);font:800 10px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;border-radius:var(--r-1);background:#ff7a1a1a;border:1px solid #ff7a1a73;padding:7px 12px}.account-chip{flex-shrink:0;align-items:center;gap:8px;margin-bottom:6px;display:flex;position:relative}.account-chip-wait{width:18px;color:var(--c-ink-3)}.account-name,.account-link{font:800 11px var(--f-ui);letter-spacing:.14em;text-transform:uppercase}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:88px;color:var(--c-accent-2);overflow:hidden}.account-link{color:var(--c-ink-2);cursor:pointer;background:0 0;border:none;padding:0}.account-link:hover{color:#fff}.account-pop{z-index:5;border:1px solid var(--c-line-2);border-radius:var(--r-2);background:#0c0e14f5;width:min(280px,70vw);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000073}.account-card{gap:8px;margin-top:10px;display:grid}.account-pop .account-card{margin-top:0}.account-field{font:700 10px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-3);gap:4px;display:grid}.account-input{border:1px solid var(--c-line-2);border-radius:var(--r-1);color:#fff;width:100%;height:40px;font:700 16px var(--f-ui);letter-spacing:.04em;background:#0006;padding:0 10px}.account-input:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:2px}.account-actions{flex-wrap:wrap;gap:6px;display:flex}.account-error{font:700 11px var(--f-ui);letter-spacing:.04em;text-transform:none;color:var(--c-danger)}.results-save{text-align:center;margin-top:16px}.results-save p{font:700 13px var(--f-ui);letter-spacing:.04em;text-transform:none;color:var(--c-ink-2);margin:0}.results-save-actions{margin-top:10px}.results-save .account-card{text-align:left}.history-block{margin-top:14px}.history-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.history-list li{font:700 11px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-2);background:#ffffff08;border-radius:3px;grid-template-columns:minmax(0,1.4fr) auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.online-card{margin-top:4px}.short .online-card{padding:10px 12px}.online-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.online-row .btn-sm{flex-shrink:0;padding:0 12px}.online-players{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.code-input{border:1px solid var(--c-line-2);border-radius:var(--r-1);color:#fff;width:96px;min-width:52px;height:40px;font:800 20px var(--f-num);letter-spacing:.24em;text-transform:uppercase;text-align:center;pointer-events:auto;background:#0006;flex:60px;padding:0 10px}.code-input:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:2px}.race-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.race-card{text-align:left;border:1px solid var(--c-line);border-radius:var(--r-2);min-height:62px;color:var(--c-ink);cursor:pointer;transition:transform .14s var(--ease-out), border-color .16s, background .16s;background:linear-gradient(#ffffff0d,#ffffff04);grid-template-rows:auto auto;grid-template-columns:30px 1fr;align-items:center;column-gap:10px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.short .race-card{min-height:50px;padding:7px 10px}.race-card:after{content:"";transition:transform .5s var(--ease-out);background:linear-gradient(105deg,#0000 35%,#ffffff14 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}.race-card:hover:not(:disabled){background:linear-gradient(#ff7a1a24,#ff7a1a08);border-color:#ff7a1a8c;transform:translateY(-1px)}.race-card:hover:not(:disabled):after{transform:translate(100%)}.race-card:active:not(:disabled){transform:scale(.98)}.race-card-icon{fill:none;width:26px;height:26px;stroke:var(--c-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;grid-row:1/span 2}.race-card-title{font:900 17px/1.05 var(--f-num);letter-spacing:.12em;text-transform:uppercase}.race-card-sub{font:700 10px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-3)}.main-hint{text-align:center;font:700 10px/2 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-3);margin-top:18px}.is-touch .main-hint,.short .main-hint{display:none}.garage{height:100%;min-height:340px;position:relative;overflow:hidden}.short .garage{min-height:0}.showroom{cursor:grab;touch-action:none;position:absolute;inset:0;overflow:hidden}.showroom:active{cursor:grabbing}.showroom-cyc{background:radial-gradient(70% 60% at 38% 52%,#262b37 0%,#12151d 45%,#06070a 100%);position:absolute;inset:0}.showroom-cyc:after{content:"";background:radial-gradient(40% 100% at 38% 0,#ffecd61a,#0000 70%);height:40%;position:absolute;top:0;left:0;right:0}.showroom-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.garage-hero{pointer-events:none;animation:rise .42s var(--ease-out) both;text-shadow:0 2px 12px #0009;position:absolute;top:22px;left:26px}.short .garage-hero{top:10px;left:14px}.garage-hero-kicker{font:800 10px var(--f-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--c-accent-2)}.garage-hero-name{font:900 54px/.95 var(--f-num);letter-spacing:.04em;text-transform:uppercase;color:#fff}.short .garage-hero-name{font-size:32px}.garage-hero-desc{font:700 11px var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-2);margin-top:2px}.garage-drag-hint{font:700 10px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:26px}.short .garage-drag-hint{bottom:8px;left:14px}.garage-drag-hint svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:18px;height:18px}.garage-panel{overscroll-behavior:contain;touch-action:pan-y;border:1px solid var(--c-line);border-radius:var(--r-2);width:340px;box-shadow:var(--shadow-panel);animation:panel-slide .3s var(--ease-out) both;background:linear-gradient(#0e1119db,#080a0fe6);padding:16px 16px 18px;position:absolute;top:14px;bottom:14px;right:14px;overflow-y:auto}html:not([data-quality=low]) .garage-panel{-webkit-backdrop-filter:blur(12px)}.short .garage-panel{width:min(50%,360px);padding:10px 12px 12px;top:8px;bottom:8px;right:8px}@keyframes panel-slide{0%{opacity:0;transform:translate(24px)}}.garage-panel{flex-direction:column;display:flex}.garage-panel .section-label{margin-top:14px}.garage-cta{margin-top:auto;padding-top:14px}.garage-cta .btn{width:100%}.garage-panel .section-label:first-child{margin-top:0}.car-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.car-card{text-align:left;border:1px solid var(--c-line);border-radius:var(--r-1);color:var(--c-ink);cursor:pointer;background:#ffffff08;flex-direction:column;gap:3px;padding:9px 10px;transition:border-color .16s,background .16s,transform .12s;display:flex;position:relative}.car-card:hover:not(:disabled){border-color:#ffffff47}.car-card:active:not(:disabled){transform:scale(.98)}.car-card.is-selected{border-color:var(--c-accent);background:linear-gradient(#ff7a1a29,#ff7a1a0a);box-shadow:inset 0 0 0 1px #ff7a1a59}.car-card.is-locked{opacity:1;cursor:not-allowed;color:var(--c-ink-3);background:repeating-linear-gradient(135deg,#ffffff05 0 6px,#ffffff0a 6px 12px)}.car-card-name{font:900 15px var(--f-num);letter-spacing:.12em;text-transform:uppercase}.car-card.is-selected .car-card-name{color:#fff}.car-card-desc{font:700 9px var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c-ink-3)}.car-card-lock{fill:none;width:13px;height:13px;stroke:var(--c-ink-3);stroke-width:1.5px;position:absolute;top:8px;right:8px}.swatches{flex-wrap:wrap;gap:6px;padding:2px;display:flex}.swatch{background:radial-gradient(circle at 34% 28%, #ffffffbf 0 6%, #fff0 26%), radial-gradient(circle at 50% 60%, var(--swatch) 0 55%, color-mix(in srgb, var(--swatch) 55%, black) 100%);cursor:pointer;width:28px;height:28px;transition:transform .14s var(--ease-snap), border-color .14s;border:2px solid #ffffff1f;border-radius:50%;padding:0;position:relative;box-shadow:0 3px 8px #00000073}.swatch:hover{transform:scale(1.08)}.swatch.is-selected{box-shadow:0 0 0 2px var(--c-accent), 0 3px 10px #00000080;border-color:#fff;transform:scale(1.1)}.short .swatch{width:26px;height:26px}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px;display:grid}.short .spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-bottom:4px}.short .spec{padding:5px}.short .spec-v{font-size:15px}.short .spec-k{letter-spacing:.12em;font-size:7px}.short .garage-panel .section-label{margin-top:9px}.short .car-card{gap:1px;padding:6px 8px}.short .car-card-name{font-size:13px}.short .car-card-desc{font-size:8px}.short .garage-cta{background:linear-gradient(#090b1000,#090b10fa 40%);margin-bottom:-12px;padding:10px 0 12px;position:sticky;bottom:-12px}.short .garage-cta .btn{min-height:40px}.spec{background:#ffffff08;border-radius:3px;flex-direction:column;padding:6px 7px;display:flex}.spec-v{font:800 19px/1 var(--f-num);color:#fff;font-variant-numeric:tabular-nums}.spec-v small{color:var(--c-ink-3);margin-left:2px;font-size:.55em}.spec-k{font:700 8px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-3);margin-top:3px}.stat-row{grid-template-columns:96px 1fr 28px;align-items:center;gap:10px;padding:4px 0;display:grid}.stat-k{font:700 9px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-2)}.stat-bar{background:#ffffff12;border-radius:3px;height:6px;position:relative;overflow:hidden}.stat-fill{transform-origin:0;background:linear-gradient(90deg, var(--c-accent-deep), var(--c-accent-2));transition:transform .52s var(--ease-out);animation:stat-in .62s var(--ease-out) both;border-radius:3px;position:absolute;inset:0;box-shadow:0 0 8px #ff7a1a73}@keyframes stat-in{0%{transform:scaleX(0)}}.stat-v{font:800 14px var(--f-num);color:var(--c-ink);text-align:right;font-variant-numeric:tabular-nums}.bl-list{flex-direction:column;gap:8px;display:flex}.bl-card{background:linear-gradient(90deg, color-mix(in srgb, var(--rival) 16%, transparent), #ffffff05 60%);border:1px solid var(--c-line);border-radius:var(--r-2);animation:row-in .36s var(--ease-out) both;grid-template-columns:56px 120px 1fr auto;align-items:center;gap:14px;padding:10px 16px 10px 10px;display:grid;position:relative;overflow:hidden}.short .bl-card{grid-template-columns:44px 90px 1fr auto;gap:10px;padding:6px 12px 6px 8px}.bl-rank{border-radius:var(--r-1);background:var(--rival);height:56px;font:900 30px var(--f-num);box-shadow:0 0 18px color-mix(in srgb, var(--rival) 45%, transparent);justify-content:center;align-items:center;display:flex}.short .bl-rank{height:44px;font-size:24px}.bl-rank small{opacity:.7;font-size:.5em}.bl-car{filter:drop-shadow(0 4px 6px #0009);width:100%;height:auto}.bl-car-img{aspect-ratio:3;object-fit:contain;-webkit-user-drag:none;display:block}.bl-car-img.is-locked{filter:brightness(0)drop-shadow(0 0 1px #ffffff40);opacity:.8}.bl-car-glass{fill:#0a0e16bf}.bl-car-wheel{fill:#0b0d12;stroke:#3b404c;stroke-width:2px}.bl-name{font:900 22px/1 var(--f-num);letter-spacing:.18em;color:#fff}.bl-tag{font:700 10px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-3);margin-top:4px}.bl-state{font:900 10px var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c-ink-3);border:1px solid var(--c-line-2);border-radius:3px;padding:5px 10px}.bl-defeated .bl-state{color:var(--c-danger);border:2px solid var(--c-danger);transform:rotate(-6deg)}.bl-next{box-shadow:inset 3px 0 0 var(--c-accent);border-color:#ff7a1a8c}.bl-next .bl-state{color:#170a02;background:var(--c-accent);border-color:var(--c-accent);animation:1.6s ease-in-out infinite blink}.bl-locked{opacity:.55}.bl-locked .bl-rank{box-shadow:none;background:#2a2e38}.stats-tab{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;display:grid}@media (max-width:640px){.stats-tab{grid-template-columns:1fr}}.stats-tab section{flex-direction:column;min-width:0;display:flex}.stats-tab .btn-danger{align-self:flex-start;margin-top:14px}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.record{border:1px solid var(--c-line);border-radius:var(--r-1);background:#ffffff08;flex-direction:column;padding:10px 12px;display:flex}.record-v{font:800 22px/1.05 var(--f-num);color:#fff;font-variant-numeric:tabular-nums}.record-k{font:700 9px var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink-3);margin-top:4px}.settings-card{flex-direction:column;gap:14px;display:flex}.slider-row{flex-direction:column;gap:8px;display:flex}.slider-head,.graphics-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.graphics-row{flex-wrap:wrap}.slider-k{font:700 10px var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink-2)}.slider-v{font:800 16px var(--f-num);color:var(--c-accent-2);font-variant-numeric:tabular-nums}.slider{appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:100%;height:28px}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--c-accent) 0 var(--fill), #ffffff1a var(--fill) 100%);border-radius:3px;height:6px}.slider::-moz-range-track{background:linear-gradient(90deg, var(--c-accent) 0 var(--fill), #ffffff1a var(--fill) 100%);border-radius:3px;height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--c-accent);background:#fff;border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 2px 6px #00000080}.slider::-moz-range-thumb{border:3px solid var(--c-accent);background:#fff;border-radius:50%;width:16px;height:16px}.slider:focus-visible{outline:2px solid var(--c-accent-2);outline-offset:2px}.segmented{border:1px solid var(--c-line);border-radius:var(--r-1);background:#00000059;grid-template-columns:repeat(5,auto);gap:2px;padding:2px;display:grid}.seg{min-height:40px;color:var(--c-ink-3);font:800 10px var(--f-ui);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 10px;transition:background .15s,color .15s}.seg:hover{color:var(--c-ink)}.seg.is-active{background:var(--c-accent);color:#170a02}.seg-pending{color:var(--c-accent-2)}.short .graphics-row,.is-touch .graphics-row{flex-direction:column;align-items:stretch}.short .segmented,.is-touch .segmented{grid-template-columns:repeat(5,minmax(0,1fr))}.diff-hint{color:var(--c-ink-3);letter-spacing:.08em}.segmented.cols-3{grid-template-columns:repeat(3,auto)}.short .segmented.cols-3,.is-touch .segmented.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.short .seg,.is-touch .seg{letter-spacing:.1em;min-height:44px;padding:0 4px}.rival{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:auto;z-index:200;background:radial-gradient(#0a0a10b3,#020306eb 70%);justify-content:center;align-items:center;animation:.3s ease-out both fade-in;display:flex;position:absolute;inset:0;overflow:hidden}.rival-rays{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rival) 22%, transparent) 0deg 6deg, transparent 6deg 18deg);pointer-events:none;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;animation:24s linear infinite rays;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 55%);mask-image:radial-gradient(circle,#000 0%,#0000 55%)}@keyframes rays{to{transform:rotate(360deg)}}.rival-card{border:1px solid color-mix(in srgb, var(--rival) 50%, transparent);border-radius:var(--r-3);width:min(540px,100%);box-shadow:0 0 80px color-mix(in srgb, var(--rival) 30%, transparent), 0 40px 100px #0009;animation:frame-in .36s var(--ease-out) both;background:linear-gradient(#161822f5,#0a0b10fa);flex-direction:column;gap:16px;padding:24px 28px 22px;display:flex;position:relative}.is-compact .rival-card{gap:10px;padding:14px 18px}.rival-top{justify-content:space-between;align-items:center;display:flex}.rival-slot{font:800 11px var(--f-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--c-ink-3)}.rival-stamp{border:3px solid var(--c-danger);color:#ff5a64;font:900 22px var(--f-num);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 0 12px #ff3b4a80;animation:stamp .62s var(--ease-snap) .26s both;border-radius:4px;padding:4px 14px;transform:rotate(-8deg)}@keyframes stamp{0%{opacity:0;transform:rotate(-20deg)scale(2.6)}60%{opacity:1;transform:rotate(-8deg)scale(.92)}75%{transform:rotate(-6deg)scale(1.04)translate(2px)}to{transform:rotate(-8deg)scale(1)}}.rival-name-row{border-radius:var(--r-2);background:linear-gradient(90deg, color-mix(in srgb, var(--rival) 28%, transparent), transparent 75%);animation:row-in .42s var(--ease-out) .16s both;align-items:center;gap:18px;padding:14px;display:flex}.rival-chip{border-radius:var(--r-1);background:var(--rival);width:56px;height:56px;box-shadow:0 0 24px color-mix(in srgb, var(--rival) 55%, transparent)}.rival-car{object-fit:contain;width:150px;height:50px;filter:drop-shadow(0 6px 8px #0009) drop-shadow(0 0 18px color-mix(in srgb, var(--rival) 35%, transparent));flex-shrink:0}.is-compact .rival-car{width:112px;height:37px}.rival-name{font:900 34px/1 var(--f-num);letter-spacing:.2em;color:#fff}.rival-tag{font:700 11px var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--c-ink-3);margin-top:4px}.rival-spoils{border:1px solid var(--c-line);border-radius:var(--r-2);background:#ffffff08;padding:12px 14px}.rival-spoil{font:700 13px var(--f-ui);color:var(--c-ink);animation:row-in .38s var(--ease-out) .6s both;padding:3px 0}.rival-card .btn{align-self:center}html[data-quality=low] .cluster:before{box-shadow:none}html[data-quality=low] .cluster-needle{filter:none}html[data-quality=low] .pill,html[data-quality=low] .mode-panel,html[data-quality=low] .toast,html[data-quality=low] .heat{box-shadow:none}.map-select{margin-bottom:20px}.map-select-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.map-region{color:var(--c-ink-3);font:600 12px var(--f-ui)}.map-select-heading h1{font:800 clamp(26px, 4vw, 40px)/1 var(--f-num);letter-spacing:-.01em;margin:3px 0 0}.map-weather{color:var(--c-ink-2);font:500 12px var(--f-ui);text-align:right}.map-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.map-option{text-align:left;min-width:0;color:var(--c-ink);border:1px solid var(--c-line-2);cursor:pointer;background:#171f28;border-radius:7px;flex-direction:column;padding:0;transition:border-color .16s,background .16s;display:flex;position:relative;overflow:hidden}.map-option:hover{border-color:var(--map-accent);background:#202b35}.map-option.selected{border-color:var(--map-accent);box-shadow:inset 0 -3px var(--map-accent)}.map-option:focus-visible{outline:2px solid var(--map-accent);outline-offset:3px}.map-option:disabled{cursor:default}.map-select[aria-busy=true] .map-option{opacity:.65}.map-art{aspect-ratio:320/150;width:100%;height:auto;display:block}.map-option-name{font:800 19px/1.1 var(--f-num);padding:10px 10px 4px}.map-option-meta{font:500 10px/1.25 var(--f-ui);color:var(--c-ink-3);flex-direction:column;gap:4px;padding:0 10px 13px;display:flex}.map-option-meta span{color:var(--c-ink-2)}.map-option.selected .map-option-meta span{color:var(--map-accent)}.map-description{color:var(--c-ink-2);font:500 12px/1.5 var(--f-ui);margin:12px 0 0}@media (max-width:700px){.menu-header{gap:8px;padding-left:14px;padding-right:10px}.menu-brand{letter-spacing:.12em;font-size:18px}.menu-brand svg{width:20px;height:20px}.menu-tab{letter-spacing:.08em;padding-left:9px;padding-right:9px;font-size:11px}.map-options{grid-template-columns:repeat(2,minmax(0,1fr))}.map-art{object-fit:cover;max-height:96px}.map-option-meta{flex-flow:wrap;justify-content:space-between}.map-select-heading{align-items:start}.map-weather{max-width:125px;font-size:11px}}@media (max-width:420px){.menu-brand svg{display:none}.menu-brand{letter-spacing:.04em;font-size:16px}.menu-tab{padding-left:6px;padding-right:6px;font-size:10px}.menu-close{width:32px;height:36px}.menu-body{padding:16px}}@media (max-height:500px) and (min-width:700px){.map-select-heading{margin-bottom:8px}.map-select-heading h1{font-size:26px}.map-art{height:60px}.map-option-meta span{display:none}.map-option-name{padding-top:6px;font-size:17px}.map-description{margin-top:6px}.map-select{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.map-option{transition:none}}