:root{color:#d8f7ff;background:#02040a;font-family:Helvetica Neue,Avenir Next,system-ui,sans-serif;font-synthesis:none;--cyan: #65d9e8;--orange: #e89554;--panel: rgba(4, 12, 19, .68);--line: rgba(145, 210, 220, .2)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02040a;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}#scene{position:fixed;inset:0;width:100%;height:100%;cursor:crosshair}.vignette,.grain{position:fixed;inset:0;pointer-events:none}.impact-flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 52%,#dafbff33,#66d3e814 38%,#ff854238);mix-blend-mode:screen}.vignette{background:radial-gradient(circle at 50% 46%,transparent 30%,rgba(1,4,11,.1) 58%,rgba(0,1,5,.76) 100%),linear-gradient(180deg,rgba(2,12,24,.08),transparent 32%,rgba(0,0,0,.24))}.grain{opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:screen}.hud-header{position:fixed;top:28px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.eyebrow,.telemetry span,.control-label,.stick-hint,.systems-heading span,.systems-hint,.mission-readout span,.sound-toggle{font:600 9px/1.1 SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#b7e7f494}h1{margin:9px 0 0;font:600 16px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.25em;color:#ddf9ffe6}.mission-readout{display:grid;justify-items:end;gap:8px}.mission-readout strong{font:500 11px/1.2 SFMono-Regular,Consolas,monospace;color:#dbf5f8bf}.pointer-reticle{position:fixed;left:50%;top:50%;width:42px;height:42px;margin:-21px;pointer-events:none;opacity:.7;filter:drop-shadow(0 0 5px rgba(89,230,255,.34));will-change:transform}.pointer-reticle i{position:absolute;width:9px;height:9px;border-color:var(--cyan);border-style:solid}.pointer-reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.pointer-reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.pointer-reticle i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.pointer-reticle i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}.pointer-reticle span{position:absolute;left:19px;top:19px;width:4px;height:4px;border:1px solid var(--cyan);border-radius:50%}.horizon{position:fixed;left:50%;top:50%;width:96px;height:18px;margin:-9px 0 0 -48px;pointer-events:none;opacity:.28}.horizon b,.horizon em{position:absolute;top:8px;width:35px;height:1px;background:#b6edf7}.horizon b{left:0}.horizon em{right:0}.horizon span{position:absolute;left:46px;top:6px;width:5px;height:5px;border:1px solid #b6edf7;transform:rotate(45deg)}.telemetry{position:fixed;right:32px;top:92px;width:246px;padding-right:12px;border-right:1px solid rgba(89,230,255,.28);pointer-events:none}.telemetry-row{display:flex;align-items:baseline;justify-content:space-between}.telemetry strong{font:500 12px/1 SFMono-Regular,Consolas,monospace;color:#dbf8ffd1}.telemetry-row strong{font-size:22px;color:var(--cyan)}.meter{height:2px;margin:7px 0 14px;overflow:hidden;background:#80c3d31f}.meter i{display:block;width:0%;height:100%;background:var(--cyan);transition:width .08s linear}.telemetry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.telemetry-grid div{display:grid;gap:6px}.flight-stick{position:fixed;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));display:grid;gap:10px;width:168px;pointer-events:none}.stick-zone{position:relative;width:150px;height:150px;border:1px solid rgba(101,217,232,.28);border-radius:50%;background:radial-gradient(circle,#173a443d 0 29%,#030c12a3 30% 100%);box-shadow:inset 0 0 0 12px #65d9e806,inset 0 0 0 1px #d6f9ff0d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);pointer-events:auto;touch-action:none;cursor:grab;outline:none}.stick-zone:active{cursor:grabbing}.stick-zone:focus-visible{box-shadow:0 0 0 2px #65d9e880,inset 0 0 0 12px #65d9e806}.stick-guides:before,.stick-guides:after{content:"";position:absolute;left:50%;top:50%;background:#65d9e829;transform:translate(-50%,-50%)}.stick-guides:before{width:1px;height:118px}.stick-guides:after{width:118px;height:1px}.stick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border:1px solid rgba(161,237,245,.7);border-radius:50%;background:radial-gradient(circle at 36% 32%,#b2f4f940,#0a2128eb 64%);box-shadow:inset 0 1px #ebffff38,0 8px 24px #0000006b;will-change:transform}.stick-knob i{position:absolute;inset:20px;border:1px solid rgba(157,234,241,.48);border-radius:50%}.stick-hint{padding-left:20px;color:#b7e7f4d1}.systems-control{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:242px;padding:14px;border:1px solid var(--line);border-radius:4px;background:var(--panel);box-shadow:inset 0 1px #e6feff0f,0 14px 35px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.systems-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.systems-heading strong{font:600 10px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--cyan)}.engine-buttons{display:grid;gap:6px}.engine-buttons button{min-height:48px;border:1px solid rgba(151,211,220,.2);border-radius:2px;color:#cfeaee8f;background:#111c22b8;font:700 11px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.16em;cursor:pointer;transition:transform .14s ease,color .14s ease,border-color .14s ease,background .14s ease}.engine-buttons button:hover{border-color:#65d9e885;color:#e9fdffe6}.engine-buttons button:active{transform:translateY(1px)}.engine-buttons button.active{color:#dffcff;border-color:#65d9e8ad;background:#266f7861}#engine-burn.active{color:#fff0df;border-color:#e89554c7;background:#843f1d8a;box-shadow:inset 0 0 18px #ff9a4a1f}#flight-brake.active{color:#e7fdff;border-color:#65d9e8c7;background:#1c60708a;box-shadow:inset 0 0 18px #65d9e824}.systems-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.systems-hint{display:block;color:#b7e7f4d1}.sound-toggle{padding:4px 0 4px 8px;border:0;color:#b7e7f4d1;background:transparent;cursor:pointer;white-space:nowrap}.sound-toggle:hover{color:#e2fbff}.sound-toggle[aria-pressed=true]{color:#e89554e6}.touch-hint{display:none;position:fixed;left:50%;bottom:18px;transform:translate(-50%)}@media(pointer:coarse),(max-width:720px){.hud-header{top:18px;left:18px;right:18px}.mission-readout,.telemetry{display:none}.flight-stick{left:16px;bottom:18px;width:132px;gap:7px}.stick-zone{width:122px;height:122px}.stick-guides:before{height:96px}.stick-guides:after{width:96px}.stick-knob{width:52px;height:52px;margin:-26px}.systems-control{right:16px;bottom:18px;width:158px;padding:10px}.systems-heading{display:grid;gap:5px}.engine-buttons button{min-height:45px}.pointer-reticle{opacity:.48}}@media(max-height:590px){.control-label,.stick-hint,.systems-hint{display:none}.flight-stick{width:116px}.stick-zone{width:108px;height:108px}.systems-control{width:174px}}@media(prefers-reduced-motion:reduce){.grain,.impact-flash{display:none}.engine-buttons button,.meter i{transition:none}}