:root{--cream:#f3edda;--yellow:#ffc928;--red:#ec402f;--ink:#08100d;--glass:#040e0ab8}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;color:var(--cream);touch-action:none;-webkit-user-select:none;user-select:none;background:#07150f;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.game-shell,.game-canvas,.game-canvas canvas{width:100%;height:100%;position:fixed;inset:0}.game-canvas canvas{display:block}.road-debug-overlay{z-index:30;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#d9f4eb;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#020a08e6;border:1px solid #70e1d185;width:min(620px,100vw - 24px);padding:10px;font:700 10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;display:none;position:fixed;box-shadow:0 8px 30px #0000006b}.road-debug-overlay.is-visible{gap:8px;display:grid}.road-debug-overlay pre{white-space:pre-wrap;margin:0;overflow:hidden}.road-debug-overlay button{color:#ffc928;letter-spacing:.08em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;justify-self:start;padding:6px 9px;font-size:9px;font-weight:900}.hud{z-index:4;pointer-events:none;position:fixed}.hud-top{inset:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) auto max(18px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;display:flex}.route-lockup{border-left:4px solid var(--yellow);text-shadow:0 2px 10px #000;padding-left:12px;display:grid}.route-overline,.destination span{color:var(--yellow);letter-spacing:.18em;font-size:clamp(9px,1.2vw,12px);font-weight:900}.route-lockup strong{letter-spacing:-.03em;font-size:clamp(16px,2.3vw,25px);font-weight:1000}.route-logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 9px #000000b8);width:clamp(118px,17vw,210px);height:clamp(38px,5.8vw,68px);margin-top:2px;display:block}.destination,.score-lockup{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:right;border:1px solid #ffffff40;min-width:110px;padding:8px 12px;display:grid}.destination strong{font-size:clamp(18px,2.8vw,30px)}.score-lockup{text-align:center;min-width:148px;position:absolute;left:50%;translate:-50%}.score-lockup>span{color:#b8c7c0;letter-spacing:.18em;font-size:9px;font-weight:900}.score-lockup strong{font-size:clamp(20px,3vw,32px);line-height:1}.score-lockup small{color:#9faca6;letter-spacing:.1em;margin-top:3px;font-size:9px;font-weight:900}.score-lockup small.combo-active{color:var(--yellow)}.speedometer{z-index:4;left:max(18px, env(safe-area-inset-left));bottom:max(20px, env(safe-area-inset-bottom));border:3px solid var(--cream);text-align:center;pointer-events:none;background:#030a08c2;border-radius:50%;place-content:center;width:84px;height:84px;display:grid;position:fixed;box-shadow:0 7px 25px #00000059,inset 0 0 0 5px #ffc92826}.speedometer strong{letter-spacing:-.08em;font-size:35px;line-height:.85}.speedometer span{color:var(--yellow);letter-spacing:.15em;margin-top:6px;font-size:10px;font-weight:900}.run-stats{z-index:4;left:120px;bottom:max(23px, env(safe-area-inset-bottom));color:#ffffffd1;letter-spacing:.06em;text-shadow:0 2px 7px #000;pointer-events:none;gap:4px;font-size:11px;font-weight:800;display:grid;position:fixed}.motion-state{color:#a9b7b0}.motion-state.is-active{color:var(--yellow)}.mobile-steering-setting{display:none}.run-condition{z-index:4;right:max(18px, env(safe-area-inset-right));top:max(151px, calc(env(safe-area-inset-top) + 137px));background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border:1px solid #ffffff38;width:150px;padding:8px 10px;position:fixed;box-shadow:0 5px 18px #00000038}.integrity-label{justify-content:space-between;align-items:center;display:flex}.integrity-label span{color:#bdcac4;letter-spacing:.13em;font-size:8px;font-weight:900}.integrity-label strong{font-size:11px}.integrity-track{background:#ffffff24;height:5px;margin:5px 0 7px;overflow:hidden}.integrity-track span{background:linear-gradient(90deg, var(--red), var(--yellow));height:100%;transition:width .25s;display:block}.run-condition small{color:#93a59c;letter-spacing:.09em;font-size:7px;font-weight:800;display:block}.weather-status{z-index:4;right:max(18px, env(safe-area-inset-right));top:max(86px, calc(env(safe-area-inset-top) + 72px));background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 2px 7px #000;pointer-events:none;border:1px solid #ffffff38;align-items:center;gap:8px;min-width:112px;padding:7px 10px;display:flex;position:fixed;box-shadow:0 5px 18px #00000038}.weather-status>span{color:var(--yellow);font-size:20px;line-height:1}.weather-status div{display:grid}.weather-status strong{letter-spacing:.1em;text-transform:uppercase;font-size:11px}.weather-status small{color:#b9c7c1;letter-spacing:.07em;text-transform:uppercase;margin-top:2px;font-size:9px}.weather-status .weather-effect{color:#f0c96a;letter-spacing:.05em;font-size:7px}.weather-status.is-transitioning{animation:1.5s ease-in-out infinite alternate weather-shift}.route-advisory{z-index:5;top:max(82px, calc(env(safe-area-inset-top) + 68px));border-top:3px solid var(--yellow);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#040e0ad1;width:min(370px,42vw);padding:8px 13px;animation:.32s ease-out both advisory-in;display:grid;position:fixed;left:50%;translate:-50%;box-shadow:0 8px 25px #0000004d}.route-advisory>span,.ramp-choice>span{color:var(--yellow);letter-spacing:.17em;font-size:8px;font-weight:950}.route-advisory strong,.ramp-choice strong{letter-spacing:.08em;margin-top:2px;font-size:12px}.route-advisory small,.ramp-choice small{color:#b8c8c0;margin-top:2px;font-size:9px;line-height:1.25}.route-advisory.mode-recovery{opacity:.78;border-top-color:#70c9c2}.ramp-choice{z-index:5;top:max(85px, calc(env(safe-area-inset-top) + 71px));left:max(18px, env(safe-area-inset-left));border-left:3px solid var(--route-color,#70c9c2);background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;width:min(205px,26vw);padding:8px 10px;animation:.32s ease-out both advisory-in;display:grid;position:fixed;box-shadow:0 6px 20px #00000042}.ramp-choice>span{color:var(--route-color,var(--yellow))}.ramp-choice.role-shortcut{--route-color:#70e1d1}.ramp-choice.role-detour{--route-color:#79b9f2}.ramp-choice.role-service{--route-color:#8ee287}.ramp-choice.role-bonus{--route-color:#ffd64a}.ramp-choice.role-jump{--route-color:#ff984c}.ramp-choice.role-merge{--route-color:#ff6f61}@keyframes advisory-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes weather-shift{to{border-color:#ffc928b3}}.touch-controls{z-index:5;inset:auto max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;display:flex;position:fixed}.touch-controls.is-inactive{visibility:hidden;pointer-events:none}.pause-button{z-index:7;right:max(18px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050e0b9e;border:1px solid #ffffff5c;border-radius:50%;width:40px;height:40px;font-size:14px;font-weight:950;position:fixed}.pedal-controls{margin-right:52px}.steering-controls,.pedal-controls{align-items:end;gap:10px;display:flex}.touch-controls button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#050e0b7a;border:1px solid #ffffff5c;border-radius:50%;width:64px;height:64px;font-size:21px;font-weight:950;box-shadow:inset 0 0 0 4px #ffffff0d}.touch-controls button:active,.touch-controls button.is-pressed{background:var(--yellow);color:var(--ink);transform:scale(.93)}.touch-controls .brake{color:#ff8d82;border-color:#ec402fb3;font-size:10px}.touch-controls .gas{width:74px;height:74px;color:var(--yellow);border-color:#ffc928cc;font-size:12px}.warning,.impact{z-index:6;background:var(--yellow);color:var(--ink);letter-spacing:.12em;padding:8px 14px;font-size:clamp(12px,2vw,20px);font-weight:1000;animation:.45s steps(2,end) infinite warning-pulse;position:fixed;top:24%;left:50%;translate:-50% -50%}.gravel-warning{background:#b99f70}.ramp-warning{background:#70c9c2}.airborne{z-index:6;color:#fff;letter-spacing:.16em;text-shadow:0 4px 18px #000;pointer-events:none;font-size:clamp(18px,4vw,42px);font-style:italic;font-weight:1000;animation:.32s ease-out both impact-punch;position:fixed;top:34%;left:50%;translate:-50% -50%}.crash-flash{z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 60%,#fff4be99,#ec402f5c 35%,#0000 73%);animation:.58s ease-out both crash-flash;position:fixed;inset:0}.impact{background:var(--red);color:#fff;font-size:clamp(26px,5vw,60px);animation:.32s ease-out both impact-punch;transform:rotate(-3deg)}.score-feedback{z-index:7;color:#fff;text-align:center;text-shadow:0 4px 18px #000;pointer-events:none;animation:1.05s ease-out both score-pop;display:grid;position:fixed;top:30%;left:50%;translate:-50% -50%}.score-feedback strong{letter-spacing:.08em;font-size:clamp(18px,3vw,34px);font-style:italic}.score-feedback span{color:var(--yellow);font-size:clamp(14px,2vw,21px);font-weight:1000}.score-feedback.tone-danger strong{color:#ff7769}.score-feedback.tone-air strong{color:#b7eeff}@keyframes warning-pulse{50%{opacity:.55}}@keyframes crash-flash{0%{opacity:1}to{opacity:0}}@keyframes impact-punch{0%{scale:1.8}to{scale:1}}@keyframes score-pop{0%{opacity:0;transform:translateY(16px)scale(.72)}18%{opacity:1;transform:translateY(0)scale(1.08)}72%{opacity:1}to{opacity:0;transform:translateY(-14px)scale(1)}}.start-screen{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(90deg,#020906eb,#02090673 48%,#020906e6),radial-gradient(circle at 42% 46%,#20744f38,#020906d6);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.garage{background:linear-gradient(135deg,#0b241af7,#020907fa),repeating-linear-gradient(90deg,#0000 0 84px,#ffffff06 85px 86px);border:1px solid #ffffff2e;width:min(1180px,100vw - 36px);max-height:calc(100vh - 36px);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000080}.garage-heading{background:#02090780;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:28px;min-height:64px;padding:11px 24px 10px clamp(154px,17vw,210px);display:flex}.garage-heading>p{color:#aebdb6;text-align:right;width:290px;margin:0;font-size:12px;line-height:1.45}.garage-brand{align-content:center;display:grid}.garage-logo{z-index:5;object-fit:contain;filter:drop-shadow(0 10px 24px #000000a8);pointer-events:none;width:clamp(140px,16vw,190px);height:clamp(140px,16vw,190px);animation:4.4s ease-in-out infinite garage-logo-hover;position:absolute;top:-30px;left:12px}@keyframes garage-logo-hover{0%,to{transform:translateY(0)rotate(-1.3deg)}50%{transform:translateY(-5px)rotate(.8deg)}}.eyebrow{color:var(--yellow);letter-spacing:.2em;margin:0 0 10px;font-size:11px;font-weight:900}h1{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-size:clamp(42px,6vw,72px);font-weight:1000;line-height:.78}h1 em{color:var(--yellow);font-style:normal}.garage-body{grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);min-height:min(590px,100vh - 64px);display:grid}.garage-stage{background:linear-gradient(#547f691c,#0000 42%),repeating-linear-gradient(90deg,#0000 0 106px,#ffffff06 107px 108px),#07130e;border-right:1px solid #ffffff24;min-height:470px;position:relative;overflow:hidden}.garage-stage:before,.garage-stage:after{z-index:0;content:"";pointer-events:none;position:absolute}.garage-stage:before{background:radial-gradient(at 50% 66%,#ffc9281c,#0000 49%);inset:0}.garage-stage:after{background:linear-gradient(90deg,#0000,#ffc9289e,#0000);height:1px;bottom:20px;left:22px;right:22px;box-shadow:0 -180px #ffffff0a}.vehicle-showcase{z-index:1;position:absolute;inset:0}.vehicle-showcase canvas{width:100%;height:100%;display:block}.showcase-status,.vehicle-swap-status{z-index:3;color:#9fb0a7;letter-spacing:.16em;white-space:nowrap;font-size:9px;font-weight:950;position:absolute;top:50%;left:50%;translate:-50% -50%}.showcase-status.is-failed{color:#ff8d82}.vehicle-swap-status{color:var(--yellow);background:#020907d1;padding:7px 10px;top:24px}.vehicle-title{z-index:2;border-left:4px solid var(--yellow);text-shadow:0 3px 16px #000;pointer-events:none;padding-left:13px;display:grid;position:absolute;bottom:22px;left:24px}.vehicle-title span,.vehicle-title small{color:var(--yellow);letter-spacing:.17em;font-size:9px;font-weight:950}.vehicle-title strong{letter-spacing:-.055em;text-transform:uppercase;font-size:clamp(29px,4vw,50px);font-weight:1000;line-height:.92}.vehicle-title small{color:#c9d5cf;margin-top:5px}.garage-controls{background:#030d09d6;flex-direction:column;min-height:0;padding:18px;display:flex}.vehicle-picker{background:#ffffff29;grid-template-columns:1fr 1fr;gap:1px;display:grid}.vehicle-picker button{color:#d8e2dd;text-align:left;cursor:pointer;background:#0a1b14;border:0;min-width:0;min-height:58px;padding:9px 10px 9px 35px;display:grid;position:relative}.vehicle-picker button>span{color:#64776d;font-size:9px;font-weight:950;position:absolute;top:10px;left:10px}.vehicle-picker strong{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.vehicle-picker small{color:#7f9389;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.vehicle-picker button.is-selected{z-index:1;box-shadow:inset 0 -3px var(--yellow), inset 0 0 0 1px var(--yellow);color:#fff;background:#ffc92821}.vehicle-picker button.is-selected>span,.vehicle-picker button.is-selected small{color:var(--yellow)}.vehicle-brief{gap:11px;padding:15px 2px 12px;display:grid}.vehicle-brief>p{color:#b5c4bd;min-height:45px;margin:0;font-size:11px;line-height:1.4}.vehicle-stats{gap:6px;display:grid}.vehicle-stats>div{grid-template-columns:76px 1fr;align-items:center;display:grid}.vehicle-stats span{color:#83968c;letter-spacing:.12em;font-size:8px;font-weight:950}.vehicle-stats i{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.vehicle-stats b{background:#ffffff1f;height:5px}.vehicle-stats b.is-filled{background:var(--yellow)}.vehicle-brief ul{color:#aebdb6;letter-spacing:.05em;flex-wrap:wrap;gap:5px 13px;margin:0;padding:0;font-size:8px;font-weight:800;list-style:none;display:flex}.vehicle-brief li:before{color:var(--yellow);content:"◆";margin-right:5px;font-size:6px}.garage-run-settings{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:10px}.garage-run-settings>span{color:#83968c;letter-spacing:.13em;margin-bottom:6px;font-size:8px;font-weight:950;display:block}.difficulty-picker{grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 12px;display:grid}.difficulty-picker button{color:#d9e2de;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #fff3;gap:3px;min-width:0;padding:9px 10px;display:grid}.difficulty-picker button.is-selected{border-color:var(--yellow);box-shadow:inset 0 -2px var(--yellow);background:#ffc9281f}.difficulty-picker strong{letter-spacing:.1em;font-size:10px}.difficulty-picker span{color:#92a49b;text-overflow:ellipsis;font-size:8px;line-height:1.25;overflow:hidden}.difficulty-picker button.is-selected span{color:#d9c781}.start-button{background:var(--yellow);width:100%;color:var(--ink);letter-spacing:.12em;cursor:pointer;border:0;padding:15px 22px;font-weight:1000}.start-button:disabled{opacity:.5;cursor:wait}.rewind-button{color:#ff8d82;text-align:center;cursor:grab;touch-action:none;background:#ec402f17;border:1px solid #ec402fb8;gap:3px;width:100%;margin-top:10px;padding:12px 18px;display:grid}.rewind-button strong{letter-spacing:.12em;font-size:11px;font-weight:1000}.rewind-button span{color:#b9c8c1;letter-spacing:.1em;font-size:8px;font-weight:900}.rewind-button.is-rewinding{border-color:var(--yellow);background:var(--red);color:#fff;cursor:grabbing;animation:.7s ease-in-out infinite alternate rewind-pulse}.rewind-button.is-rewinding span{color:#fff}.rewind-button:disabled{opacity:.38;cursor:not-allowed}@keyframes rewind-pulse{to{box-shadow:inset 0 0 0 3px #ffc928a6,0 0 22px #ec402f57}}.game-overlay{z-index:11;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020906ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.game-overlay.is-rewinding{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0209063d}.game-overlay.is-rewinding .overlay-card{opacity:.86;box-shadow:0 12px 45px #00000061}.overlay-card{background:linear-gradient(145deg,#0a2319f7,#020907f7);border:1px solid #fff3;width:min(620px,100vw - 36px);max-height:calc(100vh - 36px);padding:clamp(22px,4vw,38px);overflow:auto;box-shadow:0 24px 80px #00000094}.compact-card{width:min(490px,100vw - 36px)}.overlay-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(27px,5vw,48px);line-height:.95}.overlay-card>p:not(.eyebrow):not(.record-line){color:#b9c8c1;margin:13px 0 20px;font-size:13px}.secondary-actions,.result-actions{gap:10px;margin-top:10px;display:flex}.secondary-actions button,.text-button{color:#dbe4df;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff3d;flex:1;padding:11px 14px;font-size:10px;font-weight:900}.results-score{border-left:4px solid var(--yellow);background:#ffffff0e;margin:21px 0 17px;padding:13px 16px;display:grid}.results-score span{color:#aebdb6;letter-spacing:.16em;font-size:9px;font-weight:900}.results-score strong{letter-spacing:-.06em;font-size:clamp(38px,7vw,66px);line-height:.95}.results-score small{color:var(--yellow);letter-spacing:.14em;margin-top:5px;font-size:9px;font-weight:900}.results-grid{background:#ffffff1f;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;display:grid}.results-grid div{background:#0a1e17;gap:3px;padding:10px 12px;display:grid}.results-grid dt{color:#8fa299;letter-spacing:.1em;font-size:8px;font-weight:900}.results-grid dd{margin:0;font-size:17px;font-weight:950}.result-actions .start-button{flex:2}.result-actions .text-button{flex:1}.record-line{color:#82958c;text-align:center;margin:11px 0 0;font-size:9px}.new-road-options{margin-top:11px}.new-road-options>span{color:#8fa299;letter-spacing:.13em;margin-bottom:6px;font-size:8px;font-weight:900;display:block}.new-road-options .difficulty-picker{margin-bottom:0}.terminal-banner{z-index:9;pointer-events:none;background:radial-gradient(circle,#0000 20%,#000000b8);place-items:center;display:grid;position:fixed;inset:0}.terminal-banner span{background:var(--red);color:#fff;letter-spacing:-.03em;padding:13px 22px;font-size:clamp(28px,6vw,72px);font-style:italic;font-weight:1000;animation:.38s ease-out both impact-punch;transform:rotate(-2deg)}.terminal-banner.finished span{background:var(--yellow);color:var(--ink)}.control-hints{color:#9fb0a7;letter-spacing:.04em;flex-wrap:wrap;gap:7px 16px;margin-top:17px;font-size:10px;font-weight:700;display:flex}kbd{color:#fff;text-align:center;border:1px solid #68776f;min-width:19px;margin-right:3px;padding:2px 4px;display:inline-block}.portrait-message{display:none}@media (pointer:fine){.steering-controls{display:none}.touch-controls .gas,.touch-controls .brake{opacity:.42}}@media (pointer:coarse){.speedometer{left:calc(max(18px, env(safe-area-inset-left)) + 69px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 82px);border-width:2px;width:68px;height:68px;translate:-50%}.speedometer strong{font-size:29px}.speedometer span{margin-top:4px;font-size:8px}.mobile-steering-setting{text-align:left;background:#ffffff0b;border:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:18px;margin:11px 0;padding:8px 10px;display:flex}.mobile-steering-setting>div{gap:2px;display:grid}.mobile-steering-setting strong{letter-spacing:.13em;font-size:9px}.mobile-steering-setting span{color:#9fb0a7;font-size:9px}.mobile-steering-setting button{color:#b5c1bb;letter-spacing:.1em;background:0 0;border:1px solid #718079;min-width:48px;padding:7px 9px;font-size:9px;font-weight:950}.mobile-steering-setting button.is-on{border-color:var(--yellow);color:var(--yellow);background:#ffc9281f}}@media (height<=420px){.start-screen{padding:8px}.garage{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.garage-heading{min-height:38px;padding:7px 15px 6px 106px}.garage-heading .eyebrow{margin:0;font-size:8px}.garage-heading>p{display:none}.garage-logo{width:102px;height:102px;top:-19px;left:7px}.garage-body{grid-template-columns:minmax(260px,.8fr) minmax(430px,1.2fr);min-height:calc(100vh - 54px)}.garage-stage{min-height:0}.vehicle-title{border-left-width:3px;padding-left:8px;bottom:13px;left:13px}.vehicle-title span,.vehicle-title small{font-size:7px}.vehicle-title strong{font-size:25px}.garage-controls{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;gap:7px 12px;padding:9px 11px;display:grid}.vehicle-picker{grid-area:1/1/span 2}.vehicle-picker button{min-height:0;padding:7px 7px 7px 29px}.vehicle-picker button>span{font-size:7px;top:8px;left:8px}.vehicle-picker strong{font-size:9px}.vehicle-picker small{font-size:7px}.vehicle-brief{grid-area:1/2;gap:5px;padding:0}.vehicle-brief>p{min-height:0;font-size:8px;line-height:1.3}.vehicle-brief ul{display:none}.vehicle-stats{gap:3px}.vehicle-stats>div{grid-template-columns:57px 1fr}.vehicle-stats span{font-size:6px}.vehicle-stats b{height:3px}.garage-run-settings{grid-area:2/2;align-self:end;padding-top:5px}.garage-run-settings>span{margin-bottom:4px;font-size:6px}.garage-controls>.start-button{grid-area:3/2;padding:9px 12px;font-size:9px}.garage-controls>.control-hints{display:none}.difficulty-picker button{padding:6px 8px}.difficulty-picker span{display:none}.difficulty-picker strong{font-size:7px}.garage-run-settings .mobile-steering-setting{padding:4px 6px}.garage-run-settings .mobile-steering-setting span{display:none}.touch-controls button{width:54px;height:54px}.touch-controls .gas{width:62px;height:62px}.speedometer{left:calc(max(18px, env(safe-area-inset-left)) + 59px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 68px);width:58px;height:58px}.speedometer strong{font-size:25px}.mobile-steering-setting{margin:7px 0;padding:6px 8px}.run-condition{top:112px}.weather-status{top:58px}.route-advisory{width:min(330px,43vw);padding:6px 10px;top:58px}.ramp-choice{padding:6px 8px;top:58px}.route-advisory small,.ramp-choice small{display:none}.results-card{width:min(760px,100vw - 34px);padding:16px 22px}.results-card h2{font-size:28px}.results-score{margin:10px 0;padding:8px 12px}.results-score strong{font-size:38px}.results-grid div{padding:7px 10px}.result-actions{margin-top:7px}.rewind-button{margin-top:7px;padding:8px 12px}.new-road-options{align-items:center;gap:8px;margin-top:7px;display:flex}.new-road-options>span{min-width:76px;margin:0}.new-road-options .difficulty-picker{flex:1}}@media (orientation:portrait) and (width<=700px){.game-shell>:not(.portrait-message){visibility:hidden}.portrait-message{z-index:20;text-align:center;background:#07150f;place-content:center;gap:12px;padding:30px;display:grid;position:fixed;inset:0}.portrait-message span{color:var(--yellow);font-size:64px}.portrait-message strong{letter-spacing:.12em;font-size:22px}.portrait-message p{color:#9eb0a7;margin:0;font-size:13px}}
