@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";body{margin:0;overflow:hidden;user-select:none;touch-action:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-force-touch:none;-webkit-touch-force:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;height:100dvh;height:calc(var(--vh, 1vh) * 100)}body.in-game{overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-overflow-scrolling:auto}canvas{display:block;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-force-touch:none;-webkit-touch-force:none;touch-action:none}#lobby{position:fixed;top:0;left:0;width:100vw;height:calc(var(--vh, 1vh) * 100);background:#f8f8f8;font-family:"Press Start 2P",monospace;overflow:hidden}#lobby>h2{text-align:center;margin:0;padding:15px 0}.lobby-grid{display:grid;grid-template-columns:25% 1fr;height:calc((var(--vh, 1vh) * 100) - 50px);margin-right:20px;position:relative}.lobby-grid:after{display:none}.lobby-nav{background:transparent;padding:0 0 20px 20px;display:flex;flex-direction:column;overflow:visible;z-index:2}.player-name-display{font-size:clamp(8px,1.5vw,12px);font-weight:700;color:#444;margin-bottom:15px;margin-right:15px;margin-top:-25px;padding:10px;text-align:left;min-height:48px;cursor:pointer;border:none;transition:all .1s ease;background:#c8c8c8;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);box-sizing:border-box}.player-name-display:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.player-name-display:after{display:none}.player-name-display .tank-design-preview{width:56px;height:56px;margin-right:-5px;margin-left:-10px;flex-shrink:0;display:block}.player-name-display .player-name-text{flex:1;min-width:0;text-align:left;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}.player-name-display:active{transform:translateY(2px)}.nav-buttons{display:flex;flex-direction:column}.nav-button{font-family:"Press Start 2P",monospace;padding:16px 16px 16px 24px;cursor:pointer;text-align:left;font-size:clamp(8px,1.7vw,12px);width:100%;border:none;background:transparent;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;position:relative;word-wrap:break-word;white-space:normal}.nav-button:hover{scale:1.03;transition:scale .2s ease-in-out}.nav-button.active{background:#ebebeb;border:none}.nav-button.active:before{content:"";position:absolute;background:#ebebeb;top:0;bottom:0;right:-4px;width:10px}.nav-button[data-target=teamSelectionContainer]{color:red}.nav-button[data-target=loadoutContainer]{color:green}.nav-button[data-target=controlSettings]{color:purple}.nav-button[data-target=leaderboardContainer]{color:orange}.nav-button[data-target=infoContainer]{color:#00f}.lobby-content{background:#ebebeb;padding:20px 30px 20px 20px;overflow-y:auto;position:relative;text-align:center;display:flex;flex-direction:column;border:none;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#9b9b9b transparent}.content-section{display:none;background:transparent;border:none;padding:0;margin-bottom:20px;overflow:visible}.content-section.active{display:block}.content-section.slide-in-from-above{animation:slideFromAbove .4s ease-out}.content-section.slide-in-from-below{animation:slideFromBelow .4s ease-out}@keyframes slideFromAbove{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromBelow{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.content-section h3{margin-top:30px;margin-bottom:20px;text-align:left}.content-section h3:first-of-type{margin-top:0}.content-section h3:not(:first-of-type){border-top:none;padding-top:20px}body.dark-mode .content-section h3:not(:first-of-type){border-top:none}#loadoutContainer h3:not(:first-of-type){border-top:none;padding-top:0;margin-top:15px}.play-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.play-tab-header h3{margin:0}.lobby-player-count{color:#999;font-size:12px}.lobby-player-count .player-count-number{color:#666}body.dark-mode .lobby-player-count{color:#777}body.dark-mode .lobby-player-count .player-count-number{color:#aaa}.lobby-player-count:empty{display:none}.action-buttons-inline{display:flex;gap:10px}.retro-button{font-family:"Press Start 2P",monospace;font-size:10px;padding:10px 16px;cursor:pointer;color:#fff;background:#666;border:none;transition:all .1s ease;user-select:none;-webkit-user-select:none;margin:0;display:block;box-sizing:border-box;box-shadow:0 4px #0000004d,0 5px 10px #0003}.retro-button:hover{transition:all .2s ease}.retro-button:active{transform:translateY(2px);box-shadow:0 2px #0000004d,0 3px 5px #00000026}.retro-button.small{font-size:9px;padding:6px 12px;box-shadow:0 3px #0000004d,0 4px 8px #0003}.retro-button.small:active{transform:translateY(2px);box-shadow:0 1px #0000004d,0 2px 4px #00000026}.retro-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}#rpg-interact-btn.retro-button:active{transform:translate(-50%) translateY(3px);margin-bottom:0}#startButton.retro-button{background:red}#becomeHostButton.retro-button{background:purple}.bot-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.bot-controls-label{font-family:"Press Start 2P",monospace;font-size:10px;color:#666}#playerList{max-width:400px;margin:20px auto}#playerList:empty{display:none}.player-item{margin:10px 0;display:flex;align-items:center;padding:5px;font-size:12px}.player-color{display:block;display:none;width:20px;height:20px;margin-right:10px;border:none}.winner-announcement{padding:10px 20px;text-align:center;margin:10px auto;animation:pulse 2s infinite;display:inline-block;box-sizing:border-box;max-width:320px;word-wrap:break-word}.error-message{color:red;margin-top:5px;font-size:14px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.settings-container{display:block;background:transparent;border:none;padding:0;margin:0;max-width:none}.in-lobby .settings-container{display:block}.settings-container+.settings-container{margin-top:10px}.settings-container:empty{display:none}#lobbyContainer #playerList{margin:0}#lobbyContainer #playerList:empty:after{content:"Waiting for players...";display:block;color:#666;font-size:14px;font-style:italic;text-align:center;margin-top:10px}.settings-container h3{margin-top:10px;margin-bottom:20px;color:#333;font-size:18px}.setting-row{display:flex;flex-direction:column;margin-bottom:12px}.setting-divider{border-top:none;margin:20px 0}body.dark-mode .setting-divider{border-top:none}.setting-row:has(input[type=range]:disabled){margin-bottom:8px}.setting-row:has(input[type=range]){flex-direction:row;align-items:center;gap:10px}.setting-row:has(input[type=range]) .setting-header{flex-shrink:0;width:180px;min-width:180px;justify-content:flex-start}.setting-header{display:flex;justify-content:space-between;align-items:center}.setting-row label{font-size:14px;color:#444}.setting-row input[type=range]{width:100%;height:8px;background:#ddd;outline:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.setting-row:has(input[type=range]) input[type=range]{flex:1;width:auto}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:#000;cursor:pointer}.setting-row input[type=range]:disabled{opacity:.3;cursor:not-allowed;display:none}.setting-row input[type=range]:disabled::-webkit-slider-thumb{background:#999;cursor:not-allowed;display:none}.setting-row span{font-size:14px;color:#666}.setting-row:has(input[type=range]) span{flex-shrink:0;width:50px;min-width:50px;text-align:right}.setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:none;background:#ccc;cursor:pointer;position:relative;margin:0;padding:0;border-radius:0;-webkit-border-radius:0;-webkit-transition:none!important;transition:none!important;animation:none!important;-webkit-animation:none!important}.setting-row input[type=checkbox]:checked{background-color:#000;-webkit-transition:none!important;transition:none!important;animation:none!important;-webkit-animation:none!important}.setting-row input[type=checkbox]:disabled{opacity:.3;cursor:not-allowed}.setting-row input[type=checkbox]:focus{outline:none}.setting-row:has(input[type=checkbox]){flex-direction:row;justify-content:space-between;align-items:center}.setting-row:has(input[type=checkbox]) .setting-header{margin-bottom:0}.inline-name-wrapper{display:flex;align-items:center;gap:8px}.current-name{font-size:12px;font-weight:700;color:#222;margin-right:8px}.inline-name-input{font-family:"Press Start 2P",monospace;font-size:12px;padding:4px 8px;border:none;background:#0000001a;width:120px;outline:none;text-align:center}.stats-tables{display:flex;flex-direction:column;margin-top:0;margin-bottom:0;align-items:flex-start}.game-stats,.overall-stats{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.team-stats{width:100%;max-width:100%;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-tables table{width:100%;border-collapse:collapse;background:#9b9b9b1a;border-radius:0}.stats-tables th,.stats-tables td{padding:8px;text-align:center;white-space:nowrap}.stats-tables th{background:#0000001f;font-size:9px;font-family:"Press Start 2P",monospace;text-transform:uppercase;letter-spacing:.8px;color:#757575}.stats-tables td{font-family:"Press Start 2P",monospace;font-size:12px}.stats-tables th:first-child,.stats-tables td:first-child{text-align:left}.stats-tables th:last-child,.stats-tables td:last-child{text-align:right}#winnerAnnouncement{width:100%;text-align:center;margin:10px 0 20px;display:flex;justify-content:center}#winnerAnnouncement:empty{display:none}select{padding:4px;border:none;border-radius:0;font-family:inherit;font-size:11px;color:#444;background:#ddd}select:focus{outline:none}.hall-of-fame{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.hof-category{flex:0 0 calc(50% - 10px);min-width:180px}.hof-title{text-align:center;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 0}.hof-title.hof-survival{color:orange}.hof-title.hof-dm{color:red}.hof-title.hof-koth{color:#00f}.hof-title.hof-ctf{color:green}.hof-title.hof-token-grab{color:#5f7}.hof-title.hof-arena{color:purple}.hof-title.hof-bounty{color:orange}.hof-table{width:100%;border-collapse:collapse;font-size:12px;background:#00000026}.hof-table th{font-size:9px;padding:8px;text-align:left;font-weight:600;background:#0000001f;text-transform:uppercase;letter-spacing:.8px;color:#757575}.hof-table .hof-th-rank{width:20px;text-align:left}.hof-table .hof-th-name{text-align:left}.hof-table .hof-th-value{text-align:right}.hof-table .hof-th-games{text-align:right;cursor:help}.hof-table td{padding:8px}.hof-table tr.local.rank-1{background:#ffd7004d}.hof-table tr.local.rank-2{background:#78787840}.hof-table tr.local.rank-3{background:#cd7f324d}.hof-table tr.local{background:#6495ed4d}.hof-table .hof-rank{font-weight:700;font-size:12px;text-align:left}.hof-table .hof-rank.gold{color:#b8960c}.hof-table .hof-rank.silver{color:#707070}.hof-table .hof-rank.bronze{color:#a05a20}.hof-table .hof-rank.you{color:#4a7dcf}.hof-table tr.hof-ellipsis td{text-align:center;color:#999;padding:4px 8px;font-size:16px}.hof-table .hof-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;text-align:left}.hof-table .hof-value{font-weight:700;text-align:right}.hof-table .hof-games{text-align:right}.leaderboard-table th{cursor:help}.leaderboard-table tr.local-player,.game-stats tr.local-player{background:#6495ed40!important}.leaderboard-table tr.local-player td,.game-stats tr.local-player td{font-weight:700}.last-game-meta{margin:8px 0 14px}.last-game-meta-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.last-game-meta-pill{display:flex;align-items:baseline;gap:6px;padding:6px 10px;background:#ffffff1a;border:2px solid rgba(255,165,0,.24)}.last-game-meta-key{font-size:10px;text-transform:uppercase;color:#777}.last-game-meta-value{font-size:12px;font-weight:700;color:#333}body.dark-mode{background:#2d2d2d}body.dark-mode #lobby{background:#2d2d2d;color:#e0e0e0}body.dark-mode #lobby h2{color:#9b9b9b}body.dark-mode #lobbyContainer #playerList .player-item,body.dark-mode .settings-container{background:#2d2d2d}body.dark-mode .settings-container h3,body.dark-mode .setting-row label{color:#9b9b9b}body.dark-mode .setting-row input[type=range]{background:#404040}body.dark-mode .setting-row input[type=range]::-webkit-slider-thumb{background:#9b9b9b}body.dark-mode .setting-row input[type=checkbox]{background:#555}body.dark-mode .setting-row input[type=checkbox]:checked{background:#9b9b9b}body.dark-mode .current-name{color:#e0e0e0}body.dark-mode .inline-name-input{background:#ffffff1a;color:#e0e0e0}body.dark-mode .winner-announcement{color:#9b9b9b}body.dark-mode #leaderboardContainer h3,body.dark-mode .stats-tables h4{color:#9b9b9b}body.dark-mode .hof-table{background:#ffffff14}body.dark-mode .last-game-meta-pill{background:#ffffff0f;border-color:#ffa50047}body.dark-mode .last-game-meta-key{color:#b0b0b0}body.dark-mode .last-game-meta-value{color:#e0e0e0}@media(max-width:700px){.last-game-meta-pills{gap:8px}}body.dark-mode .hof-table .hof-rank.gold{color:gold}body.dark-mode .hof-table .hof-rank.silver{color:silver}body.dark-mode .hof-table .hof-rank.bronze{color:#cd7f32}body.dark-mode .hof-table .hof-rank.you{color:#6495ed}body.dark-mode .hof-table tr.hof-ellipsis td{color:#666}body.dark-mode .hof-table tr.local.rank-2{background:#c0c0c04d}body.dark-mode .stats-tables td{color:#e0e0e0}body.dark-mode .stats-tables table{background:#9b9b9b1a}body.dark-mode .stats-tables th,body.dark-mode .hof-table th{background:#9b9b9b1f;color:#a7a7a7}.team-selection{display:flex;justify-content:center}.custom-game-row .team-selection{justify-content:flex-start}.custom-game-row .team-selection table{margin:10px 0}.team-selection table{width:100%;max-width:360px;border-collapse:collapse;margin:10px auto;background:#9b9b9b1a;border-radius:0}.team-selection th,.team-selection td{padding:8px;text-align:center;font-family:"Press Start 2P",monospace;font-size:12px}.team-selection th{background:#0003;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#757575}.team-selection th:first-child{text-align:left}.team-selection td{color:#2f2f2f}.team-selection td:first-child{text-align:left}.team-box{width:18px;height:18px;margin:0 auto}.red-box{background-color:red}.blue-box{background-color:#00f}.green-box{background-color:green}.orange-box{background-color:orange}.team-selection input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-color:#0000001a;cursor:pointer;position:relative;margin:0;padding:0;border-radius:0%;-webkit-border-radius:0;-webkit-transition:none!important;transition:none!important;animation:none!important;-webkit-animation:none!important}.team-selection input[type=radio].team-red:checked{background-color:red;border-color:red}.team-selection input[type=radio].team-blue:checked{background-color:#00f;border-color:#00f}.team-selection input[type=radio].team-green:checked{background-color:green;border-color:green}.team-selection input[type=radio].team-orange:checked{background-color:orange;border-color:orange}.dark-mode .team-selection input[type=radio]{background-color:#9b9b9b33}body.dark-mode .team-selection th{background:#9b9b9b1f;color:#a7a7a7}body.dark-mode .team-selection td{color:#e0e0e0}body.dark-mode .player-name-display{color:#e0e0e0;background:#505050}body.dark-mode .player-name-display:hover{background:#5a5a5a;box-shadow:0 4px 12px #0006}body.dark-mode .lobby-content{background:#383838}body.dark-mode *{scrollbar-color:#444 transparent}body.dark-mode .nav-button.active{background:#383838}body.dark-mode .nav-button.active:before{background:#383838}body.dark-mode .bot-controls-label{color:#888}body.dark-mode .players-content h3{color:#9b9b9b}.card-grid{display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;margin:10px 0}.card{--card-color: green;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:#c8c8c8;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:90px;min-width:90px;height:90px;min-height:90px;border:none;position:relative;box-sizing:border-box;transition:all .15s ease;box-shadow:0 2px 8px #00000026}.card:after{display:none}.card:hover{background:#d8d8d8;transform:translateY(-1px)}.card:active{transform:translateY(2px)}.card--toggle:active,.card[data-mode-id]:active{transform:translateY(2px);margin-bottom:0}.rpg-card:active{transform:translateY(2px);box-shadow:0 1px 4px #00000026}.card.selected{background:var(--card-color)}.card.selected .card-label,.card.selected .card-title,.card.selected .card-description{color:#fff}.card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}body.dark-mode .card{background:#505050}body.dark-mode .card:hover{background:#5a5a5a}body.dark-mode .card.selected{background:var(--card-color)}.card-label,.card-title{font-family:"Press Start 2P",monospace;font-size:8px;color:#222;text-align:center;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.card-description{font-family:"Press Start 2P",monospace;font-size:7px;color:#444;text-align:center;line-height:1.4}.card-canvas{display:block;margin-bottom:4px;width:60px;height:60px;transition:none}.card-image{width:60px;height:60px;object-fit:cover;margin-bottom:8px;border:none;transition:none}.card-placeholder{width:60px;height:60px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#666;text-align:center;transition:none}.card.selected .card-placeholder{color:#fff}body.dark-mode .card-label,body.dark-mode .card-title{color:#e0e0e0}body.dark-mode .card-description{color:#bbb}body.dark-mode .card-placeholder{color:#999}body.dark-mode .card.selected .card-placeholder{color:#fff}.card--green{--card-color: green}.card--blue{--card-color: blue}.card--purple{--card-color: purple}.card--orange{--card-color: orange}.card--toggle{width:70px;min-width:70px;height:70px;min-height:70px;padding:8px}.card--toggle:hover{transform:translateY(-1px)}.card--toggle:active{transform:translateY(2px)}.perks-container{display:flex;flex-direction:column;gap:15px}.perks-category{display:flex;flex-direction:column;gap:8px}.perks-category:not(:first-child){border-top:none;padding-top:15px}body.dark-mode .perks-category:not(:first-child){border-top:none}.perks-category-label{font-family:"Press Start 2P",monospace;font-size:10px;color:#333;text-align:left;margin-bottom:8px}body.dark-mode .perks-category-label{color:#9b9b9b}.tank-design-row{border-bottom:none;padding-bottom:15px}body.dark-mode .tank-design-row{border-bottom:none}.perks-section-row{border-bottom:none;padding-bottom:7px}body.dark-mode .perks-section-row{border-bottom:none}.card-icon{margin-bottom:8px}.perk-description{--perk-color: transparent;font-family:"Press Start 2P",monospace;font-size:8px;color:#444;line-height:1.5;text-align:left;border-left:5px solid var(--perk-color);padding-left:8px}body.dark-mode .perk-description{color:#aaa}.content-section{overflow:visible}body.dark-mode select{border:none;outline:none;background-color:#404040;color:#9b9b9b}.orientation-banner{display:none;position:fixed;top:50px;left:50%;transform:translate(-50%);width:65vw;max-width:280px;padding:8px 32px 8px 12px;background:#e0e0e0;border:none;z-index:10001;font-family:"Press Start 2P",monospace;align-items:center;gap:8px;box-shadow:0 4px 16px #00000040}.orientation-banner.dismissed{display:none!important}.orientation-banner-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(2px);z-index:10000}.orientation-banner-backdrop.dismissed{display:none!important}.orientation-banner-icon{width:35%;min-width:80px;height:auto;flex-shrink:0;margin-top:6px}.orientation-banner-text{font-size:12px;color:#333}.orientation-banner-close{position:absolute;top:6px;right:6px;background:none;border:none;font-size:26px;color:#888;cursor:pointer;padding:4px 8px;line-height:1}.orientation-banner-close:hover{color:#555}body.dark-mode .orientation-banner{background:#2a2a2a}body.dark-mode .orientation-banner-text{color:#ddd}body.dark-mode .orientation-banner-close{color:#999}body.dark-mode .orientation-banner-close:hover{color:#ccc}body.dark-mode .orientation-banner .phone-vertical{stroke:#777}body.dark-mode .orientation-banner .phone-horizontal,body.dark-mode .orientation-banner .arrow{stroke:#bbb}body.dark-mode .orientation-banner .arrowhead{fill:#bbb}.gamepad-focused{outline:2px solid #444!important;outline-offset:2px!important}.gamepad-focused input[type=checkbox],.gamepad-focused input[type=range]{transform:scale(1.1)!important}.gamepad-focused input[type=radio]{transform:scale(1.25)!important}.dark-mode .gamepad-focused{outline:2px solid #9b9b9b!important}.setting-group{margin-top:10px}.settings-popup-btn{position:fixed;top:8px;right:20px;z-index:10000;padding:8px;background:#0000001a;border:none;border-radius:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.dark-mode .settings-popup-btn{background:#ffffff1a}.settings-popup-btn-line{display:block;width:18px;height:2px;margin:2px 0;background:#444;transition:transform .2s ease,opacity .2s ease}body.dark-mode .settings-popup-btn-line{background:#9b9b9b}.settings-popup-btn.open .settings-popup-btn-line:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.settings-popup-btn.open .settings-popup-btn-line:nth-child(2){opacity:0}.settings-popup-btn.open .settings-popup-btn-line:nth-child(3){transform:rotate(-45deg) translate(3px,-3px)}.settings-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1001;display:flex;justify-content:flex-end;align-items:center;pointer-events:none}.settings-popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.settings-popup{width:25%;max-height:80%;background:#ebebebf2;padding:15px;margin-right:20px;font-family:"Press Start 2P",monospace;overflow-y:auto;position:relative;border:none;pointer-events:auto}.settings-popup h3{margin:0 0 12px;font-size:12px;color:#333;text-align:center}.settings-popup .setting-row{margin-bottom:8px}.settings-popup .setting-header{margin-bottom:8px;margin-top:0}.settings-popup .setting-row label,.settings-popup .setting-row span{font-size:12px}.settings-popup .setting-row:has(input[type=range]){flex-direction:column}.settings-popup .setting-row:has(input[type=range]) .setting-header{width:100%;min-width:auto;justify-content:space-between;margin-bottom:8px}.settings-popup .setting-row:has(input[type=range]) input[type=range]{width:100%;flex:none}.settings-popup .setting-row:has(input[type=range]) span{width:auto;min-width:auto;text-align:left}body.dark-mode .settings-popup{background:#2a2a2ae6}body.dark-mode .settings-popup h3{color:#ddd}.end-game-btn{background:#b22222}.end-game-confirm{display:flex;align-items:center;gap:8px}.end-game-confirm span{font-size:9px;font-weight:700}.end-game-yes{background:green}.end-game-no{background:#b22222}@keyframes medal-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.medal-glow{filter:drop-shadow(0 0 2px rgba(255,215,0,.7))}.medal-legendary{animation:medal-pulse 2s infinite ease-in-out;filter:drop-shadow(0 0 4px rgba(147,112,219,.9))}.graffiti-editor{display:flex;flex-direction:column;gap:12px;margin-top:10px}.graffiti-slots{display:flex;gap:12px}.graffiti-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:none;cursor:pointer;background:#c8c8c8;transition:all .15s ease;box-shadow:0 2px 8px #00000026}.graffiti-slot:hover{background:#d8d8d8;transform:translateY(-1px)}.graffiti-slot.active{background:green}.graffiti-slot.active span{color:#fff}.graffiti-slot span{font-size:10px;color:#222}.graffiti-preview{width:60px;height:60px;image-rendering:pixelated}.graffiti-slot.active .graffiti-preview{filter:brightness(0) invert(1)}body.dark-mode .graffiti-slot{background:#505050;box-shadow:0 2px 8px #0000004d}body.dark-mode .graffiti-slot:hover{background:#5a5a5a}body.dark-mode .graffiti-slot.active{background:green}body.dark-mode .graffiti-slot span{color:#e0e0e0}body.dark-mode .graffiti-slot.active span{color:#fff}.graffiti-edit-area{display:flex;flex-direction:row;gap:10px}.graffiti-controls{display:flex;flex-direction:column;gap:8px}.graffiti-controls .retro-button.small{width:90px}#graffitiCanvas{width:min(70vh,400px);height:min(70vh,400px);border:2px solid #ccc;cursor:crosshair;touch-action:none}body.dark-mode #graffitiCanvas{border-color:#555}.quick-play-section{background:linear-gradient(135deg,orange 0% 100%);border:none;padding:20px;margin-bottom:20px;position:relative}.quick-play-content{display:flex;justify-content:space-between;align-items:center;gap:20px}.quick-play-info{display:flex;flex-direction:column;gap:4px}.quick-play-title{font-size:14px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-align:left}.quick-play-desc{font-size:10px;color:#ffffffe6;margin-top:5px;text-align:left}.custom-game-section{border:none;margin-bottom:20px}.custom-game-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;background:#00f;-webkit-user-select:none;user-select:none}.custom-game-title{font-size:14px;font-weight:700;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3);text-align:left}.custom-game-info{display:flex;flex-direction:column;gap:4px;text-align:left}.custom-game-desc{font-size:10px;color:#ffffffe6;margin-top:5px}.custom-game-desc--locked,.custom-game-section.locked .custom-game-desc--unlocked{display:none}.custom-game-section.locked .custom-game-desc--locked{display:block}.custom-game-section.locked .custom-game-header{background:#888;cursor:not-allowed}.custom-game-section.locked .custom-game-toggle{display:none}.custom-game-section.locked .custom-game-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.custom-game-toggle{font-size:18px;color:#fff;transition:transform .4s ease-in-out;transform:rotate(-180deg) scaleX(1.5);margin-right:20px}.custom-game-section.collapsed .custom-game-toggle{transform:rotate(0) scaleX(1.5)}.custom-game-content{padding:15px 20px 20px;max-height:2000px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:1}.custom-game-section.collapsed .custom-game-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.custom-game-row{display:flex;gap:20px;margin-bottom:20px;align-items:flex-start}.custom-game-row .team-selection{flex:1}.custom-game-controls{display:flex;flex-direction:column;gap:10px;min-width:140px}.bot-controls-box{display:flex;align-items:center;gap:5px;padding:10px 15px;background:#9b9b9b26;border:none}.start-game-btn{background:red;text-shadow:1px 1px 0 rgba(0,0,0,.3)}body.dark-mode .custom-game-header{background:#00f}body.dark-mode .custom-game-title,body.dark-mode .custom-game-toggle{color:#fff}body.dark-mode .custom-game-content h4{color:#888!important}body.dark-mode .bot-controls-box{background:#6464644d}.custom-game-section-label{font-family:"Press Start 2P",monospace;font-size:10px;color:#333;text-align:left;margin-bottom:8px;margin-top:15px}.custom-game-section-label:first-child{margin-top:0}body.dark-mode .custom-game-section-label{color:#9b9b9b}#pre-match-screen{position:fixed;inset:0;z-index:1000;background:#f8f8f8;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;color:#333;overflow:hidden;padding:32px 24px 96px;box-sizing:border-box}body.dark-mode #pre-match-screen{background:#2d2d2d;color:#e0e0e0}.pm-content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:90vw;width:100%}.pm-quote-wrap{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:7fr auto 3fr;align-items:center;pointer-events:none}.pm-quote-block{display:contents}.pm-quote-text{grid-column:1;justify-self:end;font-size:10px;line-height:1.55;max-width:min(920px,calc(70vw - 80px));text-align:right;text-wrap:balance}.pm-quote-separator{grid-column:2;width:3px;height:1.9em;background:var(--pm-quote-accent, orange);margin:0 12px;align-self:center}.pm-quote-author{grid-column:3;justify-self:start;text-align:left;white-space:nowrap}.pm-shaded-text{text-shadow:2px 2px 0 rgba(0,0,0,.3),4px 4px 0 rgba(0,0,0,.1)}body.dark-mode .pm-shaded-text{text-shadow:2px 2px 0 rgba(255,255,255,.2),4px 4px 0 rgba(255,255,255,.1)}.pm-section,.pm-team{opacity:0;transform:translateY(40px)}@keyframes pmSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pm-animate-in .pm-mode-name{animation:pmSlideIn .2s ease-out .05s forwards}.pm-animate-in .pm-mode-objective{animation:pmSlideIn .2s ease-out .15s forwards}.pm-animate-in .pm-team:first-child{animation:pmSlideIn .2s ease-out .4s forwards}.pm-animate-in .pm-team:nth-child(n+2){animation:pmSlideIn .2s ease-out .6s forwards}.pm-animate-in .pm-actions{animation:pmSlideIn .2s ease-out .8s forwards}.pm-animate-in .pm-quote-wrap{animation:pmSlideIn .2s ease-out .95s forwards;opacity:0;transform:translateY(40px)}@keyframes pmFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pmContainerFadeOut{to{background:transparent}}#pre-match-screen.pm-animate-out{animation:pmContainerFadeOut .5s ease-in forwards}.pm-animate-out .pm-section,.pm-animate-out .pm-team,.pm-animate-out .pm-quote-wrap{animation:pmFadeOut .4s ease-in forwards}.pm-mode-name{font-size:22px;text-align:center;letter-spacing:1px;color:#00f;margin-top:30px}.pm-mode-objective{font-size:10px;text-align:center;max-width:700px;line-height:1.6}.pm-settings-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.pm-badge{font-size:8px;padding:6px 10px;border:none;background:#00000014;letter-spacing:.5px;font-weight:700;color:#555;box-shadow:none}body.dark-mode .pm-badge{background:#fff3;color:#fff}.pm-badge-on,body.dark-mode .pm-badge-on{background:orange;color:#fff}.pm-teams-container{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;padding-top:20px}.pm-team{display:flex;flex-direction:column;align-items:center;gap:8px}.pm-team-label{font-size:12px;font-weight:700;text-shadow:2px 2px 0 rgba(0,0,0,.2);letter-spacing:1px}.pm-players-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media(max-width:700px){#pre-match-screen{padding:24px 16px 112px}.pm-quote-wrap{left:16px;right:16px;bottom:16px}.pm-quote-text{font-size:9px;line-height:1.6;max-width:min(920px,calc(70vw - 56px))}.pm-quote-separator{width:2px;margin:0 8px}}.pm-player{display:flex;flex-direction:column;align-items:center;width:60px}.pm-tank-canvas{width:48px;height:48px;image-rendering:pixelated}.pm-player-name{font-size:7px;margin-top:4px;text-align:center;word-break:break-all;line-height:1.2;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-local-player{font-weight:700;color:#000}body.dark-mode .pm-local-player{color:#fff}.pm-player-local{padding:6px;background:#00000014;transform:scale(1.1);margin:0 4px}body.dark-mode .pm-player-local{background:#ffffff1f}.pm-player-perks{display:flex;gap:1px;margin-top:2px;justify-content:center}.pm-actions{margin-top:4px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pm-ready-btn{background:green;font-size:8px!important;padding:8px 16px!important;order:1}.pm-ready-btn:disabled{background:#666;opacity:.7;cursor:default}.pm-ready-indicator{font-size:7px;color:green;margin-top:2px;font-weight:700}body.dark-mode .pm-ready-indicator{color:#4caf50}.pm-adjust-perks-btn{font-size:8px!important;padding:8px 16px!important}.pm-top-left{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.pm-settings-badges{display:flex;flex-direction:column;gap:4px}.pm-cancel-btn{background:#b22222;font-size:8px!important;padding:8px 16px!important}.pm-adjust-tank-btn{font-size:8px!important;padding:8px 16px!important}.pm-perk-overlay{position:fixed;inset:0;z-index:1100;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:pmFadeIn .2s ease-out}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}.pm-perk-overlay-content{background:#f8f8f8;border:none;padding:20px;width:450px;max-width:90vw;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px}body.dark-mode .pm-perk-overlay-content{background:#383838}.pm-perk-overlay-title{font-size:14px;margin-bottom:4px}.pm-perks-container{display:flex;flex-direction:column;gap:12px;width:100%}.pm-perk-category{display:flex;flex-direction:column;gap:6px}.pm-perk-done-btn{font-size:9px!important;padding:8px 24px!important;margin-top:4px}.pm-perk-overlay .perk-description{min-height:2em}.pm-tank-overlay{position:fixed;inset:0;z-index:1100;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:pmFadeIn .2s ease-out}.pm-tank-overlay-content{background:#f8f8f8;border:none;padding:20px;width:580px;max-width:95vw;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:12px}body.dark-mode .pm-tank-overlay-content{background:#383838}.pm-tank-overlay-title{font-size:14px;margin-bottom:4px}.pm-tank-designs-container{display:flex;flex-direction:column;gap:12px;width:100%}.pm-tank-grid{justify-content:center;overflow-x:visible}.pm-tank-card-canvas{width:60px;height:60px;image-rendering:pixelated}.pm-tank-done-btn{font-size:9px!important;padding:8px 24px!important;margin-top:4px}.info-popup{position:fixed;z-index:10000;background:#ddd;color:#444;border:none;padding:12px;font-family:"Press Start 2P",monospace;box-shadow:0 4px 15px #0000004d;pointer-events:auto;width:280px;display:none}.info-popup-header{font-size:10px;margin-bottom:8px;text-align:left}.info-popup-line{border-bottom:none;margin-bottom:8px}.info-popup-body{font-size:8px;line-height:1.4}.info-popup-body em{font-style:normal;color:orange}body.dark-mode .info-popup{background:#404040;color:#9b9b9b}.tutorial-popup-overlay{position:fixed;inset:0;z-index:10001;background:transparent;display:none;justify-content:center;align-items:flex-start;padding-top:80px;pointer-events:none}.tutorial-popup{position:relative;background:#ddd;color:#444;border:none;padding:12px;font-family:"Press Start 2P",monospace;box-shadow:0 4px 15px #0000004d;width:280px;pointer-events:auto}.tutorial-popup[data-size=large]{width:400px}.tutorial-popup-header{font-size:10px;margin-bottom:8px;text-align:left}.tutorial-popup-line{border-bottom:none;margin-bottom:8px}.tutorial-popup-body{font-size:8px;line-height:1.4;min-height:40px}.tutorial-popup-body em{font-style:normal;color:var(--em-color, orange)}.tutorial-popup-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:12px;gap:10px}.tutorial-popup-indicator{font-size:8px;color:#666}.tutorial-popup-nav{display:flex;gap:8px}.tutorial-popup-nav .retro-button.small{outline:none}.tutorial-popup-nav .tutorial-popup-next{background:purple}body.dark-mode .tutorial-popup{background:#404040;color:#9b9b9b}body.dark-mode .tutorial-popup-indicator{color:#888}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:20px}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#c8c8c8;border:none;cursor:pointer;transition:all .15s ease;gap:8px;box-shadow:0 2px 8px #00000026}.info-card:hover{background:#d8d8d8;transform:translateY(-1px)}.info-card:active{transform:translateY(2px)}.info-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.info-card-icon svg{display:block}.info-card-label{font-family:"Press Start 2P",monospace;font-size:8px;color:#222;text-align:center;line-height:1.3}body.dark-mode .info-card{background:#505050;box-shadow:0 2px 8px #0000004d}body.dark-mode .info-card:hover{background:#5a5a5a;box-shadow:0 4px 12px #0006}body.dark-mode .info-card-label{color:#e0e0e0}.info-about-section{text-align:left}.info-credit{font-family:"Press Start 2P",monospace;font-size:10px;color:#666;margin-bottom:16px;line-height:1.8}.info-credit a{color:#7289da}.info-credit-highlight{color:red}body.dark-mode .info-credit{color:#999}.info-version{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-family:"Press Start 2P",monospace}.info-version-label{font-size:10px;color:#666}.info-version-value{font-size:10px;color:#00f;margin-left:auto;margin-right:20px}body.dark-mode .info-version-label{color:#999}body.dark-mode .info-version-value{color:#6af}.info-changelog{border:none;background:#ddd}body.dark-mode .info-changelog{background:#404040}.info-changelog-header{display:flex;justify-content:space-between;align-items:center;padding:12px;cursor:pointer;font-family:"Press Start 2P",monospace;transition:background .15s ease}.info-changelog-title{font-size:10px;color:#666}body.dark-mode .info-changelog-title{color:#999}.info-changelog-toggle{font-size:12px;color:#999;transition:transform .3s ease;transform:scaleX(1.2);pointer-events:none;margin-right:8px}.info-changelog-header.expanded .info-changelog-toggle{transform:rotate(180deg) scaleX(1.2)}.info-changelog-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:transparent}.info-changelog-content.expanded{max-height:500px}.changelog-entry{padding:12px;border-top:none;font-family:"Press Start 2P",monospace;background:#ebebeb}body.dark-mode .changelog-entry{background:#383838}.changelog-version{font-size:9px;color:#00f;display:block;margin-bottom:8px}.changelog-entry ul{margin:0;padding-left:16px;font-size:8px;line-height:1.8;color:#666}body.dark-mode .changelog-entry ul{color:#999}.changelog-entry li{margin-bottom:4px}.welcome-overlay{position:fixed;inset:0;z-index:10002;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:20px}.welcome-popup{background:#f0f0f0;border:none;padding:0;max-width:320px;width:100%;text-align:center;font-family:"Press Start 2P",monospace;box-shadow:0 8px 32px #00000080;overflow:hidden}.welcome-header{margin-bottom:0}.welcome-logo{width:80px;height:80px;margin-bottom:12px}.welcome-tank-canvas{width:100%;height:120px;display:block}.welcome-title{font-size:28px;margin:0;padding:0 30px 16px;text-shadow:3px 3px 0 rgba(0,0,0,.2)}.welcome-content{display:flex;flex-direction:column;gap:10px;padding:0 30px 24px}.welcome-subtitle{font-size:10px;color:#666;margin:0}.welcome-name-input{font-family:"Press Start 2P",monospace;font-size:12px;padding:12px;border:none;background:#ddd;text-align:center;width:100%;box-sizing:border-box}.welcome-name-input:focus{outline:none;background:#ccc}.welcome-error{color:red;font-size:8px;min-height:16px}.welcome-join-btn{background:purple;color:#fff;font-size:14px;padding:14px 24px}body.dark-mode .welcome-popup{background:#383838}body.dark-mode .welcome-subtitle{color:#999}body.dark-mode .welcome-name-input{background:#404040;color:#e0e0e0}body.dark-mode .welcome-name-input:focus{background:#505050}body.welcome-active #lobby{visibility:hidden}body.welcome-active .orientation-banner,body.welcome-active .orientation-banner-backdrop{display:none!important}.pwa-install-overlay{position:fixed;inset:0;z-index:10003;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-end;padding:0}.pwa-install-popup{background:#f0f0f0;border:none;padding:30px;width:100%;max-width:500px;max-height:66vh;text-align:center;font-family:"Press Start 2P",monospace;box-shadow:0 -8px 32px #0003;display:flex;flex-direction:column;gap:24px}.pwa-install-header{display:flex;flex-direction:column;align-items:center;gap:12px}.pwa-install-logo{width:60px;height:60px}.pwa-install-title{font-size:28px;margin:0;text-shadow:3px 3px 0 rgba(0,0,0,.05);color:#333}.pwa-install-prefix{color:#888}.pwa-install-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.pwa-install-subtitle{font-size:12px;color:#666;margin:0}.pwa-install-instructions{font-size:10px;color:#555;line-height:1.8}.pwa-install-instructions strong{color:red;font-weight:700}.pwa-install-close-btn{background:purple;color:#fff;font-size:14px;padding:14px 24px}body.dark-mode .pwa-install-popup{background:#383838}body.dark-mode .pwa-install-title{color:#e0e0e0}body.dark-mode .pwa-install-prefix,body.dark-mode .pwa-install-subtitle{color:#999}body.dark-mode .pwa-install-instructions{color:#aaa}body.dark-mode .pwa-install-instructions strong{color:#f66}body.pwa-install-active #lobby{visibility:hidden}body.pwa-install-active .orientation-banner,body.pwa-install-active .orientation-banner-backdrop{display:none!important}.info-icon{display:inline-block;position:relative;top:-2px;margin-left:2px;margin-top:-4px;margin-bottom:-4px;font-size:12px!important;color:#aaa!important;cursor:pointer;border:none;background:#0000000d;border-radius:50%;width:20px;padding-left:2px;height:20px;line-height:20px;text-align:center;vertical-align:middle;font-family:"Press Start 2P",monospace}.info-icon:hover{color:#444!important;background:#0003;transform:scale(1.1)}body.dark-mode .info-icon{color:#666!important;background:#ffffff0d}body.dark-mode .info-icon:hover{color:#9b9b9b!important;background:#fff3}