:root{--game-shell-viewport-left: 0px;--game-shell-viewport-top: 0px;--game-shell-viewport-width: 100vw;--game-shell-viewport-height: 100dvh;--game-shell-safe-area-bottom: max( env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px) )}@media(display-mode:browser)and (hover:none)and (pointer:coarse){:root{--game-shell-safe-area-bottom: max( env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 36px) )}}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0}:root{--hud-inset-top: max(8px, env(safe-area-inset-top));--hud-inset-right: max(8px, env(safe-area-inset-right));--hud-inset-bottom: max(8px, var(--game-shell-safe-area-bottom));--hud-inset-left: max(8px, env(safe-area-inset-left));--hud-ink: #e8f4ff;--hud-panel: rgb(10 16 30 / .72);--hud-accent: #50dfc7;--hud-boost: #41aeff;--hud-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}#app{position:fixed;top:var(--game-shell-viewport-top, 0px);left:var(--game-shell-viewport-left, 0px);width:var(--game-shell-viewport-width, 100vw);height:var(--game-shell-viewport-height, 100dvh);overflow:hidden;contain:layout paint;background:#05070f;font-family:var(--hud-font);color:var(--hud-ink)}#oval-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#hud{position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto}.loading-cover{position:absolute;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,3dvh,28px);overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#1b2240,#05070f 70%);color:var(--hud-ink);font:600 14px/1.4 var(--hud-font);letter-spacing:.08em;transition:opacity .4s ease}.loading-logo{width:min(78vw,720px);height:auto;max-height:43dvh;object-fit:contain;z-index:1}.loading-track-name{color:#25ebf1;font-size:11px;letter-spacing:.2em}.loading-circuit{position:relative;width:156px;height:48px;border:1px solid #25ebf155;border-radius:30px}.loading-circuit i{position:absolute;width:10px;height:3px;background:#25ebf1;box-shadow:0 0 10px #25ebf166;offset-path:path("M 132 0 H 24 A 24 24 0 0 0 24 48 H 132 A 24 24 0 0 0 132 0");animation:loading-lap 2s linear infinite}.loading-circuit i:first-child{background:#ff39b5}.loading-circuit i:nth-child(2){animation-delay:-.2s}.loading-circuit i:nth-child(3){animation-delay:-.4s}.loading-rail{width:100px;height:3px;background:linear-gradient(90deg,#25ebf1,#ff39b5,#25ebf1);background-size:200% 100%;animation:loading-sweep 2s linear infinite}.loading-cover:before,.loading-cover:after{content:"";position:absolute;width:45vw;height:1px;background:linear-gradient(90deg,transparent,#25ebf155,transparent);transform:rotate(-18deg);animation:loading-pass 2.4s linear infinite;pointer-events:none}.loading-cover:after{background:linear-gradient(90deg,transparent,#ff39b555,transparent);animation-delay:-1.2s}@keyframes loading-lap{to{offset-distance:100%}}@keyframes loading-sweep{to{background-position:-200% 0}}@keyframes loading-pass{0%{left:-50%;top:75%}to{left:110%;top:5%}}.loading-cover[data-hidden=true]{opacity:0;pointer-events:none}.loading-cover[data-hidden=true] *,.loading-cover[data-hidden=true]:before,.loading-cover[data-hidden=true]:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.loading-cover *,.loading-cover:before,.loading-cover:after{animation:none}}.drive-pad{box-sizing:border-box;pointer-events:none;position:absolute;z-index:1;left:0;top:0;width:var(--drive-pad-size);height:var(--drive-pad-size);border-radius:50%;border:2px solid rgb(80 223 199 / .55);background:#0a101e40;display:none}.drive-pad[data-active=true]{display:block}.drive-pad-dot{position:absolute;left:calc(50% - 14px);top:calc(50% - 14px);width:28px;height:28px;border-radius:50%;background:var(--hud-accent)}.drive-pad[data-boost=true]{border-color:var(--hud-boost)}.drive-pad[data-boost=true] .drive-pad-dot{background:var(--hud-boost)}#hud [hidden]{display:none!important}.hud-safe{position:absolute;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:var(--game-shell-safe-area-bottom, 0px);pointer-events:none;color:var(--theme-ink);font-family:var(--hud-font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:where(.hud-safe>*,.condition-hud>*,.loadout-hud>*){position:absolute}:where(.hud-safe) *{box-sizing:border-box}:where(.hud-safe) button{pointer-events:auto;font-family:inherit;color:inherit;padding:0;margin:0;cursor:pointer}:where(.hud-safe) button:disabled{cursor:default}:where(.hud-safe) span{position:absolute;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-surface{background-color:var(--theme-panel);background-image:linear-gradient(115deg,#fff0,#0000005c);border:1px solid rgb(var(--theme-accent-rgb) / .55);border-radius:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.warmup-countdown{z-index:15;color:#fff;text-align:center;font:700 36px/48px var(--hud-font);font-variant-numeric:tabular-nums;pointer-events:none}#hud[data-cinematic-hud=none] .hud-safe,#hud[data-cinematic-hud=none] .hud-safe *,#hud[data-cinematic-hud=none] .drive-pad{visibility:hidden!important;pointer-events:none!important}#hud[data-cinematic-hud=minimal] .hud-safe>:not(.timing-card):not(.timing-header):not(.sector-strip),#hud[data-cinematic-hud=minimal] .drive-pad{visibility:hidden!important;pointer-events:none!important}.cinematic-panel{position:absolute;z-index:200;bottom:16px;left:16px;width:290px;max-height:calc(100% - 32px);overflow:auto;padding:14px;border:1px solid #56eee1;border-radius:8px;background:#090d20ed;color:#fff;font:13px/1.4 system-ui;pointer-events:auto}.cinematic-panel[hidden]{display:none}.cinematic-panel>label{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.cinematic-panel input[type=number],.cinematic-panel select{width:122px;background:#1b2542;color:#fff;border:1px solid #556580;padding:5px}.cinematic-panel fieldset{margin:12px 0 0;border:1px solid #556580;display:grid;grid-template-columns:1fr 1fr}.cinematic-panel fieldset label{display:flex;align-items:center;gap:5px}.cinematic-panel p{margin-bottom:0;color:#9fd8e5}.timing-card{z-index:14;text-align:left}.timing-card{border-color:color-mix(in srgb,var(--card-accent, var(--theme-cyan)) 55%,transparent)}.timing-main{left:6px;top:1px;width:calc(100% - 12px);height:25px;font:700 22px/25px var(--hud-font);color:var(--theme-ink);font-variant-numeric:tabular-nums}.timing-card:not([data-racing]) .timing-main{font-size:11px}.timing-card[data-large][data-racing] .timing-main{font-size:26px;height:28px;line-height:28px}.timing-detail{left:6px;top:22px;width:calc(100% - 12px);height:18px;font:500 9px/18px var(--hud-font);color:var(--theme-muted)}.timing-card[data-large] .timing-detail{top:28px;height:14px;line-height:14px;font-size:10px}.timing-detail[data-trend=gain]{color:var(--theme-gain)}.timing-detail[data-trend=loss]{color:var(--theme-loss)}.timing-card[data-severity="1"] .timing-detail:not([data-trend]),.timing-card[data-severity="2"] .timing-detail:not([data-trend]){color:var(--theme-amber)}.timing-header{z-index:14;border-color:rgb(var(--theme-cyan-rgb) / .55)}.timing-lap{left:6px;top:0;width:calc(100% - 12px);height:16px;border-radius:3px;font:700 11px/16px var(--hud-font);color:var(--theme-ink)}.timing-lap[data-lap]{width:72px;font-size:14px}.timing-lap.lap-pulse{animation:lap-pulse .24s ease-in-out 2 alternate}@keyframes lap-pulse{to{background:rgb(var(--theme-cyan-rgb) / .28);color:var(--theme-cyan);transform:scale(1.08)}}.sector-strip{z-index:14;pointer-events:none}.sector-card{position:absolute;color:var(--grade)}.sector-shape{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sector-fill{fill:var(--grade-shade);opacity:.62}.sector-edge{fill:none;stroke:var(--grade);stroke-width:1;opacity:.65;vector-effect:non-scaling-stroke}.sector-card[data-active] .sector-edge{stroke:var(--theme-cyan);stroke-width:2;opacity:1}.sector-card.pulse .sector-fill{animation:sector-pulse .8s ease-out}@keyframes sector-pulse{0%{opacity:.95}to{opacity:.62}}.sector-value{text-align:center;font:500 20px/23px var(--hud-font);color:var(--grade);opacity:.82;font-variant-numeric:tabular-nums}.sector-value[data-small]{font-size:16px}.sector-card[data-active] .sector-value,.sector-card[data-current] .sector-value{opacity:1}.sector-card[data-bold] .sector-value{font-weight:700}.sector-trend{text-align:center;font:500 11px/18px var(--hud-font);color:var(--grade)}.sector-history{position:absolute}.sector-axis{position:absolute;left:0;top:9px;width:100%;height:1px;background:rgb(var(--theme-muted-rgb) / .45)}.sector-bucket{position:absolute;top:0;height:100%;width:calc(100% / 6 - 2px);margin-left:1px}.sector-bar{position:absolute;left:0;width:100%;background:var(--bar);opacity:.88}.sector-cue{left:0;width:100%;height:10px;text-align:center;font:500 8px/10px var(--hud-font);color:var(--bar)}.pit-notice{z-index:14;border-color:rgb(var(--theme-amber-rgb) / .65);text-align:left}.pit-notice-title{left:6px;top:3px;width:calc(100% - 12px);height:17px;font:700 11px/17px var(--hud-font);color:var(--theme-amber)}.pit-notice-caption{left:6px;top:23px;width:calc(100% - 12px);height:17px;font:700 9px/17px var(--hud-font);color:var(--theme-amber)}.pit-notice.attention,.pit-guide.attention,.warmup-pit-demo.attention{animation:pit-attention .55s ease-in-out infinite alternate}@keyframes pit-attention{0%{box-shadow:0 0 0 3px rgb(var(--theme-amber-rgb) / 1),inset 0 0 28px rgb(var(--theme-amber-rgb) / .6),0 0 18px rgb(var(--theme-amber-rgb) / .7)}to{box-shadow:0 0 0 2px rgb(var(--theme-amber-rgb) / .35),inset 0 0 4px rgb(var(--theme-amber-rgb) / .03)}}.standings-board{z-index:14;overflow:hidden;background-color:rgb(var(--theme-dark-rgb) / .92);border-color:rgb(var(--theme-cyan-rgb) / .55);--row-height: 20px;--row-font: 11px}.standings-rail{position:absolute;left:6px;right:6px;top:0;height:2px;background:var(--theme-cyan)}.standings-heading{left:6px;top:1px;width:calc(100% - 81px);height:11px;font:700 10px/11px var(--hud-font);color:var(--theme-cyan)}.standings-heading[data-holder]{color:var(--theme-purple)}.standings-gap-heading{right:43px;top:1px;width:38px;height:11px;text-align:right;font:500 10px/11px var(--hud-font);color:var(--theme-muted)}.standings-stop-heading{right:25px;top:1px;width:14px;height:11px;text-align:center;font:500 10px/11px var(--hud-font);color:var(--theme-muted)}.standings-cut{left:2px;right:2px;height:var(--row-height);text-align:center;font:500 var(--row-font) / var(--row-height) var(--hud-font);color:var(--theme-muted);z-index:18}.standings-toggle{position:absolute;inset:0;z-index:60;background:transparent;border:0}.standings-row{position:absolute;left:2px;right:2px;height:var(--row-height);z-index:15;font:500 var(--row-font) / var(--row-height) var(--hud-font);color:var(--theme-muted);transition:top .26s cubic-bezier(.33,1,.68,1);font-variant-numeric:tabular-nums}.standings-row[data-event]{background-color:var(--theme-panel)!important}.standings-row[data-own]{color:var(--theme-ink)}.standings-flash{position:absolute;inset:0;opacity:0}.standings-flash.flash{animation:row-flash .9s ease-out}.standings-flash[data-kind=gain]{background:var(--theme-gain)}.standings-flash[data-kind=loss]{background:var(--theme-loss)}@keyframes row-flash{0%{opacity:.45}to{opacity:0}}.standings-rank{left:4px;width:18px;height:100%;font-weight:700;color:var(--rank-color)}.standings-rank[data-tone=gain]{color:var(--theme-gain)}.standings-rank[data-tone=loss]{color:var(--theme-loss)}.standings-swatch{position:absolute;left:23px;top:1px;width:23px;height:calc(100% - 2px);overflow:hidden;border-radius:2px}.standings-flag-layer{position:absolute;inset:0}.standings-flag-layer:not(:first-child){display:none}.standings-board[data-flags=masks] .standings-swatch{border-radius:0}.standings-board[data-flags=masks] .standings-flag-layer:not([hidden]){display:block;-webkit-mask:var(--flag-masks) var(--flag-mask-position) / calc(var(--flag-atlas-columns) * 100%) 300% no-repeat;mask:var(--flag-masks) var(--flag-mask-position) / calc(var(--flag-atlas-columns) * 100%) 300% no-repeat}.standings-name{left:48px;width:calc(100% - 144px);height:100%}.standings-row[data-own] .standings-name,.standings-row[data-best] .standings-name{font-weight:700}.standings-row[data-best] .standings-name{color:var(--theme-purple)}.standings-tyre{left:calc(100% - 94px);top:1px;width:14px;height:calc(100% - 2px);border:1px solid var(--compound);border-radius:50%;background:var(--theme-dark);color:var(--compound);text-align:center;font:700 min(10px,var(--row-font)) / calc(var(--row-height) - 4px) var(--hud-font)}.standings-gap{right:37px;width:38px;height:100%;text-align:right}.standings-row[data-own] .standings-gap{color:var(--theme-cyan)}.standings-stops{right:23px;width:14px;height:100%;text-align:center}.standings-status{right:0;width:23px;height:100%;text-align:center;font:700 10px / var(--row-height) var(--hud-font)}.standings-status[data-tone=amber]{color:var(--theme-amber)}.standings-status[data-tone=gain]{color:var(--theme-gain)}.standings-status[data-tone=loss]{color:var(--theme-loss)}.standings-status[data-tone=purple]{color:var(--theme-purple)}.condition-hud{inset:0}.condition-card{z-index:16;border-radius:8px;background-color:#141e2ae0}.condition-edge{position:absolute;left:0;top:6px;width:3px;height:calc(100% - 12px);border-radius:2px;background:#5acfa5}.condition-title{left:3px;top:5px;width:calc(100% - 6px);height:18px;text-align:center;font:700 10px/18px var(--hud-font);color:#5acfa5}.condition-card[data-large] .condition-title{font-size:11px}.condition-hint{left:3px;top:24px;width:calc(100% - 6px);height:14px;text-align:center;font:500 9px/14px var(--hud-font);color:#adbbc4}.condition-card[data-large] .condition-hint{font-size:10px}.condition-card[data-color=amber] .condition-edge{background:#f7b848}.condition-card[data-color=amber] .condition-title{color:#f7b848}.condition-card[data-color=red] .condition-edge{background:#fc6f5f}.condition-card[data-color=red] .condition-title{color:#fc6f5f}.condition-sheet{z-index:18;border-radius:8px;background-color:#141e2af5;pointer-events:auto;color:#f0f5f1}.condition-heading{left:12px;top:5px;width:calc(100% - 60px);height:34px;font:700 12px/34px var(--hud-font)}.condition-close{position:absolute;right:0;top:0;width:44px;height:44px;border:0;background:transparent;font:700 22px/44px var(--hud-font)}.condition-fuel{left:12px;width:calc(100% - 24px);height:18px;font:500 11px/18px var(--hud-font)}.condition-sheet[data-compact] .condition-fuel{font-size:10px}.condition-caption{height:16px;font:500 11px/16px var(--hud-font)}.condition-sheet[data-compact] .condition-caption{font-size:10px}.condition-caption[data-damaged]{color:#f7b848}.condition-track{position:absolute;border-radius:2px;background:#3c4a55;overflow:hidden}.condition-fill{height:100%;border-radius:2px;background:#5acfa5}.condition-fill[data-color=amber]{background:#f7b848}.condition-fill[data-color=red]{background:#fc6f5f}.condition-effects{left:12px;width:calc(100% - 24px);height:32px;font:500 11px/16px var(--hud-font);white-space:pre-line}.condition-sheet[data-compact] .condition-effects{height:16px;font-size:10px;white-space:nowrap}.condition-reason{left:12px;width:calc(100% - 24px);height:36px;font:500 10px/12px var(--hud-font);color:#adbbc4;white-space:normal}.condition-sheet[data-compact] .condition-reason{height:16px;line-height:16px;white-space:nowrap}.pit-guide{z-index:12;text-align:left;border-color:rgb(var(--theme-amber-rgb) / .35);background-color:#141f2bf0}.pit-guide-title{left:8px;top:3px;width:calc(100% - 28px);height:17px;font:700 11px/17px var(--hud-font);color:#f1f5f1}.pit-guide[data-active] .pit-guide-title,.pit-guide[data-active] .pit-guide-hint{color:#f7b848}.pit-guide-hint{left:8px;top:23px;width:calc(100% - 28px);height:17px;font:700 9px/17px var(--hud-font);color:#f1f5f1}.pit-guide-track{position:absolute;right:8px;top:8px;width:6px;height:28px;border-radius:3px;background:#42505b;overflow:hidden}.pit-guide-fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:#f7b848}.pit-tyres{z-index:20;border-radius:10px;background-color:#141f2bf2;pointer-events:auto}.pit-tyres-title{left:8px;top:3px;width:calc(100% - 16px);height:18px;font:700 11px/18px var(--hud-font)}.pit-tyres-row{position:absolute;left:0;right:0;top:25px;display:flex;gap:4px;padding:0 2px}.pit-tyres[data-compact] .pit-tyres-row{top:5px}.pit-tyres[data-prerace] .pit-tyres-row{top:0}.pit-tyres[data-prerace]{border-color:rgb(var(--theme-amber-rgb) / .55)}.pit-tyre{position:relative;flex:1;height:44px;border-radius:10px;border:1px solid rgb(var(--theme-muted-rgb) / .35);background:#141f2b}.pit-tyres[data-prerace] .pit-tyre{height:42px}.pit-tyre[data-selected]{border:2px solid rgb(241 245 241)}.pit-tyre-label{left:3px;top:3px;width:calc(100% - 6px);height:17px;text-align:center;font:700 11px/17px var(--hud-font);color:var(--compound)}.pit-tyre-life{left:3px;top:23px;width:calc(100% - 6px);height:16px;text-align:center;font:700 9px/16px var(--hud-font);color:#f1f5f1}.pit-tyre[data-recommended] .pit-tyre-life{color:#67e797}.pit-service{z-index:40;border-radius:10px;background-color:#141f2bf7;pointer-events:auto;border-color:rgb(var(--theme-amber-rgb) / .6)}.pit-service-heading{left:10px;top:2px;width:calc(100% - 20px);height:24px;text-align:center;font:700 15px/24px var(--hud-font)}.pit-service[data-compact] .pit-service-heading{height:18px;line-height:18px;font-size:12px}.pit-service-instruction{left:10px;top:29px;width:calc(100% - 20px);height:34px;text-align:center;font:700 13px/17px var(--hud-font);white-space:pre-line;color:#f1f5f1}.pit-service[data-compact] .pit-service-instruction{top:21px;height:26px;font-size:11px;line-height:13px}.pit-car{position:absolute;overflow:visible;pointer-events:none}.pit-car-tyre{fill:#1c1e22;stroke:#5a6068;stroke-width:.1}.pit-wheel{position:absolute;z-index:2;border-radius:10px;border:2px solid rgb(247 184 72 / .3);background:transparent;font:700 13px var(--hud-font);color:#f1f5f1}.pit-wheel[data-state=target]{background:#f7b848d9;border-color:#f7b848;color:#141f2b}.pit-wheel[data-state=done]{background:#67e79740;border-color:#67e797;color:#67e797}.pit-goal{position:absolute;z-index:3;border-radius:10px;border:3px solid rgb(247 184 72);background:#f7b848a6;font:700 11px var(--hud-font);color:#141f2b}.pit-goal[data-ready]{background:#67e797;border-color:#67e797}.pit-rail{position:absolute;left:24px;right:24px;bottom:29px;height:10px;border-radius:5px;background:#42505b;overflow:hidden}.pit-rail-fill{height:100%;width:0;background:#f7b848}.pit-source{position:absolute;z-index:4;top:calc(100% - 62px);width:52px;height:52px;border-radius:10px;border:0;background:#f7b848;touch-action:none}.pit-source-label{left:2px;right:2px;top:0;height:100%;text-align:center;font:700 9px/52px var(--hud-font);color:#141f2b;white-space:nowrap}.pit-held{position:absolute;z-index:5;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:10px;background:#f7b848d9;pointer-events:none;display:grid;place-items:center;font:700 9px var(--hud-font);color:#141f2b}.loadout-hud{inset:0;--loadout-accent: rgb(64 186 157)}.hud-action{border-radius:8px;font:700 13px var(--hud-font);color:#fff}.loadout-open{z-index:16}.pickup-guide{z-index:16;border-radius:8px;background-color:#141e2ae6;border-color:color-mix(in srgb,var(--gear, rgb(64 186 157)) 55%,transparent)}.pickup-guide-icon{left:6px;top:4px;width:30px;height:30px;text-align:center;font:700 20px/30px var(--hud-font);color:var(--gear)}.pickup-guide-title{left:42px;top:3px;width:calc(100% - 66px);height:17px;font:700 11px/17px var(--hud-font);color:var(--gear)}.pickup-guide-hint{left:42px;top:20px;width:calc(100% - 66px);height:17px;font:500 9px/17px var(--hud-font);color:#eff4f0}.pickup-guide-hint[data-aligned]{color:var(--loadout-accent)}.pickup-guide-distance{left:8px;top:41px;width:calc(100% - 32px);height:13px;font:500 9px/13px var(--hud-font);color:#eff4f0}.pickup-guide-track{position:absolute;right:8px;top:8px;width:6px;height:44px;background:#37424c;overflow:hidden}.pickup-guide-fill{position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--gear)}.pickup-guide[data-large] .pickup-guide-icon{width:44px;height:44px;line-height:44px;font-size:28px}.pickup-guide[data-large] .pickup-guide-title{left:56px;width:calc(100% - 80px);height:22px;line-height:22px;font-size:16px}.pickup-guide[data-large] .pickup-guide-hint{left:56px;top:29px;width:calc(100% - 80px);font-size:11px}.pickup-guide[data-large] .pickup-guide-distance{top:53px;font-size:10px}.pickup-guide[data-large] .pickup-guide-track{height:56px}.loadout-battery{z-index:13;border-radius:8px;background-color:#141e2aeb}.loadout-battery[data-state=available]{background-color:#356563f2}.loadout-battery[data-state=boost]{background-color:#1c62a4f2}.loadout-battery-icon{left:0;right:0;top:3px;height:20px;text-align:center;font:700 11px/20px var(--hud-font);color:#eff4f0}.loadout-battery-caption{left:0;right:0;bottom:6px;height:15px;text-align:center;text-overflow:clip;font:500 9px/15px var(--hud-font);letter-spacing:-.02em;color:#eff4f0}.loadout-battery[data-narrow] .loadout-battery-caption{font-size:8px}.loadout-battery-track{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#37424c}.loadout-battery-fill{height:100%;width:0}.garage-panel{z-index:30;border-radius:12px;background-color:#141e2af7;pointer-events:auto;color:#eff4f0}.garage-title{left:12px;top:6px;width:calc(100% - 64px);height:26px;font:500 16px/26px var(--hud-font)}.garage-close{position:absolute;right:8px;top:4px;width:42px;height:42px;border-radius:8px;border:0;background:#141e2a;font:700 20px/42px var(--hud-font)}.garage-summary{left:12px;top:34px;width:calc(100% - 24px);height:20px;font:500 11px/20px var(--hud-font)}.garage-panel[data-compact] .garage-summary{display:none}.garage-fuel{position:absolute;left:12px;right:12px;top:58px;height:44px;display:flex;gap:6px;padding-left:48px}.garage-panel[data-compact] .garage-fuel{top:36px;right:60px}.garage-fuel-label{left:0;top:0;width:42px;height:44px;font:500 10px/44px var(--hud-font)}.garage-fuel-button{flex:1;border-radius:8px;border:0;background:#354f65;font:700 13px var(--hud-font)}.garage-fuel-button[data-selected]{background:var(--loadout-accent)}.garage-choices{position:absolute;inset:108px 12px 88px;overflow-y:auto;display:grid;grid-template-columns:repeat(var(--garage-columns, 3),minmax(0,1fr));grid-auto-rows:var(--garage-group-height, 156px);gap:8px;pointer-events:auto}.garage-panel[data-compact] .garage-choices{top:82px;bottom:82px}.garage-group{position:relative;display:flex;flex-direction:column;gap:2px;padding-top:20px}.garage-panel[data-rows] .garage-group{flex-direction:row}.garage-slot{left:2px;top:0;width:calc(100% - 4px);height:20px;font:500 11px/20px var(--hud-font)}.garage-card{position:relative;flex:0 0 44px;border-radius:8px;border:2px solid transparent;background:#354f65;text-align:left}.garage-panel[data-rows] .garage-card{flex:1 1 0;height:44px}.garage-card[data-state=locked]{background:#2d3239}.garage-card[data-state=queued]{background:color-mix(in srgb,var(--gear) 16%,rgb(20 30 42))}.garage-card[data-selected]{border-color:#eff4f0}.garage-card-name{left:8px;top:2px;width:calc(100% - 12px);height:22px;font:700 12px/22px var(--hud-font);color:var(--gear)}.garage-card-state{left:8px;top:22px;width:calc(100% - 12px);height:16px;font:500 10px/16px var(--hud-font)}.garage-card-band{left:4px;right:4px;bottom:0;height:3px;background:var(--gear)}.garage-detail{left:12px;right:130px;bottom:41px;height:19px;font:500 11px/19px var(--hud-font)}.garage-chips{position:absolute;left:12px;right:126px;bottom:7px;height:32px;display:flex;gap:4px}.garage-chip{position:relative;flex:1;border-radius:4px;background:#232f3b;text-align:center;font:500 9px/14px var(--hud-font);white-space:pre-line;padding-top:2px}.garage-chip[data-tone=better]{color:var(--loadout-accent)}.garage-chip[data-tone=worse]{color:#f5b46a}.garage-plan{position:absolute;right:12px;bottom:14px;width:98px;height:48px;border-radius:8px;border:0;background:var(--loadout-accent);font:700 13px var(--hud-font)}.garage-plan:disabled{background:#2d3c46}.drawer-button{z-index:13;font-size:12px}.drawer-button[data-open]{border-color:var(--theme-cyan);color:var(--theme-cyan)}.drawer-button[data-on]{color:var(--theme-gain)}.drawer-button:disabled{opacity:.6}.results-screen{z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px);display:flex;flex-direction:column;padding:12px;border-radius:12px;background-color:rgb(var(--theme-dark-rgb) / .95);border-color:rgb(var(--theme-cyan-rgb) / .55);pointer-events:auto}.results-screen span{position:static;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-title,.results-subtitle,.results-head,.results-continue{flex:none}.results-title{display:block;font:700 20px/1.2 var(--hud-font);color:var(--theme-cyan)}.results-subtitle{display:block;margin:2px 0 8px;font:500 11px/1.3 var(--hud-font);color:var(--theme-purple)}.results-row{display:grid;grid-template-columns:30px 18px minmax(0,1fr) 78px 64px 22px;gap:6px;align-items:center;height:22px;padding:0 4px;border-radius:4px;font:500 12px/22px var(--hud-font);color:var(--theme-muted);font-variant-numeric:tabular-nums}.results-head{font-size:10px;color:var(--theme-muted);opacity:.8}.results-list{overflow-y:auto;min-height:0;flex:1 1 auto}.results-row[data-own=true]{background:rgb(var(--theme-accent-rgb) / .22);color:var(--theme-ink);font-weight:700}.results-row[data-fastest=true] .results-best{color:var(--theme-purple)}.results-place{font-weight:700;color:var(--theme-ink)}.results-swatch{display:block;width:18px;height:12px;border-radius:2px}.results-time,.results-best{text-align:right}.results-stops{text-align:center}.results-continue{margin-top:10px;height:40px;border-radius:8px;border:1px solid var(--theme-cyan);background:rgb(var(--theme-cyan-rgb) / .18);font:700 13px var(--hud-font);letter-spacing:.12em}.debug-readout{z-index:60;left:208px;top:6px;padding:4px 8px;border-radius:6px;background:rgb(var(--theme-dark-rgb) / .8);font:500 11px/1.4 ui-monospace,SF Mono,Menlo,monospace}.item-art{display:block;container-type:size;pointer-events:none}.item-art-sprite{position:absolute;left:50%;top:50%;width:min(100cqw,100cqh);height:min(100cqw,100cqh);transform:translate(-50%,-50%);background-repeat:no-repeat}.garage-card-icon{position:absolute;left:4px;top:2px;width:38px;height:38px}.garage-card-name,.garage-card-state{left:46px;width:calc(100% - 50px)}.pit-source-icon,.pit-held-icon{position:absolute;inset:0}.pit-source-label{top:auto;bottom:2px;height:10px;line-height:10px;font-size:7px}.pit-source-icon{inset:0 2px 10px}.loadout-battery-icon.item-art{left:calc(50% - 14px);top:0;width:28px;height:28px}.pickup-guide .pickup-guide-title{left:42px;top:5px;width:calc(100% - 62px);height:20px;line-height:20px}.pickup-guide .pickup-guide-icon{width:28px;height:28px}.pickup-guide .pickup-guide-track{height:calc(100% - 16px)}.pickup-sign-road{position:absolute;display:grid;inset:35px 101px 8px 8px;border:1px solid #728694;border-radius:4px;overflow:hidden;background:#15202e}.pickup-sign-lane{position:relative;border-right:1px dashed #657080;text-align:center;padding-top:6px;color:#8996a8;font:700 16px/26px var(--hud-font)}.pickup-sign-lane:last-of-type{border-right:0}.pickup-sign-lane[data-target]{background:color-mix(in srgb,var(--gear) 40%,#142536);color:#fff;box-shadow:inset 0 0 0 2px var(--gear)}.pickup-sign-target,.pickup-sign-car{position:absolute;width:12px;margin-left:-6px;text-align:center;font-size:11px;line-height:12px}.pickup-sign-target{top:0;color:var(--gear);text-shadow:0 0 4px black}.pickup-sign-car{bottom:1px;color:#fff;text-shadow:0 0 3px black}.pickup-sign-car[data-aligned]{color:#4ef6b8}.pickup-sign-tiers{position:absolute;right:20px;top:49px;width:74px;display:flex;gap:4px;align-items:center}.pickup-sign-tier{position:relative;display:flex;align-items:end;gap:2px;height:22px;width:27px;padding:4px;box-sizing:border-box;border:2px solid var(--tier);border-radius:3px;background:color-mix(in srgb,var(--tier) 30%,#151527)}.pickup-sign-tier i{position:relative;flex:1;height:100%;background:#141320}.pickup-sign-tier i[data-lit]{background:var(--tier)}.pickup-sign-arrow{position:relative;font-size:16px;color:#a8b4c8}.pickup-guide[data-upgrade] .pickup-sign-arrow{color:#4ef6b8}.warmup-controls{position:absolute;z-index:16;text-align:center;pointer-events:none;background:#100c21db}.warmup-title{position:absolute;top:8px;width:100%;left:0;color:var(--theme-cyan);font-size:12px;line-height:20px}.warmup-pad{position:absolute;left:62px;top:32px;width:96px;height:96px;border-radius:50%;border:1px solid #65e5eb55;background:#65e5eb0e}.warmup-hand{position:absolute;left:32px;top:43px;width:36px;height:50px;color:#f5f7ff;animation:warmup-drag 6s ease-in-out infinite}.warmup-hand svg{position:relative;display:block}.warmup-contact{position:absolute;left:5px;top:-5px;width:20px;height:20px;border-radius:50%;background:#65e5eb66;animation:warmup-touch 6s step-end infinite}.warmup-captions{position:absolute;top:140px;left:0;width:100%;height:20px;color:var(--theme-cyan);font-size:11px;font-weight:700}.warmup-captions span{position:absolute;inset:0;line-height:20px;opacity:0;animation:warmup-caption 6s step-end infinite}.warmup-captions span:nth-child(1){animation-name:warmup-lanes}.warmup-captions span:nth-child(2){animation-name:warmup-boost}.warmup-captions span:nth-child(3){animation-name:warmup-slow;animation-delay:0s;color:var(--theme-amber)}.warmup-captions span:nth-child(4){animation-name:warmup-release;animation-delay:0s;color:var(--theme-ink)}@keyframes warmup-drag{0%,20%,40%,60%,80%,to{transform:translate(0)}10%{transform:translate(-32px)}30%{transform:translate(32px)}50%{transform:translateY(-30px)}70%{transform:translateY(30px)}90%{transform:translate(12px,-14px)}}@keyframes warmup-touch{0%,to{opacity:1}80%{opacity:0}}@keyframes warmup-lanes{0%{opacity:1}40%,to{opacity:0}}@keyframes warmup-boost{0%{opacity:0}40%{opacity:1}60%,to{opacity:0}}@keyframes warmup-slow{0%{opacity:0}60%{opacity:1}80%,to{opacity:0}}@keyframes warmup-release{0%{opacity:0}80%,to{opacity:1}}@media(prefers-reduced-motion:reduce){.warmup-hand,.warmup-contact{animation:none}.warmup-captions{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.warmup-captions span{position:relative;animation:none;opacity:1;line-height:11px}}.loadout-open-label{position:absolute;top:5px;left:0;width:100%;font-size:11px;line-height:17px}.loadout-open-tiers{position:absolute;top:27px;left:50%;transform:translate(-50%);display:flex;gap:3px}.loadout-tier-pip{position:relative;flex:0 0 10px;width:10px;height:10px;box-sizing:border-box;border:2px solid transparent;border-radius:1px;background:var(--theme-muted)}.warmup-controls strong{color:var(--theme-cyan);font-size:12px;line-height:16px}.warmup-controls span{font-size:10px;line-height:16px}.condition-card.attention{animation:wear-attention .85s ease-in-out infinite alternate}@keyframes wear-attention{0%{box-shadow:0 0 0 2px #ffbe58,inset 0 0 20px #ffbe584d}to{box-shadow:0 0 0 2px #ffbe5860,inset 0 0 5px #ffbe580a}}@media(prefers-reduced-motion:reduce){.condition-card.attention,.pit-notice.attention,.pit-guide.attention,.warmup-pit-demo.attention{animation:none;outline:2px solid #ffbe58}}.pickup-guide[data-large] .pickup-sign-lane{font-size:22px}.finish-banner{--finish-color:#31eff7;position:absolute;z-index:80;left:50%;top:2%;transform:translate(-50%);width:clamp(210px,43%,330px);box-sizing:border-box;padding:12px;border:2px solid var(--finish-color);border-radius:18px;background:#090c1de0;color:var(--finish-color);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;box-shadow:0 0 35px #31eff71a;pointer-events:none}.finish-banner[data-medal=gold]{--finish-color:#ffd36e}.finish-banner[data-medal=silver]{--finish-color:#d5e3f3}.finish-banner[data-medal=bronze]{--finish-color:#d79663}.finish-heading{font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff}.finish-place{font-size:64px;font-weight:900;line-height:1.2;text-shadow:0 0 24px color-mix(in srgb,var(--finish-color),transparent 60%)}.finish-medal{font-size:12px;font-weight:800;letter-spacing:.18em}.finish-caption{font-size:12px;color:#e0e8f2}.finish-results{pointer-events:auto;font:700 11px var(--hud-font);background:transparent;border:0;padding:6px 18px 0;color:#b0bdce}.finish-banner.celebrate{animation:finish-arrive .55s cubic-bezier(.2,1.5,.4,1) both}.finish-confetti{position:absolute;inset:0;pointer-events:none}.finish-confetti i{position:absolute;left:50%;top:50%;width:5px;height:11px;background:var(--finish-color);opacity:0}.finish-banner.celebrate:not([data-medal=finish]) .finish-confetti i{animation:finish-burst 1.3s ease-out both}@keyframes finish-arrive{0%{transform:translate(-50%) scale(.65);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes finish-burst{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@media(prefers-reduced-motion:reduce){.finish-banner.celebrate,.finish-banner.celebrate .finish-confetti i{animation:none!important}}@media(max-height:520px){.finish-banner{padding:8px;gap:2px}.finish-place{font-size:44px;line-height:1.1}.finish-heading,.finish-caption{font-size:11px}.finish-results{padding-top:2px}}.condition-levels{position:absolute;top:27px;left:50%;transform:translate(-50%);display:flex;gap:3px}.condition-square{position:relative;width:10px;height:10px;background:#5acfa5;border-radius:1px}.condition-square[data-color=amber]{background:#f7b848}.condition-square[data-color=red]{background:#fc6f5f;animation:wear-square .55s ease-in-out infinite alternate}@keyframes wear-square{0%{opacity:1;box-shadow:0 0 7px 2px #fc6f5f}to{opacity:.35;box-shadow:0 0 1px #fc6f5f}}.condition-hud[hidden] .condition-square{animation:none}.warmup-callout{position:absolute;z-index:23;padding:6px 9px;box-sizing:border-box;color:var(--theme-cyan);font:700 12px/17px var(--hud-font);background:#100c21ee;border:1px solid #65e5eb88;border-radius:6px;pointer-events:none;white-space:pre-line}.warmup-pit-demo{position:absolute;z-index:23;padding:7px;box-sizing:border-box;color:var(--theme-amber);font:700 12px/18px var(--hud-font);background:#100c21ee;border:3px solid var(--theme-amber);border-radius:8px;pointer-events:none;text-align:center;white-space:pre-line}@media(prefers-reduced-motion:reduce){.condition-square[data-color=red]{animation:none;outline:2px solid #fc6f5f}}.warmup-pointer{position:absolute;z-index:24;text-align:center;color:var(--theme-cyan);font:700 18px/20px var(--hud-font);pointer-events:none}.loadout-open,.condition-card,.loadout-battery,.header-control{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 3px #000,0 0 6px #000}.condition-edge{display:none}.condition-card .condition-title{color:var(--theme-ink)}.loadout-battery[data-state]{background:none}.loadout-battery-caption{top:3px;bottom:auto;height:18px;font-weight:700;font-size:11px}.loadout-battery-track{bottom:7px;height:8px;background:#09252de0;border:1px solid #41e8ff88;box-shadow:0 0 5px #41e8ff55}.loadout-battery-track:after{content:"";position:absolute;right:-4px;top:1px;width:2px;height:4px;background:#41e8ff}.loadout-battery-fill{background:#41e8ff;box-shadow:0 0 6px #41e8ff}.loadout-battery[data-state=boost] .loadout-battery-fill{background:#41aeff;box-shadow:0 0 8px #41aeff}.header-control{z-index:38;display:grid;place-items:center}.header-control svg{width:55%;height:55%;filter:drop-shadow(0 1px 2px #000)}.header-control .sound-muted{display:none}.header-control[data-muted] .sound-muted{display:block}.header-control[data-muted] .sound-waves{display:none}.header-control[data-muted]{color:var(--theme-muted)}.drawer-button:not(.header-control){z-index:38;border:0;background:#100e1aee}.race-intro{position:absolute;inset:0;z-index:60;background:transparent;pointer-events:auto}.race-intro-title{position:absolute;z-index:30;text-align:center;color:var(--theme-ink);font:700 12px/26px var(--hud-font);text-shadow:0 1px 3px #000}.race-intro-next{position:absolute;z-index:30;border:1px solid #41e8ff99;border-radius:6px;background:#0d0b1a;color:#41e8ff;font:700 14px var(--hud-font)}.race-intro-next:disabled{opacity:.7}.warmup-sample{position:absolute;z-index:24;text-align:center;color:var(--theme-ink)}.warmup-sample strong{display:block;font:700 12px/20px var(--hud-font)}.warmup-sample-pips{display:flex;justify-content:center;gap:4px;margin-top:7px}.warmup-sample-pips span{position:relative;width:12px;height:12px}.race-intro-back{position:absolute;z-index:30;border:0;border-radius:6px;background:#252738;color:#f5f7ff;font:700 13px var(--hud-font)}.race-intro-back:disabled{opacity:.3}.tutorial-example{position:absolute;z-index:25;text-align:center;color:#f5f7ff;background:#100c21;border:1px solid #65e5eb88;border-radius:10px;box-shadow:0 0 26px #65e5eb22}.tutorial-example-title{position:relative;display:block;font:700 12px/24px var(--hud-font)}.tutorial-example .tutorial-example-icon{position:absolute;left:124px;top:28px;width:44px;height:44px}.tutorial-example-lanes{position:absolute;top:28px;left:12px;display:flex;height:44px;gap:4px}.tutorial-example-lanes span{position:relative;width:22px;line-height:44px;border-left:1px dashed #8993a3;color:#8993a3}.tutorial-example-lanes [data-target]{color:#479dff;background:#479dff35;border:1px solid #479dff;box-shadow:0 0 14px #479dff66}.tutorial-example-pip{position:absolute;left:226px;top:34px;width:32px;height:32px;box-sizing:border-box;background:#dce2e9;border:5px solid #479dff;box-shadow:0 0 16px #479dff66}.tutorial-example-flow{position:absolute;left:178px;top:32px;width:34px;font:700 22px/32px var(--hud-font);color:#479dff}.tutorial-example-state{position:absolute;left:6px;top:76px;width:268px;font:700 10px/18px var(--hud-font);color:#479dff}.tutorial-example-copy{position:absolute;top:96px;left:8px;right:8px;white-space:pre-line;font:500 11px/17px var(--hud-font)}.tutorial-tier-legend{position:absolute;left:5px;right:5px;top:139px;display:flex;gap:6px}.tutorial-tier-legend span{position:relative;flex:1 0 auto;min-width:max-content;border-top:5px solid;font:700 8px/15px var(--hud-font)}.weather-timeline{position:absolute;left:6px;right:6px;top:18px;height:14px;display:flex;white-space:nowrap}.weather-period{position:relative;display:flex;align-items:center;gap:2px;width:calc(100% / 3);min-width:0;padding-right:6px;box-sizing:border-box;color:var(--theme-ink);opacity:.75}.weather-period[data-current=true]{opacity:1;font-weight:700}.weather-period[data-wet]{color:var(--theme-cyan)}.weather-icon{position:static;width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.weather-rain{display:none}.weather-period[data-wet] .weather-rain{display:block}.weather-period[data-wet] .weather-moon{display:none}.weather-time{position:static;min-width:0;font:500 10px/14px var(--hud-font);font-variant-numeric:tabular-nums;white-space:nowrap}.weather-period[data-current=true] .weather-time{font-weight:700}.weather-arrow{position:absolute;right:1px;top:0;height:14px;font:500 10px/14px var(--hud-font);color:var(--theme-muted)}