:root{--of-primary: #002eac;--of-primary-bright: #1646b8;--of-paper: #f7f3ea;--of-paper-soft: #e9eef9;--of-ink: #111a2d;--of-ink-soft: #536078;--of-rule: #8193bc;--of-good: #16803d;--of-warn: #ff9d2f;--of-bad: #b62d35;--fg: var(--of-ink);--muted: var(--of-ink-soft);--line: var(--of-rule);--ok: var(--of-good);--accent: var(--of-primary);--accent-line: var(--of-primary-bright);--panel: var(--of-paper);--panel-2: var(--of-paper-soft);--bg: color-mix(in srgb, var(--of-rule) 10%, var(--of-paper-soft));--stage: #cfd9e8;--line-hot: #bd8408;--gold: #8b6508;--scanline: rgba(26, 58, 101, .05);--control: var(--of-paper);--control-raised: var(--of-paper-soft);--status-bg: color-mix(in srgb, var(--of-paper) 90%, transparent);--deck-shadow: 0 -10px 32px rgba(26, 42, 68, .16);color-scheme:light}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{--of-paper: #0b1324;--of-paper-soft: #18253e;--of-ink: #f3f6ff;--of-ink-soft: #b3bfd8;--of-rule: #465c8f;--bg: color-mix(in srgb, var(--of-paper) 72%, #000);--accent: var(--of-primary-bright);--accent-line: #3676e4;--ok: #4ade80;--stage: #03060b;--line-hot: #e2b94d;--gold: #f0d27a;--scanline: rgba(110, 166, 238, .035);--status-bg: color-mix(in srgb, var(--bg) 88%, transparent);--deck-shadow: 0 -12px 38px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{min-width:0;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--fg);font:12px/1.35 Trebuchet MS,system-ui,sans-serif}button,select,input{min-height:30px;border:1px solid var(--accent-line);border-radius:3px;background:var(--accent);color:#fff;font:inherit}button{padding:5px 9px;cursor:pointer;letter-spacing:.025em}button:hover:not(:disabled){border-color:var(--gold);filter:brightness(1.08)}button:disabled{cursor:default;opacity:.42}button.ghost{border-color:var(--line);background:var(--control);color:var(--fg)}button.active{border-color:var(--ok);background:var(--ok);color:#041b0c;font-weight:700}select,input{width:100%;padding:4px 7px;border-color:var(--line);background:var(--control);color:var(--fg)}button:focus-visible,select:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}kbd{color:var(--gold);font:9px/1 ui-monospace,monospace;opacity:.9}#app{display:grid;grid-template-rows:42px minmax(0,1fr) 258px;width:100%;height:100%;height:100dvh;min-height:0;overflow:hidden}#top-hud{z-index:4;display:grid;grid-template-columns:minmax(240px,auto) minmax(0,1fr) auto;align-items:center;min-width:0;padding:5px 8px 5px 12px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 96%,var(--gold) 4%),var(--panel-2));box-shadow:0 5px 18px #00000029}#brand-lockup{display:flex;align-items:baseline;min-width:0;gap:8px;text-transform:uppercase;white-space:nowrap}.brand-mark{color:var(--gold);font-size:14px;font-weight:900;letter-spacing:.15em}.brand-title{font-size:12px;font-weight:800;letter-spacing:.12em}.brand-mode{color:var(--muted);font:9px/1 ui-monospace,monospace;letter-spacing:.1em}#status{min-width:0;padding:0 14px;overflow:hidden;color:var(--gold);font:10px/1.2 ui-monospace,monospace;text-align:center;text-overflow:ellipsis;white-space:nowrap}#hud-actions{display:flex;gap:5px}.hud-button{flex-shrink:0;min-height:28px;padding:3px 9px;font-size:10px;text-transform:uppercase}a.hud-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:3px;background:var(--control);color:var(--fg)}a.hud-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button.hud-button kbd{margin-left:3px}label.hud-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 9px;color:#cbd5e1;background:#0f172a8c;border:1px solid rgba(148,163,184,.45);border-radius:4px;font-size:10px;letter-spacing:.04em;text-transform:uppercase}label.hud-toggle input{accent-color:#94a3b8}#stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--stage)}#battlefield-frame{width:100%;height:100%}canvas#view{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;user-select:none}.toast{position:absolute;z-index:6;right:50%;bottom:13px;width:fit-content;max-width:calc(100% - 32px);padding:7px 10px;transform:translate(50%);border:1px solid var(--gold);border-radius:3px;background:var(--status-bg);box-shadow:0 7px 22px #00000047;color:var(--fg);font-size:10px;text-align:center}.toast[hidden],.end-screen[hidden]{display:none!important}.end-screen{position:absolute;z-index:7;inset:0;display:grid;place-items:center;padding:18px;background:#0408108f}.end-card{position:relative;width:min(100%,310px);padding:22px;border:1px solid var(--gold);border-radius:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),var(--panel));box-shadow:0 18px 60px #0000008c,inset 0 0 0 2px color-mix(in srgb,var(--gold) 18%,transparent)}.end-card:before{display:block;width:42px;height:3px;margin-bottom:14px;background:var(--gold);box-shadow:8px 0 color-mix(in srgb,var(--gold) 60%,transparent),16px 0 color-mix(in srgb,var(--gold) 30%,transparent);content:""}.end-card h2{margin:0 0 8px;color:var(--gold);font-size:24px;text-transform:uppercase}.end-card p{margin:0 0 14px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.end-close{position:absolute;top:8px;right:8px;width:30px;min-height:30px;padding:0;border-color:var(--line);background:transparent;color:var(--muted);font-size:21px}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.end-actions #btn-continue{grid-column:1 / -1}#phone-controls{display:none}.phone-select-slot{display:grid;grid-template-columns:1fr;gap:2px;min-width:0;width:100%;height:100%}.phone-select-slot.has-selection{grid-template-columns:1fr 1fr}.phone-select-slot button{width:100%;height:100%}.phone-unselect-btn{background:color-mix(in srgb,var(--panel) 80%,#dc2626)!important;color:#fecaca!important;border:1px solid #ef4444!important;font-size:7.5px!important;font-weight:700!important;padding:2px 1px!important;line-height:1.1!important;letter-spacing:-.2px;white-space:normal;word-break:break-word;text-align:center;border-radius:4px;cursor:pointer;box-shadow:inset 0 0 4px #ef44444d}.phone-unselect-btn:hover,.phone-unselect-btn:active{background:#b91c1c!important;color:#fff!important;border-color:#f87171!important}.phone-select-slot button.select-pending{outline:2px solid #38bdf8!important;box-shadow:0 0 10px #38bdf8b3!important}#stage:after{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,var(--scanline) 4px);content:"";pointer-events:none}#stage:before{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(0,0,0,.24) 100%),linear-gradient(110deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 28% 72%,color-mix(in srgb,var(--gold) 6%,transparent));content:"";pointer-events:none}.corner{position:absolute;z-index:2;width:26px;height:26px;border-color:var(--gold);pointer-events:none;opacity:.9;filter:drop-shadow(0 0 2px rgba(0,0,0,.85)) drop-shadow(0 0 4px color-mix(in srgb,var(--gold) 40%,transparent))}.corner:before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0%,var(--gold) 45%,#473204 100%);box-shadow:0 1px 2px #000000bf}.corner-nw{top:8px;left:8px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}.corner-nw:before{top:2px;left:2px}.corner-ne{top:8px;right:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}.corner-ne:before{top:2px;right:2px}.corner-sw{bottom:8px;left:8px;border-bottom:2px solid var(--gold);border-left:2px solid var(--gold)}.corner-sw:before{bottom:2px;left:2px}.corner-se{right:8px;bottom:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold)}.corner-se:before{bottom:2px;right:2px}#sidebar{z-index:3;display:grid;grid-template-columns:150px 130px 230px minmax(280px,1fr) 150px 240px;grid-template-rows:102px minmax(0,1fr) 20px;gap:6px;min-width:0;min-height:0;padding:7px 8px max(5px,env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--deck-shadow);scrollbar-color:var(--line) transparent;scrollbar-width:thin}.deck-panel{grid-row:2;position:relative;min-width:0;min-height:0;padding:26px 7px 7px;overflow:auto;border:1px solid var(--line);border-radius:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--control) 94%,transparent),var(--panel-2))}.deck-panel:after{position:absolute;top:20px;right:7px;width:22px;border-top:1px solid var(--gold);content:"";opacity:.5}.deck-panel h2{position:absolute;top:0;left:0;margin:0;padding:5px 28px 4px 8px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 100%,0 100%);background:var(--control-raised);color:var(--fg);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.deck-panel h2 span{margin-right:5px;color:var(--gold);font:8px/1 ui-monospace,monospace}.minimap-panel{display:grid;grid-template-rows:minmax(0,1fr) 18px;gap:4px}#minimap{display:block;width:100%;height:100%;min-height:0;border:1px solid var(--line);border-radius:2px;background:#07110d;object-fit:fill}.readout{margin:0;overflow:hidden;color:var(--gold);font:9px/18px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.button-strip{display:flex;flex-wrap:wrap;gap:5px}.button-strip>button{flex:1 1 100%}.blurb{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.35}.selection-layout{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;height:calc(100% - 16px);min-height:0}.selection-summary{position:absolute;right:7px;bottom:5px;left:7px;margin:0;overflow:hidden;color:var(--muted);font:8px/1.2 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:0}button.mini{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:0;padding:4px 6px;overflow:hidden;border-color:var(--line);background:var(--control-raised);color:var(--fg);font-size:9px;text-align:left}.chips{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.chip{padding:2px;border-radius:2px;background:var(--ok);color:#041b0c;font:9px/1.2 ui-monospace,monospace;text-align:center}.build-panel{overflow-y:auto}.production-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1.15fr) minmax(280px,1.15fr) minmax(240px,1fr);gap:8px;min-width:1080px}.production-console{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;padding:6px;overflow:hidden;border:1px solid var(--line);border-top-color:var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--control) 88%,var(--accent) 12%),var(--control));box-shadow:inset 0 0 18px #0000002e}.production-console-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:5px;color:var(--muted);font:800 8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.production-state{padding:2px 5px;border:1px solid var(--line);color:var(--muted)}.production-state.active{border-color:var(--ok);color:var(--ok);box-shadow:0 0 10px color-mix(in srgb,var(--ok) 22%,transparent)}.production-queue{display:grid;align-content:start;gap:4px;overflow-y:auto}.queue-row{display:grid;gap:4px;padding:5px;border:1px solid var(--line);border-left:3px solid var(--gold);background:color-mix(in srgb,var(--panel-2) 82%,transparent)}.queue-row-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px}.queue-row-head strong,.queue-row-head small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row-head strong{font-size:9px}.queue-row-head small{color:var(--muted);font:7px/1 ui-monospace,monospace}.queue-cancel{min-height:20px;padding:2px 5px;font-size:7px;text-transform:uppercase}.queue-progress{height:6px;overflow:hidden;border:1px solid var(--line);background:var(--stage)}.queue-progress>span{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--gold) 0 7px,color-mix(in srgb,var(--gold) 65%,var(--accent)) 7px 12px);box-shadow:0 0 9px color-mix(in srgb,var(--gold) 45%,transparent);transition:width .35s linear}.production-hint{margin:5px 0 0;overflow:hidden;color:var(--muted);font:7px/1.25 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.production-group{display:grid;align-content:start;gap:4px}.production-group>strong{color:var(--muted);font:8px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.build-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:5px}.production-group .build-grid{grid-template-columns:repeat(3,minmax(72px,1fr))}.build-btn{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;min-width:0;min-height:50px;padding:5px 7px;overflow:hidden;border-color:var(--line);border-left:3px solid var(--accent-line);background:linear-gradient(135deg,color-mix(in srgb,var(--control-raised) 88%,var(--accent) 12%),var(--control));color:var(--fg);font-size:9px;text-align:left;text-overflow:ellipsis}.build-btn:after{position:absolute;right:3px;bottom:3px;width:10px;height:2px;background:var(--gold);content:"";opacity:.55}.build-btn:hover:not(:disabled){border-left-color:var(--gold);box-shadow:inset 0 0 14px color-mix(in srgb,var(--accent) 16%,transparent)}.build-btn[data-state=ready]{border-left-color:var(--gold)}.build-btn[data-state=online]{border-left-color:var(--ok)}.build-btn[data-state=locked]{filter:grayscale(.55)}.cameo-icon{width:24px;height:24px;border:1px solid var(--line);background:linear-gradient(135deg,transparent 42%,var(--accent-line) 43% 57%,transparent 58%),linear-gradient(45deg,var(--panel-2),var(--control));clip-path:polygon(50% 0,100% 25%,88% 88%,50% 100%,12% 88%,0 25%)}.structure-cameo .cameo-icon{background:linear-gradient(90deg,transparent 38%,var(--gold) 39% 61%,transparent 62%),linear-gradient(0deg,var(--panel-2) 0 35%,var(--accent-line) 36% 70%,var(--control) 71%);clip-path:polygon(15% 100%,15% 40%,35% 40%,35% 18%,65% 18%,65% 40%,85% 40%,85% 100%)}.cameo-copy{display:grid;min-width:0;gap:3px}.cameo-copy strong,.cameo-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cameo-copy strong{font-size:9px}.build-btn small{color:var(--gold);font:9px/1.2 ui-monospace,monospace}.tech-tree{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:4px;align-content:start}.tech-node{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1px 5px;min-width:0;padding:5px;border:1px solid var(--line);border-left:3px solid var(--muted);background:var(--control)}.tech-node>span{grid-row:1 / 3;color:var(--muted);font:800 8px/1 ui-monospace,monospace}.tech-node strong,.tech-node small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-node strong{font-size:9px}.tech-node small{color:var(--muted);font:8px/1.1 ui-monospace,monospace}.tech-node.ready{border-left-color:var(--gold)}.tech-node.built{border-left-color:var(--ok)}.tech-node.locked{opacity:.5}.commander-panel .button-strip{height:auto}.commander-panel button{min-height:48px}.support-powers{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.support-power{min-height:26px!important;flex:1 1 92px;padding:3px 6px;font-size:9px}.laser-deadline{margin:5px 0;padding:5px 7px;border:1px solid #d8b54a;background:color-mix(in srgb,#d8b54a 12%,var(--panel));color:#f8d96d;font:800 9px/1.25 ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}.transport-console{display:grid;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.transport-console>strong{color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.transport-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.transport-buttons button{min-height:32px!important;padding:4px!important;font-size:8px}.match-panel{display:grid;grid-template-rows:1fr auto;gap:5px}.match-fields{display:grid;grid-template-columns:1fr 1fr 70px;gap:5px;min-width:0}.match-fields label{min-width:0;color:var(--muted);font-size:8px;letter-spacing:.09em;text-transform:uppercase}.match-fields select,.match-fields input{display:block;margin-top:2px;min-width:0;min-height:29px;padding:3px 5px;font-size:10px}#command-hints{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:center;gap:18px;min-width:max-content;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);color:var(--muted);font:8px/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}#command-hints span:before{margin-right:5px;color:var(--gold);content:"◆";font-size:6px}#arsenal{grid-row:1;grid-column:1 / -1;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--control) 96%,var(--arsenal-primary, var(--accent)) 4%),var(--panel-2))}.arsenal-panel{display:grid;grid-template-columns:142px auto minmax(0,1fr);grid-template-rows:34px 1fr;height:100%;min-height:0;color:var(--fg)}.arsenal-header{grid-row:1;display:flex;align-items:center;gap:7px;min-width:0;padding:5px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.arsenal-faction-mark{width:7px;height:20px;flex:0 0 auto;box-shadow:0 0 14px color-mix(in srgb,var(--arsenal-primary) 72%,transparent)}.arsenal-faction-label{overflow:hidden;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.arsenal-level{margin-left:auto;color:var(--gold);font:8px/1 ui-monospace,monospace;white-space:nowrap}.arsenal-tabs,.arsenal-filters{display:flex;align-items:center;gap:4px;min-width:0;padding:4px;border-bottom:1px solid var(--line)}.arsenal-tabs{grid-row:1}.arsenal-filters{grid-row:1;overflow-x:auto}.arsenal-tab,.arsenal-filter{min-height:25px;padding:3px 8px;border-color:transparent;background:transparent;color:var(--muted);font:10px/1 ui-monospace,monospace;white-space:nowrap}.arsenal-tab[aria-selected=true],.arsenal-filter[aria-pressed=true]{border-color:var(--arsenal-primary);background:color-mix(in srgb,var(--arsenal-primary) 20%,var(--control));color:var(--fg)}.arsenal-viewport{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:0}.arsenal-strip{display:flex;gap:5px;min-width:0;padding:5px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--arsenal-primary) transparent;scrollbar-width:thin}.arsenal-item{position:relative;display:grid;grid-template-columns:22px minmax(74px,1fr);grid-template-rows:1fr auto;width:122px;min-width:122px;min-height:48px;padding:4px 6px;overflow:hidden;border-color:var(--line);background:var(--control-raised);color:var(--fg);text-align:left}.arsenal-item[data-state=locked],.arsenal-item[data-state=cooldown]{opacity:.52}.arsenal-item[data-state=ready]{border-color:var(--arsenal-primary);box-shadow:inset 0 -2px var(--arsenal-primary)}.arsenal-item-icon{grid-row:1 / -1;display:grid;place-items:center;width:18px;height:18px;align-self:center;border:1px solid var(--arsenal-primary);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:color-mix(in srgb,var(--arsenal-primary) 24%,var(--control));color:var(--arsenal-secondary);font:800 9px/1 ui-monospace,monospace}.arsenal-item-label{overflow:hidden;font-size:10px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.arsenal-item-badge{color:var(--gold);font:8px/1 ui-monospace,monospace}.arsenal-detail{display:flex;align-items:center;min-width:0;padding:7px 10px;overflow:hidden;border-left:1px solid var(--line);color:var(--muted);font:10px/1.35 ui-monospace,monospace;text-overflow:ellipsis}.arsenal-empty{margin:0;padding:12px;color:var(--muted);font:9px/1 ui-monospace,monospace}@media (max-width: 900px){#app{grid-template-rows:40px minmax(220px,1fr) 246px}#top-hud{grid-template-columns:auto minmax(0,1fr) auto}.brand-mode,button.hud-button kbd{display:none}#sidebar{grid-template-columns:164px 160px 270px 330px 178px 286px;grid-template-rows:96px minmax(0,1fr) 18px}.arsenal-panel{grid-template-columns:128px auto minmax(420px,1fr);min-width:850px}.arsenal-viewport{grid-template-columns:minmax(0,1fr) 210px}}@media (max-width: 720px){#app{grid-template-rows:38px minmax(180px,1fr) 236px}#top-hud{padding-right:max(5px,env(safe-area-inset-right));padding-left:max(7px,env(safe-area-inset-left))}.brand-title,#hud-actions #btn-restart{display:none}#status{padding:0 6px;text-align:left}button.hud-button{min-height:26px;padding:2px 7px}#sidebar{grid-template-columns:150px 150px 250px 300px 170px 270px;grid-template-rows:92px minmax(0,1fr) 16px;padding-right:max(7px,env(safe-area-inset-right));padding-left:max(7px,env(safe-area-inset-left));scroll-snap-type:x proximity}.deck-panel{scroll-snap-align:start}#command-hints{justify-content:flex-start;padding-left:7px}}@media (max-height: 560px) and (orientation: landscape){#app{grid-template-rows:36px minmax(150px,1fr) 220px}#sidebar{grid-template-rows:82px minmax(0,1fr)}#command-hints{display:none}.deck-panel{padding-top:24px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}@media (pointer: coarse){#command-hints{display:none}#phone-controls{position:absolute;z-index:5;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:5px;border:1px solid var(--line);border-radius:5px;background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 8px 25px #00000059;backdrop-filter:blur(12px)}#phone-controls button{min-width:0;min-height:46px;padding:4px 2px;overflow:hidden;font-size:9px;text-overflow:ellipsis;text-transform:uppercase}.arsenal-tab,.arsenal-filter,button.hud-button{min-height:40px}.arsenal-item{min-height:52px}}@media (pointer: coarse) and (max-width: 560px){#phone-controls{grid-template-columns:repeat(3,1fr)}}#app{position:relative;grid-template-rows:42px minmax(0,1fr)}#stage{grid-row:2}.compact-icon{display:none}.combat-pr-strip{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;max-width:calc(100% - 16px);padding:5px 10px;background:#464a508c;color:#e5e7eb;border:1px solid rgba(180,184,190,.35);border-radius:4px;font:700 10px/1.35 ui-monospace,monospace;letter-spacing:.03em;pointer-events:none}.combat-pr-strip button{pointer-events:auto;border:1px solid rgba(200,204,210,.45);background:#282c32b8;color:#e5e7eb;font:700 10px/1 ui-monospace,monospace;padding:4px 8px}.sage-combat-readout{margin-top:4px;color:#d1d5db;font:700 9px/1.35 ui-monospace,monospace;letter-spacing:.03em;max-width:220px}.laser-countdown{min-width:64px;border-color:var(--gold)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 24%,var(--control)),var(--control))!important;color:var(--gold)!important;font:800 10px/1 ui-monospace,monospace!important;white-space:nowrap}.laser-countdown.urgent{background:color-mix(in srgb,#b91c1c 72%,var(--control))!important;color:#fff!important;box-shadow:0 0 0 1px #ef4444,0 0 18px #ef44447a;animation:laser-warning 1s steps(2,end) infinite}#weather-badge{color:#38bdf8;border-color:#38bdf866;background:#0284c726;font-weight:700;letter-spacing:.04em;transition:all .2s ease}#weather-badge:hover{background:#0284c74d;border-color:#38bdf8;box-shadow:0 0 8px #38bdf880}@keyframes laser-warning{50%{filter:brightness(1.3)}}.controls-overlay[hidden]{display:none!important}.controls-overlay{position:absolute;z-index:18;top:10px;right:10px;width:min(420px,calc(100% - 20px));max-height:calc(100% - 20px);padding:12px;overflow:auto;border:1px solid var(--gold);border-radius:3px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(16px) saturate(1.15)}.controls-overlay>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.controls-overlay h2,.controls-overlay p{margin:0}.controls-overlay h2{color:var(--gold);font-size:18px;text-transform:uppercase}.overlay-close{width:36px;min-width:36px;min-height:36px;padding:0;font-size:22px}.control-guide{display:grid;gap:6px}.control-guide>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:7px;border-left:3px solid var(--accent-line);background:color-mix(in srgb,var(--control) 82%,transparent)}.control-guide strong{color:var(--gold);text-transform:uppercase}.control-guide span,.tilt-control span{color:var(--muted);font-size:10px}.tilt-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}#sidebar{position:fixed;z-index:15;inset:auto 0 0;display:block;width:100%;height:min(34dvh,340px);min-height:230px;padding:45px 8px max(8px,env(safe-area-inset-bottom));overflow:hidden;border-top:1px solid var(--gold);background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 -18px 46px #00000073;backdrop-filter:blur(18px) saturate(1.12);transition:transform .22s ease}#sidebar:not(.is-open){visibility:hidden;transform:translateY(calc(100% + 12px));pointer-events:none}.sheet-header{position:absolute;top:0;right:0;left:0;display:flex;align-items:stretch;min-width:0;height:44px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-2) 94%,transparent)}#deck-tabs{display:flex;flex:1;gap:3px;min-width:0;padding:4px;overflow-x:auto}#deck-tabs button{min-width:max-content;min-height:34px;padding:4px 10px;border-color:transparent;background:transparent;color:var(--muted);font:800 9px/1 ui-monospace,monospace;text-transform:uppercase}#deck-tabs button.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,var(--control));color:var(--fg)}.sheet-header>.overlay-close{height:44px;border-width:0 0 0 1px;border-radius:0}#sidebar [data-deck-panel]{display:none}#sidebar [data-deck-panel].active-panel{display:block!important;width:100%;height:100%;max-height:none;overflow:auto}#sidebar .deck-panel,#sidebar #arsenal{position:relative;grid-row:auto;grid-column:auto;padding:31px 9px 9px;border:1px solid var(--line);border-radius:2px;background:color-mix(in srgb,var(--control) 90%,transparent)}#sidebar #arsenal{padding:0}#sidebar .arsenal-panel{height:100%}#sidebar .production-layout{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));min-width:0;min-height:100%}#sidebar .production-console,#sidebar .production-group,#sidebar .tech-tree{min-height:150px}#command-hints{display:none}.end-screen{z-index:30}.toast{z-index:25}.phone-controls-toggle{display:none}@media (max-width: 900px){#app{grid-template-rows:40px minmax(0,1fr)}#sidebar{height:min(52dvh,430px);min-height:260px}#sidebar .production-layout{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media (max-width: 720px){#app{grid-template-rows:40px minmax(0,1fr)}#top-hud{grid-template-columns:auto minmax(0,1fr) auto}#hud-actions{gap:3px}#hud-actions #btn-center,#hud-actions #btn-restart{display:none}#hud-actions .hud-button{min-width:38px;min-height:34px;padding:3px 7px}#hud-actions .full-label{display:none}#hud-actions .compact-icon{display:inline}.combat-pr-strip{top:4px;gap:4px;padding:4px 6px;font-size:9px}#hud-actions .laser-countdown{min-width:54px;font-size:9px!important}#status{padding:0 4px;font-size:8px}#sidebar{height:min(58dvh,470px);padding-right:max(6px,env(safe-area-inset-right));padding-left:max(6px,env(safe-area-inset-left))}#sidebar .production-layout{display:grid;grid-template-columns:minmax(230px,1fr)}.controls-overlay{top:6px;right:6px;width:calc(100% - 12px)}.tilt-control{grid-template-columns:1fr}}@media (pointer: coarse){.phone-controls-toggle{position:absolute;z-index:12;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:block;min-width:74px;min-height:44px;border-color:var(--gold);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--fg);backdrop-filter:blur(10px)}#phone-controls{right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 52px);left:auto;width:min(390px,calc(100% - 16px))}#phone-controls.collapsed{display:none}#phone-controls button,#deck-tabs button,.queue-cancel,.build-btn,.controls-overlay button{min-height:44px}.build-btn,.cameo-copy strong,.cameo-copy small,.queue-row-head strong,.queue-row-head small{font-size:11px}}:root[data-control-scheme=alpha-adaptive] #sidebar{inset:42px 0 0 auto;width:min(28rem,34vw);height:calc(100dvh - 42px);min-height:0;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:0;border-left:1px solid var(--gold);box-shadow:-18px 0 46px #00000061;transform:translate(0)}:root[data-control-scheme=alpha-adaptive] #sidebar:not(.is-open){transform:translate(calc(100% + 12px))}:root[data-control-scheme=alpha-adaptive] .controls-overlay{right:6px;left:auto;width:min(22rem,calc(100% - 12px));max-height:min(54dvh,30rem);overflow:auto;background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(10px)}:root[data-control-scheme=alpha-adaptive] #phone-controls{width:min(19rem,calc(100% - 16px));padding:.35rem;background:color-mix(in srgb,var(--panel) 72%,transparent);backdrop-filter:blur(9px)}@media (max-width: 900px){:root[data-control-scheme=alpha-adaptive] #sidebar{inset:auto 0 0;width:100%;height:min(42dvh,340px);border-top:1px solid var(--gold);border-left:0;box-shadow:0 -16px 40px #00000061;transform:translateY(0)}:root[data-control-scheme=alpha-adaptive] #sidebar:not(.is-open){transform:translateY(calc(100% + 12px))}}@media (orientation: landscape) and (max-height: 560px){:root[data-control-scheme=alpha-adaptive] #sidebar{inset:40px 0 0 auto;width:min(24rem,42vw);height:calc(100dvh - 40px);min-height:0;border-top:0;border-left:1px solid var(--gold);transform:translate(0)}:root[data-control-scheme=alpha-adaptive] #sidebar:not(.is-open){transform:translate(calc(100% + 12px))}}@media (prefers-reduced-motion: reduce){.laser-countdown.urgent{animation:none}#sidebar{transition:none}}.radar-drawer{position:absolute;top:10px;left:10px;z-index:10;width:248px;max-height:calc(100% - 20px);background:color-mix(in srgb,var(--bg) 94%,transparent);border:1px solid var(--line-hot);border-radius:4px;box-shadow:0 14px 40px #000000b3,inset 0 0 0 1px color-mix(in srgb,var(--gold) 20%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s ease;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex;flex-direction:column;overflow:visible}.radar-drawer.collapsed{transform:translate(calc(-100% - 10px));box-shadow:none}.radar-drawer.collapsed .radar-drawer-content{pointer-events:none;visibility:hidden}.radar-drawer-tabs{position:absolute;top:8px;left:100%;display:flex;flex-direction:column;gap:3px;z-index:15;user-select:none}.drawer-tab{position:relative;display:flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;min-height:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,#000),color-mix(in srgb,var(--bg) 96%,#000));color:color-mix(in srgb,var(--fg) 80%,var(--gold));border:1px solid var(--line-hot);border-left:2px solid transparent;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);cursor:pointer;font:700 8.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:all .18s cubic-bezier(.2,.9,.3,1);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.55))}.drawer-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.drawer-tab .tab-icon{font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:14px;color:var(--gold);filter:drop-shadow(0 0 2px rgba(240,210,122,.4));transition:color .18s ease,filter .18s ease}.drawer-tab .tab-label{font-size:8px;font-weight:800;letter-spacing:.12em}.drawer-tab:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,#000),color-mix(in srgb,var(--bg) 88%,#000));color:#4ade80;border-color:#4ade80;filter:drop-shadow(0 0 7px rgba(74,222,128,.6)) drop-shadow(2px 2px 4px rgba(0,0,0,.6));transform:translate(2px)}.drawer-tab:hover .tab-icon{color:#4ade80;filter:drop-shadow(0 0 5px #4ade80)}.drawer-tab[data-drawer-tab=powers]:hover{color:#fbbf24;border-color:#fbbf24;filter:drop-shadow(0 0 7px rgba(245,158,11,.65)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab[data-drawer-tab=powers]:hover .tab-icon{color:#fbbf24;filter:drop-shadow(0 0 5px #fbbf24)}.drawer-tab[data-drawer-tab=build]:hover{color:#38bdf8;border-color:#38bdf8;filter:drop-shadow(0 0 7px rgba(56,189,248,.65)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab[data-drawer-tab=build]:hover .tab-icon{color:#38bdf8;filter:drop-shadow(0 0 5px #38bdf8)}.drawer-tab[data-drawer-tab=intel]:hover{color:#22c55e;border-color:#22c55e;filter:drop-shadow(0 0 7px rgba(34,197,94,.65)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab[data-drawer-tab=intel]:hover .tab-icon{color:#22c55e;filter:drop-shadow(0 0 5px #22c55e)}.drawer-tab[data-drawer-tab=match]:hover{color:#c084fc;border-color:#c084fc;filter:drop-shadow(0 0 7px rgba(168,85,247,.65)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab[data-drawer-tab=match]:hover .tab-icon{color:#c084fc;filter:drop-shadow(0 0 5px #c084fc)}.drawer-tab.active{color:#fff;border-color:var(--ok);border-left:2px solid var(--ok);background:linear-gradient(90deg,color-mix(in srgb,var(--ok) 25%,var(--panel)),color-mix(in srgb,var(--bg) 95%,#000));filter:drop-shadow(0 0 8px rgba(74,222,128,.55)) drop-shadow(2px 2px 4px rgba(0,0,0,.6));transform:translate(3px);font-weight:800}.drawer-tab.active:after{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;background:var(--ok);box-shadow:0 0 8px var(--ok),0 0 12px var(--ok);border-radius:0 2px 2px 0}.drawer-tab.active .tab-icon{color:var(--ok);filter:drop-shadow(0 0 6px var(--ok))}.drawer-tab.active[data-drawer-tab=powers]{border-color:#f59e0b;border-left-color:#f59e0b;background:linear-gradient(90deg,#d977064d,color-mix(in srgb,var(--bg) 95%,#000));filter:drop-shadow(0 0 8px rgba(245,158,11,.55)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab.active[data-drawer-tab=powers]:after{background:#fbbf24;box-shadow:0 0 8px #fbbf24,0 0 12px #f59e0b}.drawer-tab.active[data-drawer-tab=powers] .tab-icon{color:#fbbf24;filter:drop-shadow(0 0 6px #fbbf24)}.drawer-tab.active[data-drawer-tab=build]{border-color:#0284c7;border-left-color:#0284c7;background:linear-gradient(90deg,#0284c74d,color-mix(in srgb,var(--bg) 95%,#000));filter:drop-shadow(0 0 8px rgba(56,189,248,.55)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab.active[data-drawer-tab=build]:after{background:#38bdf8;box-shadow:0 0 8px #38bdf8,0 0 12px #0284c7}.drawer-tab.active[data-drawer-tab=build] .tab-icon{color:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8)}.drawer-tab.active[data-drawer-tab=intel]{border-color:#16a34a;border-left-color:#16a34a;background:linear-gradient(90deg,#16a34a4d,color-mix(in srgb,var(--bg) 95%,#000));filter:drop-shadow(0 0 8px rgba(34,197,94,.55)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab.active[data-drawer-tab=intel]:after{background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 12px #16a34a}.drawer-tab.active[data-drawer-tab=intel] .tab-icon{color:#22c55e;filter:drop-shadow(0 0 6px #22c55e)}.drawer-tab.active[data-drawer-tab=match]{border-color:#9333ea;border-left-color:#9333ea;background:linear-gradient(90deg,#9333ea4d,color-mix(in srgb,var(--bg) 95%,#000));filter:drop-shadow(0 0 8px rgba(168,85,247,.55)) drop-shadow(2px 2px 4px rgba(0,0,0,.6))}.drawer-tab.active[data-drawer-tab=match]:after{background:#c084fc;box-shadow:0 0 8px #c084fc,0 0 12px #9333ea}.drawer-tab.active[data-drawer-tab=match] .tab-icon{color:#c084fc;filter:drop-shadow(0 0 6px #c084fc)}.radar-drawer-toggle{position:relative;display:flex;align-items:center;justify-content:center;min-height:28px;padding:5px 8px;margin-top:4px;background:color-mix(in srgb,var(--panel) 90%,var(--bg));color:var(--line-hot);border:1px solid var(--line-hot);border-top:1px dashed rgba(240,210,122,.35);border-left:2px solid transparent;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);cursor:pointer;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));user-select:none;transition:all .2s cubic-bezier(.2,.9,.3,1)}.radar-drawer-toggle:hover{background:color-mix(in srgb,var(--accent) 30%,var(--bg));color:#fff;border-color:var(--gold);filter:drop-shadow(0 0 8px rgba(240,210,122,.6)) drop-shadow(2px 2px 4px rgba(0,0,0,.6));transform:translate(2px)}.radar-tab-arrow{display:inline-block;font-size:10px;transition:transform .25s cubic-bezier(.2,.9,.3,1)}.radar-drawer.collapsed .radar-tab-arrow{transform:rotate(180deg)}.radar-drawer-content{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 110px);scrollbar-width:thin;scrollbar-color:var(--line-hot) rgba(0,0,0,.35)}.radar-drawer-content::-webkit-scrollbar{width:4px}.radar-drawer-content::-webkit-scrollbar-thumb{background:var(--line-hot);border-radius:2px}.radar-drawer-content::-webkit-scrollbar-track{background:#00000040}.drawer-panel{display:none!important}.drawer-panel.active:not([hidden]),.drawer-panel:not([hidden]){display:flex!important;flex-direction:column;gap:8px;animation:drawer-panel-fade .2s cubic-bezier(.2,.9,.3,1)}.drawer-panel[hidden]{display:none!important}.drawer-panel.active[hidden]{display:flex!important}@keyframes drawer-panel-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.radar-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--line) 40%,transparent);padding-bottom:6px}.radar-header-title{display:flex;align-items:center;gap:6px;color:var(--line-hot);font-size:11px;letter-spacing:.1em}.radar-dot{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 6px var(--ok);animation:radar-pulse 2s infinite}@keyframes radar-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.radar-telemetry-badge{font-size:8px;font-weight:800;padding:2px 5px;background:color-mix(in srgb,var(--ok) 20%,transparent);border:1px solid var(--ok);color:var(--ok);border-radius:2px;letter-spacing:.06em}.radar-map-wrapper{position:relative;width:220px;height:147px;margin:0 auto;border:1px solid var(--line-hot);border-radius:2px;overflow:hidden;background:#040912;box-shadow:inset 0 0 16px #000c,0 0 6px #00000080}.radar-map-wrapper #minimap{display:block;width:220px;height:147px;cursor:crosshair}.radar-grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 32px,rgba(0,255,0,.08) 33px,transparent 34px,transparent 66px,rgba(0,255,0,.08) 67px,transparent 68px),linear-gradient(rgba(0,255,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.07) 1px,transparent 1px);background-size:100% 100%,22px 21px,22px 21px}.radar-sweep-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ok),transparent);opacity:.7;pointer-events:none;animation:radar-sweep 4s linear infinite}@keyframes radar-sweep{0%{transform:translateY(0)}to{transform:translateY(147px)}}.radar-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.radar-btn{padding:5px 6px;background:color-mix(in srgb,var(--control) 80%,transparent);border:1px solid var(--line);color:var(--fg);font:700 9px ui-monospace,monospace;border-radius:2px;cursor:pointer;text-align:center;transition:all .15s ease}.radar-btn:hover{background:var(--control-raised);border-color:var(--gold);color:var(--gold)}.radar-btn.od-nirkod-btn{background:color-mix(in srgb,#9333ea 30%,var(--bg));border-color:#c084fc;color:#f3e8ff}.radar-btn.od-nirkod-btn:hover{background:color-mix(in srgb,#9333ea 60%,var(--bg));color:#fff;box-shadow:0 0 10px #c084fc80}.radar-btn.drone-swarm-btn{background:color-mix(in srgb,#d97706 30%,var(--bg));border-color:#fbbf24;color:#fef3c7}.radar-btn.drone-swarm-btn:hover{background:color-mix(in srgb,#d97706 60%,var(--bg));color:#fff;box-shadow:0 0 10px #fbbf2499}.radar-status-bar{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);border-top:1px solid color-mix(in srgb,var(--line) 30%,transparent);padding-top:4px}.commander-rank-card{display:flex;flex-direction:column;gap:5px;padding:8px 10px;margin-bottom:8px;background:linear-gradient(135deg,#0f172af2,#1e293be6);border:1px solid rgba(245,158,11,.4);border-radius:4px;box-shadow:0 2px 8px #0006}.commander-rank-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.rank-stars{font-size:13px;color:var(--gold);letter-spacing:2px;text-shadow:0 0 6px rgba(245,158,11,.5)}.rank-title{font-size:11px;font-weight:800;color:#f1f5f9;letter-spacing:.5px;flex:1}.rank-points{font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fbbf24}.rank-xp-bar-container{height:5px;background:#0009;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.rank-xp-fill{height:100%;background:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24);box-shadow:0 0 8px #f59e0b80;transition:width .3s cubic-bezier(.2,.9,.3,1)}.rank-xp-label{font-size:9.5px;color:#94a3b8;font-family:ui-monospace,monospace}.power-card.locked-rank{opacity:.45;filter:grayscale(.85);border-left-color:#475569!important;cursor:not-allowed}.power-card.locked-rank:before{content:"🔒";position:absolute;top:6px;right:8px;font-size:12px}.powers-grid{display:flex;flex-direction:column;gap:6px}.power-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:7px 9px;background:linear-gradient(135deg,#101a2ef2,#090f1cfa);border:1px solid color-mix(in srgb,var(--line) 45%,transparent);border-left:3px solid var(--gold);border-radius:3px;color:var(--fg);text-align:left;cursor:pointer;box-shadow:0 3px 10px #0006,inset 0 0 10px #0000004d;transition:all .18s cubic-bezier(.2,.9,.3,1);overflow:hidden}.power-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.power-card:hover:not(:disabled):not(.on-cooldown){transform:translateY(-1px) scale(1.01);border-color:var(--gold);box-shadow:0 6px 18px #0009,0 0 10px #f0d27a59,inset 0 0 12px #f0d27a14}.power-card.is-ready,.power-card:not(:disabled):not(.on-cooldown){box-shadow:0 3px 10px #0006,inset 0 0 8px #38bdf81a}.power-card.on-cooldown,.power-card:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.6);border-left-color:#64748b!important;box-shadow:inset 0 0 12px #000000b3}.power-card.on-cooldown:after,.power-card:disabled:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#0000004d 0px 8px,#0000008c 8px 16px);pointer-events:none}.power-card.od-nirkod-card{border-left-color:#c084fc}.power-card.od-nirkod-card:hover:not(:disabled):not(.on-cooldown){border-color:#c084fc;box-shadow:0 6px 18px #0009,0 0 10px #c084fc73}.power-card.drone-card{border-left-color:#fbbf24}.power-card.drone-card:hover:not(:disabled):not(.on-cooldown){border-color:#fbbf24;box-shadow:0 6px 18px #0009,0 0 10px #fbbf2473}.power-card.laser-card{border-left-color:#ef4444}.power-card.laser-card:hover:not(:disabled):not(.on-cooldown){border-color:#ef4444;box-shadow:0 6px 18px #0009,0 0 10px #ef444473}.power-card.decoy-card{border-left-color:#38bdf8}.power-card.decoy-card:hover:not(:disabled):not(.on-cooldown){border-color:#38bdf8;box-shadow:0 6px 18px #0009,0 0 10px #38bdf873}.power-card.hack-card{border-left-color:#34d399}.power-card.hack-card:hover:not(:disabled):not(.on-cooldown){border-color:#34d399;box-shadow:0 6px 18px #0009,0 0 10px #34d39973}.power-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.power-icon{font-size:13px;color:var(--gold);filter:drop-shadow(0 0 3px currentColor)}.power-card-header strong{font-size:9.5px;font-weight:800;letter-spacing:.07em;color:#fff;text-transform:uppercase}.power-cost{font-size:8px;font-weight:800;padding:2px 5px;border-radius:2px;background:#f0d27a1f;border:1px solid var(--gold);color:var(--gold);margin-left:auto;white-space:nowrap}.power-desc{font-size:8.5px;line-height:1.25;color:var(--muted);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.build-drawer-section{display:flex;flex-direction:column;gap:6px}.build-section-label{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;padding:2px 6px;border-left:2px solid var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);margin-top:4px}.build-btn-row,.build-drawer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:4px}.drawer-build-btn{position:relative;display:flex;align-items:center;gap:6px;padding:4px 6px;min-height:34px;background:color-mix(in srgb,var(--control) 80%,transparent);border:1px solid var(--line);border-radius:2px;color:var(--fg);cursor:pointer;text-align:left;transition:all .15s ease;overflow:hidden}.drawer-build-btn:hover{background:color-mix(in srgb,var(--accent) 30%,var(--bg));border-color:#38bdf8;color:#fff;box-shadow:0 0 8px #38bdf866}.drawer-build-btn:active{transform:translateY(1px);filter:brightness(.92)}.drawer-build-btn .b-icon{font-size:14px;line-height:1;flex-shrink:0;filter:drop-shadow(0 0 2px rgba(56,189,248,.4))}.drawer-build-btn .b-info{display:flex;flex-direction:column;min-width:0;line-height:1.15}.drawer-build-btn .b-name{font-size:8.5px;font-weight:800;letter-spacing:.05em;color:#fff;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-build-btn .b-cost{font-size:8px;font-weight:700;color:var(--gold)}.drawer-build-btn .b-hotkey,.drawer-build-btn kbd{font-size:7.5px;font-weight:700;color:#38bdf8;background:#0009;border:1px solid rgba(56,189,248,.4);border-radius:2px;padding:1px 3px;margin-left:auto}.drawer-build-btn.is-building{border-color:#f59e0b;box-shadow:0 0 8px #f59e0b66}.drawer-build-btn.is-building:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);animation:build-pulse 1.2s infinite}@keyframes build-pulse{0%,to{opacity:.6}50%{opacity:1}}.intel-drawer-content{display:flex;flex-direction:column;gap:6px}.intel-stat-block{background:#060c16b3;border:1px solid color-mix(in srgb,var(--line) 40%,transparent);border-radius:3px;padding:7px 9px}.intel-stat-label{font-size:8px;font-weight:800;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:4px}.intel-pr-meter{width:100%;height:9px;background:#000000bf;border:1px solid var(--line-hot);border-radius:2px;overflow:hidden;position:relative;margin:4px 0}.intel-meter-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#60a5fa,#34d399,#10b981);background-size:200% 100%;animation:pr-stream 3s linear infinite;box-shadow:0 0 8px #34d39980,inset 0 0 4px #ffffff4d;transition:width .3s cubic-bezier(.2,.9,.3,1)}@keyframes pr-stream{0%{background-position:200% 0}to{background-position:-200% 0}}.intel-meter-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);box-shadow:0 0 10px #f59e0b99}.intel-meter-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171,#ef4444);animation:pr-stream 1.5s linear infinite,pulse-crit 1s infinite alternate;box-shadow:0 0 12px #ef4444cc}.intel-stat-footer{display:flex;justify-content:space-between;align-items:baseline;margin-top:3px}#drawer-pr-pct{font-size:11px;font-weight:900;color:var(--ok);text-shadow:0 0 6px rgba(74,222,128,.5)}.intel-sub{font-size:7.5px;color:var(--muted);letter-spacing:.06em}.intel-kinetic-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background:#0000008c;border:1px solid rgba(74,222,128,.25);border-radius:2px}#drawer-kinetic-hostiles{font-size:9px;font-weight:800;color:#f3f6ff;letter-spacing:.06em;text-transform:uppercase}#drawer-kinetic-status,.badge-safe{font-size:8px;font-weight:800;padding:2px 6px;border-radius:2px;background:#22c55e33;border:1px solid #22c55e;color:#4ade80;text-shadow:0 0 5px #22c55e}.badge-alert,.badge-hostile,.badge-danger{background:#ef444440;border-color:#ef4444;color:#f87171;text-shadow:0 0 6px #ef4444;animation:radar-pulse 1s infinite}.drawer-ticker-box{position:relative;background:#02070e;border:1px solid #16803d;border-radius:2px;padding:7px 9px;min-height:64px;max-height:96px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8.5px;line-height:1.35;color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,.6);box-shadow:inset 0 0 16px #000000f2,0 0 6px #16803d40;scrollbar-width:thin;scrollbar-color:#16803d #02070e}.drawer-ticker-box:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(#0000 0px 2px,#00ff3c0a 2px 4px)}.ticker-entry{margin:3px 0;display:block}.ticker-entry:before{content:"► ";color:var(--gold);font-size:7px;margin-right:3px}.ticker-entry.active{color:#86efac;text-shadow:0 0 6px #86efac}.match-drawer-content{display:flex;flex-direction:column;gap:8px}.match-setting-group{display:flex;flex-direction:column;gap:3px}.match-setting-group label{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.drawer-select{appearance:none;-webkit-appearance:none;width:100%;padding:5px 24px 5px 8px;background:linear-gradient(45deg,transparent 50%,var(--gold) 50%) no-repeat calc(100% - 13px) calc(50% - 2px) /5px 5px,linear-gradient(135deg,var(--gold) 50%,transparent 50%) no-repeat calc(100% - 8px) calc(50% - 2px) /5px 5px,linear-gradient(180deg,#141e30f2,#0a101cfa);border:1px solid var(--line-hot);border-radius:2px;color:#f3f6ff;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer;box-shadow:inset 0 1px 3px #0009,0 0 4px #0000004d;transition:border-color .15s ease,box-shadow .15s ease}.drawer-select:hover{border-color:var(--gold);box-shadow:0 0 8px #f0d27a59}.drawer-select:focus-visible{outline:1px solid var(--gold);outline-offset:1px}.drawer-select option{background:#0b1324;color:#f3f6ff;padding:4px}.match-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:5px}#drawer-audio-toggle,#drawer-btn-audio,#drawer-btn-pause,#btn-drawer-pause,#drawer-btn-restart,#btn-drawer-restart,#drawer-btn-surrender,#btn-drawer-surrender,.drawer-action-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;min-height:28px;background:linear-gradient(180deg,#dfbc55,#b88618 45%,#8f6507 55%,#b5851b);border:1px solid #ffd768;border-top:1px solid #fff2a8;border-bottom:1px solid #4a3402;border-radius:3px;color:#1a1002;font:800 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 3px 6px #00000080,inset 0 1px #ffffff73,inset 0 -1px #00000059;cursor:pointer;user-select:none;transition:all .15s cubic-bezier(.2,.9,.3,1)}#drawer-audio-toggle:hover,#drawer-btn-audio:hover,#drawer-btn-pause:hover,#btn-drawer-pause:hover,#drawer-btn-restart:hover,#btn-drawer-restart:hover,#drawer-btn-surrender:hover,#btn-drawer-surrender:hover,.drawer-action-btn:hover{background:linear-gradient(180deg,#ffd768,#d49b20 45%,#a67509 55%,#cc961e);filter:brightness(1.1);box-shadow:0 4px 10px #0009,0 0 10px #f0d27a99,inset 0 1px #ffffffb3}#drawer-audio-toggle:active,#drawer-btn-audio:active,#drawer-btn-pause:active,#btn-drawer-pause:active,#drawer-btn-restart:active,#btn-drawer-restart:active,#drawer-btn-surrender:active,#btn-drawer-surrender:active,.drawer-action-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #000000b3,inset 0 1px 3px #0009}#drawer-btn-restart.urgent,#btn-drawer-restart.urgent,.drawer-action-btn.urgent{background:linear-gradient(180deg,#e15545,#b02a1d 45%,#7a160d 55%,#a32417);border:1px solid #ff7b6b;border-top:1px solid #ffa196;border-bottom:1px solid #4a0d07;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.7)}#drawer-btn-restart.urgent:hover,#btn-drawer-restart.urgent:hover,.drawer-action-btn.urgent:hover{background:linear-gradient(180deg,#f87171,#c43224 45%,#941b10 55%,#bd2e20);box-shadow:0 4px 10px #0009,0 0 10px #ef444499,inset 0 1px #fff9}.pr-gauge-overlay{position:absolute;top:12px;right:38px;z-index:6;width:224px;background:color-mix(in srgb,var(--bg) 94%,transparent);border:1px solid var(--line-hot);border-radius:4px;padding:8px 12px;box-shadow:0 10px 30px #000000a6,inset 0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent);backdrop-filter:blur(8px);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.gauge-badge{font-size:8px;letter-spacing:.12em;color:var(--gold)}.gauge-value{font-size:11px;font-weight:800;color:var(--ok)}.gauge-track{width:100%;height:6px;background:#0009;border-radius:3px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 50%,transparent);margin-bottom:5px}.gauge-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease,background .3s ease}.gauge-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.gauge-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171);animation:pulse-crit 1s infinite alternate}@keyframes pulse-crit{0%{opacity:.7}to{opacity:1}}.gauge-subtext{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--muted);letter-spacing:.08em}#pr-front-summary,#kinetic-status,#two-front-status,#two-front-detail-body{font-size:10px;line-height:1.35;letter-spacing:0;color:var(--of-ink)}#two-front-status,#two-front-detail-body{margin:4px 0 0;white-space:normal}#two-front-detail{margin:8px 0 0}#two-front-detail>summary{font-size:10px;font-weight:700;cursor:pointer}.intel-deck-mirror{display:flex;flex-direction:column;gap:6px;padding:6px}.intel-deck-status{font-size:9px;color:var(--ok);margin:0}.intel-deck-sub{font-size:9px;color:var(--muted);margin:0;line-height:1.3}.radar-deck-btn{padding:6px 8px;background:var(--control-raised);border:1px solid var(--gold);color:var(--gold);font:700 9px ui-monospace,monospace;border-radius:2px;cursor:pointer;margin-top:4px}.radar-deck-btn:hover{background:color-mix(in srgb,var(--gold) 20%,var(--bg));color:#fff}@media (max-width: 768px){.radar-drawer{width:min(248px,calc(100vw - 52px))}.drawer-tab{padding:5px 6px;gap:4px}.drawer-tab .tab-label{display:none}.pr-gauge-overlay{top:8px;right:8px;width:175px;padding:6px 8px}}@media (max-width: 480px){.radar-drawer{width:min(230px,calc(100vw - 44px))}.radar-map-wrapper,.radar-map-wrapper #minimap{width:200px;height:133px}}.bottom-unit-hud{position:absolute;bottom:0;left:0;right:0;z-index:8;height:78px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;padding:0 16px 6px}.unit-hud-hull{pointer-events:auto;position:relative;display:flex;align-items:center;gap:12px;width:100%;max-width:940px;height:72px;background:linear-gradient(180deg,#101c30,#080f1c,#040810);border:1px solid #334d77;border-top:2px solid #e2b94d;border-radius:5px 5px 0 0;box-shadow:0 -8px 28px #000000d9,inset 0 1px #f0d27a73;padding:6px 14px;backdrop-filter:blur(14px);user-select:none}.unit-hud-hull:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,255,128,.015) 3px);pointer-events:none}.unit-hud-cameo-frame{display:flex;flex-direction:column;align-items:center;width:54px;flex-shrink:0}.unit-hud-portrait{width:40px;height:40px;border:2px solid #e2b94d;border-radius:3px;background:#060b14;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:inset 0 0 10px #000000d9,0 2px 6px #0009;position:relative}.unit-hud-portrait.jslc{border-color:#3b82f6;box-shadow:0 0 10px #3b82f680,inset 0 0 8px #000000e6}.unit-hud-portrait.aoi{border-color:#10b981;box-shadow:0 0 10px #10b98180,inset 0 0 8px #000000e6}.unit-hud-portrait.penguins{border-color:#06b6d4;box-shadow:0 0 10px #06b6d499,inset 0 0 8px #000000e6}.unit-hud-portrait.scanner{border-color:#e2b94d;animation:pulseScannerGlow 2s infinite ease-in-out}.unit-hud-chevrons{font:800 8px/1 ui-monospace,monospace;color:var(--gold);letter-spacing:1px;margin-top:3px}.unit-hud-badge{font:800 7px/1 ui-monospace,monospace;text-transform:uppercase;padding:2px 4px;border-radius:2px;margin-top:2px;letter-spacing:.05em}.unit-hud-badge.air-high{background:#3b82f640;color:#93c5fd;border:1px solid #3b82f6}.unit-hud-badge.air-low{background:#10b98140;color:#6ee7b7;border:1px solid #10b981}.unit-hud-badge.ground{background:#f59e0b40;color:#fde68a;border:1px solid #d97706}.unit-hud-badge.naval{background:#06b6d440;color:#a5f3fc;border:1px solid #0891b2}.unit-hud-badge.scanner{background:#9333ea40;color:#e9d5ff;border:1px solid #9333ea}.unit-hud-center{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.unit-hud-title-row{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.unit-hud-name{font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#fff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,255,255,.4);text-overflow:ellipsis;overflow:hidden}.unit-hud-faction-tag{font:700 8.5px/1 ui-monospace,monospace;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;opacity:.9}.unit-hud-bars{display:flex;gap:8px;align-items:center;margin-top:2px}.unit-hud-bar-container{flex:1;min-width:0}.unit-hud-bar-container .bar-header{display:flex;justify-content:space-between;font:800 7.5px/1 ui-monospace,monospace;color:var(--muted);margin-bottom:2px}.unit-hud-bar-container .bar-val{color:#fff}.unit-hud-bar-container .bar-track{height:6px;background:#000000d9;border:1px solid #334155;border-radius:2px;overflow:hidden}.unit-hud-bar-container .bar-fill{height:100%;transition:width .15s ease,background .15s ease}.unit-hud-bar-container .bar-fill.hp-fill{background:linear-gradient(90deg,#16a34a,#22c55e);box-shadow:0 0 8px #22c55e80}.unit-hud-bar-container .bar-fill.shield-fill{background:linear-gradient(90deg,#0284c7,#06b6d4);box-shadow:0 0 8px #06b6d4b3}.unit-hud-telemetry-row{display:flex;gap:6px;align-items:center;margin-top:2px}.hud-stat-chip{font:700 8px/1 ui-monospace,monospace;padding:2px 6px;border-radius:2px;background:#0000008c;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;white-space:nowrap}.hud-stat-chip.alt{color:#38bdf8;border-color:#38bdf859}.hud-stat-chip.mult{color:#facc15;border-color:#facc1559}.hud-stat-chip.order{color:#4ade80;border-color:#4ade8059}.hud-stat-chip.order.engaging{color:#f87171;border-color:#f8717180;animation:pulseEngageText 1s infinite alternate}.hud-stat-chip.order.moving{color:#38bdf8;border-color:#38bdf866}.hud-stat-chip.order.idle{color:#94a3b8}.unit-hud-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.unit-hud-specs-grid{display:grid;grid-template-columns:auto auto;gap:2px 8px;font:7.5px/1.25 ui-monospace,monospace;background:#00000080;padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:2px}.unit-hud-specs-grid .spec-cell{display:flex;justify-content:space-between;gap:6px}.unit-hud-specs-grid .spec-label{color:var(--muted);font-weight:700}.unit-hud-specs-grid .spec-val{color:#f1f5f9;font-weight:600;text-align:right}.unit-hud-actions{display:flex;flex-direction:column;gap:2px}.hud-action-btn{appearance:none;min-height:18px;padding:2px 6px;font:800 8px/1 ui-monospace,monospace;text-transform:uppercase;background:linear-gradient(180deg,#dfbc55,#b88618 45%,#8f6507 55%,#b5851b);border:1px solid #ffd768;border-radius:2px;color:#1a1002;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 2px 4px #0006;transition:all .15s ease}.hud-action-btn:hover{filter:brightness(1.15);box-shadow:0 0 6px #f0d27a99}.hud-action-btn:active{transform:translateY(1px)}.unit-hud-multi-strip{position:absolute;top:-19px;left:14px;display:flex;gap:4px;pointer-events:none}.unit-hud-multi-strip .multi-chip{font:700 7.5px/1 ui-monospace,monospace;background:#0f172af2;border:1px solid var(--gold);border-bottom:none;border-radius:3px 3px 0 0;padding:2px 5px;color:#f8fafc;box-shadow:0 -2px 6px #00000080}.unit-hud-multi-strip .multi-chip strong{color:var(--gold)}@keyframes pulseScannerGlow{0%,to{border-color:#e2b94d;box-shadow:0 0 6px #e2b94d66}50%{border-color:#ffd768;box-shadow:0 0 14px #ffd768d9}}@keyframes pulseEngageText{0%{opacity:.75;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@media (max-width: 820px){.unit-hud-hull{max-width:100%;gap:8px;padding:4px 8px}.unit-hud-specs-grid{display:none}}.triage-marquee{position:absolute;top:60px;right:14px;width:340px;max-width:calc(100vw - 28px);z-index:120;display:flex;flex-direction:column;gap:8px;pointer-events:none}.triage-cards-container{display:flex;flex-direction:column;gap:8px;pointer-events:auto}.triage-card{background:#0f172af0;border:1px solid rgba(245,158,11,.8);border-left:4px solid var(--of-warn);border-radius:6px;padding:10px;box-shadow:0 4px 16px #000000a6,0 0 10px #f59e0b33;display:flex;flex-direction:column;gap:6px;animation:triageCardSlide .25s cubic-bezier(.16,1,.3,1);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.triage-card.critical{border-color:#ef4444d9;border-left:4px solid var(--bad);box-shadow:0 4px 16px #000000bf,0 0 14px #ef444459}.triage-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.triage-title{font-size:11px;font-weight:800;letter-spacing:.05em;color:#fbbf24;margin:0;display:flex;align-items:center;gap:4px}.triage-card.critical .triage-title{color:#f87171}.triage-timer{font-size:9px;font-weight:700;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 5px;color:#e2e8f0}.triage-subtitle{font-size:10px;color:#cbd5e1;margin:0;line-height:1.3}.triage-actions{display:flex;flex-direction:column;gap:4px;margin-top:4px}.triage-btn{background:#1e293bd9;border:1px solid rgba(148,163,184,.3);border-radius:4px;padding:5px 8px;color:#f8fafc;font-size:10px;font-family:inherit;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.triage-btn:hover:not(:disabled){background:#334155f2;border-color:#38bdf8;color:#38bdf8;transform:translate(2px)}.triage-btn strong{background:#0006;color:#38bdf8;padding:1px 4px;border-radius:2px;font-size:9px}.triage-btn.danger{border-color:#ef444466;color:#fca5a5}.triage-btn.danger:hover:not(:disabled){background:#7f1d1db3;border-color:#ef4444;color:#fee2e2}@keyframes triageCardSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.embargo-banner[hidden]{display:none}.embargo-banner{position:absolute;top:52px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#b91c1cf2,#7f1d1df2);border:1px solid #ef4444;border-radius:4px;padding:6px 14px;color:#fef2f2;font-family:ui-monospace,monospace;font-size:11px;font-weight:800;letter-spacing:.06em;display:flex;align-items:center;gap:8px;z-index:130;box-shadow:0 4px 14px #0009,0 0 12px #ef444466;animation:embargoPulse 1.5s infinite alternate}.embargo-banner[hidden]{display:none!important}@keyframes embargoPulse{0%{border-color:#ef4444;box-shadow:0 0 8px #ef444466}to{border-color:#fca5a5;box-shadow:0 0 16px #ef4444cc}}.viewport-toggle-group{display:inline-flex;background:#0f172ad9;border:1px solid rgba(56,189,248,.4);border-radius:4px;overflow:hidden;gap:1px;box-shadow:0 2px 8px #0006}.viewport-toggle-group .view-toggle-btn{border-radius:0;border:none;font-weight:700;font-size:10px;letter-spacing:.05em;padding:3px 9px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease}.viewport-toggle-group .view-toggle-btn:hover{background:#38bdf82e;color:#e0f2fe}.viewport-toggle-group .view-toggle-btn.active-viewport{background:linear-gradient(180deg,#0284c7,#0369a1);color:#fff;font-weight:800;box-shadow:inset 0 1px #ffffff4d,0 0 8px #0284c799}.sage3d-camera-hud{position:absolute;top:52px;right:14px;background:#0a1020e0;border:1px solid rgba(56,189,248,.45);border-radius:6px;padding:6px 8px;z-index:100;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080,0 0 10px #0284c74d}.sage-hud-title{font-family:ui-monospace,monospace;font-size:9px;font-weight:800;letter-spacing:.08em;color:#38bdf8;text-align:center}.sage-hud-btns{display:flex;gap:4px}.sage-hud-btn{background:#0f172ad9;border:1px solid rgba(56,189,248,.3);color:#e0f2fe;font-family:ui-monospace,monospace;font-size:10px;font-weight:700;padding:3px 7px;border-radius:3px;cursor:pointer;transition:all .12s ease}.sage-hud-btn:hover{background:#38bdf840;border-color:#38bdf8;color:#fff}.sage-hud-btn:active{background:#0284c7}.sage3d-weather-hud{position:absolute;left:14px;bottom:14px;max-width:460px;background:#1c2026c7;border:1px solid rgba(180,186,194,.45);border-radius:6px;padding:8px 10px;z-index:100;color:#e6e8ec;font-family:ui-monospace,monospace;font-size:11px;line-height:1.35;white-space:pre-wrap;pointer-events:none}.sage-madl-alerts{display:flex;flex-direction:column;gap:3px;margin-top:4px}.sage-madl-badge{font-family:ui-monospace,monospace;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;letter-spacing:.04em;text-transform:uppercase;animation:fadeIn .2s ease-out;text-align:center}.sage-madl-badge.badge-info{background:#0284c773;border:1px solid rgba(56,189,248,.7);color:#e0f2fe}.sage-madl-badge.badge-alert{background:#10b98173;border:1px solid rgba(52,211,153,.8);color:#ecfdf5;box-shadow:0 0 8px #10b98173}.sage-madl-badge.badge-warning{background:#ef444480;border:1px solid rgba(248,113,113,.85);color:#fef2f2;box-shadow:0 0 8px #ef444480;animation:pulseAlert .8s infinite alternate}@keyframes pulseAlert{0%{opacity:.75}to{opacity:1}}.readability-option{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.readability-option input{flex:0 0 20px;width:20px;height:20px}.promotion-menu{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;padding:8px;background:#12161cb8;border:1px solid rgba(154,164,178,.45);border-radius:4px}.promotion-menu-head{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#d5dbe3;font:700 11px/1.2 ui-monospace,monospace}.promotion-menu-points{padding:1px 6px;border:1px solid rgba(154,164,178,.6);border-radius:3px;background:#9aa4b229}.promotion-menu-list{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}.promotion-choice{display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;padding:6px 8px;color:#e6ebf2;background:#20252c8c;border:1px solid rgba(154,164,178,.4);border-radius:3px}.promotion-choice-summary{grid-column:1 / -1;color:#b7c0cc;font-size:10px}.promotion-choice:disabled{opacity:.72}.promotion-choice.is-available{cursor:pointer}#intel-panel .sage3d-camera-hud,#intel-panel .sage3d-weather-hud{position:static;inset:auto;width:100%;max-width:none;min-width:0;margin:8px 0;transform:none;z-index:auto;pointer-events:auto;overflow-wrap:anywhere}#intel-panel .sage-hud-title{font-size:12px}#intel-panel .sage-hud-btns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}#intel-panel .sage-hud-btn{min-width:0;min-height:44px;font-size:13px}@media (max-width: 720px){#hud-actions a[href="/guide/"],#hud-actions a[href="/factions/"]{display:none}}@media (min-width: 721px) and (max-width: 1360px){#top-hud{grid-template-columns:auto minmax(0,1fr) auto}#brand-lockup .brand-title,#hud-actions .full-label{display:none}#hud-actions .compact-icon{display:inline}#hud-actions .hud-button{min-width:36px}}@media (max-width: 900px){#app{grid-template-rows:64px minmax(0,1fr)}#top-hud{grid-template-columns:minmax(0,1fr);grid-template-rows:44px 20px;padding:0 8px;gap:0}#brand-lockup{display:none}#hud-actions{grid-column:1;grid-row:1;justify-content:space-between;gap:2px;min-width:0}#hud-actions .hud-button{min-width:44px;min-height:44px;padding:3px}#status{grid-column:1;grid-row:2;width:100%;padding:0;font-size:10px;text-align:left;text-overflow:clip;overflow:visible}}@media (pointer: coarse){#phone-controls{z-index:11}.bottom-unit-hud{bottom:56px;height:auto;padding:0 8px 4px}#stage:has(#phone-controls:not(.collapsed)) .bottom-unit-hud{bottom:168px}.unit-hud-hull{display:grid;grid-template-columns:44px minmax(0,1fr);min-height:104px;height:auto;gap:6px;min-width:0}.unit-hud-cameo-frame{width:44px}.unit-hud-center{min-width:0;overflow:hidden}.unit-hud-right{grid-column:1 / -1;width:100%;min-width:0}.unit-hud-specs-grid{display:none}.unit-hud-actions{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.unit-hud-actions button{min-width:0;min-height:44px;font-size:10px;padding:2px;overflow-wrap:normal}.unit-hud-actions #btn-health-bars{padding:2px 4px;font-size:11px;line-height:1.2;white-space:normal}}#campaign-locations{margin-block:12px}#campaign-locations>summary{min-height:44px;cursor:pointer}.campaign-location-row{display:grid;gap:4px;margin-block:8px}.campaign-location-row>button{min-height:44px;text-align:left;white-space:normal}.campaign-location-row>small{line-height:1.4}.state-hud{display:grid;gap:8px;width:100%;min-width:0}.state-panel{position:relative;box-sizing:border-box;min-width:0;overflow:visible;padding:8px;color:#e5e7eb;background:#111827d9;border:1px solid #465366;border-radius:6px;backdrop-filter:blur(8px)}@media (prefers-reduced-transparency: reduce){.state-panel{background:color-mix(in srgb,#111827 88%,transparent)}}.state-kicker{margin:0 0 4px;padding:0 0 0 8px;background:none;border:0;border-left:3px solid #93b4ff;color:#9ca3af;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:12px;text-transform:uppercase}.state-line{margin:0 0 2px;color:#d1d5db;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;overflow-wrap:anywhere}.state-line[data-kind=meters],.state-line[data-kind=gain-cap]{color:#e5e7eb;font-family:ui-monospace,Roboto Mono,monospace;font-size:13px}.state-line[data-kind=pr-loss]{color:#e02424}.state-line[data-kind=meters]{box-shadow:inset 2px 0 #1a56db,inset -2px 0 #e02424}.state-line[data-kind=rebuttal]{color:#e5e7eb}.state-hud button{min-width:44px;min-height:44px;background:#465366;color:#fff;border:1px solid #627087}#battlefield-frame{position:relative}#port-hud-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}#production-sidebar{position:fixed;z-index:12;top:50px;right:8px;box-sizing:border-box;width:min(360px,calc(100vw - 16px));max-height:calc(100dvh - 136px);overflow:auto;scrollbar-width:none;padding:8px;color:#e5e7eb;background:#111827d9;border:1px solid #465366;border-radius:6px;backdrop-filter:blur(8px);pointer-events:auto}#production-sidebar::-webkit-scrollbar{display:none}body:has(#sidebar.is-open) #production-sidebar{max-height:calc(100dvh - min(34dvh,340px) - 58px)}@media (max-width: 900px){#production-sidebar{top:72px}body:has(#sidebar.is-open) #production-sidebar{max-height:calc(100dvh - min(52dvh,430px) - 58px)}}@media (max-width: 720px){body:has(#sidebar.is-open) #production-sidebar{max-height:calc(100dvh - min(58dvh,470px) - 58px)}}@media (max-width: 640px){body:has(#sidebar.is-open) #production-sidebar[data-open=true]{inset:72px 8px auto auto;width:min(360px,calc(100vw - 16px));max-height:min(30dvh,calc(100dvh - min(58dvh,470px) - 58px))}}body:has(#sidebar.is-open) .sage3d-weather-hud,body:has(#sidebar.is-open) .sage3d-camera-hud{z-index:8}body:has(#sidebar.is-open) .toast{top:48px;bottom:auto}#production-sidebar[data-open=false]{width:auto;max-height:none;padding:0;background:#111827d9;border:1px solid #465366}#production-sidebar[data-open=false] .production-faction,#production-sidebar[data-open=false] .production-tabs,#production-sidebar[data-open=false] .production-cameos,#production-sidebar[data-open=false] .production-queue-note,#production-sidebar[data-open=false] .production-hint,#production-sidebar[data-open=false] .production-tool:not(#production-fold){display:none}.production-faction{display:flex;align-items:center;gap:6px;margin:0 0 8px;padding:0;background:none;border:0;color:#e5e7eb;font:600 14px Arial,Helvetica,sans-serif}.production-faction-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 7px}.production-tabs{display:flex;flex-wrap:wrap;gap:2px;overflow:hidden;scrollbar-width:none}.production-tabs::-webkit-scrollbar{display:none}.production-tab,.production-tool,#btn-health-bars{min-width:44px;min-height:44px;padding:8px 10px;background:transparent;color:#e5e7eb;border:1px solid #465366;border-radius:4px;font:700 12px Arial,Helvetica,sans-serif}.production-tab.is-active,.production-tool[aria-pressed=true],#btn-health-bars[aria-pressed=true]{background:#465366;color:#fff}.production-tab.is-gated{color:#9aa6b4}.production-tools{display:flex;flex-wrap:wrap;gap:2px;margin-top:8px}.production-cameos{display:flex;flex-direction:column;gap:4px;margin-top:8px}.production-cameo{position:relative;display:grid;grid-template-columns:36px 1fr;gap:0 8px;align-items:center;width:100%;min-height:44px;padding:6px 8px;overflow:hidden;text-align:left;color:#e5e7eb;background:#1118278c;border:1px solid #465366;border-radius:4px;opacity:1}.production-cameo[data-state=locked],.production-cameo[data-state=ready]{opacity:1}.production-cameo strong,.production-cameo small{display:block;min-width:0}.production-cameo strong{font:700 13px Arial,Helvetica,sans-serif}.production-cameo small{color:#d1d5db;font:12px/1.3 Arial,Helvetica,sans-serif}.production-cameo-art{width:36px;height:36px;object-fit:cover;border-radius:3px;grid-row:span 2}.production-mark{display:inline-block;width:22px;height:22px;border:2px solid #dfe5ec;box-sizing:border-box;grid-row:span 2}.production-mark-helmet{border-radius:11px 11px 3px 3px}.production-mark-hull{border-radius:2px}.production-mark-wing{transform:skew(-16deg)}.production-mark-anchor{border-radius:0 0 11px 11px}.production-mark-block{border-radius:2px}.production-mark-tower{border-radius:0;height:26px}.production-mark-star{border-radius:50%}.production-count{position:absolute;top:4px;right:6px;color:#e5e7eb;font:700 12px Arial,Helvetica,sans-serif}.production-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:#465366;transform-origin:left center}.production-queue-note,.production-hint{margin:8px 0 0;color:#d1d5db;font:13px/1.35 Arial,Helvetica,sans-serif}.unit-identify-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}.unit-identify-chip,.unit-tier-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 6px;color:#e5e7eb;background:#1118278c;border:1px solid #465366;border-radius:3px;font:700 11px Arial,Helvetica,sans-serif}.unit-faction-emblem{display:inline-block;width:14px;height:14px;border:2px solid #dfe5ec;border-radius:50%;box-sizing:border-box}#unit-hud-role .production-mark{width:12px;height:12px;grid-row:auto}@media (max-width: 640px){.combat-pr-strip{left:52px;right:104px;transform:none;max-width:none;gap:2px;padding:3px;font-size:8px;text-align:center}#production-sidebar[data-open=true]{inset:72px 8px auto auto;width:min(360px,calc(100vw - 16px));max-height:min(30dvh,calc(100dvh - 252px))}#embargo-banner{top:4px;left:8px;right:8px;max-width:none;transform:none}.pr-gauge-overlay{top:56px;right:8px}.sage3d-camera-hud{inset:auto auto 4px 8px;z-index:8}}@media (min-width: 641px){body:has(#production-sidebar[data-open=true]) #pr-gauge-overlay{right:calc(min(360px,100vw - 16px) + 20px);top:196px}body:has(#production-sidebar[data-open=true]) .sage3d-camera-hud{top:auto;bottom:12px;right:calc(min(360px,100vw - 16px) + 20px)}}body:has(.match-launcher:not([hidden])) #production-sidebar{display:none}@media (prefers-reduced-transparency: reduce){#production-sidebar,.production-cameo,.unit-identify-chip,.unit-tier-badge{background:color-mix(in srgb,#111827 88%,transparent);backdrop-filter:none}}#app .hs-1{background:#f59e0b;box-shadow:0 0 6px #f59e0b}#app .hs-2{color:var(--fg);border-color:var(--line);background:color-mix(in srgb,var(--fg) 8%,transparent)}#app .hs-3{width:0%}#app .hs-4{background:#38bdf8;box-shadow:0 0 6px #38bdf8}#app .hs-5{color:#7dd3fc;border-color:#0284c7;background:#0284c726}#app .hs-6{background:#22c55e;box-shadow:0 0 6px #22c55e}#app .hs-7{color:#4ade80;border-color:#16a34a;background:#16a34a26}#app .hs-8{width:100%}#app .hs-9{color:var(--fg);font-size:11px;font-weight:700}#app .hs-10{margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.3}#app .hs-11{display:flex;justify-content:space-between}#app .hs-12{display:flex;justify-content:space-between;font-size:11px;margin:3px 0 2px}#app .hs-13{color:var(--fg);font-weight:700}#app .hs-14{font-weight:700}#app .hs-15{background:color-mix(in srgb,var(--fg) 8%,transparent)}#app .hs-16{width:60%;background:#f59e0b}#app .hs-17{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:6px 0}#app .hs-18{font-size:11px;padding:4px 2px}#app .hs-19{font-size:11px;padding:4px 2px;grid-column:span 2}#app .hs-20{max-height:90px;overflow-y:auto}#app .hs-21{display:flex;justify-content:space-between;font-size:11px}#app .hs-22{width:80%;background:#ef4444}#app .hs-23{display:flex;justify-content:space-between;font-size:11px;margin-top:3px}#app .hs-24{width:80%;background:#3b82f6}#app .hs-25{font-size:11px;color:var(--muted);margin:3px 0}#app .hs-26{max-height:110px;overflow-y:auto}#app .hs-27{margin-bottom:6px}#app .hs-28{border-color:#38bdf8;color:#38bdf8;background:#0284c733}#app .hs-29{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:11px;margin-bottom:6px}#app .hs-30{background:#00000080;padding:4px 6px;border-radius:2px;border:1px solid rgba(255,255,255,.08)}#app .hs-31{color:var(--muted);font-size:11px}#app .hs-32{color:var(--fg)}#app .hs-33{color:#38bdf8}#app .hs-34{color:#4ade80}#app .hs-35{color:#60a5fa}#app .hs-36{background:#00000080;padding:4px 6px;border-radius:2px;border:1px solid rgba(255,255,255,.08);grid-column:span 2}#app .hs-37{font-size:11px;color:var(--muted);margin-bottom:6px;line-height:1.3}#app .hs-38{font-size:11px;margin-bottom:6px}#app .hs-39{font-size:11px;margin-bottom:6px;line-height:1.35}#app .hs-40{color:var(--fg);font-weight:700}#app .hs-41{display:none;position:fixed;top:56px;left:50%;transform:translate(-50%);background:#0f172aeb;border:1px solid rgba(56,189,248,.4);border-radius:8px;padding:6px 14px;color:#f8fafc;font-family:monospace;font-size:12px;z-index:90;gap:14px;align-items:center}#app .hs-42{color:var(--fg)}#app .hs-43{color:#34d399}#app .hs-44{font-size:11px;margin-bottom:6px;line-height:1.3}#app .hs-45{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}#app .hs-46{font-size:11px;padding:4px 2px;color:#7dd3fc;border-color:#0ea5e9}#app .hs-47{font-size:11px;padding:4px 2px;color:#60a5fa;border-color:#2563eb}#app .hs-48{font-size:11px;padding:4px 2px;color:#a78bfa;border-color:#7c3aed}#app .hs-49{display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:6px}#app .hs-50{font-size:11px}#app .hs-51{font-size:11px;padding:4px 6px}#app .hs-52{display:grid;grid-template-columns:1fr 1fr;gap:4px}#app .hs-53{font-size:11px;padding:4px 2px;color:#ef4444;border-color:#ef4444}#app .hs-54{font-size:11px;padding:4px 2px;color:#38bdf8;border-color:#0284c7}#app .hs-55{font-size:11px;color:#38bdf8;font-family:ui-monospace,monospace;margin:3px 0}#app .hs-56{font-size:11px;color:var(--muted)}#app .hs-57{font-size:11px;color:var(--muted);margin-bottom:4px}#app .hs-58{background:#a855f7;box-shadow:0 0 6px #a855f7}#app .hs-59{color:#c084fc;border-color:#9333ea;background:#9333ea26}:root{--of-primary: #374151;--of-primary-bright: #4b5563;--of-paper: #f6f7fa;--accent: #374151;--accent-line: #6b7280;--gold: #4b5563;--line-hot: #6b7280;--hud-paper: #f6f7fa;--hud-ink: #111a2d;--hud-muted: #4b5563;--hud-glass: rgb(246 247 250 / 92%);--hud-line: rgb(17 26 45 / 16%);--hud-blur: blur(12px) saturate(140%);--hud-ctl: 28px;--line-soft: rgb(17 26 45 / 8%);--fs-body: 12.5px;--fs-small: 11px;--fs-label: 11px;--cobalt: var(--hud-ink);--rule: #9ca3af;--mono: ui-monospace, Menlo, Consolas, monospace;--font: Arial, Helvetica, sans-serif;--r-sheet: 12px}:root[data-theme=dark]{--accent: #d1d5db;--accent-line: #6b7280;--of-primary-bright: #9ca3af;--gold: #9ca3af;--line-hot: #9ca3af;--hud-paper: #0b1324;--hud-ink: #f3f6ff;--hud-muted: #b6bfcf;--hud-glass: rgb(11 19 36 / 92%);--hud-line: rgb(243 246 255 / 16%);--line-soft: rgb(243 246 255 / 9%);--rule: #6b7280}@media (pointer: coarse){:root{--hud-ctl: 44px}}#app #brand-lockup{display:none}#app button:not(.g-x),html .match-launcher button{border-color:var(--hud-line);background:var(--hud-glass);color:var(--hud-ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em}#app button:hover:not(:disabled){border-color:var(--hud-muted);filter:none;background:color-mix(in srgb,var(--hud-ink) 8%,var(--hud-glass))}#app button:focus-visible,#app select:focus-visible,#app input:focus-visible,.match-launcher :focus-visible{outline:2px solid var(--hud-ink);outline-offset:2px}#app kbd{color:var(--hud-muted);font-size:11px}#app #top-hud,#app #combat-pr-strip,#app #phone-controls,#app .phone-controls-toggle,#app #sidebar,#app .radar-drawer-content,#app .radar-drawer-tabs .drawer-tab,#app .controls-overlay,#app .end-card,#app .unit-hud-hull,#app .toast{background:var(--hud-glass)!important;-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);border-color:var(--hud-line)!important;color:var(--hud-ink);box-shadow:0 6px 20px #0000002e}#app #top-hud{box-shadow:none;border-bottom:1px solid var(--hud-line)}#app #status{color:var(--hud-muted);font-family:var(--mono)}@media (prefers-reduced-transparency: reduce){#app #top-hud,#app #combat-pr-strip,#app #phone-controls,#app .phone-controls-toggle,#app #sidebar,#app .radar-drawer-content,#app .controls-overlay,#app .end-card,#app .unit-hud-hull{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--hud-paper)!important}}#app button.active,#app button[aria-pressed=true],#app button[aria-expanded=true],#app .drawer-tab.active,#app #deck-tabs button.active,#app .arsenal-filter[aria-pressed=true],#app .production-state.active{border-color:var(--hud-ink)!important;background:var(--hud-ink)!important;color:var(--hud-paper)!important;font-weight:700}#app .drawer-tab.active .tab-icon,#app .drawer-tab.active .tab-label{color:var(--hud-paper)!important}#app .drawer-tab.active:after{background:var(--hud-paper)!important;box-shadow:none!important}#app .unit-hud-actions button,#app .radar-btn,#app .hud-action-btn,#app .drawer-action-btn,#app .laser-countdown{border-color:var(--hud-line)!important;background:var(--hud-glass)!important;color:var(--hud-ink)!important;box-shadow:none!important;text-shadow:none!important}#app .laser-countdown.urgent{background:var(--hud-ink)!important;color:var(--hud-paper)!important}#app #weather-badge{border-color:var(--hud-line)!important;background:var(--hud-glass)!important;color:var(--hud-ink)!important}#app .eyebrow,#app .radar-header-title,#app .build-section-label,#app .intel-stat-label{color:var(--hud-muted)!important;letter-spacing:.06em}#app .hud-stat-chip,#app .unit-hud-badge{color:var(--hud-ink)!important;border-color:var(--hud-line)!important;background:color-mix(in srgb,var(--hud-ink) 6%,transparent)!important;box-shadow:none!important;text-shadow:none!important}#app .compact-icon,#app .tab-icon,#app .embargo-icon,#app .radar-tab-arrow{font-size:0!important;line-height:0;color:inherit}#app .compact-icon:before,#app .tab-icon:before,#app .embargo-icon:before,#app .radar-tab-arrow:before,#app #laser-deadline:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;background:currentColor;-webkit-mask:var(--ico) center / 16px 16px no-repeat;mask:var(--ico) center / 16px 16px no-repeat}#app #weather-badge{--ico: url(/ui/icons/cloud.svg)}#app #btn-audio{--ico: url(/ui/icons/volume.svg)}#app #btn-center{--ico: url(/ui/icons/home.svg)}#app #btn-pause{--ico: url(/ui/icons/pause.svg)}#app #btn-pause[aria-label=Resume],#app #btn-pause[aria-label=Play]{--ico: url(/ui/icons/play.svg)}#app #btn-controls{--ico: url(/ui/icons/info.svg)}#app #btn-deck{--ico: url(/ui/icons/menu.svg)}#app #hud-actions a[href^="/explainer"]{--ico: url(/ui/icons/doc.svg)}#app #hud-actions a[href="/guide/"]{--ico: url(/ui/icons/layers.svg)}#app #hud-actions a[href="/factions/"]{--ico: url(/ui/icons/flag.svg)}#app #laser-deadline{--ico: url(/ui/icons/zap.svg)}#app #laser-deadline:first-letter{font-size:0}#app #laser-deadline:before{margin:-2px 4px 0 0;width:14px;height:14px;-webkit-mask-size:14px;mask-size:14px}#app .drawer-tab[data-drawer-tab=radar]{--ico: url(/ui/icons/target.svg)}#app .drawer-tab[data-drawer-tab=powers]{--ico: url(/ui/icons/zap.svg)}#app .drawer-tab[data-drawer-tab=build]{--ico: url(/ui/icons/factory.svg)}#app .drawer-tab[data-drawer-tab=intel]{--ico: url(/ui/icons/scales.svg)}#app .drawer-tab[data-drawer-tab=match]{--ico: url(/ui/icons/settings.svg)}#app .radar-tab-arrow{--ico: url(/ui/icons/back.svg)}#app .embargo-icon{--ico: url(/ui/icons/warning.svg)}#app .drawer-tab .tab-icon,#app .drawer-tab:hover .tab-icon{color:inherit!important;filter:none!important;text-shadow:none!important}#app .drawer-tab,#app .drawer-tab:hover{color:var(--hud-ink)!important}#app .drawer-tab:before{background:transparent!important}#app .b-icon,#app .power-icon,#app #drawer-metoc-icon,#app .unit-hud-icon,#app .rank-stars{display:none!important}html #production-sidebar,#app .sage3d-camera-hud,#app .sage3d-weather-hud{background:var(--hud-glass)!important;-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);border-color:var(--hud-line)!important;color:var(--hud-ink)!important;box-shadow:0 6px 20px #0000002e}html #production-sidebar .production-faction,html #production-sidebar .production-cameo strong,html .production-cameo{color:var(--hud-ink)!important}html #production-sidebar .production-cameo small,html #production-sidebar .production-hint,html #production-sidebar .production-queue-note{color:var(--hud-muted)!important}html .production-cameo{background:color-mix(in srgb,var(--hud-ink) 5%,transparent)!important;border-color:var(--hud-line)!important}html #production-sidebar button{border-color:var(--hud-line);background:var(--hud-glass);color:var(--hud-ink)}html #production-sidebar button.active,html #production-sidebar button[aria-pressed=true],html #production-sidebar button[aria-selected=true],html #production-sidebar .production-tab.is-active{background:var(--hud-ink)!important;border-color:var(--hud-ink)!important;color:var(--hud-paper)!important}#app .sage3d-camera-hud,#app .sage3d-camera-hud *{color:var(--hud-ink)}#app .unit-hud-specs-grid{background:color-mix(in srgb,var(--hud-ink) 6%,transparent)!important;color:var(--hud-ink)}#app .unit-hud-specs-grid .spec-label{color:var(--hud-muted)!important}#app .sage3d-camera-hud .sage-hud-title{display:none}#app .sage-hud-btn{color:var(--hud-ink)!important}#app #sage-btn-rot-left,#app #sage-btn-rot-right,#app #sage-btn-pitch-up,#app #sage-btn-pitch-down{font-size:0!important}#app #sage-btn-rot-left:before,#app #sage-btn-rot-right:before,#app #sage-btn-pitch-up:before,#app #sage-btn-pitch-down:before{content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;background:currentColor;-webkit-mask:var(--ico) center / 16px 16px no-repeat;mask:var(--ico) center / 16px 16px no-repeat}#app #sage-btn-rot-left{--ico: url(/ui/icons/rot-left.svg)}#app #sage-btn-rot-right{--ico: url(/ui/icons/rot-right.svg)}#app #sage-btn-pitch-up{--ico: url(/ui/icons/up.svg)}#app #sage-btn-pitch-down{--ico: url(/ui/icons/down.svg)}@media (max-width: 900px){#app #hud-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}#app #hud-actions::-webkit-scrollbar{display:none}#app #hud-actions .hud-button{flex:none}#app #status{font-size:11px}}@media (pointer: coarse){#app #phone-controls{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px;border-radius:10px;touch-action:pan-x}#app #phone-controls::-webkit-scrollbar{display:none}#app #phone-controls.collapsed{display:none}#app #phone-controls>button,#app #phone-controls .phone-select-slot{flex:1 0 auto;min-width:58px}#app #phone-controls .phone-select-slot{display:flex;gap:2px;width:auto;height:auto}#app #phone-controls .phone-select-slot button{flex:1 0 auto;min-width:58px}#app #phone-controls button{min-height:44px;padding:0 8px;font-size:11px;text-transform:none;letter-spacing:.02em}#app #stage:has(#phone-controls:not(.collapsed)) .bottom-unit-hud{bottom:116px}#app .unit-hud-actions button{font-size:11px}}#app .controls-overlay{border-radius:var(--r-sheet);padding:0 14px 12px;max-height:min(78dvh,640px);overflow:auto;overscroll-behavior:contain}#app .controls-overlay>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -14px 4px;padding:4px 14px 6px;background:var(--hud-glass);border-bottom:1px solid var(--hud-line)}#app .controls-overlay>header h2{margin:2px 0 0;font:700 15px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none;color:var(--hud-ink)}#app .controls-overlay>header .eyebrow{margin:0;font:700 11px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase}#app .controls-overlay .c-grab-zone{padding:6px 0 0;touch-action:none;cursor:grab}#app .controls-overlay .c-grab{width:36px;height:4px;margin:0 auto;border-radius:2px;background:color-mix(in srgb,var(--hud-ink) 25%,transparent)}#app .g-x{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0 -10px 0 0;padding:0;border:0!important;border-radius:6px;background:transparent!important;color:var(--hud-muted)!important;font-size:0;cursor:pointer}#app .g-x:hover{background:color-mix(in srgb,var(--hud-ink) 8%,transparent)!important;color:var(--hud-ink)!important}#app .c-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}#app .control-guide{display:block}#app .control-guide>.g-howto{display:block;padding:0;border:0;background:none}#app .control-guide .c-label,#app .control-guide .c-kbd{color:inherit}#app .control-guide .g-howto .c-label{color:var(--hud-muted)}#app .control-guide .g-howto span:not(.c-label),#app .control-guide .g-howto strong{font-size:inherit;color:inherit;text-transform:none}#app .g-howto{color:var(--hud-ink);font:12.5px/1.45 Arial,Helvetica,sans-serif}#app .g-howto .g-steps{margin:0;padding:0;list-style:none}#app .g-howto .c-step{display:grid;grid-template-columns:20px 1fr;gap:1px 10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}#app .g-howto .c-step .c-ico{grid-row:span 2;margin-top:2px;color:var(--hud-muted)}#app .g-howto .c-step b{font-size:13px}#app .g-howto .c-step small{color:var(--hud-muted);font-size:11.5px}#app .g-howto .c-keys{display:none;margin:10px 0 2px;color:var(--hud-muted);font-size:11px;line-height:2}@media (hover: hover) and (pointer: fine){#app .g-howto .c-keys{display:block}}#app .g-howto .c-label{margin-right:4px;color:var(--hud-muted);font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase}#app .g-howto .c-kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--rule);border-radius:4px;color:var(--hud-ink);font:700 11px/1.4 var(--mono);text-align:center}#app .g-howto .g-blk{margin-top:8px;padding-top:10px;border-top:1px solid var(--line-soft)}#app .g-howto .g-blk p{margin:3px 0 0}#app .tilt-control{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:11.5px;color:var(--hud-muted)}@media (min-width: 761px){#app .controls-overlay{left:50%;right:auto;top:64px;width:520px;margin-left:-260px}#app .controls-overlay .c-grab-zone{display:none}}@media (max-width: 760px){#app .controls-overlay{top:auto;left:6px;right:6px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);width:auto;z-index:30}}html .match-launcher{background:#040c188c;color:var(--hud-ink);font:13px/1.45 Arial,Helvetica,sans-serif}html .match-launch-card{background:var(--hud-glass);-webkit-backdrop-filter:var(--hud-blur);backdrop-filter:var(--hud-blur);border:1px solid var(--hud-line);border-radius:12px;box-shadow:0 10px 28px #0000004d}html .match-launch-card h1{font-size:20px}html .match-launch-card h2{font-size:15px}html .match-launch-card>p:first-of-type,.match-hint{color:var(--hud-muted);font-size:12px}html .match-launch-nav a{min-height:var(--hud-ctl);padding:0 12px;color:var(--hud-ink);background:transparent;border:1px solid var(--hud-line);border-radius:5px;font-size:12px;font-weight:700;text-decoration:none}html .match-launch-nav a:hover{background:color-mix(in srgb,var(--hud-ink) 8%,transparent)}html .match-launch-card select,html .match-launch-card input:not([type=checkbox]){min-height:44px;color:var(--hud-ink);background:var(--hud-paper);border:1px solid var(--hud-line);border-radius:5px}html .match-launch-actions button{min-height:44px;flex-shrink:0;border-radius:5px}html .match-launch-actions button[data-play]{background:var(--hud-ink)!important;border-color:var(--hud-ink)!important;color:var(--hud-paper)!important;font-weight:700}@media (pointer: coarse){html .match-launch-card select,html .match-launch-card input:not([type=checkbox]){font-size:16px}}@media (prefers-reduced-motion: reduce){#app .controls-overlay,#app #phone-controls{transition:none!important}}.hud-button,label.hud-toggle,.toast,.eyebrow,.phone-unselect-btn,.deck-panel h2,.blurb,button.mini,.queue-row-head strong,.queue-cancel,.build-btn,.cameo-copy strong,.tech-node strong,.support-power{font-size:11px}.transport-console>strong{font-size:11px}.transport-buttons button,.match-fields label,.match-fields select,.match-fields input{font-size:11px}#command-hints span:before{font-size:11px}.arsenal-header,.arsenal-item-label{font-size:11px}@media (pointer: coarse){#phone-controls button{font-size:11px}}.control-guide span,.tilt-control span{font-size:11px}@media (max-width: 720px){.combat-pr-strip{font-size:11px}}@media (max-width: 720px){#hud-actions .laser-countdown{font-size:11px}}@media (max-width: 720px){#status{font-size:11px}}.drawer-tab .tab-label,.radar-tab-arrow,.radar-telemetry-badge,.radar-status-bar,.rank-points,.rank-xp-label,.power-card-header strong,.power-cost,.power-desc,.build-section-label,.drawer-build-btn .b-name,.drawer-build-btn .b-cost,.drawer-build-btn .b-hotkey,.drawer-build-btn kbd,.intel-stat-label,.intel-sub,#drawer-kinetic-hostiles,#drawer-kinetic-status,.badge-safe,.drawer-ticker-box{font-size:11px}.ticker-entry:before{font-size:11px}.match-setting-group label,.gauge-badge,.gauge-subtext,#pr-front-summary,#kinetic-status,#two-front-status,#two-front-detail-body{font-size:11px}#two-front-detail>summary{font-size:11px}.intel-deck-status,.intel-deck-sub,.triage-timer,.triage-subtitle,.triage-btn,.triage-btn strong,.viewport-toggle-group .view-toggle-btn,.sage-hud-title,.sage-hud-btn,.sage-madl-badge,.promotion-choice-summary{font-size:11px}@media (max-width: 900px){#status{font-size:11px}}@media (pointer: coarse){.unit-hud-actions button{font-size:11px}}kbd,.brand-mode,#status,.deck-panel h2 span,.readout,.selection-summary,.chip,.production-console-heading,.queue-row-head small,.production-hint{font-size:11px}.production-group>strong{font-size:11px}.build-btn small{font-size:11px}.tech-node>span{font-size:11px}.tech-node small,.laser-deadline,#command-hints,.arsenal-level,.arsenal-tab,.arsenal-filter,.arsenal-item-icon,.arsenal-item-badge,.arsenal-detail,.arsenal-empty,.combat-pr-strip,.combat-pr-strip button,.sage-combat-readout,.laser-countdown,#deck-tabs button,.drawer-tab,.radar-btn,.drawer-select,#drawer-audio-toggle,#drawer-btn-audio,#drawer-btn-pause,#btn-drawer-pause,#drawer-btn-restart,#btn-drawer-restart,#drawer-btn-surrender,#btn-drawer-surrender,.drawer-action-btn,.radar-deck-btn,.unit-hud-chevrons,.unit-hud-badge,.unit-hud-faction-tag,.unit-hud-bar-container .bar-header,.hud-stat-chip,.unit-hud-specs-grid,.hud-action-btn,.unit-hud-multi-strip .multi-chip,.state-kicker{font-size:11px}@media (max-width: 640px){.combat-pr-strip{font-size:11px}}:root,:root[data-theme=light]{--accent:#465366;--accent-line:#657184;--gold:#465366;--line-hot:#657184;--of-paper:#f6f7fa;--of-paper-soft:#e9edf2;--of-rule:#8591a0;--hud-glass:rgb(246 247 250 / .82)}:root[data-theme=dark]{--accent:#536173;--accent-line:#8a96a5;--gold:#d2d8df;--line-hot:#8996a5;--of-paper:#151c26;--of-paper-soft:#242e3b;--of-rule:#657184;--hud-glass:rgb(21 28 38 / .82)}html body{font-family:Arial,Helvetica,sans-serif}body #app{display:block;position:relative;width:100%;height:100dvh}body #stage{position:absolute;inset:0;width:100%;height:100%;min-height:0}body #top-hud{position:absolute;top:8px;right:8px;left:auto;z-index:30;display:block;padding:0;border:0;background:none;box-shadow:none}#brand-lockup{display:none}body #hud-actions{display:flex;align-items:start;gap:4px}body button,body select,body input,body .hud-button,body summary{min-height:44px;min-width:44px;font-size:12px}body button{background:var(--control);color:var(--fg);border-color:var(--line);text-transform:none}body button.active,body button[aria-pressed=true],body .drawer-tab.active{background:var(--accent);border-color:var(--accent-line);color:#fff}body #hud-actions>button,.battlefield-more>summary{padding:8px 10px;background:var(--hud-glass);color:var(--fg);border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(18px);white-space:nowrap}body #hud-actions .compact-icon{display:none}body #hud-actions .full-label{display:inline}body #laser-deadline{min-width:92px;width:auto;font-size:12px;background:var(--hud-glass);color:var(--fg);box-shadow:none;animation:none}.battlefield-more{position:relative}.battlefield-more>summary{display:flex;align-items:center;cursor:pointer;list-style:none}.battlefield-more-body{position:absolute;top:50px;right:0;width:280px;max-height:calc(100dvh - 80px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;background:var(--hud-glass);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(18px)}.battlefield-more:not([open]) .battlefield-more-body{display:none}body #status,body .battlefield-more-body .combat-pr-strip{position:static;width:auto;max-width:none;transform:none;grid-column:1/-1;color:var(--fg);white-space:normal;overflow:visible;font-size:12px;padding:8px 0;text-align:left;background:none;border:0;box-shadow:none}body .battlefield-more-body .combat-pr-strip{display:flex;flex-direction:column;align-items:start}body #weather-badge{grid-column:1/-1;height:auto;white-space:normal;color:var(--fg);border-color:var(--line);background:var(--control)}body #weather-badge-text{white-space:normal}body .corner,body #stage:after{display:none}#battlefield-minimap{position:absolute;left:8px;bottom:8px;z-index:9;width:176px;padding:4px;background:var(--hud-glass);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(18px)}body #battlefield-minimap #minimap{display:block;position:static;width:100%;height:auto;aspect-ratio:220/147;margin:0;border:0;transform:none;cursor:crosshair;touch-action:none}.radar-map-wrapper{display:none}body .radar-drawer,body .radar-drawer.collapsed{position:absolute;top:60px;left:8px;width:min(360px,calc(100% - 16px));max-height:calc(100% - 204px);transform:none;padding:8px;background:var(--hud-glass);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0003;font-family:Arial,sans-serif}body .radar-drawer.collapsed{display:none}body .radar-drawer-tabs{position:static;display:flex;flex-flow:row wrap;gap:4px;width:100%}body .drawer-tab,body .radar-drawer-toggle{min-width:44px;min-height:44px;padding:8px;font-size:11px;letter-spacing:0;clip-path:none;filter:none;box-shadow:none;border:1px solid var(--line);color:var(--fg);background:var(--control)}body .drawer-tab .tab-label{display:inline}body .drawer-tab .tab-icon,body .drawer-tab:after,body .drawer-tab:before{display:none}body .radar-drawer-tabs{flex-shrink:0}body .radar-drawer-content{flex:1 1 auto;padding:8px 0 16px;overflow:auto;min-height:0;max-height:none;scroll-padding-bottom:16px}body .radar-drawer-content>.drawer-panel{flex:0 0 auto}body .radar-drawer-content .drawer-panel>*{flex-shrink:0}body .powers-paging{display:flex;flex:0 0 auto;gap:8px;padding-top:8px}body .powers-paging[hidden]{display:none}body .powers-paging button{flex:1;min-height:44px;white-space:normal}body .radar-drawer-content{overscroll-behavior:contain;scrollbar-width:auto}body .radar-drawer-content::-webkit-scrollbar{width:10px}body .promotion-choice,body .power-card{flex-shrink:0;scroll-margin-block:16px;overflow-wrap:anywhere}body #drawer-intel-ticker[hidden]{display:none}body #ai-report:empty{display:none}body .radar-drawer-header{border:0;background:none;padding:8px 0;flex-wrap:wrap;gap:8px}body .radar-header-title,body .radar-telemetry-badge{font-size:11px;color:var(--fg)!important}body .radar-telemetry-badge{background:transparent!important;border-color:var(--line)!important;white-space:normal}body .radar-quick-actions{display:grid;grid-template-columns:1fr 1fr}body .radar-btn,body .power-card,body .drawer-action-btn,body .hud-action-btn{height:auto;min-height:44px;white-space:normal;background:var(--control);color:var(--fg);border:1px solid var(--line);box-shadow:none;font-size:12px}body .promotion-menu-list,body .powers-grid{display:flex;flex-direction:column;gap:6px;max-height:none;overflow:visible}body .promotion-choice{display:grid;grid-template-columns:1fr auto;gap:4px 8px;height:auto;min-height:72px;padding:10px;text-align:left;white-space:normal}body .promotion-choice-summary{grid-column:1/-1;font-size:12px;line-height:1.4}body .power-card-header{flex-wrap:wrap}body .power-desc{font-size:12px;line-height:1.4}body .radar-drawer p,body .radar-status-bar,body .drawer-select,body .rank-title,body .rank-xp-label{font-size:12px;line-height:1.4;white-space:normal}body .radar-drawer-toggle{position:static;transform:none;width:auto}body #sidebar,:root[data-control-scheme=alpha-adaptive] body #sidebar{position:absolute;inset:60px 8px auto auto;z-index:20;width:min(480px,calc(100% - 16px));height:auto;max-height:calc(100dvh - 136px);padding:10px;display:flex;flex-direction:column;background:var(--hud-glass);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(18px);transform:none}body #sidebar:not(.is-open),:root[data-control-scheme=alpha-adaptive] body #sidebar:not(.is-open){display:none}body #sidebar .sheet-header{display:flex;align-items:start;position:static;background:none;border:0;padding:0 0 8px}body #deck-tabs{display:flex;flex-wrap:wrap;height:auto;overflow:visible;gap:4px}body #deck-tabs button{min-height:44px;font-size:12px}body #sidebar [data-deck-panel].active-panel{overflow:auto;min-height:0}body #sidebar .arsenal-panel{height:auto;min-height:0;display:flex;flex-direction:column}body .arsenal-header{border:0;padding:8px 0}body .arsenal-tabs,body .arsenal-filters{flex-wrap:wrap;overflow:visible;padding:4px 0}body .arsenal-viewport{display:flex;flex-direction:column}body .arsenal-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}body .arsenal-card{width:auto;min-width:0;min-height:72px;font-size:12px}body .arsenal-detail{min-height:70px;padding:8px;font-size:12px;white-space:normal}body #command-hints{display:none}body #production-sidebar{top:60px;right:8px;max-height:calc(100dvh - 210px);background:var(--hud-glass);color:var(--fg);backdrop-filter:blur(18px)}body #production-sidebar[data-open=false]{background:var(--hud-glass)}body .production-hint,body .production-queue-note{white-space:normal;overflow:visible;text-overflow:clip}body .production-faction,body .production-tab,body .production-tool,body .production-cameo,body .production-cameo small,body .production-hint,body .production-queue-note{color:var(--fg)}body:has(#sidebar.is-open) #production-sidebar,body:has(.radar-drawer.is-open) #production-sidebar{display:none}body #pr-gauge-overlay{position:absolute;top:60px;left:8px;right:auto;width:200px;background:var(--hud-glass);border-color:var(--line);box-shadow:none}body:has(.radar-drawer.is-open) #pr-gauge-overlay{display:none}body .gauge-badge,body .gauge-subtext{font-size:11px;color:var(--fg)}body:not(.has-unit-selection) #bottom-unit-hud{display:none}body #bottom-unit-hud{position:absolute;bottom:8px;left:196px;right:8px;width:auto;height:auto;padding:0;max-width:760px;margin:0 auto}body .unit-hud-hull{background:var(--hud-glass);border-color:var(--line);box-shadow:none;padding:8px;min-height:0;height:auto}body .unit-hud-cameo-frame{display:none}body .unit-hud-name{font-size:13px;white-space:normal}body .unit-hud-faction-tag,body .unit-hud-specs-grid{display:none}body .unit-hud-telemetry-row{flex-wrap:wrap}body .hud-stat-chip,body .bar-header{font-size:11px;white-space:normal}body .unit-hud-actions{display:flex;gap:4px}body .unit-hud-actions button{min-width:54px}body #phone-controls-toggle{display:none}body .controls-overlay{z-index:35;top:60px;right:8px;max-height:calc(100% - 136px);overflow:auto;background:var(--hud-glass);border-color:var(--line)}body .controls-overlay h2{text-transform:none;font-size:18px;color:var(--fg)}body .controls-overlay .control-guide div{border-color:var(--line)}body .controls-overlay .control-guide strong{color:var(--fg)}body .sage3d-camera-hud{bottom:var(--camera-bottom,144px)!important;right:8px!important;left:auto!important;top:auto!important;max-width:280px;background:var(--hud-glass)!important;border-color:var(--line)!important}body .sage-hud-title{display:none}body .sage-hud-btn{min-width:44px;min-height:44px;font-size:12px;color:var(--fg);border-color:var(--line)}body .sage3d-weather-hud,body .sage-lifeblood-lesson{display:none}body .toast{z-index:45;top:112px;bottom:auto;max-width:min(460px,calc(100% - 32px));background:var(--hud-glass);border-color:var(--line);font:13px/1.4 Arial,sans-serif;white-space:normal}body:has(.match-launcher:not([hidden])) #top-hud,body:has(.match-launcher:not([hidden])) #stage>:not(#battlefield-frame){visibility:hidden;pointer-events:none}.battlefield-reference{width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--hud-glass);color:var(--fg);backdrop-filter:blur(18px)}.battlefield-reference::backdrop{background:#0005}.battlefield-reference[open]{display:flex;flex-direction:column;gap:8px}.reference-actions{display:flex;align-items:center;gap:8px}.reference-actions strong{margin-right:auto}.battlefield-reference iframe{flex:1;min-height:0;width:100%;border:0}@media (max-width:720px),(pointer:coarse){body #top-hud{left:8px;right:8px}body #hud-actions{justify-content:space-between;gap:3px}body #hud-actions>button,.battlefield-more>summary{padding:8px;font-size:11px}body #laser-deadline{min-width:80px}.battlefield-more-body{position:fixed;top:60px;right:8px;width:min(340px,calc(100vw - 16px))}body #pr-gauge-overlay{display:none}body #phone-controls,body #phone-controls.collapsed{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;flex-wrap:nowrap;gap:4px;padding:4px;width:auto;max-width:none;height:54px;overflow-x:auto;background:var(--hud-glass);border:1px solid var(--line);border-radius:8px;backdrop-filter:blur(18px)}body #phone-controls>button,body #phone-controls #phone-btn-select{flex:1 0 48px;height:44px;padding:6px;font-size:11px;min-width:44px;background:var(--control);border-color:var(--line);color:var(--fg)}body #phone-controls button.active{background:var(--accent);color:#fff}body #phone-select-slot{flex:1 0 48px;display:flex;min-width:48px}body #phone-btn-unselect{display:none}#battlefield-minimap{bottom:70px;width:124px}body #bottom-unit-hud,body #stage:has(#phone-controls:not(.collapsed)) #bottom-unit-hud{bottom:70px;left:140px;right:8px;max-height:122px;overflow:auto}body .unit-hud-hull{display:block;padding:6px}body .unit-hud-right,body .unit-hud-telemetry-row,body .unit-identify-row,body .unit-hud-shield-container{display:none}body .unit-hud-center{width:100%}body #production-sidebar[data-open=true]{top:112px;width:calc(100vw - 16px);max-height:calc(100dvh - 310px)}body .radar-drawer{max-height:calc(100% - 210px)}body #sidebar,:root[data-control-scheme=alpha-adaptive] body #sidebar{max-height:calc(100dvh - 210px)}body .sage3d-camera-hud{position:static!important;margin-top:8px}}@media (prefers-reduced-motion:reduce){body .radar-drawer,body #sidebar{transition:none}}body #hud-actions .radar-drawer-toggle{margin:0;align-self:start}body #sidebar .sheet-header{height:auto;min-height:0;flex-shrink:0}body #radar-drawer .drawer-tab.active{background:var(--accent);border-color:var(--accent-line);color:#fff;box-shadow:none}body .commander-rank-card,body .rank-points{background:var(--control);border-color:var(--line);color:var(--fg);box-shadow:none}body .rank-stars{color:var(--fg);text-shadow:none}body .rank-xp-fill{background:var(--accent-line);box-shadow:none}body #production-sidebar[data-open=false] .production-tools{margin:0}body #phone-controls button{text-transform:none;letter-spacing:0;text-overflow:clip;overflow:visible}body #sidebar button,body #radar-drawer button{min-height:44px;min-width:44px;font-size:12px}body #arsenal{--arsenal-primary:var(--accent-line);--arsenal-secondary:var(--fg)}body #arsenal .arsenal-item{width:100%;min-width:0;min-height:64px;grid-template-columns:22px minmax(0,1fr)}body #arsenal .arsenal-item-label{white-space:normal;overflow:visible;text-overflow:clip;font:12px/1.35 Arial,sans-serif}body #arsenal .arsenal-item-badge,body #arsenal .arsenal-level{font-size:11px}body #radar-drawer .drawer-tab{filter:none}body #radar-drawer .radar-status-dot{background:var(--accent-line);box-shadow:none}body #sidebar .arsenal-header{flex-shrink:0}body #hud-actions .battlefield-more-body>.hud-button{display:flex!important;align-items:center;justify-content:center}body #arsenal{--arsenal-primary:var(--accent-line) !important;--arsenal-secondary:var(--fg) !important}body #arsenal .arsenal-header{flex-wrap:wrap;min-width:0;gap:6px}body #arsenal .arsenal-faction-label{min-width:0;white-space:normal;font-size:12px}body #arsenal .arsenal-level{margin-left:0}body #radar-drawer .drawer-tab:hover{color:var(--fg);border-color:var(--accent-line);transform:none}body .triage-card{background:var(--hud-glass);border-color:var(--line);box-shadow:0 4px 16px #0003}body .triage-title{color:var(--fg)}body .triage-header{flex-wrap:wrap}body .triage-timer{font-size:11px}@media (min-width:721px) and (pointer:fine){body[data-embedded=true] #top-hud,body[data-embedded=true] #sidebar,:root[data-control-scheme=alpha-adaptive] body[data-embedded=true] #sidebar,body[data-embedded=true] #production-sidebar,body[data-embedded=true] .controls-overlay{right:44px}body[data-embedded=true] .radar-drawer,body[data-embedded=true] #pr-gauge-overlay{left:44px}body[data-embedded=true] .sage3d-camera-hud{right:44px!important}}body .sage-hud-btn{background:var(--control)!important;color:var(--fg)!important}body .sage-madl-alerts{color:var(--fg);font-size:12px}body .sage-combat-readout{display:none}body:has(.match-launcher:not([hidden])) .sage3d-camera-hud{visibility:hidden;pointer-events:none}body #radar-drawer .rank-title,body #radar-drawer .rank-xp-label,body #radar-drawer .promotion-menu-head,body #radar-drawer .promotion-choice-summary{color:var(--fg)}body #radar-drawer .promotion-menu,body #radar-drawer .promotion-choice{color:var(--fg);background:var(--control);border-color:var(--line)}body #radar-drawer .promotion-menu-points{color:var(--fg);border-color:var(--line)}body #radar-drawer .power-card{color:var(--fg);background:var(--control);border-color:var(--line);box-shadow:none}body #radar-drawer .power-desc,body #radar-drawer .power-cost,body #radar-drawer .power-icon{color:var(--fg)}body #radar-drawer .radar-dot{background:var(--accent-line)!important;box-shadow:none!important}.match-launcher{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:12px;background:#0a0f1629;color:var(--fg);font:13px/1.4 Arial,sans-serif}.match-launcher[hidden],.match-launch-card [hidden]{display:none}.match-launch-card{display:flex;flex-direction:column;box-sizing:border-box;width:min(100%,480px);max-height:calc(100dvh - 24px);min-width:0;padding:16px;background:var(--hud-glass,rgb(20 27 37 / .84));border:1px solid var(--line);border-radius:12px;backdrop-filter:blur(18px);box-shadow:0 12px 40px #0004}.match-launch-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.match-launch-card h1{font-size:20px;margin:0}.match-launch-card p{margin:6px 0 10px}.match-launch-fields{min-height:0;overflow:auto;overscroll-behavior:contain}.match-launch-card label{display:block;margin:8px 0;font-weight:600}.match-launch-card select,.match-launch-card input:not([type=checkbox]){display:block;width:100%;min-width:0;min-height:44px;margin-top:4px;padding:8px;font:inherit;color:var(--fg);background:var(--control);border:1px solid var(--line);border-radius:4px}.match-launch-card fieldset{min-width:0;border:1px solid var(--line)}.match-launch-card input[type=checkbox]{width:44px;height:44px;vertical-align:middle}.match-launch-card button,.match-launch-card summary{min-height:44px;min-width:44px;padding:10px 12px;font:inherit;color:var(--fg);background:var(--control);border:1px solid var(--line);border-radius:4px;cursor:pointer}.match-launch-actions{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;padding-top:12px}.match-launch-actions [data-play]{flex:1;background:var(--accent);color:#fff;font-weight:700}.match-hint,.match-launch-card [data-status]{color:var(--muted);font-size:12px}.match-launch-card [data-status]{margin-bottom:0}.match-options{margin-top:8px}.match-options summary{background:transparent}.match-launch-nav{display:flex;flex-wrap:wrap;gap:8px}.match-launch-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px;color:var(--fg)}body[data-network-match=true] #arsenal,body[data-network-match=true] #logistics-panel,body[data-network-match=true] #ai-panel{opacity:.55}@media (max-width:600px){.match-launch-card{padding:12px}.match-launch-card h1{font-size:18px}}