:root{--ui-fg: rgba(235, 242, 250, .92);--ui-dim: rgba(235, 242, 250, .55);--ui-accent: #ffb35c;--ui-cool: #6fe3f5}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#04060a;font-family:Segoe UI,system-ui,sans-serif;color:var(--ui-fg);-webkit-user-select:none;user-select:none}#app,#app canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{opacity:0!important;pointer-events:none!important}#hud{position:absolute;inset:0;pointer-events:none;transition:opacity 1.2s ease;z-index:5}.hud-corner{position:absolute;letter-spacing:.14em}.hud-tl{top:26px;left:30px}.hud-tr{top:26px;right:30px;text-align:right}.hud-bl{bottom:22px;left:30px;font-size:11px;color:var(--ui-dim)}.hud-br{bottom:26px;right:30px}.hud-title{font-size:20px;font-weight:600;letter-spacing:.42em;text-shadow:0 1px 12px rgba(0,0,0,.65)}.hud-sub{margin-top:4px;font-size:10px;letter-spacing:.3em;color:var(--ui-accent);opacity:.85}.hud-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;color:var(--ui-dim);line-height:1.7;text-shadow:0 1px 8px rgba(0,0,0,.6)}.key{display:inline-block;padding:2px 6px;margin-right:4px;border:1px solid rgba(235,242,250,.28);border-radius:3px;font-size:10px;color:var(--ui-fg);background:#0a101859}.sep{display:inline-block;width:14px}.fuel-row{display:flex;align-items:center;gap:8px}.fuel-label{font-size:10px;letter-spacing:.3em;color:var(--ui-dim)}.fuel-bar{width:120px;height:3px;background:#ebf2fa2e;border-radius:2px;overflow:hidden}#fuel-fill{height:100%;width:100%;background:linear-gradient(90deg,#ff9a3c,#ffd36e);transition:width .15s linear;border-radius:2px}#vignette-frame{position:absolute;inset:0;box-shadow:inset 0 0 180px #02060c8c}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);opacity:0;transition:opacity .18s ease}#crosshair:before,#crosshair:after,#crosshair span:before,#crosshair span:after{content:"";position:absolute;background:#ebf2facc}#crosshair:before{width:4px;height:1px;left:0;top:6px}#crosshair:after{width:4px;height:1px;right:0;top:6px}#crosshair span:before{width:1px;height:4px;left:6px;top:0}#crosshair span:after{width:1px;height:4px;left:6px;bottom:0}body.pointer-locked #crosshair{opacity:.72}#enter{position:absolute;inset:0;z-index:8;display:grid;place-items:end center;padding-bottom:82px;pointer-events:none;transition:opacity .22s ease}#enter-button{pointer-events:auto;display:grid;gap:7px;min-width:248px;padding:13px 20px 12px;border:1px solid rgba(235,242,250,.45);border-radius:2px;background:#04090fb3;color:var(--ui-fg);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}#enter-button:hover,#enter-button:focus-visible{border-color:var(--ui-accent);background:#08111be0;outline:2px solid rgba(255,179,92,.35);outline-offset:3px}.enter-title{font-size:13px;font-weight:650;letter-spacing:.26em;text-indent:.26em}.enter-sub{font-size:10px;letter-spacing:.13em;color:var(--ui-dim)}#ship-hint{position:absolute;left:50%;bottom:150px;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:11px;letter-spacing:.22em;background:#060b1299;border:1px solid rgba(89,231,255,.4);border-radius:2px;z-index:7;transition:opacity .18s ease}@media(max-width:700px){.hud-tl{top:18px;left:18px}.hud-tr{top:72px;left:18px;right:auto;text-align:left}.hud-bl{display:none}.hud-br{right:18px;bottom:18px}#enter{padding:0 18px 72px}#enter-button{width:min(100%,320px)}}@media(prefers-reduced-motion:reduce){#hud,#boot,#enter,#crosshair,#fuel-fill,#boot-fill{transition:none}.boot-title{animation:none}}#boot{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 110%,#12304a,#071120 48%,#03060c);transition:opacity 1.1s ease}.boot-inner{text-align:center}.boot-title{font-size:34px;font-weight:600;letter-spacing:.55em;text-indent:.55em;animation:breathe 3.2s ease-in-out infinite}.boot-sub{margin-top:14px;font-size:11px;letter-spacing:.38em;text-indent:.38em;color:var(--ui-dim)}.boot-bar{margin:26px auto 0;width:240px;height:2px;background:#ebf2fa24;overflow:hidden;border-radius:1px}#boot-fill{height:100%;width:0%;background:var(--ui-accent);transition:width .25s ease}@keyframes breathe{0%,to{opacity:.82}50%{opacity:1}}#signal-strip{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:11px;letter-spacing:.24em;color:var(--ui-fg);background:#060b126b;border:1px solid rgba(235,242,250,.16);border-radius:2px}.strip-sep{width:1px;height:12px;background:#ebf2fa38}#signal-dist{font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ui-accent)}#flight-tape{position:absolute;right:26px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px 10px;background:#060b126b;border:1px solid rgba(235,242,250,.16);border-radius:2px;transition:opacity .25s ease}.tape-val{display:flex;flex-direction:column;align-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;line-height:1.05;color:var(--ui-fg)}.tape-val small{font-size:8px;letter-spacing:.22em;color:#ebf2fa8c;margin-top:3px}.tape-gauge{display:flex;align-items:flex-end;width:3px;height:112px;background:#ebf2fa2e;border-radius:2px;overflow:hidden}#tape-fill{width:100%;height:0%;background:linear-gradient(180deg,#ff9a3c,#ffd36e);border-radius:2px;transition:height .15s linear}.tape-tag{font-size:8px;letter-spacing:.22em;color:#ebf2fa59}.tape-tag.on{color:#ff9a3c}#toast{position:absolute;top:76px;left:50%;transform:translate(-50%,-6px);padding:8px 16px;font-size:12px;letter-spacing:.3em;text-indent:.3em;color:var(--ui-accent);background:#060b128c;border:1px solid rgba(255,179,92,.4);border-radius:2px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}#scan-box{position:absolute;bottom:96px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:7px;opacity:0;transition:opacity .16s ease}#scan-box.show{opacity:1}.scan-label{font-size:10px;letter-spacing:.3em;color:var(--ui-fg);text-shadow:0 1px 8px rgba(0,0,0,.7)}.scan-bar{width:190px;height:3px;background:#ebf2fa29;border-radius:2px;overflow:hidden}#scan-fill{height:100%;width:0%;background:linear-gradient(90deg,#59e7ff,#b9fbff);border-radius:2px}#signal-marker{position:absolute;left:0;top:0;opacity:0;transition:opacity .25s ease;will-change:transform}.mk-gem{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%) rotate(45deg);border:1.5px solid var(--ui-accent);box-shadow:0 0 10px #ffb35c80,inset 0 0 6px #ffb35c59}.mk-arrow{position:absolute;left:0;top:-26px;transform-origin:50% 26px;translate:-50% 0;font-size:13px;color:var(--ui-accent);opacity:0;transition:opacity .15s ease;text-shadow:0 0 8px rgba(255,179,92,.8)}#signal-marker.edge .mk-arrow{opacity:.95}.mk-tag{position:absolute;top:13px;left:0;transform:translate(-50%);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;color:var(--ui-accent);white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.8)}#ship-marker,#destination-marker{position:absolute;left:0;top:0;opacity:0;transition:opacity .25s ease;will-change:transform}#ship-marker .mk-arrow,#ship-marker .mk-tag{color:var(--ui-cool, #6fe3f5);text-shadow:0 0 8px rgba(111,227,245,.7)}#ship-marker.edge .mk-arrow{opacity:.95}#destination-marker{opacity:1}#destination-marker.edge .mk-arrow{opacity:.95}#destination-marker .mk-tag{white-space:normal;width:240px;text-align:center}.sm-ring{position:absolute;width:15px;height:15px;transform:translate(-50%,-50%);border:1.5px solid rgba(111,227,245,.85);border-radius:50%;box-shadow:0 0 9px #6fe3f573,inset 0 0 5px #6fe3f54d}.sm-ring:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#6fe3f5cc}#complete{position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,#04090f61,#04090fb8);transition:opacity .5s ease}.complete-inner{display:grid;justify-items:center;gap:12px;padding:30px 46px;border:1px solid rgba(255,179,92,.45);background:#050a11c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:2px;text-align:center}.complete-title{font-size:21px;font-weight:600;letter-spacing:.44em;text-indent:.44em;color:var(--ui-accent)}.complete-time{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;letter-spacing:.2em;color:var(--ui-fg)}.complete-sub{font-size:10px;letter-spacing:.32em;color:var(--ui-dim)}#pause,#help,#departure{position:absolute;inset:0;z-index:11;display:grid;place-items:center;background:#03070c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel{position:relative;display:grid;gap:14px;min-width:300px;max-width:min(92vw,420px);padding:26px 30px 20px;border:1px solid rgba(235,242,250,.22);border-radius:2px;background:#050a11e0;box-shadow:0 18px 60px #00000073}.panel.glow{border-color:#ffb35c80;text-align:center}.panel-title{font-size:15px;font-weight:650;letter-spacing:.4em;text-indent:.4em;text-align:center}.panel-title.accent{color:var(--ui-accent)}.panel-foot{font-size:9px;letter-spacing:.26em;color:var(--ui-dim);text-align:center;margin-top:2px}.btn{padding:10px 14px;font:inherit;font-size:12px;letter-spacing:.28em;text-indent:.28em;color:var(--ui-fg);background:#ebf2fa14;border:1px solid rgba(235,242,250,.3);border-radius:2px;cursor:pointer}.btn:hover,.btn:focus-visible{border-color:var(--ui-accent);outline:1px solid rgba(255,179,92,.35);outline-offset:2px}.btn.primary{background:#ffb35c29;border-color:#ffb35c8c}.btn.danger:hover{border-color:#ff6a55;color:#ffd9d2}.btn[disabled]{opacity:.38;cursor:not-allowed}.opt-row{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;color:var(--ui-dim)}.opt-row.check{cursor:pointer}.opt-row input[type=range]{flex:1;accent-color:var(--ui-accent)}.opt-row input[type=checkbox]{accent-color:var(--ui-accent);width:15px;height:15px}.opt-val{min-width:44px;text-align:right;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--ui-fg)}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;font-size:11px;letter-spacing:.06em;color:var(--ui-dim)}.x{position:absolute;top:8px;right:10px;width:26px;height:26px;font-size:13px;line-height:1;color:var(--ui-dim);background:none;border:none;cursor:pointer}.x:hover{color:var(--ui-fg)}@media(max-width:700px){#signal-strip{top:auto;bottom:64px;max-width:calc(100% - 36px)}#toast{top:auto;bottom:118px;width:max-content}}