:root{--ink:#e8eef6;--dim:#8fa3bb;--accent:#ffd23f;--panel:#0c1420b8;--border:#8cafdc2e}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#121d2b;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden}#viewport{width:100vw;height:100vh;display:block}.plate,#controls{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;border-radius:8px}.floating{text-shadow:0 2px 2px #000000d9,0 0 6px #0000008c}#left-column{pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:18px;left:18px}#standings-panel{pointer-events:none;min-width:180px}#timing-panel{pointer-events:none;flex-direction:column;align-items:stretch;gap:6px;width:186px;display:flex;position:fixed;top:18px;right:18px}.counter{text-shadow:0 2px 2px #000000d9,0 0 6px #0000008c;align-items:baseline;gap:6px;margin-bottom:11px;display:flex}#hud-position,#hud-laps{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.counter .of{color:#ffffffd1;font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.counter .counter-label{letter-spacing:.1em;color:#ffffffc7;font-size:11px;font-weight:700}.counter:not(.align-right) .counter-label{margin-left:8px}.counter.align-right{justify-content:flex-end}.counter.align-right .counter-label{margin-right:8px}.standing{margin-bottom:4px}.standing.leader{margin-bottom:11px}.standing-plate{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10141cd1;border-radius:6px;grid-template-columns:22px 3px 1fr;align-items:stretch;gap:0;display:grid;overflow:hidden}.standing-pos{color:#cdd6e2;font-variant-numeric:tabular-nums;place-items:center;font-size:11.5px;font-weight:600;display:grid}.standing-chip{border-radius:1px;align-self:center;width:3px;height:14px}.standing-name{color:#e6ebf2;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px 5px 8px;font-size:12.5px;overflow:hidden}.standing.me .standing-pos{color:#10141c;background:#f4f6f9;font-weight:700}.standing.me .standing-name{color:#fff;font-weight:600}.fastest{margin-top:12px;display:none}.fastest.visible{display:block}.fastest-head{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e6ebf2;background:#10141cd1;border-radius:6px;grid-template-columns:auto auto;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:12.5px;display:inline-grid}.stopwatch{background:#7b3fe4;border-radius:5px;width:19px;height:19px;position:relative}.stopwatch:before,.stopwatch:after{content:"";background:#fff;position:absolute}.stopwatch:before{background:0 0;border:1.5px solid #fff;border-radius:50%;inset:4px}.stopwatch:after{width:1.5px;height:4px;top:6px;left:50%;transform:translate(-50%)}.fastest-time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;color:#cdd6e2;background:#10141cd1;border-radius:5px;margin-top:4px;padding:3px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;display:inline-block}.nameplate{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e6ebf2;white-space:nowrap;pointer-events:none;background:#10141ccc;border-radius:5px;align-items:center;gap:6px;margin-top:-6px;padding:3px 8px 3px 5px;font-size:11px;transition:opacity .12s;display:none;position:fixed;top:0;left:0}.nameplate-chip{border-radius:1px;width:3px;height:11px}.plate{padding:7px 11px}.row{justify-content:space-between;align-items:baseline;gap:18px;padding:2px 0;display:flex}.label{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);font-size:11px}.value{font-variant-numeric:tabular-nums;font-size:14px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}#hud-best{color:var(--accent)}.flash{animation:.7s ease-out flash}@keyframes flash{0%{color:#fff;text-shadow:0 0 14px var(--accent)}to{color:var(--accent);text-shadow:none}}#speed-panel[hidden]{display:none}#speed-panel{pointer-events:none;align-items:baseline;gap:7px;padding:7px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.big{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:30px;font-weight:600}.unit{color:var(--dim);letter-spacing:.08em;font-size:11px}#alerts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.warning{opacity:0;letter-spacing:.12em;background:#c43c2ee6;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:700;transition:opacity .14s}.warning.visible{opacity:1}.ready{opacity:0;border:1px solid var(--border);letter-spacing:.14em;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10141cdb;border-radius:7px;padding:8px 16px;font-size:12px;font-weight:700;transition:opacity .2s}.ready.visible{opacity:1}#hud-autopilot{pointer-events:none;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#hud-pit{pointer-events:none;color:var(--accent);position:fixed;bottom:62px;left:50%;transform:translate(-50%)}.wrong-way{color:#1b1200;background:#d69416f0;animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}#controls{color:var(--dim);align-self:flex-start;padding:10px 13px;font-size:12px}#controls.collapsed .controls-grid,#controls.collapsed .pad{display:none}#controls.collapsed .controls-title{margin-bottom:0}.controls-title{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:7px;font-size:10px}.controls-title b{color:var(--ink);font-weight:600}.controls-grid{grid-template-columns:auto 1fr;align-items:baseline;gap:3px 12px;display:grid}.controls-grid b{color:var(--ink);font-size:11px;font-weight:600}.controls-grid span{font-size:11px}.pad{border-top:1px solid var(--border);color:var(--dim);max-width:210px;margin-top:8px;padding-top:7px;font-size:11px}.pad.live{color:#7fd18c}#minimap{pointer-events:none;filter:drop-shadow(0 1px 3px #0009);position:fixed;bottom:18px;right:18px}#meters{pointer-events:none;filter:drop-shadow(0 1px 3px #0009);position:fixed;bottom:18px;left:18px}#course-select{z-index:10;background:radial-gradient(1100px 700px at 50% -10%,#3fa9f524,#0000 60%),#0d1622;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:30px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-head{text-align:center;-webkit-user-select:none;user-select:none}.menu-title{letter-spacing:.26em;margin-right:-.26em;font-size:34px;font-weight:800}.menu-sub{letter-spacing:.3em;color:var(--dim);margin-top:8px;margin-right:-.3em;font-size:12px;font-weight:700}.car-row{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.car-row-label{letter-spacing:.18em;color:var(--dim);margin-right:4px;font-size:11px;font-weight:700}.car-option{background:var(--panel);border:1px solid var(--border);color:var(--dim);cursor:pointer;border-radius:7px;padding:6px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .12s,color .12s,background .12s}.car-option:hover{color:var(--ink)}.car-option.active{color:#10141c;background:var(--accent);border-color:var(--accent)}.menu-grid{grid-template-columns:repeat(3,minmax(200px,236px));gap:14px;display:grid}@media (width<=780px){.menu-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}.course-card{background:var(--panel);border:1px solid var(--border);color:var(--ink);text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:14px 14px 12px;font-family:inherit;transition:border-color .12s,transform .12s,background .12s;display:flex;position:relative}.course-card:hover,.course-card:focus-visible{border-color:var(--accent);background:#121c2cd9;outline:none;transform:translateY(-2px)}.course-preview{margin-bottom:6px}.course-name{font-size:16px;font-weight:700}.course-place{color:var(--dim);font-size:11px}.course-stats{font-variant-numeric:tabular-nums;color:#ffffffd1;margin-top:5px;font-size:11px}.course-tagline{color:var(--dim);font-size:10.5px;font-style:italic}.course-reroll{border:1px solid var(--border);color:var(--ink);background:#8cafdc24;border-radius:5px;padding:3px 8px;font-size:11px;position:absolute;top:9px;right:10px}.course-reroll:hover{border-color:var(--accent);background:#8cafdc47}#tuner{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:264px;max-height:calc(100vh - 240px);padding:12px 14px 10px;font-size:12px;display:none;position:fixed;top:210px;right:18px;overflow-y:auto}#tuner .tuner-head+.tuner-rows+.tuner-head{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}#tuner.open{display:block}.tuner-head{letter-spacing:.09em;text-transform:uppercase;color:var(--dim);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.tuner-presets{gap:5px;display:flex}#tuner button{border:1px solid var(--border);color:var(--ink);cursor:pointer;letter-spacing:0;text-transform:none;background:#8cafdc24;border-radius:5px;padding:3px 8px;font-family:inherit;font-size:11px}#tuner button:hover{background:#8cafdc42}.tuner-row{grid-template-columns:1fr 42px;align-items:center;gap:4px 8px;margin-bottom:7px;display:grid}.tuner-label{color:var(--dim);font-size:11px}.tuner-row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace}.tuner-row input[type=range]{width:100%;accent-color:var(--accent);grid-column:1/-1;margin:0}.tuner-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;display:flex}.tuner-hint{color:var(--dim);font-size:11px}#hud-finish{pointer-events:none;letter-spacing:.3em;padding:14px 34px;font-size:26px;position:fixed;top:34%;left:50%;transform:translate(-50%)}#hud-finish.visible{opacity:1}.race-overlay{z-index:40;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.race-overlay.open{display:flex}#race-summary{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080c12a8}.race-panel{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;min-width:460px;padding:22px 26px}.race-head{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.race-title{letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:15px;font-weight:700}.race-course{color:var(--dim);font-size:12px}.summary-row{color:var(--ink);border-radius:6px;grid-template-columns:22px 10px 1fr 96px 84px;align-items:center;gap:0 10px;padding:6px 8px;font-size:13px;display:grid}.summary-row.me{background:#3fa9f524;border:1px solid #3fa9f559}.summary-pos{color:var(--dim);text-align:right;font-weight:700}.summary-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-time,.summary-best{font-variant-numeric:tabular-nums;text-align:right;color:var(--dim)}.summary-fastest{color:var(--accent);font-weight:700}.race-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.race-actions button{border:1px solid var(--border);color:var(--ink);font:inherit;letter-spacing:.06em;cursor:pointer;background:#8cafdc1f;border-radius:7px;padding:8px 18px;font-size:12.5px;font-weight:600}.race-actions button:hover{background:#8cafdc38}.podium-wrap{flex-direction:column;align-items:center;gap:22px;margin-top:12vh;display:flex}.podium-steps{align-items:flex-end;gap:10px;display:flex}.podium-step{flex-direction:column;align-items:center;gap:8px;width:128px;display:flex}.podium-name{color:var(--ink);text-shadow:0 2px 3px #000c;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.podium-block{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;color:var(--dim);border-radius:8px 8px 0 0;justify-content:center;align-items:center;font-size:30px;font-weight:800;display:flex}.podium-step.p1 .podium-block{height:96px;color:var(--accent)}.podium-step.p2 .podium-block{height:72px}.podium-step.p3 .podium-block{height:56px}.podium-step.me .podium-block{border-color:#3fa9f58c}body.replaying #timing-panel,body.replaying #controls,body.replaying #meters,body.replaying #alerts,body.replaying #hud-autopilot,body.replaying #hud-pit,body.replaying #hud-finish{display:none}#replay-bar{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:45;border-radius:9px;align-items:center;gap:10px;padding:9px 14px;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}body.replaying #replay-bar{display:flex}#replay-bar button{border:1px solid var(--border);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;background:#8cafdc1f;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}#replay-bar button:hover{background:#8cafdc38}#replay-bar input[type=range]{width:260px;accent-color:var(--accent)}.replay-time{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.replay-cam{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:11px}