:root{color-scheme:light;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--label: #1d1d1f;--secondary: #65656c;--canvas: #fff;--subtle: #f5f5f7;--hover: #f0f0f2;--separator: #e5e5e8;--accent: #0066cc;--positive: #24733e;--danger: #b4232c;--instrument: #fff;--material: #fff;--scrim: rgba(244,244,246,.72);--shadow: 0 2px 12px rgba(25,25,30,.06);--shadow-sheet: 0 12px 60px rgba(25,25,30,.1);--radius-control: 8px;--radius-panel: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--text-caption: 12px;--text-body: 14px;--text-title: 28px;--ease: cubic-bezier(.2,.7,.2,1);--duration-quick: .12s;--duration: .22s;--edge: clamp(24px,4vw,72px);--z-ui: 2;--z-navigation: 5;--z-modal: 20;--z-notice: 30;font:400 16px/1.45 var(--font);color:var(--label);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;transition:background var(--duration-quick),color var(--duration-quick),opacity var(--duration-quick)}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-touch-callout:none}button:active{opacity:.68}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}svg{vertical-align:middle;flex-shrink:0}button:disabled,[aria-disabled=true]{cursor:not-allowed;color:var(--secondary)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--canvas);z-index:40;border-radius:var(--radius-control);transform:translateY(-150%)}.skip-link:focus{transform:none}#app{min-height:100dvh;overflow:clip}#scene{position:fixed;inset:0;overflow:hidden;background:#10233e}#scene canvas{display:block;width:100%;height:100%}.home{position:relative;z-index:var(--z-ui);min-height:100dvh;display:flex;flex-direction:column;pointer-events:none}.home button,.home a{pointer-events:auto}.home button{text-shadow:inherit}.home main{flex:1;display:flex;flex-direction:column}.home{background:#8cb6db;isolation:isolate;--label: #fff;--secondary: #fff;--accent: #bfe0ff;color:var(--label);text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.45)}.home-background{position:absolute;inset:0;z-index:-1;pointer-events:none}.home-background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.home-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#040c189e,#040c1859 16%,#040c181a 50%,#040c1800)}.home .header,.home footer{background:transparent}.home .brand-logo{filter:drop-shadow(0 1px 2px #fff) drop-shadow(0 0 3px #fff)}.home .home-settings:hover,.home .car-caption,.home .car-caption:hover{background:transparent}.home .brand{padding:10px 12px}.home .header nav{padding-inline:12px}.home footer button{padding-inline:12px}.home .nav-item,.home .hero-actions button{font-size:16px;font-weight:600}.home .car-caption,.home footer button{font-size:15px;font-weight:600}.home .hero h1{font-weight:650}.home .hero-copy>p{font-size:clamp(16px,1.1vw,19px);font-weight:500}.home :is(button,a):focus-visible{outline-color:#fff}.header{min-height:80px;padding:max(18px,env(safe-area-inset-top)) var(--edge) 18px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);position:relative;z-index:var(--z-navigation)}.brand{display:flex;align-items:center;flex-shrink:0;min-height:44px}.brand-logo{display:block;width:186px;height:auto}.brand-mark{display:block;width:96px;height:auto}.header nav{display:flex;gap:var(--space-8);margin-left:auto}.nav-item{min-height:44px;min-width:44px;padding:10px 4px;font-size:var(--text-body);color:var(--secondary)}.nav-item:hover{color:var(--accent)}.home-settings{color:var(--secondary)}.home-settings:hover{color:var(--label)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:10px;border-radius:var(--radius-control)}.icon-button:hover{background:var(--hover)}.hero{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:flex-end;padding:32px var(--edge) 24px}.hero-copy{min-width:0;max-width:480px;padding:28px}.vehicle-showcase{position:absolute;right:var(--edge);bottom:24px}.vehicle-stage{position:absolute;width:1px;height:1px;overflow:hidden;visibility:hidden;background:var(--subtle)}.vehicle-stage #scene{position:absolute}.eyebrow{color:var(--secondary);font-size:var(--text-caption);font-weight:400}.hero h1{font-size:clamp(48px,5.4vw,80px);line-height:1.02;letter-spacing:-.065em;font-weight:550;margin:0 0 20px}.hero-copy>p{font-size:15px;line-height:1.65;color:var(--secondary);margin:0 0 32px}.primary{min-height:46px;border-radius:var(--radius-control);padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;color:#fff;background:var(--label);font-size:var(--text-body);font-weight:500;line-height:1.4}.primary:hover{background:#38383c}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.home .start-drive{min-height:50px;padding:14px 24px;background:#06c;border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 18px #00000040;text-shadow:none}.home .start-drive:hover{background:#005bb5}.home .hero-actions .text-button{color:var(--secondary);text-decoration:underline;text-underline-offset:4px}.text-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 0;color:var(--accent);font-size:var(--text-body)}.text-button:hover{text-decoration:underline;text-underline-offset:3px}kbd{font:400 11px/1 var(--font);display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;border-radius:4px;background:var(--subtle);padding:4px;color:var(--label)}.car-caption{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px;border-radius:var(--radius-control);font-size:12px;color:var(--secondary);background:var(--canvas);white-space:nowrap}.car-caption:hover{color:var(--label);background:var(--hover)}#paint-dot{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000029}footer{position:relative;padding:8px var(--edge) max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--secondary)}footer button{min-height:44px;padding:8px 0;font-size:11px}footer button:hover{color:var(--label)}footer>button:last-child{margin-left:auto}.loading{position:fixed;inset:0;z-index:var(--z-notice);background:var(--canvas);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6);text-align:center}.loading strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.loading-track{width:160px;height:3px;background:var(--separator);overflow:hidden;border-radius:var(--radius-pill)}.loading-track:after{content:"";display:block;width:60px;height:100%;background:var(--secondary);animation:loading 1.2s var(--ease) infinite}@keyframes loading{0%{transform:translate(-60px)}to{transform:translate(160px)}}.in-game{overflow:hidden;--label: #f4faff;--secondary: #dce8ef;--accent: #9ddaff;--positive: #a7f3c0;--danger: #ffb1b8;--separator: rgba(224,241,255,.24);--subtle: rgba(231,245,255,.12);--hover: rgba(231,245,255,.2);--material: rgba(9,24,36,.24);--scrim: rgba(6,18,28,.42);--hud-halo: #071521}.hud{position:fixed;inset:0;pointer-events:none;z-index:var(--z-ui);color:var(--label);text-shadow:0 1px 2px var(--hud-halo),0 0 4px var(--hud-halo),0 0 12px rgba(7,21,33,.55)}.mission-hud,.speed-panel,.flight-panel,.driving-tip,.controls-bar>span,.escape-score{background:none;border-radius:0}.mission-hud,.speed-panel,.flight-panel{padding:12px}.driving-tip,.controls-bar>span,.controls-bar>button{padding:8px 10px}.hud button{pointer-events:auto}.hud .icon-button,.hud kbd,.hud .controls-bar>button{background:var(--material);border:1px solid rgba(231,245,255,.2);border-radius:var(--radius-control);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud button{text-shadow:inherit}.hud .icon-button:hover,.hud .controls-bar>button:hover{background:var(--hover)}.hud svg{filter:drop-shadow(0 1px 2px var(--hud-halo))}.hud kbd{color:var(--label);border-radius:4px}.hud kbd.pressed{background:var(--accent);color:#071521;text-shadow:none}.hud-top{position:absolute;top:max(24px,env(safe-area-inset-top));left:var(--edge);right:var(--edge);display:flex;align-items:start;justify-content:space-between;gap:var(--space-6)}.mission-hud{width:320px}.mission-headline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-caption);color:var(--secondary)}.mission-hud strong{display:block;margin:6px 0 12px;font-size:var(--text-body);line-height:1.45;font-weight:500}.timer{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--label)}.timer.urgent{color:var(--danger)}.progress-track,.power-track{height:2px;overflow:hidden;background:var(--separator)}.progress-track>div,.power-track>div{height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}.hud[data-mission-type=free] .progress-track{display:none}.hud-top-right{display:flex;gap:var(--space-2)}.driving-tip{position:absolute;top:140px;left:var(--edge);max-width:330px;font-size:var(--text-caption);color:var(--secondary);transition:opacity var(--duration)}.driving-tip.quiet{opacity:0}.hud-bottom{position:absolute;bottom:max(62px,calc(env(safe-area-inset-bottom) + 44px));left:var(--edge);right:var(--edge);display:flex;align-items:end;gap:var(--space-6)}.map-panel{width:132px}.map-panel canvas{display:block;width:132px;height:112px;filter:drop-shadow(0 1px 2px var(--hud-halo))}.map-caption{display:flex;flex-direction:column;gap:3px;margin-top:7px;font-size:10px;color:var(--secondary)}.map-caption strong{font-weight:500;color:var(--label)}.speed-panel{position:absolute;right:0;bottom:0;width:210px;text-align:center}.gear-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:10px;color:var(--secondary)}.gear-row>span:first-child{color:var(--label);font-size:var(--text-caption);font-weight:600}#drive-status{text-transform:lowercase}.speed-value{display:flex;align-items:baseline;justify-content:center;gap:10px}.speed-digits{font-size:76px;line-height:1.1;font-weight:400;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.speed-unit{font-size:var(--text-caption);color:var(--secondary)}.power-track{margin:10px 0 13px}.power-track>div{background:var(--label)}.power-track>div.regenerating{background:var(--positive)}.speed-bottom{display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--text-caption);color:var(--secondary)}.speed-bottom>span{display:flex;align-items:center;gap:3px}.speed-bottom b{font-weight:500;color:var(--label)}#regen{display:none}#regen.active{display:inline;color:var(--positive)}.hud[data-warning=true] #compact-condition,.hud[data-warning=true] #compact-condition b{color:var(--danger)}.controls-bar{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:11px;color:var(--secondary)}.controls-bar>span{display:flex;align-items:center;gap:7px}.controls-bar>button{min-height:44px;font-size:11px}kbd.pressed{background:var(--accent);color:#fff}.countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:clamp(80px,10vw,150px);font-weight:500;letter-spacing:-.05em;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.4)}.impact{position:absolute;inset:0;opacity:0;pointer-events:none;box-shadow:inset 0 0 100px 20px #a6222752}.flight-panel{position:absolute;top:90px;right:var(--edge);width:210px;text-align:right}.flight-panel>button{min-height:44px;padding:8px 0 8px 12px;display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-caption)}.flight-panel>button:hover{color:var(--accent)}.flight-readouts{display:none;padding-top:8px;justify-content:flex-end;gap:var(--space-6)}.flight-readouts>span{display:flex;flex-direction:column;font-size:11px;color:var(--secondary);gap:4px}.flight-readouts strong{font-size:17px;font-weight:500;color:var(--label);font-variant-numeric:tabular-nums}.flight-readouts small{font-size:10px;font-weight:400;color:var(--secondary)}.flight-panel.airborne .flight-readouts{display:flex}#landing-status{display:none;padding-top:8px;font-size:11px;color:var(--secondary)}.flight-panel.airborne #landing-status{display:block}.energy-readout{display:grid;grid-template-columns:1fr 66px;align-items:center;gap:5px 10px;margin-top:12px;font-size:10px;color:var(--secondary)}.energy-readout>span:first-child,.energy-readout>meter:nth-child(2){display:none}.energy-readout.limited>span:first-child,.energy-readout.limited>meter:nth-child(2){display:block}.energy-readout b{font-weight:500;color:var(--label);font-variant-numeric:tabular-nums}.energy-readout meter{width:66px;height:4px;border:none;background:var(--separator);border-radius:4px}.energy-readout meter::-webkit-meter-bar{height:4px;border:none;background:var(--separator)}.energy-readout meter::-webkit-meter-optimum-value{background:var(--accent)}.energy-readout meter::-moz-meter-bar{background:var(--accent)}.escape-score{position:absolute;top:24px;left:50%;transform:translate(-50%);text-align:center;padding:10px 20px;min-width:215px;max-width:340px}.escape-score>div:first-child{display:flex;justify-content:center;align-items:baseline;gap:7px}.escape-score strong{font-size:27px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.escape-score span,.escape-score small{font-size:11px;color:var(--secondary)}#combo-label{margin-left:4px;font-weight:500;color:var(--accent)}#score-notice{font-size:12px;line-height:1.5;color:var(--label);max-height:0;opacity:0;transition:opacity var(--duration)}#score-notice.visible{max-height:64px;opacity:1;padding-top:8px}.achievement-list{margin-top:24px}.achievement-list>div{display:flex;align-items:center;gap:16px;padding:10px 0}.achievement-list>div>span{color:var(--accent)}.achievement-list p{margin:0}.achievement-list strong,.achievement-list small{display:block;font-size:13px;font-weight:500}.achievement-list small{font-size:12px;font-weight:400;color:var(--secondary);margin-top:5px}.score-breakdown{margin-bottom:20px;font-size:12px}.score-breakdown summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--accent)}.score-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:5px 0;color:var(--secondary)}.score-breakdown b{font-weight:500;font-variant-numeric:tabular-nums}.paint-option small{color:var(--secondary);font-size:10px;margin-top:-8px}.touch-controls,.touch-flight{display:none}.modal-layer,.toast{--label: #1d1d1f;--secondary: #65656c;--accent: #0066cc;--positive: #24733e;--danger: #b4232c;--separator: #e5e5e8;--subtle: #f5f5f7;--hover: #f0f0f2;--material: #fff;--scrim: rgba(0,0,0,.45);color:var(--label);text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-layer{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:var(--scrim)}.modal{position:relative;width:480px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;padding:var(--space-8);border-radius:var(--radius-panel);background:var(--canvas);box-shadow:var(--shadow-sheet)}.modal.wide{width:620px}.modal h2{font-size:var(--text-title);line-height:1.2;letter-spacing:-.035em;font-weight:550;margin:0 36px 24px 0}.modal-description{font-size:var(--text-body);line-height:1.6;color:var(--secondary);margin:-8px 0 24px}.modal-close{position:absolute;top:16px;right:16px;color:var(--secondary)}.full{width:100%;margin-top:var(--space-6)}.secondary{min-height:46px;padding:12px 18px;border-radius:var(--radius-control);background:var(--subtle);font-size:var(--text-body)}.secondary:hover{background:var(--hover)}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.exit-drive{width:100%;margin-top:var(--space-3)}.mission-list{display:flex;flex-direction:column;gap:var(--space-3)}.mission-list-item{display:flex;align-items:center;gap:var(--space-4);padding:12px 0;text-align:left}.mission-list-item>span:nth-child(2){flex:1;min-width:0}.mission-list-item strong{display:block;font-size:15px;font-weight:500}.mission-list-item strong svg{margin-left:4px;color:var(--positive)}.mission-list-item span>span{display:block;margin:6px 0;font-size:13px;color:var(--secondary);line-height:1.5}.mission-list-item small{font-size:var(--text-caption);color:var(--secondary)}.mission-list-item:hover strong{color:var(--accent)}.mission-list-number{color:var(--secondary);font-size:var(--text-caption);align-self:start;padding-top:2px}.fine-print{color:var(--secondary);font-size:var(--text-caption);line-height:1.6;margin:var(--space-6) 0 0}.paint-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:var(--space-6) 0 var(--space-8)}.paint-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:72px;padding:4px 0;font-size:11px}.paint-option>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 1px #00000026}.paint-option:first-child>span{color:var(--label)}.paint-option.selected>span{outline:2px solid var(--accent);outline-offset:4px}.garage-specs{margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.garage-specs>div{display:flex;align-items:center;justify-content:space-between}.garage-specs dt{color:var(--secondary);font-size:var(--text-body)}.garage-specs dd{margin:0;font-size:var(--text-body);font-variant-numeric:tabular-nums}.modal-layer[data-panel=garage]{background:none;justify-content:flex-end;padding-right:var(--edge);pointer-events:none}.modal-layer[data-panel=garage] .modal{pointer-events:auto;width:360px}.showroom .vehicle-stage{position:fixed;inset:0;width:100%;height:100dvh;visibility:visible}.showroom .hero-copy,.showroom footer,.showroom .car-caption,.showroom .header{visibility:hidden}.settings-list h3{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-caption);font-weight:500;color:var(--secondary)}.settings-list h3:first-child{margin-top:0}.settings-list>label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:52px;font-size:var(--text-body)}.settings-list small{display:block;font-size:11px;color:var(--secondary);margin-top:4px}.settings-list select{max-width:150px;min-height:44px;border:0;padding:10px 0 10px 8px;border-radius:4px;font-size:13px;color:var(--accent);background:transparent}.settings-list input[type=checkbox]{appearance:none;width:38px;min-width:38px;height:24px;border-radius:var(--radius-pill);background:#86868d;margin:0;cursor:pointer;position:relative;border:0;transition:background var(--duration-quick)}.settings-list input[type=checkbox]:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000026;transition:transform var(--duration) var(--ease)}.settings-list input[type=checkbox]:checked{background:var(--accent)}.settings-list input[type=checkbox]:checked:before{transform:translate(14px)}.controls-disclosure{margin-top:var(--space-4);font-size:var(--text-body)}.controls-disclosure summary{min-height:44px;padding:12px 0;cursor:pointer}.controls-guide{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);font-size:var(--text-caption);color:var(--secondary);margin-block:var(--space-3)}.controls-guide>span{display:flex;align-items:center;gap:7px}.controls-guide kbd{min-width:40px}.controller-note{margin:8px 0;font-size:var(--text-caption);line-height:1.7;color:var(--secondary)}.about-copy h3{font-size:15px;font-weight:500;margin:24px 0 8px}.about-copy p{font-size:13px;line-height:1.65;color:var(--secondary)}.about-copy a{min-height:44px;display:inline-flex;gap:var(--space-2);align-items:center;color:var(--accent);font-size:var(--text-body)}.result-score{display:flex;flex-direction:column;gap:4px;margin:var(--space-8) 0}.result-score strong{font-size:60px;letter-spacing:-.06em;line-height:1.1;font-weight:400;font-variant-numeric:tabular-nums}.result-score>span{font-size:var(--text-caption);color:var(--secondary)}.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--space-6) 0}.result-stats>div{display:flex;flex-direction:column;gap:var(--space-2)}.result-stats strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.result-stats strong>small,.result-stats>div>span{font-size:11px;font-weight:400;color:var(--secondary)}.result-detail{display:flex;gap:var(--space-2) var(--space-4);font-size:var(--text-caption);color:var(--secondary);flex-wrap:wrap}.unlock-banner{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--positive);font-size:var(--text-caption)}.toast{position:fixed;z-index:var(--z-notice);bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,6px);opacity:0;pointer-events:none;max-width:min(90vw,520px);padding:12px 20px;background:var(--material);border-radius:var(--radius-control);color:var(--label);box-shadow:var(--shadow);font-size:13px;text-align:center;transition:opacity var(--duration),transform var(--duration) var(--ease)}.toast.visible{opacity:1;transform:translate(-50%)}.in-game .toast{bottom:max(68px,calc(env(safe-area-inset-bottom) + 56px))}@media(max-width:1100px){.escape-score{top:122px;left:var(--edge);transform:none;text-align:left;min-width:200px;max-width:300px}.escape-score>div:first-child{justify-content:flex-start}.hud[data-mission-type=traffic] .driving-tip{top:240px}}@media(max-width:760px){.escape-score{top:auto;bottom:max(302px,calc(env(safe-area-inset-bottom) + 290px));left:18px;min-width:160px;max-width:min(75vw,300px);padding:8px 12px}.escape-score strong{font-size:21px}.hud[data-mission-type=traffic] .driving-tip{top:121px;max-width:calc(100% - 200px)}.energy-readout{grid-template-columns:1fr 42px;gap:4px 6px;font-size:9px}.energy-readout meter{width:42px}:root{--edge: 24px;--text-title: 25px}.header{min-height:72px;gap:10px;padding:max(14px,env(safe-area-inset-top)) var(--edge) 14px}.brand-logo{width:clamp(96px,25vw,160px)}.home .header{padding-inline:16px}.home .brand{padding:8px 0}.home .header nav{gap:8px;padding-inline:4px}.home .nav-item{font-size:14px}.header nav{gap:10px}.nav-item{font-size:var(--text-caption);padding:10px 0}.header-right{margin-left:0}.home-settings{padding:8px}.hero{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:20px var(--edge) 12px}.hero-copy{padding:20px}.vehicle-showcase{position:static;align-self:flex-end}.hero h1{font-size:clamp(48px,11vw,68px);margin:0 0 12px}.hero-copy>p{font-size:14px;margin-bottom:24px}.hero-actions{gap:24px}.home .start-drive{min-height:48px;padding-inline:20px}footer{margin:0;padding:10px var(--edge) max(14px,env(safe-area-inset-bottom));gap:20px}footer>button:last-child{margin-left:auto}.hud-top{top:max(14px,env(safe-area-inset-top));left:18px;right:14px;gap:12px}.mission-hud{width:auto;flex:1;min-width:0}.mission-headline{font-size:11px}.mission-hud strong{font-size:var(--text-caption);margin-top:5px}.hud-top-right{gap:0}.driving-tip{top:121px;left:18px;max-width:180px;font-size:11px}.flight-panel{top:110px;right:18px;width:142px}.flight-panel>button{font-size:11px;gap:8px}.flight-panel>button kbd{display:none}.flight-readouts{gap:12px}.flight-readouts strong{font-size:15px}.flight-readouts>span,#landing-status{font-size:10px}.hud-bottom{left:18px;right:18px;bottom:max(186px,calc(env(safe-area-inset-bottom) + 168px))}.map-panel,.map-panel canvas{width:94px}.map-panel canvas{height:80px}.map-caption>span{display:none}.speed-panel{width:170px;left:auto;right:0;transform:none}.speed-digits{font-size:58px}.speed-unit{font-size:11px}.gear-row{font-size:9px}.speed-bottom{font-size:11px;gap:12px}.power-track{margin-block:7px 10px}#regen.active,.controls-bar{display:none}.touch-controls{display:flex;position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));align-items:end;justify-content:space-between;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-steering,.touch-pedals{display:flex;align-items:end;gap:8px}.touch-controls button,.touch-flight button{pointer-events:auto;touch-action:none;background:var(--subtle);border-radius:var(--radius-control);display:grid;place-items:center;color:var(--label)}.touch-controls button{width:52px;height:64px;font-size:11px}.touch-pedals .accelerator{height:84px;background:#06c;color:#fff}.touch-flight{display:flex;position:absolute;bottom:max(118px,calc(env(safe-area-inset-bottom) + 100px));left:50%;transform:translate(-50%);gap:8px}.touch-flight button{width:54px;height:44px;font-size:11px}.touch-controls button.pressed,.touch-flight button.pressed{background:var(--accent);color:#fff}.in-game .toast{bottom:max(170px,calc(env(safe-area-inset-bottom) + 152px))}.modal-layer{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.modal{max-height:calc(100dvh - 24px);padding:28px 24px 24px}.modal h2{margin-bottom:24px}.modal-close{top:10px;right:10px}.mission-list-number{display:none}.mission-list-item{gap:12px}.mission-list-item strong{font-size:var(--text-body)}.controls-guide{grid-template-columns:1fr}.modal-layer[data-panel=garage]{padding:0;align-items:end}.modal-layer[data-panel=garage] .modal{width:100%;max-height:55dvh;padding-bottom:max(24px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}}@media(max-height:700px){.home-background:after{background:linear-gradient(180deg,#040c1899 38%,#040c181a 50%,#040c1800)}}@media(max-width:760px)and (max-height:700px)and (orientation:portrait){.home .header{min-height:64px;padding-block:10px}.home .hero{padding-block:12px 8px}.home .hero h1{font-size:44px}.home .hero-copy>p{margin-bottom:16px}.home footer{padding-block:4px}}@media(hover:none)and (min-width:761px){.touch-controls{display:flex;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);justify-content:space-between}.touch-steering,.touch-pedals{display:flex;gap:8px;align-items:end}.touch-controls button,.touch-flight button{width:54px;height:54px;border-radius:var(--radius-control);background:var(--subtle);font-size:11px;touch-action:none}.touch-pedals .accelerator{height:76px;background:#06c;color:#fff}.touch-flight{display:flex;position:absolute;right:var(--edge);bottom:116px;gap:8px;pointer-events:auto}.touch-flight button{height:44px}.touch-controls button.pressed,.touch-flight button.pressed{background:var(--accent);color:#fff}.hud-bottom{bottom:130px}.controls-bar{display:none}}@media(max-height:560px)and (orientation:landscape){.home .header{min-height:64px;padding-block:10px}.home .hero{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;padding-block:12px}.home .hero-copy{padding:20px}.home .vehicle-showcase{position:static}.home .hero h1{font-size:44px}.home .hero-copy>p{margin-bottom:16px}.home .hero-actions{gap:8px 16px}.home footer{padding-block:4px}.escape-score{top:12px;bottom:auto;left:50%;transform:translate(-50%);min-width:150px;max-width:200px;padding:5px 10px}.escape-score strong{font-size:20px}.escape-score small{font-size:9px}#score-notice{font-size:10px}.hud-top{top:12px;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}.mission-hud{max-width:270px}.driving-tip,.map-panel,.controls-bar{display:none}.flight-panel{top:70px;right:max(18px,env(safe-area-inset-right));width:150px}#landing-status{display:none!important}.flight-readouts{padding-top:0}.hud-bottom{bottom:16px;left:max(210px,25%);right:auto;transform:translate(-50%)}.speed-panel{position:relative;left:auto;right:auto;transform:none;width:160px;padding:8px}.speed-digits{font-size:40px}.flight-panel{padding-inline:8px}.touch-controls{display:flex;position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));justify-content:space-between}.touch-steering,.touch-pedals{display:flex;gap:8px;align-items:end}.touch-controls button{width:48px;height:54px;border-radius:var(--radius-control);background:var(--subtle);font-size:11px;touch-action:none}.touch-pedals .accelerator{height:72px;background:#06c;color:#fff}.touch-flight{display:flex;position:absolute;top:170px;bottom:auto;left:auto;right:max(18px,env(safe-area-inset-right));transform:none;gap:8px}.touch-flight button{width:44px;height:44px;border-radius:var(--radius-control);background:var(--subtle);font-size:10px;touch-action:none}.modal-layer[data-panel=garage]{align-items:center;padding:12px 24px}.modal-layer[data-panel=garage] .modal{max-height:calc(100dvh - 24px);width:360px;border-radius:var(--radius-panel)}.in-game .toast{bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-contrast:more){:root,.modal-layer,.toast{--secondary: #424248;--separator: #8a8a90;--material: #fff}}@media(prefers-reduced-transparency:reduce){:root,.modal-layer{--material: #fff;--scrim: #f5f5f7}}:root[data-transparency=reduced],:root[data-quality=low]{--material: #fff;--scrim: #f5f5f7}:root:is([data-transparency=reduced],[data-quality=low]) .modal-layer{--scrim: #f5f5f7}.hud .touch-controls button,.hud .touch-flight button{color:var(--label);background:var(--material);border:1px solid rgba(231,245,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hud .touch-controls button.pressed,.hud .touch-flight button.pressed{background:var(--accent);color:#071521;text-shadow:none}@media(prefers-contrast:more){.in-game{--secondary: #f4faff;--separator: rgba(244,250,255,.6)}}@media(prefers-reduced-transparency:reduce){.in-game{--material: #142738;--subtle: #142738;--scrim: #08141e}.in-game .modal-layer,.hud .icon-button,.hud kbd,.hud .controls-bar>button,.hud .touch-controls button,.hud .touch-flight button,.in-game .toast{backdrop-filter:none;-webkit-backdrop-filter:none}}:root[data-transparency=reduced] .in-game{--material: #142738;--subtle: #142738;--scrim: #08141e}:root[data-transparency=reduced] .in-game .modal-layer,:root[data-quality=low] .in-game .modal-layer,:root:is([data-transparency=reduced],[data-quality=low]) .hud :is(.icon-button,kbd,.controls-bar>button,.touch-controls button,.touch-flight button),:root:is([data-transparency=reduced],[data-quality=low]) .in-game .toast{backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.loading-track:after{width:100%;opacity:.6}}
