:root{--bg-glass: rgba(14, 16, 24, .72);--bg-glass-strong: rgba(10, 12, 19, .88);--border-gold: rgba(255, 178, 76, .34);--border-blue: rgba(30, 107, 255, .45);--gold-primary: #ffaa44;--gold-bright: #ffd27d;--blue-neon: #1e6bff;--blue-cyan: #4cc2ff;--red-fia: #ff3b30;--green-ok: #32d74b;--text-main: #f5f7fa;--text-muted: #9aa4b8}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html,body{width:100vw;height:100vh;overflow:hidden;background:#0b0c10;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1}#canvas-container canvas{display:block;width:100%;height:100%}#helmet-visor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}#helmet-visor-overlay.hidden{display:none}.visor-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 78% 64% at 50% 52%,transparent 58%,rgba(8,16,36,.45) 82%,rgba(4,6,12,.92) 100%);border-top:28px solid rgba(10,12,18,.92);border-bottom:22px solid rgba(10,12,18,.88)}.visor-frame-top{position:relative;z-index:2;margin:34px auto 0;padding:4px 16px;border-radius:999px;background:#101a30ad;border:1px solid rgba(76,194,255,.4);font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue-cyan);display:flex;gap:18px}.visor-reticle{position:absolute;left:50%;top:54%;width:36px;height:14px;transform:translate(-50%,-50%);border-left:2px solid rgba(76,194,255,.45);border-right:2px solid rgba(76,194,255,.45);border-bottom:1px solid rgba(255,170,68,.45)}#hud-corner-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 46% 36% at 0% 0%,#02040a8f,#02040a3d 48%,#02040a00),radial-gradient(ellipse 46% 36% at 100% 0%,#02040a8f,#02040a3d 48%,#02040a00),radial-gradient(ellipse 48% 42% at 0% 100%,#02040a99,#02040a47,#02040a00),radial-gradient(ellipse 48% 42% at 100% 100%,#02040a9e,#02040a4d,#02040a00),radial-gradient(ellipse 84% 78% at 50% 50%,#02040a00 64%,#02040a57)}#hud-corner-vignette.hidden{display:none!important}#hud-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:4.8vh 4.5vw}.hud-card{pointer-events:auto;background:#080e1aeb;border:1px solid var(--border-gold);border-radius:14px;padding:13px 15px;box-shadow:0 16px 40px #0000009e,inset 0 1px #ffffff1f}.hud-top-bar{display:flex;justify-content:space-between;align-items:flex-start}.hud-bottom-bar{display:flex;justify-content:space-between;align-items:flex-end}.hud-bottom-bar.hidden,.hud-minimap-widget.hidden,.hud-speedo-gauge.hidden,.hud-lap-widget.hidden{display:none!important}.hud-top-left-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hud-brand-title{pointer-events:auto;cursor:pointer;font-family:Orbitron,sans-serif;font-style:italic;font-size:39px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(95deg,#fff,#ffe3a8 55%,#fa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.78)) drop-shadow(0 0 18px rgba(255,170,68,.25));padding:2px 4px;transition:filter .16s ease,transform .16s ease}.hud-brand-title:hover{filter:drop-shadow(0 3px 14px rgba(0,0,0,.9)) drop-shadow(0 0 22px rgba(0,229,255,.55));transform:scale(1.02)}.hud-brand-title.hidden{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.hud-settings-anchor{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end}.hud-top-right-row{display:flex;align-items:flex-start;gap:18px}.hud-mute-btn{pointer-events:auto;cursor:pointer;width:40px;height:36px;margin-top:4px;transform:skew(-12deg);background:#060a12c7;border:1.5px solid rgba(255,255,255,.34);border-radius:6px;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #000000e0,0 6px 18px #000000a6;transition:all .15s ease}.hud-mute-btn svg{width:20px;height:20px;transform:skew(12deg)}.hud-mute-btn .hidden{display:none!important}.hud-mute-btn:hover{border-color:#00e5ff;color:#00e5ff;box-shadow:0 0 14px #00e5ff7a,0 3px 10px #000000e0}.hud-mute-btn.is-muted{color:#ffffff8c;border-color:#ffffff38}.hud-lap-widget{pointer-events:none;text-align:right;padding:2px 4px 0 0;background:none!important;border:none!important;box-shadow:none!important}.hud-lap-header{font-family:Orbitron,sans-serif;font-style:italic;font-size:21px;font-weight:900;letter-spacing:.05em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.96),0 4px 12px rgba(0,0,0,.88),0 0 22px rgba(0,0,0,.75);margin-bottom:1px}.hud-lap-curr{color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.65),0 2px 4px rgba(0,0,0,.96),0 4px 12px rgba(0,0,0,.88)}.hud-lap-timer{display:inline-flex;align-items:baseline;justify-content:flex-end;font-family:Orbitron,sans-serif;font-style:italic;font-size:40px;font-weight:900;line-height:1.02;letter-spacing:0;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px rgba(0,0,0,.98),0 5px 14px rgba(0,0,0,.9),0 0 26px rgba(0,0,0,.78)}.hud-lap-timer .timer-digit{display:inline-block;width:.78em;text-align:center;flex:0 0 .78em}.hud-lap-timer .timer-sep{display:inline-block;width:.34em;text-align:center;flex:0 0 .34em}.hud-lap-split{font-family:Orbitron,sans-serif;font-style:italic;font-size:16px;font-weight:800;letter-spacing:.05em;color:#00e5ff;background:none!important;border:none!important;box-shadow:none!important;text-shadow:0 0 12px rgba(0,229,255,.65),0 2px 4px rgba(0,0,0,.96),0 4px 12px rgba(0,0,0,.88);margin-top:3px}.hud-lap-split.hidden{display:none!important}.hud-f1-countdown{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:40;font-family:Orbitron,sans-serif;font-style:italic;font-size:96px;font-weight:900;line-height:1;color:#fff;background:none!important;border:none!important;box-shadow:none!important;text-shadow:0 3px 8px rgba(0,0,0,.98),0 8px 24px rgba(0,0,0,.9),0 0 34px rgba(0,0,0,.78)}.hud-f1-countdown.hidden{display:none!important}.hud-finish-overlay{z-index:62}.hud-finish-overlay.hidden{display:none!important}.finish-dialog-card{width:min(520px,90vw);padding:30px 34px 28px}.hud-finish-title{font-family:Orbitron,sans-serif;font-style:italic;font-size:44px;font-weight:900;letter-spacing:.08em;margin:0 0 6px;background:linear-gradient(95deg,#fff,#ffe3a8 55%,#fa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.92)) drop-shadow(0 0 22px rgba(255,170,68,.35))}.hud-finish-time{font-family:Orbitron,sans-serif;font-style:italic;font-size:68px;font-weight:900;line-height:1.04;color:#fff;font-variant-numeric:tabular-nums;background:none!important;border:none!important;box-shadow:none!important;text-shadow:0 3px 8px rgba(0,0,0,.98),0 8px 24px rgba(0,0,0,.9),0 0 34px rgba(0,0,0,.78)}.hud-finish-sub{font-family:Orbitron,sans-serif;font-style:italic;font-size:13px;font-weight:800;letter-spacing:.1em;color:#00e5ff;background:none!important;border:none!important;box-shadow:none!important;text-shadow:0 0 12px rgba(0,229,255,.65),0 2px 4px rgba(0,0,0,.96),0 4px 12px rgba(0,0,0,.88);margin-top:6px;margin-bottom:24px}.finish-actions-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.finish-action-btn{padding:12px 22px;gap:10px}.finish-action-btn .welcome-start-text{font-size:16px}.finish-autopilot-btn{background:linear-gradient(95deg,#ffaa4438,#ffffff14);border-color:#ffd27dbf;box-shadow:0 8px 24px #000000e0,0 0 18px #ffaa4440}.finish-autopilot-btn:hover{background:linear-gradient(95deg,#ffaa4461,#00e5ff38);border-color:#ffd27d;box-shadow:0 10px 28px #000000eb,0 0 26px #ffaa448c}.welcome-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 68% 64% at 50% 50%,#03060e70,#02040ad1);animation:welcomeFadeIn .24s cubic-bezier(.16,1,.3,1)}.welcome-dialog-overlay.hidden{display:none!important}@keyframes welcomeFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.welcome-dialog-card{position:relative;width:min(540px,90vw);padding:32px 36px 28px;background:linear-gradient(160deg,#080d18e6,#050810f2);border:1.5px solid rgba(0,229,255,.48);border-radius:14px;box-shadow:0 24px 64px #000000eb,0 0 36px #00e5ff29,inset 0 1px #ffffff2e;text-align:center;overflow:hidden}.welcome-dialog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffaa44f2,#fff,#00e5fff2)}.welcome-eyebrow{font-family:Orbitron,sans-serif;font-style:italic;font-size:12px;font-weight:800;letter-spacing:.14em;color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.65),0 2px 4px rgba(0,0,0,.95);margin-bottom:4px}.welcome-title{font-family:Orbitron,sans-serif;font-style:italic;font-size:44px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(95deg,#fff,#ffe3a8 55%,#fa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 12px rgba(0,0,0,.9)) drop-shadow(0 0 18px rgba(255,170,68,.28));margin-bottom:24px}.welcome-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:26px;text-align:left}.welcome-control-block{background:#ffffff09;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.welcome-control-label{font-family:Orbitron,sans-serif;font-style:italic;font-size:12px;font-weight:800;letter-spacing:.1em;color:#ffffffb8;margin-bottom:12px;width:100%;text-align:center}.control-keys-list{display:flex;flex-direction:column;gap:10px;width:100%;padding:2px 4px;margin:auto 0}.control-key-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-family:Orbitron,sans-serif;font-style:italic;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#ffffffeb}.control-kbd-pair{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:72px}.welcome-key{min-width:32px;height:30px;padding:0 8px;transform:skew(-10deg);background:#060a12e0;border:1.5px solid rgba(255,210,125,.65);border-bottom-width:3px;border-radius:6px;font-family:Orbitron,sans-serif;font-style:italic;font-size:13.5px;font-weight:900;color:#ffd27d;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #000000d1,0 0 12px #ffaa442e}.welcome-key-cyan{min-width:30px;height:26px;font-size:13px;border-color:#00e5ffad;color:#00e5ff;box-shadow:0 3px 8px #000000d1,0 0 10px #00e5ff38}.cam-keys-list{display:flex;flex-direction:column;gap:6px;width:100%;padding:0 2px}.cam-key-row{pointer-events:auto;cursor:pointer;width:100%;padding:4px 8px;border-radius:7px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-family:Orbitron,sans-serif;font-style:italic;font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#ffffffe0;transition:all .14s ease}.cam-key-row:hover{background:#00e5ff1a;border-color:#00e5ff6b;color:#fff}.cam-key-row.active{background:linear-gradient(95deg,#00e5ff33,#ffaa4424);border-color:#00e5ffad;color:#fff;text-shadow:0 0 10px rgba(0,229,255,.55)}.welcome-footer-row{display:flex;justify-content:center}.welcome-start-btn{position:relative;overflow:hidden;pointer-events:auto;cursor:pointer;transform:skew(-12deg);padding:13px 34px;background:linear-gradient(95deg,#00e5ff3d,#ffaa444d);border:2px solid #00e5ff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 24px #000000e0,0 0 22px #00e5ff61;transition:all .16s ease}.welcome-start-btn:hover{background:linear-gradient(95deg,#00e5ff66,#ffaa4475);border-color:#fff;box-shadow:0 10px 28px #000000eb,0 0 30px #00e5ffa6;transform:skew(-12deg) translateY(-1px) scale(1.02)}.welcome-start-btn:focus,.welcome-start-btn:focus-visible{outline:none}.welcome-start-btn.is-warming-up{border-color:#00e5ffad;background:linear-gradient(95deg,#00e5ff24,#ffaa442e)}.welcome-start-btn.is-queued{border-color:#ffd27d;background:linear-gradient(95deg,#00e5ff57,#ffaa446b);box-shadow:0 10px 28px #000000eb,0 0 28px #ffd27d8c}.welcome-btn-progress-track{position:absolute;left:0;right:0;bottom:0;height:3.5px;background:#060a12b8;opacity:0;pointer-events:none;transition:opacity .18s ease}.welcome-start-btn.is-warming-up .welcome-btn-progress-track{opacity:1}.welcome-btn-progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#fa4,#fff,#00e5ff);box-shadow:0 0 12px #00e5ffd9;transition:width .18s cubic-bezier(.22,1,.36,1)}.welcome-start-text{font-family:Orbitron,sans-serif;font-style:italic;font-size:20px;font-weight:900;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px rgba(0,229,255,.75),0 2px 6px rgba(0,0,0,.95)}.welcome-enter-kbd{font-family:Orbitron,sans-serif;font-style:italic;font-size:12px;font-weight:900;letter-spacing:.06em;padding:4px 10px;border-radius:5px;background:#060a12e0;border:1.5px solid rgba(255,210,125,.78);color:#ffd27d;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #000000d9}.hud-minimap-widget{pointer-events:auto;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}#minimap-canvas{display:block;width:300px;height:195px}.hud-speedo-gauge{position:relative;width:284px;height:134px;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:none!important;border:none!important;box-shadow:none!important}.speedo-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 6px rgba(0,0,0,.95)) drop-shadow(0 7px 16px rgba(0,0,0,.82))}.speedo-bar-casing{fill:#060a12c7;stroke-width:1.8;stroke-linejoin:round}.speedo-seg{fill:#ffffff1f;transition:fill .04s linear}.speedo-readout-group{position:absolute;right:14px;bottom:6px;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.speedo-unit-label{font-family:Orbitron,sans-serif;font-style:italic;font-size:15px;font-weight:800;color:#ebf4ffeb;letter-spacing:.06em;margin-bottom:1px;text-shadow:0 2px 4px rgba(0,0,0,.96),0 4px 10px rgba(0,0,0,.88),0 0 18px rgba(0,0,0,.75)}.speedo-digits{font-family:Orbitron,sans-serif;font-style:italic;font-size:62px;font-weight:900;line-height:.92;letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 3px 6px rgba(0,0,0,.98),0 6px 16px rgba(0,0,0,.9),0 0 28px rgba(0,0,0,.78)}.mobile-touch-controls,.mobile-quick-bar{display:none!important}body.is-touch-device .mobile-touch-controls:not(.hidden),body.is-touch-device .mobile-quick-bar:not(.hidden){display:flex!important}@media(pointer:coarse),(hover:none),(max-width:1024px){.mobile-touch-controls:not(.hidden){display:flex!important}.mobile-quick-bar:not(.hidden){display:flex!important}}@media(max-width:900px),(max-aspect-ratio:4/5),(pointer:coarse){#hud-corner-vignette{background:linear-gradient(180deg,#02040ac2,#02040a61 10%,#02040a00 22%,#02040a00 78%,#02040a6b 90%,#02040acc)}#hud-root{top:24px;bottom:auto;height:auto;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:6px;padding:0 10px}.hud-top-bar,.hud-settings-anchor,.hud-top-right-row,.hud-bottom-bar:not(.hidden){display:contents}.hud-top-left-stack,#hud-brand-logo,#btn-mute-sound{display:none!important}.hud-minimap-widget{order:1;flex:0 0 auto}#minimap-canvas{width:clamp(86px,25.5vw,120px);height:clamp(56px,16.58vw,78px)}.hud-speedo-gauge{order:2;flex:0 0 auto;width:clamp(100px,29vw,136px);height:clamp(47px,13.68vw,64px)}.speedo-readout-group{right:5px;bottom:2px}.speedo-unit-label{font-size:clamp(7px,2vw,9.5px);margin-bottom:0}.speedo-digits{font-size:clamp(21px,6.2vw,29px);line-height:.9}.hud-lap-widget{order:3;flex:0 0 auto;padding:0;text-align:right}.hud-lap-header{font-size:clamp(10px,2.8vw,13px);margin-bottom:1px}.hud-lap-timer{font-size:clamp(15px,4.4vw,20.5px);line-height:1.02}.hud-lap-split{font-size:clamp(8.5px,2.3vw,11px);margin-top:2px}.welcome-dialog-card{width:min(92vw,384px);max-height:90dvh;overflow-y:auto;padding:20px 15px 18px;border-radius:14px}.welcome-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:3px}.welcome-title{font-size:clamp(24px,7vw,31px);letter-spacing:.05em;margin-bottom:14px}.welcome-controls-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.welcome-control-block{padding:11px 10px 10px;border-radius:9px}.welcome-control-label{font-size:10.5px;letter-spacing:.09em;margin-bottom:8px}.control-keys-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0}.control-key-row{flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 4px 6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:7px;font-size:clamp(8.5px,2.4vw,10px);letter-spacing:.04em;text-align:center;white-space:nowrap}.control-kbd-pair{min-width:0;gap:4px}.welcome-key{min-width:26px;height:24px;padding:0 6px;font-size:11.5px}.cam-keys-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0}.cam-key-row{min-height:38px;padding:5px 7px;gap:6px;font-size:clamp(8.8px,2.45vw,10.5px);letter-spacing:.03em;white-space:nowrap;background:#ffffff06;border-color:#ffffff14}.welcome-key-cyan{min-width:22px;height:22px;padding:0 5px;font-size:11px;flex-shrink:0}.welcome-start-btn{width:100%;padding:12px 16px;gap:10px;transform:skew(-8deg)}.welcome-start-btn:hover{transform:skew(-8deg) translateY(-1px) scale(1.01)}.welcome-start-text{font-size:clamp(14px,4.1vw,17px);letter-spacing:.06em;white-space:nowrap}.welcome-enter-kbd{font-size:10px;padding:3px 7px;white-space:nowrap}.hud-f1-countdown{font-size:clamp(64px,18vw,84px)}.finish-dialog-card{width:min(92vw,370px);padding:22px 16px 18px}.hud-finish-title{font-size:clamp(28px,7.5vw,36px)}.hud-finish-time{font-size:clamp(40px,11vw,52px)}.hud-finish-sub{font-size:11px;margin-bottom:16px}.finish-actions-row{flex-direction:column;gap:10px}.finish-action-btn{width:100%;padding:11px 16px}.finish-action-btn .welcome-start-text{font-size:clamp(13.5px,3.8vw,15.5px)}.mobile-touch-guide-block{background:#121828c7;border:1px solid rgba(0,232,255,.32);box-shadow:0 4px 16px #0006,inset 0 1px #ffffff14}.mobile-guide-grid{display:flex;flex-direction:column;gap:7px}.mobile-guide-item{display:flex;align-items:center;gap:8px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:6px 9px}.mobile-guide-icon{font-size:16px;flex-shrink:0}.mobile-guide-title{font-family:Orbitron,sans-serif;font-size:9.5px;font-weight:700;color:#ffd27d;display:block;line-height:1.2;letter-spacing:.03em}.mobile-guide-desc{font-size:10px;color:#c0cde0;margin:0;line-height:1.25}.mobile-quick-bar:not(.hidden){display:flex!important;position:fixed;top:clamp(60px,10.5vh,76px);left:50%;transform:translate(-50%);z-index:24;gap:6px;align-items:center;justify-content:center;pointer-events:auto;max-width:96vw;flex-wrap:nowrap}.mobile-quick-bar.hidden{display:none!important}.mobile-pill-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:20px;background:#0e1424d9;border:1px solid rgba(255,255,255,.18);color:#e2ecff;font-family:Orbitron,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 12px #00000080;touch-action:manipulation;white-space:nowrap;transition:transform .08s ease,background .1s ease,border-color .1s ease,color .1s ease}.mobile-pill-btn:active{transform:scale(.94);background:#192644f2}.mobile-pill-btn .pill-svg{width:13px;height:13px;stroke:currentColor;flex-shrink:0}.mobile-pill-btn.is-active{background:linear-gradient(135deg,#00d2ff52,#0082dc73);border-color:#4cdcfff2;color:#62f2ff;box-shadow:0 0 14px #00e6ff6b;animation:pulse-autogas 1.8s infinite alternate}@keyframes pulse-autogas{0%{box-shadow:0 0 8px #00e6ff4d}to{box-shadow:0 0 16px #00e6ffa6}}.mobile-touch-controls:not(.hidden){display:flex!important;position:fixed;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom,14px));padding:0 max(12px,env(safe-area-inset-left,12px)) 0 max(12px,env(safe-area-inset-right,12px));justify-content:space-between;align-items:flex-end;z-index:25;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none}.mobile-touch-controls.hidden{display:none!important}.mobile-ctrl-cluster{display:flex;flex-direction:row;align-items:center;gap:8px;pointer-events:auto;touch-action:none}.mobile-steer-pad{position:relative;width:clamp(168px,44vw,230px);height:clamp(66px,15.5vw,78px);border-radius:16px;background:linear-gradient(180deg,#101626e0,#080c16f0);border:1.5px solid rgba(0,232,255,.35);box-shadow:0 8px 24px #000000b8,inset 0 1px #ffffff2e,inset 0 0 12px #00d2ff14;display:flex;flex-direction:column;justify-content:space-between;padding:8px 12px 6px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:border-color .12s ease,box-shadow .12s ease}.mobile-steer-pad:active,.mobile-steer-pad.is-dragging{cursor:grabbing;border-color:#00e8ffd9;box-shadow:0 8px 28px #000c,0 0 18px #00e8ff47,inset 0 1px #ffffff40}.steer-pad-track{position:relative;width:100%;height:38px;border-radius:19px;background:#060a12b8;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 2px 6px #000000b3;display:flex;align-items:center;justify-content:center;overflow:visible}.steer-pad-center-mark{position:absolute;left:50%;top:6px;bottom:6px;width:2px;transform:translate(-50%);background:#ffffff40;border-radius:1px;pointer-events:none}.steer-pad-active-bar{position:absolute;top:5px;bottom:5px;left:50%;width:0px;border-radius:4px;background:linear-gradient(90deg,#00e8ff80,#ffb43ccc);pointer-events:none;opacity:.8;transition:opacity .1s ease}.steer-pad-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin-left:-22px;margin-top:-22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a3754,#101625 70%,#080c16);border:2px solid #5ce6ff;box-shadow:0 4px 12px #000000b3,0 0 14px #00e8ff8c,inset 0 1px 2px #fff9;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;transition:transform .05s ease-out}.mobile-steer-pad.is-spring-back .steer-pad-knob{transition:transform .18s cubic-bezier(.18,.89,.32,1.28)}.mobile-steer-pad.is-spring-back .steer-pad-active-bar{transition:width .18s ease-out,left .18s ease-out}.steer-knob-core{width:14px;height:14px;border-radius:50%;background:#00e8ff;box-shadow:0 0 8px #00e8ff}.steer-knob-chevron{width:12px;height:12px;stroke:#fff;opacity:.7;position:absolute}.steer-knob-chevron.left{left:3px}.steer-knob-chevron.right{right:3px}.steer-pad-labels{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:Orbitron,sans-serif;font-size:clamp(8px,2.1vw,9.5px);font-weight:800;font-style:italic;color:#b4cdebd9;letter-spacing:.06em;pointer-events:none}.steer-pad-lbl-center{color:#4ce6ff;text-shadow:0 0 8px rgba(76,230,255,.6)}.mobile-steer-buttons{display:flex;flex-direction:row;gap:8px}.mobile-steer-buttons.hidden{display:none!important}.mobile-ctrl-btn{position:relative;width:clamp(62px,16vw,78px);height:clamp(56px,14vw,68px);padding:0;border-radius:14px;background:linear-gradient(180deg,#10182ae0,#080d18f0);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 6px 18px #000000a6,inset 0 1px #ffffff29;color:#f4f7ff;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .06s ease,background .08s ease,border-color .08s ease,box-shadow .08s ease,color .08s ease}.mobile-ctrl-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;pointer-events:none}.mobile-ctrl-svg{width:clamp(20px,5.5vw,26px);height:clamp(20px,5.5vw,26px);stroke:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.mobile-ctrl-label{font-family:Orbitron,sans-serif;font-size:clamp(8.5px,2.3vw,10px);font-weight:800;font-style:italic;letter-spacing:.08em;line-height:1;color:#ebf3ffe6;text-shadow:0 1px 3px rgba(0,0,0,.85)}.mobile-ctrl-steer{border-color:#ffd27d59;color:#ffe2a8}.mobile-ctrl-steer.is-pressed{background:linear-gradient(180deg,#ffbe4c61,#ff8a243d);border-color:#ffd682f5;color:#fff;box-shadow:0 0 18px #ffb43c7a,inset 0 1px #ffffff61;transform:translateY(2px) scale(.95)}.mobile-ctrl-accel{border-color:#38e8ff66;color:#64f0ff}.mobile-ctrl-accel.is-pressed{background:linear-gradient(180deg,#00d8ff6b,#008cd247);border-color:#6ef5fffa;color:#fff;box-shadow:0 0 20px #00e0ff85,inset 0 1px #ffffff6b;transform:translateY(2px) scale(.95)}.mobile-autogas-badge{position:absolute;top:-4px;right:-4px;background:#00e8ff;color:#040810;font-family:Orbitron,sans-serif;font-size:8px;font-weight:900;padding:1px 4px;border-radius:4px;box-shadow:0 0 8px #00e8ffcc;letter-spacing:.05em}.mobile-autogas-badge.hidden{display:none!important}.mobile-ctrl-accel.is-autogas-active{border-color:#00e8ffd9;background:linear-gradient(180deg,#00bef040,#00508c33);box-shadow:0 0 14px #00e8ff59}.mobile-ctrl-brake{border-color:#ff6e6261;color:#ff8e85}.mobile-ctrl-brake.is-pressed{background:linear-gradient(180deg,#ff52446b,#c3221e47);border-color:#ff887efa;color:#fff;box-shadow:0 0 20px #ff524485,inset 0 1px #ffffff61;transform:translateY(2px) scale(.95)}.mobile-ctrl-boost{border-color:#ffa02873;color:#ffb84d;background:linear-gradient(180deg,#281a0ce0,#140c06f0)}.mobile-ctrl-boost.is-charged{border-color:#ffbe32d9;color:#ffe066;box-shadow:0 0 16px #ffa51e6b;animation:boost-glow 2s infinite alternate}@keyframes boost-glow{0%{box-shadow:0 0 8px #ffa51e4d}to{box-shadow:0 0 20px #ffb428bf}}.mobile-ctrl-boost.is-pressed{background:linear-gradient(180deg,#ff961485,#c8460a5c);border-color:#ffd040;color:#fff;box-shadow:0 0 24px #ffa014b3;transform:translateY(2px) scale(.95)}.boost-flame-svg{fill:currentColor;stroke:none}@media(orientation:landscape)and (max-height:540px){#hud-root{top:10px;padding:0 12px}.mobile-quick-bar:not(.hidden){top:10px;left:50%;transform:translate(-50%)}.mobile-touch-controls:not(.hidden){bottom:max(10px,env(safe-area-inset-bottom,10px));padding:0 max(16px,env(safe-area-inset-left,16px)) 0 max(16px,env(safe-area-inset-right,16px))}.mobile-steer-pad{width:clamp(170px,28vw,220px);height:62px;padding:6px 10px 4px}.steer-pad-track{height:32px}.steer-pad-knob{width:38px;height:38px;margin-left:-19px;margin-top:-19px}.mobile-ctrl-btn{width:clamp(54px,9vw,68px);height:52px}}}