:root{--bg:#11140f;--panel:#141812e0;--line:#e8dcb52e;--text:#e8dcb5;--muted:#a39d86;--accent:#c9a54a;--allies:#6f9bd8;--axis:#d9644f;--hp:#8fc06a;color:var(--text);font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}html,body{background:var(--bg);-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{display:block}.hidden{display:none!important}.muted{color:var(--muted)}.screen{z-index:10;background:#080a078c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;max-width:100%;padding:24px}.lobby-panel{text-align:center;width:380px}.lobby-panel h1{letter-spacing:8px;color:var(--accent);text-shadow:0 3px #000;margin:0;font-size:64px}.lobby-panel .tag{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin:4px 0 24px;font-size:12px}.lobby-panel label{text-align:left;color:var(--muted);margin-bottom:4px;font-size:12px;display:block}input{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#0006;border-radius:4px;outline:none;padding:10px 12px}input:focus{border-color:var(--accent)}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:4px;padding:8px 14px}button:hover{border-color:var(--accent)}button.selected{border-color:var(--accent);background:#c9a54a40}button.primary{background:var(--accent);color:#1a1a10;border:none;width:100%;margin-top:16px;padding:12px 22px;font-weight:700}button:disabled{opacity:.4;cursor:default}button.allies.selected{border-color:var(--allies);background:#6f9bd84d}button.axis.selected{border-color:var(--axis);background:#d9644f4d}.controls{text-align:left;color:var(--muted);margin-top:20px;font-size:12px}.controls table{border-collapse:collapse;width:100%;margin-top:8px}.controls td{padding:2px 4px}.controls td:first-child{color:var(--text);white-space:nowrap}.deploy-panel{width:820px}.deploy-cols{grid-template-columns:260px 1fr;gap:24px;display:grid}.deploy-panel h2{text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:0 0 8px;font-size:13px}.deploy-panel h2:not(:first-child){margin-top:18px}.btn-row{gap:8px;display:flex}.btn-row.wrap{flex-wrap:wrap;margin-top:8px}.btn-row button{flex:1}.btn-col{flex-direction:column;gap:6px;display:flex}.btn-col button{text-align:left}.btn-col small{color:var(--muted);margin-top:2px;font-size:11px;display:block}#deploy-map{border:1px solid var(--line);cursor:pointer;background:#1d3347;border-radius:4px;width:100%;height:auto}.deploy-foot{align-items:center;gap:16px;margin-top:16px;display:flex}.deploy-foot button{width:220px;margin:0 0 0 auto}@media (width<=860px){.deploy-cols{grid-template-columns:1fr}}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#crosshair{width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}#crosshair:before,#crosshair:after{content:"";background:#ffffffd9;position:absolute;box-shadow:0 0 2px #000}#crosshair:before{clip-path:polygon(0 0,100% 0,100% 35%,0 35%,0 65%,100% 65%,100% 100%,0 100%);width:2px;height:22px;top:0;left:10px}#crosshair:after{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%);width:22px;height:2px;top:10px;left:0}#hitmarker{opacity:0;background:linear-gradient(45deg,#0000 46%,#fff 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#fff 46% 54%,#0000 54%);width:26px;height:26px;margin:-13px 0 0 -13px;transition:opacity .15s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}#hitmarker.show{opacity:1;transition:none}#hitmarker.head{filter:drop-shadow(0 0 2px red)sepia()saturate(8)hue-rotate(-30deg)}#scope{background:radial-gradient(circle,#0000 0 32vh,#000 32.3vh);display:none;position:absolute;inset:0}#scope:before{content:"";background:#000;width:1px;position:absolute;top:0;bottom:0;left:50%}#scope:after{content:"";background:#000;height:1px;position:absolute;top:50%;left:0;right:0}#scope.on{display:block}#damage-flash{opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:inset 0 0 160px #c8140ae6}#top{position:absolute;top:10px;left:50%;transform:translate(-50%)}.tickets{background:#00000073;border-radius:4px;align-items:center;gap:12px;padding:6px 12px;font-size:20px;font-weight:700;display:flex}.t-allies{color:var(--allies);text-align:right;min-width:48px}.t-axis{color:var(--axis);min-width:48px}#flag-strip{gap:6px;display:flex}.flag-chip{background:#555;border:1px solid #ffffff4d;border-radius:3px;place-items:center;width:26px;height:26px;font-size:12px;display:grid;position:relative;overflow:hidden}.flag-chip .fill{position:absolute;bottom:0;left:0;right:0}.flag-chip span{text-shadow:0 0 2px #000;position:relative}#killfeed{flex-direction:column;align-items:flex-end;gap:3px;font-size:13px;display:flex;position:absolute;top:12px;right:12px}#killfeed div{background:#00000080;border-radius:3px;padding:3px 8px}.n-allies{color:var(--allies)}.n-axis{color:var(--axis)}.n-me{text-decoration:underline}#center-msg{text-align:center;text-shadow:0 2px 4px #000;font-size:26px;font-weight:700;position:absolute;top:28%;left:0;right:0}#messages{text-shadow:0 1px 2px #000;flex-direction:column;gap:2px;max-width:40vw;font-size:13px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#status{background:#00000073;border-radius:4px;min-width:260px;padding:10px 12px;font-size:14px;position:absolute;bottom:12px;left:12px}#status>div{align-items:center;gap:8px;margin:3px 0;display:flex}#status .label{width:34px;color:var(--muted);font-size:12px;overflow:hidden}.bar{background:#ffffff1f;border-radius:2px;flex:1;height:8px;overflow:hidden}#hp-bar{background:var(--hp);height:100%}#veh-bar{background:var(--accent);height:100%}#hp-num,#veh-num{text-align:right;width:34px}#weapon-row{justify-content:space-between;font-weight:700}#ammo{font-size:20px}#extra-row{font-size:12px}#minimap{background:#1d3347;border:2px solid #e8dcb559;border-radius:50%;width:200px;height:200px;position:absolute;bottom:12px;right:12px}#prompt{background:#00000073;border-radius:3px;padding:4px 10px;font-size:14px;position:absolute;top:62%;left:50%;transform:translate(-50%)}#prompt:empty{display:none}#netstat{font-size:11px;position:absolute;bottom:12px;right:220px}#chat-input{pointer-events:auto;width:360px;position:absolute;bottom:140px;left:12px}#scoreboard{z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:16px;font-size:13px;display:grid;position:fixed;inset:8% 10%;overflow:auto}#scoreboard h3{margin:0 0 6px}#scoreboard table{border-collapse:collapse;width:100%}#scoreboard td,#scoreboard th{text-align:right;padding:2px 6px}#scoreboard td:first-child,#scoreboard th:first-child{text-align:left}#scoreboard tr.me{background:#c9a54a33}#scoreboard .bot{color:var(--muted)}#click-to-play{z-index:9;background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:14px 24px;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%)}@media (width<=700px){#minimap{width:120px;height:120px}#status{min-width:0}}