@import "https://fonts.googleapis.com/css2?family=Lilita+One&family=Nunito:wght@600;700;800&display=swap";.menu-overlay{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-title-area{flex-direction:column;align-items:center;gap:0;margin-bottom:6px;display:flex}.menu-tank-row{align-items:center;gap:16px;display:flex}.menu-tank-icon{filter:drop-shadow(0 3px 6px #00000080);width:64px;height:64px}.menu-tank-icon.flip{transform:scaleX(-1)}.menu-title{letter-spacing:8px;color:#f5e6a3;text-shadow:0 4px #8b6914,0 6px #6b4f0e,0 8px 16px #00000080,0 0 40px #ffdc504d;-webkit-user-select:none;user-select:none;margin:0;font-family:Lilita One,cursive;font-size:72px;font-weight:400}.menu-subtitle{letter-spacing:10px;color:#7a9a50;text-transform:uppercase;text-shadow:0 1px 2px #0006;margin-top:-4px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700}.menu-panel{background:linear-gradient(#28371eeb 0%,#192312f2 100%);border:3px solid #5a7a30;border-radius:16px;flex-direction:column;align-items:stretch;gap:0;min-width:340px;padding:20px 28px;display:flex;box-shadow:0 0 0 1px #0000004d,inset 0 1px #ffffff14,0 8px 32px #0009}.menu-tab-bar{border-bottom:2px solid #5a7a304d;margin:-20px -28px 0;display:flex}.menu-tab{letter-spacing:1.5px;text-transform:uppercase;text-align:center;color:#5a6a44;cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.menu-tab:first-child{border-radius:13px 0 0}.menu-tab:last-child{border-radius:0 13px 0 0}.menu-tab:hover{color:#b0c888;background:#506e3226}.menu-tab.active{color:#e8f0d0;background:#50782840;box-shadow:inset 0 -2px #8aba48}.menu-panel-action{justify-content:center;margin-top:14px;display:flex}.menu-tab-content{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.menu-tab-content.active{grid-template-rows:1fr}.menu-tab-inner{overflow:hidden}.menu-tab-content:not(.active) .menu-tab-inner{pointer-events:none}.menu-field{border-bottom:1px solid #5a7a3033;justify-content:space-between;align-items:center;gap:14px;padding:10px 4px;display:flex}.menu-field:last-child{border-bottom:none}.menu-field-label{letter-spacing:1.5px;color:#a0b878;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;min-width:90px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700;display:flex}.menu-field-icon{opacity:.7;flex-shrink:0;width:18px;height:18px}.menu-btn-group{background:#141c0e99;border:2px solid #3a4a28;border-radius:8px;gap:0;display:flex;overflow:hidden}.menu-toggle-btn{color:#5a6a44;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px #0000004d;background:0 0;border:none;border-right:1px solid #3c50284d;padding:6px 14px;font-family:Nunito,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.menu-toggle-btn:last-child{border-right:none}.menu-toggle-btn:hover{color:#b0c888;background:#506e3233}.menu-toggle-btn.active{color:#e8f0d0;text-shadow:0 1px 3px #0006;background:linear-gradient(#6a9a30 0%,#4a7a18 100%);box-shadow:inset 0 1px #ffffff26,0 0 10px #64a02840}.menu-tank-grid{flex-wrap:wrap;gap:4px;max-width:250px;display:flex}.menu-tank-option{cursor:pointer;background:#141c0e80;border:2px solid #0000;border-radius:6px;width:36px;height:36px;padding:2px;transition:all .15s}.menu-tank-option:hover{background:#3c50284d;border-color:#5a7a30}.menu-tank-option.active{background:#5078284d;border-color:#8aba48;box-shadow:0 0 8px #8cbe3c4d}.menu-tank-option img{object-fit:contain;width:100%;height:100%}.menu-tank-random{color:#8aba48;justify-content:center;align-items:center;width:100%;height:100%;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;display:flex}.menu-slider-row{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.menu-slider-value{color:#8aba48;text-align:center;text-shadow:0 1px 3px #0006;min-width:28px;font-family:Lilita One,cursive;font-size:18px}.menu-slider{appearance:none;cursor:pointer;background:linear-gradient(#1a2810 0%,#2a3818 100%);border:1px solid #3a4a28;border-radius:4px;outline:none;width:140px;height:8px}.menu-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(#8aba48 0%,#5a8a20 100%);border:2px solid #a0d058;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff4d}.menu-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0006,0 0 8px #8cbe3c66,inset 0 1px #ffffff4d}.menu-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(#8aba48 0%,#5a8a20 100%);border:2px solid #a0d058;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff4d}.menu-slider::-moz-range-track{background:linear-gradient(#1a2810 0%,#2a3818 100%);border:1px solid #3a4a28;border-radius:4px;height:8px}.menu-start-btn{letter-spacing:4px;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:0 2px 4px #00000080;background:linear-gradient(#d44030 0%,#a82820 60%,#901c14 100%);border:3px solid #e86050;border-radius:14px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:14px 52px;font-family:Lilita One,cursive;font-size:26px;font-weight:400;transition:all .1s;display:flex;position:relative;box-shadow:0 4px #701810,0 6px 16px #00000080,inset 0 1px #fff3}.menu-start-btn:hover{background:linear-gradient(#e85040 0%,#c03828 60%,#a82018 100%);border-color:#ff7060;transform:translateY(-1px);box-shadow:0 4px #701810,0 6px 20px #00000080,0 0 20px #dc3c284d,inset 0 1px #ffffff40}.menu-start-btn:active{transform:translateY(3px);box-shadow:0 1px #701810,0 2px 8px #00000080,inset 0 1px #ffffff1a}.menu-start-icon{filter:drop-shadow(0 1px 2px #0006);width:22px;height:22px}.menu-help{border-top:1px solid #5a7a3033;justify-content:center;align-items:center;margin-top:10px;padding:10px 4px;display:flex}.menu-help-title{display:none}.menu-help-grid{grid-template-columns:auto auto;align-items:center;gap:8px 24px;display:grid}.menu-help-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.menu-key{color:#d0e0b0;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(#556646 0%,#3a4a2c 100%);border:1px solid #6a7a54;border-bottom:3px solid #1a2810;border-radius:5px;justify-content:center;align-items:center;min-width:32px;min-height:26px;padding:4px 10px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 3px #0006,inset 0 1px #ffffff1a}.menu-help-text{color:#b0c890;text-transform:uppercase;letter-spacing:.5px;font-family:Nunito,sans-serif;font-size:10px;font-weight:700}.menu-deco-left,.menu-deco-right{opacity:.15;width:20px;height:20px;position:absolute}.menu-deco-left{bottom:30px;left:30px;transform:rotate(-30deg)}.menu-deco-right{bottom:30px;right:30px;transform:rotate(30deg)scaleX(-1)}.overlay-bg{z-index:10;background-color:#0a1406e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-panel{background:linear-gradient(#28371ef2 0%,#162010f7 100%);border:3px solid #5a7a30;border-radius:18px;flex-direction:column;align-items:center;gap:18px;padding:36px 48px;display:flex;box-shadow:0 0 0 1px #0006,inset 0 1px #ffffff0f,0 12px 40px #000000b3}.overlay-title{letter-spacing:6px;color:#f5e6a3;text-shadow:0 3px #8b6914,0 5px #6b4f0e,0 6px 12px #00000080,0 0 30px #ffdc5040;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:0;font-family:Lilita One,cursive;font-size:44px;font-weight:400}.overlay-subtitle{letter-spacing:3px;color:#ffd740;text-shadow:0 2px #a07800,0 0 20px #ffc8004d;text-transform:uppercase;margin:0;font-family:Lilita One,cursive;font-size:24px;font-weight:400}.overlay-btn-group{gap:14px;margin-top:6px;display:flex}.overlay-btn-primary{letter-spacing:3px;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:0 2px 4px #00000080;background:linear-gradient(#d44030 0%,#a82820 60%,#901c14 100%);border:3px solid #e86050;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 38px;font-family:Lilita One,cursive;font-size:20px;font-weight:400;transition:all .1s;display:flex;box-shadow:0 3px #701810,0 5px 14px #00000080,inset 0 1px #fff3}.overlay-btn-primary:hover{background:linear-gradient(#e85040 0%,#c03828 60%,#a82018 100%);border-color:#ff7060;transform:translateY(-1px);box-shadow:0 3px #701810,0 5px 18px #00000080,0 0 16px #dc3c284d,inset 0 1px #ffffff40}.overlay-btn-primary:active{transform:translateY(2px);box-shadow:0 1px #701810,0 2px 6px #00000080,inset 0 1px #ffffff1a}.overlay-btn-secondary{letter-spacing:1.5px;color:#8a9a70;cursor:pointer;text-transform:uppercase;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#3a4a28 0%,#2a3818 100%);border:2px solid #4a5a30;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 30px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 4px #0000004d}.overlay-btn-secondary:hover{color:#c0d0a0;background:linear-gradient(#4a5a38 0%,#3a4828 100%);border-color:#6a8a40;box-shadow:0 2px 4px #0000004d,0 0 10px #50822833}.overlay-btn-secondary:active{transform:translateY(1px);box-shadow:0 1px 2px #0000004d}.overlay-btn-icon{filter:drop-shadow(0 1px 2px #0006);width:18px;height:18px}.gameover-trophy{filter:drop-shadow(0 2px 8px #ffc80066);width:48px;height:48px;margin-bottom:-6px}.gameover-scoreboard{border-collapse:collapse;min-width:300px;margin-top:4px}.gameover-scoreboard thead tr{border-bottom:2px solid #3a5020}.gameover-scoreboard th{letter-spacing:3px;color:#5a7a40;text-transform:uppercase;padding:4px 14px 6px;font-family:Nunito,sans-serif;font-size:10px;font-weight:800}.gameover-scoreboard td{letter-spacing:1px;color:#b0c890;text-transform:uppercase;padding:5px 14px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700}.gameover-scoreboard th.col-name,.gameover-scoreboard td.col-name{text-align:left}.gameover-scoreboard th.col-stat,.gameover-scoreboard td.col-stat{text-align:center;min-width:60px}.gameover-scoreboard td.col-kills{color:#8aba48}.gameover-scoreboard td.col-deaths{color:#c85a4a}.gameover-scoreboard tbody tr{border-bottom:1px solid #506e3233}.gameover-scoreboard tbody tr:first-child td{color:#f5e6a3;font-weight:800}.gameover-scoreboard tbody tr:first-child td.col-kills{color:#b8da68}.gameover-scoreboard tbody tr:first-child td.col-deaths{color:#e07060}.pause-field{flex-direction:column;align-items:center;gap:6px;width:260px;display:flex}.pause-label{letter-spacing:2px;color:#a0b878;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:12px;font-weight:700}.pause-slider{accent-color:#6a9a30;cursor:pointer;width:100%;height:6px}.pause-divider{background:linear-gradient(90deg,#0000,#4a6a2a,#0000);border:none;width:80px;height:2px;margin:4px 0}.hud-bar{background:linear-gradient(#28371ef2 0%,#162010f7 100%);border-bottom:3px solid #5a7a30;box-shadow:0 3px 10px #0006}.hud{align-items:center;gap:8px;height:100%;padding:0 12px;display:flex}.hud-scores{flex-wrap:wrap;flex:1;align-items:center;gap:2px 10px;min-width:0;display:flex}.hud-score-item{color:#a0b878;text-transform:uppercase;white-space:nowrap;align-items:center;gap:3px;font-family:Nunito,sans-serif;font-size:11px;font-weight:700;display:flex}.hud-score-item.hud-score-dead{opacity:.35}.hud-score-item.hud-score-leader{color:#f5e6a3}.hud-score-item.hud-score-player{color:#68b8ff}.hud-score-item.hud-score-leader.hud-score-player{color:#f5e6a3}.hud-score-rank{color:#5a6a44;text-align:right;min-width:10px;font-size:9px;font-weight:800}.hud-score-leader .hud-score-rank{color:#b89858}.hud-score-name{letter-spacing:.5px;font-size:10px;font-weight:700}.hud-score-kills{color:#8aba48;font-size:10px;font-weight:800}.hud-score-sep{color:#3a4a28;font-size:8px}.hud-score-deaths{color:#c85a4a;font-size:10px;font-weight:700}.hud-center{border-left:1px solid #5a7a304d;border-right:1px solid #5a7a304d;justify-content:center;align-items:center;padding:0 14px;display:flex}.hud-timer{color:#f5e6a3;letter-spacing:3px;text-shadow:0 2px #6b4f0e,0 0 10px #ffdc5033;-webkit-user-select:none;user-select:none;text-align:center;font-variant-numeric:tabular-nums;min-width:70px;font-family:Lilita One,cursive;font-size:20px}.hud-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.hud-player-info{background:#141c0e80;border:1px solid #5a7a304d;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:64px;padding:3px 10px;display:flex}.hud-weapon-icon{color:#a0b878;filter:drop-shadow(0 1px 2px #0000004d);flex-shrink:0;width:18px;height:18px}.hud-ammo{color:#8aba48;text-shadow:0 1px 3px #0000004d;text-align:center;font-variant-numeric:tabular-nums;min-width:22px;font-family:Lilita One,cursive;font-size:14px}.hud-speed-boost{color:#f0c020;text-shadow:0 0 6px #f0c02066;font-family:Nunito,sans-serif;font-size:10px;font-weight:800}.hud-btn-group{gap:4px;display:flex}.hud-btn{color:#7a8a60;cursor:pointer;pointer-events:auto;background:linear-gradient(#3a4a28 0%,#2a3818 100%);border:2px solid #4a5a30;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .1s;display:flex;box-shadow:0 2px 4px #0000004d}.hud-btn:hover{color:#c0d0a0;background:linear-gradient(#4a5a38 0%,#3a4828 100%);border-color:#6a8a40}.hud-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #0000004d}.hud-btn-icon{width:14px;height:14px}.touch .menu-toggle-btn{padding:10px 18px}.touch .menu-start-btn{padding:16px 56px}.touch .menu-slider::-webkit-slider-thumb{width:28px;height:28px}.touch .menu-slider::-moz-range-thumb{width:28px;height:28px}.touch .hud-btn{width:44px;height:44px}.touch .hud-btn-icon{width:20px;height:20px}.touch .overlay-btn-primary{padding:16px 44px;font-size:22px}.touch .overlay-btn-secondary{padding:14px 36px;font-size:16px}.touch .menu-help{display:none}.menu-name-input{color:#e8f0d0;text-transform:uppercase;letter-spacing:1px;background:#141c0ecc;border:2px solid #4a5a30;border-radius:10px;outline:none;width:130px;padding:10px 14px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.menu-name-input::placeholder{color:#5a6a44;text-transform:none;letter-spacing:0}.menu-name-input:focus{border-color:#6a9a30;box-shadow:0 0 8px #64a0284d}.menu-online-btn{letter-spacing:2px;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:0 2px 4px #00000080;white-space:nowrap;background:linear-gradient(#3080d0 0%,#2060a0 60%,#184888 100%);border:3px solid #50a0e8;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:Lilita One,cursive;font-size:18px;font-weight:400;transition:all .1s;display:flex;box-shadow:0 3px #103060,0 5px 14px #00000080,inset 0 1px #fff3}.menu-online-btn:hover{background:linear-gradient(#4090e0 0%,#3070b0 60%,#2058a0 100%);border-color:#70b8ff;transform:translateY(-1px);box-shadow:0 3px #103060,0 5px 18px #00000080,0 0 16px #3c8cdc4d,inset 0 1px #ffffff40}.menu-online-btn:active{transform:translateY(2px);box-shadow:0 1px #103060,0 2px 6px #00000080,inset 0 1px #ffffff1a}.lobby-container{flex-direction:column;align-items:center;gap:16px;display:flex}.lobby-room-id{letter-spacing:2px;color:#5a7a40;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:11px;font-weight:700}.lobby-player-count{color:#f5e6a3;letter-spacing:2px;text-shadow:0 2px #6b4f0e;font-family:Lilita One,cursive;font-size:20px}.lobby-player-list{flex-direction:column;gap:4px;min-width:200px;margin:0;padding:0;list-style:none;display:flex}.lobby-player-item{color:#b0c890;text-transform:uppercase;letter-spacing:1px;background:#141c0e80;border:1px solid #5a7a3033;border-radius:6px;padding:6px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.lobby-player-item.is-me{color:#68b8ff;border-color:#50a0e84d}.lobby-waiting{color:#7a9a50;letter-spacing:1px;font-family:Nunito,sans-serif;font-size:13px;font-weight:700}.lobby-waiting .spinner{margin-left:6px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.gameover-countdown{color:#a0b878;letter-spacing:2px;margin-top:4px;font-family:Lilita One,cursive;font-size:18px}.touch-controls{z-index:4;pointer-events:none;position:absolute;inset:0}.touch-joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#5a7a3026 0%,#5a7a3040 100%);border:3px solid #5a7a3059;border-radius:50%;width:160px;height:160px;position:absolute;bottom:24px;left:24px}.touch-joystick-knob{background:radial-gradient(circle at 40% 35%,#8cba48b3 0%,#5a7a3099 100%);border:2px solid #a0d05880;border-radius:50%;width:60px;height:60px;transition:box-shadow .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff26}.touch-joystick-knob.active{background:radial-gradient(circle at 40% 35%,#a0d258d9 0%,#6e963cbf 100%);border-color:#b4e664b3;box-shadow:0 2px 8px #0000004d,0 0 16px #8cba4866,inset 0 1px #fff3}.touch-fire{pointer-events:auto;touch-action:none;background:radial-gradient(circle at 40% 35%,#d440308c 0%,#a8282080 100%);border:3px solid #e8605073;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.touch-fire.active{background:radial-gradient(circle at 40% 35%,#e85040bf 0%,#c03828b3 100%);border-color:#ff7060b3;box-shadow:0 2px 8px #0000004d,0 0 20px #dc3c2866,inset 0 1px #ffffff26}.touch-fire-label{color:#ffffffb3;text-shadow:0 1px 3px #00000080;letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Lilita One,cursive;font-size:20px}.touch-switch{pointer-events:auto;touch-action:none;background:radial-gradient(circle at 40% 35%,#8cba488c 0%,#5a8a2080 100%);border:3px solid #a0d05873;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;bottom:160px;right:48px;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.touch-switch.active{background:radial-gradient(circle at 40% 35%,#a0d258bf 0%,#6ea030b3 100%);border-color:#b4e664b3;box-shadow:0 2px 8px #0000004d,0 0 16px #8cba4866,inset 0 1px #ffffff26}.touch-switch-label{color:#ffffffb3;text-shadow:0 1px 3px #00000080;letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Nunito,sans-serif;font-size:10px;font-weight:800}