*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}body{color:#c9d1d9;background:#0d1117;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#setup-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#setup-box{text-align:center;background:#161b22;border:1px solid #30363d;border-radius:12px;width:min(440px,100vw - 24px);max-height:calc(100dvh - 24px);padding:clamp(1rem,5vw,2.5rem) clamp(1rem,6vw,3rem);overflow-y:auto}#setup-status{color:#ffd166;margin-bottom:1rem;font-size:.9rem;line-height:1.4}#setup-status:empty{display:none}.setup-next-btn:disabled{opacity:.5;cursor:default}.setup-back-btn{background:#30363d;width:100%;display:block}.setup-back-btn:hover{background:#484f58}.game-logo-setup{object-fit:contain;width:100%;max-width:300px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite alternate logo-glow;display:block}.game-logo-header{object-fit:contain;vertical-align:middle;width:auto;height:58px;animation:2s ease-in-out infinite alternate logo-glow}@keyframes logo-glow{0%{filter:drop-shadow(0 0 4px #e9456099)drop-shadow(0 0 10px #e945604d)}to{filter:drop-shadow(0 0 10px #e94560)drop-shadow(0 0 24px #ff503cb3)}}.setup-player-label{color:#8b949e;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.2rem;font-size:1rem;font-weight:600}.setup-form{flex-direction:column;align-items:stretch;gap:.9rem;display:flex}.setup-field-label{color:#8b949e;text-align:left;margin-bottom:2px;font-size:.8rem}.setup-choice-description{color:#8b949e;text-align:left;margin-top:-.35rem;font-size:.8rem;line-height:1.45}.setup-form input[type=text],.setup-form select{color:#c9d1d9;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;width:100%;padding:.55rem .8rem;font-size:1rem;transition:border-color .2s}.setup-form input[type=text]:focus,.setup-form select:focus{border-color:#e94560}.color-row{background:#0d1117;border:1px solid #30363d;border-radius:6px;align-items:center;gap:.6rem;padding:.55rem .65rem;display:flex}.color-row input[type=color]{cursor:pointer;background:#161b22;border:1px solid #30363d;border-radius:6px;width:100%;height:38px;padding:3px}.setup-next-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:6px;margin-top:.5rem;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.setup-next-btn:hover{background:#c73652}.setup-next-btn:active{transform:scale(.97)}#gameover-overlay{z-index:200;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#gameover-box{border:2px solid var(--winner-primary,#e94560);text-align:center;box-shadow:0 0 48px var(--winner-primary,#e94560);background:#161b22;border-radius:12px;padding:3rem 4rem}#gameover-title{color:var(--winner-primary,#e94560);margin-bottom:.5rem;font-size:2.5rem;font-weight:900}#gameover-sub{color:#8b949e;margin-bottom:1.5rem;font-size:.95rem}#restart-btn{background:var(--winner-primary,#e94560);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 2.5rem;font-size:1rem;font-weight:600;transition:background .2s}#restart-btn:hover{background:var(--winner-secondary,#c73652)}#destroyer-flash-overlay{pointer-events:none;opacity:0;z-index:190;transform-origin:50%;background:url(/assets/destroyer_screen-BP6C0-ip.png) 50%/cover no-repeat;position:fixed;inset:0;transform:scale(1)}#destroyer-flash-overlay.active{animation:10s ease-out both destroyer-flash}@keyframes destroyer-flash{0%{opacity:0;filter:brightness(1.15)saturate(1.1)drop-shadow(0 0 #ff2d1200);transform:scale(1)}2%{opacity:.88;filter:brightness(1.7)saturate(1.55)drop-shadow(0 0 70px #ff260ed1);transform:scale(1.035)}10%{opacity:.7;filter:brightness(1.12)saturate(1.08)drop-shadow(0 0 28px #ffd5428c);transform:scale(1.085)}20%{opacity:.9;filter:brightness(1.62)saturate(1.48)drop-shadow(0 0 82px #ff260ee6);transform:scale(1.03)}33%{opacity:.72;filter:brightness(1.15)saturate(1.14)drop-shadow(0 0 34px #ffd5429e);transform:scale(1.1)}47%{opacity:.88;filter:brightness(1.56)saturate(1.44)drop-shadow(0 0 76px #ff260ec7);transform:scale(1.045)}62%{opacity:.72;filter:brightness(1.18)saturate(1.16)drop-shadow(0 0 32px #ffd54294);transform:scale(1.095)}78%{opacity:.84;filter:brightness(1.46)saturate(1.36)drop-shadow(0 0 62px #ff260ead);transform:scale(1.055)}to{opacity:0;filter:brightness()saturate()drop-shadow(0 0 #ff2d1200);transform:scale(1.14)}}.mt-glow{animation:2.8s ease-in-out infinite alternate mt-pulse}@keyframes mt-pulse{0%{opacity:.3}to{opacity:1}}.ff-glow{animation:1.6s ease-in-out infinite alternate ff-pulse}.ff-ring{animation:1.6s ease-in-out .1s infinite alternate ff-pulse}@keyframes ff-pulse{0%{opacity:.3}to{opacity:1}}.arcade-menu-btn{color:#fff0c7;background:#70541d}.arcade-menu-btn:hover{background:#886a29}.arcade-title{color:#ffd166;font-size:1.7rem}.arcade-intro{color:#8b949e;margin:.5rem 0 1.5rem;line-height:1.5}#setup-box:has(#setup-content[data-view=arcade]){width:min(1120px,100vw - 24px)}.arcade-mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.arcade-mode-card{text-align:left;background:linear-gradient(140deg,#292318,#0d1117 70%);border:1px solid #70541d;border-radius:10px;flex-direction:column;margin-bottom:1rem;padding:1.25rem;display:flex}.arcade-category{color:#ffd166;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem}.arcade-mode-card h2{color:#f0f6fc;margin:.6rem 0;font-size:1.5rem}.arcade-description,.arcade-rules{font-size:.9rem;line-height:1.55}.arcade-roster{color:#ffd166;margin:1rem 0;font-size:.82rem;line-height:1.6}.arcade-rules{color:#8b949e;margin:.75rem 0}.arcade-mode-card .setup-next-btn{width:100%;margin-top:auto}.arcade-mode-card .arcade-category{margin-top:0}.featured-mode-card{background:linear-gradient(140deg,#352a16,#161b22 85%);border-color:#b38a36;box-shadow:inset 0 1px #ffd16622}.featured-mode-card .arcade-description{color:#b8bec7}.featured-mode-card .setup-next-btn{color:#211a0c;background:#ffd166;margin-top:1rem}.featured-mode-card .setup-next-btn:hover:not(:disabled){background:#ffdc8c}@media (width<=960px){.arcade-mode-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.arcade-mode-list{grid-template-columns:1fr}}.arcade-mode-battle-tester{background:linear-gradient(140deg,#202b40,#0d1117 70%);border-color:#526b9a}.arcade-mode-battle-tester .arcade-category,.arcade-mode-battle-tester .arcade-roster{color:#acc6ff}.arcade-mode-breakthrough{background:linear-gradient(140deg,#152d35,#0d1117 70%);border-color:#2a7080}.arcade-mode-breakthrough .arcade-category,.arcade-mode-breakthrough .arcade-roster{color:#73d5e8}.setup-next-btn:focus-visible{outline-offset:3px;outline:2px solid #ffd166}#arcade-hud{flex:1;min-width:0}.arcade-hud-main,.arcade-hud-details{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.arcade-hud-label{color:#ffd166;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.arcade-hud-details{color:#8b949e;gap:.75rem;margin-top:.3rem;font-size:.78rem}#arcade-wave{color:#f0f6fc;font-size:.95rem}#arcade-army{color:#ffd166}#arcade-energy{color:#67e8f9;font-weight:700}#game-layout.arcade-game{--game-header-height:76px}@media (width<=700px){#game-layout.arcade-game{--game-header-height:100px}.arcade-game #header-title{display:none}.arcade-hud-main,.arcade-hud-details{gap:.35rem .6rem}}#game-layout{--game-header-height:48px;--command-bar-height:156px;--status-bar-height:32px;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--game-header-height) minmax(0, 1fr) var(--command-bar-height) var(--status-bar-height);grid-template-areas:"header""board""commands""status";width:100vw;min-width:0;height:100dvh;min-height:0;display:grid;overflow:hidden}#game-header{z-index:50;background:#0d1117;border-bottom:1px solid #21262d;grid-area:header;align-items:center;gap:.75rem;padding:0 1rem;display:flex}#header-title{color:#c9d1d9;letter-spacing:.04em;flex-shrink:0;font-size:1rem;font-weight:800}#header-version{color:#484f58;letter-spacing:.06em;vertical-align:middle;margin-left:.5rem;font-size:.65rem;font-weight:400}#header-matchup{flex:1;justify-content:center;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:flex}#header-p1-name,#header-p2-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.header-resources{color:#f5c518;flex-shrink:0;font-size:.8rem;font-weight:600}#header-vs{color:#484f58;letter-spacing:.1em;flex-shrink:0;font-size:.65rem;font-weight:800}.player-panel{--selection-card-size:64px;--selection-card-gap:6px;--selection-row-width:calc(8 * var(--selection-card-size) + 7 * var(--selection-card-gap) + 4px);--selection-section-padding:1rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#484f58 #161b22;z-index:10;background:linear-gradient(#1b222c,#161b22);border-top:2px solid #30363d;flex-direction:row;grid-area:commands;align-items:flex-start;gap:1rem;width:100%;min-width:0;min-height:0;padding:.75rem 1rem;transition:border-color .3s;display:flex;overflow:auto;box-shadow:0 -8px 24px #0000002e}.player-panel.active{border-top-color:var(--player-primary,#e94560)}.player-panel>.panel-section{flex:none;min-width:0}.player-panel [id$=-instructions-section]{flex-basis:calc(var(--selection-row-width) + var(--selection-section-padding) + 1px);width:calc(var(--selection-row-width) + var(--selection-section-padding) + 1px);padding-right:var(--selection-section-padding);border-right:1px solid #30363d;align-self:stretch}.command-options{scrollbar-width:thin;scrollbar-color:#484f58 #161b22;flex:1 1 0;align-self:stretch;gap:1rem;min-width:0;display:flex;overflow:auto}.command-options>.panel-section{flex:none}.command-options:not(:has(>.panel-section:not(.hidden))){display:none}.player-panel [id$=-unit-actions-section]{margin-left:auto}.selection-content{min-height:0;width:var(--selection-row-width);flex-direction:column;gap:6px;display:flex}.selection-cards{grid-template-columns:repeat(8, var(--selection-card-size));gap:var(--selection-card-gap);width:var(--selection-row-width);padding:2px;display:grid}.selection-card{width:var(--selection-card-size);height:var(--selection-card-size);color:#e6edf3;font:inherit;text-align:center;cursor:pointer;background:linear-gradient(155deg,#263645,#111923 80%);border:1px solid #405266;border-radius:6px;padding:0;transition:border-color .12s,background-color .12s;display:block;position:relative}.selection-card:hover{background:linear-gradient(155deg,#3a5064,#1d2a38 80%);border-color:#aec5da}.selection-card:active{background:#30475b}.selection-card:focus-visible,.selection-page:focus-visible{outline-offset:1px;outline:2px solid #e6edf3}.selection-picture{display:block;position:absolute;inset:2px}.selection-portrait{object-fit:contain;width:100%;height:100%;display:block}.selection-placeholder{color:#aec5da;place-items:center;font-size:1.25rem;display:grid;position:absolute;inset:0}.selection-level{color:#c3d2e0;background:#0b111bce;border-radius:3px;padding:1px 3px;font-size:9px;line-height:12px;position:absolute;top:0;right:0}.selection-meter{background:#070d13;border-radius:2px;height:3px;display:block;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.selection-meter-fill{height:100%;display:block}.selection-shield{bottom:8px}.selection-shield .selection-meter-fill{background:#70caff}.selection-status{text-overflow:ellipsis;white-space:nowrap;color:#e6edf3;font-variant-numeric:tabular-nums;background:#0b111bcc;border-radius:2px;padding:1px 2px;font-size:9px;line-height:11px;position:absolute;bottom:13px;left:2px;right:2px;overflow:hidden}.selection-pages,.selection-page-numbers{align-items:center;gap:4px;display:flex}.selection-pages{padding-inline:2px}.selection-page{color:#b6c4d2;min-width:22px;height:22px;font:inherit;cursor:pointer;background:#17222e;border:1px solid #405266;border-radius:3px;padding-inline:5px;font-size:11px}.selection-page:hover:not(:disabled){color:#fff;border-color:#aec5da}.selection-page[aria-current=page]{color:#fff;background:#3a5064;border-color:#aec5da}.selection-page:disabled{opacity:.35;cursor:default}.selection-details{white-space:nowrap;align-items:baseline;gap:10px;min-width:0;padding-inline:2px;line-height:1.4;display:flex}.selection-name{color:#e6edf3;font-size:.82rem;font-weight:650}.selection-stats,.selection-effects{text-overflow:ellipsis;color:#aebdca;font-size:.7rem;overflow:hidden}.selection-effects{color:#83cff6}.selection-content [hidden]{display:none}.command-bar-empty{color:#8b949e;font-size:.82rem;line-height:1.5;display:none}.player-panel:not(:has(.panel-section:not(.hidden))) .command-bar-empty{align-self:stretch;align-items:center;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.opponent-panel{display:none}.cooldown-text{color:#9cdcff;background:#40c8ff2e;border:1px solid #40c8ff73;border-radius:999px;flex-shrink:0;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:700}.queue-info{color:#9cdcff;background:#40c8ff14;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.72rem}.room-code-display{text-align:center;letter-spacing:.4em;color:#f5c518;background:#21262d;border:1px solid #30363d;border-radius:8px;margin:.6rem 0;padding:.8rem .5rem .8rem .9rem;font-family:Segoe UI,sans-serif;font-size:2.4rem;font-weight:800}.panel-section{flex-direction:column;gap:.35rem;display:flex}.section-label{text-transform:uppercase;letter-spacing:1.2px;color:#484f58;font-size:.7rem;font-weight:600}.instructions-text{color:#8b949e;padding:.3rem 0;font-size:.78rem;line-height:1.5}.entity-header-text{color:#c9d1d9;padding:.2rem 0;font-size:1rem;font-weight:600}.unit-info-text{color:#c9d1d9;padding:.2rem 0;font-size:.8rem}.action-list{grid-template-rows:repeat(2,minmax(40px,auto));grid-auto-columns:180px;grid-auto-flow:column;align-content:start;gap:.4rem;display:grid}.action-list .queue-info{align-self:start;margin-top:0}.action-btn{color:#c9d1d9;cursor:pointer;text-align:left;background:#21262d;border:1px solid #30363d;border-radius:5px;justify-content:space-between;align-items:center;min-height:40px;padding:.42rem .6rem;font-size:.8rem;line-height:1.3;transition:background .15s,border-color .15s;display:flex}.action-btn:hover:not(:disabled){background:#2d333b;border-color:#6e7681}.action-btn:focus-visible{outline:2px solid var(--player-primary,#67e8f9);outline-offset:2px}.action-btn:disabled{opacity:.38;cursor:not-allowed}.action-btn.active{color:#fff;background:#e94560;border-color:#e94560}.action-btn.active .btn-cost{color:#ffd0d8}.btn-cost{color:#f5c518;flex-shrink:0;margin-left:4px;font-size:.75rem}.btn-key{color:#484f58;flex-shrink:0;margin-left:3px;font-size:.72rem}.btn-cancel{color:#f47067;background:#2d1b1e;border-color:#6e2232}.btn-cancel:hover:not(:disabled){background:#3d2025;border-color:#f47067}.panel-spacer{display:none}#board-container{touch-action:none;overscroll-behavior:none;background:#0d1117;grid-area:board;min-width:0;min-height:0;position:relative;overflow:hidden}#board{cursor:crosshair;touch-action:none;display:block}#map-zoom-controls{z-index:2;-webkit-user-select:none;user-select:none;background:#0d1117f0;border:1px solid #485052;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 12px #00000059}#map-zoom-controls button{color:#e6edf3;font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:4px;min-width:38px;height:38px;padding:0 8px;font:600 .85rem Segoe UI,sans-serif}#map-zoom-controls [data-zoom=out],#map-zoom-controls [data-zoom=in]{font-size:1.4rem}#map-zoom-controls [data-zoom=reset]{min-width:57px}#map-zoom-controls [data-zoom=fit]{color:#eac077;border-left:1px solid #30363d}#map-zoom-controls button:hover:not(:disabled){background:#30363d}#map-zoom-controls button:focus-visible{outline-offset:-2px;outline:2px solid #eac077}#map-zoom-controls button:disabled{opacity:.35;cursor:default}#status-bar{color:#8b949e;background:#161b22;border-top:1px solid #21262d;grid-area:status;align-items:center;gap:.75rem;padding:0 1rem;font-size:.85rem;display:flex;overflow:hidden}#status-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#menu-container{flex-shrink:0;position:relative}#menu-btn{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;transition:background .15s}#menu-btn:hover{background:#30363d}#menu-dropdown{z-index:100;background:#161b22;border:1px solid #30363d;border-radius:8px;flex-direction:column;gap:.3rem;min-width:140px;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 -4px 16px #00000080}#menu-dropdown button{color:#c9d1d9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem .75rem;font-size:.85rem;transition:background .15s}#menu-dropdown button:hover{background:#21262d}#leave-game-btn:hover{color:#f85149!important}.hidden{display:none!important}@media (width<=680px){#game-layout{--status-bar-height:28px}#game-header{gap:.5rem;padding-inline:.65rem}#header-title{display:none}#header-matchup{gap:.35rem;min-width:0;font-size:.75rem}#header-p1-name,#header-p2-name{min-width:0;max-width:72px}.header-resources{font-size:.7rem}.player-panel{--selection-section-padding:.75rem;gap:.75rem;padding:.65rem}.entity-header-text{font-size:.9rem}.action-list{grid-auto-columns:168px}#status-bar{padding-inline:.65rem;font-size:.75rem}}@media (height<=560px){#game-layout{--command-bar-height:128px;--status-bar-height:28px}#game-layout.arcade-game{--game-header-height:64px}.arcade-game #header-title{display:none}.player-panel{--selection-card-size:56px;padding-block:.4rem}.action-list{grid-template-rows:repeat(2,minmax(32px,auto));gap:.3rem}.action-btn{min-height:32px;padding-block:.3rem;font-size:.75rem}}