*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#020308;font-family:Segoe UI,system-ui,sans-serif;color:#cdd3da}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#ui-root{position:absolute;inset:0;pointer-events:none}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 65%,#060a12d1,#010205f5);pointer-events:auto;z-index:20;text-align:center;padding:24px}.logo{font-size:clamp(42px,8vw,84px);letter-spacing:.28em;font-weight:200;color:#d7dee8;text-shadow:0 0 22px rgba(120,160,220,.35),0 0 90px rgba(60,90,140,.25)}.tagline{color:#6d7684;max-width:460px;font-size:14px;margin-bottom:18px}.foot{color:#4a515c;font-size:12px;margin-top:26px}.muted{color:#6d7684;font-size:13px}.btns{display:flex;flex-direction:column;gap:10px;min-width:260px}.btns button,.setting-row input{pointer-events:auto}button{font:inherit;font-size:15px;letter-spacing:.08em;padding:12px 26px;color:#cdd3da;background:#141a24d9;border:1px solid #2c3644;border-radius:3px;cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#263040e6;border-color:#45566c}button.danger{border-color:#5c2c28;color:#c98b82}button.danger:hover{background:#461c1880}h2{font-weight:300;letter-spacing:.2em;color:#b9c2cd}.setting-row{display:flex;align-items:center;justify-content:space-between;width:320px;gap:16px;font-size:14px;color:#8b95a1}.setting-row input{width:170px;accent-color:#5d7d9c}.end-title{font-size:40px;letter-spacing:.35em;font-weight:200;color:#d7dee8}.end-body{max-width:520px;color:#8b95a1;line-height:1.6;font-size:15px}.end-stats{display:flex;flex-direction:column;gap:4px;margin:12px 0;min-width:300px}.stat-row{display:flex;justify-content:space-between;font-size:13px;color:#6d7684}.stat-row b{color:#b9c2cd;font-weight:500}.hud{position:absolute;inset:0;z-index:10}.gps-panel{position:absolute;right:22px;bottom:20px;background:#060b09;border:2px solid #1d2b26;border-radius:6px;padding:6px 6px 3px;box-shadow:0 0 24px #000000b3,inset 0 0 14px #143c2d40;transition:transform .2s}.gps-panel canvas{display:block;border-radius:3px}.gps-panel.expanded{transform:scale(1.06)}.radio-ind{font-family:Courier New,monospace;font-size:11px;color:#57806c;text-align:center;padding:3px 0 2px;letter-spacing:.12em}.radio-ind.flash{color:#9fe8c8}.speedo{position:absolute;left:26px;bottom:22px;display:flex;align-items:baseline;gap:8px;font-family:Courier New,monospace;text-shadow:0 0 12px rgba(180,210,170,.25)}.speed-num{font-size:46px;color:#c9d2b8;min-width:84px;text-align:right}.speed-unit{font-size:14px;color:#6d7566}.meters{position:absolute;left:26px;bottom:88px;display:flex;flex-direction:column;gap:6px}.meter{display:flex;align-items:center;gap:8px}.meter-label{font-size:10px;letter-spacing:.15em;color:#5d6558;font-family:Courier New,monospace;width:34px}.bar{width:110px;height:7px;background:#181e18e6;border:1px solid #2a322a}.fill{height:100%;transition:width .3s}.fill.fuel{background:#7d9662}.fill.dmg{background:#8a5c3a}.fill.low{background:#b2483a;animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.45}}.objective{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:12.5px;letter-spacing:.12em;color:#7d8794;background:#05080e8c;padding:5px 16px;border-radius:2px;max-width:70vw;text-align:center}.prompt{position:absolute;bottom:190px;left:50%;transform:translate(-50%);font-size:15px;color:#e4d9b8;background:#0a0c08bf;border:1px solid #4a4432;padding:8px 20px;border-radius:3px;opacity:0;transition:opacity .2s}.prompt.show{opacity:1}.subtitles{position:absolute;bottom:66px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;width:min(760px,86vw)}.sub{font-size:16.5px;line-height:1.45;text-align:center;color:#dfe4ea;background:#030509b8;padding:6px 18px;border-radius:3px;text-shadow:0 1px 3px #000;animation:subIn .25s ease-out}.sub-gps{color:#b6ead2}.sub-radio{color:#d9c9a8;font-style:italic}.sub-tag{font-size:10px;letter-spacing:.2em;opacity:.6;margin-right:10px;font-style:normal;vertical-align:2px}@keyframes subIn{0%{opacity:0;transform:translateY(6px)}}.chapter-title{position:absolute;top:26vh;left:0;right:0;text-align:center;font-size:30px;font-weight:200;letter-spacing:.34em;color:#cfd8e4;opacity:0;pointer-events:none;text-shadow:0 0 30px rgba(100,140,200,.3)}.chapter-title.show{animation:chapterFade 6s ease-in-out forwards}@keyframes chapterFade{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0}}.guide{position:absolute;top:60px;right:26px;font-size:12.5px;line-height:2;color:#78818d;background:#05080e99;border:1px solid #202a36;padding:10px 16px;border-radius:3px}.guide b{color:#aeb8c4;font-weight:600}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,transparent 52%,rgba(0,0,0,.55) 100%)}