*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:#111827;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{display:block}.scene-placeholder{background:linear-gradient(#0f172aad,#0f172aad),linear-gradient(135deg,#0f172a 0%,#164e63 48%,#1f2937 100%);position:fixed;inset:0}.race-overlay{z-index:2;color:#f8fafc;letter-spacing:0;text-transform:uppercase;text-shadow:0 6px #080c14db,0 0 28px #38bdf875,0 18px 44px #0009;pointer-events:none;place-items:center;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:96px;font-weight:900;line-height:1;display:grid;position:fixed;inset:0}.race-overlay[hidden]{display:none}.race-overlay[data-phase=running]{color:#facc15}.race-overlay[data-state=ready]{color:#bae6fd;font-size:70px}.race-overlay[data-state=countdown]{color:#fff;-webkit-text-stroke:3px #080c14d1;font-size:118px;animation:.34s ease-out countdownPop}.race-overlay[data-state=go]{color:#facc15;-webkit-text-stroke:3px #080c14d1;font-size:118px;animation:.65s ease-out countdownGo}@keyframes countdownPop{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes countdownGo{0%{opacity:0;transform:scale(.72)rotate(-4deg)}55%{opacity:1;transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.race-hud{--hud-primary:#38bdf8;--hud-secondary:#facc15;--hud-speed-color:#fef3c7;--hud-position-color:#fef3c7;--hud-chip-color:#dbeafe;--hud-chip-border:#7dd3fc57;--hud-track-mid:#38bdf8;--hud-panel-rgb:8, 12, 20;--hud-glow-rgb:56, 189, 248;z-index:1;color:#f8fafc;pointer-events:none}.race-hud[data-track-theme=vegas]{--hud-primary:#c084fc;--hud-secondary:#facc15;--hud-speed-color:#f5d0fe;--hud-position-color:#c084fc;--hud-chip-color:#ede9fe;--hud-chip-border:#c084fc70;--hud-track-mid:#a855f7;--hud-panel-rgb:16, 8, 28;--hud-glow-rgb:192, 132, 252}.race-hud[data-track-theme=beach]{--hud-primary:#22d3ee;--hud-secondary:#facc15;--hud-speed-color:#a7f3d0;--hud-position-color:#22d3ee;--hud-chip-color:#cffafe;--hud-chip-border:#22d3ee6b;--hud-track-mid:#06b6d4;--hud-panel-rgb:6, 36, 44;--hud-glow-rgb:34, 211, 238}.race-hud[data-track-theme=monaco]{--hud-primary:#f8fafc;--hud-secondary:#ef4444;--hud-speed-color:#fecaca;--hud-position-color:#ef4444;--hud-chip-color:#fee2e2;--hud-chip-border:#f871716b;--hud-track-mid:#f8fafc;--hud-panel-rgb:8, 10, 14;--hud-glow-rgb:239, 68, 68}.race-hud-cluster{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:0;align-items:center;gap:10px;font-family:Arial Black,Impact,system-ui,sans-serif;display:flex;position:fixed}.race-hud-main{border-left:5px solid var(--hud-primary);background:linear-gradient(90deg, rgba(var(--hud-panel-rgb), .68), #0f172a66), rgba(var(--hud-panel-rgb), .42);border-radius:7px;grid-template-columns:minmax(226px,1.45fr) minmax(112px,.85fr) minmax(78px,.55fr);grid-auto-rows:minmax(24px,auto);align-items:center;gap:7px 8px;width:min(548px,100vw - 232px);padding:10px 12px;display:grid;top:14px;left:16px;box-shadow:inset 0 1px #ffffff29,0 16px 36px #0000003d}.race-hud-track-name{color:#e0f2fe;text-align:center;text-transform:uppercase;text-overflow:ellipsis;min-width:0;max-width:100%;min-height:20px;text-shadow:0 2px 0 #080c14db, 0 0 10px rgba(var(--hud-glow-rgb), .34);white-space:nowrap;grid-column:1/-1;justify-self:start;padding:0 4px;font-size:14px;font-style:italic;overflow:hidden}.race-hud[data-track-theme=vegas] .race-hud-track-name{color:#f5f3ff}.race-hud[data-track-theme=beach] .race-hud-track-name{color:#ecfeff}.race-hud[data-track-theme=monaco] .race-hud-track-name{color:#f8fafc}.race-hud-value{color:#fff;min-height:34px;box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;max-width:100%;padding:3px 6px;line-height:1;display:inline-flex;overflow:hidden}.race-hud-speed{min-width:226px;min-height:58px;color:var(--hud-speed-color);text-align:left;grid-area:1/1/span 2;justify-content:flex-start;font-size:42px}.race-hud-time{color:#e0f2fe;grid-area:1/2;min-height:42px;font-size:28px}.race-hud[data-track-theme=vegas] .race-hud-time{color:#f5f3ff}.race-hud-place{border:1px solid color-mix(in srgb, var(--hud-position-color) 56%, transparent);min-width:78px;min-height:34px;color:var(--hud-position-color);background:linear-gradient(180deg, color-mix(in srgb, var(--hud-position-color) 12%, transparent), #0f172a33), #0f172a94;letter-spacing:0;text-shadow:none;border-radius:5px;grid-area:1/3;justify-self:end;padding:4px 10px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:600;transform:none}.race-hud-place:before{width:10px;height:10px;box-shadow:none;content:"";background:0 0;border:2px solid;border-radius:50%;margin-right:5px;display:inline-block;transform:none}.race-hud-chip{border:1px solid var(--hud-chip-border);border-left:3px solid var(--hud-primary);min-height:24px;color:var(--hud-chip-color);background:linear-gradient(180deg, #ffffff0e, #0f172a1a), rgba(var(--hud-panel-rgb), .36);text-shadow:none;text-overflow:ellipsis;border-radius:5px;padding:2px 8px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:800;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.race-hud-lap{grid-area:2/2;justify-self:stretch;gap:6px}.race-hud-lap:before{background:linear-gradient(90deg, transparent 0 42%, #111827 42% 48%, transparent 48%), conic-gradient(#111827 25%, #f8fafc 0 50%, #111827 0 75%, #f8fafc 0) 0 0 / 8px 8px;content:"";border:1px solid #fffc;border-radius:2px;width:18px;height:14px;display:inline-block;transform:skewY(-8deg)rotate(-2deg);box-shadow:-4px 5px 0 -3px #f8fafc,-5px 8px 0 -4px #111827}.race-hud-checkpoint{grid-area:3/2/auto/span 2;justify-self:center;gap:6px;min-width:180px}.race-hud-checkpoint:before{content:"";background:linear-gradient(90deg,#111827 0 50%,#f8fafc 50%) 0 0/8px 8px,linear-gradient(90deg,#f8fafc 0 50%,#111827 50%) 0 8px/8px 8px;border:2px solid #e0f2fe;border-radius:3px;width:15px;height:15px;display:inline-block;transform:rotate(45deg)}.race-hud-fps{color:#cbd5e1;opacity:.58;border-left-color:#94a3b875;grid-area:2/3;justify-self:end;min-width:62px}.race-hud-gap{color:#c4b5fd;grid-area:4/1/auto/-1;justify-self:start}.race-hud-value[hidden]{display:none}.debug-stats-panel{z-index:3;color:#e5e7eb;pointer-events:none;background:#080c14c7;border:1px solid #94a3b859;border-radius:6px;gap:4px;min-width:188px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.25;display:grid;position:fixed;top:56px;right:16px;box-shadow:0 14px 34px #00000052}.debug-stats-panel strong{color:#facc15;letter-spacing:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:12px}.debug-stats-panel[hidden]{display:none}.wrong-way-overlay{z-index:2;color:#fee2e2;letter-spacing:0;text-align:center;pointer-events:none;background:#7f1d1dd1;border:1px solid #f87171b8;border-radius:6px;min-width:180px;padding:9px 14px;font-size:18px;font-weight:900;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #00000057}.wrong-way-overlay[hidden]{display:none}.vehicle-loading-overlay{z-index:4;color:#f8fafc;pointer-events:all;background:radial-gradient(circle at 50% 48%,#38bdf82e,#0000 34%),linear-gradient(135deg,#080c14eb,#0f172adb);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.vehicle-loading-panel{background:#080c14c2;border:1px solid #e2e8f033;border-radius:8px;justify-items:center;gap:10px;width:min(340px,92vw);padding:22px 24px;display:grid;box-shadow:inset 0 1px #ffffff29,0 24px 60px #00000061}.vehicle-loading-eyebrow{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.vehicle-loading-panel strong{text-shadow:0 3px #000000b8,0 0 18px #7dd3fc57;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:34px;font-style:italic;line-height:1;transform:skew(-8deg)}.vehicle-loading-panel small{color:#cbd5e1;font-size:13px;font-weight:800}.vehicle-loading-bar{background:#0f172ad1;border-radius:999px;width:100%;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b82e}.vehicle-loading-bar span{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#facc15,#f97316);width:48%;height:100%;animation:.95s ease-in-out infinite vehicleLoadingSweep;display:block}@keyframes vehicleLoadingSweep{0%{transform:translate(-110%)}to{transform:translate(230%)}}.race-minimap-panel{z-index:1;pointer-events:none;justify-items:center;gap:4px;font-family:Arial Black,Impact,system-ui,sans-serif;display:grid;position:fixed;top:16px;right:16px}.race-minimap{pointer-events:none;border:2px solid #e2e8f0b8;border-radius:50%;width:180px;height:180px;box-shadow:0 0 0 3px #0f172a6b,0 14px 34px #00000057,0 0 28px #38bdf833}.pause-menu{--pause-accent:#38bdf8;--pause-second:#facc15;--pause-dark:#08121f;z-index:3;background:#080c149e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pause-menu[data-track-theme=vegas]{--pause-accent:#a855f7;--pause-second:#facc15;--pause-dark:#13071f}.pause-menu[data-track-theme=beach]{--pause-accent:#06b6d4;--pause-second:#facc15;--pause-dark:#06242c}.pause-menu[data-track-theme=monaco]{--pause-accent:#ef4444;--pause-second:#f8fafc;--pause-dark:#090b10}.pause-menu[hidden]{display:none}.pause-panel{border:1px solid color-mix(in srgb, var(--pause-accent) 54%, #ffffff29);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--pause-dark) 78%, #020617), #0f172af0), radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--pause-accent) 26%, transparent), transparent 42%);width:min(420px,100%);box-shadow:0 24px 60px #0000006b, 0 0 34px color-mix(in srgb, var(--pause-accent) 22%, transparent);border-radius:8px;padding:24px}.pause-eyebrow{color:color-mix(in srgb, var(--pause-accent) 78%, white);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:800}.pause-panel h2{text-shadow:0 3px #0000007a;margin:0 0 18px;font-size:28px;line-height:1.1}.pause-actions{gap:10px;display:grid}.pause-button{border:1px solid color-mix(in srgb, var(--pause-second) 46%, transparent);color:#08111f;background:linear-gradient(135deg, color-mix(in srgb, var(--pause-accent) 76%, white), var(--pause-second));cursor:pointer;border-radius:7px;min-height:44px;font-size:15px;font-weight:800;box-shadow:0 10px 20px #0000003d}.pause-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.pause-button-secondary{color:#e5e7eb;background:color-mix(in srgb, var(--pause-dark) 72%, #1e293be0);border:1px solid #94a3b86b}.pause-button-secondary:hover{background:color-mix(in srgb, var(--pause-accent) 22%, #334155f0)}.pause-audio-panel{border-top:1px solid color-mix(in srgb, var(--pause-accent) 34%, #ffffff1f);gap:13px;margin-top:18px;padding-top:17px;display:grid}.pause-audio-toggle,.pause-audio-control{color:#e5e7eb;text-transform:uppercase;grid-template-columns:92px 1fr;align-items:center;gap:12px;min-height:34px;font-size:13px;font-weight:900;display:grid}.pause-audio-toggle input{width:20px;height:20px;accent-color:var(--pause-second);justify-self:start}.pause-audio-toggle span{grid-column:2}.pause-audio-control input{width:100%;accent-color:var(--pause-second)}.finish-screen{--finish-accent:#38bdf8;--finish-second:#facc15;--finish-dark:#08121f;z-index:4;background:#080c14ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.finish-screen[data-track-theme=vegas]{--finish-accent:#a855f7;--finish-second:#facc15;--finish-dark:#13071f}.finish-screen[data-track-theme=beach]{--finish-accent:#06b6d4;--finish-second:#facc15;--finish-dark:#06242c}.finish-screen[data-track-theme=monaco]{--finish-accent:#ef4444;--finish-second:#f8fafc;--finish-dark:#090b10}.finish-screen[hidden]{display:none}.finish-panel{border:1px solid color-mix(in srgb, var(--finish-accent) 52%, #ffffff29);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--finish-dark) 78%, #020617), #0f172af5), radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--finish-accent) 26%, transparent), transparent 42%);width:min(520px,100%);max-height:calc(100vh - 40px);box-shadow:0 24px 60px #00000070, 0 0 34px color-mix(in srgb, var(--finish-accent) 20%, transparent);border-radius:8px;padding:24px;overflow:auto}.finish-eyebrow{color:color-mix(in srgb, var(--finish-second) 82%, white);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:13px;font-weight:800}.finish-panel h2{text-shadow:0 3px #00000080;margin:0 0 18px;font-size:30px;line-height:1.1}.finish-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.finish-summary div{border:1px solid color-mix(in srgb, var(--finish-accent) 30%, #94a3b83d);background:linear-gradient(135deg, color-mix(in srgb, var(--finish-accent) 12%, #1e293bad), #0f172a9e);border-radius:6px;min-width:0;padding:8px 9px}.finish-summary span,.finish-summary strong{display:block}.finish-summary span{color:#cbd5e1;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.finish-summary strong{color:color-mix(in srgb, var(--finish-second) 20%, #fff);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.finish-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-bottom:16px}.finish-table caption{color:color-mix(in srgb, var(--finish-accent) 58%, #e5e7eb);text-align:left;text-transform:uppercase;padding:2px 0 7px;font-size:12px;font-weight:800}.finish-table th,.finish-table td{border-bottom:1px solid color-mix(in srgb, var(--finish-accent) 22%, #94a3b833);text-align:right;padding:9px 8px}.finish-table th:first-child,.finish-table td:first-child{text-align:left}.finish-table th{color:#cbd5e1;text-transform:uppercase;font-size:11px}.finish-table td{color:#f8fafc;font-size:14px}.finish-best-lap td{color:color-mix(in srgb, var(--finish-second) 88%, white);font-weight:800}.finish-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.finish-button{border:1px solid color-mix(in srgb, var(--finish-second) 46%, transparent);color:#08111f;background:linear-gradient(135deg, color-mix(in srgb, var(--finish-accent) 76%, white), var(--finish-second));cursor:pointer;border-radius:7px;min-height:44px;font-size:15px;font-weight:800;box-shadow:0 10px 20px #0000003d}.finish-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.finish-button-secondary{color:#e5e7eb;background:color-mix(in srgb, var(--finish-dark) 72%, #1e293be0);border:1px solid #94a3b86b}.finish-button-secondary:hover{background:color-mix(in srgb, var(--finish-accent) 22%, #334155f0)}.setup-menu{z-index:2;background:radial-gradient(circle at 50% 18%,#38bdf824,#0000 34%),linear-gradient(135deg,#080c14eb,#0f172ad1),#080c14e0;align-content:start;justify-items:center;gap:0;padding:clamp(2px,.8vh,8px) 24px 14px;display:grid;position:fixed;inset:0}.setup-logo{object-fit:contain;filter:drop-shadow(0 8px 10px #00000057)drop-shadow(0 0 6px #ef44441a);pointer-events:none;width:min(600px,76vw);height:auto;display:block}.setup-commands-button{z-index:3;border:1px solid color-mix(in srgb, var(--setup-accent,#38bdf8) 56%, transparent);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--setup-accent,#38bdf8) 22%, transparent), transparent 58%), color-mix(in srgb, var(--setup-dark,#071923) 74%, #0f172aeb);min-height:38px;box-shadow:inset 0 1px 0 #ffffff29, 0 12px 28px #00000042, 0 0 20px color-mix(in srgb, var(--setup-accent,#38bdf8) 18%, transparent);letter-spacing:.02em;cursor:pointer;border-radius:7px;padding:0 14px;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:13px;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;position:absolute;top:clamp(14px,2.2vh,24px);right:clamp(14px,3vw,34px)}.setup-commands-button:hover{color:color-mix(in srgb, var(--setup-second,#facc15) 86%, white);border-color:color-mix(in srgb, var(--setup-second,#facc15) 72%, white);box-shadow:inset 0 1px 0 #fff3, 0 14px 32px #0000004d, 0 0 22px color-mix(in srgb, var(--setup-accent,#38bdf8) 32%, transparent);transform:translateY(-1px)scale(1.04)}.setup-menu[hidden]{display:none}.setup-panel{--setup-accent:#38bdf8;--setup-second:#facc15;--setup-dark:#071923;border:1px solid color-mix(in srgb, var(--setup-accent) 46%, transparent);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--setup-dark) 70%, #020617), #0f172aeb), #111827f0;width:min(1040px,100%);max-height:none;box-shadow:0 24px 60px #0000006b, 0 0 36px color-mix(in srgb, var(--setup-accent) 20%, transparent);border-radius:8px;margin-top:clamp(-38px,-4.2vh,-14px);padding:10px 18px 14px;overflow:visible}.setup-header{text-align:center;margin-bottom:4px}.setup-eyebrow{color:color-mix(in srgb, var(--setup-accent) 72%, white);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.setup-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:6px;display:grid}.setup-progress-item{min-width:0;color:inherit;cursor:pointer;opacity:.64;text-align:left;background:#0f172a8a;border:1px solid #94a3b83d;border-radius:6px;padding:5px 9px;transition:border-color .16s,background .16s,opacity .16s,transform .16s}.setup-progress-item[data-state=active]{border-color:color-mix(in srgb, var(--setup-accent) 72%, white);background:color-mix(in srgb, var(--setup-accent) 18%, #0f172aa3);opacity:1}.setup-progress-item[data-state=complete]{opacity:.86}.setup-progress-item:hover{border-color:color-mix(in srgb, var(--setup-second) 58%, white);background:color-mix(in srgb, var(--setup-accent) 13%, #0f172ab8);opacity:1;transform:translateY(-1px)}.setup-progress-item span,.setup-progress-item strong{display:block}.setup-progress-item span{color:#cbd5e1;text-transform:uppercase;font-size:10px;font-weight:900}.setup-progress-item strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.setup-stage{background:linear-gradient(120deg, color-mix(in srgb, var(--setup-accent) 18%, transparent), transparent 46%), #02061761;border:1px solid #ffffff1f;border-radius:8px;min-height:258px;padding:9px 12px}.setup-step-copy{text-align:center;max-width:560px;margin:0 auto}.setup-step-copy span{color:color-mix(in srgb, var(--setup-accent) 78%, white);text-shadow:0 0 14px color-mix(in srgb, var(--setup-accent) 36%, transparent);text-transform:uppercase;font-size:12px;font-weight:900}.setup-step-copy h2{margin:3px 0;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:28px;font-style:italic;line-height:1.05}.setup-carousel{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:12px;margin-top:24px;display:grid}.setup-carousel-track{height:152px;position:relative}.setup-carousel-arrow,.setup-nav-button{border:1px solid color-mix(in srgb, var(--setup-accent) 54%, transparent);color:#f8fafc;background:linear-gradient(180deg, #ffffff1a, transparent), color-mix(in srgb, var(--setup-dark) 68%, #0f172a);cursor:pointer;border-radius:7px;font-family:Arial Black,Impact,system-ui,sans-serif;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s}.setup-carousel-arrow{width:46px;height:72px;font-size:40px}.setup-carousel-arrow:hover,.setup-nav-button:hover{color:color-mix(in srgb, var(--setup-second) 86%, white);border-color:color-mix(in srgb, var(--setup-second) 72%, white);box-shadow:0 0 18px color-mix(in srgb, var(--setup-accent) 30%, transparent);transform:translateY(-1px)}.setup-option-card{border:1px solid color-mix(in srgb, var(--option-accent) 58%, transparent);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--option-accent) 26%, transparent), transparent 54%), linear-gradient(180deg, #ffffff1a, transparent), color-mix(in srgb, var(--option-dark) 76%, #020617);text-align:left;cursor:pointer;border-radius:8px;width:min(410px,100%);min-height:144px;padding:12px 16px;transition:opacity .16s,transform .16s,filter .16s;position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #ffffff29,0 18px 42px #00000057}.setup-option-card[data-placement=active]{z-index:2;opacity:1;transform:translate(-50%,-50%)scale(1)}.setup-option-card[data-placement=previous]{z-index:1;opacity:.45;filter:saturate(.76);transform:translate(-118%,-50%)scale(.82)}.setup-option-card[data-placement=next]{z-index:1;opacity:.45;filter:saturate(.76);transform:translate(18%,-50%)scale(.82)}.setup-option-card[data-placement=hidden]{display:none}.setup-option-card[data-placement=active]:hover,.setup-option-card[data-placement=active]:focus-visible{opacity:1;filter:saturate(1.1);box-shadow:inset 0 1px 0 #fff3, 0 20px 48px #00000061, 0 0 22px color-mix(in srgb, var(--option-accent) 34%, transparent);transform:translate(-50%,-50%)scale(1.045)}.setup-option-card[data-placement=previous]:hover{opacity:.74;transform:translate(-118%,-50%)scale(.88)}.setup-option-card[data-placement=next]:hover{opacity:.74;transform:translate(18%,-50%)scale(.88)}.setup-option-card strong,.setup-option-card span,.setup-option-icon,.setup-option-image{z-index:1;display:block;position:relative}.setup-option-icon{filter:drop-shadow(0 5px #0000006b);width:44px;height:42px;margin:0 0 8px}.setup-option-image{object-fit:contain;object-position:left center;width:min(230px,78%);height:58px;filter:drop-shadow(0 8px 10px #0000007a) drop-shadow(0 0 10px color-mix(in srgb, var(--option-accent) 24%, transparent));pointer-events:none;margin:0 0 8px}.setup-option-image[data-vehicle-image=kart]{width:min(65px,20%)}.setup-option-icon:before,.setup-option-icon:after{content:"";position:absolute}.setup-option-icon[data-icon=vegas]:before{background:linear-gradient(90deg, transparent 0 30%, var(--option-second) 30% 38%, transparent 38% 62%, var(--option-accent) 62% 70%, transparent 70%), linear-gradient(180deg, var(--option-accent), #111827);border-radius:4px 4px 1px 1px;inset:4px 8px 0}.setup-option-icon[data-icon=vegas]:after{background:var(--option-second);height:5px;box-shadow:0 0 14px var(--option-accent);border-radius:999px;bottom:0;left:2px;right:2px}.setup-option-icon[data-icon=beach]:before{background:linear-gradient(180deg, var(--option-second), #f97316);border-radius:999px 999px 4px 4px;width:38px;height:16px;bottom:4px;left:5px}.setup-option-icon[data-icon=beach]:after{width:7px;height:28px;box-shadow:-13px 5px 0 -2px #22c55e, 13px 6px 0 -2px #22c55e, 0 -4px 0 4px color-mix(in srgb, var(--option-accent) 72%, #fff);background:#14532d;border-radius:999px;top:3px;left:22px;transform:rotate(8deg)}.setup-option-icon[data-icon=monaco]:before{border:4px solid var(--option-accent);border-left-color:#f8fafc;border-radius:50%;width:34px;height:24px;top:6px;left:7px;transform:rotate(-18deg)}.setup-option-icon[data-icon=monaco]:after{background:#f8fafc;border-radius:999px;width:21px;height:6px;bottom:1px;right:2px}.setup-option-icon[data-icon=race]:before{background:conic-gradient(#111827 25%, #f8fafc 0 50%, #111827 0 75%, #f8fafc 0) 0 0 / 9px 9px;border:2px solid #f8fafc;border-radius:2px;width:22px;height:18px;top:7px;left:9px;transform:skewY(-9deg)}.setup-option-icon[data-icon=race]:after{background:var(--option-second);border-radius:999px;width:4px;height:34px;top:6px;left:7px}.setup-option-icon[data-icon=time-trial]:before{border:4px solid var(--option-accent);background:#020617b8;border-radius:50%;width:30px;height:30px;top:5px;left:9px}.setup-option-icon[data-icon=time-trial]:after{background:var(--option-second);transform-origin:bottom;border-radius:999px;width:4px;height:14px;top:13px;left:23px;transform:rotate(42deg)}.setup-option-card strong{text-shadow:0 4px 0 #000000bd, 0 0 18px color-mix(in srgb, var(--option-accent) 42%, transparent);margin-bottom:7px;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:26px;font-style:italic;line-height:1}.setup-option-stat{z-index:1;border:1px solid color-mix(in srgb, var(--option-stat) 62%, transparent);width:fit-content;min-height:20px;color:color-mix(in srgb, var(--option-stat) 84%, white);background:linear-gradient(180deg, #ffffff14, transparent), color-mix(in srgb, var(--option-stat) 18%, #020617a3);text-shadow:none;white-space:nowrap;border-radius:4px;align-items:center;margin:-2px 0 7px;padding:3px 7px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:11px;font-style:normal;font-weight:900;line-height:1;display:inline-flex;position:relative}.setup-option-card span{color:#dbeafe;max-width:310px;font-size:13px;font-weight:700;line-height:1.35}.setup-option-glint{border-radius:inherit;background:linear-gradient(115deg, transparent 0 32%, color-mix(in srgb, var(--option-second) 18%, transparent) 38%, transparent 50%);pointer-events:none;position:absolute;inset:0}.setup-nav{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:8px;display:grid}.setup-nav-button{min-width:118px;min-height:40px;padding:0 18px;font-size:15px}.setup-nav-button-secondary{opacity:.82;justify-self:start}.setup-nav-button:disabled{cursor:default;opacity:.38;box-shadow:none;transform:none}.setup-commands-modal{z-index:8;background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--setup-accent,#38bdf8) 14%, transparent), transparent 38%), #020617b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.setup-commands-modal[hidden]{display:none}.setup-commands-panel{border:1px solid color-mix(in srgb, var(--setup-accent,#38bdf8) 58%, transparent);color:#f8fafc;background:linear-gradient(135deg, color-mix(in srgb, var(--setup-accent,#38bdf8) 18%, transparent), transparent 54%), linear-gradient(180deg, #ffffff1a, transparent), color-mix(in srgb, var(--setup-dark,#071923) 82%, #020617);width:min(560px,100%);box-shadow:inset 0 1px 0 #ffffff29, 0 28px 76px #00000085, 0 0 36px color-mix(in srgb, var(--setup-accent,#38bdf8) 24%, transparent);border-radius:8px;padding:18px}.setup-commands-header{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.setup-commands-header span{color:color-mix(in srgb, var(--setup-accent,#38bdf8) 76%, white);text-transform:uppercase;font-size:11px;font-weight:900}.setup-commands-header h2{text-shadow:0 4px 0 #000000b3, 0 0 18px color-mix(in srgb, var(--setup-accent,#38bdf8) 38%, transparent);margin:2px 0 0;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:32px;font-style:italic;line-height:1}.setup-commands-close{border:1px solid color-mix(in srgb, var(--setup-second,#facc15) 54%, transparent);min-height:34px;color:color-mix(in srgb, var(--setup-second,#facc15) 82%, white);cursor:pointer;background:#0f172a94;border-radius:6px;padding:0 12px;font-weight:900;transition:border-color .16s,background .16s,transform .16s}.setup-commands-close:hover{border-color:color-mix(in srgb, var(--setup-second,#facc15) 82%, white);background:color-mix(in srgb, var(--setup-accent,#38bdf8) 14%, #0f172ab8);transform:translateY(-1px)}.setup-commands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.setup-command-row{background:#0f172a80;border:1px solid #94a3b838;border-radius:7px;grid-template-columns:minmax(122px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid}.setup-command-row kbd{border:1px solid color-mix(in srgb, var(--setup-accent,#38bdf8) 44%, transparent);min-height:25px;color:color-mix(in srgb, var(--setup-second,#facc15) 82%, white);text-align:center;background:linear-gradient(#ffffff1f,#0000),#0206178a;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.setup-command-row span{color:#dbeafe;font-size:13px;font-weight:800;line-height:1.2}.setup-option-card:focus-visible,.setup-carousel-arrow:focus-visible,.setup-progress-item:focus-visible,.setup-nav-button:focus-visible,.setup-commands-button:focus-visible,.setup-commands-close:focus-visible,.pre-race-color-option:focus-visible,.pre-race-start-button:focus-visible,.pause-button:focus-visible,.finish-button:focus-visible{outline-offset:2px;outline:2px solid #facc15}@media (width<=720px){.setup-commands-button{min-height:34px;padding:0 10px;font-size:11px;top:10px;right:10px}.setup-commands-panel{padding:14px}.setup-commands-header h2{font-size:26px}.setup-commands-grid{grid-template-columns:1fr}.setup-command-row{grid-template-columns:minmax(108px,auto) minmax(0,1fr)}}.pre-race-color-picker{z-index:2;color:#f8fafc;background:#0f172ae0;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:auto minmax(260px,520px) auto;align-items:center;gap:12px;width:min(920px,100vw - 32px);padding:12px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 22px 54px #00000061}.pre-race-color-picker[hidden]{display:none}.pre-race-color-copy{min-width:132px}.pre-race-color-copy span,.pre-race-color-copy strong{display:block}.pre-race-color-copy span{color:#93c5fd;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800}.pre-race-color-copy strong{font-size:15px;line-height:1.15}.pre-race-color-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.pre-race-color-option{color:#e5e7eb;cursor:pointer;background:#1e293bc7;border:1px solid #94a3b857;border-radius:8px;min-width:0;min-height:58px;padding:7px}.pre-race-color-option[aria-pressed=true]{background:#475569e0;border-color:#facc15;box-shadow:inset 0 0 0 1px #facc1552}.pre-race-color-swatch{background:linear-gradient(135deg, #ffffff42, #fff0), var(--vehicle-color);border:1px solid #ffffff5c;border-radius:6px;width:100%;height:24px;margin-bottom:5px;display:block;box-shadow:0 7px 15px #0000003d}.pre-race-color-option strong{color:#f8fafc;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.1;display:block;overflow:hidden}.pre-race-start-button{color:#082f49;cursor:pointer;background:#facc15;border:0;border-radius:7px;min-width:112px;min-height:44px;font-size:14px;font-weight:900}.pre-race-start-button:hover{background:#fde68a}@media (width<=760px){.setup-menu{gap:0;padding:6px 14px 10px}.setup-logo{width:min(300px,78vw);max-width:calc(100vw - 28px)}.setup-panel{margin-top:-14px;padding:12px}.setup-header{margin-bottom:12px;display:block}.setup-progress{grid-template-columns:1fr;gap:6px}.setup-stage{min-height:304px;padding:10px}.setup-step-copy h2{font-size:25px}.setup-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;margin-top:18px}.setup-carousel-track{height:178px}.setup-carousel-arrow{width:36px;height:58px;font-size:30px}.setup-option-card{min-height:164px;padding:14px}.setup-option-card[data-placement=previous],.setup-option-card[data-placement=next]{opacity:0;pointer-events:none}.setup-option-card strong{font-size:24px}.setup-option-stat{margin-bottom:6px;font-size:10px}.setup-option-icon{width:42px;height:32px;margin-bottom:9px}.setup-option-image{width:min(210px,86%);height:54px;margin-bottom:7px}.setup-option-image[data-vehicle-image=kart]{width:min(148px,62%)}.setup-option-card span{font-size:13px}.setup-nav{grid-template-columns:1fr 1fr}.setup-nav-button{min-width:0}.pre-race-color-picker{grid-template-columns:1fr;gap:10px;padding:11px;bottom:12px}.pre-race-color-copy{min-width:0}.pre-race-color-options{grid-template-columns:repeat(3,minmax(0,1fr))}.pre-race-start-button{width:100%}.race-hud-main{grid-template-columns:minmax(0,1fr) minmax(76px,auto);gap:5px 6px;width:min(260px,100vw - 156px);padding:8px;top:12px;left:12px}.race-hud-track-name{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;max-width:100%;min-height:20px;font-size:11px;overflow:hidden}.race-hud-speed{grid-area:auto/1/auto/-1;min-width:0;min-height:40px;font-size:28px}.race-hud-time{grid-column:1;justify-self:start;min-width:0;min-height:36px;font-size:21px}.race-hud-place{grid-column:2;justify-self:end;min-width:76px;min-height:24px;font-size:11px}.race-hud-chip{text-overflow:ellipsis;grid-column:1/-1;justify-self:start;width:100%;max-width:100%;min-height:24px;font-size:10px;overflow:hidden}.wrong-way-overlay{min-width:150px;font-size:15px;top:76px}.race-overlay,.race-overlay[data-state=ready],.race-overlay[data-state=countdown],.race-overlay[data-state=go]{-webkit-text-stroke-width:2px;font-size:58px}.race-minimap-panel{top:12px;right:12px}.race-minimap{width:136px;height:136px}.finish-summary,.finish-actions{grid-template-columns:1fr}}