*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#f5c518;--color-primary-dark:#c49a00;--color-primary-glow:#f5c5184d;--color-accent:orange;--color-accent-glow:#ffa5004d;--color-danger:#e63946;--color-danger-glow:#e6394666;--color-bg-overlay:#0f0f12f2;--color-bg-panel:#16161ceb;--color-text:#e8e8e8;--color-text-muted:#999;--color-text-dim:#555;--color-metal:#3a3a42;--color-metal-light:#4a4a52;--color-stripe:#f5c518;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--font-mono:"Consolas", "Courier New", "Liberation Mono", monospace}html,body{width:100%;height:100%;font-family:var(--font-mono);color:var(--color-text);-webkit-font-smoothing:antialiased;background:#000;overflow:hidden}body.game-playing,body.game-playing canvas{cursor:none}#app{width:100%;height:100%;position:relative}canvas{touch-action:none;display:block}#loading-screen{z-index:1000;background:#0a0a0c;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;pointer-events:none}#loading-screen h1{color:var(--color-primary);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 20px var(--color-primary-glow);margin-bottom:.4rem;font-size:2.6rem;font-weight:700}#loading-screen .loading-subtitle{color:var(--color-text-dim);letter-spacing:3px;text-transform:uppercase;margin-bottom:2.5rem;font-size:.8rem}.loading-bar-container{background:var(--color-metal);border:1px solid #555;gap:2px;width:340px;height:12px;padding:2px;display:flex;position:relative}.loading-bar-segment{background:#222;flex:1;transition:background .2s}.loading-bar-segment.filled{background:var(--color-primary);box-shadow:0 0 6px var(--color-primary-glow)}.loading-text{color:var(--color-text-dim);letter-spacing:1px;margin-top:1.5rem;font-size:.8rem}.loading-safety{color:var(--color-primary-dark);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--color-primary-dark);margin-top:2rem;padding:6px 16px;font-size:.7rem}#menu-screen{background:var(--color-bg-overlay);z-index:900;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#menu-screen.hidden{display:none}.menu-header{text-align:center;margin-bottom:2.5rem}.menu-header h1{color:var(--color-primary);text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 30px var(--color-primary-glow);margin-bottom:.3rem;font-size:3rem;font-weight:700}.menu-header .subtitle{color:var(--color-text-dim);letter-spacing:3px;text-transform:uppercase;font-size:.85rem}.menu-header .version{color:var(--color-text-dim);opacity:.5;margin-top:.5rem;font-size:.65rem}.menu-stripe{background:repeating-linear-gradient(-45deg, var(--color-primary), var(--color-primary) 8px, #222 8px, #222 16px);width:260px;height:4px;margin-bottom:2rem}.menu-btn{width:260px;font-size:1rem;font-weight:700;font-family:var(--font-mono);color:#111;background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:none;margin:8px 0;padding:14px 0;transition:transform .1s,box-shadow .1s;display:block;box-shadow:0 3px #8a6e00,0 4px 8px #0000004d}.menu-btn:hover{transform:translateY(-1px);box-shadow:0 4px #8a6e00,0 6px 12px #0006}.menu-btn:active{transform:translateY(2px);box-shadow:0 1px #8a6e00,0 2px 4px #0000004d}.menu-btn.secondary{border:2px solid var(--color-metal-light);color:var(--color-text-muted);box-shadow:none;background:0 0}.menu-btn.secondary:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.menu-btn.secondary:active{box-shadow:none;transform:translateY(2px)}#controls-modal{z-index:950;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}#controls-modal.visible{opacity:1;pointer-events:auto}.controls-panel{background:var(--color-bg-overlay);border:2px solid var(--color-metal-light);border-top:3px solid var(--color-primary);min-width:360px;padding:28px 36px;position:relative}.controls-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:1px;position:absolute;top:4px;left:4px;right:4px}.controls-panel h2{color:var(--color-primary);text-transform:uppercase;letter-spacing:3px;margin-bottom:1.2rem;font-size:1.1rem;font-weight:700}.controls-list{gap:8px;list-style:none;display:grid}.controls-list li{color:var(--color-text-muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.controls-list kbd{background:var(--color-metal);border-radius:var(--radius-sm);min-width:30px;font-family:var(--font-mono);color:var(--color-text);border:1px solid #555;border-bottom:2px solid #333;justify-content:center;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.controls-close-btn{background:var(--color-metal);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:1px solid #555;border-bottom:2px solid #333;margin:1.5rem auto 0;padding:8px 28px;font-size:.85rem;display:block}.controls-close-btn:hover{background:var(--color-metal-light);color:var(--color-text)}#hud{pointer-events:none;z-index:100;position:fixed;inset:0}#hud.hidden{display:none}.hud-panel{background:var(--color-bg-panel);border:1px solid #ffffff14;position:relative}.hud-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hud-top-left{border-left:3px solid var(--color-primary);min-width:200px;padding:14px 18px;position:absolute;top:16px;left:16px}.hud-fps{color:var(--color-primary);letter-spacing:1px;align-items:center;gap:6px;margin-bottom:8px;font-size:.7rem;display:flex}.hud-fps .fps-dot{background:#4caf50;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #4caf50}.hud-fps .fps-dot.warning{background:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.hud-fps .fps-dot.danger{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.hud-fps .fps-value{font-size:.8rem;font-weight:700}.hud-top-left .mission-title{color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px;font-size:.65rem;font-weight:700}.hud-top-left .mission-desc{color:var(--color-text-muted);margin-bottom:10px;font-size:.85rem;line-height:1.4}.hud-top-left .mission-timer{color:var(--color-accent);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--color-accent-glow);letter-spacing:2px;font-size:1.8rem;font-weight:700}.hud-top-left .mission-timer.danger{color:var(--color-danger);text-shadow:0 0 10px var(--color-danger-glow);animation:.8s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.4}}.hud-top-left .mission-score{color:var(--color-text-dim);letter-spacing:1px;margin-top:6px;font-size:.75rem}.hud-top-right{text-align:right;color:var(--color-text-dim);padding:10px 14px;font-size:.75rem;position:absolute;top:16px;right:16px}.hud-top-right .camera-mode{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-size:.8rem;font-weight:700}.hud-bottom-right{text-align:center;min-width:180px;padding:16px 20px;position:absolute;bottom:16px;right:16px}#speed-gauge{width:160px;height:95px;margin:0 auto 4px;display:block}.speed-value{color:var(--color-accent);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--color-accent-glow);letter-spacing:1px;font-size:1.6rem;font-weight:700}.speed-unit{color:var(--color-text-dim);letter-spacing:1px;font-size:.6rem}.fork-section{align-items:center;gap:10px;margin-top:12px;display:flex}.fork-bar-container{background:var(--color-metal);border:1px solid #555;width:8px;height:50px;position:relative;overflow:hidden}.fork-bar-fill{background:var(--color-primary);box-shadow:0 -2px 6px var(--color-primary-glow);transition:height .15s;position:absolute;bottom:0;left:0;right:0}.fork-bar-marks{flex-direction:column;justify-content:space-between;padding:2px 0;display:flex;position:absolute;inset:0}.fork-bar-mark{background:#ffffff26;height:1px}.fork-info{text-align:left}.fork-label{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.6rem}.fork-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.cargo-info{color:var(--color-text-dim);margin-top:4px;font-size:.7rem}.cargo-info .cargo-value{color:var(--color-primary);font-weight:700}.hud-bottom-left{color:var(--color-text-dim);padding:10px 14px;font-size:.7rem;position:absolute;bottom:16px;left:16px}.hud-bottom-left .hud-keys{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hud-bottom-left kbd{background:var(--color-metal);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-muted);border:1px solid #555;border-bottom:2px solid #333;justify-content:center;align-items:center;padding:2px 6px;font-size:.65rem;font-weight:700;line-height:1.4;display:inline-flex}.hud-bottom-left .hud-keys-sep{color:#ffffff1f;margin:0 1px}.hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair{border:2px solid #ffffff26;border-radius:50%;width:32px;height:32px;position:relative}.crosshair:before,.crosshair:after{content:"";background:#ffffff40;position:absolute}.crosshair:before{width:1.5px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:after{width:8px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%)}.notification{background:var(--color-bg-panel);border:2px solid var(--color-primary);border-left:6px solid var(--color-primary);font-size:.95rem;font-weight:700;font-family:var(--font-mono);z-index:200;pointer-events:none;text-transform:uppercase;letter-spacing:2px;color:var(--color-primary);text-align:center;will-change:opacity;backface-visibility:hidden;min-width:280px;padding:12px 32px;animation:2s forwards notifSlide;position:fixed;top:60px;left:50%;transform:translate(-50%)}@keyframes notifSlide{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}#pause-overlay{z-index:800;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause-overlay.hidden{display:none}.pause-content{text-align:center;background:var(--color-bg-panel);border:2px solid var(--color-metal-light);border-top:3px solid var(--color-primary);padding:32px 48px}.pause-content .pause-icon{color:var(--color-primary);margin-bottom:.6rem;font-size:2.5rem}.pause-content .pause-title{letter-spacing:4px;text-transform:uppercase;color:var(--color-primary);font-size:1.5rem;font-weight:700}.pause-content .pause-hint{color:var(--color-text-dim);letter-spacing:1px;margin-top:1rem;font-size:.8rem}.collision-warning{color:var(--color-danger);font-size:1.5rem;font-weight:700;font-family:var(--font-mono);z-index:150;pointer-events:none;text-shadow:0 0 20px var(--color-danger-glow);text-transform:uppercase;letter-spacing:2px;animation:.5s ease-out forwards collisionFlash;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes collisionFlash{0%{opacity:1}to{opacity:0}}.collision-vignette{pointer-events:none;z-index:149;animation:.5s ease-out forwards vignetteFlash;position:fixed;inset:0;box-shadow:inset 0 0 80px #e6394659}@keyframes vignetteFlash{0%{opacity:1}to{opacity:0}}#gameover-screen{z-index:850;background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#gameover-screen.hidden{display:none}#gameover-screen h1{color:var(--color-danger);text-shadow:0 0 30px var(--color-danger-glow);text-transform:uppercase;letter-spacing:5px;margin-bottom:.6rem;font-size:2.8rem}.gameover-stripe{background:repeating-linear-gradient(-45deg, var(--color-danger), var(--color-danger) 8px, #222 8px, #222 16px);width:200px;height:4px;margin-bottom:1.5rem}#gameover-screen .final-score{color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:2.5rem;font-size:1.3rem}.status-dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.status-dot.active{background:#4caf50;box-shadow:0 0 4px #4caf50}.status-dot.warning{background:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.status-dot.danger{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}#mobile-controls{pointer-events:none;z-index:50;touch-action:none;display:block;position:fixed;inset:0}#mobile-controls *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none}.mobile-control-zone{pointer-events:auto;position:relative}.mobile-steering{--steer-x:0px;left:max(18px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));grid-template-columns:1fr;gap:8px;width:clamp(210px,38vw,300px);display:grid;position:absolute}.steering-status{color:#f5c518bf;text-transform:uppercase;letter-spacing:0;background:linear-gradient(90deg,#0000,#f5c5181f,#0000);border-top:1px solid #f5c51833;border-bottom:1px solid #f5c5181a;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;height:28px;font-size:.62rem;font-weight:700;display:flex}.steering-mark{background:repeating-linear-gradient(90deg,#f5c518a6,#f5c518a6 8px,#0000 8px 14px);border-left:2px solid #f5c51899;border-right:2px solid #f5c51899;width:42px;height:8px;transition:transform .1s,opacity .1s}.mobile-steering[data-steer=left] .steering-mark{opacity:.7;transform:translate(-4px)}.mobile-steering[data-steer=right] .steering-mark{opacity:.7;transform:translate(4px)}.steering-pad,.pedal-btn,.utility-btn,.face-btn{color:#ffffffd1;font-family:var(--font-mono);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(10px);border:1.5px solid #ffffff24;justify-content:center;align-items:center;transition:transform 80ms,border-color .12s,background .12s,box-shadow .12s;display:flex}.steering-pad{border-radius:var(--radius-lg);background:linear-gradient(#ffffff1c,#ffffff09),#0c0c0e8f;height:86px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000047,0 10px 22px #0000003d}.steering-pad:before{content:"";border-radius:var(--radius-md);background:linear-gradient(90deg,#f5c51814,#0000 38% 62%,#f5c51814);border:1px solid #ffffff14;position:absolute;inset:10px}.steering-track{background:#ffffff24;border-radius:999px;height:10px;position:absolute;top:50%;left:50px;right:50px;transform:translateY(-50%)}.steering-center-line{background:#ffffff38;width:2px;position:absolute;top:-18px;bottom:-18px;left:50%;transform:translate(-50%)}.steering-thumb{width:42px;height:42px;transform:translate(calc(-50% + var(--steer-x,0px)), -50%);background:radial-gradient(circle at 35% 30%,#ffffff57,#f5c518ad 42%,#c49a00c7);border:2px solid #f5c518b8;border-radius:50%;transition:transform 80ms ease-out,border-color .12s,box-shadow .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #f5c51838}.steering-arrow{color:#ffffff75;font-size:2.7rem;line-height:1;transition:color .12s,text-shadow .12s;position:absolute;top:50%;transform:translateY(-53%)}.steering-arrow-left{left:14px}.steering-arrow-right{right:14px}.mobile-steering[data-steer=left] .steering-arrow-left,.mobile-steering[data-steer=right] .steering-arrow-right{color:#f5c518eb;text-shadow:0 0 12px #f5c5185c}.mobile-steering[data-steer=left] .steering-pad,.mobile-steering[data-steer=right] .steering-pad{background:linear-gradient(#f5c51857,#f5c5181f),#181408bf;border-color:#f5c51899;transform:translateY(2px);box-shadow:inset 0 0 0 1px #f5c5181a,inset 0 3px 8px #00000052}.mobile-joystick{--joy-x:0px;--joy-y:0px;left:max(18px, env(safe-area-inset-left));bottom:max(24px, env(safe-area-inset-bottom));width:130px;height:130px;position:absolute}.joystick-status{color:#f5c518bf;text-transform:uppercase;background:linear-gradient(90deg,#0000,#f5c5181f,#0000);border-top:1px solid #f5c51833;border-bottom:1px solid #f5c5181a;justify-content:center;align-items:center;gap:8px;width:100%;height:26px;font-size:.62rem;font-weight:700;display:flex}.joystick-mark{background:repeating-linear-gradient(90deg,#f5c518a6,#f5c518a6 7px,#0000 7px 12px);border-left:2px solid #f5c51899;border-right:2px solid #f5c51899;width:34px;height:8px}.joystick-pad{background:radial-gradient(circle,#ffffff14,#0000 50%),#141418d9;border:2px solid #fff3;border-radius:50%;width:130px;height:130px;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff1a,inset 0 -4px #0000004d,0 8px 16px #0000004d}.joystick-axis{background:#ffffff29;position:absolute}.joystick-axis-x{height:2px;top:50%;left:18px;right:18px;transform:translateY(-50%)}.joystick-axis-y{width:2px;top:18px;bottom:18px;left:50%;transform:translate(-50%)}.joystick-thumb{width:60px;height:60px;transform:translate(calc(-50% + var(--joy-x,0px)), calc(-50% + var(--joy-y,0px)));background:radial-gradient(circle at 40% 35%,#ffffff4d,#b4b4b433 50%,#6464644d);border:2px solid #ffffff4d;border-radius:50%;transition:transform 60ms ease-out;position:absolute;top:50%;left:50%;box-shadow:0 4px 8px #0006,inset 0 2px #fff3}.joystick-dir{color:#ffffff5c;font-size:1rem;line-height:1;transition:color .12s,text-shadow .12s;position:absolute}.joystick-dir-up{top:12px;left:50%;transform:translate(-50%)}.joystick-dir-down{bottom:12px;left:50%;transform:translate(-50%)}.joystick-dir-left{font-size:2rem;top:50%;left:14px;transform:translateY(-54%)}.joystick-dir-right{font-size:2rem;top:50%;right:14px;transform:translateY(-54%)}.mobile-joystick[data-joy-y=forward] .joystick-dir-up,.mobile-joystick[data-joy-y=reverse] .joystick-dir-down,.mobile-joystick[data-joy-x=left] .joystick-dir-left,.mobile-joystick[data-joy-x=right] .joystick-dir-right{color:#f5c518f0;text-shadow:0 0 12px #f5c5185c}.mobile-pedals{right:max(18px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));grid-template-rows:78px;grid-template-columns:78px;display:grid;position:absolute}.pedal-btn{border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff1f,#ffffff09),#0d0d109e;flex-direction:column;gap:4px;min-width:0;font-weight:700;box-shadow:inset 0 1px #ffffff1f,inset 0 -4px #00000040,0 12px 24px #0000003d}.pedal-throttle{color:#111;background:linear-gradient(180deg, #ffde54f2, #c49a00f2), var(--color-primary);border-color:#ffec80b3;grid-row:1/span 2;height:166px}.pedal-brake{background:linear-gradient(#e639463d,#e6394614),#120a0bad;border-color:#e6394657;width:78px;height:78px}.pedal-reverse{border-color:#ffffff29}.pedal-btn .btn-icon{font-size:1.5rem;line-height:1}.pedal-throttle .btn-icon{font-size:1.9rem}.btn-label{text-transform:uppercase;letter-spacing:0;opacity:.74;font-size:.58rem;line-height:1}.pedal-btn.pressed{transform:translateY(3px)scale(.98);box-shadow:inset 0 4px 10px #00000052,0 4px 10px #0000002e}.pedal-throttle.pressed{background:linear-gradient(180deg, #ffec80, #f5c518fa), var(--color-primary)}.pedal-brake.pressed{background:linear-gradient(#e6394685,#e6394638),#18080ac7;border-color:#e63946bf}.mobile-actions{right:max(18px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.face-pad{width:140px;height:140px;position:relative}.face-btn{background:radial-gradient(circle at 35% 30%,#ffffff26,#ffffff0d),#1e1e23e6;border-radius:50%;flex-direction:column;gap:2px;width:52px;height:52px;font-weight:700;position:absolute;box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0000004d,0 6px 12px #0000004d}.face-btn.pressed{transform:scale(.92);box-shadow:inset 0 2px 4px #0006,0 2px 4px #0003}.face-y.pressed{background:radial-gradient(circle at 35% 30%,#f5c51866,#f5c51826),#28230ae6;border-color:#f5c518b3}.face-a.pressed{background:radial-gradient(circle at 35% 30%,#60c06f66,#60c06f26),#142819e6;border-color:#60c06fb3}.face-x.pressed{background:radial-gradient(circle at 35% 30%,#5ba8ff66,#5ba8ff26),#0f1e32e6;border-color:#5ba8ffb3}.face-b.pressed{background:radial-gradient(circle at 35% 30%,#e66b6b66,#e66b6b26),#2d1414e6;border-color:#e66b6bb3}.face-letter{font-size:.95rem;font-weight:700;line-height:1}.face-y{color:#f5c518;border-color:#f5c51866;margin-left:-26px;top:0;left:50%}.face-a{color:#60c06f;border-color:#60c06f66;margin-left:-26px;bottom:0;left:50%}.face-x{color:#5ba8ff;border-color:#5ba8ff66;margin-top:-26px;top:50%;left:0}.face-b{color:#e66b6b;border-color:#e66b6b66;margin-top:-26px;top:50%;right:0}.system-buttons{gap:8px;display:flex}.mobile-utility{right:max(18px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 184px);grid-template-columns:repeat(3,52px);gap:8px;display:grid;position:absolute}.utility-btn{border-radius:var(--radius-lg);background:linear-gradient(#ffffff1c,#ffffff08),#0e0e1294;flex-direction:column;gap:3px;width:52px;height:52px}.utility-btn .btn-icon{font-size:1.02rem;line-height:1}.utility-btn .btn-label{opacity:.62;font-size:.5rem}.utility-btn.pressed{background:linear-gradient(#f5c51847,#f5c5181a),#161208b8;border-color:#f5c5188c;transform:translateY(2px)scale(.96)}@media (width>=768px) and (pointer:coarse){.mobile-joystick{left:max(40px, env(safe-area-inset-left));bottom:max(60px, env(safe-area-inset-bottom))}.mobile-actions{right:max(40px, env(safe-area-inset-right));bottom:max(60px, env(safe-area-inset-bottom))}.joystick-pad{width:150px;height:150px}.joystick-thumb{width:70px;height:70px}.face-pad{width:160px;height:160px}.face-btn{width:58px;height:58px}.face-y,.face-a{margin-left:-29px}.face-x,.face-b{margin-top:-29px}}@media (width<=768px){#loading-screen h1{letter-spacing:2px;word-break:keep-all;font-size:1.8rem}#loading-screen .loading-subtitle{margin-bottom:1.5rem;font-size:.65rem}.loading-bar-container{width:240px;height:8px}.loading-safety{padding:4px 12px;font-size:.6rem}#menu-screen .menu-header h1{letter-spacing:3px;font-size:2rem}#menu-screen .menu-header .subtitle{font-size:.7rem}.menu-stripe{width:180px;margin-bottom:1.5rem}.menu-btn{width:200px;padding:12px 0;font-size:.9rem}.mobile-steering{left:max(14px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));gap:8px;width:clamp(190px,46vw,250px)}.steering-status{height:24px;font-size:.56rem}.steering-pad{height:74px}.steering-track{left:42px;right:42px}.steering-thumb{width:38px;height:38px}.steering-arrow{font-size:2.35rem}.mobile-pedals{right:max(14px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));grid-template-rows:68px 68px;grid-template-columns:68px 68px;gap:8px}.pedal-throttle{height:144px}.mobile-utility{right:max(14px, env(safe-area-inset-right));bottom:calc(max(18px, env(safe-area-inset-bottom)) + 160px);grid-template-columns:repeat(3,46px);gap:7px}.utility-btn{width:46px;height:46px}.utility-btn .btn-icon{font-size:.94rem}.utility-btn .btn-label{font-size:.46rem}.hud-bottom-left{display:none}.hud-top-right{padding:8px 10px;font-size:.65rem;top:8px;right:8px}.hud-top-left{min-width:160px;padding:10px 14px;top:8px;left:8px}.hud-top-left .mission-timer{font-size:1.4rem}.hud-bottom-right{padding:8px 12px;top:8px;bottom:auto;right:8px}#speed-gauge{width:120px;height:70px}.speed-value{font-size:1.2rem}.mobile-panel{background:#00000059;border-color:#ffffff0f;min-width:auto}.mobile-top-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-fps{color:var(--color-text-dim);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:.65rem;display:flex}.mobile-fps .fps-dot{background:#4caf50;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #4caf50}.mobile-fps .fps-dot.warning{background:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.mobile-fps .fps-dot.danger{background:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.mobile-stats{color:var(--color-text-muted);border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:8px;padding-top:6px;font-size:.7rem;display:flex}.mobile-stat #hud-speed{color:var(--color-accent);font-weight:700}.mobile-stat-sep{color:#ffffff26}.hud-top-right,.hud-bottom-right,.hud-bottom-left{display:none}}@media (height<=500px){.mobile-steering{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));gap:7px;width:clamp(172px,35vw,230px)}.steering-status{height:20px}.steering-pad{height:58px}.steering-track{left:36px;right:36px}.steering-thumb{width:32px;height:32px}.steering-arrow{font-size:2rem}.mobile-pedals{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));grid-template-rows:58px 58px;grid-template-columns:58px 58px;gap:7px}.pedal-throttle{height:123px}.pedal-btn .btn-icon{font-size:1.2rem}.pedal-throttle .btn-icon{font-size:1.5rem}.mobile-utility{right:max(12px, env(safe-area-inset-right));bottom:calc(max(12px, env(safe-area-inset-bottom)) + 136px);grid-template-columns:repeat(6,40px);gap:6px}.utility-btn{width:40px;height:40px}.utility-btn .btn-label{display:none}}