:root{--bg: #111315;--panel: rgba(41, 45, 48, .88);--panel-solid: #292d30;--line: rgba(255, 255, 255, .09);--text: #f3f4ef;--muted: #9a9f98;--accent: #c6ff3d;--accent-ink: #111315;--accent-2: #c6ff3d;--warn: #ffd400;--danger: #e10600;--good: #2bd46b;--bad: #ff4d4d;--purple: #b36bff;--font: "Bahnschrift", "DIN Alternate", "Segoe UI", Roboto, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit;cursor:pointer}input,select{font-family:inherit}.menu-screen{position:relative;height:100%;overflow:auto;background:linear-gradient(115deg,rgba(198,255,61,.09) 0 18%,transparent 18% 100%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 26px),radial-gradient(ellipse at 70% 20%,#292d30,#111315 65%);display:flex;flex-direction:column}.menu-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:6vh 8vw;gap:5vh}.brand{display:flex;flex-direction:column;gap:6px}.brand-mark{font-size:clamp(64px,11vw,150px);font-weight:800;letter-spacing:-.04em;line-height:.85;font-style:italic;background:linear-gradient(180deg,#fff 30%,#9aa4ae);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark:after{content:"R";color:var(--accent);-webkit-text-fill-color:var(--accent)}.brand-mark.small{font-size:54px}.brand-sub{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:14px}.menu-list{display:flex;flex-direction:column;gap:10px;max-width:440px}.menu-list.compact{max-width:none}.menu-list.row{flex-direction:row;max-width:none;justify-content:flex-end;margin-top:18px}.menu-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 20px;background:#ffffff0a;border:1px solid var(--line);border-left:4px solid transparent;text-align:left;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:background .15s,border-color .15s,transform .15s}.menu-btn small{font-size:12px;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:.02em}.menu-btn:hover,.menu-btn:focus-visible{background:#ffffff17;border-left-color:var(--accent);transform:translate(4px);outline:none}body.nav-active :focus{outline:3px solid #fff!important;outline-offset:3px;box-shadow:0 0 0 6px #c6ff3d73}body.nav-active .menu-btn:focus{background:#ffffff17;border-left-color:var(--accent);transform:translate(4px)}body.nav-active .menu-btn.primary:focus{background:var(--accent)}.menu-btn.primary{background:var(--accent);border-color:var(--accent)}.menu-btn.primary small{color:#fffc}.menu-btn.primary:hover{background:#d8ff70;border-left-color:#fff}.menu-btn.danger:hover{border-left-color:var(--bad)}.menu-footer{padding:14px 8vw;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.screen-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 4vw;border-bottom:1px solid var(--line)}.screen-head h1{margin:0;font-size:30px;text-transform:uppercase;letter-spacing:.08em;font-style:italic}.screen-head .back,.screen-head .next{background:none;border:1px solid var(--line);padding:10px 18px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;justify-self:start}.screen-head .next{justify-self:end}.screen-head .next.go{background:var(--accent);border-color:var(--accent);font-weight:700}.screen-head button:hover{border-color:#fff}.panel{background:var(--panel);border:1px solid var(--line);padding:20px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel h2{font-size:13px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:18px 0 10px;font-weight:600}.panel h2:first-child{margin-top:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:28px 4vw;max-width:1200px;width:100%;margin:0 auto}.setup-grid.single{grid-template-columns:1fr;max-width:760px}.track-card,.car-card{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);background:#ffffff08;text-align:left}.track-card.selected,.car-card.selected{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent)}.track-card span,.car-card span{color:var(--muted);font-size:13px;text-transform:capitalize}.track-card small{color:var(--muted);font-size:12px}.slider{display:flex;flex-direction:column;gap:6px;margin:10px 0 14px;color:var(--muted);font-size:14px}.slider b{color:var(--text);font-size:18px;margin-left:6px}input[type=range]{accent-color:var(--accent);width:100%}.seg-label{color:var(--muted);font-size:13px;margin:12px 0 6px}.segmented{display:flex;gap:6px;flex-wrap:wrap}.segmented button{flex:1;min-width:80px;padding:10px 8px;border:1px solid var(--line);background:#ffffff08;font-size:14px;text-transform:uppercase;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:2px}.segmented button small{font-size:11px;color:var(--muted);text-transform:none}.segmented button.on{background:var(--accent);border-color:var(--accent)}.segmented button.on small{color:#ffd9d6}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);background:#ffffff08;text-align:left;font-size:15px}.toggle small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.toggle .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--muted);margin-top:2px;flex:none}.toggle.on{border-color:#2bd46b80}.toggle.on .dot{background:var(--good);border-color:var(--good);box-shadow:0 0 8px var(--good)}.check{display:flex;gap:8px;align-items:center;margin-top:16px;color:var(--muted)}.hint{color:var(--muted);font-size:13px;line-height:1.5}.entry b{color:var(--accent-2)}.garage-body{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:24px 4vw;flex:1;min-height:0}.garage-preview{position:relative;min-height:380px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 70%,#2a3240,#0e1116 70%)}.car-preview{position:absolute;top:0;right:0;bottom:0;left:0}.preview-caption{position:absolute;left:20px;bottom:18px;display:flex;flex-direction:column;gap:4px}.preview-caption strong{font-size:30px;font-style:italic;text-transform:uppercase}.preview-caption span{color:var(--muted)}.car-cards{display:flex;flex-direction:column;gap:8px}.car-card .stats{display:flex;gap:14px;font-size:12px}.car-card .stats span{color:var(--text);text-transform:none}.livery-row{display:flex;gap:10px}.swatch{width:46px;height:46px;border:2px solid var(--line)}.swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.form-grid input[type=text],.form-grid input[type=number]{background:#ffffff0d;border:1px solid var(--line);color:var(--text);padding:9px 10px;font-size:16px}.form-grid input.invalid{border-color:#ff5a5a}.field-error{color:#ff7a7a;font-size:12px}.form-grid input[type=color]{width:100%;height:38px;border:1px solid var(--line);background:none;padding:2px}table.controls{width:100%;border-collapse:collapse}table.controls th,table.controls td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}table.controls th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.12em}kbd{background:#242a33;border:1px solid #3a424d;border-bottom-width:3px;padding:2px 8px;border-radius:4px;font-family:inherit;font-size:13px}.race-view{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.game-host{position:absolute;top:0;right:0;bottom:0;left:0}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.overlay.center{display:flex;align-items:center;justify-content:center}.overlay.dim{background:#05070a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay.loading{background:radial-gradient(ellipse at 50% 40%,#1c2430,#07090c 70%);display:flex;align-items:center;justify-content:center}.loading-box{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(420px,80vw);color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:13px}.loading-box .bar{width:100%;height:4px;background:#ffffff1a}.loading-box .bar div{height:100%;background:var(--accent);transition:width .2s}.panel.error{max-width:520px}.panel.pause{width:min(560px,92vw);max-height:90vh;overflow:auto}.panel.pause h1,.panel.results h1{margin:0 0 16px;text-transform:uppercase;font-style:italic;letter-spacing:.06em}.panel.results{width:min(980px,95vw);max-height:92vh;overflow:auto}.result-headline{font-size:20px}.result-headline b{color:var(--accent-2);font-size:28px}.panel.results table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.panel.results th,.panel.results td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.panel.results th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}.panel.results tr.me td{background:#c6ff3d1f;color:#fff}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.hud-tl{position:absolute;left:18px;top:16px;display:flex;flex-direction:column;gap:8px;width:270px}.pos-box{display:flex;align-items:stretch;background:var(--panel);border-left:5px solid var(--accent)}.pos{font-size:46px;font-weight:700;padding:2px 14px 0;line-height:1.1;font-style:italic}.pos .p{font-size:24px;color:var(--muted);margin-right:2px}.pos .of{font-size:20px;color:var(--muted)}.lap{display:flex;align-items:center;padding:0 14px;border-left:1px solid var(--line);color:var(--muted);font-size:16px;letter-spacing:.08em}.lap b{color:var(--text);font-size:30px;margin:0 3px 0 8px}.tower{list-style:none;margin:0;padding:0;background:#0a0c10b8;font-size:13px}.tower li{display:grid;grid-template-columns:24px 4px 1fr auto;align-items:center;gap:8px;padding:3px 8px;border-bottom:1px solid rgba(255,255,255,.04)}.tower li.me{background:#c6ff3deb;color:#111;text-shadow:none;font-weight:700}.tower .tp{text-align:right;font-weight:700}.tower .tc{height:14px}.tower .tn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower .tn i{font-style:normal;opacity:.7;margin-right:4px}.tower .tg{color:var(--muted);font-size:12px}.tower li.me .tg{color:#222}.hud-tr{position:absolute;right:18px;top:16px}.timing{background:var(--panel);min-width:250px;border-right:5px solid var(--accent)}.timing .row{display:flex;justify-content:space-between;align-items:baseline;padding:5px 14px;border-bottom:1px solid var(--line);font-size:18px}.timing .row span{color:var(--muted);font-size:12px;letter-spacing:.15em}.timing .row.big b{font-size:30px;font-weight:700}.timing .invalid{color:var(--bad);text-decoration:line-through}.timing .row.delta.good b{color:var(--good)}.timing .row.delta.bad b{color:var(--bad)}.timing .best{color:var(--purple)}.timing .row.pen b{color:var(--bad)}.hud-tc{position:absolute;left:50%;top:18px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.lights{display:flex;gap:10px;background:#0d0f12;padding:10px 14px;border:2px solid #22262c}.light-col{display:flex;flex-direction:column;gap:6px}.light-col span{width:30px;height:30px;border-radius:50%;background:#2a0606;box-shadow:inset 0 0 6px #000}.light-col span.on{background:radial-gradient(circle at 40% 35%,#ff8a80,#f10 55%,#a00000);box-shadow:0 0 18px #f10,0 0 4px #ff6a5f}.go-flash{font-size:92px;font-weight:800;font-style:italic;color:var(--good);text-shadow:0 0 24px rgba(43,212,107,.7),0 3px 6px #000;animation:pop 1.6s ease-out forwards}@keyframes pop{0%{transform:scale(.6);opacity:0}15%{transform:scale(1.1);opacity:1}80%{opacity:1}to{opacity:0;transform:scale(1)}}.messages{display:flex;flex-direction:column;gap:6px;align-items:center}.msg{background:var(--panel);padding:7px 16px;font-size:16px;letter-spacing:.05em;border-left:4px solid var(--muted);animation:slidein .25s ease-out}.msg.warning{border-left-color:var(--warn)}.msg.penalty{border-left-color:var(--bad);color:#ffd6d6}.msg.best{border-left-color:var(--purple)}.msg.flag{border-left-color:var(--good);font-weight:700}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}}.finish-banner{position:absolute;top:34%;left:50%;transform:translate(-50%);font-size:48px;font-weight:800;font-style:italic;letter-spacing:.05em;padding:12px 36px;background:repeating-conic-gradient(#111 0,#111 25%,#f5f5f5 0,#f5f5f5 50%) 0 0 / 26px 26px;color:#fff;-webkit-text-stroke:1px #000;text-shadow:0 3px 8px #000}.hud-bl{position:absolute;left:18px;bottom:18px}.minimap{display:block;background:#0a0c108c;border:1px solid var(--line)}.hud-br{position:absolute;right:18px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end}.tacho{position:relative;width:250px;display:flex;flex-direction:column;align-items:center}.tacho svg{width:230px;height:230px;background:radial-gradient(circle,#0a0c10d9 60%,#0a0c1000 71%);border-radius:50%}.tacho .track-arc{fill:none;stroke:#ffffff1f;stroke-width:10}.tacho .red-arc{fill:none;stroke:#e1060073;stroke-width:10}.tacho .rpm-arc{fill:none;stroke:#f2f4f6;stroke-width:10}.tacho .rpm-arc.hot{stroke:var(--danger)}.tacho .tick{stroke:#fff9;stroke-width:2}.tacho .tick.red{stroke:var(--danger)}.tacho .tick-label{fill:var(--muted);font-size:11px;text-anchor:middle}.tacho .gear{fill:#fff;font-size:58px;font-weight:700;text-anchor:middle}.tacho .speed{fill:#fff;font-size:30px;font-weight:600;text-anchor:middle}.tacho .unit{fill:var(--muted);font-size:10px;letter-spacing:.2em;text-anchor:middle}.shift-lights{display:flex;gap:4px;margin-bottom:4px}.shift-lights span{width:16px;height:8px;background:#ffffff1a;border-radius:2px}.shift-lights span.g{background:var(--good);box-shadow:0 0 6px var(--good)}.shift-lights span.y{background:var(--warn);box-shadow:0 0 6px var(--warn)}.shift-lights span.r{background:var(--danger);box-shadow:0 0 6px var(--danger)}.shift-lights.flash span{animation:blink .12s steps(2) infinite;background:#4da3ff;box-shadow:0 0 8px #4da3ff}@keyframes blink{50%{opacity:.2}}.pedals{position:absolute;left:-14px;bottom:40px;display:flex;gap:4px}.pedal{width:7px;height:70px;background:#ffffff1a;display:flex;align-items:flex-end}.pedal i{display:block;width:100%}.pedal.thr i{background:var(--good)}.pedal.brk i{background:var(--bad)}.assists{display:flex;gap:6px;margin-top:-6px;font-size:11px;letter-spacing:.1em}.assists span{padding:2px 7px;background:var(--panel);border:1px solid var(--line)}.assists span.off{opacity:.4;text-decoration:line-through}.assists span.active{background:var(--accent-2);color:#111;text-shadow:none}.fps{position:absolute;right:280px;bottom:18px;font-size:12px;color:var(--muted)}@media (max-width: 900px){.setup-grid,.garage-body{grid-template-columns:1fr}.tower{display:none}}.join-row{display:flex;gap:10px;align-items:stretch}.code-input{flex:1;min-width:0;background:#ffffff0d;border:1px solid var(--line);color:var(--text);font-size:30px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;padding:8px 14px}.code-input:focus{outline:none;border-color:var(--accent)}.menu-btn:disabled,.screen-head button:disabled{opacity:.45;cursor:default;transform:none}.net-error{color:#ffb3b3;background:#ff4d4d1f;border-left:3px solid var(--bad);padding:8px 12px;font-size:14px}.room-code{display:flex;align-items:center;gap:14px}.room-code>span{font-size:48px;font-weight:800;letter-spacing:.25em;font-style:italic;color:var(--accent-2);-webkit-user-select:text;user-select:text}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.player-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);background:#ffffff08}.player-list li.me{border-color:#c6ff3d99}.player-list b{color:var(--accent-2);min-width:40px}.player-list .pname{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-list .pcar{color:var(--muted);font-size:13px}.swatch-sm{width:18px;height:18px;flex:none;border:1px solid var(--line)}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:2px 6px;background:var(--accent)}.tag.you{background:var(--accent-2);color:#111}.tower li.human .tn{color:#8fd3ff}.mic-icon{vertical-align:-2px}.voice-toggle.on{border-color:#39ff1499}.voice-toggle.on .mic-icon{color:#39ff14}.voice-toggle.compact{padding:6px 12px;font-size:13px;pointer-events:auto}.player-list .pvoice{color:var(--muted);display:inline-flex;padding:3px;border-radius:50%;transition:color .1s,box-shadow .1s}.player-list .pvoice.speaking{color:#39ff14;box-shadow:0 0 0 2px #39ff1480}.voice-overlay{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px;z-index:12;pointer-events:none}.voice-talker{background:#0a0c10b8;border-left:3px solid #39ff14;padding:3px 10px;font-size:13px;color:#fff}.voice-talker .mic-icon{color:#39ff14}.voice-err{background:#0a0c10cc;color:#ff8a80;padding:4px 10px;font-size:12px;max-width:360px;text-align:center}.mic-picker{display:flex;flex-direction:column;gap:6px;margin-top:8px}.mic-picker label{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.mic-picker select{flex:1;min-width:0;background:#ffffff0d;color:#fff;border:1px solid var(--line);padding:6px 8px;font:inherit}.mic-picker option{background:#15181e}.sound-output select{width:100%;background:#ffffff0d;color:#fff;border:1px solid var(--line);padding:7px 8px;font:inherit}.sound-output option{background:#15181e}.sound-output .small-btn{margin-top:6px;background:#ffffff0f;color:#fff;border:1px solid var(--line);padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}.mic-meter{height:6px;background:#ffffff14;overflow:hidden}.mic-meter div{height:100%;background:#39ff14;transition:width .1s linear}.fastest-lap-award{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px 14px;background:#b36bff1f;border-left:4px solid var(--purple);font-size:17px}.fl-badge{background:var(--purple);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px}.fl-time{color:var(--purple);font-weight:700;font-variant-numeric:tabular-nums}.fl-car{color:var(--muted);font-size:14px}td.fl-cell{color:var(--purple);font-weight:700}.fl-mini{margin-left:6px;background:var(--purple);color:#fff;font-size:10px;padding:1px 4px;vertical-align:1px}.pos.tt-label{font-size:22px;letter-spacing:.06em;display:flex;align-items:center;padding:6px 14px}.tt-grid{grid-template-columns:minmax(280px,1fr) minmax(0,1.6fr)}.tt-name{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.tt-name input{background:#ffffff0d;border:1px solid var(--line);color:var(--text);padding:9px 10px;font:inherit;font-size:16px}.tt-pb{font-size:30px;font-weight:700;font-style:italic;font-variant-numeric:tabular-nums;margin:0 0 12px}.lb-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-btn.compact{padding:6px 12px;width:auto}.lb-scroll{max-height:60vh;overflow:auto}.leaderboard table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.leaderboard th,.leaderboard td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.leaderboard th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;position:sticky;top:0;background:var(--panel)}.leaderboard tr.me td{background:#c6ff3d1f;color:#fff}@media (max-width: 760px){.tt-grid{grid-template-columns:1fr}}.lb-refresh{background:transparent;border:1px solid var(--line);color:var(--text);font:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;cursor:pointer}.lb-refresh:hover{border-color:#fff}.timing .sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px 8px;border-bottom:1px solid var(--line)}.timing .sector{display:flex;flex-direction:column;align-items:center;padding:2px 4px 3px;background:#ffffff0f;border-top:3px solid rgba(255,255,255,.12);min-height:34px}.timing .sector span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.timing .sector b{font-size:14px;font-variant-numeric:tabular-nums}.timing .sector.active{border-top-color:#fff;animation:sector-pulse 1.2s ease-in-out infinite}.timing .sector.purple{border-top-color:var(--purple);background:#b36bff47}.timing .sector.purple b{color:#d9b8ff}.timing .sector.green{border-top-color:var(--good);background:#2bd46b3d}.timing .sector.green b{color:#9ff5bf}.timing .sector.yellow{border-top-color:var(--warn);background:#ffd40033}.timing .sector.yellow b{color:#ffe880}.timing .sector.invalid{border-top-color:var(--bad)}.timing .sector.invalid b{color:var(--muted);text-decoration:line-through}@keyframes sector-pulse{50%{background:#ffffff24}}.tow{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:0 8px 6px 0;opacity:0;transform:translateY(4px);transition:opacity .25s,transform .25s}.tow.on{opacity:1;transform:none}.tow span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#6fd3ff;font-style:italic}.tow i{display:block;width:90px;height:6px;background:#0a0c1099;border:1px solid rgba(111,211,255,.4)}.tow b{display:block;height:100%;background:linear-gradient(90deg,#2a8fd6,#6fd3ff);transition:width .1s linear}.ers{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin:0 8px 6px 0}.ers span{min-width:300px;text-align:right;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.14em;color:#ffd84a;font-style:italic}.ers span small{margin-left:5px;font-size:9px;letter-spacing:.08em;color:var(--muted);font-style:normal}.ers-bars{display:flex;flex-direction:column;gap:2px}.ers i{display:block;width:110px;background:#0a0c1099;border:1px solid rgba(255,216,74,.4)}.ers i.battery{height:10px}.ers i.recharge{position:relative;height:6px;border-color:#ffffff40}.ers i.recharge s{position:absolute;left:0;top:0;bottom:0;background:#ffffff29;transition:width .1s linear}.ers i.recharge b{position:relative}.ers b{display:block;height:100%;background:linear-gradient(90deg,#d69a1a,#ffd84a);transition:width .1s linear}.ers i.recharge b{background:#fffc}.ers i.recharge.full b{background:#ff9a5a}.ers em{font-style:normal;font-size:12px;font-weight:700;min-width:34px;text-align:right;color:#fff}.ers.boost span,.ers.boost em{color:#fff;text-shadow:0 0 8px #ffd84a,0 0 2px #ffd84a}.ers.boost i.battery{box-shadow:0 0 10px #ffd84acc}.ers.low em{color:#ff6a5a}.ers span small.manual{color:#0b0d12;background:#ffd84a;padding:1px 5px;border-radius:2px;font-weight:800;font-style:normal;text-shadow:none}.ers.manual i.battery b{background:linear-gradient(90deg,#ffd84a,#fff6c8)}.ers.manual i.battery{border-color:#fff6c8;box-shadow:0 0 14px #ffe678f2}.ers span kbd.mode-key{margin-left:6px;padding:0 5px;font-size:10px;font-style:normal;letter-spacing:0;color:#d8dde3;border-bottom-width:2px}.ers span small.mode{display:inline-block;min-width:70px;text-align:center;padding:1px 4px;border-radius:2px;font-weight:800;letter-spacing:.06em;color:#0b0d12;background:#d8dde3}.ers span small.mode.charge{background:#5cff8a}.ers span small.mode.push{background:#ff9a3c}.ers span small.mode.manual{color:#d8dde3;background:#4a515b}.ers span small.ers-tag{display:inline-block;min-width:52px;text-align:center}.ers span small.attack{color:#ff7a5c;font-weight:800}.ers span small.defend{color:#6fd3ff;font-weight:800}.ers-bars{position:relative}.ers-bars .clip-tag{position:absolute;right:0;bottom:100%;margin-bottom:3px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#5cff8a;text-shadow:0 0 6px rgba(92,255,138,.6)}.ers.clip i.battery b{background:linear-gradient(90deg,#2fa85a,#5cff8a)}.ers strong.overtake{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#0b0d12;background:#5ce1ff;padding:2px 6px 3px;border-radius:3px}.ers strong.overtake i{width:auto;height:3px;border:none;background:#0b0d1240}.ers strong.overtake b{background:#0b0d12}.car-card .ratings{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:6px}.car-card .rating{display:flex;align-items:center;justify-content:space-between;gap:8px}.car-card .rating span{font-size:11px;text-transform:none}.car-card .rating i{display:flex;gap:2px}.car-card .rating b{width:12px;height:5px;background:#ffffff1f}.car-card .rating b.on{background:var(--accent-2)}.look-back{background:#0a0c10bf;border-bottom:2px solid var(--accent-2);padding:4px 14px;font-size:13px;font-weight:700;letter-spacing:.18em;font-style:italic}.car-card .arcade-notes{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--text);display:grid;gap:2px}.lb-head .lb-class{flex:0 1 auto}.lb-head .lb-class button{min-width:70px;padding:6px 12px;font-size:12px}.brake-cue{margin-top:6px;padding:4px 26px;font-size:46px;font-weight:800;font-style:italic;letter-spacing:3px;color:#fff;background:#dc140ad9;border-radius:6px;box-shadow:0 0 22px #ff1e0a99;animation:brake-blink .36s steps(2,jump-none) infinite alternate}@keyframes brake-blink{0%{opacity:1}to{opacity:.45}}.class-intro{margin:24px auto 0;padding:0 4vw;max-width:1200px;width:100%;text-align:center;color:var(--muted);font-size:16px}.class-cards{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;padding:20px 4vw 28px;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 720px){.class-cards{grid-template-columns:1fr}}.class-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:300px;padding:26px 28px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--muted);cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.class-card.gt3{border-top-color:var(--text)}.class-card.formula{border-top-color:var(--accent-2)}.class-card:hover,.class-card:focus-visible{transform:translateY(-4px);border-color:#fff;background:#1e232ceb;outline:none}.class-card strong{font-size:44px;font-weight:800;font-style:italic;letter-spacing:1px;text-transform:uppercase}.class-card .class-cars{color:var(--muted);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.class-card ul{margin:4px 0 0;padding-left:18px;font-size:16px;line-height:1.5}.class-card .class-go{margin-top:auto;font-weight:700;text-transform:uppercase;color:var(--accent-2)}.class-card.gt3 .class-go{color:var(--text)}.class-card .class-last{position:absolute;top:16px;right:18px;font-size:12px;padding:2px 8px;border:1px solid var(--line);color:var(--muted);text-transform:uppercase}.garage-class{display:flex;align-items:baseline;gap:12px}.garage-class b{font-size:22px;font-style:italic;text-transform:uppercase}.lap.out b{white-space:nowrap;font-size:22px;margin:0}.ghost-badge{margin-top:6px;padding:4px 10px;width:fit-content;font-size:13px;font-weight:700;letter-spacing:.08em;color:#cfe3ff;background:#3c6ec88c;border-left:3px solid #8fb8ff}.pedals[hidden]{display:none}.hud-br .inputs{position:absolute;right:262px;bottom:34px;padding:8px;background:#0a0c1099;border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;width:74px}.in-pedals{display:flex;gap:8px;justify-content:center}.in-bar{position:relative;width:22px;height:84px;background:#ffffff14;display:flex;align-items:flex-end}.in-bar i{display:block;width:100%}.in-bar.thr i{background:var(--good)}.in-bar.brk i{background:var(--bad)}.in-bar span{position:absolute;bottom:-2px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.05em;color:#fff;text-shadow:0 1px 2px #000}.in-steer{position:relative;height:8px;background:#ffffff14}.in-steer:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#ffffff80}.in-steer i{position:absolute;top:0;bottom:0;background:var(--accent)}@media (max-width: 900px){.hud-br .inputs{display:none}}.overlay.analysis{background:#07090c;overflow:auto;pointer-events:auto}.an-panel{max-width:1500px;margin:0 auto;padding:16px 20px 28px}.an-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.an-head h1{margin:0 12px 0 0;font-size:22px;text-transform:uppercase;font-style:italic;letter-spacing:.06em}.an-pick{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.an-pick i{width:12px;height:12px;border-radius:2px}.an-pick select{background:#151920;color:#fff;border:1px solid var(--line);padding:6px 8px;font:inherit;font-size:14px}.an-vs{color:var(--muted)}.an-total{font-size:20px;font-variant-numeric:tabular-nums}.an-spacer{flex:1}.an-btn{padding:8px 16px;border:1px solid var(--line);background:#ffffff0d;font-size:14px}.an-btn.primary{background:var(--accent);border-color:var(--accent)}.an-note{margin:8px 0 0;font-size:13px;color:var(--muted)}.an-readout{min-height:34px;margin:10px 0 6px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;font-variant-numeric:tabular-nums}.an-at{color:#ffd400;font-weight:700;min-width:60px}.an-ro{border-left:4px solid;padding:2px 8px;background:#ffffff0a}.an-ro em{font-style:normal}.an-ro em.thr{color:var(--good)}.an-ro em.brk{color:var(--bad)}.an-gap{font-size:15px}.an-main{display:grid;grid-template-columns:minmax(220px,30%) 1fr;gap:14px;align-items:start}.an-map canvas,.an-charts canvas{display:block;background:#ffffff05;border:1px solid var(--line)}.an-map canvas{cursor:pointer}.an-charts canvas{cursor:crosshair}.an-legend{margin-top:6px;font-size:12px;display:flex;gap:14px}.analysis .good{color:var(--good)}.analysis .bad{color:var(--bad)}.an-table{width:100%;margin-top:16px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.an-table th{text-align:left;color:var(--muted);font-weight:600;padding:6px 10px;border-bottom:1px solid var(--line)}.an-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.an-table tbody tr{cursor:pointer}.an-table tbody tr:hover{background:#ffffff0d}.an-worst{color:#ffd400;font-style:normal;font-size:12px}@media (max-width: 860px){.an-main{grid-template-columns:1fr}}table.controls.remap td.slots{white-space:nowrap}button.bind{min-width:72px;margin-right:6px;padding:4px 10px;background:#242a33;border:1px solid #3a424d;border-bottom-width:3px;border-radius:4px;color:var(--text);font:inherit;font-size:13px;cursor:pointer}button.bind:hover,button.bind:focus-visible{border-color:#8a94a3}button.bind.waiting{border-color:#f2c200;color:#f2c200;animation:bind-blink 1s steps(2) infinite}@keyframes bind-blink{50%{opacity:.55}}table.controls.remap tr.fixed td{color:var(--muted)}.bind-note{color:#f2c200}.row-buttons{display:flex;gap:8px;margin:12px 0 4px}.circuit-cards{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:18px;padding:20px 4vw 28px;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 1100px){.circuit-cards{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.circuit-cards{grid-template-columns:1fr}}.circuit-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 20px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-top:6px solid var(--accent);cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.circuit-card:hover,.circuit-card:focus-visible{transform:translateY(-4px);border-color:#fff;background:#1e232ceb;outline:none}.circuit-card strong{font-size:26px;font-weight:800;font-style:italic;text-transform:uppercase}.circuit-card .circuit-meta{color:var(--muted);font-size:13px;letter-spacing:.04em}.circuit-card small{color:var(--muted);font-size:13px;line-height:1.4}.circuit-card .circuit-foot{margin-top:auto;padding-top:6px;font-weight:700;color:var(--accent-2)}.circuit-card .class-last{position:absolute;top:12px;right:14px;font-size:11px;padding:2px 8px;border:1px solid var(--line);color:var(--muted);text-transform:uppercase}.track-map{width:100%;height:150px;margin:4px 0 6px}.track-map.small{width:72px;height:56px;margin:0;flex:none}.track-map-line{fill:none;stroke:#e9edf1;stroke-width:26;stroke-linejoin:round;vector-effect:none}.track-map-start{fill:var(--accent)}.circuit-summary{flex-direction:row;align-items:center;gap:14px}.circuit-summary>div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.link-btn{background:none;border:1px solid var(--line);color:var(--text);padding:6px 12px;cursor:pointer;font:inherit;font-size:13px;text-transform:uppercase}.link-btn:hover,.link-btn:focus-visible{border-color:#fff}.slider-hint{color:var(--muted);font-style:normal;font-size:13px;margin-left:6px}.circuit-pick{margin:10px 0 4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.circuit-pick button{min-width:0;padding:10px 4px;font-size:13px;letter-spacing:.02em;white-space:nowrap}.circuit-summary span{text-transform:none}.menu-btn.primary,body.nav-active .menu-btn.primary:focus,.screen-head .next.go,.segmented button.on,.tag,.an-btn.primary,.loading-box .bar div{color:var(--accent-ink)}.menu-btn.primary small,.menu-btn.primary span,.segmented button.on small{color:#111315c7}.menu-btn.primary span{color:var(--accent-ink)}.circuit-maps{display:flex;align-items:flex-end;gap:10px;width:100%}.circuit-maps .track-map{flex:1;min-width:0}.segmented.tight button{min-width:0}.country-flag{flex:none;width:54px;height:36px;margin-bottom:10px;border:1px solid rgba(243,244,239,.35);box-shadow:0 2px 8px #00000073}.title-screen{align-items:center;justify-content:center;overflow:hidden}.title-circuit{position:absolute;top:6vh;right:0;bottom:6vh;left:34vw;width:62vw;height:88vh;pointer-events:none}.title-circuit path{fill:none;stroke:var(--accent);stroke-width:7;stroke-linejoin:round;opacity:.16;stroke-dasharray:1;stroke-dashoffset:1;animation:title-draw 5s ease-out .3s forwards}@keyframes title-draw{to{stroke-dashoffset:0}}.title-center{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5vh;text-align:center}.title-brand{display:flex;flex-direction:column;align-items:center;gap:14px;animation:title-rise .9s ease-out both}.title-mark{font-size:clamp(96px,17vw,240px);padding-right:.06em}.title-sub{display:flex;align-items:center;gap:18px;color:var(--text);font-size:clamp(16px,2vw,26px);font-weight:700;letter-spacing:.55em;text-transform:uppercase}.title-sub:before,.title-sub:after{content:"";width:clamp(30px,6vw,90px);height:3px;background:var(--accent)}.title-start{min-width:280px;align-items:center;padding:18px 40px;font-size:24px;letter-spacing:.12em;animation:title-rise .9s ease-out .35s both}.title-start:hover,.title-start:focus-visible{transform:scale(1.04)}@keyframes title-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes title-pulse{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.title-circuit path,.title-brand,.title-start{animation:none;stroke-dashoffset:0}}@media (max-width: 700px){.title-circuit{top:10vh;right:4vw;bottom:10vh;left:4vw;width:92vw}}.player-list .grid-pos{min-width:30px;font-weight:800;font-style:italic;color:var(--accent)}.player-list .grid-move{display:flex;gap:4px;margin-left:auto}.player-list .grid-move button{width:30px;height:28px;border:1px solid var(--line);background:#ffffff0d;font-size:11px}.player-list .grid-move button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.player-list .grid-move button:disabled{opacity:.3}