:root{color-scheme:dark;--bg: #1a1408;--panel: rgba(22, 18, 10, .94);--panel-strong: rgba(16, 12, 6, .96);--hud-bg: rgba(28, 22, 12, .97);--hud-border: rgba(160, 130, 70, .4);--line: rgba(160, 130, 70, .25);--line-strong: rgba(218, 180, 90, .7);--text: #f0e8d8;--muted: #a89878;--alloy: #d4a843;--power: #5aad4a;--player: #4a9edc;--enemy: #cc5544;--accent: #dab45a;--danger: #cc4433;--success: #6ab85a;--shadow: 0 12px 32px rgba(0, 0, 0, .5);--hud-height: 176px;--topbar-height: 36px;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;background:#12100a;color:var(--text);overflow:hidden}body{font-family:IBM Plex Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.swarmfront-shell{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.top-bar{flex:0 0 var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:var(--hud-bg);border-bottom:1px solid var(--hud-border);z-index:3}.resource-strip{display:flex;gap:16px;align-items:center}.resource-strip span{display:flex;align-items:center;gap:4px;font-size:.8rem;padding:0;border:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.resource-strip span strong{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.resource-value{font-variant-numeric:tabular-nums}.top-bar-right{display:flex;align-items:center;gap:8px}.top-bar-right button{padding:4px 10px;font-size:.72rem;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--muted)}.top-bar-right button:hover{border-color:var(--line-strong);color:var(--text)}.viewport{flex:1 1 0;position:relative;overflow:hidden}.battlefield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:soft-light;opacity:.18}.bottom-hud{flex:0 0 var(--hud-height);display:grid;grid-template-columns:200px 1fr 280px;background:var(--hud-bg);border-top:2px solid var(--hud-border);z-index:3}.hud-left{display:flex;flex-direction:column;border-right:1px solid var(--hud-border);padding:6px;gap:4px}.minimap{width:100%;aspect-ratio:16 / 10;border-radius:4px;border:1px solid var(--hud-border);cursor:pointer}.quick-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.group-btn{padding:3px 4px;font-size:.65rem;text-align:center;border-radius:4px;border:1px solid var(--line);background:#1e180ecc;color:var(--muted);cursor:pointer;min-height:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.group-btn strong{font-size:.6rem;color:var(--text)}.group-btn .hotkey{font-size:.55rem;color:var(--accent);letter-spacing:.08em}.group-btn:hover{border-color:var(--line-strong);background:#322816cc}.hud-center{display:flex;flex-direction:column;padding:8px 12px;gap:6px;overflow-y:auto}.hud-center-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-center-header h3{margin:0;font-size:.85rem;font-weight:600}.hud-center-header .score-line{color:var(--muted);font-size:.7rem}.overview-row{display:flex;gap:12px}.overview-stat{display:flex;align-items:center;gap:4px;font-size:.72rem}.overview-stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem}.overview-stat .value{color:var(--text);font-weight:600}.selection-list{display:flex;flex-wrap:wrap;gap:4px;overflow-y:auto}.selection-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;border:1px solid var(--line);background:#18120abf;font-size:.7rem;white-space:nowrap}.selection-chip .hp{color:var(--muted);font-size:.65rem}.empty-hint{color:var(--muted);font-size:.72rem;font-style:italic}.alerts-row{display:flex;gap:6px;flex-wrap:wrap}.alert-chip{padding:3px 8px;border-radius:4px;border:1px solid rgba(255,95,95,.3);background:#280a0a99;font-size:.65rem;color:var(--danger)}.alert-chip.quiet{border-color:var(--line);background:#18120a8c;color:var(--muted)}.hud-right{display:flex;flex-direction:column;border-left:1px solid var(--hud-border);padding:6px;gap:4px}.command-label{font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin:0 0 2px 2px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:1}.cmd-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 8px;border-radius:6px;border:1px solid var(--line);background:linear-gradient(180deg,#282012f2,#181208f2);color:var(--text);text-align:left;cursor:pointer;min-height:44px}.cmd-btn strong{font-size:.68rem;line-height:1.2}.cmd-btn .cost{font-size:.58rem;color:var(--alloy);font-style:normal}.cmd-btn:hover:not(:disabled){border-color:var(--line-strong);background:linear-gradient(180deg,#372d19f2,#231c0cf2)}.cmd-btn:active:not(:disabled){transform:scale(.96)}.cmd-btn:disabled{opacity:.4;cursor:not-allowed}.cmd-empty{display:flex;align-items:center;justify-content:center;grid-column:1 / -1;grid-row:1 / -1;color:var(--muted);font-size:.72rem;text-align:center;padding:8px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a0804bf}.gate-card,.state-card,.rotate-card{width:min(580px,100%);padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:16px;background:var(--panel-strong);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.gate-card h2,.state-card h2,.rotate-card h2{margin:0;font-family:JetBrains Mono,Courier New,monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.gate-grid,.stats-grid{display:flex;gap:12px;flex-wrap:wrap}.gate-grid>div,.stats-grid>span{flex:1 1 180px;padding:12px;border-radius:10px;border:1px solid var(--line);background:#18120ac7}.footer-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.ghost-button,.launch-button{padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:linear-gradient(180deg,#241c0eeb,#141008f0);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.ghost-button:hover{border-color:var(--line-strong);background:linear-gradient(180deg,#372d19f5,#231c0cf5)}.ghost-button:active{transform:scale(.97)}.launch-button{background:linear-gradient(135deg,#dab45ae6,#8c6e28eb);color:#1a1408;font-weight:700;border-color:#dab45a99}.launch-button:hover{filter:brightness(1.1)}.muted{color:var(--muted)}.quiet{opacity:.66}@media(max-width:900px){:root{--hud-height: 160px}.bottom-hud{grid-template-columns:160px 1fr 220px}.command-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){:root{--hud-height: 140px}.bottom-hud{grid-template-columns:130px 1fr 160px}.quick-groups{display:none}.hud-center-header h3{font-size:.75rem}.command-grid{grid-template-columns:repeat(2,1fr)}.cmd-btn{padding:4px 6px;min-height:38px}}@media(max-height:480px){:root{--hud-height: 120px;--topbar-height: 28px}.resource-strip span{font-size:.7rem}.quick-groups{display:none}}@media(max-width:480px){:root{--hud-height: 120px}.bottom-hud{grid-template-columns:100px 1fr 120px}.quick-groups{display:none}.cmd-btn strong{font-size:.6rem}.cmd-btn .cost{display:none}}