@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#060e0b;color:#eef3ee;--accent: #ef3f3f;--accent-dim: rgba(239, 63, 63, .22);--panel-bg: rgba(6, 14, 11, .88);--border: rgba(220, 240, 228, .13);--border-hover: rgba(220, 240, 228, .32);--muted: #7a9a8a;--surface: rgba(255, 255, 255, .06);--surface-hover: rgba(255, 255, 255, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select{font:inherit}select{min-width:0}#app{position:relative;width:100vw;height:100vh;background:#060e0b}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.control-panel{position:absolute;top:20px;right:20px;width:min(360px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;overflow-x:hidden;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel-bg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 0 0 1px #ffffff0a inset,0 28px 80px #0000008c}.event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}h1{margin:0;font-size:1.2rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:#f0f5f0}.status-pill{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(100,220,160,.28);border-radius:999px;color:#a0e8c0;font-size:.7rem;font-weight:600;background:#10503759;letter-spacing:.03em;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}.status-pill[data-kind=real]{border-color:#64dca059;color:#90f0b8;background:#0c462d66}.status-pill[data-kind=demo]{border-color:#a0b4ff47;color:#b0c0ff;background:#1e286459}.status-pill[data-kind=warn]{border-color:#ffb43c59;color:#ffd080;background:#5a370a66}.status-pill[data-kind=loading]{border-color:#c8c8c833;color:#909090;background:#2828284d}.timeline{margin-top:18px}.time-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c8ddd4;font-size:.88rem;font-variant-numeric:tabular-nums;font-weight:500}#leader{color:#0d1510;background:linear-gradient(135deg,#f5f0d8,#e8e0c0);border-radius:5px;padding:3px 8px;font-weight:800;font-size:.82rem;letter-spacing:.04em;box-shadow:0 2px 6px #00000059}#scrubber{width:100%;accent-color:var(--accent);margin:12px 0 10px;height:4px;cursor:pointer}.transport{display:flex;align-items:center;gap:8px}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border);border-radius:8px;color:#e0ece4;background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s}.icon-button:hover{border-color:var(--border-hover);background:var(--surface-hover)}.icon-button:active{scale:.95}.speed-control{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:116px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);font-size:.82rem;font-weight:500}.speed-control select,.select-control select{color:#e8f0e8;border:0;background:transparent;cursor:pointer;font-weight:500;font-size:.82rem}.view-controls{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}.select-control{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface);font-size:.82rem;font-weight:500;transition:border-color .15s}.select-control:focus-within{border-color:var(--border-hover)}.select-control span{white-space:nowrap;letter-spacing:.01em}.select-control select{width:100%;padding:0;overflow:hidden;text-overflow:ellipsis}#raceSelect{font-size:.82rem}.section-divider{height:1px;background:var(--border);margin:14px 0}.telemetry-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:14px}.driver-card{display:grid;grid-template-columns:24px 10px 44px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:background .15s,border-color .15s,opacity .4s,filter .4s}.driver-card:hover{background:var(--surface-hover);border-color:var(--border-hover)}.driver-rank{color:var(--muted);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center}.driver-swatch{width:10px;height:22px;border-radius:3px;box-shadow:0 0 6px currentColor}.driver-card strong{font-size:.86rem;font-weight:700;letter-spacing:.04em;color:#e8f0e8}.driver-speed{justify-self:end;color:#b0c8bc;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:500}.telemetry-meters{grid-column:1 / -1;display:flex;gap:6px;width:100%;margin-top:4px}.telemetry-meter{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.telemetry-fill{height:100%;width:0%;transition:width .06s ease-out;border-radius:2px}.throttle-fill{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 4px #10b98166}.brake-fill{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 4px #ef444466}.weather-widget{margin:10px 0 6px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.weather-main{display:flex;align-items:center;gap:8px;margin-bottom:6px}.weather-icon{font-size:1.3rem;line-height:1}.weather-label{font-size:.82rem;font-weight:600;color:#d4ede0;letter-spacing:.01em}.weather-details{display:flex;flex-wrap:wrap;gap:6px 12px}.weather-details span{font-size:.72rem;color:var(--muted);font-weight:500;white-space:nowrap}.driver-badges{display:flex;gap:4px;align-items:center;justify-self:start}.drs-badge,.brake-badge{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.08em;padding:1px 4px;border-radius:3px;transition:all .15s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.drs-badge{border:1px solid rgba(0,255,120,.12);color:#00ff7840;background:#003c1e26}.drs-badge.active{color:#0f8;background:#00ff641f;border-color:#00ff6473;box-shadow:0 0 8px #00ff6459;animation:drs-pulse .8s ease-in-out infinite alternate}.brake-badge{border:1px solid rgba(255,50,50,.12);color:#ff323240;background:#3c000026}.brake-badge.active{color:#ff3b30;background:#ff3b301f;border-color:#ff3b3080;box-shadow:0 0 8px #ff3b3059;animation:brake-pulse .8s ease-in-out infinite alternate}@keyframes drs-pulse{0%{box-shadow:0 0 4px #00ff6433}to{box-shadow:0 0 10px #00ff6480}}@keyframes brake-pulse{0%{box-shadow:0 0 4px #ff3b3033}to{box-shadow:0 0 10px #ff3b3080}}.driver-card.stalled{opacity:.35;filter:grayscale(.7);background:#ffffff05}.driver-card.stalled .driver-speed:after{content:" · DNF";color:#ef3f3f;font-weight:700;font-size:.7rem}.sound-hint{margin-top:6px;font-size:.68rem;color:var(--muted);text-align:center;opacity:.7;letter-spacing:.02em;transition:opacity .4s}.sound-hint.hidden{opacity:0;pointer-events:none}@media(max-width:720px){body{overflow:auto}#app{min-height:100vh;height:100svh}.control-panel{inset:auto 10px 10px;width:auto;max-height:48vh;padding:12px}h1{font-size:1.05rem}.driver-card{grid-template-columns:20px 9px 36px 1fr auto;gap:7px;min-height:38px}.mini-map-card{display:none}.cockpit-hud{bottom:auto;top:10px;left:10px;transform:none;width:calc(100vw - 20px);max-width:320px;padding:10px;box-shadow:0 10px 25px #00000080}}.glass-panel{border:1px solid var(--border);border-radius:12px;background:var(--panel-bg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 0 0 1px #ffffff0a inset,0 18px 45px #00000073;transition:opacity .3s,transform .3s,visibility .3s}.mini-map-card{position:absolute;bottom:20px;left:20px;width:220px;padding:12px;z-index:10;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.mini-map-header{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);padding-bottom:4px}#miniMapCanvas{width:100%;height:180px;background:#0003;border-radius:6px;display:block}.cockpit-hud{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:320px;padding:14px;z-index:10;pointer-events:auto}.cockpit-hud.hidden{opacity:0;transform:translate(-50%,20px);visibility:hidden;pointer-events:none}.hud-main{display:flex;flex-direction:column;gap:10px}.hud-rpm-bar{display:flex;gap:3px;justify-content:center;height:8px;background:#ffffff0d;padding:2px;border-radius:4px;overflow:hidden}.rpm-light{flex:1;border-radius:1px;background:#ffffff1a;transition:background .05s ease}.rpm-light.active-green{background:#10b981;box-shadow:0 0 5px #10b981}.rpm-light.active-red{background:#ef4444;box-shadow:0 0 5px #ef4444}.rpm-light.active-blue{background:#3b82f6;box-shadow:0 0 5px #3b82f6}.rpm-light.flash{animation:rpm-flash-anim .15s infinite alternate}@keyframes rpm-flash-anim{0%{opacity:.2}to{opacity:1}}.hud-telemetry-row{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:12px}.hud-pedal-container{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-pedal-label{font-size:.58rem;font-weight:700;color:var(--muted)}.hud-pedal-track{width:8px;height:48px;background:#ffffff0f;border-radius:4px;overflow:hidden;position:relative}.hud-pedal-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;transition:height .06s ease-out;border-radius:4px}.hud-pedal-fill.throttle{background:linear-gradient(0deg,#10b981,#34d399);box-shadow:0 0 6px #10b98166}.hud-pedal-fill.brake{background:linear-gradient(0deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444466}.hud-stats{display:flex;justify-content:space-around;align-items:center;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:0 10px}.hud-speed-unit{display:flex;flex-direction:column;align-items:center}.hud-value{font-size:1.8rem;font-weight:800;color:#fff;line-height:1}.hud-unit{font-size:.6rem;font-weight:700;color:var(--muted);letter-spacing:.05em;margin-top:2px}.hud-gear-container{display:flex;flex-direction:column;align-items:center}.hud-gear-value{font-size:2.2rem;font-weight:900;color:#fcd700;line-height:1;text-shadow:0 0 10px rgba(252,215,0,.35)}.hud-gear-label{font-size:.58rem;font-weight:700;color:var(--muted);margin-top:2px}.hud-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:6px}.hud-driver-code{font-size:.8rem;font-weight:800;color:#e0f0e5;letter-spacing:.05em}.hud-drs-badge{font-size:.58rem;font-weight:800;padding:2px 5px;border-radius:4px;border:1px solid rgba(0,255,120,.12);color:#00ff7840;background:#003c1e26;transition:all .15s ease}.hud-drs-badge.active{color:#0f8;background:#00ff641f;border-color:#00ff6473;box-shadow:0 0 8px #00ff6459}.driver-gap{font-size:.7rem;color:var(--muted);font-weight:700;background:#ffffff0a;padding:2px 4px;border-radius:3px;border:1px solid var(--border);margin-left:6px;letter-spacing:.02em;font-variant-numeric:tabular-nums;display:inline-block;vertical-align:middle}.driver-gap.leader{color:#fcd700;border-color:#fcd70033;background:#fcd7000d}.driver-card{cursor:pointer}