:root{color-scheme:dark;--bg: #060912;--panel: rgba(8, 14, 27, .72);--panel-strong: rgba(10, 18, 34, .92);--line: rgba(144, 235, 255, .26);--text: #eef8ff;--muted: #9fb6c6;--cyan: #35dbff;--green: #39ee94;--violet: #a97cff;--danger: #ff557c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at 50% 10%,#102344,var(--bg) 64%)}button{color:inherit;font:inherit}#game-canvas{position:fixed;inset:0;display:block;width:100vw;height:100vh;background:#050914;touch-action:none}#top-overlay{pointer-events:none;position:fixed;inset:0;z-index:5}.top-progress,.top-actions,#toast{position:fixed}.top-progress{top:14px;left:14px;width:min(280px,calc(100vw - 160px))}.top-progress span{display:block;margin-bottom:6px;overflow:hidden;color:var(--text);font-size:12px;font-weight:900;text-shadow:0 1px 10px rgba(0,0,0,.65);text-overflow:ellipsis;white-space:nowrap}.top-progress i{display:block;height:3px;overflow:hidden;border-radius:999px;background:#ffffff2e}.top-progress b{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transform:scaleX(0);transform-origin:left center}.top-actions{pointer-events:auto;top:14px;right:14px;display:flex;gap:6px}.top-actions button,#launch-button,#touch-controls button{border:1px solid rgba(151,236,255,.32);background:#142036db;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.top-actions button{width:34px;height:30px;border-radius:6px;font-size:12px;font-weight:900}.top-actions button:hover,#launch-button:hover,#touch-controls button:active{border-color:#90ebffb3;background:#274467f0;transform:translateY(-1px)}.top-actions button[data-quality=low]{color:#ffd56f}#cockpit{pointer-events:none;position:fixed;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-columns:minmax(150px,1fr) minmax(190px,1.15fr) minmax(150px,1fr);align-items:center;gap:min(3vw,34px);height:28vh;padding:14px clamp(16px,4vw,54px);border-top:2px solid rgba(207,213,220,.2);background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 18%,rgba(255,255,255,.06) 36%,transparent 55%),linear-gradient(180deg,#ffffff1f,#00000038),linear-gradient(135deg,#3a4250,#5a6270);box-shadow:inset 0 18px 28px #ffffff14,inset 0 -26px 38px #00000047,0 -18px 40px #0000005c}#cockpit:before{content:"";position:absolute;inset:8px 12px;border:1px solid rgba(207,213,220,.2);border-radius:8px;box-shadow:inset 0 0 20px #0000003d}.cockpit-panel,.gauge-wrap{position:relative;z-index:1}.lcd-panel{justify-self:center;display:grid;width:min(230px,100%);gap:10px;padding:16px;border:1px solid rgba(207,213,220,.24);border-radius:8px;background:linear-gradient(180deg,#262d38bd,#14181eb8);box-shadow:inset 0 1px #ffffff24,inset 0 -12px 24px #00000038}.lcd-readout{display:grid;min-height:54px;place-items:center;border:2px solid rgba(127,255,100,.22);border-radius:5px;background:#0a1410;color:#7fff64;font-family:Consolas,Lucida Console,monospace;font-size:clamp(24px,3vw,36px);font-weight:900;letter-spacing:0;text-shadow:0 0 10px rgba(127,255,100,.48);box-shadow:inset 0 0 18px #000000d1}.lcd-panel span{color:#eef8ffc7;font-size:11px;font-weight:900;letter-spacing:0;text-align:center}.gauge-wrap{justify-self:center;display:grid;grid-template-columns:12px minmax(160px,180px) 12px;align-items:center;gap:14px}.led{display:block;width:10px;height:10px;border-radius:50%;background:#7fff64;box-shadow:0 0 10px #7fff64,0 0 20px #7fff6494}.round-gauge{position:relative;width:180px;aspect-ratio:1;border:2px solid rgba(207,213,220,.22);border-radius:50%;background:radial-gradient(circle at 50% 48%,#111a26 0 36%,#080c13 37% 62%,#1e2733 63% 100%);box-shadow:inset 0 5px 16px #ffffff1a,inset 0 -12px 26px #0000006b,0 8px 20px #00000042}.speed-segments{position:absolute;inset:0}.speed-segment{position:absolute;top:8px;left:50%;width:8px;height:26px;border-radius:4px;background:#7a3d8e3d;transform-origin:50% 82px;box-shadow:inset 0 0 8px #00000059}.speed-segment.active{background:linear-gradient(180deg,#8bc5ff,#7a3d8e);box-shadow:0 0 10px #7a3d8eb3}.speed-segment:nth-child(1){transform:translate(-50%) rotate(-135deg)}.speed-segment:nth-child(2){transform:translate(-50%) rotate(-105deg)}.speed-segment:nth-child(3){transform:translate(-50%) rotate(-75deg)}.speed-segment:nth-child(4){transform:translate(-50%) rotate(-45deg)}.speed-segment:nth-child(5){transform:translate(-50%) rotate(-15deg)}.speed-segment:nth-child(6){transform:translate(-50%) rotate(15deg)}.speed-segment:nth-child(7){transform:translate(-50%) rotate(45deg)}.speed-segment:nth-child(8){transform:translate(-50%) rotate(75deg)}.speed-segment:nth-child(9){transform:translate(-50%) rotate(105deg)}.speed-segment:nth-child(10){transform:translate(-50%) rotate(135deg)}.speed-needle{position:absolute;top:9px;left:50%;z-index:3;width:2px;height:calc(50% - 10px);border-radius:999px;background:#eef8ff;transform:translate(-50%) rotate(-135deg);transform-origin:50% 100%;box-shadow:0 0 8px #eef8ffcc}.resource-rings{position:absolute;inset:0;transform:rotate(-90deg)}.ring-track,.ring-fill{fill:none;stroke-linecap:round}.ring-track{stroke:#ffffff1f}.oxygen-track,.oxygen-fill{stroke-width:8}.fuel-track,.fuel-fill{stroke-width:9}.oxygen-fill{stroke:#15c8ff;stroke-dasharray:100;stroke-dashoffset:0}.fuel-fill{stroke:url(#fuel-gradient);stroke-dasharray:100;stroke-dashoffset:0}.gauge-labels{position:absolute;inset:50% auto auto 50%;z-index:4;display:grid;gap:3px;width:64px;transform:translate(-50%,-50%);color:var(--text);font-size:11px;font-weight:900;line-height:1;text-align:center;text-shadow:0 0 8px rgba(238,248,255,.34)}.gauge-labels span{display:block}#toast{left:50%;bottom:calc(28vh + 18px);max-width:min(340px,calc(100vw - 32px));padding:9px 14px;border-radius:999px;color:var(--text);font-size:13px;font-weight:800;opacity:0;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease}#toast.visible{opacity:1;transform:translate(-50%)}.overlay{pointer-events:none;position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .18s ease}.overlay.visible{pointer-events:auto;opacity:1}.overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02050c40,#02050cb8)}.overlay-panel{position:relative;width:min(460px,calc(100vw - 32px));padding:24px;border:1px solid rgba(144,235,255,.32);border-radius:8px;background:var(--panel-strong);box-shadow:0 28px 90px #0000006b,inset 0 0 50px #3ad8ff14}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,7vw,58px);line-height:.95;letter-spacing:0}#overlay-message{margin:14px 0 18px;color:#cae4f4;font-size:15px;line-height:1.5}.key-grid{display:grid;grid-template-columns:74px 1fr;gap:8px 12px;margin-bottom:20px;color:var(--muted);font-size:13px}.key-grid b{color:var(--text);font-weight:800}#launch-button{width:100%;height:46px;border-radius:8px;color:#f5fcff;font-weight:900;text-transform:uppercase;letter-spacing:0}.crash-log-btn{width:100%;height:36px;margin-top:8px;background:transparent;border:1px solid rgba(151,236,255,.2);border-radius:8px;color:#cae4f499;font:600 11px/1 inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.crash-log-btn:hover{background:#97ecff0f;border-color:#97ecff66;color:#cae4f4d9}#touch-controls{display:none}#throttle-pad{position:fixed;left:14px;bottom:calc(28vh + 16px);z-index:6;display:none;flex-direction:column;gap:10px}#throttle-pad button{width:64px;height:64px;border:1px solid rgba(151,236,255,.42);border-radius:14px;background:#142036c7;color:var(--text);font-size:30px;font-weight:900;line-height:1;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 18px #00000052,inset 0 1px #ffffff1f}#throttle-pad button:active{background:#274467f0;border-color:#90ebffd9;transform:translateY(1px)}@media(pointer:coarse){#throttle-pad{display:flex}}@media(max-width:860px){.top-progress{top:10px;left:10px;width:min(240px,calc(100vw - 148px))}.top-actions{top:10px;right:10px}#cockpit{grid-template-columns:1fr 1.1fr 1fr;gap:12px;padding:10px 12px}.lcd-panel{padding:10px}.lcd-readout{min-height:42px;font-size:22px}.round-gauge{width:164px}.speed-segment{transform-origin:50% 74px}#toast{bottom:calc(28vh + 12px)}}@media(max-width:520px){#cockpit{grid-template-columns:.8fr 1fr .8fr;gap:8px;padding:8px}.lcd-panel{padding:7px}.lcd-readout{min-height:34px;font-size:16px}.lcd-panel span{font-size:8px}.gauge-wrap{grid-template-columns:8px 132px 8px;gap:6px}.round-gauge{width:132px}.speed-segment{top:6px;width:6px;height:19px;transform-origin:50% 60px}.gauge-labels{width:54px;font-size:9px}.overlay-panel{padding:20px}.key-grid{grid-template-columns:62px 1fr;font-size:12px}}