:root{font-family:DM Sans,Arial,sans-serif;color:#f5f6f5;background:#0a0c0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}*{box-sizing:border-box}html,body,#app,#world{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,.steer-ring:focus-visible{outline:2px solid #e8bf82;outline-offset:4px}.hidden{display:none!important}#world,canvas{display:block}#world{position:absolute;inset:0}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,11,.32) 0%,transparent 20%,transparent 64%,rgba(6,7,8,.58) 100%);z-index:2}.hud{position:absolute;inset:0;z-index:5;pointer-events:none}.hud button,.hud input,.hud .steer-ring{pointer-events:auto}.topbar{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:linear-gradient(180deg,#08090ba6,#08090b00);position:relative}.topbrand{display:flex;align-items:center;gap:19px}.crest,.load-logo{font:800 38px/1 Barlow Condensed,sans-serif;letter-spacing:-2px;white-space:nowrap}.crest span,.load-logo span,.model-name span{color:#ce8a58}.divider-v{width:1px;height:32px;background:#ffffff52}.brand-caption{display:flex;flex-direction:column;font-size:12px;letter-spacing:.22em;font-weight:400;line-height:1.5}.brand-caption b{font-weight:800}.brand-caption small{font-size:9px;color:#a7b3b6;letter-spacing:.18em;font-weight:500}.top-center{font-size:10px;letter-spacing:.24em;font-weight:700;color:#f3f4f3;position:absolute;left:50%;transform:translate(-50%)}.sep{color:#aa947f;padding:0 11px}.live-dot{display:inline-block;width:6px;height:6px;margin-right:11px;background:#d89a61;border-radius:50%;box-shadow:0 0 9px #f6aa74}.top-actions{display:flex;align-items:center;gap:9px}.top-actions #fps{font-size:10px;letter-spacing:.17em;color:#bdc6c7;padding-right:19px}.icon-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.19);background:#0a0c0f40;color:#f6f5f4;font-size:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;transition:background .2s,border-color .2s}.icon-btn:hover,.icon-btn.active{background:#e0a97933;border-color:#f4d5b48c}.left-info{position:absolute;left:44px;top:145px;display:flex;flex-direction:column;gap:10px}.eyebrow,.dialog-kicker,.landing-kicker{font-size:10px;letter-spacing:.27em;font-weight:800;color:#d7ac85}.model-name{font:700 54px/1 Barlow Condensed,sans-serif;letter-spacing:-.015em}.small-info{color:#c6cecc;font-size:10px;letter-spacing:.105em}.small-info span{color:#e7a977;margin:0 7px}.camera-tag{align-self:flex-start;border:1px solid #75818491;border-radius:3px;color:#ddd;font-size:9px;letter-spacing:.2em;padding:8px 10px;margin-top:12px;background:#0a0c0f33}.telemetry{position:absolute;bottom:36px;left:43px;display:flex;align-items:flex-end;gap:32px}.tiny-label{font-size:9px;color:#bac2c1;font-weight:700;letter-spacing:.23em}.speed-row{display:flex;align-items:baseline;gap:9px}.speed-value{font:600 95px/.99 Barlow Condensed,sans-serif;letter-spacing:-4px;font-variant-numeric:tabular-nums}.speed-unit{font-size:12px;font-weight:700;letter-spacing:.2em}.rpm-track{height:5px;width:225px;border-radius:1px;background:#acb8b747;margin-top:7px;overflow:hidden}.rpm-track>div{height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;will-change:transform;background:linear-gradient(90deg,#ead6bf,#ebad71,#ca7055)}.rpm-scale{width:225px;display:flex;justify-content:space-between;color:#a8b4b6;font-size:8px;font-weight:700;letter-spacing:.12em;margin-top:6px}.gear-block{border-left:1px solid #8d969785;padding-left:23px;display:flex;flex-direction:column;min-width:62px}.gear-value{font:600 77px/.94 Barlow Condensed,sans-serif;margin-top:4px}.drive-state{font-size:9px;color:#ddb18e;letter-spacing:.15em;margin-top:8px}.bottom-note{position:absolute;bottom:17px;left:44px;right:43px;display:flex;justify-content:space-between;color:#b6c3c5;font-size:9px;letter-spacing:.115em;font-weight:600}.controls{position:absolute;inset:auto 40px 70px auto;display:flex;align-items:end;gap:23px}.left-controllers{display:flex;flex-direction:column;align-items:center;gap:8px;margin-right:25px}.steer-ring{height:136px;width:136px;border:1px solid #ffffff5e;border-radius:50%;padding:6px;background:#02060791;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none;cursor:grab;box-shadow:0 10px 35px #0005}.steer-ring:active{cursor:grabbing}.steer-dial{height:100%;width:100%;border:10px solid #d4d8d6b8;border-radius:50%;position:relative;box-shadow:inset 0 0 15px #0008}.dial-inner{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center}.dial-logo{z-index:2;font:800 18px Barlow Condensed,sans-serif;background:#0a0c0f;border:2px solid #a1aaa6;min-width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.dial-logo span{color:#d9a377}.dial-spoke{position:absolute;height:12px;background:#959fa0;top:calc(50% - 6px);left:50%;width:39px;transform-origin:0 50%}.dial-spoke-l{transform:rotate(180deg)}.dial-spoke-r{transform:rotate(0)}.dial-spoke-b{transform:rotate(90deg)}.arrow-steer{display:flex;gap:6px}.arrow-steer button{width:52px;height:30px;border:1px solid #dce6e163;background:#0a0c0f75;color:#fff;border-radius:3px;touch-action:none}.arrow-steer button.pressed{background:#bc814c}.control-hint{font-size:8px;letter-spacing:.16em;color:#d3dce0}.right-controllers{display:flex;align-items:end;gap:14px}.driving-toggles{display:flex;flex-direction:column;gap:8px}.driving-toggles button{min-width:104px;height:36px;padding:0 9px;border:1px solid #ffffff50;background:#0a0c0fa8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e7e8e6;font-size:9px;font-weight:800;letter-spacing:.1em;border-radius:3px}.driving-toggles button:hover,.driving-toggles button.pressed{background:#a66d45}.driving-toggles button span{color:#d1a278;padding:0 5px}.pedal-row{display:flex;gap:8px}.pedal{touch-action:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:79px;height:157px;padding:17px 7px 12px;border-radius:9px;border:1px solid #ffffff57;color:#fff;font-size:10px;letter-spacing:.13em;font-weight:800;box-shadow:inset 0 0 30px #0008,0 6px 24px #0004;transition:transform .12s,background .12s}.pedal:active,.pedal.pressed{transform:translateY(5px)}.pedal.brake{background:linear-gradient(160deg,#344048d9,#0a0c0fa8)}.pedal.brake.pressed{background:linear-gradient(160deg,#dc6f5b,#421b14dd)}.pedal.throttle{background:linear-gradient(160deg,#a67a52,#282620de)}.pedal.throttle.pressed{background:linear-gradient(160deg,#eca86c,#744524ee)}.pedal-ridges{font:800 57px/.5 Barlow Condensed;transform:rotate(90deg);opacity:.55;margin-top:28px}.landing{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:38px 5.5vw 34px;background:linear-gradient(100deg,#060708f2 1%,#08090bc4 40%,#0a0c0f30 85%),linear-gradient(0deg,#0a0c0fbb,transparent 22%)}.landing-top,.landing-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#d5dadd}.landing-content{max-width:670px;margin-top:5vh}.landing-kicker{display:flex;align-items:center;gap:14px}.landing-kicker .line{height:1px;width:30px;background:#d2aa85}.landing h1{font:700 clamp(80px,9vw,166px)/.83 "Barlow Condensed",sans-serif;letter-spacing:-.038em;margin:24px 0 34px}.landing h1 em{font-style:normal;color:#e5b78d}.landing p{max-width:430px;line-height:1.75;font-size:14px;color:#d2dadd;margin:0 0 30px}.start-btn{display:flex;justify-content:space-between;align-items:center;background:#ead1b8;color:#0a0c0f;border:1px solid #ead1b8;min-width:235px;height:55px;padding:0 22px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.15em;transition:background .25s,transform .25s}.start-btn:hover{background:#fff1e2;transform:translateY(-2px)}.btn-arrow{font-size:21px;font-weight:400}.landing-specs{margin-top:56px;display:flex;gap:36px}.landing-specs>div{border-left:1px solid #e6c3a496;display:flex;flex-direction:column;gap:7px;padding-left:13px}.landing-specs b{font:600 27px/1 Barlow Condensed,sans-serif}.landing-specs span{font-size:8px;letter-spacing:.17em;color:#c3d0d2;font-weight:700}.loadscreen,.dialog{position:absolute;inset:0;z-index:15;background:#0a0c0ff0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:center;align-items:center}.loadscreen .load-logo{font-size:88px}.loadscreen h2{font:600 24px Barlow Condensed;letter-spacing:.21em;margin:22px 0}.progress-outer{height:3px;width:min(380px,70vw);background:#48545c}.progress-outer>div{height:100%;background:#efc296;width:0;transition:width .3s}.loadscreen p{font-size:12px;color:#b5c0c6}.dialog{background:#0a0c0fb8}.dialog-box{width:min(440px,90vw);background:#0a0c0fed;border:1px solid #b8b8b83d;padding:40px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 30px 80px #0008}.dialog-box h2{font:600 73px/.88 Barlow Condensed;margin:19px 0 25px}.dialog-box p{color:#c0cacc;font-size:13px;margin:0 0 25px}.secondary-btn{background:none;color:#b5c4c7;border:0;text-align:left;padding:23px 0;font-size:10px;font-weight:800;letter-spacing:.17em}.settings-box{gap:12px}.settings-box h2{margin-bottom:20px}.settings-box label{font-size:9px;letter-spacing:.2em;color:#d8ba98;font-weight:800}.settings-box select{border:1px solid #a1a7a754;background:#0a0c0f;color:#f4f2ee;height:46px;padding:0 12px;width:100%;margin-bottom:11px}.settings-box input{width:100%;accent-color:#e5b183;margin-bottom:12px}.settings-meta{display:flex;justify-content:space-between;width:100%;padding:11px 0;border-top:1px solid #cdd7dc20;font-size:10px;letter-spacing:.09em;color:#c3ccce}.settings-box .start-btn{width:100%;margin-top:15px}.error-panel{position:absolute;z-index:30;top:50%;left:50%;transform:translate(-50%,-50%);padding:26px;max-width:540px;width:85vw;background:#141210;color:#fbe9df;border:1px solid #ffad8c;font-size:14px}.error-panel strong{font-size:22px}.error-panel p{line-height:1.6}.toast{position:absolute;z-index:40;left:50%;bottom:28%;transform:translate(-50%);background:#0a0c0fdc;border:1px solid #d3b18c7d;color:#fbeee2;font-size:11px;letter-spacing:.12em;padding:11px 22px;opacity:0;pointer-events:none;transition:opacity .25s}.toast.active{opacity:1}@media(max-width:1050px){.controls{right:23px;bottom:88px;gap:15px}.left-controllers{margin-right:0}.left-info{top:128px}.top-center{display:none}.telemetry{bottom:37px}.speed-value{font-size:72px}.steer-ring{width:100px;height:100px}.pedal{height:130px;width:65px}.pedal-ridges{font-size:44px}.driving-toggles button{min-width:83px}}@media(max-width:700px){.topbar{height:66px;padding:0 16px}.crest{font-size:28px}.brand-caption{font-size:8px}.brand-caption small{font-size:7px}.topbrand{gap:9px}.top-actions{gap:4px}.top-actions #fps{display:none}.icon-btn{width:32px;height:32px;font-size:13px}.left-info{left:17px;top:77px;gap:5px}.model-name{font-size:36px}.eyebrow,.small-info{font-size:8px}.camera-tag{display:none}.telemetry{left:18px;bottom:12px;gap:13px}.speed-value{font-size:57px}.speed-unit{font-size:8px}.gear-value{font-size:53px}.gear-block{padding-left:12px}.rpm-track,.rpm-scale{width:148px}.controls{bottom:80px;right:14px;gap:8px}.steer-ring{width:82px;height:82px;border-width:1px}.steer-dial{border-width:6px}.dial-logo{min-width:30px;height:30px;font-size:13px}.dial-spoke{width:22px;height:7px}.left-controllers{gap:5px}.arrow-steer button{width:39px;height:26px}.control-hint{font-size:6px}.pedal{width:56px;height:101px;padding:11px 5px;font-size:7px}.pedal-ridges{font-size:31px;margin-top:17px}.right-controllers{gap:7px}.driving-toggles{gap:5px}.driving-toggles button{min-width:65px;height:28px;font-size:7px}.bottom-note{display:none}.landing{padding:24px}.landing-top>span,.landing-bottom span:last-child{display:none}.landing-content{margin-top:0}.landing h1{font-size:clamp(68px,16vw,112px)}.landing p{font-size:12px}.landing-specs{gap:15px;margin-top:30px}.landing-specs b{font-size:22px}.landing-specs span{font-size:7px}.landing-bottom{font-size:8px}.dialog-box{padding:26px}.dialog-box h2{font-size:60px}}@media(max-height:550px){.topbar{height:58px}.left-info{top:73px}.model-name{font-size:31px}.small-info,.camera-tag{display:none}.controls{bottom:33px}.bottom-note{bottom:7px}.speed-value{font-size:62px}.telemetry{bottom:19px}.landing{padding-top:20px;padding-bottom:20px}.landing h1{font-size:75px;margin:12px 0}.landing-specs{margin-top:25px}.landing p{line-height:1.35;margin-bottom:12px}}@media(max-width:700px)and (min-height:551px){.controls{bottom:calc(160px + env(safe-area-inset-bottom,0px))}}@media(max-width:700px)and (max-height:550px){.controls{bottom:76px;transform:scale(.7);transform-origin:right bottom}.telemetry{bottom:8px;transform:scale(.72);transform-origin:left bottom}.left-info{display:none}}.landscape-gate{display:none;position:fixed;inset:0;z-index:1000;overflow:auto;overscroll-behavior:contain;padding:max(24px,env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(22px,env(safe-area-inset-left,0px));color:var(--sp-text,#f4f2ee);font-family:DM Sans,Arial,sans-serif;text-align:center;background:radial-gradient(120% 55% at 50% 112%,#ff5a1f47,#ff5a1f00 62%),radial-gradient(85% 40% at 105% -5%,#ff8a3d1f,#ff8a3d00 70%),var(--sp-bg,#0a0c0f)}.landscape-gate .gate-stripes{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(118deg,rgba(255,255,255,.03) 0 2px,transparent 2px 24px);-webkit-mask-image:linear-gradient(180deg,transparent 38%,#000 100%);mask-image:linear-gradient(180deg,transparent 38%,#000 100%)}.landscape-gate-inner{position:relative;width:min(100%,460px);min-height:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-gate .gate-brand{justify-content:center}.landscape-gate .gate-turn{width:clamp(160px,48vw,230px);aspect-ratio:1;margin:clamp(22px,5vh,48px) auto clamp(16px,3.5vh,30px)}.landscape-gate .gate-turn svg{display:block;width:100%;height:100%;overflow:visible}.landscape-gate .gate-ring{fill:none;stroke:#ffffff1a;stroke-width:1;stroke-dasharray:1.5 4.5;stroke-linecap:round}.landscape-gate .gate-arrow{fill:none;stroke:url(#gateAccent);stroke-width:3;stroke-linecap:round}.landscape-gate .gate-arrow-head{fill:#ff8a3d;stroke:#ff8a3d;stroke-width:1.2;stroke-linejoin:round}.landscape-gate .gate-device{transform-box:view-box;transform-origin:100px 100px;animation:gateTurn 4.4s cubic-bezier(.65,0,.25,1) infinite;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65)) drop-shadow(0 0 1px rgba(0,0,0,.9))}.landscape-gate .gate-frame{fill:url(#gateFrame);stroke:#ffffff47;stroke-width:.6}.landscape-gate .gate-key{fill:url(#gateKey)}.landscape-gate .gate-bezel{fill:#030405}.landscape-gate .gate-island{fill:#000}.landscape-gate .gate-dev-tablet{display:none}.landscape-gate .gate-scene{animation:gateScene 4.4s linear infinite}.landscape-gate .gate-glyph{opacity:.75;animation:gateGlyph 4.4s linear infinite}.landscape-gate .gate-turn text{font-family:Barlow Condensed,Arial,sans-serif;font-style:italic;fill:#f4f2ee}.landscape-gate .gate-hud-lap{font-weight:600;opacity:.85}.landscape-gate .gate-hud-speed{font-weight:800}.landscape-gate .gate-hud-unit{font-weight:700;letter-spacing:.12em;opacity:.6}@keyframes gateTurn{0%,16%{transform:rotate(0)}40%,84%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes gateScene{0%,34%{opacity:0}44%,80%{opacity:1}86%,to{opacity:0}}@keyframes gateGlyph{0%,12%{opacity:.75}20%,90%{opacity:0}98%,to{opacity:.75}}.landscape-gate .gate-kicker{margin-bottom:12px}.landscape-gate .gate-title{margin:0;font:800 italic clamp(44px,13vw,80px)/.9 "Barlow Condensed",Arial,sans-serif;letter-spacing:.01em}.landscape-gate .gate-title em{display:block;color:var(--sp-accent,#ff5a1f);font-style:italic}.landscape-gate .gate-text{max-width:30ch;margin:16px 0 0;font-size:clamp(13px,3.7vw,15px);line-height:1.55;color:var(--sp-dim,rgba(244,242,238,.6))}.landscape-gate .gate-foot{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(24px,5vh,42px);padding:11px 22px;font:700 12px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.2em;color:var(--sp-text,#f4f2ee);background:#ffffff12;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.landscape-gate .gate-foot-ic{width:14px;height:14px;color:var(--sp-accent-2,#ff8a3d)}@media(prefers-reduced-motion:reduce){.landscape-gate .gate-device{animation:none;transform:rotate(90deg)}.landscape-gate .gate-scene{animation:none;opacity:1}.landscape-gate .gate-glyph{animation:none;opacity:0}}@media(orientation:portrait){.landscape-gate{display:flex}}@media(orientation:portrait)and (max-height:640px){.landscape-gate .gate-turn{width:clamp(120px,34vw,150px);margin:18px auto 14px}.landscape-gate .gate-title{font-size:clamp(38px,11vw,52px)}.landscape-gate .gate-text{margin-top:10px}.landscape-gate .gate-foot{margin-top:18px}}@media(orientation:portrait)and (min-width:600px){.landscape-gate .gate-dev-phone{display:none}.landscape-gate .gate-dev-tablet{display:inline}.landscape-gate-inner{width:min(100%,640px)}.landscape-gate .gate-brand{gap:14px}.landscape-gate .gate-brand .sp-mark{width:48px;height:48px}.landscape-gate .gate-brand .sp-word{font-size:38px}.landscape-gate .gate-turn{width:clamp(280px,42vw,400px);margin:clamp(36px,4.5vh,64px) auto clamp(28px,3.5vh,48px)}.landscape-gate .gate-kicker{font-size:15px;margin-bottom:16px}.landscape-gate .gate-title{font-size:clamp(88px,12.5vw,132px)}.landscape-gate .gate-text{max-width:34ch;margin-top:22px;font-size:clamp(18px,2.5vw,22px)}.landscape-gate .gate-foot{gap:10px;margin-top:clamp(32px,4.5vh,56px);padding:15px 30px;font-size:15px;clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%)}.landscape-gate .gate-foot-ic{width:17px;height:17px}}@media(orientation:landscape)and (min-width:701px)and (max-width:1050px)and (max-height:550px){.controls{right:max(14px,env(safe-area-inset-right,0px));bottom:max(22px,env(safe-area-inset-bottom,0px));transform:scale(.78);transform-origin:right bottom}.telemetry{left:max(18px,env(safe-area-inset-left,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));transform:scale(.78);transform-origin:left bottom}.left-info{top:70px;left:22px}.bottom-note{display:none}.landing{padding:15px max(24px,env(safe-area-inset-right,0px)) 15px max(24px,env(safe-area-inset-left,0px))}.landing h1{font-size:clamp(56px,10vh,72px);margin:9px 0 12px}.landing-content{margin-top:0}.landing p{font-size:12px;line-height:1.4;margin-bottom:12px;max-width:470px}.landing .start-btn{height:40px}.landing-specs{margin-top:15px}.landing-bottom{display:none}.dialog-box{max-height:calc(100dvh - 20px);overflow-y:auto;padding:23px}.dialog-box h2{font-size:47px;margin:10px 0 14px}.settings-box{gap:7px}.settings-box h2{margin-bottom:6px}.settings-box select{height:35px;margin-bottom:4px}.settings-box input{margin-bottom:4px}.settings-meta{padding:5px 0}.settings-box .start-btn{margin-top:2px;height:44px}}@media(orientation:landscape)and (max-width:700px)and (max-height:550px){.landing{padding:13px max(15px,env(safe-area-inset-right,0px)) 13px max(15px,env(safe-area-inset-left,0px))}.landing h1{font-size:clamp(48px,14vh,60px);margin:8px 0 10px}.landing-content{margin-top:0}.landing-kicker{font-size:8px}.landing p{font-size:11px;line-height:1.4;margin-bottom:12px;max-width:440px}.landing .start-btn{height:38px;min-width:190px;font-size:9px}.landing-specs{margin-top:12px}.landing-bottom{display:none}.dialog-box{max-height:calc(100dvh - 16px);overflow-y:auto;padding:20px}.dialog-box h2{font-size:45px;margin:8px 0 12px}.dialog-box p{margin-bottom:12px}.settings-box{gap:6px}.settings-box h2{margin-bottom:4px}.settings-box select{height:34px;margin-bottom:3px}.settings-box input{margin-bottom:3px}.settings-meta{padding:4px 0}.settings-box .start-btn{margin-top:2px;height:40px}}.landing .landing-content .landing-credits{margin-top:14px;max-width:560px;font-size:10px;line-height:1.45;color:#c9d2d6b3;letter-spacing:.02em}.landing .landing-content .landing-credits a{color:#e8c9a8;text-decoration:underline}@media(orientation:landscape)and (max-height:570px){.landing .landing-content .landing-credits{margin-top:10px;font-size:8.5px;line-height:1.35;max-width:430px}}:root{--cockpit-glass:rgba(10,12,15,.75);--cockpit-line:rgba(244,242,238,.17);--cockpit-warm:#ff8a3d;--cockpit-text:#f8faf9}button{-webkit-tap-highlight-color:transparent}.hud .topbar{height:78px;padding:0 clamp(18px,3.1vw,56px);background:linear-gradient(180deg,#08090bd9,#08090b1a);border-bottom:1px solid rgba(255,255,255,.055)}.hud .topbrand{gap:14px}.hud .crest{font-size:38px;color:#f8f9f8;text-shadow:0 2px 12px #0008}.hud .crest span{color:var(--cockpit-warm)}.hud .brand-caption{font-size:11px;line-height:1.52;letter-spacing:.19em}.hud .brand-caption small{letter-spacing:.14em}.hud .top-center{color:#dce3e3;letter-spacing:.2em;font-size:10px}.hud .top-actions{gap:8px}.hud .icon-btn{width:43px;height:43px;border-radius:12px;border-color:var(--cockpit-line);background:#0a0c0fbf;box-shadow:0 9px 24px #0005;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hud .icon-btn:hover,.hud .icon-btn:focus-visible{background:#0a0c0f;border-color:var(--cockpit-warm)}.hud .left-info{left:clamp(20px,3.5vw,58px);top:126px;gap:8px}.hud .model-name{font-size:clamp(38px,4.2vw,60px);text-shadow:0 3px 22px #000a}.hud .camera-tag{background:var(--cockpit-glass);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:8px 12px}.hud .telemetry{left:clamp(20px,3.1vw,55px);bottom:65px;gap:25px;padding:17px 23px 15px;border:1px solid var(--cockpit-line);border-radius:14px;background:linear-gradient(145deg,#0a0c0fd6,#1012159e);box-shadow:0 22px 55px #00000042,inset 0 1px #ffffff13;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.hud .speed-value{font-size:clamp(70px,7vw,105px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.hud .tiny-label{color:#cdd7d9;letter-spacing:.19em}.hud .speed-unit{color:var(--cockpit-warm)}.hud .gear-value{font-size:clamp(61px,5.7vw,85px)}.hud .gear-block{border-color:#ffffff29}.hud .drive-state{color:var(--cockpit-warm)}.hud .controls{right:clamp(18px,3vw,55px);bottom:62px;gap:22px;align-items:end}.hud .left-controllers{gap:9px;margin-right:6px}.hud .steer-ring{width:150px;height:150px;padding:9px;border:1px solid rgba(241,243,243,.68);border-radius:50%;background:radial-gradient(circle at 38% 33%,#0a0c0f 0% 65%,#030609);box-shadow:0 20px 42px #000b,inset 0 0 0 3px #e4e9eb1c,inset 0 0 0 7px #030608;touch-action:none;outline-offset:5px}.hud .steer-dial{border:11px solid #b8c0c4;background:radial-gradient(circle,#0a0c0f 5% 60%,#0a0c0f);box-shadow:inset 0 0 0 2px #ffffff21,inset 0 0 28px #000b,0 0 0 2px #0006}.hud .dial-logo{min-width:44px;height:44px;font-size:21px;border-color:#8d979a;background:radial-gradient(circle at 34% 20%,#39444a,#0a0c0f 68%);box-shadow:0 1px 14px #000a}.hud .dial-spoke{height:12px;background:linear-gradient(#b7c0c2,#5c676d);box-shadow:0 1px 3px #0006}.hud .arrow-steer{gap:8px}.hud .arrow-steer button{height:31px;width:57px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:var(--cockpit-glass);box-shadow:0 7px 14px #0005}.hud .arrow-steer button:active,.hud .arrow-steer button.pressed{background:#d79458a6;border-color:#e3b892}.hud .control-hint{font-size:8px;letter-spacing:.18em;color:#a7b7bc}.hud .right-controllers{gap:12px}.hud .driving-toggles{gap:7px}.hud .driving-toggles button{min-width:108px;height:39px;border-radius:9px;border:1px solid rgba(244,242,238,.21);background:var(--cockpit-glass);font-size:9px;letter-spacing:.075em;box-shadow:inset 0 1px #fff1,0 7px 20px #0004}.hud .driving-toggles button:active,.hud .driving-toggles button.pressed{background:#aa6740c2}.hud .pedal-row{gap:10px}.hud .pedal{width:83px;height:166px;padding:19px 6px 16px;border-radius:13px;border:1px solid #ffffff5f;box-shadow:0 15px 36px #0009,inset 0 0 0 1px #ffffff14,inset 0 -20px 36px #0006;position:relative;overflow:hidden}.hud .pedal:before{content:"";position:absolute;left:16%;right:16%;top:22%;height:36%;background:repeating-linear-gradient(180deg,transparent 0 7px,#ffffff4b 7px 9px,transparent 9px 13px);border-radius:6px;opacity:.8}.hud .pedal-ridges{visibility:hidden}.hud .pedal span:last-child{z-index:1;position:relative;text-shadow:0 1px 6px #0008}.hud .pedal.brake{background:linear-gradient(155deg,#44515b,#0a0c0f 65%,#0a0c0f)}.hud .pedal.throttle{background:linear-gradient(155deg,#ca9c6d,#765741 55%,#302a28)}.hud .pedal:focus-visible,.hud .steer-ring:focus-visible{outline:3px solid var(--cockpit-warm)}.hud .bottom-note{bottom:22px;color:#acbcc0}html[data-ui=touch] .hud .topbar{height:53px;padding:0 max(15px,env(safe-area-inset-left,0px))}html[data-ui=touch] .hud .topbrand{gap:9px}html[data-ui=touch] .hud .crest{font-size:28px}html[data-ui=touch] .hud .divider-v{height:26px}html[data-ui=touch] .hud .brand-caption{font-size:8px;letter-spacing:.13em}html[data-ui=touch] .hud .brand-caption small{font-size:7px}html[data-ui=touch] .hud .top-actions{gap:6px}html[data-ui=touch] .hud .icon-btn{width:35px;height:35px;border-radius:9px;font-size:17px}html[data-ui=touch] .hud .top-actions #fps{padding-right:3px;font-size:9px}html[data-ui=touch] .hud .top-center{display:none}html[data-ui=touch] .hud .left-info{left:50%;top:66px;transform:translate(-50%);align-items:center;text-align:center;gap:2px;white-space:nowrap;pointer-events:none}html[data-ui=touch] .hud .model-name{font-size:29px}html[data-ui=touch] .hud .eyebrow{font-size:8px}html[data-ui=touch] .hud .small-info,html[data-ui=touch] .hud .camera-tag{display:none}html[data-ui=touch] .hud .controls{position:absolute;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px));width:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:0;transform:none;pointer-events:none}html[data-ui=touch] .hud .left-controllers{margin-right:0;gap:5px;align-items:center;pointer-events:auto}html[data-ui=touch] .hud .steer-ring{height:clamp(95px,27vh,132px);width:clamp(95px,27vh,132px);padding:7px}html[data-ui=touch] .hud .steer-dial{border-width:9px}html[data-ui=touch] .hud .dial-logo{min-width:34px;height:34px;font-size:17px}html[data-ui=touch] .hud .dial-spoke{height:8px;width:27px}html[data-ui=touch] .hud .arrow-steer button{height:25px;width:42px;font-size:11px}html[data-ui=touch] .hud .control-hint{display:none}html[data-ui=touch] .hud .right-controllers{display:flex;gap:0;align-items:flex-end;pointer-events:auto}html[data-ui=touch] .hud .driving-toggles{position:absolute;right:0;bottom:calc(100% + 9px);display:flex;flex-direction:row;gap:5px}html[data-ui=touch] .hud .driving-toggles button{min-width:0;width:auto;min-height:31px;height:31px;padding:0 10px;font-size:8px;border-radius:7px}html[data-ui=touch] .hud .pedal-row{gap:8px}html[data-ui=touch] .hud .pedal{width:clamp(60px,15.9vh,75px);height:clamp(102px,31vh,138px);border-radius:11px;font-size:9px;padding:11px 5px}html[data-ui=touch] .hud .telemetry{position:absolute;left:50%;bottom:max(15px,env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:10px 15px 9px;gap:14px;border-radius:12px;white-space:nowrap}html[data-ui=touch] .hud .speed-value{font-size:clamp(47px,12vh,67px);letter-spacing:-.05em}html[data-ui=touch] .hud .speed-row{gap:5px}html[data-ui=touch] .hud .speed-unit{font-size:8px}html[data-ui=touch] .hud .rpm-track,html[data-ui=touch] .hud .rpm-scale{width:clamp(105px,22vw,154px)}html[data-ui=touch] .hud .tiny-label{font-size:7px}html[data-ui=touch] .hud .gear-block{padding-left:12px;min-width:45px}html[data-ui=touch] .hud .gear-value{font-size:clamp(43px,11vh,58px)}html[data-ui=touch] .hud .drive-state{font-size:7px}html[data-ui=touch] .hud .bottom-note{display:none}@media(orientation:landscape)and (max-width:730px)and (max-height:500px){html[data-ui=touch] .hud .topbar{height:47px}html[data-ui=touch] .hud .topbrand .divider-v,html[data-ui=touch] .hud .topbrand .brand-caption small,html[data-ui=touch] .hud .top-actions #fps{display:none}html[data-ui=touch] .hud .left-info{top:56px}html[data-ui=touch] .hud .model-name{font-size:24px}html[data-ui=touch] .hud .eyebrow{font-size:7px}html[data-ui=touch] .hud .steer-ring{width:clamp(86px,26vh,109px);height:clamp(86px,26vh,109px)}html[data-ui=touch] .hud .pedal{width:clamp(54px,15vh,65px);height:clamp(90px,29vh,120px)}html[data-ui=touch] .hud .telemetry{padding:9px 10px;gap:9px}html[data-ui=touch] .hud .speed-value{font-size:43px}html[data-ui=touch] .hud .gear-value{font-size:41px}html[data-ui=touch] .hud .rpm-track,html[data-ui=touch] .hud .rpm-scale{width:105px}html[data-ui=touch] .hud .driving-toggles button{font-size:7px;height:28px;min-height:28px;padding:0 6px}}.hud .crest,.landing .crest{font-size:32px;letter-spacing:-.035em}.landing .crest span,.hud .crest span{color:var(--cockpit-warm)}html[data-ui=touch] .hud .crest{font-size:22px}html[data-ui=touch] .hud .brand-caption{font-size:8px}html[data-ui=touch] .hud .steer-ring{width:clamp(112px,32vh,148px);height:clamp(112px,32vh,148px);touch-action:none;user-select:none;-webkit-user-select:none}html[data-ui=touch] .hud .pedal{width:clamp(64px,20vh,82px);height:clamp(112px,38vh,155px);touch-action:none;user-select:none;-webkit-user-select:none}html[data-ui=touch] .hud .pedal.pressed{border-color:#f7d9b9;box-shadow:0 0 0 2px #e0aa7366,0 14px 34px #000b,inset 0 2px 22px #e0aa7340}html[data-ui=touch] .hud .steer-ring:focus-visible,html[data-ui=touch] .hud .pedal:focus-visible,html[data-ui=touch] .hud .driving-toggles button:focus-visible{outline:3px solid #ffe1b8;outline-offset:3px}@media(orientation:landscape)and (max-width:730px)and (max-height:500px){html[data-ui=touch] .hud .steer-ring{width:clamp(108px,34vh,123px);height:clamp(108px,34vh,123px)}html[data-ui=touch] .hud .pedal{width:clamp(58px,20vh,72px);height:clamp(105px,35vh,133px)}}@media(orientation:landscape)and (max-width:540px)and (max-height:500px){html[data-ui=touch] .hud .steer-ring{width:clamp(88px,29vh,105px);height:clamp(88px,29vh,105px)}html[data-ui=touch] .hud .pedal{width:clamp(48px,16vh,58px);height:clamp(94px,32vh,115px)}html[data-ui=touch] .hud .rpm-track,html[data-ui=touch] .hud .rpm-scale{width:72px}html[data-ui=touch] .hud .speed-value,html[data-ui=touch] .hud .gear-value{font-size:37px}html[data-ui=touch] .hud .telemetry{padding:8px;gap:7px}}.hud .left-controllers{gap:8px}.hud .steer-ring{position:relative;display:block;width:188px;height:188px;padding:0;overflow:visible;isolation:isolate;border:1px solid rgba(244,242,238,.34);border-radius:50%;background:radial-gradient(circle at 44% 30%,#5c5e6299,#101114db 54%,#040506e6 80%);box-shadow:0 16px 50px #000000b8,inset 0 1px 1px #f4f2ee38,inset 0 0 0 5px #090a0cb8;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.hud .steer-ring:before{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:50%;border:1px solid rgba(244,242,238,.22);background:conic-gradient(from 180deg,transparent 0 13%,rgba(205,156,122,.35) 15%,transparent 27% 73%,rgba(205,156,122,.35) 85%,transparent 87% 100%);pointer-events:none}.hud .steer-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;box-shadow:inset 0 0 24px #0000003d;pointer-events:none}.hud .steer-ring.steering-active{cursor:grabbing;border-color:#f6c096d6;box-shadow:0 20px 52px #000c,0 0 0 3px #dd945f24,inset 0 0 0 5px #0a0b0db3}.hud .steer-ring.at-limit{border-color:#ff8a3d;box-shadow:0 20px 52px #000c,0 0 0 3px #ff8a3d73,inset 0 0 0 5px #0a0b0db3}.hud .steer-ring.past-limit{border-color:#ff5a1f;box-shadow:0 20px 52px #000c,0 0 0 3px #ff5a1f8c,inset 0 0 0 5px #0a0b0db3}.hud .steer-dial{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;background:none;box-shadow:none;transform-origin:50% 50%;will-change:transform;pointer-events:none;transition:none}.hud .steer-art{position:absolute;left:-8%;top:-8%;display:block;width:116%;height:116%;max-width:none;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 7px 6px rgba(0,0,0,.5))}.hud .steer-index{position:absolute;top:50%;z-index:2;transform:translateY(-50%);color:#a9b9c1;font:800 9px/1 DM Sans,sans-serif;letter-spacing:.15em;text-shadow:0 2px 6px #000;pointer-events:none}.hud .steer-index-left{left:-23px}.hud .steer-index-right{right:-23px}.hud .arrow-steer{width:100%;display:flex;justify-content:center;gap:8px;margin-top:2px}.hud .arrow-steer button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:82px;height:38px;border-radius:9px;border:1px solid rgba(244,242,238,.26);color:#f4f2ee;background:linear-gradient(160deg,#1e2024e0,#0c0d10e0);font:700 12px/1 DM Sans,sans-serif;box-shadow:inset 0 1px #ffffff1c,0 7px 16px #0007;touch-action:none;transition:background .12s,border-color .12s}.hud .arrow-steer button span{font:800 8px/1 DM Sans,sans-serif;letter-spacing:.11em;color:#adbdc4}.hud .arrow-steer button.pressed,.hud .arrow-steer button:active{color:#fff;border-color:#f0c49e;background:linear-gradient(140deg,#a46c44,#503723)}.hud .control-hint{min-width:88px;text-align:center;white-space:nowrap;color:#e5b890;font:800 9px/1 DM Sans,sans-serif;letter-spacing:.18em;text-shadow:0 2px 8px rgba(0,0,0,.7)}.hud .steer-help{color:#93a8b2;font:700 7px/1.2 DM Sans,sans-serif;letter-spacing:.1em;white-space:nowrap;text-align:center;pointer-events:none}html[data-ui=touch] .hud .left-controllers{gap:6px}html[data-ui=touch] .hud .steer-ring{width:clamp(142px,44vh,170px);height:clamp(142px,44vh,170px)}html[data-ui=touch] .hud .arrow-steer button{height:36px;width:68px;font-size:11px}html[data-ui=touch] .hud .control-hint{display:block;font-size:8px;letter-spacing:.14em}@media(orientation:landscape)and (max-width:730px)and (max-height:500px){html[data-ui=touch] .hud .steer-ring{width:clamp(125px,42vh,156px);height:clamp(125px,42vh,156px)}html[data-ui=touch] .hud .arrow-steer button{width:61px;height:34px;gap:3px}html[data-ui=touch] .hud .arrow-steer button span{font-size:7px}}@media(orientation:landscape)and (max-width:540px)and (max-height:500px){html[data-ui=touch] .hud .steer-ring{width:clamp(112px,39vh,140px);height:clamp(112px,39vh,140px)}html[data-ui=touch] .hud .steer-index{font-size:7px}html[data-ui=touch] .hud .steer-index-left{left:-15px}html[data-ui=touch] .hud .steer-index-right{right:-15px}html[data-ui=touch] .hud .arrow-steer button{width:54px;height:32px}html[data-ui=touch] .hud .arrow-steer button span{font-size:6px}html[data-ui=touch] .hud .control-hint{font-size:7px}html[data-ui=touch] .hud .steer-help{font-size:6px;letter-spacing:.05em}}.settings-box{max-height:calc(100dvh - 18px);overflow-y:auto;overscroll-behavior:contain}@media(prefers-reduced-motion:reduce){.hud .steer-dial,.hud .arrow-steer button{transition:none}}.hud .pedal,.hud .arrow-steer button,.hud [data-control=handbrake]{touch-action:none;user-select:none;-webkit-user-select:none}.hud .steer-ring,.hud .steer-ring *,.hud .pedal,.hud .pedal *,.hud [data-control],.hud [data-control] *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.hud .steer-dial,.hud .steer-art,.hud .steer-index{pointer-events:none}.ic{display:none;pointer-events:none}html,body,#app,#world,.hud,.hud *{touch-action:none}.dialog-box{touch-action:pan-y}.phone-only{display:none}html[data-ui=touch] body .hud{--sl:max(8px,env(safe-area-inset-left,0px));--sr:max(8px,env(safe-area-inset-right,0px));--st:max(8px,env(safe-area-inset-top,0px));--sb:max(8px,env(safe-area-inset-bottom,0px));--btn:36px;--mm:clamp(76px,27vh,118px);--wh:clamp(112px,40vh,190px);--gz:clamp(64px,22vh,98px);--thw:clamp(50px,15vh,68px);--thh:clamp(96px,37vh,156px);--bkw:clamp(60px,19vh,84px);--bkh:clamp(62px,22vh,96px);--abw:clamp(66px,21vh,92px);--abh:clamp(70px,27vh,112px);--glass:rgba(255,255,255,.1);--line:rgba(255,255,255,.62)}html[data-ui=touch] body .hud .ic{display:block;width:20px;height:20px;flex:none}html[data-ui=touch] body .hud .lbl{display:none}html[data-ui=touch] body .hud .topbrand,html[data-ui=touch] body .hud .top-center,html[data-ui=touch] body .hud .top-actions #fps,html[data-ui=touch] body .hud .left-info,html[data-ui=touch] body .hud .camera-tag,html[data-ui=touch] body .hud .bottom-note,html[data-ui=touch] body .hud .control-hint,html[data-ui=touch] body .hud .steer-help,html[data-ui=touch] body .hud .steer-index,html[data-ui=touch] body .hud .tiny-label,html[data-ui=touch] body .hud .rpm-scale,html[data-ui=touch] body .hud .drive-state,html[data-ui=touch] body .hud .pedal-ridges,html[data-ui=touch] body .hud .speed-block,html[data-ui=touch] body .hud .gear-block,html[data-ui=touch] body .hud #gearBtn,html[data-ui=touch] body .hud .steer-art,html[data-ui=touch] body .hud .pedal .ic{display:none!important}html[data-ui=touch] body .hud .phone-only{display:block}html[data-ui=touch] body .hud .controls,html[data-ui=touch] body .hud .telemetry{transform:none!important}html[data-ui=touch] body .hud .topbar{background:none;border:0;height:0;padding:0;box-shadow:none}html[data-ui=touch] body .hud .icon-btn,html[data-ui=touch] body .hud .driving-toggles button,html[data-ui=touch] body .hud .arrow-steer button{position:fixed;width:var(--btn);height:var(--btn);min-width:0;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;font-size:15px;line-height:1;letter-spacing:0;color:#fff;background:var(--glass);border:2px solid var(--line);box-shadow:0 4px 12px #0005;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-ui=touch] body .hud .icon-btn.active,html[data-ui=touch] body .hud .driving-toggles button.pressed,html[data-ui=touch] body .hud .driving-toggles button:active,html[data-ui=touch] body .hud .arrow-steer button.pressed{background:#ffffff57}html[data-ui=touch] body .hud .icon-btn .ic,html[data-ui=touch] body .hud .driving-toggles button .ic,html[data-ui=touch] body .hud .arrow-steer .ic{width:18px;height:18px}html[data-ui=touch] body .hud #pauseBtn{top:var(--st);right:var(--sr)}html[data-ui=touch] body .hud #cameraBtn{top:var(--st);right:calc(var(--sr) + var(--btn) + 8px)}html[data-ui=touch] body .hud #cameraBtn .ic{width:16px;height:16px;margin-top:-5px}html[data-ui=touch] body .hud .cam-index{position:absolute;bottom:3px;left:0;right:0;text-align:center;font:700 8px/1 DM Sans,Arial,sans-serif;letter-spacing:.02em}html[data-ui=touch] body .hud #resetBtn{top:calc(var(--st) + var(--mm) + 8px);left:var(--sl);background:#ff5a1fe0;border-color:#ffd6bed9}html[data-ui=touch] body .hud #settingsBtn{top:calc(var(--st) + var(--mm) + 8px);left:calc(var(--sl) + var(--btn) + 8px)}html[data-ui=touch] body .hud #handbrakeBtn{bottom:calc(var(--sb) + var(--bkh) + 10px);right:calc(var(--sr) + var(--thw) + 10px + (var(--bkw) - var(--btn)) / 2)}html[data-ui=touch] body .hud .minimap{position:fixed;top:var(--st);left:var(--sl);width:var(--mm);height:var(--mm);border-radius:50%;border:2px solid var(--line);box-shadow:0 4px 14px #0006;pointer-events:none}html[data-ui=touch] body .hud .shifter{position:fixed;right:var(--sr);top:calc(var(--st) + var(--btn) + 14px);width:40px;height:clamp(70px,25vh,108px);padding:4px;display:flex;flex-direction:column;gap:4px;border-radius:11px;background:var(--glass);border:2px solid var(--line);box-shadow:0 4px 12px #0005;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff}html[data-ui=touch] body .hud .shifter span{flex:1;display:grid;place-items:center;border-radius:7px;font:800 17px/1 DM Sans,Arial,sans-serif;opacity:.42}html[data-ui=touch] body .hud .shifter[data-reverse="0"] .shift-d,html[data-ui=touch] body .hud .shifter[data-reverse="1"] .shift-r{opacity:1;background:#ffffff42}html[data-ui=touch] body .hud .controls{position:static;pointer-events:none}html[data-ui=touch] body .hud .left-controllers{position:fixed;left:var(--sl);bottom:var(--sb);width:var(--wh);height:var(--wh);margin:0;display:block;pointer-events:none}html[data-ui=touch] body .hud .steer-ring{width:100%;height:100%;padding:0;margin:0;background:none;border:0;box-shadow:none;pointer-events:auto}html[data-ui=touch] body .hud .steer-ring:before,html[data-ui=touch] body .hud .steer-ring:after{display:none}html[data-ui=touch] body .hud .steer-dial{width:100%;height:100%;border:0;background:none;box-shadow:none}html[data-ui=touch] body .hud .steer-glass{display:block;width:100%;height:100%;overflow:visible}html[data-ui=touch] body .hud .steer-glass{opacity:.9;filter:drop-shadow(0 4px 8px #0007)}html[data-ui=touch] body .hud .steer-glass .rim{fill:none;stroke:url(#tqRim);stroke-width:10}html[data-ui=touch] body .hud .steer-glass .grip{fill:none;stroke:#ffffff17;stroke-width:8;stroke-dasharray:.9 2.2}html[data-ui=touch] body .hud .steer-glass .rim-edge{fill:none;stroke:#ffffff61;stroke-width:.9}html[data-ui=touch] body .hud .steer-glass .spoke{fill:#1c1d1fdb;stroke:#ffffff47;stroke-width:.8;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .hub{fill:url(#tqHub);stroke:#ffffff6b;stroke-width:1.2}html[data-ui=touch] body .hud .steer-glass .horn{fill:#ffffffd1}html[data-ui=touch] body .hud .steer-glass .horn-wave{fill:none;stroke:#ffffffb3;stroke-width:1.6;stroke-linecap:round}html[data-ui=touch] body .hud .steer-glass .mark{fill:#ff5a1f}html[data-ui=touch] body .hud .steer-ring.at-limit .steer-glass .rim-edge{stroke:#ff8a3d;stroke-width:1.8}html[data-ui=touch] body .hud .steer-ring.at-limit .steer-glass .grip{stroke:#ff8a3d8c}html[data-ui=touch] body .hud .steer-ring.past-limit .steer-glass .rim-edge{stroke:#ff5a1f}html[data-ui=touch] body .hud .steer-ring.past-limit .steer-glass .grip{stroke:#ff5a1fb3}html[data-ui=touch] body .hud .arrow-steer{display:block!important}html[data-ui=touch] body .hud #leftBtn{left:calc(var(--sl) - 2px);bottom:calc(var(--sb) + var(--wh) - var(--btn) + 2px)}html[data-ui=touch] body .hud #rightBtn{left:calc(var(--sl) + var(--wh) - var(--btn) + 2px);bottom:calc(var(--sb) + var(--wh) - var(--btn) + 2px)}html[data-ui=touch] body .hud .horn-btn,html[data-ui=touch] body .hud[data-steer-mode=buttons] .steer-ring{display:none}html[data-ui=touch] body .hud[data-steer-mode=buttons] .arrow-steer button{width:var(--abw);height:var(--abh);border-radius:14px}html[data-ui=touch] body .hud[data-steer-mode=buttons] .arrow-steer .ic{width:34px;height:34px}html[data-ui=touch] body .hud[data-steer-mode=buttons] #leftBtn{left:var(--sl);bottom:var(--sb)}html[data-ui=touch] body .hud[data-steer-mode=buttons] #rightBtn{left:calc(var(--sl) + var(--abw) + 12px);bottom:var(--sb)}html[data-ui=touch] body .hud[data-steer-mode=buttons] .horn-btn{display:grid;left:calc(var(--sl) + var(--abw) + 6px - var(--btn) / 2);bottom:calc(var(--sb) + var(--abh) + 12px)}html[data-ui=touch] body .hud .horn-btn{position:fixed;width:var(--btn);height:var(--btn);padding:0;border-radius:50%;place-items:center;color:#fff;pointer-events:auto;background:var(--glass);border:2px solid var(--line);box-shadow:0 4px 12px #0005;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}html[data-ui=touch] body .hud .horn-btn.pressed{background:#ffffff57}html[data-ui=touch] body .hud .horn-btn .ic{width:18px;height:18px}html[data-ui=touch] body .hud .telemetry{position:fixed;left:50%;bottom:var(--sb);transform:translate(-50%)!important;background:none;border:0;box-shadow:none;padding:0;gap:0;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none}html[data-ui=touch] body .hud .gauges{display:flex;gap:10px;position:relative}html[data-ui=touch] body .hud .assist-lamp{display:block;position:absolute;left:50%;top:-20px;width:22px;height:22px;transform:translate(-50%);color:#ff8a3d;opacity:0;transition:opacity .12s;filter:drop-shadow(0 0 4px #ff8a3d88)}html[data-ui=touch] body .hud .assist-lamp.on{opacity:1}html[data-ui=touch] body .hud .gauge{width:var(--gz);height:var(--gz)}html[data-ui=touch] body .hud .gauge-svg{display:block;width:100%;height:100%}html[data-ui=touch] body .hud .gauge-face{fill:#0a0c0f8c;stroke:var(--line);stroke-width:1.6}html[data-ui=touch] body .hud .gauge-track{fill:none;stroke:#ffffff3d;stroke-width:2.2}html[data-ui=touch] body .hud .gauge-red{fill:none;stroke:#ff5a1f;stroke-width:3}html[data-ui=touch] body .hud .gauge-tick{stroke:#ffffff80;stroke-width:1}html[data-ui=touch] body .hud .gauge-tick.major{stroke:#fff;stroke-width:1.8}html[data-ui=touch] body .hud .gauge-num{fill:#ffffffd1;font:600 7px DM Sans,Arial,sans-serif;text-anchor:middle}html[data-ui=touch] body .hud .gauge-needle path{fill:#ff5a1f}html[data-ui=touch] body .hud .gauge-hub{fill:#f4f2ee}html[data-ui=touch] body .hud .gauge-main{fill:#fff;font:700 19px Barlow Condensed,Arial,sans-serif;text-anchor:middle}html[data-ui=touch] body .hud .gauge-sub{fill:#ffffffa8;font:600 6.5px DM Sans,Arial,sans-serif;text-anchor:middle;letter-spacing:.08em}html[data-ui=touch] body .hud .right-controllers{position:static}html[data-ui=touch] body .hud .pedal-row,html[data-ui=touch] body .hud .driving-toggles{display:contents}html[data-ui=touch] body .hud .pedal,html[data-ui=touch] body .hud .pedal.brake,html[data-ui=touch] body .hud .pedal.throttle{position:fixed;padding:0;border-radius:12px;border:2px solid var(--line);background:#ffffff14 radial-gradient(circle,rgba(255,255,255,.5) 0 2.3px,transparent 2.8px) center/13px 13px;box-shadow:0 6px 16px #0005;color:transparent;transition:transform .08s,background-color .08s;transform-origin:50% 100%;transform:perspective(260px) rotateX(16deg)}html[data-ui=touch] body .hud .pedal:before{display:none}html[data-ui=touch] body .hud .pedal{overflow:visible}html[data-ui=touch] body .hud .pedal:after{content:"";position:absolute;inset:-12px}html[data-ui=touch] body .hud #brakeBtn:after{left:-28px;right:-10px;bottom:-16px}html[data-ui=touch] body .hud #throttleBtn:after{left:-10px;bottom:-16px}html[data-ui=touch] body .hud :is(#resetBtn,#settingsBtn,#cameraBtn,#pauseBtn,#handbrakeBtn,#leftBtn,#rightBtn,#shifterBtn):after{content:"";position:absolute;inset:-8px -4px}html[data-ui=touch] body .hud .pedal.brake.pressed,html[data-ui=touch] body .hud .pedal.throttle.pressed,html[data-ui=touch] body .hud .pedal.brake:active,html[data-ui=touch] body .hud .pedal.throttle:active{background-color:#ffffff4d;transform:perspective(260px) rotateX(30deg)}html[data-ui=touch] body .hud #throttleBtn{right:var(--sr);bottom:var(--sb);width:var(--thw);height:var(--thh)}html[data-ui=touch] body .hud #brakeBtn{right:calc(var(--sr) + var(--thw) + 10px);bottom:var(--sb);width:var(--bkw);height:var(--bkh)}html[data-ui=touch] body .hud #gearBtn{font-size:0;position:relative}html[data-ui=touch] body .hud #gearBtn:after{content:"D";position:absolute;inset:0;display:grid;place-items:center;font:800 14px/1 DM Sans,Arial,sans-serif;letter-spacing:0}html[data-ui=touch] body .hud #gearBtn[data-reverse="1"]:after{content:"R"}html[data-ui=touch] body .toast{bottom:auto;top:max(46px,env(safe-area-inset-top,0px));font-size:9px;letter-spacing:.1em;padding:5px 11px}:root{--sp-bg:#0a0c0f;--sp-panel:rgba(17,16,15,.9);--sp-glass:rgba(16,17,19,.72);--sp-line:rgba(255,255,255,.09);--sp-line2:rgba(255,255,255,.16);--sp-text:#f4f2ee;--sp-dim:rgba(244,242,238,.6);--sp-faint:rgba(244,242,238,.38);--sp-accent:#ff5a1f;--sp-accent-2:#ff8a3d;--sp-beige:#bbac94;--sp-cut:14px;--sp-pad:clamp(16px,3.4vw,52px);--sp-head:clamp(52px,9vh,76px)}.sp-defs{position:absolute;width:0;height:0;overflow:hidden}.sp-screen{position:absolute;inset:0;color:var(--sp-text);font-family:DM Sans,Arial,sans-serif;-webkit-tap-highlight-color:transparent}.sp-screen button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}html body .sp-screen .ic,html body .sp-screen .sp-ic{display:block;pointer-events:none}.sp-screen .lbl{display:inline}.sp-ic{width:22px;height:22px;flex:none}.sp-kicker{display:block;font:700 clamp(10px,1.3vw,12px)/1.2 "Barlow Condensed",Arial,sans-serif;letter-spacing:.26em;color:var(--sp-accent-2);text-transform:uppercase}.sp-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06080af0,#06080ac7 34%,#06080a2e 62%,#06080a00 80%),linear-gradient(0deg,rgba(6,8,10,.8),transparent 30%)}.sp-brand{display:flex;align-items:center;gap:10px;color:var(--sp-text)}.sp-mark{width:clamp(30px,4.2vw,40px);height:clamp(30px,4.2vw,40px);color:var(--sp-accent);animation:sp-spin 9s linear infinite}.sp-word{font:800 italic clamp(22px,2.9vw,30px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.07em}.sp-word b{color:var(--sp-accent);font-weight:800}.sp-brand-sm .sp-mark{width:26px;height:26px}.sp-brand-sm .sp-word{font-size:20px}@keyframes sp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sp-mark{animation:none}.sp-load-svg .sp-map-line{transition:none}}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border:0;font:800 16px/1 Barlow Condensed,Arial,sans-serif!important;letter-spacing:.14em;clip-path:polygon(var(--sp-cut) 0,100% 0,calc(100% - var(--sp-cut)) 100%,0 100%);background:#ffffff1a;transition:filter .15s,transform .15s}.sp-btn.sp-primary{background:linear-gradient(90deg,var(--sp-accent),var(--sp-accent-2));color:#120904!important}.sp-btn:hover{filter:brightness(1.1)}.sp-btn:active{transform:scale(.98)}.sp-back{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--sp-line2)!important;background:#ffffff0d}.sp-back:hover{background:#ffffff1f}.sp-list{display:flex;flex-direction:column;gap:clamp(6px,1.1vh,10px);width:min(420px,40vw)}.sp-item{position:relative;display:flex;align-items:center;gap:14px;min-height:clamp(46px,8.4vh,66px);padding:0 18px 0 20px;border:0;text-align:left;background:linear-gradient(90deg,#ffffff16,#ffffff09);clip-path:polygon(var(--sp-cut) 0,100% 0,calc(100% - var(--sp-cut)) 100%,0 100%);transition:background .15s,transform .15s}.sp-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sp-accent);transform:scaleY(0);transition:transform .15s}.sp-item:hover,.sp-item:focus-visible{background:linear-gradient(90deg,#ffffff29,#ffffff0d);transform:translate(4px);outline:none}.sp-item:hover:before,.sp-item:focus-visible:before{transform:scaleY(1)}.sp-item.sp-primary{background:linear-gradient(90deg,var(--sp-accent),var(--sp-accent-2));color:#140a04}.sp-item.sp-primary small{color:#140a04b8}.sp-item-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.sp-item-text b{font:800 clamp(17px,2vw,22px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.12em}.sp-item-text small{font-size:clamp(10px,1.05vw,12px);color:var(--sp-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-chev{width:18px;height:18px;opacity:.7;flex:none}.sp-menu{z-index:10;display:grid;grid-template-rows:auto 1fr auto;padding:max(var(--sp-pad),env(safe-area-inset-top,0px)) max(var(--sp-pad),env(safe-area-inset-right,0px)) 14px max(var(--sp-pad),env(safe-area-inset-left,0px))}.sp-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px}.sp-top-note{font:600 11px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.24em;color:var(--sp-faint)}.sp-top-note b{color:var(--sp-beige);font-weight:700}.sp-menu-body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,3vh,30px)}.sp-title h1{margin:6px 0 0;font:800 italic clamp(34px,5.6vw,76px)/.92 "Barlow Condensed",Arial,sans-serif;letter-spacing:.01em}.sp-title h1 em{color:var(--sp-accent);font-style:italic}.sp-foot{position:relative;display:flex;justify-content:flex-start}.sp-foot .landing-credits{margin:0;max-width:60ch;font-size:10px;line-height:1.4;color:var(--sp-faint)}.sp-foot .landing-credits a{color:var(--sp-dim)}.sp-race-card{position:absolute;right:max(var(--sp-pad),env(safe-area-inset-right,0px));bottom:clamp(18px,4vh,40px);width:min(390px,34vw);display:grid;grid-template-columns:42% 1fr;align-items:center;background:var(--sp-glass);border:1px solid var(--sp-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.sp-card-map{padding:10px 4px 10px 12px;align-self:stretch;display:flex;align-items:center;background:radial-gradient(ellipse at 50% 60%,rgba(255,90,31,.12),transparent 70%)}.sp-card-map .sp-map{width:100%;height:auto;max-height:16vh}.sp-card-body{padding:12px 16px 12px 8px}.sp-card-body small{display:block;font:700 11px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.24em;color:var(--sp-accent-2)}.sp-card-body b{display:block;margin:4px 0 8px;font:800 clamp(18px,2vw,24px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.04em}.sp-chips{display:flex;flex-wrap:wrap;gap:5px}.sp-chips i{font-style:normal;font-size:11px;padding:4px 8px;border:1px solid var(--sp-line2);border-radius:20px;color:var(--sp-dim)}.sp-map{display:block;overflow:visible}.sp-map-shadow{fill:none;stroke:#ffffff14;stroke-width:5;stroke-linejoin:round}.sp-map-line{fill:none;stroke:var(--sp-text);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.sp-map-start{fill:var(--sp-accent)}.sp-dice circle{fill:var(--sp-text)}.sp-loader{z-index:25;display:grid;grid-template-rows:1fr auto;background:radial-gradient(ellipse at 30% 40%,#1a1d22,#0a0c0f 65%);padding:var(--sp-pad)}.sp-load-main{display:flex;align-items:center;gap:clamp(18px,4vw,60px)}.sp-load-map{width:min(46vw,560px)}.sp-load-svg .sp-map-line{stroke:var(--sp-accent);stroke-width:2.2;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s ease-out}.sp-load-svg .sp-map-shadow{stroke:#ffffff1a;stroke-width:4}.sp-load-info h2{margin:8px 0 10px;font:800 italic clamp(30px,4.6vw,64px)/.95 "Barlow Condensed",Arial,sans-serif}.sp-load-meta{margin:0;color:var(--sp-dim);font-size:clamp(11px,1.2vw,14px);letter-spacing:.04em}.sp-load-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(14px,3vw,40px)}.sp-load-progress .progress-outer{width:100%;height:3px;background:#ffffff1f;overflow:hidden}.sp-load-progress #progressBar{height:100%;width:0;background:linear-gradient(90deg,var(--sp-accent),var(--sp-accent-2));transition:width .3s}.sp-load-progress p{margin:8px 0 0;font-size:11px;letter-spacing:.06em;color:var(--sp-faint)}.sp-tip{grid-column:1/-1;margin:0;font-size:12px;color:var(--sp-dim)}.sp-tip:before{content:"TIP  ";font:700 11px Barlow Condensed,Arial,sans-serif;letter-spacing:.2em;color:var(--sp-accent-2)}#loadStart{grid-column:3;grid-row:1;min-width:170px}.sp-pause{z-index:15;display:flex;align-items:center;padding:var(--sp-pad) max(var(--sp-pad),env(safe-area-inset-right,0px)) var(--sp-pad) max(var(--sp-pad),env(safe-area-inset-left,0px));background:#06080a59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sp-pause-col{position:relative;display:flex;flex-direction:column;gap:clamp(8px,2vh,16px)}.sp-pause-col h2{margin:0;font:800 italic clamp(30px,4.4vw,56px)/1 "Barlow Condensed",Arial,sans-serif}.sp-pause .sp-race-card{bottom:auto;top:50%;transform:translateY(-50%)}.sp-settings{z-index:20}.sp-setup{z-index:18}.sp-settings,.sp-setup{background:#06080a9e;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sp-panel{position:absolute;inset:0;display:grid;grid-template-rows:var(--sp-head) 1fr auto;padding:0 max(var(--sp-pad),env(safe-area-inset-right,0px)) 0 max(var(--sp-pad),env(safe-area-inset-left,0px))}.sp-head{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--sp-line)}.sp-head h2{flex:1;margin:0;font:800 italic clamp(22px,2.8vw,34px)/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.06em}.sp-panel-main{display:grid;grid-template-columns:clamp(150px,19vw,230px) 1fr;min-height:0}.sp-tabs{display:flex;flex-direction:column;gap:4px;padding:16px 16px 16px 0;border-right:1px solid var(--sp-line)}.sp-tabs button{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border:0;background:transparent;text-align:left;color:var(--sp-dim);font:700 15px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.14em;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.sp-tabs button:hover{color:var(--sp-text);background:#ffffff0d}.sp-tabs button.on{color:#140a04;background:linear-gradient(90deg,var(--sp-accent),var(--sp-accent-2))}.sp-panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 0 16px clamp(16px,2.6vw,36px);touch-action:pan-y}.sp-page{display:none}.sp-page.on{display:block}.sp-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.25fr);align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--sp-line)}.sp-row-label{display:flex;align-items:flex-start;gap:12px}.sp-row-label .sp-ic{margin-top:1px;color:var(--sp-accent-2)}.sp-row-label b{display:block;font:700 15px/1.1 Barlow Condensed,Arial,sans-serif;letter-spacing:.14em}.sp-row-label small{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:var(--sp-faint)}.sp-row-control{display:flex;flex-direction:column;gap:8px;min-width:0}.sp-row-control select{display:none}.sp-row-control input[type=range]{width:100%;accent-color:var(--sp-accent);height:28px}.sp-row .settings-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--sp-dim)}.sp-row .settings-meta b{color:var(--sp-text)}.sp-panel-foot{display:flex;justify-content:flex-end;padding:12px 0 max(14px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--sp-line)}.sp-info .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--sp-line);font-size:13px;color:var(--sp-dim)}.sp-info .info-row b{color:var(--sp-text);font-weight:600}.sp-legal{margin:16px 0 0;font-size:12px;line-height:1.5;color:var(--sp-faint);max-width:70ch}.sp-legal a{color:var(--sp-accent-2)}.sp-seg{display:flex;gap:6px;flex-wrap:wrap}.sp-seg button{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:62px;min-height:58px;padding:7px 6px;border:1px solid var(--sp-line2);background:#ffffff0a;border-radius:4px;color:var(--sp-dim);font:700 11px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.12em;transition:background .15s,color .15s,border-color .15s}.sp-seg button .ic{width:22px;height:22px}.sp-seg button:hover{color:var(--sp-text);border-color:#ffffff4d}.sp-seg button.on{color:#140a04;background:linear-gradient(180deg,var(--sp-accent-2),var(--sp-accent));border-color:transparent}.sp-seg button.on path[opacity]{opacity:1}.sp-setup-main{display:grid;grid-template-columns:minmax(230px,34%) 1fr;gap:clamp(14px,2.4vw,34px);min-height:0;padding:14px 0}.sp-circuits{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;touch-action:pan-y}.sp-card{display:flex;align-items:center;gap:12px;min-height:74px;padding:8px 12px;border:1px solid var(--sp-line);background:#ffffff0a;text-align:left;border-radius:4px;transition:background .15s,border-color .15s}.sp-card .sp-map{width:84px;height:48px;flex:none}.sp-card .sp-map .sp-map-line{stroke-width:2.6}.sp-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sp-card-text small{font:700 10px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.22em;color:var(--sp-accent-2)}.sp-card-text b{font:800 17px/1.05 Barlow Condensed,Arial,sans-serif;letter-spacing:.04em}.sp-card-text em{font-style:normal;font-size:11px;color:var(--sp-faint)}.sp-card:hover{background:#ffffff14}.sp-card.on{border-color:var(--sp-accent);background:linear-gradient(90deg,#ff5a1f38,#ff5a1f0d)}.sp-card.on .sp-map-line{stroke:var(--sp-accent-2)}.sp-detail{display:flex;flex-direction:column;gap:clamp(8px,1.8vh,16px);min-height:0}.sp-detail-top{display:flex;gap:clamp(12px,2vw,28px);align-items:center;flex:1;min-height:0}.sp-detail-map{flex:1.2;min-width:0;align-self:stretch;display:flex;align-items:center;background:radial-gradient(ellipse at 50% 55%,rgba(255,90,31,.14),transparent 70%)}.sp-detail-map .sp-map{width:100%;height:100%;max-height:34vh}.sp-detail-map .sp-map-line{stroke-width:2;stroke:var(--sp-text)}.sp-detail-info{flex:1;min-width:0}.sp-detail-info h3{margin:6px 0;font:800 italic clamp(24px,3.2vw,44px)/.95 "Barlow Condensed",Arial,sans-serif}.sp-detail-info p{margin:0 0 12px;font-size:clamp(11px,1.15vw,14px);color:var(--sp-dim)}.sp-stats{display:flex;gap:24px}.sp-stats b{display:block;font:800 clamp(22px,2.6vw,34px)/1 "Barlow Condensed",Arial,sans-serif}.sp-stats span{font:700 10px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.22em;color:var(--sp-faint)}.sp-cond{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:12px}.sp-cond-label{font:700 12px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.22em;color:var(--sp-faint)}.sp-cond .sp-seg{flex-wrap:nowrap}.sp-cond .sp-seg button{min-height:52px}.sp-start{align-self:flex-end;min-width:240px;min-height:54px}@media(max-height:520px){:root{--sp-pad:16px;--sp-head:48px;--sp-cut:10px}.sp-ic{width:19px;height:19px}.sp-top-note{display:none}.sp-menu{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:8px}.sp-menu-body{gap:8px}.sp-title h1{font-size:30px}.sp-list{width:min(330px,44vw);gap:5px}.sp-item{min-height:44px;gap:10px;padding:0 12px 0 14px}.sp-item-text b{font-size:16px}.sp-item-text small{font-size:10px}.sp-race-card{width:min(300px,37vw);bottom:12px}.sp-card-map{padding:6px 2px 6px 8px}.sp-card-map .sp-map{max-height:20vh}.sp-card-body{padding:8px 10px 8px 4px}.sp-card-body b{font-size:17px;margin:3px 0 6px}.sp-chips i{font-size:9px;padding:3px 6px}.sp-foot .landing-credits{font-size:8px;max-width:58ch}.sp-back{width:38px;height:38px}.sp-panel-main{grid-template-columns:132px 1fr}.sp-tabs{padding:10px 10px 10px 0;gap:3px}.sp-tabs button{min-height:38px;font-size:13px;gap:8px;padding:0 10px}.sp-panel-body{padding:6px 0 10px 14px}.sp-row{grid-template-columns:1fr 1.3fr;gap:12px;padding:10px 0}.sp-row-label small{font-size:10px}.sp-seg button{min-height:46px;min-width:52px;font-size:10px;gap:4px}.sp-seg button .ic{width:19px;height:19px}.sp-panel-foot{padding:6px 0 max(8px,env(safe-area-inset-bottom,0px))}.sp-btn{min-height:40px;font-size:14px!important}.sp-setup-main{grid-template-columns:minmax(200px,33%) 1fr;padding:8px 0;gap:14px}.sp-card{min-height:56px;padding:5px 8px;gap:8px}.sp-card .sp-map{width:62px;height:36px}.sp-card-text b{font-size:14px}.sp-card-text em{font-size:10px}.sp-detail{gap:6px}.sp-detail-info h3{font-size:24px}.sp-detail-info p{margin-bottom:6px}.sp-stats b{font-size:20px}.sp-cond{grid-template-columns:58px 1fr;gap:8px}.sp-cond .sp-seg button{min-height:40px;flex-direction:row;gap:5px}.sp-cond .sp-seg button .ic{width:17px;height:17px}.sp-start{min-height:42px;min-width:180px}.sp-load-map{width:40vw}.sp-tip{font-size:10px}.sp-pause .sp-race-card{width:min(240px,30vw)}}@media(max-width:700px)and (max-height:520px){.sp-cond .sp-seg button span{display:none}}.sp-log{position:fixed;z-index:60;top:max(6px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:none;align-items:flex-start;gap:6px;max-width:min(760px,62vw);padding:4px 6px 4px 8px;background:#06080ab8;border:1px solid rgba(255,90,31,.45);border-radius:6px;color:#f4f2ee;font:10.5px/1.35 ui-monospace,Menlo,Consolas,monospace;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-log-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-log-text span{white-space:nowrap}.sp-log-rec{color:#ff5a1f;font-weight:700}.sp-log-more{display:none;margin-top:3px;white-space:pre;color:#ffd7b8;font-size:9.5px}.sp-log.open .sp-log-more{display:block}.sp-log-btns{display:flex;gap:4px;flex:none}.sp-log-btns button{min-width:34px;height:26px;padding:0 7px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:#ff5a1fd9;color:#140a04;font:700 10px/1 ui-monospace,Menlo,monospace;cursor:pointer}.sp-log-btns button[data-a=more]{background:#ffffff1f;color:#fff}.sp-log-actions{display:flex;gap:6px;flex-wrap:wrap}.sp-mini{min-height:32px;padding:0 12px;border:1px solid var(--sp-line2);border-radius:4px;background:#ffffff0f;color:var(--sp-text);font:700 11px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.12em;cursor:pointer}.sp-mini:disabled{opacity:.4}html[data-ui=touch][data-ui-size=tablet] .sp-mini{min-height:44px;padding:0 16px;font-size:12px}html[data-ui=touch][data-ui-size=tablet] .sp-log-btns button{height:40px;min-width:44px;font-size:11px;padding:0 10px}.sp-log-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#000000b3}.sp-log-modal-box{width:min(92vw,900px);height:min(86vh,640px);display:flex;flex-direction:column;gap:8px;padding:14px;background:#111418;border:1px solid var(--sp-line2);border-radius:8px;color:var(--sp-text);font-family:DM Sans,Arial,sans-serif}.sp-log-modal-box p{margin:0;font-size:12px;color:var(--sp-dim)}.sp-log-modal-box textarea{flex:1;min-height:0;resize:none;background:#07090b;color:#f4f2ee;border:1px solid var(--sp-line);font:10px/1.3 ui-monospace,Menlo,monospace;user-select:text;-webkit-user-select:text}.sp-log-modal-box div{display:flex;gap:8px;justify-content:flex-end}.sp-log-modal-box button{min-height:36px;padding:0 16px;border:0;border-radius:4px;background:var(--sp-accent);color:#140a04;font:700 12px Barlow Condensed,Arial,sans-serif;letter-spacing:.12em}html[data-ui=touch] .sp-log{left:calc(max(8px,env(safe-area-inset-left,0px)) + clamp(76px,27vh,118px) + 8px);transform:none;max-width:calc(100vw - clamp(76px,27vh,118px) - 300px);font-size:9px;padding:3px 4px 3px 6px}html[data-ui=touch] .sp-log-btns button{height:24px;min-width:30px;font-size:9px;padding:0 5px}.rr-modal{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;background:#0a0c0fc7}.rr-box{width:min(92vw,460px);max-height:88vh;overflow:auto;padding:18px 20px 16px;background:#14171b;border:1px solid #3a3e44;border-radius:16px;color:#f4efe8;font-family:DM Sans,Arial,sans-serif}.rr-box h2{margin:0 0 10px;font:700 22px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.16em;color:#ff8a3d}.rr-place{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.rr-place b{font:700 44px/1 Barlow Condensed,Arial,sans-serif}.rr-place span{color:#a8a29a;font-size:13px;letter-spacing:.12em}.rr-sum{display:flex;gap:26px;margin:4px 0 10px}.rr-sum span{display:flex;flex-direction:column;gap:3px;font-size:9px;letter-spacing:.2em;color:#a8a29a}.rr-sum b{font:600 20px/1 Barlow Condensed,Arial,sans-serif;color:#f4efe8;letter-spacing:.02em}.rr-laps{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.rr-laps td{padding:5px 4px;border-top:1px solid #2a2e33;font-size:14px}.rr-laps td:first-child{color:#a8a29a;width:2.2em}.rr-laps td:last-child{text-align:right;font-size:10px;letter-spacing:.18em;color:#ff8a3d}.rr-laps tr.best td:nth-child(2){color:#ff8a3d}.rr-laps tr.invalid td:nth-child(2){color:#8d9299;text-decoration:line-through}.rr-note{margin:8px 0 0;font-size:11px;color:#8d9299;line-height:1.4}.rr-tips{margin:0 0 4px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}.rr-tips li{font-size:13px;line-height:1.4;color:#d9d4cc}.rr-tips b{color:#ff8a3d;letter-spacing:.08em}.rr-btns{display:flex;gap:10px;margin-top:14px}.rr-btns button{flex:1;min-height:44px;border-radius:10px;border:1px solid #3a3e44;background:#1d2126;color:#f4efe8;font:700 14px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.16em;cursor:pointer}.rr-btns button.primary{background:#ff8a3d;border-color:#ff8a3d;color:#14171b}.brake-cue{position:fixed;left:50%;top:calc(var(--st,14px) + 42px);transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#14171bb8;border:1.5px solid #ff8a3d;color:#ff8a3d;font:700 18px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.18em;pointer-events:none;z-index:6;white-space:nowrap}.brake-cue[hidden]{display:none}.brake-cue.urgent{background:#ff8a3d;color:#14171b;animation:ccBlink .3s steps(2) infinite}.start-lights{position:fixed;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:7}.start-lights[hidden]{display:none}.start-lights span{display:flex;gap:10px;padding:8px 14px;background:#14171bcc;border:1.5px solid #3a3e44;border-radius:12px}.start-lights i{width:22px;height:22px;border-radius:50%;background:#2a2e33;border:1px solid #3a3e44}.start-lights i.on{background:#ff5a1f;border-color:#ff8a3d;box-shadow:0 0 12px #ff5a1fcc}.start-lights b{font:700 34px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.2em;color:#ff8a3d;min-height:34px}.rr-record{margin:0 0 8px;font:700 12px/1 DM Sans,Arial,sans-serif;letter-spacing:.2em;color:#ff8a3d}body.replaying #hud,body.replaying .brake-cue,body.replaying .start-lights{display:none!important}.replay-bar{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;background:#14171bd1;border:1px solid #3a3e44;border-radius:14px;z-index:2200;width:min(94vw,640px)}.replay-bar[hidden]{display:none}.replay-bar button{min-width:64px;min-height:40px;border-radius:10px;border:1px solid #3a3e44;background:#1d2126;color:#f4efe8;font:700 13px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.14em;cursor:pointer}.replay-bar #replayExit{background:#ff8a3d;border-color:#ff8a3d;color:#14171b}.replay-bar input[type=range]{flex:1;accent-color:#ff8a3d;min-width:80px}.desktop-only,.lap-panel,html[data-ui=desktop] .sp-row.touch-only,html[data-ui-device=handheld] .sp-row.desktop-row{display:none}html[data-ui=desktop] .hud{--dp:clamp(16px,2.2vw,44px);--dglass:linear-gradient(150deg,rgba(10,12,15,.8),rgba(14,16,19,.6));--dedge:rgba(244,242,238,.17);--warm:#ff8a3d;--best:#ff8a3d}html[data-ui=desktop] .hud .desktop-only{display:block}html[data-ui=desktop] .hud .controls,html[data-ui=desktop] .hud .camera-tag{display:none}html[data-ui=desktop] .hud .topbar{height:64px}html[data-ui=desktop] .hud .top-center{font-size:11px}html[data-ui=desktop] .hud .left-info{left:50%;top:19%;transform:translate(-50%);align-items:center;text-align:center;opacity:0;transition:opacity .9s ease;pointer-events:none}html[data-ui=desktop] .hud.intro .left-info{opacity:1}html[data-ui=desktop] .hud .left-info .small-info{color:#f4f2ee;text-shadow:0 2px 10px #000c}html[data-ui=desktop] .hud .left-info .eyebrow{text-shadow:0 2px 10px #000c}html[data-ui=desktop] .hud .lap-panel,html[data-ui=desktop] .hud .telemetry{border:1px solid var(--dedge);border-radius:16px;background:var(--dglass);box-shadow:0 16px 42px #00000057,inset 0 1px #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}html[data-ui=desktop] .hud .lap-panel{display:block;position:absolute;left:var(--dp);top:80px;min-width:206px;padding:12px 16px 13px;transition:border-color .3s,box-shadow .3s}.hud .lap-head{display:flex;align-items:baseline;gap:8px}.hud .lap-head b{font:700 17px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.05em}.hud .lap-flag{margin-left:auto;font:800 9px/1 DM Sans,Arial,sans-serif;letter-spacing:.14em;color:#ff8a3d}.hud .lap-time{font:600 36px/1.05 Barlow Condensed,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:5px 0 9px}.hud .lap-splits{display:flex;gap:18px}.hud .lap-split{display:flex;flex-direction:column;gap:3px}.hud .lap-split i{font:700 8.5px/1 DM Sans,Arial,sans-serif;font-style:normal;letter-spacing:.2em;color:#a8a29a}.hud .lap-split b{font:600 16px/1 Barlow Condensed,Arial,sans-serif;font-variant-numeric:tabular-nums}.hud .lap-split.best b{color:var(--best,#ff8a3d)}html[data-ui=desktop] .hud .lap-panel.lap-done{border-color:var(--best);box-shadow:0 0 0 2px #ff8a3d47,0 16px 42px #00000057}html[data-ui=desktop] .hud .minimap{display:block;position:absolute;left:var(--dp);bottom:calc(var(--dp) + 26px);width:clamp(140px,12vw,210px);height:clamp(140px,12vw,210px);border-radius:50%;border:1px solid rgba(244,242,238,.42);box-shadow:0 14px 36px #0006;pointer-events:none}html[data-ui=desktop] .hud .telemetry{left:auto;right:var(--dp);bottom:calc(var(--dp) + 26px);transform:none;width:clamp(300px,22vw,410px);display:grid;grid-template-columns:1fr auto;grid-template-areas:"lights lights" "speed gear" "foot foot";column-gap:20px;row-gap:10px;align-items:end;padding:14px 20px 13px}html[data-ui=desktop] .hud .shift-lights{grid-area:lights;display:flex;gap:5px}html[data-ui=desktop] .hud .shift-lights i{flex:1;height:7px;border-radius:4px;background:#ffffff1c}html[data-ui=desktop] .hud .shift-lights i.on:nth-child(-n+4){background:#f4f2ee;box-shadow:0 0 8px #f4f2ee99}html[data-ui=desktop] .hud .shift-lights i.on:nth-child(n+5):nth-child(-n+7){background:#ff8a3d;box-shadow:0 0 8px #ff8a3d99}html[data-ui=desktop] .hud .shift-lights i.on:nth-child(n+8){background:#ff5a1f;box-shadow:0 0 8px #ff5a1f99}html[data-ui=desktop] .hud .shift-lights.flash i{background:#f4f2ee;box-shadow:0 0 10px #f4f2eeaa;animation:spShift .16s steps(2) infinite}@keyframes spShift{50%{opacity:.25}}html[data-ui=desktop] .hud .speed-block{grid-area:speed;min-width:0}html[data-ui=desktop] .hud .gear-block{grid-area:gear;min-width:58px;padding-left:18px}html[data-ui=desktop] .hud .speed-value{font-size:clamp(56px,5vw,90px)}html[data-ui=desktop] .hud .gear-value{font-size:clamp(50px,4.4vw,78px)}html[data-ui=desktop] .hud .rpm-track,html[data-ui=desktop] .hud .rpm-scale{width:100%}html[data-ui=desktop] .hud .cluster-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}html[data-ui=desktop] .hud .lamps{display:flex;gap:5px}html[data-ui=desktop] .hud .lamp{font:800 9px/1 DM Sans,Arial,sans-serif;letter-spacing:.1em;padding:5px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.15);color:#ffffff4d;transition:background .08s,color .08s}html[data-ui=desktop] .hud .lamp.on{color:#160b03;background:#ff8a3d;border-color:#ff8a3d;box-shadow:0 0 10px #ff8a3d88}html[data-ui=desktop] .hud .lamp.past{color:#fff;background:#ff5a1f;border-color:#ff5a1f;box-shadow:0 0 10px #ff5a1f88}html[data-ui=desktop] .hud .inputs{display:flex;align-items:center;gap:9px}html[data-ui=desktop] .hud .in-steer{position:relative;width:clamp(56px,4.6vw,84px);height:6px;border-radius:3px;background:#ffffff21;overflow:hidden}html[data-ui=desktop] .hud .in-steer:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ffffff8c}html[data-ui=desktop] .hud .in-steer i{position:absolute;left:50%;top:0;bottom:0;width:50%;transform-origin:0 50%;transform:scaleX(0);background:var(--warm)}html[data-ui=desktop] .hud .in-pedals{display:flex;gap:4px}html[data-ui=desktop] .hud .in-bar{position:relative;display:block;width:7px;height:28px;border-radius:3px;background:#ffffff21;overflow:hidden}html[data-ui=desktop] .hud .in-bar i{position:absolute;inset:0;transform-origin:50% 100%;transform:scaleY(0)}html[data-ui=desktop] .hud .in-bar.thr i{background:#f4f2ee}html[data-ui=desktop] .hud .in-bar.brk i{background:#ff5a1f}html[data-ui=desktop] .hud .bottom-note{left:50%;right:auto;bottom:12px;transform:translate(-50%);display:flex;justify-content:center;white-space:nowrap;transition:opacity .9s}html[data-ui=desktop] .hud .bottom-note.quiet{opacity:.3}.hud .bottom-note .keys{display:flex;gap:15px;align-items:center;font:700 9px/1 DM Sans,Arial,sans-serif;letter-spacing:.12em;color:#d9d4cc;text-shadow:0 1px 6px #000a}.hud .bottom-note .keys>span{display:inline-flex;align-items:center;gap:4px}.hud .bottom-note kbd{display:inline-grid;place-items:center;min-width:20px;height:19px;padding:0 5px;margin-right:1px;border:1px solid rgba(255,255,255,.38);border-bottom-width:2px;border-radius:4px;font:700 9px/1 DM Sans,Arial,sans-serif;letter-spacing:.04em;color:#fff;background:#0a0c0f9e}.hud .bottom-note .keys-pad,html[data-input=pad] .hud .bottom-note .keys-kb{display:none}html[data-input=pad] .hud .bottom-note .keys-pad{display:flex}@media(max-width:1180px){html[data-ui=desktop] .hud .bottom-note .keys>span:nth-child(n+6){display:none}}@media(max-width:900px){html[data-ui=desktop] .hud .bottom-note{display:none}}@media(max-height:760px){html[data-ui=desktop] .hud .topbar{height:56px}html[data-ui=desktop] .hud .lap-panel{top:66px;padding:9px 13px 10px;min-width:180px}html[data-ui=desktop] .hud .lap-time{font-size:28px;margin:3px 0 6px}html[data-ui=desktop] .hud .telemetry{row-gap:7px;padding:11px 16px 10px;width:clamp(280px,24vw,360px)}html[data-ui=desktop] .hud .speed-value{font-size:clamp(48px,7vh,72px)}html[data-ui=desktop] .hud .gear-value{font-size:clamp(44px,6.4vh,64px)}html[data-ui=desktop] .hud .minimap{width:clamp(120px,19vh,170px);height:clamp(120px,19vh,170px)}}@media(max-width:1100px){html[data-ui=desktop] .hud .telemetry{width:300px}html[data-ui=desktop] .hud .minimap{width:130px;height:130px}}html[data-ui=touch] body .hud .lap-panel{display:flex;position:fixed;top:var(--st);left:50%;transform:translate(-50%);align-items:center;gap:9px;padding:5px 12px;border-radius:999px;background:#0a0c0f80;border:1.5px solid rgba(255,255,255,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap}html[data-ui=touch] body .hud .lap-head b{font-size:13px}html[data-ui=touch] body .hud .lap-head b:before{content:"LAP ";font-size:9px;letter-spacing:.14em;color:#d9d4cc}html[data-ui=touch] body .hud .lap-flag{font-size:8px}html[data-ui=touch] body .hud .lap-time{font-size:17px;margin:0}html[data-ui=touch] body .hud .lap-splits{gap:8px}html[data-ui=touch] body .hud .lap-split{flex-direction:row;align-items:baseline;gap:4px}html[data-ui=touch] body .hud .lap-split:not(.best){display:none}html[data-ui=touch] body .hud .lap-split.gap,html[data-ui=touch] body .hud .lap-split.tyre,html[data-ui=touch] body .hud .lap-split.fuel,html[data-ui=touch] body .hud .lap-split.dmg{display:flex}html[data-ui=touch] body .hud .lap-split i{font-size:7.5px}html[data-ui=touch] body .hud .lap-split b{font-size:13px}html[data-ui=touch] body .hud .lap-panel.lap-done{border-color:#ff8a3d}html[data-ui=touch][data-ui-size=tablet] body .hud{--st:max(14px,env(safe-area-inset-top,0px));--sb:max(14px,env(safe-area-inset-bottom,0px));--sl:max(14px,env(safe-area-inset-left,0px));--sr:max(14px,env(safe-area-inset-right,0px));--btn:48px;--mm:clamp(120px,21vh,190px);--wh:clamp(190px,32vh,280px);--gz:clamp(98px,16vh,150px);--thw:clamp(70px,10.5vh,98px);--thh:clamp(160px,28vh,236px);--bkw:clamp(88px,13vh,126px);--bkh:clamp(100px,16vh,142px);--abw:clamp(96px,15vh,134px);--abh:clamp(116px,19vh,166px)}html[data-ui=touch][data-ui-size=tablet] body .hud .icon-btn .ic,html[data-ui=touch][data-ui-size=tablet] body .hud .driving-toggles button .ic,html[data-ui=touch][data-ui-size=tablet] body .hud .arrow-steer .ic{width:23px;height:23px}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter{width:52px;height:clamp(100px,17vh,140px)}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter span{font-size:21px}html[data-ui=touch][data-ui-size=tablet] body .hud .lap-time{font-size:22px}html[data-ui=touch][data-ui-size=tablet] body .hud .lap-head b,html[data-ui=touch][data-ui-size=tablet] body .hud .lap-split b{font-size:16px}html[data-ui=touch][data-ui-size=tablet] body .toast{font-size:11px;padding:7px 14px;top:calc(var(--st,14px) + 46px)}@media(min-width:2200px)and (min-height:1200px){html[data-ui=desktop] .hud{zoom:1.3}}@media(min-width:3200px)and (min-height:1750px){html[data-ui=desktop] .hud{zoom:1.75}}html[data-ui=desktop] .sp-log{top:72px}html[data-ui=touch] .sp-log{top:calc(max(8px,env(safe-area-inset-top,0px)) + 38px)}html[data-ui=touch][data-ui-size=tablet] .sp-log{top:calc(max(14px,env(safe-area-inset-top,0px)) + 50px)}.hud .map-next{display:none}html[data-ui] .hud .minimap{pointer-events:auto;cursor:pointer;touch-action:manipulation}html[data-ui] .hud .map-next.show{display:inline-flex;align-items:center;gap:7px;position:fixed;z-index:6;height:30px;padding:0 13px 0 9px;font:700 12px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.1em;color:#f4f2ee;background:#0a0c0fc7;border:1px solid rgba(244,242,238,.16);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-ui] .hud .map-next .mn-arrow{width:16px;height:16px;color:#ff8a3d;flex:none}html[data-ui] .hud .map-next.right .mn-arrow{transform:scaleX(-1)}html[data-ui] .hud .map-next b{font:800 italic 17px/1 Barlow Condensed,Arial,sans-serif;letter-spacing:.02em;color:#f4f2ee}html[data-ui] .hud .map-next #mapNextDist{font-variant-numeric:tabular-nums;color:#f4f2ee}html[data-ui] .hud .map-next #mapNextKind{color:#ff8a3d;font-size:10px;letter-spacing:.18em}html[data-ui] .hud .map-next.now{background:#ff5a1fe6;border-color:#ff8a3d}html[data-ui] .hud .map-next.now .mn-arrow,html[data-ui] .hud .map-next.now #mapNextKind{color:#140a04}html[data-ui=touch] body .hud .map-next.show{left:calc(var(--sl) + var(--mm) + 10px);top:calc(var(--st) + var(--mm)*.18)}html[data-ui=desktop] .hud .map-next.show{left:var(--dp);bottom:calc(var(--dp) + 36px + clamp(140px,12vw,210px))}.hud .lap-split[hidden],html[data-ui=touch] body .hud .lap-split[hidden]{display:none}.hud .lap-split.gap b{min-width:3.2em;color:#f4efe8}.hud .lap-split.gap.ahead b{color:#ff8a3d}.hud .lap-split.tyre b{color:#f4efe8}.hud .lap-split.tyre.worn b{color:#ff8a3d}html[data-ui=touch] body .hud .lap-split.gap b{min-width:2.5em}html[data-ui=touch] body .hud .lap-split.tyre i{display:none}html[data-ui=touch] body .hud .lap-split.tyre b:before{content:"T ";font-size:7.5px;letter-spacing:.2em;color:#a8a29a}.hud .lap-split.fuel b{color:#f4efe8}.hud .lap-split.fuel.low b,.hud .lap-split.dmg b{color:#ff8a3d}html[data-ui=touch] body .hud .lap-split.fuel i,html[data-ui=touch] body .hud .lap-split.dmg i{display:none}html[data-ui=touch] body .hud .lap-split.fuel b:before{content:"F ";font-size:7.5px;letter-spacing:.2em;color:#a8a29a}html[data-ui=touch] body .hud .lap-split.dmg b:before{content:"DMG ";font-size:7.5px;letter-spacing:.2em;color:#a8a29a}.hud .lap-head b.lap-pos{color:#ff8a3d;margin-left:4px}.hud .lap-head b.lap-pos[hidden]{display:none}html[data-ui=touch] body .hud .lap-head b.lap-pos:before{content:none}.hud:not([data-gearbox=manual]) .keys-manual{display:none}html[data-ui=touch] body .hud .paddle{display:none}html[data-ui=touch] body .hud .steer-ring{position:relative}html[data-ui=touch] body .hud .steer-glass{opacity:1;filter:drop-shadow(0 6px 9px #000a)}html[data-ui=touch] body .hud .steer-glass .rim-edge{fill:none;stroke:#ffffff70;stroke-width:10.9;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .rim{fill:none;stroke:url(#tqRim);stroke-width:9.5;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .grip{fill:none;stroke:url(#tqSuede);stroke-width:9.5;stroke-dasharray:none;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .pad{fill:none;stroke:#202327;stroke-width:11.8;stroke-linecap:round}html[data-ui=touch] body .hud .steer-glass .stitch{fill:none;stroke:#ff8a3d;stroke-width:.75;stroke-dasharray:1.5 1.25;opacity:.9}html[data-ui=touch] body .hud .steer-glass .spoke{fill:url(#tqMetal);stroke:#ffffff57;stroke-width:.6;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .spoke-cut{fill:#050607d1;stroke:#ffffff24;stroke-width:.4;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .plate{fill:#0d0e10;stroke:#fff6;stroke-width:.8;stroke-linejoin:round}html[data-ui=touch] body .hud .steer-glass .plate-weave{fill:url(#tqCarbon);opacity:.92}html[data-ui=touch] body .hud .steer-glass .led-bar{fill:#050607;stroke:#fff3;stroke-width:.4}html[data-ui=touch] body .hud .steer-glass .led{fill:#ffffff26}html[data-ui=touch] body .hud .steer-glass .led.on:nth-child(-n+3){fill:#f4f2ee}html[data-ui=touch] body .hud .steer-glass .led.on:nth-child(n+4):nth-child(-n+6){fill:#ff8a3d}html[data-ui=touch] body .hud .steer-glass .led.on:nth-child(n+7){fill:#ff5a1f}html[data-ui=touch] body .hud .steer-glass .leds.flash .led{fill:#f4f2ee;animation:ccBlink .16s steps(2) infinite}html[data-ui=touch] body .hud .steer-glass .hub{fill:url(#tqHub);stroke:#ffffff80;stroke-width:.9}html[data-ui=touch] body .hud .steer-glass .hub-ring{fill:none;stroke:#ff5a1f;stroke-width:.6;opacity:.85}html[data-ui=touch] body .hud .steer-glass .horn{fill:#ffffffdb}html[data-ui=touch] body .hud .steer-glass .horn-wave{fill:none;stroke:#ffffffb8;stroke-width:1.2;stroke-linecap:round}html[data-ui=touch] body .hud .steer-glass .knob circle{fill:#1a1c1f;stroke:#ffffff8c;stroke-width:.6}html[data-ui=touch] body .hud .steer-glass .knob path{fill:none;stroke:#ff8a3d;stroke-width:.9;stroke-linecap:round}html[data-ui=touch] body .hud .steer-glass .sw{fill:#25282c;stroke:#ffffff73;stroke-width:.5}html[data-ui=touch] body .hud .steer-glass .sw.sw-a{fill:#ff5a1f;stroke:#fff9}html[data-ui=touch] body .hud .steer-glass .sw.sm{fill:#3a3d42}html[data-ui=touch] body .hud .steer-glass .mark{fill:#ff5a1f;stroke:#ffffff59;stroke-width:.3}html[data-ui=touch] body .hud .steer-ring.steering-active .steer-glass .pad{stroke:#2d3135}html[data-ui=touch] body .hud .steer-ring.steering-active .steer-glass .stitch{stroke:#ffb27a;opacity:1}html[data-ui=touch] body .hud .steer-ring.at-limit .steer-glass .rim-edge{stroke:#ff8a3d;stroke-width:11.6}html[data-ui=touch] body .hud .steer-ring.past-limit .steer-glass .rim-edge{stroke:#ff5a1f;stroke-width:11.6}html[data-ui=touch] body .hud .steer-ring.at-limit .steer-glass .grip,html[data-ui=touch] body .hud .steer-ring.past-limit .steer-glass .grip{stroke:url(#tqSuede)}html[data-ui=touch] body .hud .steer-ring.rumble .steer-glass{animation:ccRumble .1s linear infinite}html[data-ui=touch] body .hud .steer-lock{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}html[data-ui=touch] body .hud .steer-lock .lock-fill{fill:none;stroke:#ff8a3d;stroke-width:1.7;stroke-linecap:round;stroke-dasharray:0 100;opacity:0}html[data-ui=touch] body .hud .steer-ring.past-limit .steer-lock .lock-fill{stroke:#ff5a1f}html[data-ui=touch] body .hud .steer-lock .grip-glow{fill:url(#tqGlow);opacity:0;transition:opacity .12s}html[data-ui=touch] body .hud .steer-lock .grip-glow.on{opacity:1}html[data-ui=touch] body .hud[data-steer-mode=buttons] .steer-lock{display:none}html[data-ui=touch] body .hud .pedal,html[data-ui=touch] body .hud .pedal.brake,html[data-ui=touch] body .hud .pedal.throttle{background:none;border:0;box-shadow:none;transition:transform .07s linear;transform:perspective(260px) rotateX(calc(16deg + var(--press,0) * 15deg))}html[data-ui=touch] body .hud .pedal.brake.pressed,html[data-ui=touch] body .hud .pedal.throttle.pressed,html[data-ui=touch] body .hud .pedal.brake:active,html[data-ui=touch] body .hud .pedal.throttle:active{background-color:transparent;transform:perspective(260px) rotateX(calc(19deg + var(--press,0) * 13deg))}html[data-ui=touch] body .hud .pedal-face{position:absolute;inset:0;display:block;border-radius:9px 9px 13px 13px;opacity:.94;overflow:hidden;border:1.5px solid rgba(255,255,255,.72);box-shadow:inset 0 2px #fff6,inset 0 -12px 18px #0009,0 8px 14px #000a}html[data-ui=touch] body .hud .pedal.throttle .pedal-face{background:radial-gradient(circle,#050607 0 2.2px,rgba(255,255,255,.34) 2.4px 3px,transparent 3.2px) center top 6px/14px 14px space,repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px),linear-gradient(180deg,#9a9ea4,#63676c 40%,#2f3236)}html[data-ui=touch] body .hud .pedal.brake .pedal-face{background:radial-gradient(circle,#131517 0 3.1px,rgba(255,255,255,.22) 3.3px 3.9px,transparent 4.1px) center top 5px/15px 15px space,repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(180deg,#7d8187,#4c5055 42%,#25282b)}html[data-ui=touch] body .hud .pedal-face:after{content:"";position:absolute;left:0;right:0;bottom:0;height:15%;min-height:12px;background:repeating-linear-gradient(180deg,#0b0c0e 0 2px,#25282c 2px 4px);border-top:2px solid #ff5a1f}html[data-ui=touch] body .hud .pedal.pressed .pedal-face{border-color:#ffd9bd;box-shadow:inset 0 2px #fff6,inset 0 -12px 18px #0009,0 3px 6px #000a,0 0 0 2px #ff8a3d80}html[data-ui=touch] body .hud .pedal-fill{position:absolute;left:4px;top:9%;bottom:22%;width:3px;border-radius:2px;background:#05060799;overflow:hidden;opacity:1;display:block}html[data-ui=touch] body .hud .pedal-fill i{position:absolute;inset:0;background:linear-gradient(0deg,#ff8a3d,#ff5a1f);transform-origin:50% 100%;transform:scaleY(var(--press,0))}html[data-ui=touch] body .hud .pedal.brake.abs .pedal-face,html[data-ui=touch] body .hud .pedal.throttle.tc .pedal-face{animation:ccPulse .14s steps(2) infinite}html[data-ui=touch] body .hud .shifter{background:linear-gradient(180deg,#3c4045,#1c1e21 55%,#0d0e10);border:1.5px solid rgba(255,255,255,.6);border-radius:12px;box-shadow:inset 0 1px #ffffff57,inset 0 -8px 12px #0007,0 6px 14px #0009;backdrop-filter:none;-webkit-backdrop-filter:none;padding:5px 4px 5px 0;gap:0}html[data-ui=touch] body .hud .shifter:before{content:"";position:absolute;left:9.5px;top:13%;bottom:13%;width:7px;border-radius:4px;background:#040506;box-shadow:inset 0 1px 3px #000,0 1px #ffffff38}html[data-ui=touch] body .hud .shifter span.shift-d,html[data-ui=touch] body .hud .shifter span.shift-r{padding-left:27px;place-items:center start;font:800 13px/1 Barlow Condensed,DM Sans,Arial,sans-serif;opacity:.45;background:none}html[data-ui=touch] body .hud .shifter[data-reverse="0"] .shift-d,html[data-ui=touch] body .hud .shifter[data-reverse="1"] .shift-r{opacity:1;background:none;color:#ff8a3d}html[data-ui=touch] body .hud .shifter span.shift-knob{position:absolute;flex:none;display:block;left:3px;top:calc(27% - 10px);width:20px;height:20px;border-radius:50%;opacity:1;background:radial-gradient(circle at 36% 30%,#f4f2ee,#9a9ea4 38%,#2c2f33);border:1.5px solid #0a0b0d;box-shadow:0 0 0 1.5px #ff5a1f,0 3px 6px #000b;transition:top .16s cubic-bezier(.3,1.4,.5,1)}html[data-ui=touch] body .hud .shifter[data-reverse="1"] span.shift-knob{top:calc(73% - 10px)}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter span.shift-d,html[data-ui=touch][data-ui-size=tablet] body .hud .shifter span.shift-r{font-size:17px;padding-left:37px}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter:before{left:14px;width:9px}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter span.shift-knob{left:5px;width:27px;height:27px;top:calc(27% - 13.5px)}html[data-ui=touch][data-ui-size=tablet] body .hud .shifter[data-reverse="1"] span.shift-knob{top:calc(73% - 13.5px)}html[data-ui=touch] body .hud[data-gearbox=manual] .paddle{display:grid;place-items:center;position:fixed;padding:0;color:#f4f2ee;pointer-events:auto;bottom:calc(var(--sb) + var(--thh) + 13px);height:clamp(38px,12.5vh,60px);width:var(--thw);background:repeating-linear-gradient(45deg,#1b1d20 0 2px,#0c0d0f 2px 4px);border:1.5px solid rgba(255,255,255,.62);box-shadow:inset 0 1px #ffffff4d,inset 0 -6px 10px #0008,0 6px 12px #0009;transition:transform .05s}html[data-ui=touch] body .hud[data-gearbox=manual] #shiftUpBtn{right:var(--sr);border-radius:8px 18px 18px 8px;border-right:3px solid #ff5a1f}html[data-ui=touch] body .hud[data-gearbox=manual] #shiftDownBtn{right:calc(var(--sr) + var(--thw) + 10px);border-radius:18px 8px 8px 18px;border-left:3px solid #ff5a1f}html[data-ui=touch] body .hud[data-gearbox=manual] .paddle .ic{width:22px;height:22px}html[data-ui=touch] body .hud[data-gearbox=manual] .paddle:after{content:"";position:absolute;inset:-7px -5px}html[data-ui=touch] body .hud[data-gearbox=manual] .paddle.pressed{transform:translateY(2px) scale(.96);color:#ff8a3d;border-color:#ffd9bd}html[data-ui=touch] body .hud[data-gearbox=manual] .paddle.refused{animation:ccPulse .12s steps(2) 3}html[data-ui=touch] body .hud .icon-btn,html[data-ui=touch] body .hud .driving-toggles button,html[data-ui=touch] body .hud .arrow-steer button,html[data-ui=touch] body .hud .horn-btn{background:radial-gradient(circle at 50% 30%,#44484e,#1d1f22 58%,#0b0c0e);border:1.5px solid rgba(255,255,255,.6);box-shadow:0 0 0 2.5px #0a0b0d,0 0 0 3.5px #fff3,0 6px 12px #000a,inset 0 1px #ffffff61;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .05s}html[data-ui=touch] body .hud .icon-btn.active,html[data-ui=touch] body .hud .icon-btn:active,html[data-ui=touch] body .hud .driving-toggles button.pressed,html[data-ui=touch] body .hud .driving-toggles button:active,html[data-ui=touch] body .hud .arrow-steer button.pressed,html[data-ui=touch] body .hud .horn-btn.pressed{background:radial-gradient(circle at 50% 60%,#33373c,#141618 60%,#08090a);color:#ff8a3d;transform:translateY(1px);box-shadow:0 0 0 2.5px #0a0b0d,0 0 0 3.5px #ff8a3db3,0 2px 5px #000a,inset 0 2px 5px #000c}html[data-ui=touch] body .hud #resetBtn{background:radial-gradient(circle at 50% 28%,#ffa066,#ff5a1f 55%,#b83c10);border-color:#ffe0cce6}html[data-ui=touch] body .hud #resetBtn:active{background:radial-gradient(circle at 50% 60%,#ff5a1f,#b83c10);color:#fff}html[data-ui=touch] body .hud #handbrakeBtn{box-shadow:0 0 0 2.5px #0a0b0d,0 0 0 4px #ff5a1f,0 6px 12px #000a,inset 0 1px #ffffff61}html[data-ui=touch] body .hud #handbrakeBtn:before{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#2a2d31;border:1.5px solid #0a0b0d}html[data-ui=touch] body .hud #handbrakeBtn.pressed{background:radial-gradient(circle at 50% 40%,#ff8a3d,#ff5a1f 55%,#b83c10);color:#fff}html[data-ui=touch] body .hud #handbrakeBtn.pressed:before{background:#ffd9bd;box-shadow:0 0 7px #ff8a3d}html[data-ui=touch] body .hud :is(.steer-ring,.pedal,.shifter,.paddle,.icon-btn,.driving-toggles button,.arrow-steer button,.horn-btn){transition-property:opacity,transform;transition-duration:.45s,.07s}html[data-ui=touch] body .hud.ctl-idle :is(.steer-ring,.pedal,.shifter,.paddle,.icon-btn,.driving-toggles button,.arrow-steer button,.horn-btn){opacity:.62}@keyframes ccBlink{50%{fill:#ffffff26}}@keyframes ccPulse{50%{border-color:#ff5a1f;filter:brightness(1.35)}}@keyframes ccRumble{0%{transform:translate(.5px)}25%{transform:translateY(.5px)}50%{transform:translate(-.5px)}75%{transform:translateY(-.5px)}}@media(prefers-reduced-motion:reduce){html[data-ui=touch] body .hud .steer-ring.rumble .steer-glass,html[data-ui=touch] body .hud .pedal .pedal-face{animation:none!important}}