[hidden]{display:none!important}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030303}body{font-family:Arial,Helvetica,sans-serif;color:var(--accent);-webkit-font-smoothing:antialiased;--accent:#ff293e;--accent-rgb:255,41,62;--muted:rgba(var(--accent-rgb),.53);--line:rgba(var(--accent-rgb),.55)}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:hover{background:rgba(var(--accent-rgb),.085)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:active{transform:translateY(1px)}a{color:inherit}input{accent-color:var(--accent)}#cockpit{color:var(--accent);--muted:rgba(var(--accent-rgb),.53);--line:rgba(var(--accent-rgb),.55);width:100%;height:100%;position:relative;min-height:470px;max-width:2400px;margin:auto;background:#000;isolation:isolate;font-size:clamp(12px,1.15vw,21px);transition:color .35s}header{position:absolute;top:3.7%;left:4%;right:3.4%;display:flex;align-items:center;justify-content:space-between;z-index:10;font-size:.94em;font-weight:600}.status,.header-actions{display:flex;align-items:center;gap:.6em}.header-actions{font-size:.83em;font-weight:400}.header-actions button{font-size:1.5em;opacity:.45;padding:.2em}.header-actions button:hover{opacity:1}#gears button{opacity:.38;letter-spacing:.13em;padding:0 .1em}#gears button.active{opacity:1}.battery-bars{letter-spacing:-6px;margin-right:.15em;font-size:1.4em;line-height:.5}.gear-rail{position:absolute;left:3.8%;top:16%;width:4.1%;height:53%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-image:radial-gradient(rgba(var(--accent-rgb),.6) 1px,transparent 1px);background-size:12px 13px;z-index:7}.gear-rail>button{font-size:2.6em;padding:0 .15em;line-height:1.2;background:#05050580}.gear-rail .park{font-size:.8em;position:absolute;top:30%;left:17%;padding:.25em}.park small{display:block;font-size:.5em}.car-top{height:26%;width:68%;fill:none;stroke:currentColor;stroke-width:2;position:absolute;top:41%}#scene-slot{position:absolute;left:10%;top:9%;width:87%;height:73%;transition:left .6s,width .6s,top .6s,height .6s;z-index:1}#scene{width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}#loading{position:absolute;top:48%;left:35%;font-size:.8em;letter-spacing:.2em;color:#999}#loading span{display:block;height:1px;background:var(--accent);margin-top:12px;animation:load 1.5s infinite;transform-origin:left}@keyframes load{0%{transform:scaleX(.05)}100%{transform:scaleX(1)}}#scene-error{position:absolute;inset:35% 15%;color:#ddd;background:#111;padding:2em;font-size:14px}#content{position:absolute;inset:12% 4.5% 21% 12%;z-index:3;pointer-events:none}#content>*{pointer-events:auto}.section-label{font-size:.66em;letter-spacing:.16em;opacity:.5;margin-bottom:1.5em}.dynamics-layout{display:grid;grid-template-columns:21% 43%;gap:2.5%;height:100%;align-items:center}.presets{display:grid;gap:1.25em;align-content:center}.preset{position:relative;text-align:left;border-top:2px solid var(--line);background:linear-gradient(110deg,rgba(var(--accent-rgb),.06),transparent);padding:1em 1.2em;min-height:68px}.preset small{font-size:.54em;display:block;margin-bottom:.55em;letter-spacing:.05em;opacity:.7}.preset b{font-size:1.04em}.preset.selected{border:1px solid var(--accent);border-top-width:2px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.17),rgba(var(--accent-rgb),.05));box-shadow:0 0 16px rgba(var(--accent-rgb),.06)}.track-entry{border-top:2px solid var(--line);text-align:left;margin-top:.5em;padding:1.2em;font-size:1.05em}.track-entry span{display:block;margin-bottom:.4em}.controls-list{display:grid;gap:1em}.control-row{border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(var(--accent-rgb),.055),transparent);min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 10px}.control-row>label{font-size:.8em;font-weight:600;white-space:nowrap}.segments{display:flex;align-items:center;gap:3px}.segments button{font-size:.72em;padding:.8em .75em;white-space:nowrap;color:var(--muted);border:1px solid transparent;min-height:34px}.segments button.selected{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),.08);box-shadow:inset 0 0 16px rgba(var(--accent-rgb),.06)}.control-row.pair{display:grid;grid-template-columns:1fr 1fr}.pair button{font-size:.75em;text-align:left;display:flex;justify-content:space-between;gap:6px;padding:.3em}.summary-list{display:grid;gap:2em;font-size:.83em}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(var(--accent-rgb),.1);padding:.8em 0}.summary-row span:last-child{font-weight:600}.display-panel{position:absolute;left:1%;width:40%;top:8%;display:grid;gap:2.6em}.setting>label{display:block;font-size:.87em;margin-bottom:.65em}.setting .segments{width:100%;gap:0;background:rgba(var(--accent-rgb),.05)}.setting .segments button{flex:1;border:1px solid rgba(var(--accent-rgb),.22);font-size:.88em;padding:1.1em}.setting .segments button.selected{background:rgba(var(--accent-rgb),.18);box-shadow:0 0 18px rgba(var(--accent-rgb),.1);border-color:var(--accent)}.range-row{display:flex;align-items:center;gap:1em;padding:1.1em;background:rgba(var(--accent-rgb),.09);border:1px solid var(--line)}input[type=range]{cursor:pointer;height:3px;min-width:0}.range-row input{width:100%}.range-row output{min-width:3em;text-align:right}.charging-panel{position:absolute;left:21%;right:15%;bottom:4%;height:14%}.charging-panel label{display:flex;justify-content:space-between;font-size:.85em;margin-bottom:.8em}.charging-panel input{width:100%;height:45px;appearance:none;background:linear-gradient(to right,#8cf222 var(--charge),#101410 var(--charge));border:1px solid #3f6324;accent-color:#ff293e}.charging-panel input::-webkit-slider-thumb{appearance:none;width:5px;height:51px;background:var(--accent);box-shadow:0 0 0 3px #000}.small-note{font-size:.62em;color:var(--muted);line-height:1.6}.lights-panel{position:absolute;left:2%;top:20%;width:36%}#subnav{position:absolute;bottom:17.5%;left:35%;right:24%;z-index:6;display:flex;justify-content:space-around;gap:14px}#subnav button{font-size:.9em;position:relative;padding:1em .5em;opacity:.55}#subnav button.selected{opacity:1;font-weight:600}#subnav button.selected:after{content:'';position:absolute;bottom:0;left:47%;width:7px;height:7px;border-top:1px solid var(--accent);border-left:1px solid var(--accent);transform:rotate(45deg);background:#030303}#player{position:absolute;left:32%;right:26%;bottom:14.3%;height:6.5%;display:flex;align-items:center;gap:1.1em;z-index:5;font-size:.67em}.album-mini{height:32px;width:32px;background:linear-gradient(160deg,#27364e,#542531 38%,#d07f8f 40%,#08080e 49%,#3d4560);flex-shrink:0}.song{display:grid;gap:3px;min-width:30%;margin-right:auto}.song small{font-size:.92em}.play{font-size:1.3em}#play-time{font-size:.85em;margin-left:auto}#play-time small{display:block;opacity:.6}#seek{position:absolute;bottom:-8px;width:100%;left:0;height:2px;appearance:none;background:var(--line)}#seek::-webkit-slider-thumb{appearance:none;background:var(--accent);width:7px;height:7px;transform:rotate(45deg)}footer{position:absolute;left:4%;right:4%;bottom:4.2%;height:8.5%;display:grid;grid-template-columns:23% 1fr 18%;gap:2.5%;z-index:8}footer>div,footer>nav{border-top:1px solid var(--accent);display:flex;align-items:center;justify-content:space-around}#main-nav button{font-size:.88em;opacity:.65;padding:1.3em .5em;position:relative}#main-nav button.selected{opacity:1;font-weight:600}#main-nav button.selected:before{content:'';position:absolute;top:-1px;height:2px;background:var(--accent);left:10%;right:10%}.temperature{font-size:2em;letter-spacing:.2em}.temperature button{padding:.15em .3em}#temp-value{font-size:1em;letter-spacing:.17em}.prototype-mark{position:absolute;bottom:1.25%;left:4%;font-size:8px;letter-spacing:.19em;color:#5b5b5b;pointer-events:none}.prototype-mark span{margin:0 8px}#toast{position:absolute;bottom:15%;left:50%;transform:translateX(-50%) translateY(15px);background:#111;border:1px solid var(--line);padding:.7em 1.3em;font-size:.73em;z-index:20;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{color:#e2e2e2;background:#0d0e10;border:1px solid #4b4b4b;max-width:570px;padding:36px;font-size:14px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-size:28px;font-weight:400;margin-top:0}dialog dt{color:#fff;float:left;clear:left;width:145px}dialog dd{margin-left:150px;margin-bottom:14px;color:#aaa}dialog .muted{color:#888;font-size:12px}dialog small{display:block;color:#555;margin-top:22px}#close-info{position:absolute;right:15px;top:10px;font-size:24px}#cockpit[data-theme=Light]{--accent:#e9e9e6;--accent-rgb:233,233,230}#cockpit[data-page=Vehicle] #player{left:auto;right:5%;width:17%;bottom:18%;height:4%}#cockpit[data-page=Vehicle] #player .song,#cockpit[data-page=Vehicle] #player .album-mini,#cockpit[data-page=Vehicle] #play-time,#cockpit[data-page=Vehicle] #seek{display:none}#cockpit[data-page=Vehicle] #player{justify-content:space-around}.climate-tabs{position:absolute;top:0;left:40%;display:flex;gap:22px}.climate-tabs button{opacity:.4;padding:10px}.climate-tabs button.selected{opacity:1}.climate-controls{position:absolute;bottom:2%;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.climate-controls button{font-size:1.1em;padding:.4em}.climate-controls button.selected{background:rgba(var(--accent-rgb),.12)}.fan-control{display:flex;align-items:center;gap:15px}.climate-flow-hint{position:absolute;left:3%;top:16%;font-size:.7em;opacity:.5}.listen-panel{position:absolute;inset:0;overflow:hidden}.album-hero{display:flex;gap:25px;align-items:center;height:42%;margin-top:2%}.album-art{width:140px;aspect-ratio:1;background:var(--art);flex-shrink:0}.album-copy small{font-size:.7em}.album-copy h2{font-size:1.85em;font-weight:400;margin:12px 0 0}.album-copy p{font-size:1.3em;margin:0 0 15px;opacity:.65}.play-album{width:210px;text-align:left;padding:12px 20px;background:rgba(var(--accent-rgb),.1);border:1px solid var(--line);font-size:.8em}.album-row{display:flex;gap:1.2em;margin-top:1em}.album-card{width:12%;text-align:left;padding:0;min-width:0}.album-card .album-art{width:100%;transition:.2s}.album-card:hover .album-art{outline:1px solid var(--accent);transform:translateY(-4px)}.album-card small{font-size:.62em;display:block;margin-top:7px}.album-card span{font-size:.57em;opacity:.5}.listen-panel h3{font-size:.8em;margin-top:1.5em}.map-panel{position:absolute;inset:0;overflow:hidden;background:#050505}.map-panel svg{width:100%;height:100%;touch-action:none;cursor:grab}.map-controls{position:absolute;bottom:20px;left:5%;display:flex;gap:8px}.map-controls button,.map-zoom button{border:1px solid var(--line);padding:12px 24px;background:#080808}.map-zoom{position:absolute;right:10px;bottom:20px;display:grid;gap:8px}.map-caption{position:absolute;top:10px;left:20px;font-size:.65em;letter-spacing:.1em;opacity:.55}.track-layout{height:100%;display:grid;grid-template-columns:21% 21% 37% 18%;gap:1%}.telemetry-col{display:grid;gap:2%;min-height:0}.telemetry-col.first{grid-template-rows:14% 14% 14% 14% 36%}.telemetry-col.second{grid-template-rows:14% 44% 36%}.telemetry-col.middle{grid-template-rows:58% 38%}.telemetry-col.last{grid-template-rows:38% 16% 14% 14% 12%}.tile{border:1px solid var(--line);padding:.8em;position:relative;overflow:hidden;background:rgba(var(--accent-rgb),.018);font-size:.78em}.tile-title{display:flex;justify-content:space-between;gap:.4em;align-items:center}.tile-title span:last-child{font-weight:bold}.bar{height:5px;border:1px solid var(--line);border-top:0;position:absolute;bottom:15%;left:7%;right:7%}.bar i{display:block;height:100%;background:var(--accent);width:var(--fill,0%);box-shadow:0 0 7px rgba(var(--accent-rgb),.4)}.wheel-readings{position:absolute;inset:26% 10% 10%;display:grid;grid-template-columns:1fr 1fr;gap:30%;font-size:.9em}.wheel-readings span:nth-child(even){text-align:right}.wheel-readings svg{position:absolute;left:31%;width:38%;height:100%;fill:none;stroke:var(--accent);stroke-width:1.4}.g-meter{position:absolute;inset:20% 15% 12%;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;aspect-ratio:1;max-height:75%;margin:auto}.g-meter:before,.g-meter:after{content:'';position:absolute;background:rgba(var(--accent-rgb),.2)}.g-meter:before{height:1px;left:0;right:0;top:50%}.g-meter:after{width:1px;top:0;bottom:0;left:50%}.g-meter i{position:absolute;left:50%;top:50%;height:12px;width:12px;border:1px solid var(--accent);background:rgba(var(--accent-rgb),.35);border-radius:50%;box-shadow:0 0 12px var(--accent)}.g-meter small{position:absolute;top:2%;left:41%;font-size:.8em}.track-map{background:none}.track-map .track-placeholder{position:absolute;inset:15% 2% 2%;pointer-events:none}.track-map .elevation{font-size:.8em;text-align:right}.track-map .sectors{position:absolute;right:5%;bottom:5%;display:grid;gap:1em;font-size:.8em}.session-content{display:grid;grid-template-columns:32% 1fr;gap:6%;margin-top:.8em}.lap-best{display:grid;gap:1em}.lap-best small{display:block;font-size:.85em}.lap-best b{font-size:1.25em;display:block;margin-top:.3em}.lap-table{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.lap-table div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(var(--accent-rgb),.15);font-size:.83em;padding:.28em 0}.aero-status{display:grid;gap:1.15em;margin-top:1.5em;font-size:.75em}.aero-status div{display:flex;justify-content:space-between}.balance-input{width:100%;height:2px!important;margin-top:9px}.balance-numbers{display:flex;justify-content:space-between;margin-top:.7em;font-size:.8em}.switches{display:flex;padding:0}.switches button{width:50%;text-align:left;border-right:1px solid var(--line);padding:.6em}.switches button span{display:block;margin-top:.6em;font-size:.8em}.track-bottom{position:absolute;bottom:-13%;left:0;right:0;height:11%;display:grid;grid-template-columns:21% 1fr 18%;gap:1%}.track-bottom>button{font-size:.85em;text-align:left;padding:12px}.boost{border-bottom:2px solid var(--accent);background:linear-gradient(0deg,rgba(var(--accent-rgb),.25),transparent);display:flex;align-items:center;justify-content:space-between}.boost:active{background:rgba(var(--accent-rgb),.3)}.boost small{font-size:.6em;opacity:.6}.setup-popover{position:absolute;left:0;bottom:0;background:#080808;border:1px solid var(--line);padding:20px;z-index:12;width:38%;box-shadow:0 0 80px #000}.setup-popover>div{margin-top:20px;display:flex;gap:12px}.setup-popover button{border:1px solid var(--line);padding:10px}#cockpit[data-page=Track] #content{inset:13% 4% 17% 4%}#cockpit[data-page=Track] .gear-rail,#cockpit[data-page=Track] #subnav,#cockpit[data-page=Track] footer,#cockpit[data-page=Track] #player{display:none}#cockpit[data-page=Track] #scene-slot{z-index:4;pointer-events:none}#cockpit[data-page=Track] .tile.track-map{background:transparent}#race-header{font-size:.83em}.track-label{font-size:.5em;letter-spacing:.15em;opacity:.5;position:absolute;right:0;bottom:-18%}
@media(max-width:1000px){#cockpit{font-size:12px}header{top:3%}.dynamics-layout{grid-template-columns:22% 44%;gap:2%}.preset{padding:.7em;min-height:52px}.presets{gap:.8em}.controls-list{gap:.6em}.control-row{min-height:43px;padding:8px 5px}.control-row>label{font-size:.78em}.segments button{padding:.6em .4em;font-size:.66em}.display-panel{gap:1.6em}.album-art{width:110px}.tile{padding:.65em}.aero-status{gap:1em}.track-bottom>button{padding:8px}.song{min-width:25%}.prototype-mark{font-size:6px}}
@media(max-height:650px){.preset{min-height:48px;padding:.7em 1em}.presets{gap:.7em}.controls-list{gap:.6em}.control-row{min-height:42px;padding:7px 8px}.display-panel{gap:1.5em}.album-art{width:110px}.track-entry{padding:.7em 1em}.climate-controls{padding:9px 0}.album-row{gap:1em}.listen-panel h3{margin-top:.8em}#player{font-size:.6em}.aero-status{gap:.8em}}
@media(max-width:650px) and (orientation:portrait){#cockpit{height:100%;min-height:600px;font-size:12px}header{left:5%;right:5%;font-size:.85em}.header-actions{gap:.3em}.header-actions button{font-size:1.2em}.gear-rail{left:4%;width:7%;top:18%;height:37%}#scene-slot{left:10%;top:12%;width:90%;height:55%}#content{inset:13% 5% 20% 15%}footer{left:5%;right:5%;height:14%;bottom:4%;grid-template-columns:1fr 1fr}#main-nav{grid-column:1/3;grid-row:1;gap:5px}#main-nav button{font-size:.78em;padding:.9em .3em}.temperature{border-top:0;font-size:1.35em}#player{left:16%;right:7%;bottom:24%;height:5%}.song{min-width:24%}.album-mini{width:23px;height:23px}#cockpit[data-page=Vehicle] #content{inset:44% 5% 25% 15%}.dynamics-layout{grid-template-columns:28% 69%;gap:3%;align-items:start}.presets{gap:6px}.preset{min-height:30px;padding:5px 7px}.preset small{font-size:.45em;margin-bottom:2px}.preset b{font-size:.8em}.track-entry{padding:6px;margin-top:0;font-size:.75em}.track-entry span{display:none}.controls-list{gap:3px}.control-row{min-height:28px;padding:4px 3px;gap:3px}.control-row>label{font-size:.58em}.segments button{min-height:22px;padding:3px;font-size:.5em}.control-row.pair button{font-size:.55em}.summary-list{gap:5px;font-size:.67em}#cockpit[data-page=Vehicle] #player{display:none}#subnav{left:16%;right:5%;bottom:20%;gap:5px;font-size:.7em}.display-panel{top:0;width:85%;gap:8px}.setting>label{font-size:.65em;margin-bottom:3px}.setting .segments button{font-size:.63em;padding:7px}.range-row{padding:7px;font-size:.7em}.charging-panel{left:0;right:0;bottom:10%;height:32%}.charging-panel input{height:25px}.lights-panel{top:0;left:0;width:100%}.climate-tabs{left:14%;font-size:.9em}.climate-controls{flex-wrap:wrap;gap:8px;bottom:0;font-size:.75em}.climate-flow-hint{top:12%;font-size:.6em}.album-art{width:70px}.album-hero{gap:15px;height:33%}.album-copy h2{font-size:1.4em}.album-copy p{font-size:1em}.play-album{width:130px;font-size:.65em}.album-row{flex-wrap:wrap;gap:12px}.album-card{width:27%}.listen-panel h3{font-size:.7em}.album-card small{font-size:.55em}.map-controls{left:0;bottom:0;font-size:.7em;gap:3px}.map-controls button{padding:8px}.map-zoom{font-size:.65em;right:0;bottom:50px}.map-zoom button{padding:7px}.track-layout{grid-template-columns:27% 27% 43%;gap:1.5%;height:73%}.telemetry-col.last{position:absolute;top:77%;left:0;right:0;height:17%;display:flex;gap:5px}.telemetry-col.last .tile{flex:1;font-size:.48em}.telemetry-col.last .tile:first-child{display:none}.track-bottom{bottom:-4%;height:8%;grid-template-columns:18% 58% 22%;font-size:.7em}.tile{font-size:.52em;padding:.55em}.lap-table{grid-template-columns:1fr;font-size:.8em;gap:0}.lap-table div:nth-child(n+6){display:none}.session-content{grid-template-columns:1fr;gap:5px}.lap-best{display:flex;gap:9px;font-size:.75em}.g-meter i{width:7px;height:7px}.aero-status{gap:5px}.boost{gap:8px}.boost small{display:none}#race-header{font-size:.6em}#cockpit[data-page=Track] .header-actions{display:none}.setup-popover{width:85%}.prototype-mark{font-size:5px}dialog{margin:20px;padding:25px}dialog dt{float:none;width:auto}dialog dd{margin-left:0}}

.dynamics-layout,.listen-panel{pointer-events:none!important}.dynamics-layout>*,.listen-panel>*{pointer-events:auto}.album-hero{width:55%}
@media(max-width:650px) and (orientation:portrait){.album-hero{width:85%}}
