:root{font-family:Inter,Arial,sans-serif;color:#edf4f2;background:#0d141c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #a9f0eb;outline-offset:4px}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#0d141c}#game-view,#game-view canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,10,17,.5),transparent 22%,transparent 68%,rgba(3,8,14,.68)),linear-gradient(90deg,rgba(4,10,17,.18),transparent 32%,transparent 68%,rgba(4,10,17,.14))}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:27px 36px;letter-spacing:.14em;font-size:11px;font-weight:800}.brand,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-right{gap:8px}.brand em{font-style:normal;color:#8ce5dd}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1.5px solid #8ce5dd;color:#8ce5dd;font-size:11px;letter-spacing:-.08em;transform:skew(-8deg)}.edition{color:#a9b9bf;font-size:10px}.icon-button{width:36px;height:36px;border:1px solid rgba(234,247,245,.5);background:#0d192380;color:#eaf7f5;font-size:20px;line-height:1}.icon-button:hover{background:#8ee5dd33}.scene-button{min-width:82px;height:36px;padding:0 10px;border:1px solid rgba(234,247,245,.5);background:#0d1923a3;color:#8ce5dd;font-size:10px;font-weight:900;letter-spacing:.08em}.scene-button:hover{background:#8ee5dd33}.hud{position:absolute;z-index:2;inset:0;pointer-events:none}.hud-top{position:absolute;top:96px;left:38px;right:38px;display:flex;align-items:start;justify-content:space-between}.eyebrow{display:block;color:#8ce5dd;font-size:10px;font-weight:800;letter-spacing:.2em}.mission{display:grid;gap:5px;min-width:0;max-width:calc(100% - 170px)}.mission strong{font-size:20px;line-height:1.1;letter-spacing:-.04em}.mission-detail{color:#afc1c6;font-size:12px}.cash-panel{min-width:145px;text-align:right}.cash-panel strong{display:block;margin-top:3px;font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.alert-value{display:block;margin-top:4px;color:#afc1c6;font-size:10px;font-weight:900;letter-spacing:.12em}.alert-value.hot{color:#ff786b}.hud-bottom{position:absolute;left:36px;right:36px;bottom:28px;display:flex;align-items:end;gap:22px}.speed-panel{display:grid;width:184px;line-height:1}.speed-panel>div{display:flex;align-items:baseline;gap:7px}#speed-value{font-size:clamp(54px,5.8vw,84px);font-weight:900;font-style:italic;font-variant-numeric:tabular-nums;letter-spacing:-.1em}.speed-unit{color:#8ce5dd;font-size:14px;font-weight:900;font-style:italic}.speed-caption{color:#afc1c6;font-size:10px;font-weight:800;letter-spacing:.2em}.status-panel{display:grid;gap:8px;padding-bottom:3px;min-width:185px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a9b9bf;font-size:10px;font-weight:800;letter-spacing:.1em}#health-value{color:#8ce5dd;font-size:18px;letter-spacing:.1em;line-height:.8}.meter{width:96px;height:6px;border:1px solid #688186;padding:1px}.meter span{display:block;width:100%;height:100%;background:#8ce5dd}.status-message{color:#e9d3aa;font-size:10px;font-weight:800;letter-spacing:.18em}.map-panel{margin-left:auto;width:200px}.map-panel .eyebrow{padding:0 0 8px}#minimap{display:block;width:200px;height:200px;border:1px solid rgba(157,198,201,.5);background:#111e27}.map-legend{display:flex;align-items:center;gap:6px;padding-top:6px;color:#afc1c6;font-size:9px;font-weight:800;letter-spacing:.09em}.map-legend i,.map-legend b{display:inline-block;width:6px;height:6px;margin-left:3px;background:#8ce5dd;border-radius:50%}.map-legend b{background:#ff654f}.map-legend u{display:inline-block;width:6px;height:6px;margin-left:3px;background:#ffd479;text-decoration:none}.impact{position:absolute;z-index:5;inset:0;pointer-events:none;opacity:0;border:9px solid #ff654f;box-shadow:inset 0 0 70px #ff493480}.impact.flash{animation:hit .55s ease-out}@keyframes hit{0%{opacity:.85}to{opacity:0}}.overlay{position:absolute;z-index:6;inset:0;display:flex;align-items:center;padding:90px min(8vw,108px) 72px;background:linear-gradient(90deg,#060f17f7,#060f17de 33%,#060f1729 79%)}.overlay[hidden]{display:none}.overlay-card{max-width:530px}.overline{color:#8ce5dd;font-size:11px;font-weight:800;letter-spacing:.21em}.overline span{margin:0 8px;color:#8a9ca4}h1{margin:22px 0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(74px,8.7vw,142px);font-weight:900;font-style:italic;line-height:.82;letter-spacing:-.035em;text-transform:uppercase}h1 em{color:#8ce5dd;font-style:inherit}.overlay-card p{max-width:430px;margin:0 0 30px;color:#bccbd0;font-size:15px;line-height:1.55}#start-button{display:flex;align-items:center;justify-content:space-between;width:245px;height:58px;padding:0 21px;border:0;background:#8ce5dd;color:#0a2028;font-size:13px;font-weight:900;letter-spacing:.13em;transition:background .15s,transform .15s}#start-button:hover{background:#bdfffa;transform:translateY(-2px)}#start-button span{font-size:22px;font-weight:400}.overlay-actions{display:flex;flex-wrap:wrap;gap:10px}#garage-button{display:flex;align-items:center;justify-content:space-between;width:140px;height:58px;padding:0 18px;border:1px solid #8ce5dd;background:#081e26a3;color:#8ce5dd;font-size:12px;font-weight:900;letter-spacing:.13em}#garage-button:hover{background:#8ce5dd29}#garage-button span{font-size:21px;font-weight:400}.control-guide{display:grid;gap:8px;margin-top:33px;color:#8ea2aa;font-size:10px;letter-spacing:.05em;line-height:1.4}.control-guide strong{color:#d2e0e0}.overlay-side{position:absolute;right:30px;bottom:30px;writing-mode:vertical-rl;color:#dfedefb3;font-size:10px;font-weight:800;letter-spacing:.18em}.touch-controls{display:none;position:absolute;z-index:4;left:20px;right:20px;bottom:max(18px,env(safe-area-inset-bottom));align-items:end;justify-content:space-between;pointer-events:none}.touch-steer,.touch-drive{display:flex;align-items:end;gap:10px}.touch-controls button{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(201,233,232,.6);border-radius:8px;background:#0b1b25c7;color:#e7f5f2;font-size:28px;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none}.touch-controls .boost-button{width:56px;height:48px;font-size:10px;color:#8ce5dd}.touch-controls [data-control=brake]{width:58px;height:58px;font-size:11px}.touch-controls .accelerate-button{width:72px;height:72px;border-color:#8ce5dd;background:#4eb7b0d6;color:#08212a;font-size:19px}.touch-controls button.pressed{background:#a5f1ea;color:#09202a;transform:scale(.96)}.garage{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:20px;background:#030b12e0}.garage[hidden]{display:none}.garage-frame{width:min(760px,100%);max-height:min(760px,calc(100dvh - 40px));overflow-y:auto;padding:32px;border:1px solid rgba(140,229,221,.54);background:#10202a;box-shadow:0 26px 80px #0000007a}.garage-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.garage h2{margin:7px 0 0;font-family:Impact,Arial Narrow,sans-serif;font-size:48px;font-style:italic;letter-spacing:.01em}#garage-close{width:40px;height:40px;border:1px solid #667e83;background:transparent;color:#e7f5f2;font-size:18px}.garage-intro{max-width:590px;margin:14px 0 22px;color:#afc1c6;font-size:14px;line-height:1.5}.garage-balance{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;color:#8ce5dd;font-size:10px;font-weight:900;letter-spacing:.17em}.garage-balance strong{font-size:23px;letter-spacing:0}.garage-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.garage-car{display:flex;flex-direction:column;gap:12px;min-height:228px;padding:17px;border:1px solid #465e65;background:#152a34}.garage-car.active{border-color:#8ce5dd}.garage-car-head{display:grid;gap:5px}.garage-car-head span{color:#f4f8f6;font-size:17px;font-weight:900}.garage-car-head strong{color:#ffd479;font-size:11px;letter-spacing:.09em}.garage-car p{margin:0;color:#afc1c6;font-size:12px}.garage-specs{display:grid;gap:7px;margin-top:auto}.garage-specs span{display:flex;justify-content:space-between;gap:7px;color:#9fb4ba;font-size:9px;font-weight:800;letter-spacing:.04em}.garage-specs b{color:#e9f5f3}.garage-car button{min-height:37px;border:0;background:#8ce5dd;color:#0a2028;font-size:11px;font-weight:900;letter-spacing:.1em}.garage-car button:disabled{cursor:default;background:#41545b;color:#aabcc0}.garage-message{min-height:18px;margin:15px 0 0;color:#ffd479;font-size:11px;font-weight:900;letter-spacing:.1em}@media(pointer:coarse){.touch-controls{display:flex}.hud-bottom{bottom:112px}}@media(max-width:700px){.topbar{padding:18px;font-size:9px}.brand{gap:8px}.topbar-right{gap:5px}.icon-button{width:32px;height:32px}.scene-button{min-width:66px;height:32px;padding:0 5px;font-size:8px}.edition{display:none}.hud-top{top:74px;left:18px;right:18px}.mission strong{font-size:15px}.mission-detail{max-width:150px;font-size:10px}.cash-panel{min-width:116px}.cash-panel strong{font-size:25px}.alert-value{max-width:120px;margin-left:auto;font-size:8px;line-height:1.2}.hud-bottom{left:18px;right:18px;bottom:20px;gap:12px}.speed-panel{width:114px}#speed-value{font-size:56px}.speed-unit{font-size:11px}.status-panel{min-width:155px}.status-row{font-size:8px}.meter{width:65px}.map-panel{position:absolute;right:0;bottom:128px;width:140px}#minimap{width:140px;height:140px}.map-legend{font-size:7px}.overlay{padding:80px 26px 40px;background:linear-gradient(90deg,#060f17f5,#060f17c2)}.overlay-card{width:100%}h1{font-size:clamp(64px,16vw,104px)}.overlay-card p{max-width:330px;font-size:14px}.overlay-side{display:none}.control-guide{margin-top:26px;font-size:9px}.touch-controls{left:12px;right:12px}.touch-controls button{width:57px;height:57px}.touch-controls .accelerate-button{width:66px;height:66px}.touch-controls .boost-button{width:48px}.touch-controls [data-control=brake]{width:52px}.garage-frame{padding:22px}.garage h2{font-size:38px}.garage-list{grid-template-columns:1fr}.garage-car{min-height:0}}@media(max-width:700px)and (pointer:coarse){.hud-bottom{bottom:97px}.map-panel{bottom:116px}}@media(max-height:550px)and (pointer:coarse){.topbar{padding:12px 20px}.hud-top{top:54px}.mission-detail,.map-panel,.control-guide,.overlay-side{display:none}.hud-bottom{bottom:78px}#speed-value{font-size:46px}.touch-controls{bottom:max(12px,env(safe-area-inset-bottom))}.touch-controls button{width:52px;height:52px}.touch-controls .accelerate-button{width:62px;height:62px}.overlay{align-items:center;padding:28px 8vw}.overlay-card{max-width:460px}h1{margin:12px 0;font-size:clamp(58px,8vw,74px)}.overlay-card p{max-width:440px;margin-bottom:14px;font-size:12px;line-height:1.4}#start-button{width:210px;height:45px;font-size:11px}#garage-button{height:45px}.garage-frame{max-height:calc(100dvh - 20px);padding:16px}.garage h2{font-size:31px}.garage-intro{margin:8px 0 12px;font-size:11px}.garage-list{grid-template-columns:repeat(3,1fr)}.garage-car{gap:6px;padding:9px}.garage-car-head span{font-size:13px}.garage-car p{font-size:10px}.garage-specs span{font-size:8px}}