@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Press+Start+2P&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0a0e17;--bg-darker:#060a12;--bg-panel:#141b2d;--bg-panel-light:#1c2541;--accent:#f0c040;--accent-hover:#ffd866;--accent-red:#e74c3c;--accent-green:#2ecc71;--accent-blue:#3498db;--accent-orange:#f39c12;--text:#e8e8e8;--text-dim:#7a8ba6;--border:#2a3a5c;--border-light:#3d5a80;--font-pixel:"Press Start 2P", monospace;--font-military:"Black Ops One", "Press Start 2P", monospace;--glow-accent:#f0c04066;--glow-green:#2ecc7166;--glow-red:#e74c3c4d}body{background:var(--bg-dark);color:var(--text);font-family:var(--font-pixel);width:100vw;height:100vh;overflow:hidden}.screen{width:100%;height:100%;display:none;position:absolute;top:0;left:0}.screen.active{justify-content:center;align-items:center;display:flex}#screen-menu{background:radial-gradient(ellipse at 20% 50%, #0f346066 0%, transparent 50%), radial-gradient(ellipse at 80% 50%, #e945601f 0%, transparent 50%), linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 40%, #0f1923 100%);animation:12s ease-in-out infinite alternate bgShift}@keyframes bgShift{0%{filter:brightness()}50%{filter:brightness(1.05)}to{filter:brightness(.95)}}#screen-menu:before{content:"";pointer-events:none;border:1px solid #f0c0400a;border-radius:50%;width:500px;height:500px;animation:6s ease-in-out infinite ringPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#screen-menu:after{content:"";pointer-events:none;border:1px solid #f0c0400f;border-radius:50%;width:300px;height:300px;animation:6s ease-in-out infinite reverse ringPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.menu-container{text-align:center;z-index:1;position:relative}.game-title{font-family:var(--font-military);color:var(--accent);text-shadow:4px 4px #b8860b,0 0 40px #f0c0404d,0 0 80px #f0c0401f;letter-spacing:20px;margin-bottom:8px;font-size:80px;animation:3s ease-in-out infinite titlePulse}@keyframes titlePulse{0%,to{text-shadow:4px 4px #b8860b,0 0 40px #f0c0404d,0 0 80px #f0c0401f;transform:scale(1)}50%{text-shadow:4px 4px #b8860b,0 0 60px #f0c04080,0 0 120px #f0c04033;transform:scale(1.02)}}.game-subtitle{color:var(--text-dim);letter-spacing:8px;text-shadow:0 0 10px #7a8ba64d;margin-bottom:48px;font-size:11px}.menu-form{flex-direction:column;align-items:center;gap:16px;display:flex}input[type=text],select{font-family:var(--font-pixel);background:var(--bg-panel);border:2px solid var(--border);color:var(--text);text-align:center;outline:none;width:280px;padding:14px 18px;font-size:12px;transition:all .2s}input[type=text]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 15px var(--glow-accent), inset 0 0 10px #f0c0400d}input[type=text]::placeholder{color:var(--text-dim)}.join-row{gap:8px;display:flex}.join-row input{width:160px}.btn{font-family:var(--font-pixel);cursor:pointer;text-transform:uppercase;letter-spacing:2px;border:2px solid;padding:14px 32px;font-size:12px;transition:all .2s;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn-primary{background:linear-gradient(180deg, var(--accent) 0%, #d4a830 100%);color:var(--bg-dark);border-color:var(--accent);box-shadow:0 4px 15px #f0c04033,inset 0 1px #fff3}.btn-primary:hover{background:linear-gradient(180deg, var(--accent-hover) 0%, var(--accent) 100%);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 25px #f0c04059,inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #f0c04026}.btn-secondary{color:var(--accent);border-color:var(--accent);background:0 0;box-shadow:0 0 10px #f0c0401a}.btn-secondary:hover{background:var(--accent);color:var(--bg-dark);box-shadow:0 0 20px #f0c0404d}.btn-small{background:var(--bg-panel-light);color:var(--text-dim);border-color:var(--border);padding:8px 16px;font-size:9px}.btn-small:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--glow-accent)}.error-text{color:var(--accent-red);min-height:16px;text-shadow:0 0 10px var(--glow-red);margin-top:8px;font-size:9px}#screen-lobby{background:radial-gradient(ellipse at 30% 70%, #0f34604d 0%, transparent 50%), linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%)}.lobby-disconnect{font-family:var(--font-pixel);color:#f44;z-index:100;background:#140a0ae6;border:2px solid #f44;border-radius:4px;padding:8px 16px;font-size:10px;animation:1.5s ease-in-out infinite disconnectPulse;position:absolute;top:16px;left:16px}.lobby-disconnect.hidden{display:none}@keyframes disconnectPulse{0%,to{opacity:1;box-shadow:0 0 8px #ff44444d}50%{opacity:.7;box-shadow:0 0 16px #f449}}.lobby-container{width:860px;max-width:95vw;max-height:95vh;overflow-y:auto}.lobby-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.lobby-header h2{font-family:var(--font-military);color:var(--accent);text-shadow:0 0 15px var(--glow-accent);letter-spacing:3px;font-size:22px}.lobby-body{gap:24px;margin-bottom:24px;display:flex}.lobby-players{border:2px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141b2dcc;flex:1;min-height:300px;padding:16px;overflow:hidden}.player-slot{border:1px solid var(--border);background:var(--bg-panel-light);box-sizing:border-box;align-items:center;gap:12px;height:42px;margin-bottom:4px;padding:8px 12px;font-size:10px;transition:all .3s;display:flex;overflow:hidden}.player-slot.ready{border-color:var(--accent-green);box-shadow:0 0 12px var(--glow-green), inset 0 0 8px #2ecc710d;background:#2ecc7114}.player-slot .player-color{border-radius:3px;width:16px;height:16px;box-shadow:0 0 6px #00000080}.player-slot .player-color.bot-tank-cycler{cursor:pointer;transition:transform .15s,box-shadow .15s}.player-slot .player-name{text-shadow:0 1px 2px #00000080;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.player-slot .player-tank{color:var(--text-dim);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;min-width:56px;max-width:80px;font-size:8px;overflow:hidden}.player-slot .bot-tank-cycler{cursor:pointer;border:1px solid #0000;border-radius:3px;padding:2px 6px;transition:all .15s}.player-slot:has(.bot-tank-cycler:hover) .bot-tank-cycler{color:var(--accent);border-color:var(--accent)}.player-slot:has(.bot-tank-cycler:hover) .player-color.bot-tank-cycler{transform:scale(1.3);box-shadow:0 0 10px #ffd70080}.player-slot:has(.bot-tank-cycler:hover) .player-tank.bot-tank-cycler{background:#ffd7001a}.player-slot .host-badge{color:var(--accent);text-shadow:0 0 8px var(--glow-accent);font-size:7px}.player-slot .ready-badge{color:var(--accent-green);text-shadow:0 0 8px var(--glow-green);font-size:7px;animation:1.5s ease-in-out infinite readyPulse}@keyframes readyPulse{0%,to{opacity:1}50%{opacity:.6}}.team-selector{gap:2px;display:inline-flex}.team-selector .btn-team{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:2px;justify-content:center;align-items:center;padding:2px 4px;font-size:8px;transition:background .15s,border-color .15s;display:inline-flex}.team-selector .btn-team .flag-icon{fill:currentColor;width:12px;height:12px;display:block}.team-selector .btn-team:hover{background:#ffffff2e}.team-selector .btn-team.active{text-shadow:0 0 6px;background:#fff3;border-color:currentColor}.team-badge{text-shadow:0 0 6px;font-size:7px;font-weight:700}.team-counts{text-align:center;font-size:9px;font-family:var(--font-pixel);letter-spacing:1px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:4px 0;padding:8px 0}.lobby-settings{border:2px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141b2dcc;width:260px;padding:16px}.lobby-settings h3{color:var(--accent);text-shadow:0 0 10px var(--glow-accent);margin-bottom:12px;font-size:10px}.setting-row{margin-bottom:12px}.setting-row label{color:var(--text-dim);letter-spacing:1px;margin-bottom:4px;font-size:8px;display:block}.setting-row select{width:100%;padding:8px;font-size:9px}.setting-readonly{font-family:var(--font-pixel);color:var(--text);background:var(--bg-dark);border:1px solid var(--border);text-align:center;padding:10px;font-size:10px}.tank-select{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tank-option{border:2px solid var(--border);background:var(--bg-panel-light);cursor:pointer;text-align:center;padding:10px 8px;font-size:8px;transition:all .2s}.tank-option:hover{border-color:var(--text-dim);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.tank-option.selected{border-color:var(--accent);box-shadow:0 0 15px var(--glow-accent), inset 0 0 8px #f0c0400d;background:#f0c0401a}.tank-option .tank-icon{margin-bottom:4px;font-size:24px}.tank-option .tank-name{color:var(--text);text-shadow:0 1px 2px #00000080;margin-bottom:2px}.tank-option .tank-stat{color:var(--text-dim);font-size:6px}.btn-ready{box-sizing:border-box;width:100%;padding:16px;font-size:14px;transition:all .3s;display:block}.btn-ready.is-ready{background:linear-gradient(180deg, var(--accent-green) 0%, #1fa855 100%);border-color:var(--accent-green);box-shadow:0 0 25px var(--glow-green);animation:2s ease-in-out infinite readyGlow}@keyframes readyGlow{0%,to{box-shadow:0 0 25px var(--glow-green)}50%{box-shadow:0 0 40px var(--glow-green), 0 0 60px #2ecc7133}}#screen-game{display:none}#screen-game.active{display:block}#game-canvas{cursor:crosshair;width:100%;height:100%;display:block}#hud{pointer-events:none;--s:var(--hud-scale,1);width:100%;height:100%;transform:scale(var(--s));transform-origin:50%;width:calc(100% / var(--s));height:calc(100% / var(--s));top:0;left:0;left:calc((100% - 100% / var(--s)) / 2);top:calc((100% - 100% / var(--s)) / 2);position:absolute}#hud-health{background:#000000b3;border:2px solid #ffffff26;border-radius:2px;width:220px;height:22px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #00000080,inset 0 0 5px #0000004d}#hud-health-bar{background:var(--accent-green);height:100%;transition:width .2s,background .3s}#hud-shield-section{background:#00000080;border-left:3px solid #111;height:100%;display:none;position:absolute;top:0;right:0}#hud-shield-bar{background:#4fc3f7;height:100%;transition:width .2s;position:absolute;top:0;left:0;box-shadow:0 0 6px #4fc3f766}#hud-shield-text{color:#e0f7fa;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;letter-spacing:1px;white-space:nowrap;z-index:1;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-health-text{text-shadow:1px 1px 2px #000,-1px -1px 2px #000;letter-spacing:1px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-health-icon{font-size:16px;position:absolute;top:50%;left:-26px;transform:translateY(-50%)}#hud-rockets{align-items:center;gap:4px;display:flex;position:absolute;bottom:28px;left:calc(50% + 130px)}.rocket-icon{border-radius:2px 2px 1px 1px;width:8px;height:18px;transition:all .2s}.rocket-icon.available{background:linear-gradient(#ff6b35 0%,#e74c3c 100%);box-shadow:0 0 6px #e74c3c80}.rocket-icon.emp-available{background:linear-gradient(#4dd0e1 0%,#00bcd4 100%);box-shadow:0 0 6px #00bcd480}.rocket-icon.used{box-shadow:none;background:#3c3c5066}#hud-mines{z-index:50;white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex;position:absolute;bottom:28px;left:calc(50% - 145px);transform:translate(-100%)}#hud-mines .mine-icon{filter:drop-shadow(0 0 4px #ff640099);font-size:14px}#hud-mines .mine-icon.used{opacity:.25;filter:none}.hud-inv-label{color:#ffffff73;letter-spacing:1px;vertical-align:middle;margin-right:4px;font-family:"Press Start 2P",monospace;font-size:7px}#hud-ability{z-index:50;white-space:nowrap;text-align:center;color:#e8e8e8;text-shadow:0 0 6px #000000e6,1px 1px 2px #000;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:11px;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}#hud-score{text-shadow:0 0 6px #000c,1px 1px 2px #000;letter-spacing:2px;white-space:nowrap;color:#f0c040;background:#00000080;border:1px solid #f0c04033;border-radius:10px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:132px;left:12px}#hud-timer{color:var(--text-dim);text-shadow:1px 1px 2px #000;background:#00000059;border-radius:8px;padding:4px 12px;font-size:10px;position:absolute;top:52px;left:50%;transform:translate(-50%)}#hud-killfeed{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.killfeed-entry{text-shadow:1px 1px 2px #000;white-space:nowrap;background:#0009;border:1px solid #ffffff0d;border-radius:3px;padding:6px 12px;font-size:10px;animation:.3s ease-out killfeedIn}@keyframes killfeedIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.killfeed-entry .kill-arrow{color:var(--accent-red);margin:0 5px}#btn-killfeed-tray{color:#ddd;font-family:var(--font-pixel);cursor:pointer;pointer-events:auto;background:#0000008c;border:1px solid #ffffff1a;border-radius:3px;padding:5px 9px;font-size:9px}#btn-killfeed-tray:hover{border-color:var(--accent);color:var(--accent);background:#000c}.killfeed-tray-overlay{z-index:1000;pointer-events:auto;background:#0000008c;justify-content:flex-end;align-items:flex-start;padding:64px 16px 16px;display:flex;position:fixed;inset:0}.killfeed-tray-overlay.hidden{display:none}.killfeed-tray-panel{border:1px solid var(--accent);background:#0f1218f2;border-radius:4px;flex-direction:column;width:360px;max-height:70vh;display:flex;box-shadow:0 4px 20px #00000080}.killfeed-tray-header{border-bottom:1px solid #f0c0404d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.killfeed-tray-header h3{font-family:var(--font-pixel);color:var(--accent);letter-spacing:1px;margin:0;font-size:11px}.killfeed-tray-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.killfeed-tray-close:hover{color:#fff}.killfeed-tray-list{font-family:var(--font-pixel);flex:1;padding:8px 14px;font-size:9px;line-height:1.6;overflow-y:auto}.killfeed-tray-list .kf-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.killfeed-tray-list .kf-time{color:#666;flex-shrink:0;font-size:8px}.killfeed-tray-list .kf-empty{color:#666;text-align:center;padding:24px 0;font-size:9px}#hud-chat{pointer-events:none;z-index:50;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:fixed;bottom:100px;right:16px}.chat-msg{text-shadow:1px 1px 2px #000;white-space:normal;word-wrap:break-word;background:#00000080;border-radius:3px;max-width:500px;padding:5px 10px;font-size:11px;animation:.3s ease-out killfeedIn}.chat-msg .chat-name{font-weight:700}#hud-chat-input{color:#e8e8e8;z-index:60;background:#000000b3;border:1px solid #4dd0e180;border-radius:3px;min-width:200px;padding:6px 10px;font-family:"Press Start 2P",monospace;font-size:11px;position:fixed;bottom:80px;right:16px}#hud-chat-input.hidden{display:none}#hud-minimap{image-rendering:pixelated;background:#0009;border:2px solid #2a3a5ccc;border-radius:2px;position:absolute;top:12px;left:12px;box-shadow:0 0 12px #0009,0 0 4px #f0c0401f}#hud-respawn{pointer-events:all;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e17bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.respawn-text{font-family:var(--font-military);color:var(--accent-red);text-shadow:0 0 30px var(--glow-red), 0 0 60px #e74c3c33;letter-spacing:6px;margin-bottom:16px;font-size:42px}.respawn-timer{font-family:var(--font-military);color:var(--text);text-shadow:0 0 20px #e8e8e84d;font-size:56px;animation:1s ease-in-out infinite respawnPulse}@keyframes respawnPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.death-echo-hint{color:var(--accent);text-shadow:0 0 10px var(--glow-accent);margin-top:16px;font-size:10px;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:0}}#hud-scoreboard{border:2px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e17eb;border-radius:4px;min-width:420px;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #0009}#hud-scoreboard table{border-collapse:collapse;width:100%}#hud-scoreboard th,#hud-scoreboard td{text-align:left;padding:8px 12px;font-size:9px}#hud-scoreboard th{color:var(--accent);border-bottom:1px solid var(--border);text-shadow:0 0 8px var(--glow-accent);letter-spacing:1px}#hud-scoreboard td{text-shadow:0 1px 2px #00000080}#hud-scoreboard tr.leader td{color:#f0c040;text-shadow:0 0 8px #f0c04080}#screen-results{background:radial-gradient(ellipse at 50% 30%, #f0c04014 0%, transparent 50%), linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%)}.results-container{text-align:center}.results-container h2{font-family:var(--font-military);color:var(--accent);text-shadow:0 0 20px var(--glow-accent);letter-spacing:4px;margin-bottom:16px;font-size:36px}.results-winner{color:var(--accent-green);text-shadow:0 0 15px var(--glow-green);margin-bottom:12px;font-size:14px}.results-mvp{color:var(--accent);letter-spacing:1px;margin-bottom:20px;font-size:10px}#screen-options{background:radial-gradient(ellipse at 50% 50%, #0f346066 0%, transparent 60%), linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%)}.options-container{text-align:center;width:400px;max-width:90vw}.options-title{font-family:var(--font-military);color:var(--accent);letter-spacing:6px;margin-bottom:32px;font-size:28px}.option-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.option-row label{color:var(--text-dim);letter-spacing:2px;text-align:left;flex-shrink:0;width:160px;font-size:9px}.option-row input[type=range]{appearance:none;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.option-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg-dark);width:16px;height:16px;box-shadow:0 0 6px var(--glow-accent);cursor:pointer;border-radius:50%}.option-row input[type=range]::-moz-range-thumb{background:var(--accent);border:2px solid var(--bg-dark);width:16px;height:16px;box-shadow:0 0 6px var(--glow-accent);cursor:pointer;border-radius:50%}.option-val{color:var(--accent);text-align:right;flex-shrink:0;width:45px;font-size:9px}.btn-options{letter-spacing:2px;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:#1e283c99;margin-top:16px;padding:10px 24px;font-size:12px;transition:color .2s,border-color .2s,background .2s}#screen-lobby>.btn-options{margin-top:0;padding:4px 10px;font-size:28px;line-height:1;transition:color .2s,border-color .2s,background .2s;position:absolute;top:20px;right:20px}.gear-icon{vertical-align:middle;fill:currentColor;width:1em;height:1em;transition:transform .4s;display:inline-block}#btn-options .gear-icon{width:24px;height:24px}.btn-options:hover{color:var(--accent);border-color:var(--accent)}.btn-options:hover .gear-icon{transform:rotate(90deg)}#results-table{border-collapse:collapse;border:1px solid var(--border);background:#141b2d99;margin:0 auto 24px}#results-table th,#results-table td{text-align:left;padding:10px 16px;font-size:9px}#results-table th{color:var(--accent);border-bottom:1px solid var(--border);text-shadow:0 0 8px var(--glow-accent)}#results-table tr:nth-child(2n){background:#141b2d66}#results-table tr:first-child td{color:var(--accent)}#screen-loading{background:var(--bg-dark);z-index:100}#screen-loading.active{flex-direction:column;display:flex}.loading-title{font-family:var(--font-military);color:var(--accent);text-shadow:0 0 40px var(--glow-accent), 4px 4px 0 #b8860b;letter-spacing:16px;margin-bottom:40px;font-size:60px}.loading-auth{flex-direction:column;align-items:center;gap:12px;width:240px;display:flex}.loading-auth input[type=password]{text-align:center;letter-spacing:2px;width:100%;font-size:14px}.loading-bar-container{background:var(--bg-panel);border:1px solid var(--border);border-radius:3px;width:240px;height:6px;margin-bottom:20px;overflow:hidden}.loading-bar-fill{background:var(--accent);border-radius:3px;height:100%;animation:1.5s ease-in-out infinite loadingSlide}@keyframes loadingSlide{0%{width:10%;margin-left:0}50%{width:40%;margin-left:30%}to{width:10%;margin-left:90%}}.loading-text{color:var(--text-dim);letter-spacing:2px;font-size:9px;animation:1.5s ease-in-out infinite loadingFade}@keyframes loadingFade{0%,to{opacity:.5}50%{opacity:1}}.hidden{display:none!important}.btn-leave{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-pixel);cursor:pointer;background:#141b2dd9;border-radius:4px;padding:6px 12px;font-size:8px;transition:all .15s}.btn-leave:hover{color:var(--accent-red);border-color:var(--accent-red);background:#e74c3c26}.btn-leave-lobby{box-sizing:border-box;border:2px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-pixel);cursor:pointer;background:#141b2d99;border-radius:4px;margin-top:8px;padding:10px;font-size:10px;transition:all .15s;display:block}.btn-leave-lobby:hover{color:var(--accent-red);border-color:var(--accent-red);background:#e74c3c26}.btn-settings-game{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:#141b2dd9;border-radius:4px;padding:4px 10px;font-size:28px;line-height:1;transition:color .2s,border-color .2s,background .2s}.btn-settings-game:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:#f0c04026}.btn-settings-game:hover .gear-icon{transform:rotate(90deg)}.hud-top-right{z-index:100;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:12px;right:12px}.hud-top-right>*{pointer-events:auto}.hud-top-buttons{flex-direction:row;align-items:center;gap:6px;display:flex}.mobile-only{display:none}.mobile-only.visible{display:block}.mobile-only-option{display:none}@media (pointer:coarse){.mobile-only-option{display:flex}}.joystick-zone{z-index:90;touch-action:none;width:45%;height:50%;padding-left:env(safe-area-inset-left,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0}.joystick-base{z-index:91;background:#ffffff14;border:2px solid #ffffff26;border-radius:50%;width:120px;height:120px;display:none;position:fixed;transform:translate(-50%,-50%)}.joystick-thumb{background:#f0c04080;border:2px solid #f0c040b3;border-radius:50%;width:50px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-zone-right{z-index:90;touch-action:none;width:45%;height:50%;padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;right:0}.joystick-base-right{background:#e74c3c14;border-color:#e74c3c40}.joystick-thumb-right{background:#e74c3c80;border-color:#e74c3cb3}.mobile-buttons{left:max(10px, env(safe-area-inset-left,0px));bottom:calc(50% + env(safe-area-inset-bottom,0px));z-index:100;flex-direction:column-reverse;align-items:center;gap:10px;display:flex;position:fixed}.mobile-btn{width:56px;height:56px;font-family:var(--font-pixel);color:#fff;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:10px;display:flex}.mobile-btn:active{filter:brightness(1.3);transform:scale(.9)}.mobile-btn-rocket{background:#f39c1266;border-color:#f39c1299;font-size:22px}.mobile-btn-special{background:#3498db66;border-color:#3498db99;font-size:20px}.mobile-btn-mine{background:#e74c3c66;border-color:#e74c3c99;font-size:20px}.mobile-btn-label{opacity:.7;font-size:6px}.mobile-btn-score{top:max(10px, env(safe-area-inset-top,0px));left:max(10px, env(safe-area-inset-left,0px));z-index:100;background:#ffffff1f;border-color:#ffffff40;width:40px;height:40px;font-size:18px;position:fixed}.bot-controls{border-top:1px solid var(--bg-panel-light);margin-top:10px;padding-top:10px}.bot-add-row{align-items:center;gap:8px;margin-top:6px;display:flex}.bot-add-row select{background:var(--bg-panel);color:var(--text);border:1px solid var(--bg-panel-light);border-radius:4px;flex:1;padding:4px 6px;font-family:"Press Start 2P",monospace;font-size:8px}.bot-badge{margin-left:4px;font-size:8px}.btn-remove-bot{color:#e74c3c;cursor:pointer;background:#e74c3c4d;border:1px solid #e74c3c80;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:10px}.btn-remove-bot:hover{background:#e74c3c99}#hud-mode-info{color:var(--accent);text-shadow:0 0 8px #000000e6,2px 2px 4px #000;white-space:nowrap;pointer-events:none;letter-spacing:1px;background:#0000008c;border:1px solid #ffffff1a;border-radius:12px;padding:8px 20px;font-family:"Press Start 2P",monospace;font-size:16px;position:absolute;top:10px;left:50%;transform:translate(-50%)}@media (height<=800px){.lobby-header{margin-bottom:12px;padding-bottom:8px}.lobby-header h2{font-size:16px}.lobby-body{gap:12px;margin-bottom:12px}.lobby-players{min-height:200px;padding:10px}.player-slot{height:36px;padding:6px 10px;font-size:9px}.lobby-settings{width:230px;padding:10px}.lobby-settings h3{margin-bottom:8px;font-size:9px}.setting-row{margin-bottom:8px}.setting-row select{padding:6px;font-size:8px}.tank-option{padding:6px 4px}.tank-option .tank-icon{font-size:18px}.btn-ready{padding:10px;font-size:12px}.bot-controls h3{margin-bottom:6px}}@media (height<=650px){.lobby-body{flex-direction:column}.lobby-settings{width:100%}.tank-select{grid-template-columns:repeat(4,1fr)}.lobby-players{min-height:140px}}@media (width<=720px){.lobby-body{flex-direction:column;gap:12px}.lobby-players,.lobby-settings{box-sizing:border-box;width:100%}.lobby-players{min-height:0;padding:10px}.player-slot{flex-wrap:wrap;gap:8px;height:auto;min-height:40px;padding:8px 10px;font-size:11px}.player-slot .player-name{flex:auto;font-size:12px}.player-slot .player-tank{min-width:0;max-width:none;font-size:10px}.player-slot .host-badge,.player-slot .ready-badge{font-size:9px}.team-selector .btn-team{min-width:36px;min-height:32px;padding:6px 10px;font-size:11px}.team-selector .btn-team .flag-icon{width:16px;height:16px}.team-selector{gap:4px}.team-badge{font-size:10px}.bot-badge{font-size:11px}.btn-remove-bot{min-width:28px;min-height:28px}}@media (height<=420px) and (pointer:coarse){.mobile-btn{width:44px;height:44px}.mobile-buttons{gap:6px}.mobile-btn-label{font-size:5px}.mobile-btn-score{width:34px;height:34px;font-size:14px}}@media (width<=400px) and (pointer:coarse){.mobile-btn{width:48px;height:48px}.mobile-buttons{left:max(4px, env(safe-area-inset-left,0px));gap:8px}}#hud-emps{color:#00bcd4;text-shadow:0 0 4px #000c;font-family:"Press Start 2P",monospace;font-size:9px;position:absolute;bottom:50px;left:20px}.mobile-btn-emp{background:#00bcd466;border-color:#00bcd499;font-size:20px}.mobile-btn-turret{background:#ff980066;border-color:#ff980099;font-size:20px}#screen-loading-game{background:radial-gradient(ellipse at 50% 50%, #0f346080 0%, transparent 60%), linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%);flex-direction:column}.loading-game-container{text-align:center;z-index:1}.loading-game-title{font-family:var(--font-military);color:var(--accent);text-shadow:3px 3px #b8860b,0 0 30px #f0c0404d;letter-spacing:14px;margin-bottom:16px;font-size:52px}.loading-game-map{color:var(--text-dim);letter-spacing:4px;text-transform:uppercase;margin-bottom:32px;font-size:14px}.loading-bar-track{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;width:360px;height:8px;margin:0 auto 20px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));width:0%;height:100%;box-shadow:0 0 8px var(--glow-accent);border-radius:3px;transition:width .3s}.loading-game-status{color:var(--text-dim);letter-spacing:3px;font-size:9px;animation:1.2s ease-in-out infinite statusBlink}@keyframes statusBlink{0%,to{opacity:.6}50%{opacity:1}}.countdown-overlay{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.countdown-overlay.hidden{display:none}.countdown-text{font-family:var(--font-military);color:var(--accent);text-shadow:0 0 40px #f0c04099,0 0 80px #f0c0404d,4px 4px #b8860b;font-size:120px;animation:.6s ease-out countdownPop}@keyframes countdownPop{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.countdown-text.go{color:var(--accent-green);text-shadow:0 0 40px var(--glow-green), 0 0 80px #2ecc714d, 4px 4px 0 #1a8a4a}.ingame-settings-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ingame-settings-overlay.hidden{display:none}.ingame-settings-panel{background:#141923f2;border:1px solid #f0c0404d;border-radius:16px;min-width:360px;padding:32px 40px;box-shadow:0 0 40px #000c}.ingame-settings-title{text-align:center;color:#f0c040;text-shadow:0 0 10px #f0c0404d;margin-bottom:24px;font-family:"Press Start 2P",monospace;font-size:18px}.ingame-settings-panel .option-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ingame-settings-panel .option-row label{color:#ccc;flex-shrink:0;width:180px;font-family:"Press Start 2P",monospace;font-size:11px}.ingame-settings-panel .option-val{text-align:right;color:#f0c040;flex-shrink:0;width:55px;font-family:"Press Start 2P",monospace;font-size:11px}.ingame-settings-panel .btn{width:100%;margin-top:16px}.drama-banner{font-family:var(--font-pixel,"Press Start 2P", monospace);color:var(--drama-banner-color,var(--accent,#f0c040));text-align:center;text-shadow:0 0 8px #000000d9, 0 0 14px var(--drama-banner-color,var(--accent,#f0c040));letter-spacing:.06em;pointer-events:none;opacity:0;animation:drama-banner-pop var(--drama-banner-duration,1.6s) ease-out forwards;filter:drop-shadow(0 2px #000000b3);transform:translateY(-10px)scale(.85)}.drama-banner-text{font-size:28px;line-height:1.1}.drama-banner-sub{font-family:var(--font-military,"Black Ops One", sans-serif);letter-spacing:.12em;color:#ffffffd9;text-shadow:0 0 6px #000000e6;margin-top:6px;font-size:14px}@keyframes drama-banner-pop{0%{opacity:0;transform:translateY(-12px)scale(.85)}10%{opacity:1;transform:translateY(0)scale(1.05)}18%{transform:translateY(0)scale(1)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.95)}}