:root{--space:#0c0a1d;--space-2:#161235;--hull:#221c4a;--edge:#b09cff38;--edge-hi:#b09cff73;--star:#fff4e0;--dim:#a7a1c7;--gold:#ffc24a;--gold-ink:#2a1a00;--ion:#4fe0d0;--hostile:#ff5d6c;--orange:#ff8a3d;--shield:#64b5ff;--armor:#ffb547;--hullc:#d9d3f2;--glass:#141030d1;--f-display:"Tektur", "Bahnschrift", system-ui, sans-serif;--f-body:"Barlow", system-ui, sans-serif;--side:0px;--rail:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--space);color:var(--star);font:15px/1.45 var(--f-body);overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0}.dim{color:var(--dim)}.num{font-family:var(--f-display);font-variant-numeric:tabular-nums}.app{background:radial-gradient(circle at 85% 0%, #7a3b8f59, transparent 55%), var(--space);grid-template-rows:auto 1fr auto;grid-template-areas:"hud""stage""nav";height:100%;display:grid}.hud{padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 8px;z-index:5;border-bottom:1px solid var(--edge);background:linear-gradient(#0c0a1df2,#0c0a1d99);grid-area:hud;align-items:center;gap:10px;min-width:0;display:flex}.brand{font:800 1rem var(--f-display);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:8px;display:none}.brand svg{filter:drop-shadow(0 0 6px #ffc24a99);width:22px;height:22px}.conn{font:600 .74rem var(--f-display);color:var(--dim);flex:none;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.conn i{background:var(--dim);border-radius:50%;width:9px;height:9px}.conn span{display:none}.conn.online i{background:var(--ion);box-shadow:0 0 8px var(--ion)}.conn.offline i{background:var(--hostile)}.res{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--edge);font:700 .84rem var(--f-display);font-variant-numeric:tabular-nums;background:#161235d9;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex}.chip svg{flex:none;width:22px;height:22px}.chip.bump{animation:.5s ease-out bump}@keyframes bump{30%{border-color:var(--gold);transform:scale(1.12)}}.stage{grid-area:stage;min-height:0;position:relative;overflow:hidden}.view{inset:0 var(--side) 0 0;position:absolute}.view canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.screen{position:absolute;inset:0}.overlay{pointer-events:none}.overlay .ui{pointer-events:auto}.nav{padding:6px 6px calc(env(safe-area-inset-bottom,0px) + 8px);border-top:1px solid var(--edge);z-index:5;background:#0c0a1df5;grid-area:nav;grid-template-columns:repeat(4,1fr);display:grid}.nav button{min-height:52px;color:var(--dim);font:600 .74rem var(--f-display);justify-items:center;gap:2px;padding-top:4px;display:grid;position:relative}.nav button svg{width:24px;height:24px}.nav button:hover{color:var(--star)}.nav button[aria-current=page]{color:var(--gold)}.nav button[aria-current=page] svg{filter:drop-shadow(0 0 6px #ffc24a99)}.nav kbd{display:none}.badge{background:var(--hostile);width:10px;height:10px;box-shadow:0 0 10px var(--hostile);border-radius:50%;animation:1.2s infinite blip;position:absolute;top:2px;right:calc(50% - 20px)}@keyframes blip{50%{opacity:.35}}.panel{background:var(--glass);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);gap:10px;padding:14px;display:grid}.panel h2{justify-content:space-between;align-items:baseline;gap:8px;font-size:1.1rem;display:flex}.panel h2 small{font:500 .8rem var(--f-body);color:var(--dim)}.title h1{text-shadow:0 2px 12px #0009;font-size:1.6rem}.title p{color:var(--dim);margin:2px 0 0;font-size:.9rem}.btn{min-height:44px;font:700 .92rem var(--f-display);background:var(--hull);border:1px solid var(--edge-hi);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);justify-content:center;align-items:center;gap:6px;padding:0 16px;transition:transform 80ms,filter .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:active:not(:disabled){transform:scale(.97)}.btn.gold{background:linear-gradient(180deg, #ffd777, var(--gold) 55%, #e9a22c);color:var(--gold-ink);border-color:#ffe3a0;box-shadow:0 0 18px #ffc24a40}.btn.big{min-height:52px;font-size:1.02rem}.btn.red{color:var(--hostile);background:#ff5d6c26;border-color:#ff5d6c80}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn .sub{font:600 .78rem var(--f-body);opacity:.8}.pill{font:600 .74rem var(--f-display);border:1px solid var(--c,var(--edge));color:var(--c,var(--star));white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--gold);height:100%;display:block}.row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.empty{color:var(--dim);margin:0;font-size:.92rem}.x{width:40px;height:40px;color:var(--dim);flex:none;place-items:center;margin:-8px -8px -8px 0;font-size:1.4rem;display:grid}.x:hover{color:var(--star)}.stepper{background:var(--space-2);border:1px solid var(--edge);grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.stepper input{width:100%;color:var(--star);text-align:center;font:700 1.1rem var(--f-display);-moz-appearance:textfield;background:0 0;border:0;min-height:44px}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.stepper button{min-height:44px;color:var(--gold);font-size:1.3rem}.cost{flex-wrap:wrap;gap:6px 14px;display:flex}.cost span{font:700 .95rem var(--f-display);font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.cost svg{width:20px;height:20px}.cost .short{color:var(--hostile)}.op{overflow:hidden}.station{inset:0 var(--side) 0 0;position:absolute}.station svg{width:100%;height:100%;position:absolute;inset:0}.station-front{padding:120px 0 170px}.pod{cursor:pointer;outline:none}.pod .halo{opacity:0;transition:opacity .2s}.pod:hover .halo{opacity:.45}.pod.sel .halo,.pod:focus-visible .halo{opacity:1}.op-head{top:10px;left:14px;right:calc(var(--side) + 14px);pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute}.op-head>*{pointer-events:auto}.slots{flex-wrap:wrap;gap:8px;display:flex}.slot{background:var(--glass);border:1px solid var(--edge);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:.84rem;display:flex}.slot svg{flex:none;width:34px;height:34px}.slot b{font:700 .86rem var(--f-display);display:block}.slot small{color:var(--dim);font-variant-numeric:tabular-nums}.slot.free{color:var(--dim);border-style:dashed}.op-side{gap:10px;max-width:560px;margin:0 auto;padding:0 10px 10px;display:grid;position:absolute;bottom:0;left:0;right:0}.modcard{position:relative}.modcard .lvl{align-items:center;gap:10px;display:flex}.modcard .lvl b{font:800 2rem/1 var(--f-display);color:var(--gold)}.modcard .lvl i{color:var(--dim);font-style:normal;font:700 1.2rem var(--f-display)}.modcard p{color:var(--dim);margin:0}.modtitle{align-items:center;gap:8px;display:flex}.modtitle svg{flex:none;width:28px;height:28px}.credits-link{color:var(--dim);font:600 .72rem var(--f-display);text-decoration:none}.credits-link:hover{color:var(--star)}.ready{flex-wrap:wrap;gap:6px;display:flex}.ready button{color:var(--gold);font:700 .8rem var(--f-display);background:#ffc24a14;border:1px solid #ffc24a73;border-radius:999px;padding:6px 10px}.hangar .bay{flex-wrap:wrap;align-items:center;gap:4px;min-height:26px;display:flex}.hangar .bay svg{width:26px;height:26px}.hangar .more{font:700 .85rem var(--f-display);color:var(--gold)}.launch{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.fleets{gap:6px;display:grid}.fleet{border:1px solid var(--edge);background:#ffffff08;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.fleet .ic{width:30px;height:30px;color:var(--gold);background:#ffc24a1f;border-radius:50%;place-items:center;display:grid}.fleet .ic.battle{color:var(--hostile);background:#ff5d6c26}.fleet b{font:700 .9rem var(--f-display)}.fleet small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.fleet .acts{gap:6px;display:flex}.fleet .acts .btn{min-height:38px;padding:0 12px;font-size:.82rem}.op-side.has-mod .hangar{display:none}.mk{align-content:start;gap:14px;padding:12px 14px 24px;display:grid;overflow-y:auto}.mk-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.cats{align-content:start;gap:12px;display:grid}.cat h3{color:var(--dim);margin:0 0 6px;font-size:.8rem}.mk>*,.cats,.cat{min-width:0}.cattabs{scrollbar-width:none;grid-auto-columns:minmax(84px,1fr);overflow-x:auto}.cattabs button{min-height:38px}@media (max-width:899px){.cat:not(.on),.cat h3{display:none}}.tiles{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.tile{text-align:center;background:var(--glass);border:1px solid var(--edge);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);flex:none;justify-items:center;gap:4px;width:104px;padding:10px 6px 8px;transition:border-color .15s,transform .1s;display:grid;position:relative}.tile:hover{border-color:var(--edge-hi)}.tile[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(#ffc24a29,#141030e6)}.tile svg{filter:drop-shadow(0 4px 8px #00000080);width:50px;height:50px}.tile b{font:700 .78rem/1.2 var(--f-display)}.tile small{font:600 .74rem var(--f-display);color:var(--gold);font-variant-numeric:tabular-nums}.tile .own{font:700 .68rem var(--f-display);color:var(--ion);background:#4fe0d026;border-radius:999px;padding:1px 6px;position:absolute;top:6px;right:6px}.deal{gap:14px;display:grid}.hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.hero .art{border:1px solid var(--edge-hi);background:radial-gradient(circle at 50% 40%,#b09cff40,#16123599 70%);border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:inset 0 0 40px #7a3b8f73}.hero .art svg{filter:drop-shadow(0 6px 10px #00000080);width:84px;height:84px}.hero h2{font-size:1.5rem;display:block}.hero p{color:var(--dim);margin:4px 0 0}.prices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.price{border:1px solid var(--edge);background:#ffffff08;padding:10px 12px}.price span{color:var(--dim);font-size:.8rem;display:block}.price b{font:800 1.4rem var(--f-display);font-variant-numeric:tabular-nums}.price.buy b{color:var(--gold)}.price.sell b{color:var(--ion)}.qty{gap:8px;display:grid}.quick{flex-wrap:wrap;gap:6px;display:flex}.quick button{border:1px solid var(--edge);background:var(--space-2);min-height:36px;font:700 .82rem var(--f-display);color:var(--dim);padding:0 12px}.quick button:hover{color:var(--star);border-color:var(--edge-hi)}.trade{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trade .btn{flex-direction:column;gap:0;line-height:1.15}details.depth summary{cursor:pointer;color:var(--dim);font:600 .86rem var(--f-display);padding:4px 0}details.depth summary:hover{color:var(--star)}.book{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.book h3{color:var(--dim);margin-bottom:4px;font-size:.8rem}.ord{font:500 .82rem/1.9 var(--f-display);font-variant-numeric:tabular-nums;justify-content:space-between;padding-inline:6px;display:flex;position:relative}.ord:before{content:"";width:var(--w);background:var(--bg);border-radius:2px;position:absolute;inset:2px auto 2px 0}.ord span{position:relative}.ord.ask{--bg:#ff5d6c24}.ord.ask span:first-child{color:var(--hostile)}.ord.bid{--bg:#4fe0d024}.ord.bid span:first-child{color:var(--ion)}.maptop{top:10px;left:14px;right:calc(var(--side) + 14px);justify-content:space-between;align-items:start;gap:8px;display:flex;position:absolute}.legend{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.find{background:var(--glass);border:1px solid var(--edge);width:min(240px,52vw);min-height:40px;color:var(--star);font:500 .92rem var(--f-body);margin-top:8px;padding:0 12px}.sheet{border-top:1px solid var(--edge);background:linear-gradient(#1d1844,#120f2c);border-radius:18px 18px 0 0;align-content:start;gap:12px;max-width:560px;margin:0 auto;padding:12px 14px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.kv{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.kv div{border:1px solid var(--edge);background:#ffffff0a;padding:6px 9px;display:grid}.kv span{color:var(--dim);font-size:.72rem}.kv b{font:700 .98rem var(--f-display)}.btop{top:6px;left:14px;right:calc(var(--side) + 14px);justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.clock{flex:none;width:62px;height:62px;position:relative}.clock svg{width:62px;height:62px;transform:rotate(-90deg)}.clock b{font:800 1.25rem var(--f-display);place-items:center;display:grid;position:absolute;inset:0}.bctl{background:linear-gradient(#0c0a1d00,#0c0a1df2 22%);align-content:end;gap:8px;max-width:640px;margin:0 auto;padding:10px 12px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.bctl h3{color:var(--dim);font-size:.8rem;display:none}.targets{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;display:grid}.tg{text-align:left;border:1px solid var(--edge);background:#161235e0;gap:3px;min-height:44px;padding:8px 10px;display:grid}.tg:hover:not(:disabled){border-color:var(--edge-hi)}.tg[aria-pressed=true]{border-color:var(--hostile);box-shadow:inset 0 0 0 1px var(--hostile), 0 0 16px #ff5d6c40}.tg b{font:700 .88rem var(--f-display);justify-content:space-between;display:flex}.tg b span{color:var(--hostile);font-size:.7rem}.tg .bar{height:4px}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.seg button{min-height:44px;font:700 .85rem var(--f-display);background:var(--space-2);border:1px solid var(--edge);color:var(--dim)}.seg button:hover{color:var(--star)}.seg button[aria-pressed=true]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}.result{pointer-events:auto;z-index:3;background:#0c0a1dcc;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.result .panel{text-align:center;justify-items:center;width:100%;max-width:380px}.result h2{font-size:1.8rem;display:block}.center-empty{text-align:center;pointer-events:auto;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);border:1px solid var(--gold);max-width:min(92vw,460px);font:600 .92rem var(--f-body);opacity:0;pointer-events:none;z-index:50;background:#2a2260;padding:11px 16px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-10px);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;transform:translate(-50%)}.toast.err{border-color:var(--hostile)}.banner{left:0;right:var(--side);text-align:center;pointer-events:none;z-index:4;opacity:0;font:800 clamp(2.2rem, 6vw, 3.8rem)/1 var(--f-display);color:var(--star);text-shadow:0 0 28px #ffc24aa6,0 2px #00000080;position:absolute;top:15%}.banner small{font:600 1rem var(--f-body);color:var(--gold);text-shadow:none;margin-top:8px;display:block}.banner.show{animation:1.4s ease-out forwards banner}@keyframes banner{0%{opacity:0;transform:scale(1.35)}14%{opacity:1;transform:scale(1)}72%{opacity:1}to{opacity:0;transform:scale(.97)}}.splash{z-index:100;text-align:center;background:radial-gradient(circle at 50% 40%, #7a3b8f73, transparent 60%), var(--space);place-content:center;justify-items:center;gap:12px;padding:24px;transition:opacity .45s;display:grid;position:fixed;inset:0}.splash svg{filter:drop-shadow(0 0 18px #ffc24ab3);width:76px;height:76px;animation:1.8s ease-in-out infinite pulse}.splash h1{font-size:2rem}.splash p{color:var(--dim);margin:0}.splash.done{opacity:0;pointer-events:none}@keyframes pulse{50%{filter:drop-shadow(0 0 28px #ffc24af2);transform:scale(1.08)}}.screen.enter{animation:.18s ease-out fadein}@keyframes fadein{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.toast,.btn,.tile,.splash{transition:none}.chip.bump,.badge,.splash svg,.screen.enter{animation:none}.banner.show{animation:1.4s forwards banner-still}}@keyframes banner-still{0%,80%{opacity:1}to{opacity:0}}@media (min-width:900px){:root{--rail:92px}.app{grid-template-columns:var(--rail) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"hud hud""nav stage"}.hud{gap:18px;padding:10px 18px}.brand{width:calc(var(--rail) + 120px);margin-left:-4px;display:flex}.conn span{display:inline}.chip{padding-right:12px;font-size:.9rem}.nav{border-top:0;border-right:1px solid var(--edge);background:#0c0a1db3;grid-template-columns:none;grid-auto-rows:78px;align-content:start;gap:4px;padding:12px 8px}.nav button{border-radius:12px;align-content:center;font-size:.78rem}.nav button:hover{background:#b09cff14}.nav button[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold);background:#ffc24a1a}.nav button svg{width:26px;height:26px}.nav kbd{font:600 .62rem var(--f-display);color:var(--dim);opacity:.6;display:block;position:absolute;top:6px;right:8px}.badge{top:8px;right:22px}.stage[data-tab=map],.stage[data-tab=battle],.stage[data-tab=outpost]{--side:380px}.stage[data-tab=map] .sheet,.stage[data-tab=battle] .bctl,.op-side{width:var(--side);border-top:0;border-left:1px solid var(--edge);background:linear-gradient(#1d1844f7,#0e0b22f7);border-radius:0;max-width:none;margin:0;padding:18px 16px;inset:0 0 0 auto;overflow-y:auto}.stage[data-tab=battle] .bctl{align-content:start;gap:12px}.bctl h3{margin-top:6px;display:block}.targets{grid-template-columns:1fr}.tg{padding:10px 12px}.op-side{align-content:start}.op-side.has-mod .hangar{display:grid}.op-side .panel{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff08}.station-front{padding:90px 24px 24px}.title h1{font-size:2rem}.mk{grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,510px) minmax(0,1fr);gap:20px 28px;padding:22px 28px}.mk-head{grid-column:1/-1}.cattabs{display:none}.tiles{flex-wrap:wrap;overflow:visible}.tile{width:92px}.deal{align-self:start;max-width:680px;position:sticky;top:0}}@media (max-width:899px){.wide-only{display:none!important}}@media (min-width:900px){.narrow-only{display:none!important}}@media (min-width:1200px){.hero .art{width:150px;height:150px}.hero .art svg{width:110px;height:110px}.hero h2{font-size:2rem}}@media (min-width:1400px){.stage[data-tab=map],.stage[data-tab=battle],.stage[data-tab=outpost]{--side:420px}}.panel{clip-path:none;background:linear-gradient(#302768e6,#14102ef0 70%);border-color:#b09cff42;border-radius:6px;position:relative;box-shadow:inset 0 1px #fff4e017,0 14px 34px #00000061}.panel:before,.panel:after{content:"";pointer-events:none;border-color:var(--gold);opacity:.85;border-style:solid;width:16px;height:16px;position:absolute}.panel:before{border-width:2px 0 0 2px;border-top-left-radius:6px;top:-1px;left:-1px}.panel:after{border-width:0 2px 2px 0;border-bottom-right-radius:6px;bottom:-1px;right:-1px}.panel>h2{background:linear-gradient(90deg,#ffc24a8c,#ffc24a00 70%) 0 100%/100% 1px no-repeat;padding-bottom:9px}.subhead{font:700 .8rem var(--f-display);color:var(--dim);margin:4px 0 -2px}.btn{background:linear-gradient(#342b74,#211a50);border-color:#b09cff6b;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.btn:hover:not(:disabled){filter:none;color:#ffe3a0;border-color:#ffc24a99}.btn.gold{box-shadow:inset 0 1px #ffffff8c,0 0 22px #ffc24a47}.btn.gold:hover:not(:disabled){color:var(--gold-ink);box-shadow:inset 0 1px #ffffff8c,0 0 30px #ffc24a80}.btn.gold:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:40%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn.gold:hover:not(:disabled):after{animation:.7s ease-out sheen}@keyframes sheen{to{left:130%}}.btn.red:hover:not(:disabled){color:#ffb3ba;border-color:var(--hostile)}.res{padding:3px}.chip{background:linear-gradient(#282058f2,#14102ef2);padding:3px 12px 3px 4px;position:relative;box-shadow:inset 0 1px #ffffff12}.chip .cv{line-height:1.05;display:grid}.chip .cv small{font:600 .62rem var(--f-body);color:var(--dim);letter-spacing:.02em;display:none}.chip .cv b{font:700 .86rem var(--f-display);font-variant-numeric:tabular-nums}.chip.up{animation:.5s ease-out bump}.chip.down{animation:.5s ease-out bumpdown}@keyframes bumpdown{30%{border-color:var(--hostile);transform:scale(.94)}}.delta{font:800 .78rem var(--f-display);pointer-events:none;white-space:nowrap;text-shadow:0 1px 4px #000;animation:1.2s ease-out forwards rise;position:absolute;top:100%;left:50%;transform:translate(-50%)}.delta.up{color:var(--gold)}.delta.down{color:var(--hostile)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,14px)}}.modhero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.modhero h2{font-size:1.25rem}.disc{background:radial-gradient(circle at 50% 30%,#3a2f7e,#15112f 72%);border:2px solid #ffc24a8c;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 22px #ffc24a2e,inset 0 0 12px #00000080}.disc svg{filter:drop-shadow(0 2px 4px #0009);width:40px;height:40px}.lvline{align-items:baseline;gap:8px;display:flex}.lvline b{font:800 2rem/1 var(--f-display);color:var(--gold);text-shadow:0 0 14px #ffc24a73}.lvline i{font:700 1.15rem var(--f-display);color:var(--star);font-style:normal}.lvline small{color:var(--dim)}.pips{flex-wrap:wrap;gap:4px;display:flex}.pips i{background:#ffffff14;border-radius:2px;flex:1 0 12px;max-width:26px;height:6px}.pips i.on{background:linear-gradient(#ffd777,#e9a22c);box-shadow:0 0 6px #ffc24a66}.pips i.next{background:#ffc24a40;outline:1px dashed #ffc24ab3}.pips i.busy{background:#4fe0d080;animation:1.2s infinite blip}.hangar .bay{border:1px solid var(--edge);background:repeating-linear-gradient(90deg,#b09cff0f 0 1px,#0000 1px 30px),#00000040;border-radius:6px;gap:2px;padding:6px 8px}.hangar .bay img{object-fit:contain;filter:drop-shadow(0 0 4px #ffc24a66);width:28px;height:28px}.fleet{border-left:3px solid var(--c,var(--ion));background:linear-gradient(90deg,#ffffff0d,#ffffff04);border-radius:6px}.fleet.moving{--c:var(--gold)}.fleet.battle{--c:var(--hostile)}.fleet .ship{place-items:center;width:38px;height:38px;display:grid;position:relative}.fleet .ship img{filter:drop-shadow(0 0 5px #ffc24a59);width:34px;height:34px;transform:rotate(90deg)}.fleet.battle .ship img{filter:drop-shadow(0 0 6px #ff5d6ccc)}.fleet .ship b{min-width:18px;height:18px;font:800 .7rem var(--f-display);background:var(--space);border:1px solid var(--c,var(--ion));color:var(--star);border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-4px;right:-4px}.fleet b em{font:700 .66rem var(--f-display);color:var(--c,var(--ion));vertical-align:2px;border:1px solid;border-radius:999px;margin-left:4px;padding:1px 6px;font-style:normal}.fleet .eta{color:var(--gold);margin-left:4px;font-size:.78rem}.toast{border:0;border-left:3px solid var(--gold);background:linear-gradient(90deg,#342b74fa,#1e1846fa);border-radius:6px;padding:12px 18px 12px 14px}.toast.err{border-left-color:var(--hostile)}.slot{background:linear-gradient(#302768e6,#14102eeb);box-shadow:inset 0 1px #ffffff14}.slot:not(.free){border-color:#ffc24a80;box-shadow:inset 0 1px #ffffff14,0 0 16px #ffc24a26}.tile{transition:border-color .15s,transform .15s}.tile:hover{transform:translateY(-2px)}.hero .art{position:relative;overflow:hidden}.hero .art:before{content:"";background:conic-gradient(#0000,#ffc24a2e,#0000 30% 50%,#b09cff33,#0000 80%);animation:14s linear infinite spin;position:absolute;inset:-30%}.hero .art svg{position:relative}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:900px){.hud{gap:14px}.res{border:1px solid var(--edge);background:#0c0a1d99;border-radius:12px;gap:0;margin:0 auto;padding:4px}.chip{box-shadow:none;background:0 0;border:0;border-radius:9px;padding:3px 14px 3px 6px}.chip+.chip{border-left:1px solid var(--edge);border-radius:0}.chip .cv small{display:block}.chip svg{width:26px;height:26px}.brand{width:auto;margin-left:0}.nav{background:linear-gradient(#14102ee6,#0c0a1de6)}.nav button{border-radius:10px}.nav button[aria-current=page]{box-shadow:inset 3px 0 0 var(--gold), 0 0 18px #ffc24a14;background:linear-gradient(90deg,#ffc24a33,#ffc24a05)}.nav kbd{display:none}.op-side,.stage[data-tab=map] .sheet,.stage[data-tab=battle] .bctl{background-color:#120e2c;background-image:linear-gradient(#b09cff09 1px,#0000 1px),linear-gradient(90deg,#b09cff09 1px,#0000 1px),linear-gradient(#241d50e6,#0e0b22f2);background-size:24px 24px,24px 24px,auto}.op-side .panel{clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#302768bf,#14102ecc 70%)}.toast{top:auto;bottom:28px;left:50%;transform:translate(-50%,14px)}.toast.show{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hero .art:before,.btn.gold:after,.delta,.pips i.busy{animation:none}.tile:hover{transform:none}}.nav{grid-template-columns:repeat(5,1fr)}.count{min-width:18px;height:18px;font:800 .66rem var(--f-display);background:var(--hostile);color:#fff;border-radius:9px;place-items:center;padding:0 5px;display:grid;position:absolute;top:0;right:calc(50% - 26px);box-shadow:0 0 10px #ff5d6c99}.link{color:var(--gold);font:600 .84rem var(--f-body);text-underline-offset:3px;padding:4px 0;text-decoration:underline}.link:hover{color:#ffe3a0}.note{font-size:.78rem;display:block}.tip{z-index:60;pointer-events:none;max-width:min(300px,100vw - 16px);color:var(--star);font:500 .86rem/1.4 var(--f-body);background:#2a2260;border:1px solid #ffc24a73;border-radius:8px;padding:9px 12px;position:fixed;box-shadow:0 10px 28px #0000008c}.q{vertical-align:1px;cursor:help;width:18px;height:18px;color:var(--gold);font:800 .7rem var(--f-display);border:1px solid #ffc24a8c;border-radius:50%;place-items:center;margin-left:4px;display:inline-grid}.q:hover,.q:focus-visible{background:#ffc24a26}[data-tip]{cursor:help}button[data-tip],.btn[data-tip]{cursor:pointer}.bhelp{color:var(--dim);margin:0;font-size:.86rem}.guide ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.guide li{color:var(--dim);border-radius:6px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.guide li i{border:2px solid #b09cff59;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.guide li.done{color:var(--dim)}.guide li.done b{font-weight:600;-webkit-text-decoration:line-through #a7a1c780;text-decoration:line-through #a7a1c780}.guide li.done i{border-color:var(--ion);background:var(--ion)}.guide li.done i:after{content:"";border:0 solid #0c0a1d;border-width:0 0 2px 2px;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.guide li.next{color:var(--star);background:#ffc24a14;border:1px solid #ffc24a59}.guide li.next i{border-color:var(--gold);box-shadow:0 0 8px #ffc24a80}.guide li b{font:700 .9rem var(--f-display);display:block}.guide li small{color:var(--dim);margin-top:2px;font-size:.8rem;display:block}.guide li .btn{min-height:36px;padding:0 12px;font-size:.82rem}.guide-bar{background:linear-gradient(90deg,#ffc24a29,#1e1846f2 60%);border:1px solid #ffc24a73;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid;box-shadow:0 8px 24px #0006}.guide-bar small{color:var(--gold);font-size:.72rem;display:block}.guide-bar b{font:700 .9rem var(--f-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.guide-bar .btn{min-height:38px;padding:0 12px;font-size:.82rem}.gprog{width:38px;height:38px;font:800 .78rem var(--f-display);color:var(--gold);border:2px solid #ffc24a99;border-radius:50%;place-items:center;display:grid}.chat{z-index:8;background:linear-gradient(#1d1844,#100d28);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:absolute;inset:0}.chat-head{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.chat-head h2{font-size:1.15rem}.chat-head span{font-size:.8rem}.chat-log{flex-direction:column;gap:8px;padding:10px 14px;display:flex;overflow-y:auto}.chat-log .line{background:#ffffff0d;border:1px solid #b09cff24;border-radius:10px 10px 10px 3px;max-width:88%;padding:6px 10px 7px}.chat-log .line.me{background:#ffc24a1a;border-color:#ffc24a4d;border-radius:10px 10px 3px;align-self:flex-end}.chat-log .line.me .who{color:var(--gold)}.chat-log .line.sys{text-align:center;background:#4fe0d012;border-color:#4fe0d04d;border-radius:8px;align-self:center;max-width:96%}.chat-log .line.sys .who{color:var(--ion)}.chat-log .meta{align-items:baseline;gap:8px;display:flex}.chat-log .line.sys .meta{justify-content:center}.chat-log .who{font:700 .8rem var(--f-display)}.chat-log time{color:var(--dim);font-size:.7rem}.chat-log p{overflow-wrap:anywhere;margin:1px 0 0}.chat-me{color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:8px 14px 0;font-size:.86rem;display:flex}.chat-me b{color:var(--star)}.rename{grid-template-columns:minmax(0,1fr) auto auto;gap:6px;width:100%;display:grid}.rename input,.chat-form input{background:var(--space-2);border:1px solid var(--edge-hi);min-height:44px;color:var(--star);font:500 1rem var(--f-body);border-radius:6px;min-width:0;padding:0 12px}.rename input:focus,.chat-form input:focus{border-color:var(--gold);outline:none}.chat-form{padding:10px 14px calc(env(safe-area-inset-bottom,0px) + 12px);grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}@media (min-width:900px){.nav{grid-template-columns:none}.count{top:6px;right:18px}.chat{width:min(380px, calc(100% - var(--side) - 32px));border:1px solid #b09cff59;border-radius:10px;height:min(560px,100% - 32px);inset:auto auto 16px 16px;box-shadow:0 20px 50px #0009}.chat:before{content:"";border:solid var(--gold);pointer-events:none;border-width:2px 0 0 2px;border-top-left-radius:10px;width:18px;height:18px;position:absolute;top:-1px;left:-1px}}@media (max-width:899px){.op-side .fleets,.op-side .subhead,.op-side .hangar .bay{display:none}.op-side .hangar .link{justify-self:start}.op-side .hangar{gap:8px;padding:12px}.app:has(#chat:not([hidden])) .nav button[aria-current=page]:not([data-chat]){color:var(--dim)}.app:has(#chat:not([hidden])) .nav button[aria-current=page]:not([data-chat]) svg{filter:none}}.nav [data-chat][aria-expanded=true]{color:var(--gold)}.fit{overflow-y:auto}.fit-wrap{grid-template-areas:"head""ships""stage""side";gap:14px;padding:12px 14px 24px;display:grid}.fit-head{grid-area:head;align-items:center;gap:12px;display:flex}.fit-head .btn{min-height:40px}.fit-ships{scrollbar-width:none;grid-area:ships;align-items:stretch;gap:8px;display:flex;overflow-x:auto}.shipcard{text-align:left;border:1px solid var(--edge);background:linear-gradient(#302768d9,#14102ee6);border-radius:8px;flex:none;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;min-width:168px;padding:8px 10px;transition:border-color .15s,transform .12s;display:grid}.shipcard:hover{border-color:var(--edge-hi)}.shipcard.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 0 18px #ffc24a2e}.shipcard.unarmed{border-color:#ff5d6c99}.shipcard img{object-fit:contain;filter:drop-shadow(0 0 6px #ffc24a59);width:40px;height:40px}.shipcard b{font:700 .86rem var(--f-display);display:block}.shipcard .mods{gap:2px;margin-top:3px;display:flex}.shipcard .mods svg{width:18px;height:18px}.shipcard .mods em{color:var(--hostile);font-size:.74rem;font-style:normal}.small{font-size:.78rem}.fit-stage{grid-area:stage;justify-items:center;gap:12px;display:grid}.hullbox{aspect-ratio:1;background:radial-gradient(circle,#4fe0d01a,#0000 58%),radial-gradient(circle,#7a3b8f59,#0000 72%);border-radius:50%;width:min(100%,380px);position:relative}.hullbox:before{content:"";border:1px dashed #b09cff40;border-radius:50%;position:absolute;inset:8%}.hullbox:after{content:"";border:1px solid #ffc24a1f;border-radius:50%;animation:40s linear infinite spin;position:absolute;inset:18%}.hullart{object-fit:contain;filter:drop-shadow(0 12px 22px #0009)drop-shadow(0 0 18px #ffc24a40);width:60%;height:60%;position:absolute;top:20%;left:20%}.wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wires line{stroke:#ffc24a73;stroke-width:.5px;stroke-dasharray:1.2 1.2;vector-effect:non-scaling-stroke}.wires line.off{stroke:#b09cff33}.socket{z-index:1;width:58px;height:58px;color:var(--gold);background:radial-gradient(circle at 50% 35%,#3a2f7e,#15112f 75%);border:2px solid #ffc24a8c;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .15s,border-color .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000080}.socket:hover{transform:translate(-50%,-50%)scale(1.08)}.socket span{font:800 1.5rem var(--f-display);opacity:.8}.socket svg{width:34px;height:34px}.socket.full{border-color:var(--gold);box-shadow:0 0 0 3px #ffc24a26,0 0 20px #ffc24a59}.socket.defense{border-color:#64b5ff99}.socket.defense.full{border-color:var(--shield);box-shadow:0 0 0 3px #64b5ff26,0 0 20px #64b5ff59}.socket.target{animation:1.6s ease-in-out infinite socketpulse}@keyframes socketpulse{50%{box-shadow:0 0 0 6px #ffc24a38}}.socket.locked{color:#b09cff80;cursor:help;border-color:#b09cff4d;width:40px;height:40px}.socket.locked svg{width:18px;height:18px}.budget{gap:8px;width:min(100%,420px);display:grid}.budgetbar{color:var(--dim);grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.84rem;display:grid}.budgetbar .bar{height:8px}.budgetbar .bar i{background:linear-gradient(90deg, var(--ion), #8ff5ea);transition:width .25s}.budgetbar.over .bar i{background:var(--hostile)}.budgetbar.over b{color:var(--hostile)}.budgetbar b{color:var(--star);font-size:.84rem}.statgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(100%,420px);display:grid}.stat{border:1px solid var(--edge);background:#ffffff0a;border-radius:6px;padding:7px 10px;display:grid}.stat span{color:var(--dim);font-size:.72rem}.stat b{font:800 1.05rem var(--f-display)}.stat em{font:700 .74rem var(--f-display);font-style:normal}.stat em.up{color:var(--ion)}.stat em.down{color:var(--hostile)}.vs{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,420px);display:grid}.vs>div{background:linear-gradient(#ff5d6c1a,#14102e99);border:1px solid #ff5d6c59;border-radius:8px;padding:8px 12px;display:grid}.vs span{color:var(--dim);font-size:.76rem}.vs b{font:800 1.35rem var(--f-display);color:var(--hostile)}.vs small{color:var(--dim);font-size:.74rem}.fit-side{grid-area:side;align-content:start;gap:12px;display:grid}.slottabs button small{opacity:.7;margin-left:3px}.palette{gap:8px;display:grid}.modpick{text-align:left;border:1px solid var(--edge);background:linear-gradient(#302768cc,#14102ee6);border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,transform .12s;display:grid}.modpick:hover{border-color:var(--gold);transform:translate(2px)}.modpick.none{opacity:.55}.modpick .art svg{filter:drop-shadow(0 3px 6px #00000080);width:44px;height:44px}.modpick b{font:700 .92rem var(--f-display);display:block}.modpick small{color:var(--dim);font-size:.78rem;display:block}.modpick .cost{gap:6px;margin-top:3px;display:flex}.modpick .cost i{font:700 .66rem var(--f-display);border:1px solid;border-radius:999px;padding:1px 6px;font-style:normal}.modpick .cost .cpu{color:var(--ion)}.modpick .cost .pg{color:var(--armor)}.modpick .stock{font:800 .95rem var(--f-display);color:var(--gold)}.warn{color:#ffb3ba;background:#ff5d6c1a;border:1px solid #ff5d6c73;border-radius:6px;margin:0;padding:8px 10px;font-size:.86rem}.fit-actions{gap:8px;display:grid}.presets h3{color:var(--dim);margin-bottom:6px;font-size:.84rem}.presets .chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.chip-preset{border:1px solid #ffc24a73;border-radius:999px;display:inline-flex;overflow:hidden}.chip-preset button{font:700 .8rem var(--f-display);color:var(--gold);padding:5px 10px}.chip-preset .del{color:var(--dim);border-left:1px solid #ffc24a4d;padding:5px 8px}.savepreset{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.savepreset input{background:var(--space-2);border:1px solid var(--edge-hi);min-height:40px;color:var(--star);font:500 .92rem var(--f-body);border-radius:6px;min-width:0;padding:0 10px}.repack p{color:var(--dim);margin:0 0 8px;font-size:.86rem}.fit-empty{place-items:center;min-height:100%;padding:24px;display:grid}.fit-empty .panel{max-width:420px}.hangar .warn{font-size:.82rem}.fitbtn{gap:8px}.fitbtn svg{width:22px;height:22px}@media (min-width:900px){.fit-wrap{grid-template-columns:220px minmax(0,1fr) 380px;grid-template-areas:"head head head""ships stage side";gap:18px;padding:18px 22px 28px}.fit-ships{flex-direction:column;overflow:visible}.shipcard{min-width:0}.hullbox{width:min(100%,460px)}}@media (prefers-reduced-motion:reduce){.hullbox:after,.socket.target{animation:none}}.hangar .packaged{border:1px dashed var(--edge-hi);color:var(--dim);border-radius:6px;padding:6px 10px;font-size:.86rem}.hangar .packaged .btn{min-height:34px;padding:0 12px;font-size:.8rem}