:root{--bg:#15180f;--panel:#1c2015eb;--panel-solid:#1d2116;--panel-2:#262b1c;--line:#4a5034;--line-soft:#c9b98a2e;--paper:#d8c48a;--paper-dim:#a99a6c;--text:#e8e2cc;--muted:#9a9677;--friendly:#4aa3ff;--enemy:#ff5a4a;--good:#8fd16a;--warn:#ffc23d;--bad:#ff6b55;--mp:#e8e2cc;--fuel:#ffb347;--mun:#ff7a5c;--phase-a:#8fb86a;--phase-b:#e3b44c;--phase-c:#e0644a;--stencil:"Saira Stencil One", "Barlow Condensed", sans-serif;--ui:"Barlow Condensed", "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);margin:0;font-size:15px;overflow:hidden}button{font-family:inherit}.app{height:100dvh;position:relative;overflow:hidden}.screen{min-height:0;position:absolute;inset:0;overflow:hidden}.scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-height:0;overflow:auto}.hidden{display:none!important}.btn{color:var(--text);border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3a4029,#2a2f1d);border-radius:3px;padding:7px 14px;font-size:15px;font-weight:600}.btn:hover{border-color:var(--paper);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--paper);color:#fff8e0;background:linear-gradient(#8a7a3e,#6a5d2c)}.btn.danger{border-color:#7a3a2a}.btn.small{padding:4px 9px;font-size:13px}.chip{border:1px solid var(--line-soft);white-space:nowrap;background:#00000059;border-radius:2px;align-items:center;gap:3px;padding:1px 6px;font-size:12px;font-weight:600;display:inline-flex}.chip.mp{color:var(--mp)}.chip.fuel{color:var(--fuel)}.chip.mun{color:var(--mun)}.phase-A{color:var(--phase-a)}.phase-B{color:var(--phase-b)}.phase-C{color:var(--phase-c)}.stencil{font-family:var(--stencil);letter-spacing:.04em}.muted{color:var(--muted)}kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--paper);background:#0006;border-radius:2px;padding:0 4px;font-size:11px}.menu{background:radial-gradient(at 30% 40%,#2c3220 0%,#12140d 70%);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.menu-left{flex-direction:column;gap:18px;min-height:0;padding:6vh 5vw;display:flex}.menu-title{font-family:var(--stencil);color:var(--paper);text-shadow:0 3px #000;margin:0;font-size:clamp(42px,6vw,86px);line-height:.92}.menu-title span{color:var(--text);letter-spacing:.3em;font-size:.5em;display:block}.menu-sub{color:var(--paper-dim);max-width:46ch;font-size:18px;line-height:1.35}.menu-actions{flex-direction:column;gap:10px;max-width:360px;margin-top:8px;display:flex}.menu-actions .btn{text-align:left;padding:12px 18px;font-size:18px}.menu-right{flex-direction:column;min-height:0;padding:6vh 4vw 4vh 0;display:flex}.dossier{color:#2a2616;font-family:var(--ui);background:#d9cba0;border-radius:2px;min-height:0;padding:22px 26px;position:relative;overflow:auto;transform:rotate(.6deg);box-shadow:0 10px 40px #0009}.dossier h2{font-family:var(--stencil);color:#3a2e16;margin:0 0 4px;font-size:30px}.dossier .stamp{color:#a23a2a;font-family:var(--stencil);opacity:.8;border:3px solid #a23a2a;padding:2px 10px;font-size:18px;position:absolute;top:14px;right:18px;transform:rotate(8deg)}.dossier p{margin:6px 0;font-size:16px;line-height:1.35}.dossier .row{flex-wrap:wrap;gap:12px;margin:10px 0;display:flex}.opt{gap:6px;display:flex}.opt button{color:#3a2e16;cursor:pointer;font-weight:700;font-family:var(--ui);text-transform:uppercase;background:0 0;border:2px solid #6a5d38;border-radius:2px;padding:6px 12px;font-size:15px}.opt button.on{color:#e8dcb0;background:#3a2e16}.dossier ul{margin:6px 0;padding-left:18px}.dossier li{margin:3px 0}.campaign-teaser{border:1px dashed var(--line);color:var(--muted);max-width:420px;margin-top:14px;padding:10px 14px;font-size:14px}.armory{background:#171a11;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.arm-top{border-bottom:1px solid var(--line);background:var(--panel-solid);align-items:center;gap:16px;padding:10px 16px;display:flex}.arm-top h1{font-family:var(--stencil);color:var(--paper);margin:0;font-size:26px}.arm-top .spacer{flex:1}.arm-body{grid-template-columns:270px minmax(0,1fr) 340px;min-height:0;display:grid}.arm-div{border-right:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow:auto}.div-card{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:3px;padding:12px}.div-card.on{border-color:var(--paper);box-shadow:inset 0 0 0 1px var(--paper)}.div-card .emb{font-family:var(--stencil);color:var(--paper);font-size:28px}.div-card h3{margin:2px 0;font-size:19px}.div-card p{color:var(--muted);margin:4px 0 0;font-size:14px;line-height:1.3}.div-card ul{color:var(--paper-dim);margin:6px 0 0;padding-left:16px;font-size:13px}.arm-cards{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;padding:8px 12px 0;display:flex}.tab{color:var(--muted);cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #0000;border-bottom:none;padding:6px 12px;font-size:14px;font-weight:700}.tab.on{color:var(--paper);border-color:var(--line);background:var(--panel-2)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));align-content:start;gap:10px;padding:12px;display:grid}.ucard{border:1px solid var(--line);cursor:pointer;background:linear-gradient(#2c3220,#222717);border-radius:3px;flex-direction:column;gap:4px;min-height:104px;padding:8px;display:flex;position:relative}.ucard:hover{border-color:var(--paper-dim)}.ucard.sel{border-color:var(--paper);box-shadow:0 0 0 1px var(--paper)}.ucard.indeck:after{content:"IN DECK";color:var(--good);letter-spacing:.08em;font-size:10px;font-weight:700;position:absolute;bottom:6px;right:6px}.ucard .top{justify-content:space-between;align-items:center;gap:6px;display:flex}.ucard .name{font-size:16px;font-weight:700;line-height:1.05}.ucard .hint{color:var(--muted);font-size:12px}.ucard .ph{font-family:var(--stencil);font-size:18px}.nato{flex:none;width:34px;height:24px}.arm-detail{border-left:1px solid var(--line);flex-direction:column;gap:10px;min-height:0;padding:14px;display:flex;overflow:auto}.arm-detail h2{color:var(--paper);margin:0;font-size:24px}.statgrid{grid-template-columns:auto 1fr;gap:3px 12px;font-size:14px;display:grid}.statgrid dt{color:var(--muted)}.statgrid dd{font-family:var(--mono);margin:0;font-size:13px}table.wtab{border-collapse:collapse;width:100%;font-size:13px}table.wtab th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:3px 4px;font-weight:600}table.wtab td{border-bottom:1px solid var(--line-soft);font-family:var(--mono);padding:3px 4px;font-size:12px}table.wtab td:first-child{font-family:var(--ui);font-size:14px}.armor-bars{gap:8px;display:flex}.armor-bars div{background:var(--panel-2);border:1px solid var(--line);text-align:center;font-family:var(--mono);flex:1;padding:4px;font-size:13px}.armor-bars small{color:var(--muted);font-family:var(--ui);display:block}.caveat{border-left:3px solid var(--warn);color:var(--paper-dim);background:#ffc23d14;padding:6px 10px;font-size:13px}.vet-pick{gap:4px;display:flex}.vet-pick button{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;font-family:var(--ui);flex:1;padding:6px 4px;font-size:13px;font-weight:600}.vet-pick button.on{border-color:var(--paper);color:var(--paper)}.deckbar{border-top:1px solid var(--line);background:var(--panel-solid);grid-template-columns:220px repeat(3,minmax(0,1fr));height:190px;display:grid}.deck-meta{border-right:1px solid var(--line);flex-direction:column;gap:6px;min-height:0;padding:10px 14px;display:flex;overflow:auto}.apbar{border:1px solid var(--line);background:#0b0d07;height:10px;position:relative}.apbar i{background:var(--paper);position:absolute;top:0;bottom:0;left:0}.apbar.over i{background:var(--bad)}.issues{font-size:12px;line-height:1.3}.issues .error{color:var(--bad)}.issues .warn{color:var(--warn)}.deck-col{border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:8px 10px;display:flex}.deck-col h4{font-family:var(--stencil);margin:0 0 6px;font-size:16px;font-weight:400}.deck-list{flex-direction:column;gap:3px;min-height:0;display:flex;overflow:auto}.dentry{background:var(--panel-2);border:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:6px;padding:3px 6px;font-size:14px;display:flex}.dentry:hover{border-color:var(--bad)}.dentry .n{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dentry .x{color:var(--muted);font-family:var(--mono);font-size:12px}.battle{background:#000}.battle canvas.three{display:block;position:absolute;inset:0}.battle .overlay{pointer-events:none;position:absolute;inset:0}.hud-top{border-bottom:1px solid var(--line);pointer-events:auto;background:linear-gradient(#10130bf2,#10130bc7);align-items:center;gap:14px;height:46px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.res{font-family:var(--mono);align-items:baseline;gap:5px;min-width:92px;font-size:16px;font-weight:600;display:flex}.res .ic{font-family:var(--ui);letter-spacing:.08em;font-size:12px;font-weight:700}.res .inc{color:var(--muted);font-size:11px}.phase-badge{border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;align-items:center;padding:0 12px;line-height:1;display:flex}.phase-badge b{font-family:var(--stencil);white-space:nowrap;font-size:17px;font-weight:400}.phase-badge small{color:var(--muted);font-size:12px;font-family:var(--mono)}.scorebox{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.scorebar{border:1px solid var(--line);background:#0b0d07;width:160px;height:12px;position:relative}.scorebar i{position:absolute;top:0;bottom:0}.scorebar.f i{background:var(--friendly);right:0}.scorebar.e i{background:var(--enemy);left:0}.score-num{font-family:var(--mono);text-align:center;min-width:32px;font-size:15px}.pips{gap:3px;display:flex}.pip{border:1px solid var(--line);background:#0b0d07;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.pip.f{background:var(--friendly);color:#001}.pip.e{background:var(--enemy);color:#100}.pip.c{box-shadow:0 0 0 2px var(--warn)}.top-actions{gap:6px;display:flex}.alerts{pointer-events:auto;flex-direction:column;gap:4px;width:330px;display:flex;position:absolute;top:56px;left:10px}.alert{border-left:3px solid var(--line);cursor:pointer;background:#10130bd9;padding:4px 8px;font-size:14px;animation:.2s ease-out slidein}.alert.good{border-color:var(--good)}.alert.bad{border-color:var(--bad)}.alert.warn{border-color:var(--warn)}.alert.phase{border-color:var(--paper);color:var(--paper)}.alert time{font-family:var(--mono);color:var(--muted);margin-right:6px;font-size:11px}@keyframes slidein{0%{opacity:0;transform:translate(-20px)}}.newsreel{pointer-events:none;text-align:center;animation:4.2s ease-out forwards reel;position:absolute;top:18%;left:50%;transform:translate(-50%)}.newsreel .k{font-family:var(--mono);color:var(--paper-dim);letter-spacing:.4em;font-size:14px}.newsreel .t{font-family:var(--stencil);color:#f3e7c0;text-shadow:0 4px #000,0 0 30px #000c;border-top:3px double var(--paper);border-bottom:3px double var(--paper);filter:sepia(.3);padding:4px 28px;font-size:clamp(34px,5vw,64px)}@keyframes reel{0%{opacity:0;transform:translate(-50%)scale(1.3)}10%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}.bottom{pointer-events:none;grid-template-columns:236px minmax(0,1fr) 300px;gap:0;height:196px;display:grid;position:absolute;bottom:0;left:0;right:0}.bottom>*{pointer-events:auto;background:var(--panel);border-top:1px solid var(--line)}.minimap-wrap{border-right:1px solid var(--line);padding:8px}.minimap{border:1px solid var(--line);cursor:crosshair;width:220px;height:147px;image-rendering:pixelated;display:block}.minimap-cap{color:var(--muted);font-size:11px;font-family:var(--mono);justify-content:space-between;margin-top:4px;display:flex}.selpanel{gap:12px;min-height:0;padding:8px 12px;display:flex;overflow:hidden}.selcard{flex:1;gap:12px;min-width:0;display:flex}.selcard .big{flex-direction:column;flex:none;gap:4px;width:230px;display:flex}.selcard h3{margin:0;font-size:20px;line-height:1}.hpbar{border:1px solid var(--line);background:#0b0d07;height:8px;position:relative}.hpbar i{background:var(--good);position:absolute;top:0;bottom:0;left:0}.hpbar i.mid{background:var(--warn)}.hpbar i.low{background:var(--bad)}.kv{grid-template-columns:auto 1fr;gap:1px 10px;font-size:13px;display:grid}.kv span:nth-child(odd){color:var(--muted)}.selweapons{flex:1;min-width:0;font-size:13px;overflow:auto}.multi{flex-wrap:wrap;align-content:flex-start;gap:4px;display:flex;overflow:auto}.mtile{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:62px;height:52px;padding:3px;font-size:10px;line-height:1;display:flex}.mtile:hover{border-color:var(--paper)}.mtile .hpbar{width:100%;height:4px}.sup-Pinned{color:var(--bad)}.sup-Suppressed{color:var(--warn)}.sup-Pressured{color:#e8d47a}.sup-Normal{color:var(--good)}.vet{color:var(--paper);letter-spacing:-2px}.cmdcard{border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);grid-auto-rows:42px;align-content:start;gap:4px;padding:8px;display:grid;overflow:auto}.cmd{border:1px solid var(--line);color:var(--text);font-family:var(--ui);cursor:pointer;text-transform:uppercase;background:linear-gradient(#343a25,#262b1c);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;font-size:12px;font-weight:700;line-height:1;display:flex;position:relative;overflow:hidden}.cmd:hover{border-color:var(--paper)}.cmd.locked,.cmd:disabled{opacity:.38;cursor:not-allowed}.cmd.unavail{opacity:.65}.cmd .hk{font-family:var(--mono);color:var(--paper);font-size:9px;position:absolute;top:1px;left:2px}.cmd .cnt{font-family:var(--mono);color:var(--muted);font-size:9px;position:absolute;top:1px;right:2px}.cmd .lbl{text-align:center;padding:0 2px;font-size:11px}.cmd .cost{font-family:var(--mono);color:var(--paper-dim);font-size:9px;font-weight:400}.cmd.wide{flex-direction:row;grid-column:span 4;justify-content:space-between;height:auto;padding:4px 8px}.cmd.active{border-color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn)}.queue{flex-wrap:wrap;grid-column:span 4;gap:3px;display:flex}.qitem{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;place-items:center;width:42px;height:34px;font-size:9px;display:grid;position:relative}.qitem i{background:var(--paper);height:3px;position:absolute;bottom:0;left:0}.deck{background:var(--panel);border:1px solid var(--line);pointer-events:auto;flex-direction:column;width:248px;display:flex;position:absolute;top:56px;bottom:206px;right:8px}.deck header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.deck header b{font-family:var(--stencil);color:var(--paper);font-size:16px;font-weight:400}.deck .list{flex-direction:column;gap:3px;padding:6px;display:flex}.deck .ph-h{font-family:var(--stencil);justify-content:space-between;margin:6px 2px 2px;font-size:13px;display:flex}.dcard{border:1px solid var(--line-soft);cursor:pointer;background:#262b1ce6;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:6px;padding:3px 5px;display:grid}.dcard:hover{border-color:var(--paper-dim)}.dcard.locked{opacity:.42}.dcard.unavail{opacity:.75}.dcard.active{border-color:var(--warn)}.dcard .nm{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dcard .why{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dcard .ct{font-family:var(--mono);color:var(--paper);text-align:right;font-size:12px}.dcard .nato{width:28px;height:20px}.deploy-panel .budget{border-bottom:1px solid var(--line);padding:8px 10px;font-size:14px}.deploy-panel .launch{margin:8px}.wonder-box{border-top:1px solid var(--line);padding:6px 10px;font-size:12px}.wonder-box b{color:var(--paper);font-size:13px}.wonder-box .ok{color:var(--good)}.wonder-box .no{color:var(--muted)}.tooltip{z-index:50;border:1px solid var(--paper-dim);pointer-events:none;background:#0c0e08f7;max-width:300px;padding:8px 10px;font-size:13px;line-height:1.3;position:fixed}.tooltip b{color:var(--paper);font-size:15px}.tooltip .why{color:var(--warn)}.toast{border:1px solid var(--warn);color:var(--warn);pointer-events:none;background:#0c0e08eb;padding:6px 14px;font-size:15px;position:absolute;bottom:210px;left:50%;transform:translate(-50%)}.mode-hint{border:1px solid var(--paper-dim);pointer-events:none;background:#0c0e08e0;padding:5px 14px;font-size:14px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.pause-veil{pointer-events:none;place-items:center;display:grid;position:absolute;inset:46px 0 196px}.pause-veil div{font-family:var(--stencil);color:var(--paper);text-shadow:0 3px #000;background:#00000059;padding:6px 30px;font-size:54px}.modal-veil{z-index:40;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.modal{background:var(--panel-solid);border:1px solid var(--paper-dim);width:min(640px,94vw);max-height:88vh;padding:22px 26px;overflow:auto}.modal h2{font-family:var(--stencil);color:var(--paper);margin:0 0 8px;font-size:32px;font-weight:400}.modal .row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.result-banner{font-family:var(--stencil);text-align:center;margin:0;font-size:60px}.result-banner.win{color:var(--good)}.result-banner.lose{color:var(--bad)}table.stats{border-collapse:collapse;width:100%;margin-top:10px}table.stats th,table.stats td{border-bottom:1px solid var(--line-soft);text-align:right;font-family:var(--mono);padding:4px 8px;font-size:13px}table.stats th:first-child,table.stats td:first-child{text-align:left;font-family:var(--ui);font-size:14px}.help-grid{grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px;display:grid}.speed{font-family:var(--mono);min-width:38px}@media (width<=1100px){.arm-body{grid-template-columns:210px minmax(0,1fr) 280px}.deck{width:210px}.bottom{grid-template-columns:236px minmax(0,1fr) 260px}.scorebar{width:90px}.menu{grid-template-columns:1fr}.menu-right{padding:0 4vw 4vh}}