*,: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;min-width:380px;padding:2.5rem 3rem}.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-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}}#game-layout{grid-template-rows:48px 1fr 52px;grid-template-columns:auto 1fr auto;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-column:1/-1;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{background:#161b22;border-right:1px solid #21262d;flex-direction:column;gap:.6rem;width:220px;padding:.75rem;transition:border-color .3s;display:flex;overflow-y:auto}#p2-panel{border-left:1px solid #21262d;border-right:none}.player-panel.active{border-right-color:var(--player-primary,#e94560)}#p2-panel.active{border-left-color:var(--player-primary,#2a9d8f);border-right:none}@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{flex-direction:column;gap:.3rem;display:flex}.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;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: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{flex:1}#board-container{touch-action:none;overscroll-behavior:none;background:#0d1117;min-width:0;min-height:0;overflow:hidden}#board{cursor:crosshair;touch-action:none;display:block}#status-bar{color:#8b949e;background:#161b22;border-top:1px solid #21262d;grid-column:1/-1;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{grid-template-rows:48px 1fr auto 52px;grid-template-columns:1fr}#board-container{grid-area:2/1}#status-bar{grid-row:4}.player-panel:not(.opponent-panel){border-top:1px solid #21262d;border-left:none;border-right:none;flex-direction:row;grid-area:3/1;align-items:flex-start;gap:1rem;width:100%;max-height:170px;padding:.5rem .75rem;overflow:auto hidden}.player-panel:not(.opponent-panel).active{border-top-color:var(--player-primary,#e94560);border-right-color:#21262d}.player-panel:not(.opponent-panel) .panel-section{flex-shrink:0;min-width:120px}.player-panel:not(.opponent-panel) .panel-spacer{display:none}}