:root{--hud-cyan:#8fe9ff;--hud-dim:#8fe9ff73;--hud-warm:#ffd9a0;--edge-t:calc(14px + env(safe-area-inset-top));--edge-r:calc(16px + env(safe-area-inset-right));--edge-b:calc(16px + env(safe-area-inset-bottom));--edge-l:calc(16px + env(safe-area-inset-left));--z-hud:10;--z-pills:20;--z-touch:25;--z-toasts:30;--z-panels:40;--z-top:50}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;cursor:default;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#000;width:100%;height:100%;font-family:Rajdhani,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;z-index:10;transition:opacity .6s;position:fixed;inset:0}.corner{border:1px solid var(--hud-dim);opacity:.7;width:34px;height:34px;position:absolute}.corner.tl{border-bottom:none;border-right:none;top:22px;left:22px}.corner.tr{border-bottom:none;border-left:none;top:22px;right:22px}.corner.bl{border-top:none;border-right:none;bottom:22px;left:22px}.corner.br{border-top:none;border-left:none;bottom:22px;right:22px}.crosshair{background:#8fe9ff8c;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #8fe9ffcc}.mode-ground .crosshair{opacity:.45}.hud-left{color:var(--hud-cyan);text-shadow:0 0 12px #8fe9ff80;position:absolute;bottom:42px;left:42px}.speed-label{letter-spacing:4px;opacity:.6;font-size:11px;font-weight:500}.speed-value{font-variant-numeric:tabular-nums;font-size:44px;font-weight:300;line-height:1.05}.speed-value .unit{opacity:.6;letter-spacing:2px;margin-left:6px;font-size:14px}.throttle-track{background:#8fe9ff26;width:170px;height:3px;margin-top:8px}.throttle-fill{background:var(--hud-cyan);width:0%;height:100%;transition:width .12s linear,background .3s;box-shadow:0 0 10px #8fe9ffe6}.throttle-fill.boosting{background:#ffd9a0;box-shadow:0 0 14px #ffd9a0f2}.hud-right{text-align:right;color:var(--hud-cyan);text-shadow:0 0 12px #8fe9ff80;position:absolute;bottom:42px;right:42px}.nearest-label{letter-spacing:4px;opacity:.6;font-size:11px;font-weight:500}.nearest-value{letter-spacing:2px;font-size:26px;font-weight:500}.nearest-dist{opacity:.75;font-variant-numeric:tabular-nums;font-size:14px}.prompt{z-index:var(--z-pills);letter-spacing:2.5px;color:#fff;text-shadow:0 0 16px #8fe9ffe6;opacity:0;white-space:nowrap;font-size:19px;font-weight:500;transition:opacity .25s,transform .25s;position:absolute;bottom:17%;left:50%;transform:translate(-50%)translateY(6px)}.prompt.visible{opacity:1;transform:translate(-50%)translateY(0)}.prompt .key{background:#8fe9ff1f;border:1px solid #ffffffb3;border-radius:4px;margin-right:8px;padding:0 7px;font-size:15px;display:inline-block}.banner{text-align:center;opacity:0;pointer-events:none;transition:opacity 1.1s;position:absolute;top:24%;left:0;right:0}.banner.visible{opacity:1}.banner-title{letter-spacing:22px;text-indent:22px;color:#fff;text-shadow:0 0 30px #8fe9ffa6;text-transform:uppercase;font-size:54px;font-weight:300}.banner-sub{letter-spacing:6px;color:var(--hud-cyan);opacity:.85;text-transform:uppercase;margin-top:6px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:300}.dialogue{z-index:var(--z-panels);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:linear-gradient(160deg,#08141cd1,#040a10e0);border:1px solid #8fe9ff47;border-radius:10px;width:min(680px,80vw);padding:18px 26px 14px;transition:opacity .3s,transform .3s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 0 40px #00000080,inset 0 0 30px #8fe9ff0a}.dialogue.visible{opacity:1;transform:translate(-50%)translateY(0)}.dialogue-name{letter-spacing:3px;color:var(--hud-warm);text-transform:uppercase;margin-bottom:7px;font-size:14px;font-weight:600}.dialogue-text{color:#e8f4f8;min-height:52px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:300;line-height:1.55}.dialogue-hint{letter-spacing:2px;color:var(--hud-dim);text-align:right;margin-top:9px;font-size:11px}.dialogue-choices{margin-top:12px;display:none}.dialogue-choices.visible{display:block}.dialogue-choice{color:#cfeef5;padding:5px 0;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:300}.dialogue-choice .key{color:var(--hud-warm);background:#ffd9a014;border:1px solid #ffd9a099;border-radius:4px;margin-right:10px;padding:0 6px;font-size:12px;display:inline-block}.toasts{z-index:var(--z-toasts);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:70px;right:42px}.toast{letter-spacing:1.5px;color:#e8f4f8;opacity:0;text-shadow:0 0 10px #ffd9a066;background:linear-gradient(160deg,#08141cd9,#040a10e6);border:1px solid #ffd9a059;border-radius:7px;max-width:340px;padding:9px 14px;font-size:13px;transition:opacity .5s,transform .5s;transform:translate(14px)}.toast.visible{opacity:1;transform:translate(0)}.journal{z-index:var(--z-panels);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:linear-gradient(160deg,#08141ceb,#040a10f2);border:1px solid #8fe9ff47;border-radius:10px;width:min(560px,84vw);max-height:70vh;padding:22px 28px 16px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.98);box-shadow:0 0 50px #0009}.journal.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.journal-title{letter-spacing:5px;color:var(--hud-warm);margin-bottom:12px;font-size:15px;font-weight:600}.journal-loc{letter-spacing:3px;color:var(--hud-cyan);text-transform:uppercase;margin-bottom:14px;font-size:12px}.journal-entry{margin-bottom:14px}.journal-entry-title{letter-spacing:2px;color:#e8f4f8;text-transform:uppercase;font-size:13px;font-weight:600}.journal-entry-text{color:#e8f4f8bf;margin-top:3px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:300;line-height:1.5}.journal-empty{color:#e8f4f88c;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:300}.journal-discoveries{letter-spacing:2px;color:var(--hud-dim);border-top:1px solid #8fe9ff26;margin-top:10px;padding-top:10px;font-size:11px}.journal-hint{letter-spacing:2px;color:var(--hud-dim);text-align:right;margin-top:9px;font-size:11px}.credits-readout{letter-spacing:2px;color:var(--hud-warm);text-shadow:0 0 10px #ffd9a066;min-height:18px;margin-top:10px;font-size:14px;font-weight:600}.overlay-tabs{gap:18px;margin-bottom:14px;display:flex}.overlay-tab{letter-spacing:4px;color:var(--hud-dim);border-bottom:1px solid #0000;padding-bottom:3px;font-size:13px;font-weight:600}.overlay-tab.active{color:var(--hud-warm);border-bottom-color:var(--hud-warm)}.overlay-section{letter-spacing:3px;color:var(--hud-cyan);border-bottom:1px solid #8fe9ff1f;margin:14px 0 8px;padding-bottom:4px;font-size:11px}.journal-entry.closed{opacity:.45}.journal-entry.unscanned{opacity:.3;margin-bottom:6px}.thread-dot{background:var(--hud-warm);width:7px;height:7px;box-shadow:0 0 8px var(--hud-warm);border-radius:50%;margin-right:8px;animation:2.4s ease-in-out infinite threadpulse;display:inline-block}@keyframes threadpulse{0%,to{opacity:1}50%{opacity:.35}}.hold-credits{color:var(--hud-warm);margin-bottom:12px;font-size:26px;font-weight:600}.hold-credits .unit{letter-spacing:2px;color:var(--hud-dim);margin-left:8px;font-size:12px}.hold-grid{grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:14px;display:grid}.hold-card{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#1e303ce6,#060c12f2);border:1px solid #8fe9ff24;border-radius:8px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.hold-card .item-icon{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hold-card.selected{z-index:1;border-color:#8fe9ffcc;transform:scale(1.06);box-shadow:0 0 18px #8fe9ff59,inset 0 0 12px #8fe9ff1f}.hold-card-count{color:#e8f4f8;background:#02060ad1;border:1px solid #8fe9ff40;border-radius:4px;padding:0 5px;font-size:11px;font-weight:600;position:absolute;bottom:3px;right:4px}.rarity-border-common{border-bottom:2px solid #c9dce473}.rarity-border-uncommon{border-bottom:2px solid #7fe9b0b3}.rarity-border-rare{border-bottom:2px solid #c9a8ffbf}.rarity-border-singular{border-bottom:2px solid #ffd9a0e6;box-shadow:0 0 14px #ffd9a02e}.hold-detail{border-top:1px solid #8fe9ff24;min-height:64px;padding-top:10px}.hold-detail-top{align-items:baseline;gap:12px;display:flex}.hold-tag{letter-spacing:2.5px;color:var(--hud-dim);text-transform:uppercase;border:1px solid #8fe9ff38;border-radius:3px;padding:1px 6px;font-size:10px}.hold-value{color:var(--hud-warm);margin-left:auto;font-size:13px;font-weight:600}.hold-detail-desc{color:#e8f4f8b8;margin-top:5px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:300;line-height:1.45}.hold-name{letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:600}.rarity-common{color:#c9dce4}.rarity-uncommon{color:#7fe9b0}.rarity-rare{color:#c9a8ff}.rarity-singular{color:var(--hud-warm);text-shadow:0 0 10px #ffd9a080}.trade-body{min-height:120px}.trade-row{border-radius:4px;align-items:center;gap:12px;margin:0 -10px;padding:5px 10px;display:flex}.trade-icon{object-fit:cover;border:1px solid #8fe9ff2e;border-radius:6px;flex-shrink:0;width:34px;height:34px}.trade-row.selected{background:#8fe9ff1a;outline:1px solid #8fe9ff40}.trade-row.dim{opacity:.4}.trade-have{color:var(--hud-dim);margin-left:auto;font-size:12px}.trade-price{color:var(--hud-warm);text-align:right;min-width:54px;font-size:14px;font-weight:600}.toast .toast-icon{object-fit:cover;vertical-align:middle;border:1px solid #8fe9ff40;border-radius:5px;width:26px;height:26px;margin-right:9px}.hint-toast{border-left:2px solid #ffd9a08c;font-family:Space Grotesk,sans-serif;font-style:italic;font-weight:300;text-transform:none!important;letter-spacing:.6px!important;color:#c8e4f0d9!important}.guide-entry{align-items:flex-start;gap:12px;display:flex}.guide-icon{object-fit:cover;border:1px solid #8fe9ff33;border-radius:7px;flex-shrink:0;width:42px;height:42px;margin-top:2px}.guide-entry-body{flex:1;min-width:0}.scanprompt{z-index:var(--z-pills);letter-spacing:3px;color:#8fe9ffbf;text-shadow:0 0 12px #000000e6;opacity:0;white-space:nowrap;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(17% - 34px);left:50%;transform:translate(-50%)}.scanprompt.visible{opacity:1}.scanprompt .key{border:1px solid #8fe9ff80;border-radius:3px;margin-right:8px;padding:1px 7px;font-weight:600;display:inline-block}.touch-ui{display:none}.touch .touch-ui{display:block}.touch-btn{color:#c8e8f4e6;letter-spacing:2px;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 35%,#182c388c,#040a10a6);border:1px solid #8fe9ff59;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;box-shadow:0 0 18px #0006}.touch-btn.held{background:radial-gradient(circle at 50% 35%,#40788cb3,#0a1820cc);border-color:#8fe9ffcc;box-shadow:0 0 22px #8fe9ff59}.menu-btn{z-index:var(--z-top);top:var(--edge-t);right:var(--edge-r);border-radius:12px;width:44px;height:44px;font-size:18px;position:absolute}.thrust-slider{z-index:var(--z-touch);right:var(--edge-r);bottom:calc(var(--edge-b) + 14px);text-align:center;pointer-events:auto;touch-action:none;width:64px;padding:6px 0;display:none;position:absolute}.mode-flight-touch .thrust-slider{display:block}.thrust-label{letter-spacing:2px;color:var(--hud-dim);padding:3px 0;font-size:9px}.thrust-track{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#182c3880,#040a1099);border:1px solid #8fe9ff59;border-radius:20px;width:40px;height:128px;margin:2px auto;position:relative}.thrust-knob{background:radial-gradient(circle at 50% 35%,#406e82e6,#0e1e28f2);border:1px solid #8fe9ff99;border-radius:50%;width:34px;height:34px;margin-top:-17px;transition:transform 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%);box-shadow:0 0 14px #00000080}.thrust-slider.active .thrust-knob{border-color:#8fe9fff2;box-shadow:0 0 18px #8fe9ff66}.thrust-slider.boosting .thrust-knob{border-color:var(--hud-warm);box-shadow:0 0 22px #ffd9a0a6}.touch-cluster{display:none}#hud-walk-cluster{z-index:var(--z-touch);right:var(--edge-r);bottom:calc(var(--edge-b) + 18px);pointer-events:none;width:96px;height:96px;position:absolute}#hud-walk-cluster .touch-btn{font-size:14px;position:absolute;inset:0}.mode-walk-touch #hud-walk-cluster{display:block}.stick-hint{z-index:var(--z-touch);left:calc(var(--edge-l) + 16px);bottom:calc(var(--edge-b) + 16px);pointer-events:none;border:1px dashed #8fe9ff38;border-radius:50%;width:96px;height:96px;display:none;position:absolute}.mode-walk-touch .stick-hint{display:block}.prompt.tappable,.scanprompt.visible,.dialogue.visible,.journal.visible,.trade.visible{pointer-events:auto}.panel-close{text-align:center;width:34px;height:34px;color:var(--hud-dim);border:1px solid #8fe9ff4d;border-radius:10px;font-size:15px;line-height:34px;display:none;position:absolute;top:10px;right:12px}.touch .panel-close{display:block}.touch .hud-frame,.touch .controls-hint,.touch .prompt .key,.touch .scanprompt .key{display:none}.touch .toasts{right:auto;left:var(--edge-l);top:var(--edge-t);align-items:flex-start;max-width:min(62vw,420px)}.touch .toast{text-align:left;font-size:11px}.touch .hud-left{left:var(--edge-l);bottom:calc(var(--edge-b) + 128px);transform-origin:0 100%;transform:scale(.82)}.touch .hud-right{right:calc(var(--edge-r) + 84px);bottom:calc(var(--edge-b) + 14px);transform-origin:100% 100%;transform:scale(.82)}.touch .prompt.tappable{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061018a8;border:1px solid #8fe9ff73;border-radius:999px;padding:12px 24px;font-size:16px}.touch .scanprompt.visible{background:#0610188c;border:1px solid #8fe9ff4d;border-radius:999px;padding:9px 18px}.touch .dialogue-choice{border-bottom:1px solid #8fe9ff14;padding:11px 10px}.touch .trade-row{padding:11px 10px}.touch .overlay-tab{padding:8px 6px 5px;font-size:14px}.touch .dialogue{width:auto;padding:18px 22px calc(12px + env(safe-area-inset-bottom));border-bottom:none;border-left:none;border-right:none;border-radius:18px 18px 0 0;bottom:0;left:0;right:0;transform:translateY(14px)}.touch .dialogue.visible{transform:translateY(0)}.touch .journal,.touch .trade{width:auto;max-height:none;padding:calc(var(--edge-t) + 44px) 22px calc(var(--edge-b) + 8px) 22px;border:none;border-radius:0;inset:0;transform:none}.touch .journal.visible,.touch .trade.visible{transform:none}.touch.ui-busy .thrust-slider,.touch.ui-busy .touch-cluster,.touch.ui-busy .stick-hint,.touch.ui-busy .prompt,.touch.ui-busy .scanprompt,.touch.ui-busy .hud-left,.touch.ui-busy .hud-right,.touch.ui-busy .toasts,.touch.ui-busy .crosshair{display:none}.touch.ui-busy .menu-btn{background:radial-gradient(circle at 50% 35%,#40788cbf,#0a1820d9);border-color:#8fe9ffb3}.journal,.trade{touch-action:pan-y}.controls-hint{letter-spacing:2.5px;color:#fff6;text-shadow:0 0 8px #000c;white-space:nowrap;font-size:12px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.controls-hint .k{color:#8fe9ffbf}.title-screen{z-index:50;background:#000;transition:opacity 2.4s;position:fixed;inset:0;overflow:hidden}.title-screen.hidden{opacity:0;pointer-events:none}.title-bg{background:url(/assets/title_keyart.png) 50%/cover no-repeat,radial-gradient(at 60% 40%,#16324a 0%,#060a14 60%,#000 100%);animation:36s ease-in-out infinite alternate kenburns;position:absolute;inset:-4%}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.09)translate(-1.5%,1.5%)}}.title-haze{background:linear-gradient(#00000040 0%,#0000002e 62%,#000000c7 100%);position:absolute;inset:0}.title-content{text-align:center;position:absolute;bottom:16%;left:0;right:0}.title-eyebrow{letter-spacing:7px;color:#c3ebffc7;text-shadow:0 1px 8px #000000e6;margin-bottom:14px;font-size:13px}.title-logo{letter-spacing:.22em;text-indent:.22em;color:#f2fbff;text-shadow:0 0 18px #8fe9ff8c,0 0 60px #60c8ff66,0 0 120px #60a0ff4d;font-size:clamp(64px,11vw,150px);font-weight:600;line-height:1;animation:4s ease-in-out infinite alternate logoGlow}@keyframes logoGlow{0%{text-shadow:0 0 18px #8fe9ff73,0 0 60px #60c8ff4d,0 0 120px #60a0ff38}to{text-shadow:0 0 26px #8fe9ffbf,0 0 80px #60c8ff8c,0 0 160px #60a0ff66}}.title-press{letter-spacing:6px;color:#ffffffe6;text-shadow:0 1px 10px #000000e6;margin-top:26px;font-size:16px;animation:2.2s ease-in-out infinite pressPulse}.title-press.loading{opacity:.55;animation:none}.title-progress{background:#8fe9ff29;width:240px;height:2px;margin:14px auto 0;transition:opacity .8s}.title-progress.done{opacity:0}.title-progress-fill{background:var(--hud-cyan);width:0%;height:100%;transition:width .3s;box-shadow:0 0 8px #8fe9ffe6}@keyframes pressPulse{0%,to{opacity:.35}50%{opacity:1}}.title-foot{text-align:center;letter-spacing:3px;color:#fff6;font-size:12px;position:absolute;bottom:4%;left:0;right:0}