:root{--acc:#ff8a5c;--acc2:#66d9e8;--warn:#ffd166;--danger:#ff5c5c;--ink:#eef3f6;--panel:#0a1018d1;--panel2:#101822e6;--line:#e6f0fa47;--line2:#e6f0fa24;--fh:"Orbitron","Rajdhani","Microsoft YaHei",sans-serif;--fb:"Rajdhani","Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background:#04070c;width:100%;height:100%;overflow:hidden}body{font-family:var(--fb);color:var(--ink);font-size:16px}#app,#vue-app{position:fixed;inset:0}#game-canvas{z-index:0;filter:contrast(1.12)saturate(1.2)brightness(1.02);width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.kbd{border:1px solid var(--line);min-width:26px;height:24px;font-family:var(--fh);letter-spacing:1px;vertical-align:middle;background:#ffffff14;border-radius:4px;justify-content:center;align-items:center;padding:0 7px;font-size:12px;display:inline-flex}.kbd.sm{min-width:20px;height:18px;font-size:10px}.panel{background:var(--panel);border:1px solid var(--line2);-webkit-backdrop-filter:blur(10px)saturate(1.3);backdrop-filter:blur(10px)saturate(1.3);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 0 0 1px #0006,0 18px 60px #0000008c}.panel:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.btn{border:1px solid var(--line);color:var(--ink);font-family:var(--fb);letter-spacing:3px;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#080e148c;padding:10px 26px;font-size:17px;font-weight:600;transition:color .12s,border-color .12s;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";transform-origin:0;z-index:-1;background:#f2f5f7;transition:transform .16s;position:absolute;inset:0;transform:scaleX(0)}.btn:hover{color:#0a0f14;border-color:#fff}.btn:hover:before{transform:scaleX(1)}.btn:active{filter:brightness(.85)}.btn.sm{letter-spacing:2px;padding:6px 16px;font-size:14px}.btn.primary{border-color:var(--acc);color:var(--acc)}.btn.primary:before{background:var(--acc)}.btn.primary:hover{color:#140a06}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:before{background:var(--danger)}.btn.danger:hover{color:#1a0505}.btn.disabled{opacity:.35;pointer-events:none}.bar{border:1px solid var(--line2);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);background:#050a10a6;width:190px;height:12px;position:relative;overflow:hidden}.bar.slim{width:100%;height:5px}.bar.big{width:100%;height:16px}.bar-fill{background:linear-gradient(90deg,#fff,#dfe8ee);width:50%;transition:width .18s;position:absolute;inset:0}.bar.rtl .bar-fill{left:auto;right:0}.bar-fill.shield{background:linear-gradient(90deg,#8fd8e8,#cfeef5);box-shadow:0 0 12px #78dcf080}.bar-fill.haz{background:linear-gradient(90deg,#ffb26b,#ffd9a8);box-shadow:0 0 12px #ffaa5a80}.bar-fill.ls{background:linear-gradient(90deg,#ff7a6b,#ffb4a8)}.bar-fill.acc{background:linear-gradient(90deg,var(--acc),#ffc3a3)}.bar-fill.fuel{background:linear-gradient(90deg,#9be564,#d6f7ae)}.bar-fill.low{animation:.7s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}#hud{pointer-events:none;z-index:20;position:absolute;inset:0}#hud-top{justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}#compass-wrap{width:640px;max-width:60vw;height:52px;margin-top:10px;position:relative}#compass-wrap:after{content:"";background:var(--acc);width:2px;height:10px;position:absolute;top:2px;left:50%;transform:translate(-50%)}#compass{width:100%;height:100%}#hud-corner{text-align:right;font-family:var(--fh);position:absolute;top:12px;right:18px}#hud-units{letter-spacing:2px;color:#fff;font-size:20px}#hud-units .u-sym{color:var(--acc2);margin-right:6px;font-size:16px}#hud-planet{letter-spacing:3px;opacity:.8;margin-top:2px;font-size:12px}#hud-env{letter-spacing:2px;opacity:.75;margin-top:2px;font-size:12px}#env-icon{color:var(--warn);margin-right:6px}#alert-center{border:1px solid var(--danger);color:#ffd9d4;letter-spacing:3px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#3c0808b8;padding:8px 22px;font-weight:700;animation:1s steps(2,end) infinite alarmFlash;position:absolute;top:86px;left:50%;transform:translate(-50%)}#alert-center .alert-icon{color:var(--danger);margin-right:10px}@keyframes alarmFlash{50%{background:#3c080866;border-color:#ff5c5c40}}#crosshair{width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#ch-dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #ffffffe6}#mine-ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff24;stroke-width:2.5px}.ring-fg{fill:none;stroke:var(--acc);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:151;stroke-dashoffset:151px;filter:drop-shadow(0 0 4px var(--acc))}#heat-wrap{background:#ffffff1a;border-radius:2px;width:4px;height:40px;position:absolute;top:8px;left:-26px;overflow:hidden}#heat-bar{background:linear-gradient(#ffd166,#ff5c3c);border-radius:2px;width:100%;height:0;position:absolute;bottom:0}#jet-wrap{background:#ffffff1a;border-radius:2px;width:4px;height:40px;position:absolute;top:8px;right:-26px;overflow:hidden}#jet-bar{background:linear-gradient(#d8f7fb,#66d9e8);border-radius:2px;width:100%;height:100%;position:absolute;bottom:0}#interact-hint{border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#080d14b3;align-items:center;gap:10px;padding:7px 16px;font-size:15px;display:flex;position:absolute;top:calc(50% + 64px);left:50%;transform:translate(-50%)}#hold-ring{position:absolute;top:-4px;left:-54px;transform:rotate(-90deg)}#hold-ring .ring-fg{stroke:#fff;stroke-dasharray:113;stroke-dashoffset:113px}#stats-left{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;left:22px}#stats-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:24px;right:22px}.stat-row{align-items:center;gap:10px;display:flex}.stat-ico{text-align:center;opacity:.9;text-shadow:0 0 8px #fff6;width:22px;font-size:15px}#hp-segs{gap:4px;display:flex}.hp-seg{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);background:#fff;width:44px;height:12px;transition:opacity .2s,background .2s;box-shadow:0 0 10px #ffffff59}.hp-seg.off{box-shadow:none;background:#ffffff21}.hp-seg.hurt{background:var(--danger)}#hotbar{pointer-events:none;gap:6px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hb-slot{border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#080e16b8;width:56px;height:56px;transition:transform .1s,border-color .1s;position:relative}.hb-slot img{width:44px;height:44px;image-rendering:pixelated;position:absolute;inset:6px}.hb-slot .cnt{font-family:var(--fh);color:#fff;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:2px;right:4px}.hb-slot .key{opacity:.5;font-size:9px;font-family:var(--fh);position:absolute;top:2px;left:4px}.hb-slot.sel{border-color:#fff;transform:translateY(-4px);box-shadow:0 0 14px #ffffff59,inset 0 0 12px #ffffff1f}#toasts{flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line2);letter-spacing:1px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#080e16c7;align-items:center;gap:8px;padding:4px 14px;font-size:14px;animation:.18s fadeUp;display:flex}.toast img{width:20px;height:20px;image-rendering:pixelated}.toast .tc{color:var(--acc2);font-family:var(--fh);font-size:12px}.toast.fade{opacity:0;transition:opacity .5s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}#notify-stack{flex-direction:column;align-items:flex-end;gap:6px;max-width:360px;display:flex;position:absolute;bottom:170px;right:20px}.notice{background:var(--panel);border:1px solid var(--line2);border-left:3px solid var(--acc2);letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);padding:9px 16px 9px 18px;font-size:14.5px;animation:.22s slideIn;position:relative}.notice.success{border-left-color:#9be564}.notice.warn{border-left-color:var(--warn)}.notice.danger{border-left-color:var(--danger)}.notice .n-kicker{letter-spacing:2px;opacity:.6;font-size:10px;font-family:var(--fh);margin-bottom:2px;display:block}.notice.fade{opacity:0;transition:all .4s;transform:translate(20px)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1}}#mission-card{background:var(--panel);border:1px solid var(--line2);border-right:3px solid var(--acc);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);width:320px;padding:12px 16px;position:absolute;bottom:64px;right:20px}#mission-kind{letter-spacing:3px;color:var(--acc);font-size:10px;font-family:var(--fh);margin-bottom:3px}#mission-title{letter-spacing:1px;font-size:17px;font-weight:700}#mission-desc{opacity:.75;margin-top:3px;font-size:13px;line-height:1.5}#mission-prog-wrap{align-items:center;gap:10px;margin-top:8px;display:flex}#mission-count{font-family:var(--fh);color:var(--acc);white-space:nowrap;font-size:12px}#marker-layer{position:absolute;inset:0;overflow:hidden}.marker{flex-direction:column;align-items:center;gap:2px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.marker .m-ico{width:26px;height:26px;font-family:var(--fh);color:#08131a;background:var(--acc2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;box-shadow:0 0 12px #66d9e8b3}.marker .m-dist{font-size:10px;font-family:var(--fh);letter-spacing:1px;color:#dff6fa;text-shadow:0 1px 3px #000}.marker.ship .m-ico{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:#fff;box-shadow:0 0 12px #fffc}.marker.na .m-ico{background:#ffd166}.marker.h2 .m-ico{background:#7ab8ff}.marker.o2 .m-ico{background:#ff8a7a}.marker.fe .m-ico{background:#d8c9b8}.marker.cu .m-ico{background:#7de8c3}#milestone-pop{text-align:center;pointer-events:none;animation:3.6s forwards msPop;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.ms-line{background:linear-gradient(90deg,#0000,#fff,#0000);width:420px;height:1px;margin:14px auto}.ms-kicker{font-family:var(--fh);letter-spacing:8px;color:var(--acc);font-size:13px}.ms-title{font-family:var(--fh);letter-spacing:6px;color:#fff;text-shadow:0 0 30px #ffb478a6;margin:8px 0 4px;font-size:38px;font-weight:900}.ms-sub{letter-spacing:2px;opacity:.8;font-size:15px}@keyframes msPop{0%{opacity:0;transform:translate(-50%,-46%)scale(.94)}8%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0}}#flight-hud{position:absolute;inset:0}#flight-reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fr-c{border:1.5px solid #fff;width:10px;height:10px;transform:rotate(45deg);box-shadow:0 0 10px #fff9}.fr-l,.fr-r{background:#ffffff8c;width:28px;height:2px;position:absolute;top:3px}.fr-l{left:-46px}.fr-r{right:-46px}#flight-data{font-family:var(--fh);flex-direction:column;gap:8px;display:flex;position:absolute;bottom:44px;right:36px}.fd-item{justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.fd-item label{letter-spacing:3px;opacity:.6;font-size:11px}.fd-item span{color:#fff;text-align:right;min-width:80px;font-size:26px}.fd-item em{opacity:.6;font-size:11px;font-style:normal}#flight-tips{letter-spacing:2px;opacity:.6;font-size:13px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}#visor-overlay{background:radial-gradient(#0000 42%,#040c12e0 78%);position:absolute;inset:0}.visor-ring{border:1px solid #78e6f559;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visor-ring.r1{border-style:dashed;width:46vmin;height:46vmin;animation:24s linear infinite spin}.visor-ring.r2{border-color:#78e6f526;width:60vmin;height:60vmin}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.visor-corner{border:2px solid #78e6f580;width:60px;height:60px;position:absolute}.visor-corner.tl{border-bottom:0;border-right:0;top:12vh;left:12vw}.visor-corner.tr{border-bottom:0;border-left:0;top:12vh;right:12vw}.visor-corner.bl{border-top:0;border-right:0;bottom:12vh;left:12vw}.visor-corner.br{border-top:0;border-left:0;bottom:12vh;right:12vw}.visor-scanline{background:linear-gradient(90deg,#0000,#78e6f580,#0000);height:2px;animation:3.4s ease-in-out infinite scanMove;position:absolute;left:15vw;right:15vw}@keyframes scanMove{0%,to{top:18vh}50%{top:82vh}}#visor-side{font-family:var(--fh);letter-spacing:3px;color:#a0f0facc;font-size:12px;line-height:2;position:absolute;top:50%;left:13vw;transform:translateY(-50%)}#visor-info{border:1px solid #78e6f566;border-left:3px solid var(--acc2);background:#061218d9;min-width:230px;padding:12px 16px;position:absolute;top:calc(50% - 40px);left:calc(50% + 60px)}#vi-name{letter-spacing:1px;font-size:19px;font-weight:700}#vi-type{font-size:11px;font-family:var(--fh);letter-spacing:2px;color:var(--acc2);margin:2px 0 6px}#vi-extra{opacity:.8;font-size:13px;line-height:1.5}#vi-hint{opacity:.7;margin-top:8px;font-size:12px}#planet-card{z-index:40;animation:.5s pcIn;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes pcIn{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1}}.pc-inner{text-align:center;min-width:480px;padding:22px 34px;position:relative}.pc-kicker{font-family:var(--fh);letter-spacing:5px;color:var(--acc2);opacity:.9;font-size:11px}.pc-name{font-family:var(--fh);letter-spacing:6px;text-shadow:0 0 24px #78dcf080;margin:10px 0 14px;font-size:34px;font-weight:900}.pc-grid{text-align:left;grid-template-columns:1fr 1fr;gap:8px 30px;display:grid}.pc-item{border-bottom:1px solid var(--line2);justify-content:space-between;padding:4px 0;font-size:14.5px;display:flex}.pc-item label{opacity:.6;letter-spacing:2px}.pc-res{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.res-chip{font-size:12px;font-family:var(--fh);letter-spacing:1px;border:1px solid var(--line);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);padding:3px 12px}.screen{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03070c8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.inv-frame{flex-direction:column;width:min(1060px,94vw);height:min(640px,88vh);padding:0;display:flex;position:relative}.inv-tabs{align-items:center;gap:4px;padding:14px 22px 0;display:flex}.inv-tab{letter-spacing:3px;cursor:pointer;opacity:.55;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);border:1px solid #0000;border-bottom:none;padding:9px 22px;font-size:16px;font-weight:700;transition:all .15s}.inv-tab em{font-style:normal;font-family:var(--fh);letter-spacing:2px;opacity:.6;margin-left:6px;font-size:10px}.inv-tab:hover{opacity:.9}.inv-tab.active{opacity:1;border-color:var(--line2);color:var(--acc);background:#ffffff12}.inv-close{letter-spacing:2px;opacity:.5;margin-left:auto;font-size:12px}.inv-body{flex:1;gap:22px;min-height:0;padding:18px 26px 24px;display:flex}.inv-left{flex:1.25;padding-right:6px;overflow-y:auto}.inv-right{border-left:1px solid var(--line2);flex:1;padding-left:22px;overflow-y:auto}.inv-sec-title{font-size:12px;font-family:var(--fh);letter-spacing:4px;color:var(--acc2);margin:6px 0 10px}.inv-sec-title em{opacity:.5;margin-left:8px;font-style:normal}.grid{grid-template-columns:repeat(8,62px);gap:7px;margin-bottom:16px;display:grid}.slot{border:1px solid var(--line2);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#ffffff0b;width:62px;height:62px;transition:all .12s;position:relative}.slot:hover{background:#ffffff24;border-color:#fff;box-shadow:0 0 14px #ffffff40}.slot.selected{border-color:var(--acc);box-shadow:0 0 14px #ff8a5c73}.slot img{width:46px;height:46px;image-rendering:pixelated;pointer-events:none;position:absolute;inset:8px}.slot .cnt{font-family:var(--fh);pointer-events:none;text-shadow:0 1px 2px #000;font-size:11px;position:absolute;bottom:3px;right:5px}.detail-empty{opacity:.4;letter-spacing:2px;text-align:center;margin-top:30px}.item-card .ic-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.item-card .ic-head img{width:72px;height:72px;image-rendering:pixelated;border:1px solid var(--line2);background:#ffffff0d;padding:8px}.item-card h3{letter-spacing:2px;font-size:22px}.item-card .ic-type{font-family:var(--fh);letter-spacing:2px;color:var(--acc2);font-size:11px}.item-card .ic-desc{opacity:.85;border-top:1px solid var(--line2);margin-top:4px;padding-top:10px;font-size:14px;line-height:1.7}.item-card .ic-actions{gap:10px;margin-top:14px;display:flex}.recipe-row{cursor:pointer;border:1px solid #0000;align-items:center;gap:12px;padding:9px 12px;transition:all .12s;display:flex}.recipe-row:hover{border-color:var(--line2);background:#ffffff14}.recipe-row.sel{border-color:var(--acc);background:#ff8a5c1f}.recipe-row img{width:38px;height:38px;image-rendering:pixelated}.recipe-row .rr-name{letter-spacing:1px;font-size:16px;font-weight:600}.recipe-row .rr-cat{font-size:10px;font-family:var(--fh);letter-spacing:2px;opacity:.5;margin-left:auto}.recipe-row.locked{opacity:.4}.req-row{border-bottom:1px solid var(--line2);align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.req-row img{width:26px;height:26px;image-rendering:pixelated}.req-row .have{font-family:var(--fh);margin-left:auto;font-size:13px}.req-row .have.ok{color:#9be564}.req-row .have.no{color:var(--danger)}.disc-row{border-bottom:1px solid var(--line2);align-items:center;gap:12px;padding:8px 10px;font-size:15px;display:flex}.disc-row .d-ico{background:#78e6f51f;border:1px solid #78e6f54d;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.disc-row .d-sub{font-size:11px;font-family:var(--fh);opacity:.6;letter-spacing:1px;text-align:right;margin-left:auto}.mile-row{border-left:2px solid var(--line);background:#ffffff08;margin-bottom:6px;padding:7px 10px;font-size:14px}.mile-row b{color:var(--warn)}.mile-row .m-prog{font-family:var(--fh);opacity:.6;margin-left:8px;font-size:11px}.ship-frame{width:min(780px,92vw);padding:24px 30px;position:relative}.ship-head{align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.ship-head span{letter-spacing:2px;font-size:22px;font-weight:700}.ship-head em{font-style:normal;font-family:var(--fh);letter-spacing:3px;opacity:.5;font-size:11px}#ship-comps{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.comp-card{border:1px solid var(--line2);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#ffffff0a;padding:14px 16px;position:relative}.comp-card.broken{background:repeating-linear-gradient(-45deg,#ff3c3221 0 8px,#ff3c320d 8px 16px);border-color:#ff5c5c99}.comp-card .cc-name{letter-spacing:1px;font-size:17px;font-weight:700}.comp-card .cc-status{font-family:var(--fh);letter-spacing:2px;margin:3px 0 8px;font-size:11px}.comp-card.broken .cc-status{color:var(--danger)}.comp-card.ok .cc-status{color:#9be564}.comp-card .cc-req{opacity:.85;align-items:center;gap:8px;font-size:13px;display:flex}.comp-card .cc-req img{width:22px;height:22px;image-rendering:pixelated}.comp-card button{margin-top:10px}.ship-fuel-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.ship-fuel-row label{letter-spacing:2px;white-space:nowrap}.ship-fuel-row .bar{flex:1}#ship-fuel-txt{font-family:var(--fh);min-width:46px}.ship-actions{text-align:center}#title-screen{z-index:100;background:radial-gradient(at 30% 20%,#0b1626 0%,#04070c 60%);position:absolute;inset:0;overflow:hidden}#title-stars{width:100%;height:100%;position:absolute;inset:0}.title-planet{background:radial-gradient(circle at 32% 28%,#7fd0c8 0%,#3f8f96 26%,#22505f 52%,#101c2c 78%);border-radius:50%;width:130vmin;height:130vmin;position:absolute;bottom:-58vmin;left:50%;transform:translate(-30%);box-shadow:0 0 120px 30px #6ed2dc47,inset -40px -60px 160px #000000b3,inset 20px 30px 90px #befffa40}.title-planet:after{content:"";background:radial-gradient(circle at 35% 30%,#a0f0f029,#0000 62%);border-radius:50%;position:absolute;inset:-3.5%}.title-haze{background:radial-gradient(at 65% 100%,#78dce624,#0000 55%);position:absolute;inset:0}.title-content{position:absolute;top:50%;left:9vw;transform:translateY(-52%)}.t-kicker{font-family:var(--fh);letter-spacing:7px;color:var(--acc2);margin-bottom:10px;font-size:13px;animation:.8s fadeUp}h1{font-family:var(--fh);letter-spacing:14px;color:#fff;text-shadow:0 0 40px #8cdceb73;font-size:88px;font-weight:900;line-height:1.05}h1 span{color:var(--acc);text-shadow:0 0 40px #ff966480}.t-sub{letter-spacing:6px;opacity:.75;margin:10px 0 40px;font-size:16px}.t-menu{flex-direction:column;gap:12px;width:300px;display:flex}.t-btn{text-align:left;padding:12px 26px;font-size:19px}.t-seed{opacity:.8;align-items:center;gap:12px;margin-top:26px;display:flex}.t-seed label{letter-spacing:2px;font-size:12px}.t-seed input{border:1px solid var(--line2);width:150px;color:var(--ink);font-family:var(--fh);letter-spacing:2px;background:#ffffff0f;outline:none;padding:6px 10px}.t-seed input:focus{border-color:var(--acc2)}.t-foot{letter-spacing:2px;opacity:.4;font-size:11px;position:fixed;bottom:4vh;left:9vw}#loading-screen{z-index:90;background:#04070c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.load-box{text-align:center;width:440px}.load-name{font-family:var(--fh);letter-spacing:8px;margin:16px 0 6px;font-size:40px;font-weight:900;animation:2s infinite loadGlow}@keyframes loadGlow{50%{text-shadow:0 0 34px #8ce1f0cc}}.load-sub{letter-spacing:3px;opacity:.6;margin-bottom:22px;font-size:13px}#intro-screen{z-index:95;cursor:pointer;background:#020409;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#intro-lines{font-family:var(--fh);letter-spacing:4px;color:#bfe9f2;text-align:left;min-width:520px;font-size:20px;line-height:2.6}#intro-lines .il{opacity:0;animation:.5s forwards ilIn}#intro-lines .il.warn{color:var(--danger)}@keyframes ilIn{to{opacity:1}}.intro-skip{letter-spacing:3px;opacity:.4;font-size:12px;position:absolute;bottom:24px;right:30px}.pause-box,.set-box,.help-box{flex-direction:column;gap:12px;min-width:400px;padding:30px 40px;display:flex;position:relative}.p-kicker{font-family:var(--fh);letter-spacing:5px;color:var(--acc2);margin-bottom:10px;font-size:12px}#pause-stats{opacity:.6;letter-spacing:1px;margin-top:14px;font-size:12.5px;line-height:1.9}.set-row{letter-spacing:1px;grid-template-columns:130px 1fr 44px;align-items:center;gap:14px;font-size:15px;display:grid}.set-row input[type=range]{-webkit-appearance:none;background:#ffffff2e;outline:none;height:4px}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);cursor:pointer;background:#fff;width:14px;height:14px}.set-row select{color:var(--ink);border:1px solid var(--line2);font-family:var(--fb);letter-spacing:1px;background:#0b1420;outline:none;padding:6px 10px}.set-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc)}.set-actions{justify-content:space-between;margin-top:16px;display:flex}.help-box{max-width:760px}.help-grid{grid-template-columns:1fr 1fr;gap:10px 30px;font-size:14.5px;display:grid}.help-grid .kbd{margin-right:10px}.help-wide{border-top:1px solid var(--line2);grid-column:1/3;padding-top:10px}.help-flow{opacity:.75;border-left:2px solid var(--acc);margin-top:6px;padding-left:14px;font-size:13px;line-height:1.8}#death-screen{background:radial-gradient(#460404bf,#050202f5)}.death-box{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.d-title{font-family:var(--fh);letter-spacing:12px;color:var(--danger);text-shadow:0 0 40px #ff3c3c99;font-size:56px;font-weight:900;animation:1.6s infinite loadGlow}.d-sub{letter-spacing:3px;opacity:.75}#warp-overlay{z-index:80;background:#000;position:absolute;inset:0}#warp-canvas{width:100%;height:100%;position:absolute;inset:0}.warp-text{font-family:var(--fh);letter-spacing:8px;color:#bfe9f2;font-size:16px;animation:1s steps(2,end) infinite blink;position:absolute;bottom:14vh;left:50%;transform:translate(-50%)}#tooltip{z-index:200;pointer-events:none;border:1px solid var(--line);background:#060a10f0;max-width:240px;padding:8px 12px;font-size:13px;line-height:1.5;position:fixed}#tooltip b{letter-spacing:1px;font-size:14.5px;display:block}#tooltip .tt-type{font-family:var(--fh);color:var(--acc2);letter-spacing:2px;font-size:10px}#drag-ghost{z-index:210;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}#drag-ghost img{width:48px;height:48px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #000)}#drag-ghost span{font-family:var(--fh);font-size:12px;position:absolute;bottom:-4px;right:-4px}#vignette{pointer-events:none;z-index:15;background:radial-gradient(#0000 55%,#02050980 100%);position:absolute;inset:0}#damage-flash{pointer-events:none;z-index:16;transition:box-shadow .12s;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff281e00}#damage-flash.hit{box-shadow:inset 0 0 140px #ff281ebf}#storm-tint{pointer-events:none;z-index:14;opacity:0;background:linear-gradient(#a06e320d,#c88c3c29);transition:opacity 2s;position:absolute;inset:0}#water-tint{pointer-events:none;z-index:14;opacity:0;background:#14466e59;transition:opacity .2s;position:absolute;inset:0}#save-screen{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03070cd9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.save-frame{width:480px;max-height:80vh;padding:28px 32px;overflow-y:auto}.save-list{flex-direction:column;gap:10px;margin:18px 0;display:flex}.save-slot{border:1px solid var(--line2);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:14px 18px;transition:border-color .15s,background .15s;display:flex}.save-slot:hover{border-color:var(--acc);background:#ff8a5c0f}.save-slot.active{border-color:var(--acc2);background:#66d9e80f}.save-slot.empty{opacity:.5}.save-id{font-family:var(--fh);color:var(--acc2);text-align:center;min-width:32px;font-size:22px;font-weight:700}.save-info{flex:1}.save-planet{color:var(--ink);font-size:15px;font-weight:600}.save-meta{opacity:.6;margin-top:2px;font-size:12px}.save-empty{opacity:.5;font-size:13px;font-style:italic}.save-frame .set-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff29}::-webkit-scrollbar-track{background:0 0}body.touch-device{overscroll-behavior:none;-webkit-overflow-scrolling:auto}body.touch-device #game-canvas{touch-action:none;-webkit-touch-callout:none}#touch-controls{z-index:25;pointer-events:none;position:absolute;inset:0}#touch-look-zone{pointer-events:auto;touch-action:none;z-index:1;position:absolute;inset:0}#touch-look-indicator{opacity:.4;pointer-events:none;border:1.5px solid #ffffff2e;border-radius:50%;width:36px;height:36px;transition:opacity .2s,border-color .2s;position:absolute;top:50%;right:30px;transform:translateY(-50%)}#touch-look-indicator.active{opacity:.8;border-color:#ffffff80;box-shadow:0 0 16px #ffffff26}#touch-joy-zone{pointer-events:auto;touch-action:none;z-index:2;width:50vw;height:55vh;position:absolute;bottom:0;left:0}#touch-joy-base{opacity:0;pointer-events:none;background:#ffffff0d;border:2px solid #ffffff38;border-radius:50%;width:120px;height:120px;transition:opacity .18s,transform .18s;position:absolute;transform:scale(.6);box-shadow:0 0 24px #ffffff0f}#touch-joy-base.active{opacity:1;transform:scale(1)}#touch-joy-base.fadeout{opacity:0;transition:opacity .18s 40ms,transform .18s 40ms;transform:scale(.75)}#touch-joy-thumb{pointer-events:none;background:#fff3;border:2px solid #ffffff73;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;transition:none;position:absolute;top:50%;left:50%;box-shadow:0 0 14px #ffffff1f}#touch-joy-thumb.snap{transition:transform .1s ease-out}#touch-actions{pointer-events:auto;z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:50%;right:8px;transform:translateY(50%)}.touch-btn{color:#ffffffd9;width:54px;height:54px;font-family:var(--fb);letter-spacing:1px;-webkit-backdrop-filter:blur(4px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0a1018a6;border:1.5px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.touch-btn:active{background:#ffffff2e;border-color:#fff}.touch-btn-jump{border-color:#fff6;width:60px;height:60px;font-size:18px}.touch-btn-mine{width:52px;height:52px;color:var(--acc);border-color:#ff8a5c80}.touch-btn-place{width:44px;height:44px;font-size:13px}.touch-btn-interact{width:46px;height:46px;color:var(--acc2);border-color:#66d9e880;font-size:14px}#touch-top-bar{pointer-events:auto;z-index:50;gap:8px;display:flex;position:absolute;top:6px;left:50%;transform:translate(-50%)}.touch-top-btn{color:#ffffffa6;font-family:var(--fb);letter-spacing:2px;-webkit-backdrop-filter:blur(4px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#050a10b3;border:1px solid #ffffff38;border-radius:4px;padding:6px 14px;font-size:12px}.touch-top-btn:active{color:#fff;background:#ffffff24}#touch-sprint-indicator{letter-spacing:2px;color:#ffffff80;pointer-events:none;z-index:2;font-size:11px;transition:color .2s;position:absolute;bottom:50%;left:16px}#touch-sprint-indicator.active{color:var(--warn)}@media (width<=900px){h1{letter-spacing:8px;font-size:48px}.grid{grid-template-columns:repeat(6,52px)}.slot{width:52px;height:52px}.slot img{width:38px;height:38px;inset:6px}.title-content{left:6vw}.t-menu{width:260px}.t-btn{padding:10px 20px;font-size:16px}.inv-frame{width:96vw;height:92vh}.inv-body{flex-direction:column;gap:12px;padding:12px 16px 16px}.inv-right{border-left:none;border-top:1px solid var(--line2);padding-top:12px;padding-left:0}.inv-left{overflow-y:visible}.hb-slot{width:48px;height:48px}.hb-slot img{width:38px;height:38px;inset:5px}.ship-frame{width:94vw;padding:18px 20px}#ship-comps{grid-template-columns:1fr}#compass-wrap{max-width:80vw}.help-grid{grid-template-columns:1fr}.help-wide{grid-column:1}.set-row{grid-template-columns:100px 1fr 40px;gap:8px}.pause-box,.set-box,.help-box{width:92vw;min-width:auto;padding:24px}.ms-line{width:280px}.ms-title{font-size:28px}#notify-stack{max-width:280px;bottom:130px;right:8px}#mission-card{width:260px;bottom:50px;right:8px}}@media (width<=600px){h1{letter-spacing:6px;font-size:36px}.grid{grid-template-columns:repeat(4,48px)}.slot{width:48px;height:48px}.slot img{width:38px;height:38px;inset:5px}.t-seed{flex-direction:column;align-items:flex-start}.t-seed input{width:120px}#stats-left{gap:4px;bottom:80px;left:10px}#stats-right{gap:4px;bottom:80px;right:10px}.stat-row{gap:6px}.hp-seg{width:34px;height:10px}.bar{width:140px;height:10px}#hotbar{gap:4px;bottom:6px}.hb-slot{width:42px;height:42px}.hb-slot img{width:34px;height:34px;inset:4px}.hb-slot .cnt{font-size:10px}.hb-slot .key{display:none}#compass-wrap{max-width:90vw;height:40px;margin-top:6px}#hud-corner{top:6px;right:8px}#hud-units{font-size:16px}#hud-planet{font-size:10px}#crosshair{width:40px;height:40px}.pc-inner{width:90vw;min-width:auto;padding:16px 20px}.pc-name{letter-spacing:4px;font-size:24px}.pc-grid{grid-template-columns:1fr}.touch-btn{width:44px;height:44px;font-size:13px}.touch-btn-jump{width:50px;height:50px;font-size:16px}.touch-btn-mine{width:44px;height:44px}.touch-btn-place{width:38px;height:38px;font-size:11px}.touch-btn-interact{width:40px;height:40px;font-size:12px}#touch-joy-base{width:100px;height:100px}#touch-joy-thumb{width:40px;height:40px;margin:-20px 0 0 -20px}}body:not(.touch-device) #touch-controls,body.touch-device .kbd{display:none}body.touch-device #interact-hint{font-size:12px}body.touch-device .hb-slot .key{display:none}body.touch-device #stats-left,body.touch-device #stats-right{bottom:90px}body.touch-device #hotbar{pointer-events:auto;bottom:8px}.touch-show{display:none}body.touch-device .touch-show{display:grid}body.touch-device .touch-hide{display:none}