:root{--bg: #0d1117;--panel: #121923;--panel-2: #182130;--line: #27313f;--text: #e6edf3;--muted: #8b97a6;--blue: #4f8ef7;--red: #f7704f;--gold: #ffd166}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:#3b4756;background:#1e2938}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover:not(:disabled){background:#3f7be0}button.small{padding:2px 8px;font-size:12px}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 10px}.lobby{max-width:820px;margin:0 auto;padding:32px 16px 64px}.lobby header h1{display:flex;align-items:center;gap:10px;margin:0;font-size:28px}.hex-mark{display:inline-block;width:22px;height:22px;background:var(--blue);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.tag{color:var(--muted);margin:6px 0 20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:16px}.card h2{margin:0 0 10px;font-size:17px}.card label{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;color:var(--muted);max-width:260px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12px}.pill{margin-left:6px;font-size:11px;padding:1px 6px;border-radius:10px;background:var(--panel-2);color:var(--muted)}table{width:100%;border-collapse:collapse;margin-bottom:12px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500;font-size:12px}.role.team0{color:var(--blue)}.role.team1{color:var(--red)}.howto ul{padding-left:18px;margin:0 0 10px}.howto li{margin-bottom:4px}kbd{background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:0 5px;font-size:12px}.game{display:grid;grid-template-rows:3fr 1fr;height:100%;min-height:0}.viewport-wrap{position:relative;min-height:0;overflow:hidden}.viewport{display:block;cursor:crosshair;touch-action:none}.hud{position:absolute;top:10px;left:10px;display:flex;gap:8px;align-items:center;pointer-events:none}.hud-team{display:flex;gap:10px;padding:4px 10px;background:#0d1117cc;border:1px solid var(--line);border-left-width:3px;border-radius:6px}.hud-wave{color:var(--muted);padding:4px 10px;background:#0d1117cc;border:1px solid var(--line);border-radius:6px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080}.overlay .card{text-align:center;min-width:280px}.panel{display:grid;grid-template-columns:1fr 2fr 1fr;border-top:1px solid var(--line);background:var(--panel);min-height:0}.panel>div{min-height:0;overflow:hidden}.panel-minimap{border-right:1px solid var(--line);background:#0a0e13}.minimap{display:block;cursor:pointer}.panel-info{padding:10px 14px;overflow-y:auto}.panel-commands{border-left:1px solid var(--line);padding:8px}.info h3{margin:0 0 6px;font-size:15px}.info dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;margin:0 0 8px}.info dt{color:var(--muted)}.info dd{margin:0}.build-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:130px;text-align:left}.build-card span{color:var(--gold)}.build-card small{color:var(--muted)}.build-card.active,.cmd.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.commands{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(40px,auto);gap:6px;height:100%;align-content:start}.cmd{display:flex;flex-direction:column;align-items:flex-start;padding:6px 8px;line-height:1.2}.cmd small{color:var(--muted);font-size:11px}.toast{position:fixed;bottom:27%;left:50%;transform:translate(-50%);background:#2a1b1b;border:1px solid var(--red);color:#ffd9d0;padding:8px 14px;border-radius:8px;pointer-events:none}.toast.warn{bottom:auto;top:12px;background:#2a2412;border-color:var(--gold);color:var(--gold)}