:root{--bg:#070b14;--bg2:#0c1426;--panel:#0f1830cc;--panel2:#13203b;--line:#243a63;--ink:#dfe9ff;--dim:#8aa0c8;--faint:#5b6f96;--accent:#5fd0ff;--accent2:#b483ff;--good:#54e0a0;--bad:#ff6b6b;--warn:#ffcf5a;--alloy:#c9a05a;--energy:#5fd0ff;--crystal:#b483ff;--biomass:#7ad67a;--quantum:#ff7ad6;--you:#5fd0ff;--foe:#ff8a5a;--card-w:172px;--card-h:108px}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Segoe UI,system-ui,Roboto,sans-serif;color:var(--ink);background:radial-gradient(1200px 700px at 50% -10%,#16224a 0%,transparent 60%),radial-gradient(900px 600px at 50% 120%,#160e2e 0%,transparent 55%),var(--bg);overflow:hidden;user-select:none;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column}.hidden{display:none!important}#phaseBar{display:flex;align-items:center;gap:18px;padding:6px 16px;background:linear-gradient(#0a1426,#0a142600);border-bottom:1px solid var(--line);z-index:25}#phaseChips{display:flex;gap:6px;align-items:center}.phaseChip{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:18px;font-size:12px;font-weight:600;border:1px solid var(--line);background:#0c1730;color:var(--dim);cursor:default;white-space:nowrap;transition:all .15s}.phaseChip .pn{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1b2c4d;color:#8aa0c8;font-size:10px}.phaseChip.done{color:#6f86ac;border-color:#1d3354;background:#0b1830}.phaseChip.done .pn{background:#214a32;color:#7ee0a0}.phaseChip.cur{color:#eaf2ff;border-color:var(--accent);background:#11305a;box-shadow:0 0 12px #2b6fa055}.phaseChip.cur .pn{background:var(--accent);color:#04101f}.phaseChip.next{cursor:pointer}.phaseChip.next:hover{border-color:#2c6f9e;color:#cfe0f5}.phaseChip.idle{opacity:.45}#phaseHint{font-size:12px;color:#9fb3d6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud{display:flex;align-items:center;gap:16px;padding:8px 16px 8px 100px;background:linear-gradient(#0b1226,#0a1226ee);border-bottom:1px solid var(--line);backdrop-filter:blur(6px);z-index:30}.hud-left{display:flex;align-items:center;gap:14px;flex:0 0 auto}.brand{font-weight:800;letter-spacing:3px;color:var(--accent);text-shadow:0 0 12px #2b6fa0}.turn{font-weight:700}.phase{color:var(--dim);font-size:13px}.hud-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex:0 0 auto}.resbar{display:flex;gap:8px;min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.resbar::-webkit-scrollbar{display:none}.res{flex:0 0 auto}.res{display:flex;align-items:center;gap:6px;padding:3px 11px;border:1px solid var(--line);border-radius:20px;background:#0a142aaa;font:600 13px ui-monospace,monospace}.res .dot{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.res .rn{color:#c7d4ea;font-weight:600;font-size:11.5px}.res b{font:800 15px ui-monospace,monospace}.res .inc{color:var(--good);font-size:10.5px}.res.A{color:var(--alloy)}.res.E{color:var(--energy)}.res.C{color:var(--crystal)}.res.B{color:var(--biomass)}.res.Q{color:var(--quantum)}.btn{white-space:nowrap;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:7px 14px;border-radius:8px;font:700 13px system-ui;cursor:pointer;transition:.12s}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 1px #2b6fa055}.btn.primary{background:linear-gradient(#1d6fbf,#1a4f97);border-color:#3a8fd6}.btn.ghost{background:#0c162e;min-width:38px}.btn:disabled{opacity:.4;cursor:default}body.pregame #zoneView,body.pregame #leftRail,body.pregame #rightRail{opacity:.72}body.pregame #board{filter:saturate(.85)}body.pregame #phaseHint{color:var(--accent);font-weight:700}#stage{flex:none;height:34vh;min-height:200px;position:relative;min-width:0}#board{position:absolute;inset:6px}#leftRail{position:absolute;top:8px;left:8px;width:200px;z-index:30}#rightRail{position:absolute;top:8px;right:8px;width:208px;max-height:calc(100% - 16px);z-index:30}aside{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;pointer-events:none}aside .panel{pointer-events:auto;background:#0a1224e0;backdrop-filter:blur(5px)}#zoneView{flex:1;min-height:300px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(120% 100% at 50% 120%,#122247,#0a1020 60%);border-top:1px solid var(--accent);box-shadow:0 -8px 24px #0006}#tacStars{position:absolute;inset:0;z-index:0;pointer-events:none}#tacAmbient{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.ambship{position:absolute;left:-6%;color:#9fd0ff;text-shadow:0 0 6px #6fb6ff;animation:ambdrift linear infinite}@keyframes ambdrift{0%{transform:translate(0)}to{transform:translate(112vw)}}#tacBase{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.52);width:560px;height:560px;z-index:1;pointer-events:none}#tacBase.tacStar .tring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:2px solid var(--tcol);box-shadow:0 0 22px var(--tcol);opacity:.5}#tacBase.tacStar .tring.a{width:520px;height:520px;animation:tspin 26s linear infinite}#tacBase.tacStar .tring.b{width:360px;height:360px;border-style:dashed;opacity:.8;animation:tspin 18s linear infinite reverse}#tacBase.tacStar .tring.c{width:210px;height:210px;opacity:.6;animation:tspin 12s linear infinite}#tacBase.tacStar .thub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:120px;line-height:1;color:var(--tcol);filter:drop-shadow(0 0 26px var(--tcol));animation:tspin 40s linear infinite}@keyframes tspin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#tacBase.tacAnom{transform:translate(-50%,-50%) scale(.62)}#tacBase.tacAnom .tacorb{position:absolute;left:50%;top:50%;width:300px;height:300px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 35%,#d98bff,#6a2da8 55%,#1a0a3a);box-shadow:0 0 90px #9a4ddccc,inset 0 0 70px #2a0a55;animation:tspin linear infinite}#tacBase.tacAnom .tcore{position:absolute;inset:0;display:grid;place-items:center;font-size:80px;color:#fff;text-shadow:0 0 24px #e9b3ff}#zvHead{position:relative;z-index:3;display:flex;align-items:center;gap:14px;padding:7px 16px;border-bottom:1px solid var(--line);background:#0c1730cc;backdrop-filter:blur(3px);font-size:13px}#zvHead .zvtitle{font-weight:800;letter-spacing:1px;color:#eaf2ff}#zvHead .zvmeta{color:var(--dim);font:600 12px ui-monospace,monospace}#zvHead .zvtag{margin-left:auto;font-size:11px;color:var(--faint)}#zvBody{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 16px 10px;min-height:0}#zvShips{flex:1;display:flex;align-items:flex-start;gap:18px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;min-height:0}#zvShips .empty,#zvShips .norecon{color:#5b6f96;font-size:13px;align-self:center;margin:auto;text-align:center;max-width:340px}#zvShips .norecon{color:#7a5a5a}#zvBuildBar,#zvHandBar{flex:none}#zvBuildBar.off{display:none}#zvBuildBar .zvh,#zvHandBar .zvh{margin:0 0 5px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-weight:700}#zvBuildBar .zvh .hint,#zvHandBar .zvh .hint{color:var(--faint);font-weight:500;text-transform:none;letter-spacing:0;font-size:10px}#zvBuildBar #roster{display:flex;flex-wrap:wrap;gap:8px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px}.panel h3{margin:0 0 8px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-weight:700}.panel .hint{color:var(--faint);font-weight:500;text-transform:none;letter-spacing:0;font-size:10px}.logpanel{flex:1;min-height:120px}#log{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--dim);overflow:auto;max-height:38vh}#log .l.star{color:var(--warn)}#log .l.turn{color:var(--accent);border-top:1px solid var(--line);padding-top:3px;margin-top:2px}#log .l.you{color:var(--you)}#log .l.foe{color:var(--foe)}#board{position:absolute;inset:6px;overflow:hidden;border-radius:14px;background:radial-gradient(120% 70% at 50% 116%,#15305a55 0%,transparent 55%),radial-gradient(70% 50% at 50% 20%,#1a1238 0%,transparent 60%),linear-gradient(#070d1c,#04060e 80%);background-color:#070b16;box-shadow:inset 0 -40px 80px #0a1c3a55,inset 0 30px 60px #0a0f2a}#cam{position:absolute;inset:0;transform-origin:0 0;will-change:transform;transition:transform .3s cubic-bezier(.4,0,.2,1)}#board{cursor:grab}#board:active{cursor:grabbing}#zoomCtl{position:absolute;right:10px;bottom:10px;z-index:400;display:flex;flex-direction:column;gap:6px}#zoomCtl button{width:34px;height:34px;border-radius:9px;background:#11305aee;border:1px solid var(--line);color:#eaf2ff;font:800 18px ui-monospace,monospace;cursor:pointer;box-shadow:0 2px 8px #0008;line-height:1}#zoomCtl button:hover{background:#16407a;border-color:var(--accent)}#zoneLayer{position:absolute;inset:0;perspective:1100px;z-index:2}#spokeLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85;z-index:1}#camHud{position:absolute;top:10px;left:10px;z-index:400;display:flex;gap:10px;align-items:center;pointer-events:none}#overviewBtn{pointer-events:auto;display:none;background:#11305a;border:1px solid var(--accent);color:#eaf2ff;border-radius:18px;padding:5px 13px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0008}#overviewBtn:hover{background:#16407a}#camLabel{font-size:12px;font-weight:600;color:#bcd0ee;text-shadow:0 1px 3px #000}body.zoomed #overviewBtn{display:inline-block}.zone3d.seen{cursor:pointer}.zone3d.seen:hover .znode,.zone3d.seen:hover .sbwrap{box-shadow:0 0 0 2px #5fd0ff99,0 0 20px #5fd0ff66}.anomaly3d.seen,.anomaly3d.held{cursor:pointer}.rep{margin-left:5px;font-weight:800;color:var(--warn)}.rep.bad{color:var(--bad)}.zone3d{position:absolute;transform-origin:center;cursor:default;transition:filter .15s}.zfleet{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);display:flex;gap:3px;white-space:nowrap;pointer-events:none;z-index:3}.zfleet span{font-size:9px;font-weight:800;line-height:1.35;padding:0 4px;border-radius:7px;border:1px solid var(--line);background:#0a1426e0}.zfleet .mine{color:var(--accent);border-color:#5fd0ff66}.zfleet .foe{color:var(--bad);border-color:#ff6b6b55}.zfleet.ready .mine{border-color:var(--good);color:var(--good);box-shadow:0 0 6px #54e0a055}.zone3d.reach{cursor:pointer}.zone3d .znode{width:70px;height:30px;border-radius:50%;border:1px solid var(--line);margin:0 auto;background:radial-gradient(ellipse at 50% 35%,#15233f,#0a1322 70%);box-shadow:0 8px 16px #0008}.zone3d.you .znode{border-color:#2c6f9e;background:radial-gradient(ellipse at 50% 35%,#163150,#0a1322 70%)}.zlabel3d{font-size:10px;color:#9fb3d6;text-align:center;margin-top:3px;white-space:nowrap;text-shadow:0 1px 3px #000}.zone3d.fog .zlabel3d{color:#5b6f96}.zone3d.reach .znode,.zone3d.reach .sbwrap{box-shadow:0 0 0 2px var(--good),0 0 22px #54e0a066}.zone3d.fog .znode{border-style:dashed;opacity:.5}.zone3d.fog .starbase{opacity:.7;filter:saturate(.4)}.zone3d.focus .znode,.zone3d.focus .sbwrap{box-shadow:0 0 0 1px #5fd0ff44,0 6px 26px #5fd0ff22}.sbwrap{display:flex;flex-direction:column;align-items:center;gap:2px}.starbase{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center}.starbase .ring{position:absolute;border-radius:50%;border:2px solid;inset:0;transform:rotateX(64deg)}.starbase .ring.r1{inset:8px;opacity:.9}.starbase .ring.r2{inset:24px;opacity:.55;border-style:dashed}.starbase .hub{font-size:34px;line-height:1;filter:drop-shadow(0 0 8px currentColor);z-index:1}.starbase.you{color:var(--you)}.starbase.you .ring{border-color:var(--you)}.starbase.foe{color:var(--foe)}.starbase.foe .ring{border-color:var(--foe)}.starbase.neutral{color:#566}.starbase.neutral .ring{border-color:#3a4a63}.starbase .hpbar{position:absolute;bottom:-6px;left:14%;width:72%;height:3px;background:#0008;border-radius:2px;overflow:hidden}.starbase .hpbar i{display:block;height:100%;background:var(--good)}.sblabel{font-size:11px;font-weight:700;color:var(--dim);text-shadow:0 1px 3px #000}.anomaly3d{position:absolute;transform-origin:center;cursor:pointer;text-align:center}.anomaly3d .orb{width:120px;height:120px;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 42% 38%,#c7a3ff,#7a3fce 38%,#2a1f5a 72%,#120e2e);box-shadow:0 0 50px #7a3fceaa,inset 0 0 50px #d9b8ff55;animation:apulse 3.6s ease-in-out infinite;display:flex;align-items:center;justify-content:center;position:relative}.anomaly3d .core{font-size:30px;color:#fff;filter:drop-shadow(0 0 12px #e9d4ff)}.anomaly3d.reach .orb{box-shadow:0 0 50px #7a3fceaa,0 0 0 3px var(--good)}.anomaly3d .ctrl{font-weight:800;font-size:13px;margin-top:4px;text-shadow:0 1px 4px #000}.anomaly3d .ctrl.dim{color:#7385aa;font-weight:600}@keyframes apulse{50%{box-shadow:0 0 75px #9a5fe6cc,inset 0 0 60px #e9d4ff77;transform:scale(1.04)}}.ships3d{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:3px;max-width:140px}.anomaly3d .anomalyships{margin-top:-30px;position:relative;z-index:6;max-width:180px}#starfield{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 4px #cfe0ffaa;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.22}50%{opacity:.9}}#homeChrome{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:300;pointer-events:none}#homeStar{position:absolute;left:50%;bottom:-6%;transform:translate(-50%);width:500px;height:500px;perspective:900px}#homeStar .disc{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(71deg);animation:spinbase 48s linear infinite}#homeStar .ring{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid var(--you);transform:translate(-50%,-50%);box-shadow:0 0 22px #2c6f9e55}#homeStar .ring.a{width:450px;height:450px;opacity:.42}#homeStar .ring.b{width:320px;height:320px;opacity:.8;border-style:dashed}#homeStar .ring.c{width:184px;height:184px;opacity:.55}#homeStar .spoke{position:absolute;left:50%;top:50%;width:225px;height:2px;transform-origin:left center;background:linear-gradient(90deg,#2c6f9eaa,transparent)}#homeStar .hub{position:absolute;left:50%;top:50%;width:104px;height:104px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 40% 34%,#cdeaff,#2c6f9e 56%,#0a2036);box-shadow:0 0 44px #2c6f9ebb,inset 0 0 28px #d9efff66;display:grid;place-items:center;font-size:44px;color:#eaf6ff;filter:drop-shadow(0 0 8px #bfe0ff);z-index:2}@keyframes spinbase{to{transform:rotateX(71deg) rotate(360deg)}}#homeDock{position:absolute;left:50%;bottom:33%;transform:translate(-50%);display:flex;gap:16px;justify-content:center;align-items:flex-end;flex-wrap:wrap;max-width:80%;pointer-events:auto;z-index:3}#homeDock .ship{transform:scale(1.35);transform-origin:bottom center;margin:0 8px 6px;box-shadow:0 6px 18px #000b,0 0 0 1px #2c6f9e88}#homeDock:empty:after{content:"— fleet deployed —";color:#5b6f96;font-size:11px}#homeBaseInfo{position:absolute;left:50%;bottom:2%;transform:translate(-50%);text-align:center;z-index:3}#homeBaseInfo .nm{font-size:12px;font-weight:800;letter-spacing:1px;color:#cfe0f5;text-shadow:0 1px 4px #000}#homeBaseInfo .hp{margin:3px auto 0;width:160px;height:4px;background:#0008;border-radius:3px;overflow:hidden}#homeBaseInfo .hp i{display:block;height:100%;background:var(--good)}#homeTraffic{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.traffic{position:absolute;width:11px;height:3px;border-radius:2px;background:#9fd0ff;box-shadow:0 0 7px #9fd0ff,-9px 0 9px -2px #9fd0ff88}@keyframes jet1{0%{left:-7%;top:46%}to{left:107%;top:30%}}@keyframes jet2{0%{left:107%;top:64%;transform:scaleX(-1)}to{left:-7%;top:54%;transform:scaleX(-1)}}@keyframes jet3{0%{left:-7%;top:74%}to{left:107%;top:82%}}#board.legacy{overflow:hidden;margin:6px}#zoneLayer{position:absolute;inset:0}#spokeLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.zone{position:absolute;transform:translate(-50%,-50%);width:124px;height:96px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(#0e1a34cc,#0a142acc);box-shadow:inset 0 0 24px #0a1430,0 6px 18px #0006;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5px;transition:.12s}.zone .zlabel{font-size:10px;letter-spacing:1px;color:var(--faint);text-transform:uppercase}.zone.reach{border-color:var(--good);box-shadow:0 0 0 1px var(--good),0 0 18px #54e0a055;cursor:pointer}.zone.reach:hover{background:#11341fcc}.zone.home{border-color:#33507f}.zone.anomaly{width:150px;height:150px;border-radius:50%;border-color:var(--accent2);background:radial-gradient(circle,#2a1f5a,#15183a 70%);box-shadow:inset 0 0 40px #5a3fae66,0 0 40px #6a3fae55;animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:inset 0 0 50px #7a5fce88,0 0 60px #7a3fce77}}.zone.anomaly .core{font-size:30px;filter:drop-shadow(0 0 10px #b483ff)}.zone.anomaly .ctrl{font-size:11px;margin-top:2px;font-weight:700}.zone.anomaly .streak{font:800 13px ui-monospace,monospace;color:var(--warn)}.ships{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:2px}.base{width:118px;height:60px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid;font-weight:700;position:relative}.base.you{border-color:var(--you);background:linear-gradient(#0c2438,#0a1830);color:var(--you)}.base.foe{border-color:var(--foe);background:linear-gradient(#2a1410,#1c0f0a);color:var(--foe)}.base .hp{font:700 12px ui-monospace,monospace}.base .bar{position:absolute;bottom:0;left:0;height:3px;background:var(--good);border-radius:2px}background:linear-gradient(#142840,#0c1830);box-shadow:0 2px 6px #0007;overflow:hidden;transition:.1s} padding:1px 0;background:#0008;color:#bcd} border-radius:8px;padding:0 4px;font-weight:800} .contact{width:34px;height:40px;border-radius:6px;border:1px dashed var(--foe);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--foe);background:#1a0f0a99;animation:pulse 2.5s infinite}.rosterItem,.cmdItem{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#0c172e;margin-bottom:5px;cursor:pointer;font-size:12px}.rosterItem:hover{border-color:var(--accent)}.rosterItem.cant{opacity:.6;cursor:default}.rosterItem .ric{font-size:16px}.rosterItem .rnm{font-weight:600}.rosterItem .cost{margin-left:auto;font:700 11px ui-monospace,monospace;color:var(--dim)}.rosterItem .ccost{margin-left:auto;display:flex;gap:9px;align-items:center}.cc{display:inline-flex;align-items:center;gap:3px;font:800 12px ui-monospace,monospace}.cc .d{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor}.cc.short{color:#ff6b6b!important}.cmdItem{cursor:default}.cmdItem .role{margin-left:auto;color:var(--accent2);font-size:11px}#standings .row{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:4px}#standings .row .sw{width:9px;height:9px;border-radius:50%}#standings .meta{margin-left:auto;font:600 11px ui-monospace,monospace;color:var(--dim)}#hand{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;align-content:flex-start;min-height:60px}#handWrap{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.card{width:var(--card-w);height:var(--card-h);border-radius:12px;border:1px solid var(--line);background:linear-gradient(155deg,#14213f,#0c1530);box-shadow:0 8px 20px #0008;position:relative;display:flex;flex-direction:column;cursor:grab;transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-12px);box-shadow:0 16px 34px #000a,0 0 0 1px var(--accent)}.card .top{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#0009;border-bottom:1px solid #ffffff14;border-radius:12px 12px 0 0}.card .stat{min-width:18px;text-align:center;font:800 11px ui-monospace,monospace;color:#cfe0ff}.card .stat.mod{color:var(--good)}.card .stat.neg{color:var(--bad)}.card .stat.empty{color:#33425f}.card .cost{margin-left:auto;display:flex;gap:2px}.card .pip{width:8px;height:8px;border-radius:50%}.card .body{flex:1;padding:5px 8px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.card .nm{font-weight:800;font-size:12px;letter-spacing:.3px}.card .ty{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent2)}.card .tx{font-size:10px;color:var(--dim);line-height:1.25}.card .help{position:absolute;right:5px;bottom:4px;font-size:10px;color:var(--faint);cursor:help}.card.action{background:linear-gradient(155deg,#21183f,#120c2c)}.card.module{background:linear-gradient(155deg,#13283f,#0b1a2c)}.card.instant .ty{color:var(--warn)}.card.drag{opacity:.35}.frame-terran{border-color:#3a6f9e}.frame-kthid{border-color:#7a9e3a;background:linear-gradient(155deg,#1c2a16,#101a0c)}.card{border-top:2px solid var(--cardaccent,#3a6f9e)}.card.sig{box-shadow:0 0 0 1px var(--cardaccent),0 6px 16px #0008}.card.sig .body{background:linear-gradient(160deg,color-mix(in srgb,var(--cardaccent) 16%,transparent),transparent 60%)}.card .sigstar{color:var(--cardaccent);margin-right:3px}.card .body{position:relative}.card .art{position:absolute;right:5px;bottom:2px;font-size:32px;opacity:.16;pointer-events:none;filter:saturate(.7)}.card .tx{position:relative}#zvHead .zvlegend{margin-left:18px;display:flex;gap:7px;font:700 11px ui-monospace,monospace}#zvHead .zvlegend b{min-width:16px;text-align:center}.zship{display:flex;flex-direction:column;width:172px;flex:none;cursor:pointer}.zship .zcard{border-radius:10px;border:1px solid var(--line);position:relative;background:linear-gradient(155deg,#16243f,#0c1530);box-shadow:0 8px 20px #0009}.zship .zcard:not(:first-child){margin-top:-46px}.zship .zcard .strip{display:flex;gap:2px;padding:5px 8px;background:#000b;border-bottom:1px solid #ffffff14;border-radius:10px 10px 0 0}.zship .zcard .strip .stat{flex:1;text-align:center;font:800 12px ui-monospace,monospace;min-width:15px}.zship .zcard .strip .dimstat{color:#33425f}.zship .zcard.hostile{border-color:#ff6b6b7a;background:linear-gradient(#2a1116,#1a0c10)}.zship .zcard.hostile .nm{color:#ffb3b3}.zship .zcard.hostile .ty{color:var(--bad);font-weight:800;letter-spacing:.3px}.zship .zcard.hostile .strip{background:#2a0f14cc;border-bottom-color:#ff6b6b33}.zship .zcard .nm{font-size:12px;font-weight:700;color:var(--ink);padding:5px 9px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zship .zcard .ty{font-size:10px;color:var(--dim);padding:0 9px 7px;text-transform:capitalize}.zship .zcard .hullart{position:absolute;right:6px;bottom:4px;max-width:64px;max-height:38px;opacity:.92;pointer-events:none;filter:drop-shadow(0 2px 4px #0008)}.zship .zcard .nm,.zship .zcard .ty{padding-right:72px}.zship .zcard.live{border-color:#2c6f9e;box-shadow:0 10px 26px #000b}.zship .zcard.live .strip{background:#10243ccc}.zship.foe .zcard.live{border-color:#9e5a3c}.zship:hover .zcard.live{outline:1px solid var(--accent)}.zship.sel .zcard.live{outline:2px solid var(--accent);box-shadow:0 0 14px var(--accent)}.zship .slotpip{margin-left:6px;color:var(--dim);border:1px solid var(--line);border-radius:8px;padding:0 5px;font-size:9px;font-weight:800;white-space:nowrap}.zship .slotpip.full{color:#e2b04a;border-color:#e2b04a88;background:#2a1f0a}.zship .stancebtn{margin-left:6px;color:var(--accent);cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:0 5px;font-size:9px;white-space:nowrap}.zship .stancebtn:hover{border-color:var(--accent);background:#11253f}.dossier{position:fixed;z-index:60;pointer-events:none}.stackcard{position:absolute;width:230px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(155deg,#16243f,#0c1530);box-shadow:0 10px 26px #000a;overflow:hidden}.stackcard .top{display:flex;gap:2px;padding:4px 8px;background:#000a;border-bottom:1px solid #ffffff14}.stackcard .top .stat{min-width:22px;text-align:center;font:800 12px ui-monospace,monospace}.stackcard .lbl{font-size:10px;color:var(--dim);padding:2px 8px 6px}.stackcard.live .top{background:#10243caa}.stackcard.live .lbl{color:var(--accent)}#setup{position:fixed;inset:0;z-index:90;background:radial-gradient(80% 60% at 50% 30%,#15183a,#05070f 70%);display:flex;align-items:center;justify-content:center}#setup.hidden{display:none}body.deckmode .setupbox{width:min(1720px,97vw);height:min(94vh,1000px)}.setupbox{width:min(1000px,94vw);height:min(86vh,760px);display:flex;flex-direction:column;background:#0a1020e8;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px #000c;overflow:hidden}.setuphead{display:flex;align-items:baseline;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line)}.setuphead .sh{color:var(--dim);font-size:13px}.setupmain{flex:1;display:flex;min-height:0}.splist{width:200px;flex:none;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}.spchip{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#0c1730;color:#cfe0f5;font:600 13px system-ui;cursor:pointer;text-align:left}.spchip:hover{border-color:#2c6f9e}.spchip.on{border-color:var(--accent);background:#11305a;color:#fff}.spchip .dot{width:11px;height:11px;border-radius:50%;box-shadow:0 0 7px currentColor;flex:none}.spdetail{flex:1;overflow:auto;padding:18px 22px}.spdetail h2{margin:0 0 4px;font-size:24px}.spdetail .doc{color:#aeb8d6;font-size:14px;margin-bottom:12px}body.deckmode .spdetail .doc{font-size:12.5px;margin-bottom:6px;line-height:1.35}body.deckmode .spdetail h2{font-size:20px}body.deckmode .spdetail{padding:12px 16px}body.deckmode .spdetail .lbl{margin:7px 0 3px}.spdetail .lbl{margin:14px 0 5px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);font-weight:700}.spdetail .traits{display:flex;flex-wrap:wrap;gap:6px}.spdetail .trait{font-size:12px;background:#10203a;border:1px solid var(--line);border-radius:14px;padding:3px 10px;color:#bcd}.spdetail .deltas{display:flex;flex-wrap:wrap;gap:10px;font:800 13px ui-monospace,monospace}.spdetail .hulls{display:flex;flex-wrap:wrap;gap:8px}.spdetail .hl{font-size:12px;color:#cfe0f5;background:#0c1730;border:1px solid var(--line);border-radius:8px;padding:3px 9px}.spdetail .cmds{display:flex;flex-direction:column;gap:6px}.spdetail .cmrow{font-size:12px;border-left:2px solid var(--line);padding:2px 0 2px 9px;cursor:pointer;border-radius:0 6px 6px 0}.spdetail .cmrow:hover{background:#0e1a30}.spdetail .cmrow.on{border-left-color:var(--accent);background:#11253f}.spdetail .cmrow .r{color:var(--accent2);font-size:11px;margin-left:6px}.spdetail .cmrow .t{color:#8aa0c8;font-size:11px}.setupfoot{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:center;align-items:center}.setupfoot .btn{font-size:15px;padding:9px 22px}.difsel{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:4px}.difbtn{background:#0c1730;border:1px solid var(--line);color:#cfe0f5;border-radius:14px;padding:3px 10px;font-size:12px;cursor:pointer;text-transform:capitalize}.difbtn:hover{border-color:#2c6f9e}.difbtn.on{border-color:var(--accent);background:#11305a;color:#fff}.deckedit .decklist{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:4px;margin-bottom:4px}.deckedit{overflow-x:hidden}.deckrow{display:flex;align-items:center;gap:7px;padding:2px 8px;border:1px solid var(--line);border-radius:8px;background:#0c1730;font-size:12px;min-width:0;overflow:hidden}.deckrow:hover{border-color:#2c6f9e}.deckrow .cnt{width:24px;text-align:right;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.deckrow:has(.cnt:not(:empty)){border-left:3px solid var(--accent)}.deckrow b{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.deckrow .dx{color:#8aa0c8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0}.deckrow .qadj{margin-left:auto;display:flex;gap:3px;flex:none}.deckrow .qbtn{width:20px;height:20px;border-radius:5px;border:1px solid var(--line);background:#11305a;color:#eaf2ff;font:800 14px ui-monospace,monospace;line-height:1;cursor:pointer;padding:0}.deckrow .qbtn:hover{background:#1c4a86;border-color:#2c6f9e}.overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#05080f66}.modal .autohint{margin-top:10px;font-size:11px;color:var(--dim);text-align:center;letter-spacing:.5px}.modal{background:linear-gradient(#101a30,#0b1326);border:1px solid var(--line);border-radius:16px;padding:22px 26px;max-width:560px;box-shadow:0 20px 60px #000c}.modal h2{margin:0 0 10px;color:var(--accent)}.endstats{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:12px 0 4px;font-size:13px;color:#9fb3d6}.endstats b{color:#cfe0f5}.legend{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:13px;margin:8px 0}.legend b{color:var(--warn);font-family:ui-monospace,monospace}.combat .roll{font:800 26px ui-monospace,monospace;color:var(--accent)}.combat .line{margin:6px 0;font-size:14px}.combat .hit{color:var(--good);font-weight:800}.combat .miss{color:var(--bad);font-weight:800}.combat .crit{color:var(--warn);font-weight:800;text-shadow:0 0 10px var(--warn)}.reactions{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.win h2{color:var(--good)}.lose h2{color:var(--bad)}.dieface{display:inline-block;min-width:34px;text-align:center}#pp-gameinfo{position:fixed;top:0;right:0;bottom:0;width:min(440px,94vw);z-index:9001;box-sizing:border-box;background:#0c0f1c;border-left:1px solid rgba(120,140,200,.3);box-shadow:-12px 0 40px #0000008c;transform:translate(106%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:16px 22px 40px;color:#c7d0ea;font:400 15px/1.62 Segoe UI,system-ui,Roboto,sans-serif;text-align:left}#pp-gameinfo.pp-open{transform:none}#pp-gameinfo h1{font-size:1.4rem;color:#eef2ff;margin:.1em 38px .15em 0;line-height:1.2}#pp-gameinfo h2{font-size:1.02rem;color:#dbe2f7;margin:1.2em 0 .4em}#pp-gameinfo .lede{font-size:1rem;color:#aeb9da;margin:.2em 0 1em}#pp-gameinfo p{margin:.6em 0}#pp-gameinfo ul{margin:.4em 0;padding-left:1.2em}#pp-gameinfo li{margin:.3em 0}#pp-gameinfo .meta{font-size:.82rem;color:#7f8bb0;margin-top:1.4em}#pp-gameinfo a{color:#8ab4ff}#pp-info-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#1d2030;color:#cfd6ee;border:1px solid #343a58;cursor:pointer;font-size:14px;line-height:1;padding:0}#pp-info-btn{position:fixed;right:14px;bottom:46px;z-index:9002;background:#3a6df0;color:#fff;border:none;border-radius:999px;padding:9px 15px;font:600 13px Segoe UI,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 14px #0006}#pp-info-btn:hover{background:#4f7ef5}#pp-adbar{flex:none;display:flex;align-items:center;justify-content:center;min-height:38px;padding:2px 8px;box-sizing:border-box;background:#080c16f5;border-top:1px solid var(--line)}#pp-adbar .ad-slot{display:flex;align-items:center;justify-content:center;max-width:100%}