@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-condensed-latin-500-normal-BgYH2mbd.woff2) format("woff2"),url(./barlow-condensed-latin-500-normal-HIEiP5Ov.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(./rajdhani-latin-500-normal-ByNUCHrt.woff2) format("woff2"),url(./rajdhani-latin-500-normal-DfvNI-Td.woff) format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(./rajdhani-latin-600-normal-CXCVEoA9.woff2) format("woff2"),url(./rajdhani-latin-600-normal-Dx02qI2_.woff) format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(./rajdhani-latin-700-normal-BPDUZo87.woff2) format("woff2"),url(./rajdhani-latin-700-normal-e0Uj8ZlN.woff) format("woff")}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./share-tech-mono-latin-400-normal-CCqdbj5z.woff2) format("woff2"),url(./share-tech-mono-latin-400-normal-15MgdvEM.woff) format("woff")}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(./saira-stencil-one-latin-400-normal-CaP09Fmm.woff2) format("woff2"),url(./saira-stencil-one-latin-400-normal-BhLFNLer.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(./inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(./inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(./inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(./inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(./inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(./inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}:root{--font-ui: Inter, "Segoe UI", Arial, sans-serif;--font-cond: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", Impact, sans-serif;--font-hud: Rajdhani, "Barlow Condensed", "Arial Narrow", sans-serif;--font-mono: "Share Tech Mono", ui-monospace, Consolas, monospace;--font-stencil: "Saira Stencil One", "Barlow Condensed", Impact, sans-serif;--cut: 10px;--chamfer: polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));--console-h: clamp(190px, 24vh, 258px);--text: #e8e1d1;--dim: #a39a8a;--dimmer: #6f685c;--brass: #cba662;--brass-hi: #f2d890;--brass-lo: #7d6128;--amber: #ffb84a;--ok: #7fd69b;--warn: #e6b24f;--bad: #e2604f;--info: #6fb4e8;--p0: #0a0908;--p1: #14110e;--p2: #1e1a15;--p3: #2b261f;--p4: #3a342a;--edge-hi: #6a6050;--edge-lo: #000;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");font-family:var(--font-ui);color:var(--text);background:var(--p0);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--p0)}button,select,input{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}svg{display:block}.plate,.setup-card,.loading-card,.help{background-image:var(--grain),linear-gradient(180deg,var(--p3),var(--p2) 38%,var(--p1) 100%);background-blend-mode:soft-light,normal}.eyebrow,.primary,.setup-grid label{font-family:var(--font-cond);letter-spacing:.12em}.setup-screen{height:100vh;overflow-y:auto;display:grid;grid-template-columns:minmax(520px,1.55fr) minmax(280px,.8fr);background:radial-gradient(ellipse at 28% 18%,#3a2f22 0,#171310 48%,#0a0908);position:relative}.setup-screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#c9a45c0d 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#c9a45c0d 40px);pointer-events:none}.setup-card{position:relative;max-width:780px;align-self:center;margin:auto;padding:26px 48px 22px;width:100%;border:1px solid #000;box-shadow:0 28px 85px #000c,0 0 0 1px var(--edge-hi),inset 0 1px #ffe8b933,inset 0 -10px 30px #0009}.setup-card:before{content:"";position:absolute;inset:6px;border:1px solid #ffe2a31c;pointer-events:none}.eyebrow{font-size:15px;color:var(--brass);font-weight:700;display:flex;gap:15px}.eyebrow span{color:var(--dim);font-weight:500}.setup-card h1{font:800 clamp(38px,4.4vw,58px)/.95 var(--font-cond);letter-spacing:.015em;text-transform:uppercase;margin:12px 0 8px;color:#f1ead9;text-shadow:0 3px 0 #000a}.setup-intro{color:var(--dim);max-width:520px;line-height:1.5;font-size:13px;margin:0 0 14px}.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}.setup-grid label:nth-child(1),.setup-grid label:nth-child(2),.setup-grid label:nth-child(5){grid-column:span 2}.setup-grid label{display:flex;flex-direction:column;gap:7px;color:#c5bba7;font-weight:700;font-size:13px}.setup-grid select,.setup-grid input{width:100%;background:#0b0a08;color:#f3ecd8;border:1px solid #54493a;padding:10px 12px;outline:none;box-shadow:inset 0 3px 9px #000d}.setup-grid select:focus{border-color:var(--brass)}.setup-grid input[type=color]{height:40px;padding:4px}.setup-grid small{font:12px var(--font-ui);color:#867d6d;letter-spacing:0;min-height:16px}.map-block{margin-top:12px}.map-title{font:700 13px var(--font-cond);letter-spacing:.14em;color:#c5bba7;margin-bottom:7px}.map-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.map-card{display:flex;flex-direction:column;gap:3px;padding:5px 5px 7px;text-align:left;background:#0b0a08;border:1px solid #3b3429;box-shadow:inset 0 2px 8px #000c}.map-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid #000;box-shadow:0 0 0 1px #5a4a2a66}.map-card b{font:700 13px var(--font-cond);letter-spacing:.1em;color:#e8dfc6;text-transform:uppercase;padding:2px 3px 0}.map-card small{font:11px/1.3 var(--font-ui);color:#867d6d;padding:0 3px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.map-card:hover{border-color:#6b5a3a}.map-card.active{border-color:var(--brass);box-shadow:inset 0 2px 8px #000c,0 0 0 1px var(--brass),0 0 14px #ffb84a40}.map-card.active b{color:var(--brass-hi)}.briefing{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.brief{background:#0b0a08;border:1px solid #3b3429;padding:10px 12px 8px;box-shadow:inset 0 2px 9px #000c}.brief b{font:700 13px var(--font-cond);letter-spacing:.14em;color:var(--accent, var(--brass));display:block;margin-bottom:6px;border-left:3px solid var(--accent, var(--brass));padding-left:8px}.brief ul{list-style:none;margin:0;padding:0;font-size:11px;color:#b5ab97;line-height:1.5}.brief li span{display:inline-block;width:62px;color:#7d7464;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.primary{background:linear-gradient(#f0cd86,#b98a43 55%,#8e6429);border:1px solid #ffe3a6;color:#1b140a;text-shadow:0 1px #ffe9b8;font-size:16px;font-weight:800;box-shadow:inset 0 2px #fff2cf99,inset 0 -3px #6a4a1c,0 5px #4c3515,0 10px 24px #000a}.primary:hover{filter:brightness(1.12)}.primary:active{transform:translateY(2px);box-shadow:inset 0 2px #fff2cf99,0 3px #4c3515,0 5px 14px #000a}.primary.large{margin-top:14px;width:100%;padding:14px 19px;display:flex;align-items:center;justify-content:space-between}.provisional{margin:10px 0 0;color:#8a8171;font-size:11px;line-height:1.5}.provisional code{color:#d3bf96}.setup-side{border-left:1px solid #c9a45c1f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px;background:linear-gradient(90deg,#0a0908cc,#1f1912aa)}.radar-mark{width:260px;height:260px;border:2px solid #6b5a3a;border-radius:50%;position:relative;display:grid;place-items:center;box-shadow:0 0 0 18px #3a2f2030,0 0 0 19px #c9a45c30,inset 0 0 60px #c9a45c1f;background:repeating-radial-gradient(circle,#c9a45c14 0 1px,transparent 2px 42px);overflow:hidden}.radar-mark:before,.radar-mark:after{content:"";position:absolute;background:#c9a45c3d}.radar-mark:before{width:1px;height:100%}.radar-mark:after{height:1px;width:100%}.radar-mark b{font:800 69px var(--font-cond);color:var(--brass-hi);text-shadow:0 0 28px #ffb84a66;position:relative}.radar-mark i{position:absolute;background:#ffd48a;width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #ffb84a;animation:blip 3s infinite}.radar-mark i:nth-child(1){top:27%;left:65%}.radar-mark i:nth-child(2){top:67%;left:23%;animation-delay:1s}.radar-mark i:nth-child(3){top:75%;left:70%;animation-delay:2s}@keyframes blip{0%,to{opacity:.25}50%{opacity:1}}.setup-side-caption{font:600 15px/1.7 var(--font-cond);letter-spacing:.28em;text-align:center;color:#7d7060}.game-screen{height:100vh;display:grid;grid-template-rows:58px minmax(0,1fr) var(--console-h);background:#070605}.plate-surface{--edge: linear-gradient(135deg, #8a7650 0%, #3d3526 16%, #14110d 52%, #4f4128 84%, #8a7650 100%)}.hud-panel,.topbar-plate,.readout,.metal-button,.cmd,.card,.tab,.special-button{isolation:isolate}.hud-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;padding:14px 16px 12px;filter:drop-shadow(0 3px 4px #000c);--cut: 12px}.hud-panel:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chamfer);background:linear-gradient(135deg,#9a8558,#4a3f2b 14%,#17130e,#5c4b2e 86%,#a28c5c)}.hud-panel:after{content:"";position:absolute;inset:1.5px;z-index:-1;--cut: 11px;clip-path:var(--chamfer);background:radial-gradient(circle at 17px 17px,#e6d6ac 0 1.5px,#1c150a 2.6px,transparent 3.4px),radial-gradient(circle at calc(100% - 17px) 17px,#e6d6ac 0 1.5px,#1c150a 2.6px,transparent 3.4px),radial-gradient(circle at 17px calc(100% - 17px),#e6d6ac 0 1.5px,#1c150a 2.6px,transparent 3.4px),radial-gradient(circle at calc(100% - 17px) calc(100% - 17px),#e6d6ac 0 1.5px,#1c150a 2.6px,transparent 3.4px),linear-gradient(180deg,#ffe7b61f 0,transparent 7px),var(--grain),linear-gradient(180deg,#38332a,#26221b 20%,#1a1713 70%,#13110e);background-blend-mode:normal,normal,normal,normal,normal,soft-light,normal}.hud-panel>*{position:relative}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;margin:0 4px 8px;padding-bottom:5px;border-bottom:1px solid #c9a45c44;font:700 14px var(--font-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-hi);text-shadow:0 1px 0 #000,0 0 10px #ffb84a30}.panel-heading:before{content:"";width:7px;height:7px;margin-right:2px;background:var(--amber);box-shadow:0 0 8px var(--amber);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none}.panel-heading span{flex:1}.panel-heading em{font:500 11px var(--font-mono);font-style:normal;letter-spacing:.08em;color:#9d927c}.topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;z-index:4;background:var(--grain),linear-gradient(180deg,#3a352c,#272319 34%,#17140f);background-blend-mode:soft-light,normal;box-shadow:0 6px 20px #000d,inset 0 1px #ffe7b62e,inset 0 -1px #000}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;pointer-events:none;background:linear-gradient(90deg,#4a3a1a,var(--brass) 20%,#f4dc9a 50%,var(--brass) 80%,#4a3a1a);box-shadow:0 0 12px #ffb84a40}.brand{display:flex;align-items:center;gap:12px}.brand b{font:400 34px var(--font-stencil);color:var(--brass-hi);letter-spacing:-.02em;text-shadow:0 2px 0 #000,0 0 18px #ffb84a50}.brand b span{color:#8a7650;font-size:18px}.brand>div{font:700 18px/1 var(--font-hud);color:#f1ead6;letter-spacing:.22em}.brand small{display:block;font:500 10.5px var(--font-hud);color:var(--dim);letter-spacing:.34em;margin-top:4px}.top-resources{display:flex;gap:0;align-items:stretch;height:46px;filter:drop-shadow(0 2px 3px #000c)}.readout{position:relative;display:flex;align-items:center;gap:11px;min-width:190px;padding:0 22px 0 14px;--cut: 9px}.readout:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chamfer);background:linear-gradient(135deg,#9a8558,#3a3122 40%,#1a150d 60%,#7a6642)}.readout:after{content:"";position:absolute;inset:1.5px;z-index:-1;--cut: 8px;clip-path:var(--chamfer);background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 3px),radial-gradient(ellipse at 30% 0%,#2b3b34 0,transparent 70%),linear-gradient(180deg,#07100d,#0d1814 70%,#0a120f)}.readout+.readout{margin-left:-6px}.readout .ico{color:var(--amber);filter:drop-shadow(0 0 5px #ffb84a77)}.readout .ico svg{width:24px;height:24px}.readout>div{display:grid;grid-template-rows:12px 26px;align-content:center;line-height:1;min-width:0}.readout .lab{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.readout small{display:block;font:600 10.5px var(--font-hud);letter-spacing:.24em;color:#7f9a8c;text-transform:uppercase}.readout strong{display:block;font:400 24px/1 var(--font-mono);letter-spacing:.02em;color:#ffd98a;text-shadow:0 0 10px #ffb84a99,0 0 2px #fff2;font-variant-numeric:tabular-nums}.readout strong.warning{color:#ff7a66;text-shadow:0 0 10px #ff4a3a99}.readout small.rate{font:400 10.5px var(--font-mono);letter-spacing:.06em;color:#7fe3a0;text-shadow:0 0 6px #4fe08066}.readout.energy .meter{position:absolute;left:50px;right:22px;bottom:4px}.meter{height:4px;background:#020503;box-shadow:inset 0 1px 2px #000,0 1px #ffffff10;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,transparent 5px 7px)}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffcf6a,#ffb84a);box-shadow:0 0 8px #ffb84a;transition:width .25s}.meter i.warning{background:linear-gradient(90deg,#ff8a70,#ff4a3a);box-shadow:0 0 8px #ff4a3a}.top-buttons{display:flex;gap:8px;justify-content:flex-end}.metal-button{position:relative;display:flex;align-items:center;gap:8px;padding:0 16px;height:38px;min-width:40px;justify-content:center;font:700 12px var(--font-hud);letter-spacing:.2em;color:var(--brass-hi);text-shadow:0 1px #000;border:0;background:none;--cut: 7px;filter:drop-shadow(0 2px 2px #000a)}.metal-button:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chamfer);background:linear-gradient(135deg,#a89160,#4a3f2b 30%,#15110c 70%,#6d5a37)}.metal-button:after{content:"";position:absolute;inset:1.5px;z-index:-1;--cut: 6px;clip-path:var(--chamfer);background:linear-gradient(180deg,#ffe7b625 0,transparent 5px),linear-gradient(180deg,#4a4538,#2b271e 50%,#1b1812)}.metal-button.icon-only{width:42px;padding:0}.metal-button:hover{filter:drop-shadow(0 2px 2px #000a) brightness(1.2);color:#fff3cf}.metal-button:active{transform:translateY(1px);filter:drop-shadow(0 1px 1px #000a) brightness(.9)}.metal-button svg{width:20px;height:20px}.main-stage{min-height:0;position:relative;overflow:hidden;background:#2a1f14}.battlefield{position:absolute;inset:0}.battlefield canvas{display:block;width:100%;height:100%;cursor:crosshair}.main-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px #6b5a3a88,inset 0 0 70px #0009}.frame-corner{display:none}.battle-top-left{position:absolute;top:14px;left:16px;z-index:3;pointer-events:none;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 12px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:linear-gradient(90deg,#0b0a08f2,#0b0a08c0);font:700 12px var(--font-hud);letter-spacing:.2em;color:#e3d9bd;box-shadow:0 4px 14px #0007}.status-light{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8cf0a8;box-shadow:0 0 10px #55f08a,inset 0 0 2px #fff}.coords{font:400 12px var(--font-mono);letter-spacing:.06em;color:#a9a08a;margin-left:6px}.placement-note{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:9px 24px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);background:linear-gradient(180deg,#3a3014f5,#17120af5);color:#ffe7a6;font:700 14px var(--font-hud);letter-spacing:.14em;pointer-events:none;z-index:4;text-shadow:0 1px #000}.placement-note.invalid{background:linear-gradient(180deg,#4a1c14f5,#1d0a07f5);color:#ffd9cf}.selection-box{position:fixed;border:1px solid #f2d890;background:#ffb84a1e;pointer-events:none;z-index:7}.help{position:absolute;right:18px;top:18px;width:440px;padding:14px 16px;font-size:12px;line-height:1.5;z-index:5;background:linear-gradient(180deg,#2b261dfa,#14110dfa);border:1px solid #000;box-shadow:0 0 0 1px #6b5a3a,0 14px 40px #000c}.help b{font:700 15px var(--font-hud);letter-spacing:.18em;color:var(--brass-hi)}.help table{border-collapse:collapse;margin-top:8px;width:100%}.help td{padding:3px 0;vertical-align:top;color:#cfc5b0;border-bottom:1px solid #ffffff0d}.help td:first-child{color:var(--brass);font-family:var(--font-hud);font-weight:600;letter-spacing:.08em;padding-right:10px;white-space:nowrap}.victory{position:absolute;inset:0;background:#0a0806e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;z-index:6}.victory strong{font:400 92px var(--font-stencil);color:var(--brass-hi);text-shadow:0 8px #000,0 0 40px #ffb84a55;letter-spacing:.04em}.victory span{font-size:16px;color:#d9d0bd}.victory button{padding:12px 40px}.loading{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#0a0806f2}.loading-card{width:380px;padding:26px 30px;background:linear-gradient(145deg,#2f2a21,#15120e);border:1px solid #000;box-shadow:0 0 0 1px #6a6050,0 20px 60px #000c;text-align:center}.loading-card b{font:700 18px var(--font-hud);letter-spacing:.26em;color:var(--brass)}.loading-card small{color:var(--dim);font-size:11px;display:block;margin-top:12px}.loading .progress{margin-top:14px;height:8px;overflow:hidden}.loading .progress i{width:40%;animation:sweep 1.2s infinite ease-in-out}@keyframes sweep{0%{margin-left:-40%}to{margin-left:100%}}.feed{position:absolute;left:16px;bottom:16px;width:min(430px,40%);display:flex;flex-direction:column-reverse;gap:3px;pointer-events:none;z-index:3}.feed p{margin:0;display:flex;gap:10px;padding:4px 12px 4px 10px;font-size:12.5px;line-height:1.3;color:#efe5cb;background:linear-gradient(90deg,#0b0a08dd,#0b0a0899 85%,#0b0a0800);border-left:2px solid var(--amber);text-shadow:0 1px 2px #000}.feed p span{color:var(--amber);font:400 11px var(--font-mono)}.feed p:nth-child(n+2){opacity:.78}.feed p:nth-child(n+4){opacity:.5}.feed p:nth-child(n+6){display:none}.hud{position:relative;display:grid;grid-template-columns:calc(var(--console-h) - 6px) minmax(0,2.3fr) minmax(250px,1.15fr) minmax(220px,.95fr);gap:5px;padding:8px;min-width:0;min-height:0;z-index:3;background:var(--grain),linear-gradient(180deg,#211e18,#0e0c0a);background-blend-mode:soft-light,normal;box-shadow:inset 0 1px #ffe7b630,inset 0 6px 14px #000a}.hud:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:repeating-linear-gradient(-45deg,#c9a45c 0 8px,#17130e 8px 16px);opacity:.5;pointer-events:none}.intel-panel{padding:8px}.mini-wrap{position:relative;flex:1;min-height:0;background:#030504;box-shadow:0 0 0 1px #000,0 0 0 3px #5a4a2e,0 0 0 4px #000,inset 0 0 26px #000,inset 0 0 0 1px #ffffff10;overflow:hidden}.mini-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair}.mini-wrap:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#00000030 0 1px,transparent 1px 3px),linear-gradient(115deg,#ffffff14 0,transparent 32%),radial-gradient(ellipse at center,transparent 55%,#000a 100%)}.mini-sweep{position:absolute;top:0;bottom:0;width:38px;left:-40px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#7fe3a01c 70%,#7fe3a040);animation:sweepmap 7s linear infinite}@keyframes sweepmap{to{left:100%}}.mini-tag,.mini-live{position:absolute;z-index:2;pointer-events:none;font:700 10px var(--font-hud);letter-spacing:.22em;text-shadow:0 1px 2px #000}.mini-tag{top:5px;left:7px;color:#c9bb96}.mini-live{top:5px;right:7px;color:#8cf0a8}.mini-live:before{content:"●";margin-right:4px;animation:blink 1.6s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.mini-legend{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:12px 7px 4px;pointer-events:none;display:flex;gap:9px;align-items:center;font:600 9px var(--font-hud);letter-spacing:.12em;color:#b8ad92;text-transform:uppercase;background:linear-gradient(180deg,transparent,#000b)}.mini-legend i{display:inline-block;width:7px;height:7px;margin-right:3px;border:1px solid #0008}.mini-legend .blue{background:#4fa3e8}.mini-legend .red{background:#e0533f}.mini-legend .white{background:transparent;border-color:#fff}.deck-panel{padding-top:10px}.tabstrip{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex:none;margin:-2px 0 8px;padding-bottom:0;border-bottom:1px solid #000;box-shadow:0 1px #ffe7b620}.tab{position:relative;padding:6px 20px;font:700 15px var(--font-hud);letter-spacing:.2em;text-transform:uppercase;color:#1b140a;text-shadow:0 1px #ffeec2;margin-bottom:-1px;--cut: 8px;clip-path:polygon(0 100%,0 var(--cut),var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%);background:linear-gradient(180deg,#f6dea0,#d1ab62 55%,#a07f3b);box-shadow:0 0 14px #ffb84a40}.tabstrip em{font:400 11px var(--font-mono);font-style:normal;letter-spacing:.08em;color:#9d927c;padding:0 2px 7px}.action-list{flex:1;min-height:0;display:grid;grid-auto-flow:column;grid-template-rows:minmax(0,1fr);grid-auto-columns:minmax(88px,128px);gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;align-content:stretch;scrollbar-width:thin;scrollbar-color:#6b5a3a #0a0806}.action-list::-webkit-scrollbar,.events::-webkit-scrollbar{height:8px;width:8px}.action-list::-webkit-scrollbar-thumb{background:#6b5a3a;border:1px solid #0a0806}.action-list:has(.hint),.action-list:has(.standby),.action-list:has(.cmd.wide){grid-auto-flow:row;grid-template-rows:none;grid-auto-columns:auto;grid-template-columns:1fr;align-content:start;overflow-y:auto}.action-list .cmd.wide{min-height:44px}.hint{color:#a99f89;font:500 13px/1.5 var(--font-ui);padding:8px 6px}.hint b{color:var(--brass-hi);font-family:var(--font-hud);letter-spacing:.12em}.standby{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-content:center;padding:6px 8px;color:#a99f89;font:500 13px/1.4 var(--font-ui)}.standby kbd,.standby .k{font:400 11px var(--font-mono);color:var(--amber);border:1px solid #5a4a2e;border-radius:2px;padding:1px 6px;background:#0b0a08;justify-self:start;box-shadow:inset 0 -2px #000}.card{position:relative;display:flex;flex-direction:column;padding:0;text-align:left;overflow:hidden;border:1px solid #000;background:#0a0806;box-shadow:0 0 0 1px #5a4a2e,0 3px 6px #000b;transition:transform .08s,box-shadow .12s,filter .12s;--cut: 0px}.card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,#ffffff18 0,transparent 35%),linear-gradient(0deg,#000a 0,transparent 40%)}.card .portrait{width:100%;height:0;flex:1 1 0;min-height:0;border:0;box-shadow:none;object-fit:cover;background:radial-gradient(circle at 50% 38%,#54462f,#17120d 76%)}.card-name{position:relative;z-index:3;padding:5px 7px 0;font:700 13px/1.05 var(--font-hud);letter-spacing:.08em;text-transform:uppercase;color:#f5ecd2;text-shadow:0 1px 2px #000;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;background:#0d0b08}.card-meta{position:relative;z-index:3;padding:1px 7px 5px;display:flex;align-items:center;gap:5px;font:400 11.5px var(--font-mono);letter-spacing:.02em;color:var(--amber);background:#0d0b08}.card-meta svg{width:11px;height:11px}.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px var(--brass),0 0 16px #ffb84a50,0 6px 10px #000b;filter:brightness(1.12)}.card:active:not(:disabled),.card.active{transform:translateY(0);box-shadow:0 0 0 2px var(--amber),0 0 20px #ffb84a88,0 3px 6px #000b}.card:disabled{opacity:.45;cursor:not-allowed}.card.locked .portrait{filter:grayscale(1) brightness(.5)}.card.wide{flex-direction:row;align-items:center;min-height:62px;padding:6px;gap:10px;background:linear-gradient(180deg,#2c281f,#17140f)}.card.wide:before{display:none}.card.wide .portrait{width:50px;height:50px;flex:none}.card.wide .card-name,.card.wide .card-meta{background:none;padding-left:0}.command-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(46px,1fr);gap:6px;flex:1;min-height:0}.command-row:empty:before{content:"Select units to issue orders.";grid-column:1 / -1;color:#6f685c;font:500 12px var(--font-ui);padding:6px 4px}.cmd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 4px 4px;min-height:44px;border:0;background:none;color:#eadfc4;font:700 11px var(--font-hud);letter-spacing:.12em;text-shadow:0 1px #000;--cut: 6px;filter:drop-shadow(0 2px 2px #000a)}.cmd:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chamfer);background:linear-gradient(135deg,#a89160,#4a3f2b 30%,#15110c 70%,#6d5a37)}.cmd:after{content:"";position:absolute;inset:1.5px;z-index:-1;--cut: 5px;clip-path:var(--chamfer);background:linear-gradient(180deg,#ffe7b62a 0,transparent 6px),linear-gradient(180deg,#4d483b,#2d2920 55%,#1c1913)}.cmd svg{width:21px;height:21px;flex:none;color:var(--brass-hi);filter:drop-shadow(0 0 4px #ffb84a50)}.cmd span{line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:uppercase}.cmd kbd{position:absolute;top:3px;right:6px;font:400 9px var(--font-mono);color:#9d927c}.cmd:hover:not(:disabled){filter:drop-shadow(0 2px 2px #000a) brightness(1.22)}.cmd:active:not(:disabled),.cmd.active{filter:drop-shadow(0 0 6px #ffb84a99) brightness(1.05)}.cmd.active:after{background:linear-gradient(180deg,#ffb84a40 0,transparent 8px),linear-gradient(180deg,#5a4520,#33270f 55%,#241b0a)}.cmd:disabled{opacity:.34;cursor:not-allowed}.cmd.wide{grid-column:1 / -1;flex-direction:row;justify-content:flex-start;padding:4px 14px;gap:12px}.cmd.wide span{flex:1;text-align:left;font-size:13px}.selection-body{flex:1;min-height:0;overflow:hidden}.empty-state{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:0 10px;color:#7a7260;font:500 12.5px/1.5 var(--font-ui);background:radial-gradient(circle at 18% 50%,#ffb84a0d 0,transparent 60%)}.empty-state b{font:700 19px var(--font-hud);letter-spacing:.24em;color:#a39877}.sel-main{display:flex;gap:14px;height:100%;padding:2px 2px 0}.portrait{width:56px;height:56px;flex:none;object-fit:contain;background:radial-gradient(circle at 50% 36%,#54462f,#17120d 76%);border:1px solid #000;box-shadow:0 0 0 1px #5a4a2e,inset 0 2px 14px #000c}.portrait.big{width:112px;height:112px;object-fit:cover}.portrait.enemy{background:radial-gradient(circle at 50% 36%,#6a342b,#1c0e0a 78%)}.portrait.empty{display:block}.portrait.glyph{display:grid;place-items:center;color:var(--brass)}.portrait.glyph svg{width:30px;height:30px}.sel-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.sel-text strong{font:700 24px/1.02 var(--font-hud);color:#f6eed8;text-transform:uppercase;letter-spacing:.06em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;text-shadow:0 1px 0 #000,0 0 14px #ffb84a22}.sel-text .sub{font:500 12px var(--font-ui);color:var(--dim)}.sel-text .num{font:400 13px var(--font-mono);letter-spacing:.04em;color:#e3d8bb}.sel-text .status{color:var(--amber)}.sel-text .dev{font-size:10px;color:#7a7262;letter-spacing:.03em}.enemy-tag{color:#f4a090!important}.hpbar{height:10px;margin:3px 0;background:#040302;box-shadow:inset 0 1px 3px #000,0 1px #ffe7b61a;-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px);mask:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 8px)}.hpbar i{display:block;height:100%;background:linear-gradient(#aef5c8,#3fb176);box-shadow:0 0 8px #7fd69b88;transition:width .15s}.hpbar.mid i{background:linear-gradient(#ffe29a,#d9a02e);box-shadow:0 0 8px #ffb84a88}.hpbar.low i{background:linear-gradient(#ff9c8c,#d04a3a);box-shadow:0 0 8px #ff4a3a88}.sel-group{display:flex;flex-direction:column;gap:7px;height:100%}.chips{display:grid;grid-template-columns:repeat(auto-fill,44px);gap:5px;overflow:hidden;align-content:start}.chip{position:relative;width:44px;height:44px;padding:0;border:1px solid #000;background:#0d0b09;box-shadow:0 0 0 1px #5a4a2e,0 1px 3px #000a}.chip .portrait{width:100%;height:100%;border:0;box-shadow:none;object-fit:cover}.chip i{position:absolute;left:2px;bottom:2px;height:3px;background:var(--ok);box-shadow:0 0 3px #000;max-width:calc(100% - 4px)}.chip.mid i{background:var(--warn)}.chip.low i{background:var(--bad)}.chip:hover{outline:1px solid var(--brass)}.queue-display{flex:none;margin-top:4px;min-height:0}.queue-head{display:flex;justify-content:space-between;font:700 11px var(--font-hud);letter-spacing:.2em;color:var(--brass-hi);margin-bottom:4px}.queue-head b{color:#cbbf9f;font:400 11px var(--font-mono);letter-spacing:.04em}.slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}.slot{position:relative;aspect-ratio:1;max-height:30px;justify-self:stretch;background:#070605;border:1px solid #000;box-shadow:inset 0 2px 6px #000d,0 1px #ffe7b61a}.slot .portrait{width:100%;height:100%;border:0;box-shadow:none;object-fit:cover}.slot.head{outline:1px solid var(--brass)}.slot i{position:absolute;left:0;bottom:0;height:3px;background:var(--amber);box-shadow:0 0 6px var(--amber)}.progress{height:7px;background:#040302;border:1px solid #000;box-shadow:inset 0 1px 3px #000,0 1px #ffe7b61a}.progress i{display:block;height:100%;width:0;background:linear-gradient(#ffe1a0,#d29c37);box-shadow:0 0 9px #ffb84a77}.queue-display small{display:block;font-size:10px;color:var(--bad);margin-top:4px}.special-button{position:relative;overflow:hidden;width:100%;height:46px;flex:none;margin-top:7px;display:flex;align-items:center;gap:9px;padding:0 14px;border:0;background:none;color:#1a1209;font:700 14px var(--font-hud);letter-spacing:.14em;text-align:left;--cut: 8px;filter:drop-shadow(0 2px 2px #000a)}.special-button:before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--chamfer);background:linear-gradient(135deg,#c9ae78,#6a5532 40%,#1c150a 70%,#8a7142)}.special-button:after{content:"";position:absolute;inset:1.5px;z-index:-1;--cut: 7px;clip-path:var(--chamfer);background:repeating-linear-gradient(-45deg,#0000 0 9px,#00000026 9px 18px),linear-gradient(180deg,#a2813f,#6d5424)}.special-button>*{position:relative}.special-button .sp-ico{color:#1a1209}.special-button .sp-ico svg{width:22px;height:22px}.special-button .sp-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.special-button .sp-state{font:400 11px var(--font-mono);letter-spacing:.04em}.special-button #special-progress{position:absolute;left:4px;bottom:3px;height:3px;background:#ffe9b8;box-shadow:0 0 9px #ffe9b8;width:0}.special-button:disabled{opacity:.6;cursor:not-allowed;filter:drop-shadow(0 2px 2px #000a) saturate(.55)}.special-button.ready{animation:ready 1.6s infinite}.special-button.ready:after{background:repeating-linear-gradient(-45deg,#0000 0 9px,#00000020 9px 18px),linear-gradient(180deg,#f2d890,#c18f33)}.special-button.armed{filter:drop-shadow(0 0 10px #ff9d62)}@keyframes ready{0%,to{filter:drop-shadow(0 2px 2px #000a)}50%{filter:drop-shadow(0 0 14px #ffb84acc)}}.report-panel{padding-bottom:10px}@media(max-width:1500px){.hud{grid-template-columns:calc(var(--console-h) - 6px) minmax(0,2fr) minmax(220px,1.1fr) minmax(200px,.95fr)}}@media(max-width:1280px){.game-screen{grid-template-rows:52px minmax(0,1fr) var(--console-h)}.readout{min-width:150px;padding:0 16px 0 10px}.readout strong{font-size:20px}.brand>div{font-size:14px}.brand b{font-size:28px}.portrait.big{width:88px;height:88px}.hud-panel{padding:12px 12px 10px}.sel-text strong{font-size:20px}}@media(max-height:800px){.sel-text strong{font-size:18px}.portrait.big{width:80px;height:80px}.hud-panel{padding:10px 12px 8px}.panel-heading{margin-bottom:5px;font-size:13px}.command-row{grid-auto-rows:minmax(32px,1fr);gap:4px}.cmd{min-height:32px;padding:3px;gap:2px}.cmd svg{width:16px;height:16px}.cmd span{font-size:10px;letter-spacing:.06em}.special-button{height:34px;margin-top:5px}.card-name{font-size:12px;padding:4px 6px 0}.card-meta{padding:1px 6px 4px;font-size:11px}.deck-panel:has(.queue-display:not(:empty)) .action-list{grid-auto-columns:minmax(150px,190px)}.deck-panel:has(.queue-display:not(:empty)) .card:not(.wide){display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr auto;align-items:center}.deck-panel:has(.queue-display:not(:empty)) .card:not(.wide) .portrait{grid-row:1 / span 2;width:52px;height:100%}.deck-panel:has(.queue-display:not(:empty)) .card:not(.wide) .card-name{align-self:end}.deck-panel:has(.queue-display:not(:empty)) .card:not(.wide) .card-meta{align-self:start;background:none}}@media(max-width:1000px){.hud{grid-template-columns:calc(var(--console-h) - 6px) minmax(0,1.6fr) minmax(0,1fr)}.report-panel{display:none}.setup-screen{grid-template-columns:1fr}.setup-side{display:none}.briefing{grid-template-columns:1fr}.brand>div{display:none}}.cmd.danger span,.cmd.danger svg{color:#ff9a88}.cmd.danger:after{background:linear-gradient(180deg,#ffb0a02a 0,transparent 6px),linear-gradient(180deg,#6a2418,#3a130d 55%,#270c08)}
