*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#0b1020;color:#e5e7eb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}button{font:inherit;color:inherit;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:8px 14px;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .05s}button:hover:not(:disabled){background:#2b3a50}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button.primary{background:#2563eb;border-color:#3b82f6}button.primary:hover:not(:disabled){background:#1d4ed8}input{font:inherit;color:inherit;background:#111827;border:1px solid #374151;border-radius:8px;padding:8px 10px;width:100%}input:focus{outline:2px solid #2563eb}.hidden{display:none!important}.muted{color:#9ca3af}.small{font-size:.82rem}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#app{display:flex;flex-direction:column;height:100dvh}#hud-top{display:flex;align-items:center;gap:12px;padding:6px 10px;background:#0a0e1ceb;border-bottom:1px solid #1f2937;z-index:5}.hp-block{flex:1 1 0;min-width:0}.hp-block.right .hp-head{flex-direction:row-reverse}.hp-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:2px;white-space:nowrap;overflow:hidden}.hp-bar{height:14px;background:#111827;border:1px solid #374151;border-radius:7px;overflow:hidden}.hp-fill{height:100%;width:100%;border-radius:6px;transition:width .2s}.hp-fill.mine{background:linear-gradient(90deg,#16a34a,#4ade80)}.hp-fill.enemy{background:linear-gradient(90deg,#dc2626,#f87171);float:right}#hud-center{text-align:center;font-size:.85rem;line-height:1.25;min-width:110px}#hud-age{font-weight:700;color:#fbbf24}#hud-gold{color:#fcd34d}#hud-ping{color:#93c5fd;font-size:.75rem}#hud-sudden{color:#f87171;font-weight:700;font-size:.75rem}#btn-forfeit{padding:4px 10px;background:#7f1d1d;border-color:#991b1b}#game-container{flex:1 1 auto;min-height:0;position:relative}#game-container canvas{display:block}#hud-bottom{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:8px;background:#0a0e1ceb;border-top:1px solid #1f2937;z-index:5}#unit-buttons,#build-buttons{display:flex;gap:8px}.hud-btn{position:relative;overflow:hidden;width:86px;min-height:64px;padding:4px 2px;font-size:.72rem;line-height:1.2;text-align:center;border-radius:10px}.hud-btn .icon{font-size:1.3rem;display:block}.hud-btn .cost{color:#fcd34d}.hud-btn .cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:#000000a6;pointer-events:none}.hud-btn.ready{border-color:#22c55e;box-shadow:0 0 8px #22c55e80}#btn-evolve{background:#3b2f14;border-color:#a16207}#btn-evolve .xp-fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:#facc1547;pointer-events:none}#btn-evolve .btn-inner{position:relative}#menu,#gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;background:radial-gradient(ellipse at top,#172554,#0b1020 60%)}#gameover{background:#050812e0;display:flex;align-items:center;justify-content:center}.menu-inner{max-width:1100px;margin:0 auto;padding:24px 16px 40px}.menu-header{text-align:center;margin-bottom:18px}.menu-header h1{margin:0;font-size:2.4rem;letter-spacing:1px}.subtitle{color:#9ca3af;margin-top:6px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.card{background:#111827d9;border:1px solid #1f2937;border-radius:14px;padding:16px}.card h2{margin:4px 0 10px;font-size:1.05rem}.card h2+.row{margin-bottom:8px}#auth-forms{display:flex;flex-direction:column;gap:8px}.msg{min-height:1.2em;font-size:.85rem;color:#f87171}.msg.ok{color:#4ade80}#mp-buttons{display:flex;flex-direction:column;gap:8px}#room-code-input{width:90px;text-transform:uppercase;letter-spacing:2px}#mp-status{margin-top:10px;padding:10px;border:1px dashed #3b82f6;border-radius:10px}#mp-status p{margin:0 0 8px}#mp-status .code{font-size:1.4rem;letter-spacing:4px;color:#fbbf24;font-weight:700}.tabs .tab{border-radius:8px 8px 0 0}.tab.active{background:#2563eb;border-color:#3b82f6}#board-table-wrap{max-height:320px;overflow-y:auto;margin-top:8px}#board-table{width:100%;border-collapse:collapse;font-size:.85rem}#board-table th,#board-table td{text-align:left;padding:5px 8px;border-bottom:1px solid #1f2937}#board-table th{color:#9ca3af;position:sticky;top:0;background:#111827}#board-table td.num,#board-table th.num{text-align:right}.go-card{max-width:420px;text-align:center;margin:16px}.go-card h1{margin:4px 0}.go-card .row{justify-content:center;margin-top:12px}footer{text-align:center;margin-top:20px}@media(max-width:700px){.hud-btn{width:64px;min-height:56px;font-size:.62rem}.hud-btn .icon{font-size:1.05rem}#hud-center{min-width:84px;font-size:.72rem}.menu-header h1{font-size:1.7rem}}