:root{--bg:#070b11c7;--bg-solid:#070b11;--bg-2:#0e1621d9;--line:#78beff29;--line-2:#78beff52;--text:#d7e6f3;--muted:#7d93a8;--dim:#4f6275;--accent:#5fd1ff;--accent-2:#2a8fd6;--gold:#f2c35c;--warn:#ffb347;--bad:#ff5b4a;--good:#5dffa8;--shield:#5ab8ff;--armor:#ffb45a;--hull:#ff5a4a;--cap:#ffe36a;--font-ui:"Rajdhani", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#000;margin:0;overflow:hidden}#gl{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:2;position:fixed;inset:0}#ui *{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit}::selection{background:#5fd1ff59}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#78beff38;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.interactive,.panel,.btn,input,select,textarea,.hud-block,.clickable{pointer-events:auto}.panel{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.2);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));position:relative}.panel:before{content:"";background:var(--accent);opacity:.85;width:38px;height:2px;position:absolute;top:0;left:0}.panel-head{border-bottom:1px solid var(--line);font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#eaf6ff;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 14px 8px;font-size:13px;font-weight:700;display:flex}.panel-head .x{cursor:pointer;opacity:.6;margin-left:auto;padding:2px 6px;font-size:16px;line-height:1}.panel-head .x:hover{opacity:1;color:var(--accent)}.panel-body{padding:12px 14px}.label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:600}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.gold{color:var(--gold)}.accent{color:var(--accent)}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1}.sep{background:var(--line);height:1px;margin:10px 0}.btn{border:1px solid var(--line-2);font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#e8f6ff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:#286eaa24;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.btn:hover{border-color:var(--accent);background:#5fd1ff40}.btn:active{transform:translateY(1px)}.btn.primary{border-color:var(--accent);color:#fff;background:linear-gradient(#5fd1ff73,#2a8fd659)}.btn.primary:hover{background:linear-gradient(#5fd1ffa6,#2a8fd680)}.btn.danger{background:#ff5b4a29;border-color:#ff5b4a80}.btn.danger:hover{background:#ff5b4a52}.btn.gold{background:#f2c35c29;border-color:#f2c35c8c}.btn.small{padding:4px 10px;font-size:11px}.btn.big{letter-spacing:.2em;padding:14px 30px;font-size:16px}.btn:disabled{opacity:.4;cursor:default}input.field,select.field,textarea.field{border:1px solid var(--line-2);width:100%;color:var(--text);background:#04080dbf;outline:none;padding:9px 11px}input.field:focus,select.field:focus,textarea.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5fd1ff1f}.tabs{border-bottom:1px solid var(--line);gap:2px;padding:0 10px;display:flex}.tab{cursor:pointer;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:12px;font-weight:700}.tab:hover{color:var(--text)}.tab.on{color:var(--accent);border-bottom-color:var(--accent)}table.grid{border-collapse:collapse;width:100%;font-size:12.5px}table.grid th{text-align:left;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg-solid);padding:6px 8px;font-size:10.5px;font-weight:700;position:sticky;top:0}table.grid td{border-bottom:1px solid #78beff0f;padding:6px 8px}table.grid tr.hl,table.grid tbody tr:hover{background:#5fd1ff12}table.grid tr.sel{background:#5fd1ff24}table.grid td.num,table.grid th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.icon{border:1px solid var(--line);background:#0b1119 50%/cover no-repeat;flex-shrink:0;width:40px;height:40px}.icon.sm{width:28px;height:28px}.icon.lg{width:64px;height:64px}.bar{background:#ffffff0f;height:6px;position:relative;overflow:hidden}.bar>i{background:var(--accent);transition:width .2s;position:absolute;top:0;bottom:0;left:0}.chip{border:1px solid var(--line-2);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block}.screen{pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.screen-bg{background:#000 50%/cover no-repeat;position:absolute;inset:0}.screen-bg:after{content:"";background:radial-gradient(at 70%,#0000 0%,#0000008c 70%),linear-gradient(90deg,#03060aeb 0%,#03060a8c 42%,#03060a0d 75%);position:absolute;inset:0}.login-card{width:400px;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.logo{font-family:var(--font-ui);letter-spacing:.32em;color:#eef8ff;text-shadow:0 0 28px #5fd1ff73;margin-bottom:4px;font-size:64px;font-weight:700}.logo-img{filter:drop-shadow(0 0 24px #5fd1ff59);width:420px;max-width:80vw;margin-bottom:8px;display:block}.tagline{font-family:var(--font-ui);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:30px;font-size:13px}.foot-note{color:var(--dim);letter-spacing:.08em;font-size:12px;position:absolute;bottom:18px;left:7vw}.char-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.char-card{cursor:pointer;transition:transform .15s,border-color .15s}.char-card:hover{border-color:var(--accent);transform:translateY(-3px)}.portrait{aspect-ratio:1;border-bottom:1px solid var(--line);background:#0b1119 50%/cover no-repeat;width:100%}.faction-pick{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.faction-card{cursor:pointer;text-align:center;padding:14px;transition:all .15s}.faction-card.on{border-color:var(--accent);background:#5fd1ff1a}.faction-card img{object-fit:contain;width:86px;height:86px}.portrait-pick{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.portrait-pick div{aspect-ratio:1;cursor:pointer;background:#0b1119 50%/cover no-repeat;border:2px solid #0000}.portrait-pick div.on{border-color:var(--accent)}.hud-top-left{position:absolute;top:14px;left:16px}.sys-name{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;font-size:22px;font-weight:700}.sys-sub{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.sec{font-family:var(--font-mono);vertical-align:3px;border:1px solid;margin-left:8px;padding:0 6px;font-size:12px;font-weight:600}.hud-bottom{align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ship-status{width:250px;height:150px;position:relative}.ship-status svg{position:absolute;inset:0}.ship-status .center{text-align:center;position:absolute;top:50px;left:0;right:0}.speed-val{font-family:var(--font-mono);text-shadow:0 0 12px #5fd1ff80;font-size:26px;font-weight:600;line-height:1}.speed-unit{font-family:var(--font-ui);letter-spacing:.2em;color:var(--muted);text-transform:uppercase;font-size:11px}.flight-mode{font-family:var(--font-ui);letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-size:11px;font-weight:700}.throttle-col{border:1px solid var(--line);background:#ffffff0f;width:14px;height:120px;position:relative}.throttle-col i{background:linear-gradient(0deg, var(--accent-2), var(--accent));position:absolute;bottom:33.3%;left:0;right:0}.throttle-col b{background:#fff;height:1px;position:absolute;bottom:33.3%;left:-4px;right:-4px}.modules{gap:5px;padding:6px;display:flex}.mod{border:1px solid var(--line-2);cursor:pointer;background:#0b1119 50%/cover no-repeat;width:46px;height:46px;position:relative}.mod.on{border-color:var(--good);box-shadow:inset 0 0 12px #5dffa873}.mod.weapon{border-color:#ff965a80}.mod .key{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 2px #000;font-size:9px;position:absolute;top:1px;left:2px}.mod .cd{background:#0000008c;position:absolute;bottom:0;left:0;right:0}.mod.empty{opacity:.25;cursor:default}.modules.expanded>.row{grid-template-columns:repeat(8,auto);display:grid}.modules.expanded .mod{flex-shrink:0}.hud-right{flex-direction:column;gap:10px;width:330px;display:flex;position:absolute;top:14px;bottom:14px;right:14px}.overview{flex-direction:column;flex:1;min-height:160px;display:flex}.overview .list{flex:1;overflow-y:auto}.ov-row{cursor:pointer;border-bottom:1px solid #78beff0d;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;padding:5px 12px;font-size:12.5px;display:grid}.ov-row:hover{background:#5fd1ff14}.ov-row.sel{background:#5fd1ff29}.ov-row .n{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ov-row .d{font-family:var(--font-mono);color:var(--muted);font-size:11.5px}.ov-dot{border:1.5px solid;width:9px;height:9px;transform:rotate(45deg)}.target-card .actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hbar{grid-template-columns:52px 1fr 48px;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:grid}.hud-left-bottom{width:420px;position:absolute;bottom:14px;left:14px}.chat{flex-direction:column;height:220px;display:flex}.chat .log{flex:1;padding:6px 10px;font-size:12.5px;line-height:1.45;overflow-y:auto}.chat .log .from{color:var(--accent);cursor:pointer;font-weight:600}.chat .log .sys{color:var(--gold)}.chat .input{border-top:1px solid var(--line);display:flex}.chat .input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:8px 10px}.chat-tabs{gap:2px;padding:4px 6px 0;display:flex}.chat-tabs span{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:var(--muted);padding:3px 8px;font-size:10.5px;font-weight:700}.chat-tabs span.on{color:var(--accent);border-bottom:2px solid var(--accent)}.menu-bar{gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.menu-bar .btn{padding:6px 12px;font-size:11px}.menu-bar .mi{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:none}.menu-bar [data-menu=chat]{display:none}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.toasts .toast,.announce{pointer-events:none}.toast{font-family:var(--font-ui);letter-spacing:.06em;background:var(--bg);border:1px solid var(--line-2);padding:7px 16px;font-size:14px;font-weight:600;animation:.25s ease-out toastIn}.toast.good{color:var(--good);border-color:#5dffa880}.toast.bad{color:#ff8c7d;border-color:#ff5b4a99}.toast.warn{color:var(--warn);border-color:#ffb34780}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.xp-drops{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:30%;right:360px}.xp-drop{font-family:var(--font-ui);color:#fff;text-shadow:0 0 8px #000000e6;align-items:center;gap:6px;font-size:15px;font-weight:700;animation:2.6s ease-out forwards xpRise;display:flex}.xp-drop img{border-radius:50%;width:20px;height:20px}@keyframes xpRise{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.announce{text-align:center;max-width:760px;font-family:var(--font-ui);letter-spacing:.08em;padding:10px 22px;font-size:16px;font-weight:700;animation:.3s toastIn;position:absolute;top:110px;left:50%;transform:translate(-50%)}.announce.raid{color:#ffb0a6;border-color:#ff5b4ab3;box-shadow:0 0 30px #ff3c2840}.center-status{text-align:center;font-family:var(--font-ui);letter-spacing:.3em;text-transform:uppercase;color:#cfe9ff;text-shadow:0 0 14px #5fd1ff99;font-size:15px;font-weight:700;position:absolute;top:22%;left:50%;transform:translate(-50%)}.center-status .big{letter-spacing:.35em;font-size:28px}.cursor-released{text-align:center;border:1px solid var(--accent);width:max-content;max-width:calc(100vw - 32px);color:var(--text);pointer-events:none;z-index:4;background:#060e16f0;gap:4px;padding:10px 18px;display:grid;position:absolute;top:72px;left:50%;transform:translate(-50%)}.cursor-released span{font-size:13px}.cursor-released small,.landing-controls small{color:var(--muted);font-size:11px}.landing-controls{border-color:#5fd1ff73;flex-shrink:0}.landing-location{margin-bottom:4px;font-weight:700}.landing-controls p{margin:8px 0;font-size:12px;line-height:1.45}.landing-controls small{margin-top:8px;line-height:1.4;display:block}.landing-controls .btn{width:100%}.hud-right .landing-controls{order:-2}.compact .landing-controls .panel-body{padding:8px}.compact .landing-controls .panel-head{letter-spacing:.08em;padding:7px 8px;font-size:10px}.compact .landing-controls p,.compact .landing-controls small{display:none}.compact .landing-controls.landed p{display:block}.compact .landing-controls .mono{font-size:11px;line-height:1.4}.compact .landing-controls .btn{min-height:38px;margin-top:7px}.compact .cursor-released{top:auto;bottom:max(190px,24%)}.alt-meter{font-family:var(--font-mono);text-align:right;position:absolute;top:50%;right:360px;transform:translateY(-50%)}.station-left{flex-direction:column;gap:10px;width:250px;display:flex;position:absolute;top:16px;bottom:16px;left:16px}.station-title{padding:14px 16px}.station-title .n{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:18px;font-weight:700}.svc{flex-direction:column;display:flex}.svc .item{cursor:pointer;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-left:2px solid #0000;align-items:center;gap:12px;padding:11px 16px;font-size:13px;font-weight:700;display:flex}.svc .item:hover{background:#5fd1ff14}.svc .item.on{border-left-color:var(--accent);color:var(--accent);background:#5fd1ff1f}.svc .item .k{font-family:var(--font-mono);color:var(--dim);margin-left:auto;font-size:10px}.undock{position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.station-panel{flex-direction:column;width:min(760px,100vw - 300px);display:flex;position:absolute;top:16px;bottom:96px;right:16px}.station-panel.wide{width:min(1120px,100vw - 300px)}.showcase-cap{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000c;width:min(640px,70vw);position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.orbital-berth .showcase-cap{bottom:122px}.station-panel .panel-body{flex:1;overflow:auto}.station-panel>.panel-head{padding-right:40px}.wallet-pill{font-family:var(--font-mono);gap:14px;padding:8px 14px;font-size:13px;display:flex;position:absolute;top:16px;right:16px}.station-chat{width:360px!important;bottom:16px!important;left:282px!important}.station-chat .chat{height:170px}@media (max-width:1400px){.station-chat{display:none}}@media (min-width:1401px){.showcase-cap,.undock{left:calc(50% + 280px)}}@media (min-width:701px) and (max-width:1400px){.showcase-cap,.undock{left:calc(50% + 134px)}.showcase-cap{width:min(640px,100vw - 300px)}}.float-panel{z-index:4;flex-direction:column;max-height:calc(100vh - 120px);display:flex;position:absolute}.float-panel .panel-body{overflow:auto}.modal-back{pointer-events:auto;z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.skill-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.skill{border:1px solid var(--line);background:#ffffff05;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.skill .lvl{font-family:var(--font-mono);font-size:18px;font-weight:600}.death{pointer-events:auto;z-index:9;background:radial-gradient(#50000059,#000000e0);flex-direction:column;justify-content:center;align-items:center;animation:.6s toastIn;display:flex;position:fixed;inset:0}.death h1{font-family:var(--font-ui);letter-spacing:.4em;color:#ff7b6b;margin:0 0 8px;font-size:40px}.jump-overlay{pointer-events:none;z-index:8;background:radial-gradient(#c8f0fff2 0%,#5aaaff99 20%,#0a1e3cf2 70%);animation:2.4s ease-in-out forwards jumpFlash;position:fixed;inset:0}@keyframes jumpFlash{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}.map-wrap{pointer-events:auto;z-index:5;background:radial-gradient(at 45%,#0a0f1a 0%,#04060b 55%,#010203 100%);position:fixed;inset:0}.map-wrap canvas{width:100%;height:100%;display:block}.map-side{width:320px;position:absolute;top:16px;right:16px}.help-grid{grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;display:grid}.help-grid kbd{font-family:var(--font-mono);border:1px solid var(--line-2);background:#ffffff0a;padding:1px 6px;font-size:11px}.loading{font-family:var(--font-ui);letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.loading-screen{background:#000;overflow:hidden}.loading-art{background:#000 50%/cover no-repeat;animation:30s ease-out both kenBurns,.8s both fadeIn;position:absolute;inset:-4%}.loading-shade{background:radial-gradient(at 50% 42%,#0000 35%,#0000008c 100%),linear-gradient(#03060a00 50%,#03060af0 100%);position:absolute;inset:0}.loading-foot{text-align:center;position:absolute;bottom:7vh;left:16px;right:16px}.loading-tip{color:#c9d6e2;opacity:.88;max-width:660px;margin:16px auto 0;font-size:14px;line-height:1.5;animation:.6s both toastIn}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin:0 auto 16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1280px),(max-height:760px){.hud-right{width:270px}.hud-left-bottom{width:310px}.chat{height:150px}.xp-drops{right:290px}.ship-status{transform-origin:bottom;transform:scale(.82)}.mod{width:38px;height:38px}.hud-bottom:has(.modules.expanded) .ship-status{zoom:.78;transform:none}.menu-bar .btn{letter-spacing:.08em;padding:5px 8px;font-size:10px}.ov-row{padding:4px 10px;font-size:11.5px}}@media (min-width:1281px) and (max-width:1500px){.hud-bottom:has(.modules.expanded){left:calc(50% + 45px)}.hud-bottom:has(.modules.expanded) .ship-status{zoom:.78;transform:none}.modules.expanded>.row{grid-template-columns:repeat(6,auto)}}@media (max-width:1240px){.hud-bottom:has(.modules.expanded){grid-template-columns:26px 250px;justify-items:center;gap:4px;display:grid}.hud-bottom:has(.modules.expanded) .modules{grid-column:1/-1}.touch .hud-bottom:has(.modules.expanded){grid-template-columns:250px}}@media (max-width:900px){.hud-left-bottom{display:none}.hud-right{width:240px}.menu-bar{top:8px;left:16px;right:auto;transform:none}.hud-top-left{top:56px}.sys-name{font-size:16px}.menu-bar .btn{width:40px;height:40px;padding:0}.menu-bar .mi{display:block}.menu-bar .ml{display:none}.menu-bar [data-menu=chat]{display:inline-flex}}.tutorial-card{border:1px solid #5fd1ff47;border-left:3px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:linear-gradient(#0a1622e6,#060c14e0);width:420px;position:absolute;bottom:268px;left:14px;box-shadow:0 8px 30px #00000073}.tut-head{cursor:pointer;border-bottom:1px solid #5fd1ff1f;align-items:center;gap:10px;padding:8px 12px;display:flex}.tut-kicker{font-family:var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.tut-progress{flex:1;gap:4px;display:flex}.tut-progress i{background:#ffffff24;width:14px;height:3px;display:block}.tut-progress i.on{background:var(--accent)}.tut-progress i.cur{background:#5fd1ff80;animation:1.4s ease-in-out infinite tutPulse}.tut-count{font-family:var(--font-mono,monospace);color:var(--muted);font-size:11px}.tut-body{padding:10px 14px 12px;animation:.35s both toastIn}.tut-title{font-family:var(--font-ui);letter-spacing:.04em;color:#eaf6ff;margin-bottom:4px;font-size:17px;font-weight:700}.tut-body p{color:#c4d2de;margin:0 0 8px;font-size:13px;line-height:1.5}.tut-keys{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tut-keys kbd{font-family:var(--font-ui);letter-spacing:.06em;color:#eaf6ff;background:#ffffff0d;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:3px;padding:3px 7px;font-size:11px;font-weight:700}.tut-foot{justify-content:space-between;align-items:center;font-size:12px;display:flex}.tut-reward{color:var(--gold);font-weight:600}.tut-skip{color:var(--dim);cursor:pointer}.tut-skip:hover{color:var(--muted);text-decoration:underline}@keyframes tutPulse{50%{opacity:.35}}@media (max-width:1100px){.tutorial-card{width:310px;bottom:196px}}.kill-banner{text-align:center;pointer-events:none;animation:2.5s both killIn;position:absolute;top:24%;left:50%;transform:translate(-50%)}.kb-kicker{font-family:var(--font-ui);letter-spacing:.5em;text-transform:uppercase;color:#ff9a6a;text-shadow:0 0 14px #ff783c99;font-size:12px;font-weight:700}.kb-name{font-family:var(--font-ui);letter-spacing:.08em;color:#fff3e8;text-shadow:0 0 20px #ff965a73,0 2px 4px #000c;font-size:26px;font-weight:700}.kb-hull{color:#ffd2b8;letter-spacing:.06em;font-size:16px;font-weight:600}@keyframes killIn{0%{opacity:0;transform:translate(-50%)scale(1.25)}8%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-8px)}}.badge{border:1px solid var(--line-strong,var(--line));font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);vertical-align:1px;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.settings-body{max-height:min(70vh,720px);overflow-y:auto}.settings-grid{grid-template-columns:1fr auto;align-items:center;gap:9px 18px;font-size:13px;display:grid}.settings-sub{border-bottom:1px solid var(--line);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);grid-column:1/-1;margin-top:8px;padding-bottom:4px;font-size:11px;font-weight:700}.settings-grid input[type=range]{width:170px;accent-color:var(--accent)}.seg{border:1px solid var(--line-2);display:inline-flex}.seg-btn{border:0;border-right:1px solid var(--line);color:var(--muted);font-family:var(--font-ui);letter-spacing:.06em;cursor:pointer;background:0 0;padding:5px 10px;font-size:12px;font-weight:600}.seg-btn:last-child{border-right:0}.seg-btn:hover{color:var(--text);background:#5fd1ff14}.seg-btn.on{color:#fff;background:#5fd1ff47}.toggle{border:1px solid var(--line-2);cursor:pointer;background:#ffffff0f;border-radius:10px;justify-self:end;width:38px;height:20px;padding:0;position:relative}.toggle i{background:var(--muted);border-radius:50%;width:14px;height:14px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.toggle.on{border-color:var(--accent);background:#5fd1ff4d}.toggle.on i{background:#fff;left:20px}.drag-handle,[data-drag-key] .panel-head,[data-drag-key] .tut-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.dragging{opacity:.94;box-shadow:0 14px 44px #0000008c}.dragging .drag-handle{cursor:grabbing}.grip{opacity:.35;z-index:2;background:radial-gradient(circle, var(--muted) 1px, transparent 1.4px) 0 0 / 5px 4px;width:14px;height:12px;position:absolute;top:3px;right:4px}.grip:hover{opacity:.9}.panel.modules,.panel.chat{position:relative}.overview.floating{width:330px;height:min(62vh,600px)}.target-card.floating{width:330px}.chat.floating{width:420px}.welcome-back{z-index:12;background:radial-gradient(#040c168c,#000000d1)}.welcome{border-color:#5fd1ff59;width:min(900px,94vw);max-height:92vh;padding:22px 26px;animation:.4s both toastIn;overflow:auto;box-shadow:0 30px 90px #0009,inset 0 0 0 1px #5fd1ff14}.welcome-head h1{font-family:var(--font-ui);letter-spacing:.04em;color:#eef8ff;margin:4px 0 6px;font-size:30px;font-weight:700}.welcome-head p{color:#c4d2de;max-width:720px;margin:0 0 14px;font-size:14px;line-height:1.55}.welcome-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.wcard{border:1px solid var(--line);color:#b9c8d4;background:#ffffff06;padding:10px 12px;font-size:12.5px;line-height:1.5}.wcard b{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:11px;display:block}.welcome-foot{border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}@media (max-width:900px){.welcome-grid{grid-template-columns:repeat(2,1fr)}}.controls-diagram{grid-template-columns:1fr auto;align-items:start;gap:18px;display:grid}.controls-diagram .legend{color:var(--muted);grid-column:1/-1;align-items:center;gap:14px;font-size:11.5px;display:flex}.kb{flex-direction:column;gap:6px;display:flex}.kb-row{flex-wrap:wrap;gap:6px;display:flex}.kb-row.panels{border-top:1px dashed var(--line);margin-top:6px;padding-top:8px}.kcap{background:linear-gradient(#ffffff0f,#ffffff04);border:1px solid #ffffff29;border-bottom-width:3px;border-radius:5px;flex-direction:column;gap:2px;width:76px;min-height:54px;padding:5px 6px;display:flex}.kcap.wide{width:96px}.kcap.small{width:70px;min-height:40px}.kcap b{font-family:var(--font-ui);color:#fff;font-size:15px}.kcap span{color:#aebccb;font-size:10.5px;line-height:1.2}.kcap.fly{border-color:#5fd1ff73}.kcap.fly b{color:#8fe0ff}.kcap.fight{border-color:#ff6e5a80}.kcap.fight b{color:#ff9a88}.kcap.nav{border-color:#f2c35c80}.kcap.nav b{color:#f5d27d}.controls-diagram.compact .kcap{width:66px;min-height:46px}.controls-diagram.compact .kcap.wide{width:84px}.dot{vertical-align:middle;background:var(--muted);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.fly{background:#5fd1ff}.dot.fight{background:#ff6e5a}.dot.nav{background:#f2c35c}.dot.ui{background:#9aa8b6}.mouse{flex-direction:column;align-items:center;gap:10px;width:210px;display:flex}.mouse-body{background:#ffffff08;border:2px solid #ffffff40;border-radius:46px 46px 40px 40px;width:92px;height:132px;position:relative;overflow:hidden}.mb{color:#dfe9f2;justify-content:center;align-items:flex-end;height:52px;padding-bottom:4px;font-size:9.5px;display:flex;position:absolute;top:0}.mb.l{background:#ff6e5a47;border-right:1px solid #fff3;width:40px;left:0}.mb.r{background:#ff6e5a2e;border-left:1px solid #fff3;width:40px;right:0}.mb.m{background:#9aa8b659;border-radius:6px;width:12px;height:26px;top:12px;left:40px}.mb span{font-family:var(--font-ui);font-size:12px;font-weight:700}.mouse-notes{color:#b9c8d4;flex-direction:column;gap:5px;font-size:11.5px;display:flex}.tut-goals{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.tut-goal{color:#c4d2de;align-items:center;gap:8px;font-size:12.5px;display:flex}.tut-goal i{color:#0b1a24;border:1px solid #5fd1ff73;justify-content:center;align-items:center;width:15px;height:15px;font-size:11px;font-style:normal;display:flex}.tut-goal.ok{color:var(--muted);-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.tut-goal.ok i{background:var(--accent);border-color:var(--accent)}.tut-goal kbd{font-family:var(--font-ui);color:#eaf6ff;border:1px solid #fff3;border-bottom-width:2px;border-radius:3px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:700}.tut-pointer{z-index:11;pointer-events:none;border:2px solid var(--accent);border-radius:6px;animation:1.3s ease-in-out infinite tutPoint;position:fixed;box-shadow:0 0 0 4px #5fd1ff26,0 0 24px #5fd1ff73}.tut-pointer-label{white-space:nowrap;background:var(--accent);color:#041018;font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tut-pointer-label.below{top:calc(100% + 8px);bottom:auto}@keyframes tutPoint{0%,to{box-shadow:0 0 0 3px #5fd1ff1f,0 0 18px #5fd1ff59}50%{box-shadow:0 0 0 7px #5fd1ff0d,0 0 34px #5fd1ff99}}.flight-hints{pointer-events:none;gap:10px;animation:.4s both toastIn;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.fh{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-ui);letter-spacing:.04em;color:#dcecf8;background:#060e16b8;border:1px solid #5fd1ff4d;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.fh kbd{font-family:var(--font-ui);color:#fff;background:#5fd1ff24;border:1px solid #ffffff4d;border-bottom-width:3px;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.guide{grid-template-columns:1fr 1fr;gap:12px;display:grid}.guide-item{border:1px solid var(--line);background:#ffffff05;padding:10px 12px}.guide-item b{font-family:var(--font-ui);letter-spacing:.06em;color:#eaf6ff;font-size:14px}.guide-item p{color:#b9c8d4;margin:4px 0 0;font-size:12.5px;line-height:1.55}@media (max-width:800px){.guide,.controls-diagram{grid-template-columns:1fr}}.toast.tip{color:#dff4ff;text-align:left;letter-spacing:.02em;border-color:#5fd1ff8c;max-width:560px;font-weight:500;line-height:1.45}.toast.tip:before{content:"TIP";background:var(--accent);color:#041018;letter-spacing:.14em;margin-right:10px;padding:1px 6px;font-size:10.5px;font-weight:800}.tutorial-card.docked{width:380px;top:16px;bottom:auto;left:282px}.nogl{text-align:left;pointer-events:auto;color:#cfe3f2;font-family:var(--font-ui);background:#03060b;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.nogl h1{letter-spacing:.06em;margin:0 0 10px;font-size:28px}.nogl ul{line-height:1.8}.nogl.gl-lost{z-index:10000;text-align:center;background:#03060beb}.station-ui{position:absolute;inset:0}.station-panel{container-type:inline-size}@container (width<=620px){.split{grid-template-columns:1fr!important}}@media (max-width:700px){.float-panel .split{grid-template-columns:1fr!important}}.ov-fold{cursor:pointer;color:var(--muted);padding:0 2px 0 6px;font-size:12px;display:none}.compact .ov-fold,.touch .ov-fold,.overview.folded .ov-fold{display:inline}.overview.folded{cursor:pointer;flex:none;min-height:0}.overview.folded .panel-head{border-bottom:0}.tut-fold,.tut-line{display:none}.touch{--pad:14px;--f:76px;--b:54px;--r:80px;--stick:128px;--small:48px;--thr-w:48px;--thr-h:180px;--pill-h:42px;--tl:max(var(--pad), var(--sal));--tr:max(var(--pad), var(--sar));--tb:max(var(--pad), var(--sab));--gx:calc(var(--tr) + var(--thr-w) + 12px);--nav-b:calc(max(var(--f) / 2 + var(--r) + var(--b) / 2, var(--thr-h) + 18px) + var(--tb) + 12px);--nav-top:calc(var(--nav-b) + var(--pill-h) + 8px)}.touch-controls{pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.tc-btn{width:var(--b);height:var(--b);--c:#9fdcffb3;--cg:#5fd1ff38;font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#eef8ff;text-shadow:0 1px 3px #000000b3;border:1.5px solid var(--c);box-shadow:0 2px 10px #0006, inset 0 0 16px var(--cg);pointer-events:auto;touch-action:none;cursor:pointer;background:radial-gradient(circle at 50% 32%,#ffffff1f,#060c148c 72%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:12px;font-weight:700;transition:transform 70ms,background .12s,opacity .2s;display:flex;position:absolute}.tc-btn.fly{--c:#5fd1ffbf;--cg:#5fd1ff40}.tc-btn.fight{--c:#ff6e5ad1;--cg:#ff6e5a47}.tc-btn.nav{--c:#f2c35cc7;--cg:#f2c35c38}.tc-btn.down{background:radial-gradient(circle at 50% 40%, #ffffff38, #060c1459 80%), var(--cg);transform:scale(.92)}.tc-btn.off,.tc-btn.dim{opacity:.38}.tc-btn small{letter-spacing:.1em;opacity:.85;font-size:8.5px;line-height:1}.tc-ico{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.tc-fire{right:var(--gx);bottom:var(--tb);width:var(--f);height:var(--f);letter-spacing:.16em;font-size:15px}.tc-msl{right:calc(var(--gx) + var(--f) / 2 + var(--r) - var(--b) / 2);bottom:calc(var(--tb) + var(--f) / 2 - var(--b) / 2)}.tc-boost{right:calc(var(--gx) + var(--f) / 2 + var(--r) * .707 - var(--b) / 2);bottom:calc(var(--tb) + var(--f) / 2 + var(--r) * .707 - var(--b) / 2);letter-spacing:.08em;font-size:10.5px}.tc-tgt{right:calc(var(--gx) + var(--f) / 2 - var(--b) / 2);bottom:calc(var(--tb) + var(--f) / 2 + var(--r) - var(--b) / 2)}.tc-lock{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;top:-6px;left:-6px;overflow:visible;transform:rotate(-90deg)}.tc-lock circle{fill:none;stroke:#ffe08a;stroke-width:2.4px;stroke-linecap:round}.tc-msl.ready{box-shadow:0 0 18px #ffe08a8c, inset 0 0 16px var(--cg)}.tc-nav{right:var(--tr);bottom:var(--nav-b);gap:6px;display:flex;position:absolute}.tc-btn.pill{width:auto;min-width:60px;height:var(--pill-h);border-radius:calc(var(--pill-h) / 2);padding:0 12px;font-size:11.5px;position:relative}.tc-btn.pill.ctx{min-width:86px}.tc-btn.pill.on{background:#f2c35c52}.tc-left{left:var(--tl);bottom:calc(var(--tb) + var(--stick) + 12px);flex-direction:column-reverse;gap:8px;display:flex;position:absolute}.tc-row{gap:10px;display:flex}.tc-btn.small{width:var(--small);height:var(--small);letter-spacing:.02em;font-size:15px;position:relative}.tc-stick-zone{width:min(calc(var(--tl) + var(--stick) + 44px), 42vw);height:calc(var(--tb) + var(--stick) + 8px);pointer-events:auto;touch-action:none;position:absolute;bottom:0;left:0}.tc-stick{left:var(--tl);bottom:var(--tb);width:var(--stick);height:var(--stick);background:radial-gradient(circle,#5fd1ff12 0 30%,#060c146b 72%);border:1.5px solid #5fd1ff6b;border-radius:50%;transition:transform .14s ease-out;position:absolute;box-shadow:inset 0 0 26px #5fd1ff24,0 2px 12px #00000059}.tc-stick:before{content:"";border:1px dashed #5fd1ff33;border-radius:50%;position:absolute;inset:20%}.tc-knob{background:radial-gradient(circle at 42% 34%,#f0fafff2,#78d2ffcc 48%,#2a8fd6d9);border-radius:50%;width:46%;height:46%;transition:transform .12s ease-out;position:absolute;top:27%;left:27%;box-shadow:0 0 18px #5fd1ff80,0 2px 6px #00000080}.tc-stick-zone.down .tc-stick,.tc-stick-zone.down .tc-knob{transition:none}.tc-stick-zone.down .tc-stick{border-color:#5fd1ffd9}.tc-throttle{right:var(--tr);bottom:var(--tb);width:var(--thr-w);height:var(--thr-h);pointer-events:auto;touch-action:none;background:#060c1473;border:1.5px solid #5fd1ff6b;border-radius:14px;position:absolute;box-shadow:inset 0 0 14px #5fd1ff1f}.tc-rail{background:#ffffff14;border-radius:4px;width:8px;margin-left:-4px;position:absolute;top:10px;bottom:10px;left:50%}.tc-fill{background:linear-gradient(0deg, var(--accent-2), var(--accent));border-radius:4px;position:absolute;left:0;right:0;box-shadow:0 0 10px #5fd1ff73}.tc-zero{background:#ffffff8c;height:2px;margin-bottom:-1px;position:absolute;left:-12px;right:-12px}.tc-grip{background:linear-gradient(#f2fbff,#9ed8f5);border-radius:7px;width:36px;height:14px;margin:0 0 -7px -18px;position:absolute;left:50%;box-shadow:0 0 12px #5fd1ffbf,0 1px 3px #0009}.tc-tval{text-align:center;font-family:var(--font-mono);color:#cfe3f2;text-shadow:0 1px 3px #000;font-size:11px;position:absolute;top:-19px;left:-8px;right:-8px}.tc-btn.hint,.tc-throttle.hint,.tc-stick-zone.hint .tc-stick,.tc-row.hint .tc-btn{animation:1.4s ease-in-out infinite tcHint}@keyframes tcHint{0%,to{box-shadow:0 0 0 2px #5fd1ff66,0 0 14px #5fd1ff59}50%{box-shadow:0 0 0 8px #5fd1ff1a,0 0 30px #5fd1ffcc}}@media (max-width:370px){.touch{--f:68px;--b:48px;--r:72px;--stick:112px;--small:44px;--thr-w:44px}}@media (max-height:500px){.touch{--pad:12px;--f:70px;--b:50px;--r:72px;--stick:116px;--small:44px;--thr-h:112px;--pill-h:38px}}@media (min-width:700px) and (min-height:600px){.touch{--pad:22px;--f:88px;--b:60px;--r:94px;--stick:150px;--small:54px;--thr-w:52px;--thr-h:220px;--pill-h:46px}.tc-btn{font-size:13px}.tc-fire{font-size:17px}.tc-btn.pill{min-width:70px;font-size:12.5px}}.touch-diagram{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.td-screen{aspect-ratio:2.05;min-height:150px;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#dfe9f2;background:radial-gradient(at 50% 35%,#2e507859,#03070cb3);border:1.5px solid #ffffff38;border-radius:16px;font-size:9px;font-weight:700;position:relative;overflow:hidden}.td-screen i{justify-content:center;align-items:center;font-style:normal;display:flex}.td-stick{aspect-ratio:1;background:radial-gradient(circle,#8fe0ffe6 0 18%,#5fd1ff1a 20%);border:1.5px solid #5fd1ffb3;border-radius:50%;width:23%;position:absolute;bottom:8%;left:5%}.td-stick span{text-align:center;color:#8fe0ff;display:none;position:absolute;top:calc(100% + 1px);left:-20px;right:-20px}.td-roll{color:#8fe0ff;align-items:center;gap:4px;display:flex;position:absolute;top:22%;left:5%}.td-roll i{border:1px solid #5fd1ffb3;border-radius:50%;width:18px;height:18px;font-size:11px}.td-view{text-align:center;text-transform:none;letter-spacing:.02em;color:#b9c8d4;font-size:10px;font-weight:600;line-height:1.35;position:absolute;top:26%;left:30%;right:30%}.td-view b{color:#fff}.td-nav{gap:3px;display:flex;position:absolute;top:8%;right:4%}.td-nav i{color:#f5d27d;border:1px solid #f2c35ccc;border-radius:8px;padding:2px 5px;font-size:8px}.td-arc{width:80px;height:70px;position:absolute;bottom:7%;right:14%}.td-arc i{color:#ff9a88;letter-spacing:.04em;border:1px solid #ff6e5acc;border-radius:50%;width:22px;height:22px;font-size:6.5px;position:absolute}.td-arc i.f{width:32px;height:32px;font-size:8.5px;bottom:0;right:0}.td-arc i:nth-child(2){bottom:5px;right:40px}.td-arc i:nth-child(3){color:#8fe0ff;border-color:#5fd1ffcc;bottom:32px;right:30px}.td-arc i:nth-child(4){bottom:42px;right:5px}.td-thr{background:linear-gradient(#0000 28%,#5fd1ff73 28% 67%,#0000 67%);border:1px solid #5fd1ff99;border-radius:5px;width:6%;height:48%;position:absolute;bottom:7%;right:3.5%}.td-thr span{color:#8fe0ff;white-space:nowrap;font-size:7.5px;position:absolute;bottom:calc(100% + 3px);right:-4px}.td-notes{color:#b9c8d4;flex-direction:column;gap:6px;font-size:12px;line-height:1.45;display:flex}.td-notes b{color:#eaf6ff}@media (max-width:700px){.touch-diagram{grid-template-columns:1fr}}.touch .hud-top-left{left:max(16px, var(--sal));top:calc(var(--sat) + 14px)}.touch .hud-right{top:calc(var(--sat) + 14px);right:max(14px, var(--sar));bottom:var(--nav-top)}.touch .hud-right .overview{order:-1}.touch .hud-bottom{bottom:max(14px, var(--sab))}.touch .hud-left-bottom{display:none}.touch .menu-bar [data-menu=chat]{display:inline-flex}.touch .menu-bar .btn{width:40px;height:40px;padding:0}.touch .menu-bar .mi{display:block}.touch .menu-bar .ml{display:none}.touch .tutorial-card:not(.docked){top:calc(var(--sat) + 96px);bottom:auto;left:max(14px, var(--sal))}.touch .tutorial-card.min .tut-line,.compact .tutorial-card.min .tut-line{color:#c4d2de;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 12px 9px;font-size:13px;display:block;overflow:hidden}.tut-line b{color:#eaf6ff;font-family:var(--font-ui);letter-spacing:.04em;font-size:14px}.touch .tut-fold,.compact .tut-fold{color:var(--muted);font-size:11px;display:inline}@media (max-width:1000px){.touch .hud-bottom{flex-direction:column-reverse;align-items:center;gap:2px}}@media (max-width:1100px){.touch .tutorial-card.docked{left:max(16px, var(--sal));top:auto;bottom:calc(var(--sab) + 100px);width:250px}}@media (max-width:900px){.touch .menu-bar{left:max(16px, var(--sal))}.touch .hud-top-left{top:calc(var(--sat) + 56px)}.touch .tutorial-card:not(.docked){top:calc(var(--sat) + 116px)}}.touch .btn.small{min-height:34px}.touch .tab{padding:10px 12px}.touch .ov-row{padding-top:9px;padding-bottom:9px}.touch .x{padding:6px 10px}.touch .chat-tabs span{padding:7px 9px}.touch .chip.clickable{padding:5px 9px}.touch .svc .item .k{display:none}.touch .interactive,.touch .panel,.touch .screen{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.touch #ui{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch #ui input,.touch #ui textarea{-webkit-user-select:text;user-select:text}.touch .list,.touch .panel-body,.touch .log,.touch .float-scroll,.touch .station-left,.touch .tut-body,.touch .map-side,.touch .settings-body{overscroll-behavior:contain}.map-wrap{touch-action:none}@supports (height:100dvh){.touch .float-panel{max-height:calc(100dvh - 120px)}.touch .float-scroll,.touch .handbook>.panel-body{max-height:calc(100dvh - 150px)!important}}.chat-float{left:50%;top:calc(var(--sat) + 64px);z-index:6;width:min(440px,100vw - 16px);position:absolute;transform:translate(-50%)}.chat-float .chat{height:min(280px,42vh)}.chat-float .chat-x{z-index:3;cursor:pointer;opacity:.75;padding:4px 9px;font-size:16px;position:absolute;top:2px;right:4px}.chat-float .chat .chat-tabs{flex-wrap:wrap;padding-right:36px}.chat-float .chat .grip,.compact .panel .grip{display:none}.mobile .panel,.mobile .tutorial-card,.mobile .fh{-webkit-backdrop-filter:none;backdrop-filter:none}.mobile .panel{background:#070b11e0}.mobile .float-panel,.mobile .station-panel,.mobile .map-side,.mobile .welcome,.mobile .chat-float .panel{background:#070b11f5}.compact .hud-top-left{max-width:44vw}.compact .sys-name{white-space:nowrap;font-size:15px}.compact .sys-sub{letter-spacing:.1em;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.compact .sec{margin-left:6px;padding:0 4px;font-size:10.5px}.compact .menu-bar{scrollbar-width:none;gap:3px;padding:1px 0;display:flex;overflow-x:auto;transform:none}.compact .menu-bar::-webkit-scrollbar{display:none}.compact .menu-bar .btn{flex:none;width:38px;height:38px;padding:0}.compact .menu-bar .btn:first-child{margin-left:auto}.compact .menu-bar .btn:last-child{margin-right:auto}.compact .menu-bar .mi{display:block}.compact .menu-bar .ml{display:none}.compact .menu-bar [data-menu=chat]{display:inline-flex}.compact .hud-left-bottom{display:none}.compact .hud-right{gap:6px;bottom:auto}.compact .hud-right .overview{order:-1}.compact .overview .panel-head{gap:6px;padding:8px 10px 7px;font-size:12px}.compact .overview .tabs{padding:0 4px}.compact .overview .tab{padding:8px 7px;font-size:11px}.compact .ov-row{gap:6px;padding:8px 10px;font-size:12px}.compact .target-card .panel-head{white-space:nowrap;flex-wrap:nowrap;gap:6px;padding:7px 10px 6px;font-size:12px;overflow:hidden}.compact .target-card .panel-body{grid-template-columns:1fr 1fr;column-gap:10px;padding:6px 10px 8px;font-size:12px;display:grid}.compact .target-card .panel-body>*{grid-column:1/-1}.compact .target-card .panel-body>.hbar{grid-column:auto;grid-template-columns:1fr 34px;margin-top:3px;font-size:10px}.compact .target-card .hbar .label{display:none}.compact .target-card .actions{gap:5px;margin-top:6px}.compact .ship-status{zoom:.56;transform:none}.compact .mod{width:34px;height:34px}.compact .panel.modules{padding:4px}.compact .panel.modules .grip{display:none}.compact .modules.expanded{overscroll-behavior:contain;max-height:160px;overflow-y:auto}.compact .modules.expanded>.row{grid-template-columns:repeat(4,auto)}.compact .hud-bottom{gap:8px}.compact .tutorial-card{width:auto}.compact .tutorial-card:not(.min){z-index:4}.compact .tut-head{gap:8px;padding:8px 10px}.compact .tut-kicker,.touch .tut-kicker{white-space:nowrap}.compact .tut-progress,.touch .tut-progress{gap:3px;min-width:0}.compact .tut-progress i,.touch .tut-progress i{flex-shrink:1;width:7px}.compact .tut-body{max-height:46vh;overflow-y:auto}.compact .tut-body p{font-size:12.5px}.compact .toasts{top:calc(var(--sat) + 96px);z-index:7;width:min(420px,92vw)}.compact .toast{text-align:center;padding:6px 12px;font-size:12.5px}.compact .announce{top:calc(var(--sat) + 150px);max-width:92vw;padding:8px 14px;font-size:13px}.compact .xp-drops{align-items:center;top:44%;left:50%;right:auto;transform:translate(-50%)}.compact .xp-drop{font-size:13px}.compact .center-status{letter-spacing:.2em;width:90vw;font-size:12px;top:34%}.compact .kb-name{font-size:20px}.compact .death h1{letter-spacing:.25em;text-align:center;font-size:26px}.compact .float-panel{z-index:6;left:max(6px, var(--sal))!important;right:max(6px, var(--sar))!important;top:calc(var(--sat) + 50px)!important;width:auto!important;max-height:calc(100% - var(--sat) - 50px - max(8px, var(--sab)))!important;transform:none!important}.compact .float-panel>.float-scroll,.compact .float-panel>.panel-body,.compact .float-panel .settings-body{flex:auto;min-height:0;overflow:auto;max-height:none!important}.compact .panel-head{flex-wrap:wrap;row-gap:4px}.compact .settings-grid{grid-template-columns:1fr;gap:6px}.compact .settings-grid .toggle{justify-self:start}.compact .seg{flex-wrap:wrap}.compact .skill-grid{grid-template-columns:1fr}.compact .map-side{left:max(8px, var(--sal));right:max(8px, var(--sar));top:auto;bottom:max(8px, var(--sab));width:auto;max-height:44%;overflow-y:auto}.compact .welcome{max-height:calc(100% - var(--sat) - var(--sab) - 16px);padding:14px 14px 12px}.compact .welcome-head h1{font-size:22px}.compact .welcome-head p{font-size:13px}.compact .welcome-grid{grid-template-columns:1fr 1fr;gap:8px}.compact .wcard{padding:8px 10px;font-size:11.5px}.compact .welcome-foot{flex-wrap:wrap}.compact .welcome-foot .grow{display:none}.compact .welcome-foot .btn.big{letter-spacing:.14em;padding:12px 18px;font-size:13px}.compact .station-left{top:calc(var(--sat) + 8px);left:max(8px, var(--sal));right:max(8px, var(--sar));gap:8px;width:auto;bottom:auto}.compact.tut-on .station-left{top:calc(var(--sat) + 14px + var(--tut-h,0px))}.compact .station-left>.grow,.compact .station-left>.panel:last-child:not(.svc){display:none}.compact .station-title{min-height:58px;padding:10px 150px 10px 12px}.compact .station-title .n{font-size:15px}.compact .wallet-pill{top:calc(var(--sat) + 16px);right:calc(max(8px, var(--sar)) + 8px);flex-direction:column;align-items:flex-end;gap:1px;padding:6px 10px;font-size:11.5px}.compact.tut-on .wallet-pill{top:calc(var(--sat) + 22px + var(--tut-h,0px))}.compact .svc{grid-template-columns:1fr 1fr;display:grid}.compact .svc .item{letter-spacing:.1em;border-bottom:1px solid #78beff0f;border-left:0;padding:12px;font-size:12px}.compact .svc .item.on{background:#5fd1ff24}.compact .undock{bottom:calc(max(12px, var(--sab)) + 4px)}.compact .undock .btn.big{padding:13px 44px}.compact .showcase-cap{bottom:calc(max(12px, var(--sab)) + 74px);width:calc(100vw - 24px)}.compact .orbital-berth .showcase-cap{bottom:calc(max(12px, var(--sab)) + 104px)}.compact .showcase-cap .cap-name{font-size:24px!important}.compact .showcase-cap .cap-desc{display:none}.compact .showcase-cap .cap-stats{flex-wrap:wrap;gap:14px!important}.compact .tutorial-card.docked{top:calc(var(--sat) + 8px);left:max(8px, var(--sal));right:max(8px, var(--sar));width:auto;bottom:auto}.compact .station-ui.svc-open>:not(.station-panel){display:none}.compact .station-panel{z-index:5;left:max(6px, var(--sal))!important;right:max(6px, var(--sar))!important;top:calc(var(--sat) + 6px)!important;bottom:max(6px, var(--sab))!important;width:auto!important}.compact.tut-on .station-panel{top:calc(var(--sat) + 12px + var(--tut-h,0px))!important}.compact .station-panel>.panel-head{padding-right:48px}.compact .trade-row{flex-wrap:wrap}.compact .trade-row>.grow{flex-basis:100%}.compact .svc-close{padding:6px 12px;font-size:20px;top:2px!important;right:4px!important}.compact .screen{overflow:hidden auto}.compact .login-card{width:min(400px,100vw - 32px);left:50%;transform:translate(-50%,-50%)}.compact .logo-img{width:min(300px,70vw)}.compact .tagline{letter-spacing:.3em;margin-bottom:16px;font-size:11px}.compact .foot-note{display:none}.compact .tagline,.compact .login-card>.muted{text-shadow:0 1px 4px #000,0 0 12px #000;color:#b7c7d6}.compact .char-screen{right:max(12px, var(--sar));padding-bottom:16px;left:max(12px, var(--sal))!important;top:calc(var(--sat) + 12px)!important;width:auto!important}.compact .char-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.compact .char-card>div:first-child{aspect-ratio:1;width:100%!important;height:auto!important}.compact .create-panel{margin-bottom:12px;left:50%!important;top:calc(var(--sat) + 12px)!important;width:calc(100vw - 20px)!important;transform:translate(-50%)!important}.compact .faction-card{padding:8px}.compact .faction-card img{width:56px;height:56px}@media (orientation:portrait){.compact:not(.touch) .hud-bottom:has(.modules.expanded){display:contents}.compact:not(.touch) .hud-bottom:has(.modules.expanded)>.col{display:none}.compact:not(.touch) .hud-bottom:has(.modules.expanded) .modules{position:absolute;bottom:170px;left:8px}.compact:not(.touch) .hud-bottom:has(.modules.expanded) .ship-status{zoom:.56;position:absolute;bottom:14px;left:8px}.compact .menu-bar{left:max(8px, var(--sal));right:max(8px, var(--sar));top:calc(var(--sat) + 6px)}.compact .menu-bar .btn{width:36px}.compact .menu-bar [data-menu=fullscreen]{display:none}.compact .hud-top-left{top:calc(var(--sat) + 52px);left:max(10px, var(--sal))}.compact .tutorial-card:not(.docked){top:calc(var(--sat) + 104px);left:max(8px, var(--sal));right:max(8px, var(--sar));bottom:auto}.compact .hud-right{top:calc(var(--sat) + 52px);right:max(8px, var(--sar));width:min(50vw,250px)}.compact.tut-on .hud-right{top:calc(var(--sat) + 110px + var(--tut-h,0px))}.compact .overview .list{max-height:30vh}.compact.touch .hud-right{bottom:var(--nav-top)}.compact.touch .hud-right .overview:not(.folded){flex:auto;min-height:0}.compact.touch .overview .list{min-height:0;max-height:none}.compact.touch .hud-right .target-card{flex:none}.compact.touch .hud-bottom{display:contents}.compact.touch .hud-bottom:has(.modules.expanded){display:contents}.compact.touch .ship-status{zoom:1;transform-origin:0 0;left:max(4px, var(--sal));top:calc(var(--sat) + 104px);position:absolute;transform:scale(.56)}.compact.touch .hud-bottom:has(.modules.expanded) .ship-status{zoom:1;transform:scale(.56)}.compact.touch.tut-on .ship-status{top:calc(var(--sat) + 110px + var(--tut-h,0px))}.compact.touch .panel.modules{left:var(--tl);bottom:max(calc(var(--tb) + var(--stick) + 2 * var(--small) + 34px), calc(var(--nav-top) + 4px));position:absolute}}@media (orientation:landscape){.compact .hud-top-left{top:calc(var(--sat) + 8px);left:max(12px, var(--sal));max-width:136px}.compact .menu-bar{top:calc(var(--sat) + 6px);left:calc(max(8px, var(--sal)) + 144px);right:calc(max(8px, var(--sar)) + 212px)}.compact .menu-bar .btn{width:34px}.compact .hud-right{top:calc(var(--sat) + 6px);right:max(8px, var(--sar));width:204px}.compact .hud-right.ov-open{bottom:max(8px, var(--sab));z-index:5}.compact.touch .target-card .actions{display:none}.compact .tutorial-card:not(.docked){top:calc(var(--sat) + 50px);left:calc(max(8px, var(--sal)) + 144px);right:calc(max(8px, var(--sar)) + 212px);width:auto;bottom:auto}.compact .tutorial-card:not(.docked) .tut-body{max-height:calc(100vh - var(--sat) - 190px)}.compact .overview .panel-head{padding:6px 10px 5px}.compact .toasts{top:calc(var(--sat) + 50px);width:min(380px,44vw)}.compact .announce{top:calc(var(--sat) + 96px);max-width:50vw}.compact .center-status{width:46vw;top:26%}.compact.touch .hud-bottom{bottom:max(8px, var(--sab));flex-direction:row;align-items:flex-end}.compact .ship-status{zoom:.6}.compact.touch .hud-bottom:has(.modules.expanded) .ship-status{zoom:.6;transform:none}.compact .map-side{left:auto;top:calc(var(--sat) + 8px);bottom:max(8px, var(--sab));width:260px;max-height:none}.compact .welcome-grid{grid-template-columns:repeat(4,1fr)}.compact .login-card{top:calc(var(--sat) + 12px);padding-bottom:12px;transform:translate(-50%)}.compact .logo-img{width:220px;margin-bottom:2px}.compact .station-left,.compact.tut-on .station-left{top:calc(var(--sat) + 8px);width:min(300px,44vw);right:auto;bottom:max(8px, var(--sab));overflow-y:auto}.compact .station-title{padding-right:12px}.compact .wallet-pill,.compact.tut-on .wallet-pill{top:calc(var(--sat) + 8px);right:max(10px, var(--sar));flex-direction:row;gap:10px}.compact .tutorial-card.docked{left:auto;right:max(8px, var(--sar));top:calc(var(--sat) + 48px);width:min(340px,48vw)}.compact.tut-on .station-panel{top:calc(var(--sat) + 6px)!important}.compact .station-ui.svc-open~.tutorial-card.docked{display:none}.compact .showcase-cap{left:calc(max(8px, var(--sal)) + min(300px, 44vw) + 12px);right:max(8px, var(--sar));width:auto;bottom:calc(max(10px, var(--sab)) + 64px);transform:none}.compact .orbital-berth .showcase-cap{bottom:calc(max(10px, var(--sab)) + 94px)}.compact .undock{left:auto;right:max(12px, var(--sar));bottom:max(10px, var(--sab));transform:none}}@media (max-width:370px){.compact .mod{width:31px;height:31px}}.gfx-settings .gfx-label{cursor:help;align-items:center;gap:6px;display:inline-flex}.gfx-settings .gfx-info{text-align:center;border:1px solid var(--line);width:13px;height:13px;color:var(--muted,#8aa);opacity:.7;border-radius:50%;font-size:9px;font-style:normal;line-height:13px}.gfx-settings .gfx-cost{letter-spacing:1px;color:#6fd08a;font-size:8px}.gfx-settings .gfx-cost.c-med{color:#e0c060}.gfx-settings .gfx-cost.c-high{color:#f09050}.gfx-settings .gfx-cost.c-vhigh{color:#ff6a5a}.gfx-settings .gfx-note{grid-column:1/-1;margin-top:-4px;font-size:11px;line-height:1.45}.gfx-settings .seg{flex-wrap:wrap;justify-content:flex-end}.compact .gfx-settings .seg{justify-content:flex-start}.toasts{z-index:7}.float-panel.colony-win{max-height:calc(100vh - 72px)}.float-panel.colony-win.cw-map{height:min(760px,100vh - 72px)}.colony-win .small,.colony-prompt .small{font-size:11.5px}.colony-win .panel-head{flex-shrink:0;padding-right:12px}.colony-win .panel-head .tabs{margin-left:8px}.colony-win>.panel-body{flex:1;min-height:0;overflow:auto}.colony-win .ci{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.colony-win .chip.cdim,.colony-win tr.cdim{opacity:.45}.colony-win .chip.good{color:var(--good);border-color:#5dffa866}.colony-win .chip.warn{color:var(--warn);border-color:#ffb34773}.colony-win .chip.bad{color:#ff8c7d;border-color:#ff5b4a8c}.chip.cdome{color:#cfe9ff;border-color:#9fd8ff66}.cpulse{animation:1.2s ease-in-out infinite tutPulse}.cnowrap{white-space:nowrap}.chead{gap:10px}.chead .cname{text-transform:none;letter-spacing:.04em;min-width:0}.chead .cname .n{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.chead .cname .p{font-family:var(--font-body);color:var(--muted);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.btn.cback{letter-spacing:0;padding:4px 10px;font-size:14px}.cview{flex:1;grid-template-columns:minmax(0,1.18fr) minmax(340px,1fr);min-height:0;display:grid}.cview-map{border-right:1px solid var(--line);min-height:0;position:relative}.cside{flex-direction:column;min-width:0;min-height:0;display:flex}.ctabs{scrollbar-width:none;flex-shrink:0;overflow-x:auto}.ctabs::-webkit-scrollbar{display:none}.ctabs .tab{white-space:nowrap;position:relative}.cbadge{background:var(--warn);width:6px;height:6px;box-shadow:0 0 6px var(--warn);border-radius:50%;position:absolute;top:7px;right:3px}.cside-body{flex:1;min-height:0;padding:12px 14px 16px;overflow:auto}.touch .cside-body,.touch .chome{overscroll-behavior:contain}.cp-map{background:#04070b;position:absolute;inset:0;overflow:hidden}.cp-map canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.cp-map canvas:active{cursor:grabbing}.cp-map.armed canvas{cursor:crosshair}.cp-tools{z-index:2;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px}.cp-tools .seg{background:#060b11d1}.cp-zoom{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;right:10px}.cp-btn{border:1px solid var(--line-2);min-width:30px;height:30px;color:var(--text);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#060b11d1;padding:0 9px;font-size:12px;font-weight:700}.cp-zoom .cp-btn{letter-spacing:0;padding:0;font-size:16px}.cp-btn:hover{border-color:var(--accent);color:#fff}.cp-btn.on{border-color:var(--accent);color:var(--accent);background:#5fd1ff29}.cp-armed{border:1px solid var(--line-2);z-index:2;background:#060b11e0;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:6px 6px 6px 10px;font-size:12.5px;animation:.2s ease-out toastIn;display:flex;position:absolute;bottom:10px;left:10px}.cp-armed .ci{width:20px;height:20px}.cp-armed>span:first-of-type{font-family:var(--font-ui);letter-spacing:.04em;white-space:nowrap;font-weight:700}.cp-armed .cp-hint{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.cp-x{border:1px solid var(--line-2);color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;width:28px;height:26px;margin-left:auto}.cp-x:hover{color:#fff;border-color:var(--accent)}.cp-legend{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);z-index:2;pointer-events:none;background:#060b11cc;align-items:center;gap:6px;padding:3px 8px;font-size:10.5px;display:flex;position:absolute;top:48px;left:10px}.cp-legend i{background:linear-gradient(90deg,#ff5b4ae6,#ffd75ae6,#78f096e6);width:70px;height:6px;display:block}.cp-tipwrap{z-index:3;pointer-events:none;max-width:270px;position:absolute;top:0;left:0}.cp-tip{border:1px solid var(--line-2);background:#050a10f2;padding:8px 10px;font-size:12px;line-height:1.4;box-shadow:0 8px 26px #00000080}.cp-tip.brush{border-color:#5fd1ff73}.cp-tip-h{font-family:var(--font-ui);letter-spacing:.04em;color:#eaf6ff;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.cp-dot{flex-shrink:0;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.cp-rows{grid-template-columns:auto auto;justify-content:space-between;gap:2px 14px;margin-top:5px;display:grid}.cp-note{color:#b9c8d4;margin-top:6px;font-size:11.5px}.cp-confirm{z-index:4;background:#060b11f7;width:260px;padding:10px 12px;animation:.18s ease-out toastIn;position:absolute}.cp-confirm-t{font-family:var(--font-ui);letter-spacing:.03em;margin-bottom:3px;font-size:15px;font-weight:700}.cmini{border:1px solid var(--line);background:#04070b;flex-shrink:0;display:block}.cov{gap:12px}.cstats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.cstat{border:1px solid var(--line);background:#ffffff06;min-width:0;padding:8px 10px}.cstat .v{white-space:nowrap;margin-top:2px;font-size:20px;font-weight:600;line-height:1.2}.ctreasury{background:linear-gradient(#f2c35c12,#f2c35c05);border:1px solid #f2c35c4d;padding:10px 12px}.ctreasury-v{margin:2px 0 5px;font-size:22px;font-weight:600}.calert{border-left:3px solid var(--warn);background:#ffb34714;padding:8px 10px;font-size:12.5px;line-height:1.45}.calert[onclick],.calert.warn{cursor:default}.calert.bad{border-left-color:var(--bad);background:#ff5b4a1a}.csec{border-top:1px solid var(--line);padding-top:10px}.csec-h{align-items:center;gap:8px;margin-bottom:7px;display:flex}.csteps{flex-direction:column;gap:6px;display:flex}.cstep{align-items:center;gap:10px;font-size:12.5px;display:flex}.cstep>i{color:#0b1a24;border:1px solid #5fd1ff73;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-style:normal;display:flex}.cstep.ok>i{background:var(--accent);border-color:var(--accent)}.cstep.ok b{color:var(--muted);-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.crci{grid-template-columns:repeat(4,1fr) 1.6fr;align-items:end;gap:8px;display:grid}.crci-c{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.crci-bar{border:1px solid var(--line);background:#ffffff09;width:100%;max-width:38px;height:64px;position:relative}.crci-bar:after{content:"";background:#ffffff59;height:1px;position:absolute;top:50%;left:-3px;right:-3px}.crci-bar i{transition:height .4s;position:absolute;left:22%;right:22%;box-shadow:0 0 8px}.crci-note{align-self:center;line-height:1.45}.cmeter{grid-template-columns:82px 1fr auto;align-items:center;gap:4px 10px;margin:5px 0;font-size:12.5px;display:grid}.cmeter-sub{grid-column:2/-1;margin-top:-3px}.crow2{grid-template-columns:auto auto auto auto;justify-content:space-between;gap:4px 12px;margin-top:6px;font-size:12.5px;display:grid}.cparts{grid-template-columns:1fr auto;gap:3px 14px;font-size:12.5px;display:grid}.chab-bar{background:#ffffff0f;height:8px;margin:4px 0 7px;position:relative}.chab-bar i{background:linear-gradient(90deg,#c0785a,#d8c060 45%,#5dffa8);position:absolute;top:0;bottom:0;left:0}.chab-bar b{background:#fff;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 6px #fff9}.chab-bar em{border-left:2px dotted var(--accent);width:0;position:absolute;top:-3px;bottom:-3px}.cnext{border:1px solid var(--line);background:#5fd1ff0a;flex-direction:column;gap:7px;margin-top:8px;padding:10px 12px;display:flex}.cchecks{flex-direction:column;gap:2px;font-size:12px;display:flex}.cchecks i{width:16px;font-style:normal;display:inline-block}.cmake{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;margin:4px 0;font-size:11px;font-weight:700;display:grid}.cmake .small{font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-weight:400}.csure{flex-wrap:wrap;gap:6px}.csure>.btn:first-child{flex:1;animation:.15s ease-out toastIn}.cmod{grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:3px 0;font-size:12.5px;display:grid}.cmiles{flex-wrap:wrap;gap:4px;display:flex}.cmiles .chip{text-transform:none;letter-spacing:.03em;font-size:11px}.cbuild{gap:12px}.ctools{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:6px;display:grid}.ctool{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff06;grid-template-rows:auto auto;grid-template-columns:22px 1fr;align-items:center;column-gap:7px;padding:7px 8px;transition:border-color .12s,background .12s;display:grid;position:relative}.ctool .ci{color:var(--kc);grid-row:1/span 2;width:20px;height:20px}.ctool .n{font-family:var(--font-ui);letter-spacing:.03em;padding-right:10px;font-size:13px;font-weight:700;line-height:1.1}.ctool .c{color:var(--muted);font-size:10.5px}.ctool:hover{border-color:var(--kc);background:color-mix(in srgb, var(--kc) 8%, transparent)}.ctool.on{border-color:var(--kc);background:color-mix(in srgb, var(--kc) 18%, transparent);box-shadow:inset 0 0 0 1px var(--kc), 0 0 14px color-mix(in srgb, var(--kc) 30%, transparent)}.ctool.short .c{color:var(--warn)}.ctool.locked{opacity:.45}.ctool .ci.lock{width:12px;height:12px;color:var(--muted);grid-row:auto;position:absolute;top:5px;right:5px}.cdetail{border:1px solid var(--line);border-left:3px solid var(--kc,var(--bad));background:#ffffff05;flex-direction:column;gap:7px;padding:10px 12px;animation:.2s ease-out toastIn;display:flex}.cdetail-h{font-family:var(--font-ui);letter-spacing:.03em;align-items:center;gap:8px;font-size:16px;display:flex}.cdetail-h .ci{color:var(--kc,var(--bad));width:22px;height:22px}.cmats{flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:flex}.cmats>span{align-items:center;gap:5px;display:inline-flex}.cmats>span.short{color:var(--warn)}.cztab{margin-top:2px}.cdepot{gap:10px}.csource{line-height:1.45}.cdtab .cact{white-space:nowrap}.cdtab .cact .btn{margin-left:4px}.cdtab tr.cshort td:first-child{box-shadow:inset 2px 0 0 var(--warn)}.chip.cstall{margin-left:6px;padding:0 5px;font-size:9px}.cmove,.cbuy{background:#081018e6;border-color:#5fd1ff59;padding:10px 12px}.cbuy{border-color:#f2c35c73}.cmove .x,.cbuy .x{cursor:pointer;opacity:.6;padding:2px 6px}.cmove table.grid{margin-top:6px}.cqty{width:84px!important;padding:4px 6px!important}.ctech{border:1px solid var(--line);background:#ffffff05;align-items:center;gap:12px;padding:9px 11px;display:flex}.ctech.done{background:#5dffa80a;border-color:#5dffa84d}.clog{flex-direction:column;display:flex}.clog-e{border-bottom:1px solid #78beff0f;align-items:baseline;gap:9px;padding:7px 0;font-size:12.5px;line-height:1.45;display:flex}.clog-e>i{background:var(--accent);flex-shrink:0;width:7px;height:7px;position:relative;top:-1px;transform:rotate(45deg)}.clog-e.good>i{background:var(--good)}.clog-e.bad>i{background:var(--bad)}.clog-e.warn>i{background:var(--warn)}.clog-e.bad{color:#ffc2b9}.csettings{gap:12px}.chome{padding:14px 16px 18px}.chome-top{border-bottom:1px solid var(--line);gap:16px;padding-bottom:12px}.cskill{align-items:center;gap:10px;display:flex}.cskill img{border-radius:50%;width:44px;height:44px}.cskill-l{font-size:22px;font-weight:600;line-height:1}.cintro{border:1px solid #5fd1ff47;border-left:3px solid var(--accent);background:linear-gradient(#0a1622b3,#060c1480);max-width:760px;padding:14px 16px}.cintro>b{font-family:var(--font-ui);letter-spacing:.04em;color:#eaf6ff;font-size:18px}.cintro p{color:#c4d2de;margin:6px 0 0;font-size:13px;line-height:1.55}.ccards{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;display:grid}.ccard{border:1px solid var(--line);cursor:pointer;background:#ffffff06;gap:12px;padding:12px;transition:border-color .15s,transform .15s,background .15s;display:flex}.ccard:hover{border-color:var(--accent);background:#5fd1ff0d;transform:translateY(-1px)}.ccard-n{font-family:var(--font-ui);letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.ccard-stats{flex-wrap:wrap;gap:4px 14px;margin:6px 0;font-size:12px;display:flex}.ccard-treas{margin-bottom:6px}.ccard-alerts{flex-wrap:wrap;gap:4px;display:flex}.ccard-alerts .chip{font-size:9.5px}.cfound{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;display:grid}.cplanets{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;display:grid}.cplanet{text-align:left;border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff06;align-items:center;gap:9px;padding:8px 10px;display:flex}.cplanet:hover:not(:disabled){border-color:var(--accent)}.cplanet.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#5fd1ff1f}.cplanet:disabled{opacity:.4;cursor:default}.cplanet-ball{border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:0 0 0 1px #ffffff1f,0 0 10px #5fd1ff26}.cplanet-t{flex-direction:column;min-width:0;display:flex}.cplanet-t b{font-family:var(--font-ui);letter-spacing:.04em;font-size:14px}.cplanet-info{border:1px solid var(--line);background:#ffffff05;padding:9px 11px;line-height:1.5}.cglobe{filter:drop-shadow(0 0 14px #5fd1ff26);flex-shrink:0;width:148px;height:148px}.cglobe-ping{animation:1.3s ease-in-out infinite tutPulse}.csites{flex-direction:column;gap:3px;max-height:250px;display:flex;overflow:auto}.csite{cursor:pointer;border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;display:flex}.csite:hover{background:#5fd1ff0f}.csite.on{background:#f2c35c14;border-color:#f2c35c99}.csite-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.csite.taken .csite-dot{background:#ff8a6a}.csite.on .csite-dot{background:var(--gold);box-shadow:0 0 6px var(--gold)}.cfound-go{flex-shrink:0}.crank-wrap{overflow-x:auto}.crank td{vertical-align:middle}.colony-prompt{-webkit-backdrop-filter:blur(6px);width:max-content;font-family:var(--font-ui);z-index:3;background:#060e16d1;border:1px solid #5fd1ff59;align-items:center;gap:10px;max-width:calc(100vw - 24px);margin:0 auto;padding:6px 7px 6px 12px;animation:.3s both toastIn;display:flex;position:absolute;bottom:232px;left:0;right:0;box-shadow:0 6px 24px #0006}.colony-prompt .ci{fill:none;width:22px;height:22px;stroke:var(--accent);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.cpr-t{flex-direction:column;min-width:0;line-height:1.15;display:flex}.cpr-t b{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.mobile .colony-prompt{-webkit-backdrop-filter:none;background:#060e16eb}.compact .colony-prompt{top:calc(34% + 26px);bottom:auto}@media (orientation:landscape){.compact .colony-prompt{top:calc(26% + 26px)}}@media (max-width:860px){.cview{grid-template-rows:minmax(230px,48%) minmax(0,1fr);grid-template-columns:1fr}.cview-map{border-right:0;border-bottom:1px solid var(--line)}.cfound{grid-template-columns:1fr}}.compact .float-panel.colony-win{z-index:6;left:max(4px, var(--sal))!important;right:max(4px, var(--sar))!important;top:calc(var(--sat) + 4px)!important;bottom:max(4px, var(--sab))!important;width:auto!important;height:auto!important;max-height:none!important;transform:none!important}.compact .cview{grid-template-rows:minmax(190px,46%) minmax(0,1fr);grid-template-columns:1fr}.compact .cview-map{border-right:0;border-bottom:1px solid var(--line)}.compact .colony-win .panel-head .tabs{max-width:100%;margin-left:0;overflow-x:auto}.compact .chead .cname .n{font-size:14px}.compact .ccards{grid-template-columns:1fr}.compact .cfound{grid-template-columns:1fr;gap:14px}.compact .cside-body{padding:10px 10px 14px}.compact .cp-armed .cp-hint{display:none}.compact .ctabs{padding:0 4px}.compact .ctabs .tab{letter-spacing:.08em;padding:10px 8px;font-size:11px}.compact .crci{grid-template-columns:repeat(4,1fr)}.compact .crci-note{grid-column:1/-1}@media (orientation:landscape){.compact .cview{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compact .cview-map{border-right:1px solid var(--line);border-bottom:0}}.touch .ctool{padding:9px 8px}.touch .cp-btn{min-width:36px;height:36px}.surface-colony{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.surface-colony .btn{margin-top:7px}.surface-colony .small{margin-top:5px;line-height:1.4}.connection-overlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:all;background:#030912a6;place-items:center;display:grid;position:fixed;inset:0}.connection-overlay>.panel{text-align:center;max-width:440px;margin:24px;padding:28px}.connection-overlay p{color:var(--muted);line-height:1.6}.gfx-settings select{color:var(--text);border:1px solid var(--line);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101f2c;border-radius:3px;max-width:100%;padding:6px 10px}.gfx-settings>*{min-width:0}@media (max-width:600px){.gfx-settings{grid-template-columns:minmax(0,1fr);gap:7px}.gfx-settings .seg{justify-content:flex-start}.gfx-settings .toggle{justify-self:start}.gfx-settings .gfx-label{margin-top:6px}.gfx-settings .gfx-note{overflow-wrap:anywhere}}.inventory-actions{vertical-align:middle;flex-wrap:wrap;gap:4px;margin:3px;display:inline-flex}.inventory-use-backdrop{z-index:1200;text-align:left;white-space:normal;background:#03080cc9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inventory-use-dialog{width:min(430px,90vw)}.inventory-use-dialog select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;margin-top:10px;display:block}.controller-settings{margin:12px 0}.controller-settings p{font-size:12px;line-height:1.5}.controller-settings select{color:#d5e8f4;background:#0e1c28;border:1px solid #355367;min-width:0;max-width:100%;padding:6px}.controller-settings .mono{overflow-wrap:anywhere;font-size:11px}.tut-pages{gap:4px;margin-bottom:8px;display:flex}.tut-pages button{color:#c9dbe8;cursor:pointer;background:#152636;border:1px solid #365064;flex:1;min-width:0;min-height:28px;padding:3px}.tut-pages button.done{color:#66dacb}.tut-pages button.selected{border-color:var(--accent);color:#fff;background:#264859}.tut-navigation{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.tut-foot{gap:8px;margin-top:10px}.tut-skip{background:0 0;border:0;padding:4px}.tut-feedback{color:#ffda9b!important}.hangar-inventory{min-width:0}.hangar-item{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.hangar-item-name{overflow-wrap:anywhere;min-width:0;font-size:13px}.hangar-item-name .muted{margin-top:3px;font-size:11px}.hangar-item-qty{white-space:nowrap;font-size:12px}.inventory-row-actions{grid-column:2/-1;grid-template-columns:repeat(3,minmax(62px,auto));justify-content:end;gap:6px;display:grid}.inventory-row-actions .inventory-actions{display:contents}.inventory-row-actions .btn{min-height:28px;margin:0}.inventory-row-actions .inventory-use{grid-column:1}.inventory-row-actions .inventory-list{grid-column:2}.inventory-row-actions .inventory-transfer{grid-column:3}.manufacturing-plan{flex-direction:column;gap:14px;display:flex}.manufacturing-plan label{flex-direction:column;gap:6px;font-size:12px;display:flex}.manufacturing-plan p{margin:0;font-size:12px;line-height:1.6}.station-panel .split>.col{min-width:0}.manufacturing-plan .field{box-sizing:border-box;width:100%;min-width:0}.industry-header{flex-wrap:wrap;gap:8px;padding-right:40px}.industry-header .tabs{flex-wrap:wrap}