:root{--panel:#151922}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font:inherit;cursor:pointer}.start{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:14px;font-size:18px;font-weight:800}.secondary{background:var(--panel);color:var(--text);border:1px solid #2a3040;border-radius:8px;padding:14px}.help{color:var(--dim);font-size:14px;line-height:1.9}.credit{color:#5d6575;font-size:12px}kbd{background:var(--panel);border:1px solid #2a3040;border-radius:4px;padding:1px 6px;font-size:12px}.race{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.race input,.race textarea{-webkit-user-select:auto;user-select:auto}.view{width:100%;height:100%;display:block}.pause-scrim{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#0b0d128c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pause-panel{background:#151922d9;border:1px solid #2a3040;border-radius:12px;flex-direction:column;gap:14px;width:min(360px,86vw);padding:32px;display:flex;box-shadow:0 20px 60px #000a}.pause-title{letter-spacing:2px;text-align:center;font-size:28px;font-style:italic;font-weight:900}.loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading-title{letter-spacing:2px;font-size:44px;font-style:italic;font-weight:900}.loading-bar{background:var(--panel);border-radius:3px;width:min(420px,80vw);height:6px;overflow:hidden}.loading-bar span{background:var(--accent);height:100%;transition:width .2s;display:block}.loading-pct{color:var(--dim);font-variant-numeric:tabular-nums;font-size:14px}.start-error{z-index:3;text-align:center;padding:0 16px}.start-error-msg{max-width:460px;color:var(--text);margin:0;line-height:1.5}.start-error .start{padding:12px 28px}:root{--bg:#07090d;--glass:#12161e9e;--glass-blur:blur(14px);--line:#ffffff14;--line-strong:#ffffff29;--accent:#e10600;--accent-glow:#e1060073;--text:#f2f4f8;--dim:#9aa3b2;--start-dot:#ffd21f;--font-head:"Saira", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--radius:12px;--gutter:clamp(24px, 3.4vw, 64px);font-family:var(--font-body);color:var(--text);background:var(--bg)}body{background:var(--bg)}.home-title,.step-title,.track-details-name,.btn-primary,.segmented-lg button{font-family:var(--font-head);text-transform:uppercase;font-style:italic;font-weight:800;font-stretch:75%}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 50px #00000059}.menu-shell{background:var(--bg);position:fixed;inset:0;overflow:hidden}.backdrop{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.backdrop.ready{opacity:1}.backdrop canvas{width:100%;height:100%;display:block}.menu-scrim{pointer-events:none;background:linear-gradient(90deg,#07090dd1 0%,#07090d73 45%,#07090d0d 80%),linear-gradient(#07090d00 65%,#07090dbf 100%);transition:background-color .4s;position:absolute;inset:0}.menu-shell:has(.step) .menu-scrim{background-color:#07090d80}.screen{z-index:1;padding:var(--gutter);flex-direction:column;display:flex;position:absolute;inset:0}.screen :focus-visible{outline:2px solid var(--text);outline-offset:3px}.screen .on:focus-visible{outline-color:var(--accent)}.screen button{color:var(--text);cursor:pointer}.screen button:disabled{cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;letter-spacing:.02em;box-shadow:0 8px 28px var(--accent-glow);border:0;border-radius:10px;padding:12px 34px;font-size:26px;line-height:1.1;transition:filter .15s,transform .15s}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn-primary:disabled{box-shadow:none;color:var(--dim);background:#3a3f4a}.btn-ghost{border:1px solid var(--line-strong);background:#ffffff0a;border-radius:10px;padding:12px 26px;font-weight:600}.btn-ghost:hover{background:#ffffff17}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.segmented{border:1px solid var(--line);background:#0000004d;border-radius:10px;gap:6px;padding:4px;display:flex}.segmented button{color:var(--dim);background:0 0;border:1px solid #0000;border-radius:7px;flex:1;padding:9px 10px;font-weight:600}.segmented button:hover{color:var(--text);background:#ffffff0d}.segmented button.on{color:var(--text);border-color:var(--accent);background:#e106002e}.segmented-lg button{padding:10px;font-size:34px;line-height:1}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--text);background:#ffffff14;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.menu-home{justify-content:center;gap:32px}.home-hero{margin-top:auto}.home-title{letter-spacing:.01em;text-shadow:0 6px 40px #00000080;margin:0;font-size:clamp(88px,10vw,184px);line-height:.82}.home-title:after{content:"";background:var(--accent);width:.9em;height:.07em;box-shadow:0 0 24px var(--accent-glow);margin-top:.12em;display:block;transform:skew(-18deg)}.home-tag{color:var(--dim);letter-spacing:.18em;text-transform:uppercase;margin:14px 0 0;font-size:15px;font-weight:600}.home-panel{flex-direction:column;gap:14px;width:min(400px,100%);padding:22px;display:flex}.home-panel .btn-primary{padding:14px 20px;font-size:32px}.home-settings{align-items:center;gap:12px;display:flex}.home-settings .segmented{flex:none}.segmented-sm{gap:3px;padding:3px}.segmented-sm button{flex:none;padding:5px 10px;font-size:12px}.assist-toggles button{padding:9px 8px;font-size:14px}.assist-toggles button:disabled{opacity:.4;cursor:not-allowed}.screen .help{color:var(--dim);margin:0;font-size:13px;line-height:2}.screen kbd{border:1px solid var(--line-strong);font-size:11px;font-family:var(--font-body);background:#ffffff0f;border-radius:4px;padding:1px 6px}.keys{flex-direction:column;gap:2px;display:flex}.keys-line{margin:0;line-height:1.9}.keys-item{white-space:nowrap}.keys kbd+kbd,.keys-caps kbd+kbd{margin-left:3px}.pause-panel .keys{color:var(--dim);font-size:13px}.pause-panel kbd{border:1px solid var(--line-strong);background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:11px}.keys-table{border-collapse:collapse;font-size:14px}.keys-table th{text-align:left;color:var(--dim);letter-spacing:.12em;text-transform:uppercase;padding:12px 0 4px;font-size:11px;font-weight:700}.keys-table td{padding:4px 16px 4px 0}.keys-table kbd{border:1px solid var(--line-strong);background:#ffffff0f;border-radius:4px;padding:1px 6px;font-size:12px}.touch-legend{margin:0;line-height:1.9}.touch-icon{vertical-align:-.1em;width:.9em;height:.9em;display:inline-block}.touch-btn .touch-icon{width:1em;height:1em;margin:0 auto;display:block}.touch-legend kbd+kbd{margin-left:3px}.touch-diagram dd{align-items:center;gap:8px;display:flex}.touch-diagram dd kbd{text-align:center;flex:none;min-width:34px}.howto-card h3{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin:14px 0 4px;font-size:11px;font-weight:700}.menu-home .credit{color:#6c7585;margin:auto 0 0;font-size:12px}.step{gap:18px;padding-bottom:20px}.step-head{flex-direction:column;gap:6px;display:flex}.step-trail{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;gap:22px;margin:0;padding:0;font-size:12px;font-weight:600;list-style:none;display:flex}.step-trail li{align-items:center;gap:8px;display:flex}.step-trail span{border:1px solid var(--line-strong);letter-spacing:0;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.step-trail li.on{color:var(--text)}.step-trail li.on span{background:var(--accent);border-color:var(--accent)}.step-trail li.done span{background:#ffffff24}.step-title{margin:0;font-size:clamp(40px,3.6vw,60px);line-height:1}.step-body{scrollbar-color:#fff3 transparent;flex:1;min-height:0;margin:0 -8px;padding:4px 8px 8px;overflow:auto}.step-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.team-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;display:grid}.team-group{border-radius:var(--radius);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:10px 12px 12px}.team-name{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:700;display:flex}.team-name:before{content:"";background:var(--team);border-radius:2px;width:16px;height:4px}.team-drivers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.driver-card{text-align:left;background:linear-gradient(110deg, color-mix(in srgb, var(--team) 26%, transparent), #ffffff08 70%);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;min-width:0;padding:12px 8px 12px 14px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative;overflow:hidden}.driver-card:hover{border-color:var(--line-strong)}.driver-band{background:var(--team);width:5px;position:absolute;top:0;bottom:0;left:0}.driver-swatch{background:linear-gradient(135deg, var(--team) 50%, var(--team2) 50%);border-radius:50%;flex:none;width:16px;height:16px;box-shadow:0 0 0 1px #ffffff40}.driver-name{min-width:0;font-size:14px;font-weight:600;line-height:1.2}.driver-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 22px var(--accent-glow)}.track-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.track-group+.track-group{margin-top:18px}.track-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 8px;font-size:11px;font-weight:700}.track-card{text-align:left;border:1px solid var(--line);background:var(--glass);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:10px;flex-direction:column;gap:2px;padding:10px 10px 9px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.track-card:hover:not(:disabled){border-color:var(--line-strong)}.track-card .badge{padding:2px 6px;font-size:10px;position:absolute;top:8px;right:8px}.track-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 26px var(--accent-glow)}.track-card.soon>*{opacity:.5}.outline{aspect-ratio:200/120;width:100%;height:auto;margin-bottom:4px;display:block}.outline path{fill:none;stroke:var(--text);stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.outline circle{fill:var(--start-dot);stroke:var(--bg);stroke-width:1.5px}.track-card.on .outline path{stroke:#fff;filter:drop-shadow(0 0 4px var(--accent-glow))}.track-name{min-height:2.5em;padding-right:2px;font-size:13px;font-weight:600;line-height:1.25}.track-sub{color:var(--dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;column-gap:6px;font-size:12px;display:flex}.track-label{color:var(--start-dot);font-size:11px}.soon-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-top:2px;font-size:10px;font-weight:700}.track-details{align-items:center;gap:22px;padding:12px 20px;display:flex}.outline-lg{flex:none;width:170px;margin:0}.outline-lg path{stroke-width:2.8px}.track-details-text{flex-direction:column;gap:4px;min-width:0;display:flex}.track-details-meta{align-items:center;gap:10px;display:flex}.track-details-meta .badge{background:var(--accent);color:#fff}.track-details-name{margin:0;font-size:34px;line-height:1}.track-details-sub{color:var(--dim);font-size:14px}.setup-panel{flex-direction:column;gap:24px;width:min(560px,100%);padding:24px;display:flex}.setup-summary{flex-direction:column;gap:14px;margin:0;display:flex}.setup-summary>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;align-items:baseline;padding-bottom:12px;display:grid}.setup-summary dt{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.setup-summary dd{align-items:baseline;gap:10px;min-width:0;margin:0;font-size:18px;font-weight:600;display:flex}.setup-summary small{color:var(--dim);font-size:13px;font-weight:500}.setup-summary .swatch{background:linear-gradient(135deg, var(--team) 50%, var(--team2) 50%);border-radius:50%;flex:none;align-self:center;width:14px;height:14px;box-shadow:0 0 0 1px #ffffff40}.howto-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;display:grid}.howto-card{padding:16px 18px}.howto-card h2{font-size:22px;font-family:var(--font-head);margin:0 0 6px;font-style:italic}.howto-list{flex-direction:column;gap:8px;margin:0;display:flex}.howto-list dt{font-size:14px;font-weight:700}.howto-list dd{color:var(--dim);margin:2px 0 0;font-size:13px;line-height:1.45}.guided-summary{min-height:100%;padding:var(--gutter);display:flex}.guided-panel{flex-direction:column;gap:14px;width:min(560px,100%);margin:auto;padding:24px;display:flex}.guided-time{color:var(--dim);margin:0}.guided-time strong{color:var(--text);font-variant-numeric:tabular-nums}.guided-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.guided-steps li{color:var(--dim);gap:10px;display:flex}.guided-steps li.done{color:var(--text)}.guided-steps li span{width:1.2em}.menu-shell.static{background:radial-gradient(120% 90% at 80% 20%, #1b2130 0%, var(--bg) 60%)}@media (width<=760px),(pointer:coarse) and (width<=1024px){.screen{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow-y:auto}.screen button{min-height:44px}.menu-home{justify-content:flex-start;gap:16px}.home-hero{margin-top:0}.home-title{font-size:clamp(52px,16vw,96px)}.home-panel{gap:12px;width:100%;padding:16px}.home-panel .btn-primary{font-size:26px}.home-settings{flex-wrap:wrap}.segmented-sm button{min-height:40px;padding:6px 12px}.volume-icon{min-width:44px}.home-settings .volume-compact{flex:180px}.menu-home .credit{margin-top:8px}.step{gap:10px}.step-title{font-size:34px}.step-trail{gap:12px;font-size:11px}.team-grid{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.track-details{flex-wrap:wrap;gap:12px;padding:10px 12px}.outline-lg{width:110px}.track-details-name{font-size:24px}.setup-panel{gap:16px;padding:16px}.setup-summary>div{grid-template-columns:84px 1fr}.segmented-lg button{font-size:24px}.howto-grid{grid-template-columns:1fr}.step-foot{background:linear-gradient(0deg, var(--bg) 60%, transparent);padding-top:8px;position:sticky;bottom:0}}@media (height<=500px) and (pointer:coarse){.home-title{font-size:48px}.menu-home{gap:10px}}:root{--hud-edge:20px;--hud-radius:10px;--hud-pad:10px;--hud-panel-bg:#0c0f1594;--hud-player:#e1060057;--hud-fastest:#b56cff;--hud-tower-width:210px;--hud-tower-row:30px;--hud-tower-font:15px;--hud-tower-gap-font:13px;--hud-tick-width:4px;--hud-timing-width:220px;--hud-lap-font:15px;--hud-current-font:34px;--hud-sub-font:15px;--hud-light-size:56px;--hud-light-gap:14px;--hud-lights-drop:8px;--hud-speed-font:68px;--hud-unit-font:15px;--hud-gear-size:60px;--hud-gear-font:40px;--hud-rpm-width:300px;--hud-rpm-height:8px;--hud-dash-gap:14px;--hud-energy-height:92px;--hud-energy-bar:16px;--hud-sys-font:12px;--hud-energy-offset:250px;--ers-fill:#2ab4ff;--ers-boost:#ffd21f;--ers-harvest:#1aff8c;--ers-overtake:#b56cff;--hud-touch-width:0px;--hud-touch-height:0px}.race[data-layout=phone]{--hud-edge:10px;--hud-radius:8px;--hud-pad:6px;--hud-tower-width:128px;--hud-tower-row:20px;--hud-tower-font:12px;--hud-tower-gap-font:10px;--hud-tick-width:3px;--hud-timing-width:88px;--hud-lap-font:10px;--hud-current-font:17px;--hud-sub-font:11px;--hud-light-size:30px;--hud-light-gap:8px;--hud-lights-drop:0px;--hud-speed-font:34px;--hud-unit-font:10px;--hud-gear-size:32px;--hud-gear-font:22px;--hud-rpm-width:140px;--hud-rpm-height:5px;--hud-dash-gap:8px;--hud-energy-height:40px;--hud-energy-bar:6px;--hud-sys-font:9px;--touch-big:64px;--touch-small:44px;--touch-gap:8px;--hud-touch-width:calc(var(--touch-big) * 2 + var(--touch-gap));--hud-touch-height:calc(var(--touch-big) + var(--touch-gap) + var(--touch-small))}.hud{--hud-top:calc(var(--hud-edge) + env(safe-area-inset-top,0px));--hud-right:calc(var(--hud-edge) + env(safe-area-inset-right,0px));--hud-bottom:calc(var(--hud-edge) + env(safe-area-inset-bottom,0px));--hud-left:calc(var(--hud-edge) + env(safe-area-inset-left,0px));z-index:1;pointer-events:none;color:var(--text);font-family:var(--font-body);font-variant-numeric:tabular-nums;position:absolute;inset:0}.hud-panel{background:var(--hud-panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);border-radius:var(--hud-radius);position:absolute;box-shadow:0 10px 30px #0000004d}.hud-tower{top:var(--hud-top);left:var(--hud-left);width:var(--hud-tower-width);padding:calc(var(--hud-pad) / 2) 0;margin:0;list-style:none;overflow:hidden}.hud-tower li{grid-template-columns:2.1em var(--hud-tick-width) 1fr auto;height:var(--hud-tower-row);padding:0 var(--hud-pad) 0 calc(var(--hud-pad) / 2);font-size:var(--hud-tower-font);align-items:center;column-gap:.55em;font-weight:700;display:grid}.hud-tower li.me{background:var(--hud-player);box-shadow:inset 3px 0 0 var(--accent)}.tower-pos{text-align:right;color:var(--dim)}.hud-tower li.me .tower-pos{color:var(--text)}.tower-tick{background:var(--team);border-radius:2px;height:64%;box-shadow:0 0 0 1px #ffffff38}.tower-code{letter-spacing:.06em}.tower-gap{font-size:var(--hud-tower-gap-font);color:var(--dim);text-align:right;font-weight:600}.hud-tower li.me .tower-gap{color:var(--text)}.hud-timing{top:var(--hud-top);right:var(--hud-right);width:var(--hud-timing-width);padding:var(--hud-pad) calc(var(--hud-pad) * 1.3);text-align:right}.timing-lap{font-size:var(--hud-lap-font);letter-spacing:.12em;color:var(--dim);font-weight:700}.timing-current{font-family:var(--font-head);font-style:italic;font-weight:800;font-stretch:75%;font-size:var(--hud-current-font);line-height:1.05}.timing-sub{font-size:var(--hud-sub-font);justify-content:space-between;font-weight:600;display:flex}.timing-sub span:first-child{color:var(--dim);letter-spacing:.1em}.hud-lights{top:calc(var(--hud-top) + var(--hud-lights-drop));gap:var(--hud-light-gap);padding:var(--hud-pad) calc(var(--hud-pad) * 1.4);background:#040508c7;display:flex;left:50%;transform:translate(-50%)}.hud-lights span{width:var(--hud-light-size);height:var(--hud-light-size);background:#2a0404;border-radius:50%;box-shadow:inset 0 2px 6px #000000b3}.hud-lights span.lit{box-shadow:0 0 calc(var(--hud-light-size) * .45) #ff1a0a;background:radial-gradient(circle at 40% 35%,#ff6b5e,#ff1a0a 55%,#b80000)}.hud-dash{bottom:var(--hud-bottom);align-items:center;column-gap:var(--hud-dash-gap);row-gap:calc(var(--hud-dash-gap) * .6);padding:var(--hud-pad) calc(var(--hud-pad) * 1.6);grid-template-rows:auto auto;grid-template-columns:auto auto;display:grid;left:50%;transform:translate(-50%)}.dash-speed{font-family:var(--font-head);font-style:italic;font-weight:800;font-stretch:75%;font-size:var(--hud-speed-font);justify-content:flex-end;align-items:baseline;gap:6px;line-height:.9;display:flex}.dash-speed span{text-align:right;min-width:2.2ch}.dash-speed small{font-family:var(--font-body);font-style:normal;font-size:var(--hud-unit-font);color:var(--dim);font-weight:600}.dash-gear{width:var(--hud-gear-size);height:var(--hud-gear-size);border:2px solid var(--line-strong);border-radius:calc(var(--hud-radius) * .8);font-family:var(--font-head);font-style:italic;font-weight:800;font-stretch:75%;font-size:var(--hud-gear-font);background:#00000059;place-items:center;display:grid}.dash-rpm{width:var(--hud-rpm-width);height:var(--hud-rpm-height);border-radius:var(--hud-rpm-height);background:#ffffff1a;grid-column:1/-1;position:relative;overflow:hidden}.rpm-fill{transform-origin:0;transform:scaleX(var(--rpm));border-radius:inherit;background:linear-gradient(90deg,#1fd35a,#ffd21f 70%);position:absolute;inset:0}.dash-rpm.red .rpm-fill{background:#ff2a2a}.rpm-redline{top:0;bottom:0;right:0;left:calc(var(--redline) * 100%);background:#ff2a2a73;position:absolute}.hud-touch{bottom:var(--hud-bottom);width:var(--hud-touch-width);height:var(--hud-touch-height);position:absolute}.hud-touch-left{left:var(--hud-left)}.hud-touch-right{right:var(--hud-right)}.touch-controls{--hud-top:calc(var(--hud-edge) + env(safe-area-inset-top,0px));--hud-right:calc(var(--hud-edge) + env(safe-area-inset-right,0px));--hud-bottom:calc(var(--hud-edge) + env(safe-area-inset-bottom,0px));--hud-left:calc(var(--hud-edge) + env(safe-area-inset-left,0px));z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.touch-zone{pointer-events:none;gap:10px;display:flex;position:absolute}.touch-btn{pointer-events:auto;touch-action:none;border:1px solid var(--line-strong);min-width:56px;min-height:56px;color:var(--text);font-family:var(--font-head);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0d1373;border-radius:14px;padding:0 12px;font-size:18px;font-style:italic;font-weight:800}.touch-btn small{font-family:var(--font-body);color:var(--dim);font-size:9px;font-style:normal;display:block}.touch-btn.avail{border-color:var(--ers-fill)}.touch-btn.on{border-color:var(--ers-fill);background:#2ab4ff59}[data-touch=boost].on{border-color:var(--ers-boost);background:#ffd21f52}[data-touch=ot].on{border-color:var(--ers-overtake);background:#b56cff6b}.touch-btn.armed{border-color:var(--ers-overtake);animation:.8s ease-in-out infinite alternate ot-pulse}.touch-btn.down{border-color:var(--accent);background:#e1060073}.touch-steer{left:var(--hud-left,16px);bottom:var(--hud-bottom,16px)}.touch-pedals{right:var(--hud-right,16px);bottom:var(--hud-bottom,16px)}.touch-steer .touch-btn,.touch-pedals .touch-btn{min-width:84px;min-height:84px;font-size:26px}.touch-pedals [data-touch=throttle]{min-height:110px}.touch-sys-left{left:var(--hud-left,16px);bottom:calc(var(--hud-bottom,16px) + 100px)}.touch-sys-right{right:var(--hud-right,16px);bottom:calc(var(--hud-bottom,16px) + 126px)}.touch-top-left{left:calc(var(--hud-left,16px) + var(--hud-tower-width,0px) + 12px);top:var(--hud-top,16px)}.touch-top-right{right:calc(var(--hud-right,16px) + var(--hud-timing-width,0px) + 12px);top:var(--hud-top,16px)}.touch-top-left .touch-btn,.touch-top-right .touch-btn{min-width:48px;min-height:44px;font-size:14px}.race[data-layout=phone] .touch-zone{gap:var(--touch-gap)}.race[data-layout=phone] .touch-btn{min-width:var(--touch-small);min-height:var(--touch-small);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 3px #000000d9;background:#ffffff0a;border:1.5px solid #ffffff80;border-radius:12px;padding:0 8px;font-size:14px}.race[data-layout=phone] .touch-btn small{color:#ffffffbf;font-size:8px}.race[data-layout=phone] .touch-steer .touch-btn,.race[data-layout=phone] .touch-pedals .touch-btn{width:var(--touch-big);min-width:var(--touch-big);height:var(--touch-big);min-height:var(--touch-big);padding:0;font-size:16px}.race[data-layout=phone] .touch-steer .touch-btn{font-size:24px}.race[data-layout=phone] .touch-sys-left,.race[data-layout=phone] .touch-sys-right{bottom:calc(var(--hud-bottom) + var(--touch-big) + var(--touch-gap))}.race[data-layout=phone] .touch-top-left{left:calc(var(--hud-left) + var(--hud-tower-width) + var(--touch-gap))}.race[data-layout=phone] .touch-top-right{right:calc(var(--hud-right) + var(--hud-timing-width) + var(--touch-gap))}.race[data-layout=phone] .touch-top-left .touch-btn,.race[data-layout=phone] .touch-top-right .touch-btn{min-width:var(--touch-small);font-size:12px}.race[data-layout=phone] .touch-btn.avail{border-color:var(--ers-fill)}.race[data-layout=phone] .touch-btn.on{border-color:var(--ers-fill);background:#2ab4ff59}.race[data-layout=phone] [data-touch=boost].on{border-color:var(--ers-boost);background:#ffd21f52}.race[data-layout=phone] [data-touch=ot].on{border-color:var(--ers-overtake);background:#b56cff6b}.race[data-layout=phone] .touch-btn.armed{border-color:var(--ers-overtake)}.race[data-layout=phone] .touch-btn.down{border-color:var(--accent);background:#e1060080}.rotate-overlay{z-index:5;color:var(--text);font-family:var(--font-head);background:#07090deb;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:28px;font-style:italic;font-weight:800;display:flex;position:absolute;inset:0}.rotate-icon{border:3px solid var(--text);border-radius:8px;width:44px;height:72px;transform:rotate(-90deg)}.results-shell{color:var(--text);background:radial-gradient(ellipse 80% 60% at 50% -10%, #e1060038, transparent 60%), linear-gradient(180deg, #0d1118, var(--bg) 60%);position:fixed;inset:0;overflow:auto}.results-screen{max-width:1080px;padding:var(--gutter);flex-direction:column;gap:22px;margin:0 auto;display:flex}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.results-title{font-family:var(--font-head);margin:0;font-size:clamp(48px,5vw,76px);font-style:italic;font-weight:800;font-stretch:75%;line-height:1}.results-sub{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:15px;font-weight:600}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin:0;padding:0;list-style:none;display:grid}.podium-card{border-radius:var(--radius);border:1px solid var(--line-strong);background:linear-gradient(150deg, color-mix(in srgb, var(--team) 62%, #0b0e14), color-mix(in srgb, var(--team) 18%, #0b0e14) 85%);text-shadow:0 1px 6px #0000008c;flex-direction:column;gap:2px;min-width:0;padding:16px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.podium-card:before{content:"";background:var(--team2);height:5px;position:absolute;top:0;left:0;right:0}.podium-card.p1{order:2;min-height:200px}.podium-card.p2{order:1;min-height:172px}.podium-card.p3{order:3;min-height:150px}.podium-card.me{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 26px var(--accent-glow)}.podium-pos,.podium-code{font-family:var(--font-head);font-style:italic;font-weight:800;font-stretch:75%;line-height:1}.podium-pos{opacity:.85;font-size:22px}.podium-code{letter-spacing:.02em;margin-top:auto;font-size:46px}.podium-name{font-size:16px;font-weight:700}.podium-team{opacity:.8;font-size:13px}.podium-time{font-variant-numeric:tabular-nums;margin-top:6px;font-size:18px;font-weight:700}.results-table-wrap{padding:6px 0;overflow-x:auto}.results-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.results-table th{text-align:left;color:var(--dim);letter-spacing:.12em;text-transform:uppercase;padding:10px 14px;font-size:11px;font-weight:700}.results-table td{border-top:1px solid var(--line);white-space:nowrap;padding:10px 14px}.results-table .num{text-align:right}.results-table .pos{width:3em;font-weight:800}.results-table .dim{color:var(--dim)}.results-table .code{letter-spacing:.06em;align-items:center;gap:8px;font-weight:800;display:inline-flex}.results-table .tick{background:var(--team);border-radius:2px;width:4px;height:16px;box-shadow:0 0 0 1px #ffffff38}.results-table tr.me td{background:#e1060029}.results-table tr.me td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.results-table td.fastest{color:var(--hud-fastest);font-weight:700}.fastest-tag{vertical-align:1px;background:var(--hud-fastest);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:5px;margin-right:10px;padding:2px 7px;font-size:10px;font-weight:800}.results-actions{justify-content:flex-end;gap:12px;display:flex}.results-actions button{color:var(--text)}.results-actions :focus-visible{outline:2px solid var(--text);outline-offset:3px}.volume-row{align-items:center;gap:10px;display:flex}.volume-row input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.volume-mute{border:1px solid var(--line);color:var(--dim);background:0 0;border-radius:7px;flex:none;padding:7px 12px;font-weight:600}.volume-mute.on{color:var(--text);border-color:var(--accent);background:#e106002e}.volume-compact{flex:1;min-width:0}.volume-icon{border:1px solid var(--line);width:32px;height:32px;color:var(--dim);background:0 0;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.volume-icon.on{color:var(--text);border-color:var(--accent);background:#e106002e}.volume-icon svg{width:18px;height:18px;display:block}.hud-muted{bottom:var(--hud-bottom);right:var(--hud-right);padding:calc(var(--hud-pad) * .8);place-items:center;display:grid}.hud-muted svg{width:22px;height:22px;display:block}.hud-energy{bottom:var(--hud-bottom);left:calc(50% + var(--hud-energy-offset));gap:calc(var(--hud-pad) * .8);padding:var(--hud-pad);align-items:stretch;display:flex}.energy-bar{width:var(--hud-energy-bar);height:var(--hud-energy-height);background:#ffffff14;border-radius:4px;position:relative;overflow:hidden}.energy-fill{height:calc(var(--charge) * 100%);background:var(--ers-fill);transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.energy-bar.boost .energy-fill{background:var(--ers-boost);box-shadow:0 0 10px var(--ers-boost)}.energy-bar.harvest .energy-fill{background:var(--ers-harvest)}.energy-side{flex-direction:column;justify-content:space-between;gap:3px;display:flex}.energy-mj{font-family:var(--font-head);font-style:italic;font-weight:800;font-size:calc(var(--hud-sys-font) * 1.6);line-height:1}.energy-mj small,.sys small{font-family:var(--font-body);color:var(--dim);margin-left:3px;font-size:.7em;font-style:normal}.energy-cap{background:#ffffff1a;border-radius:2px;height:3px;display:block}.energy-cap span{height:100%;width:calc(var(--cap) * 100%);background:var(--ers-harvest);border-radius:2px;display:block}.dmg{color:var(--dim);opacity:.5;place-items:center;transition:color .2s,opacity .2s;display:inline-grid}.dmg svg{width:calc(var(--hud-sys-font) * 2.2);height:auto;display:block}.dmg.amber{color:#ffb020;opacity:1}.dmg.red{color:var(--accent);opacity:1}.dash-ers .dmg svg{width:calc(var(--hud-sys-font) * 1.8)}.dash-ers{grid-area:1/1/span 2;align-self:stretch;align-items:flex-end;gap:4px;display:flex}.dash-ers .energy-bar{height:100%;min-height:var(--hud-energy-height);border-radius:3px}.dash-ers .energy-mj{font-size:calc(var(--hud-sys-font) * 1.4)}.race[data-layout=phone] .hud-dash{grid-template-columns:auto auto auto}.race[data-layout=phone] .dash-speed{grid-area:1/2}.race[data-layout=phone] .dash-gear{grid-area:1/3}.race[data-layout=phone] .dash-rpm{grid-area:2/2/auto/-1}.race[data-layout=phone] .hud-message{top:var(--hud-top);font-size:calc(var(--hud-sys-font) * 1.5);padding:5px 10px}.race[data-layout=phone] .hud-muted{bottom:auto;top:calc(var(--hud-top) + 50px);padding:4px}.race[data-layout=phone] .hud-muted svg{width:16px;height:16px}.sys{font-size:var(--hud-sys-font);letter-spacing:.06em;color:var(--dim);opacity:.45;border:1px solid #0000;border-radius:4px;padding:1px 5px;font-weight:700}.sys.avail{opacity:1;border-color:var(--ers-fill);color:var(--text)}.sys.on{opacity:1;background:var(--ers-fill);color:#04121c}[data-hud=boost].on{background:var(--ers-boost)}.sys-ot.armed{opacity:1;color:var(--text);border-color:var(--ers-overtake);animation:.8s ease-in-out infinite alternate ot-pulse}.sys-ot.active{opacity:1;background:var(--ers-overtake);color:#fff}@keyframes ot-pulse{0%{box-shadow:0 0 #0000}to{box-shadow:0 0 10px var(--ers-overtake)}}.hud-message{padding:calc(var(--hud-pad) * .8) calc(var(--hud-pad) * 2);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:calc(var(--hud-sys-font) * 1.8);letter-spacing:.08em;top:30%;left:50%;transform:translate(-50%)}.hud-brake{padding:calc(var(--hud-pad) * .6) calc(var(--hud-pad) * 2);background:var(--accent);color:#fff;font-family:var(--font-head);font-style:italic;font-weight:800;font-size:calc(var(--hud-sys-font) * 2);letter-spacing:.1em;animation:.35s steps(2,end) infinite brake-flash;top:38%;left:50%;transform:translate(-50%)}@keyframes brake-flash{50%{opacity:.35}}.hud-prompt{padding:calc(var(--hud-pad) * .8) calc(var(--hud-pad) * 2);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:calc(var(--hud-sys-font) * 2);letter-spacing:.04em;white-space:nowrap;border:1px solid var(--ers-fill);top:18%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hud-brake,.sys-ot.armed,.touch-btn.armed{animation:none}}.race[data-layout=phone] .pause-panel{grid-template-columns:1fr 1fr;align-content:start;gap:8px 20px;width:min(640px,92vw);max-height:92vh;padding:16px 20px;display:grid;overflow-y:auto}.race[data-layout=phone] .pause-panel>*{grid-column:1}.race[data-layout=phone] .pause-panel>:nth-child(5){grid-area:1/2/span 2}.race[data-layout=phone] .pause-panel>:nth-child(6){grid-area:3/2/span 2;align-self:start}.race[data-layout=phone] .pause-panel .pause-title{font-size:22px}.race[data-layout=phone] .pause-panel>.start,.race[data-layout=phone] .pause-panel>.secondary{padding:12px}.race[data-layout=phone] .pause-panel .touch-legend{line-height:1.7}