@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;-webkit-text-size-adjust:100%;text-size-adjust:100%;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;--top-h: 50px}#lobby:before{content:"";position:absolute;inset:0 -40px;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.04) 31px,rgba(0,0,0,.04) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.04) 31px,rgba(0,0,0,.04) 32px);animation:lobbyGroundDrift 9s linear infinite}@keyframes lobbyGroundDrift{to{transform:translate(-32.24px)}}#lobby.lobby-exit>*{transform:translate(-100%);opacity:.4;pointer-events:none}#lobby>*{transition:transform .4s ease-out,opacity .4s ease-out}#lobby.lobby-enter>*{transform:translate(-100%);opacity:0;transition:none}.nav-button[data-target=teamSelectionContainer],#lobby[data-tab=teamSelectionContainer]{--tab-color: red;--tab-edge: #a00000}.nav-button[data-target=loadoutContainer],#lobby[data-tab=loadoutContainer]{--tab-color: green;--tab-edge: #004d00}.nav-button[data-target=progressContainer],#lobby[data-tab=progressContainer]{--tab-color: #3b82f6;--tab-edge: #1e4fae}.nav-button[data-target=settingsContainer],#lobby[data-tab=settingsContainer]{--tab-color: purple;--tab-edge: #4a004a}.nav-button[data-target=statsContainer],#lobby[data-tab=statsContainer]{--tab-color: orange;--tab-edge: #b06f00}.nav-button[data-target=infoContainer],#lobby[data-tab=infoContainer]{--tab-color: #888;--tab-edge: #555}#lobby>h2{text-align:center;margin:0;padding:15px 0;height:var(--top-h);box-sizing:border-box;text-shadow:3px 3px 0 rgba(0,0,0,.2)}.lobby-grid{display:grid;grid-template-columns:25% minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc((var(--vh, 1vh) * 100) - var(--top-h));margin-right:20px;position:relative;--lobby-divider-width: 72px;--lobby-divider-cut: 36px;--lobby-surface: rgba(235, 235, 235, 1)}.lobby-grid:before{content:"";position:absolute;top:0;bottom:0;pointer-events:none}.lobby-grid:before{left:calc(25% - var(--lobby-divider-width) + 2px);width:var(--lobby-divider-width);background:var(--lobby-surface);clip-path:polygon(var(--lobby-divider-cut) 0,100% 0,100% 100%,0 100%);box-shadow:14px 0 24px #00000014;z-index:2}.lobby-nav{grid-area:1 / 1;background:transparent;padding:0 0 20px 20px;display:flex;flex-direction:column;min-height:0;overflow:visible;z-index:4}.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:#d4d4d4;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;flex:none}.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{position:relative;display:flex;flex-direction:column;gap:6px;min-height:0;margin-right:30px}.nav-button{font-family:"Press Start 2P",monospace;position:relative;z-index:1;display:flex;align-items:center;gap:12px;flex:0 1 44px;min-height:0;padding:0 14px;cursor:pointer;text-align:left;font-size:clamp(8px,1.2vw,12px);color:var(--tab-ink, var(--tab-color));width:100%;border:none;background:transparent;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;transition:color .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.nav-button:hover{transform:translate(4px)}.nav-button.active,.nav-button.active:hover{color:#fff;transform:none}.nav-button.active .nav-label{text-shadow:.8px 2px 0 rgba(0,0,0,.3)}.nav-icon{flex:none;width:18px;height:18px;fill:currentColor}.nav-indicator{position:absolute;left:0;top:0;width:var(--ind-w, 0px);height:var(--ind-h, 0px);transform:translate(var(--ind-x, 0px),var(--ind-y, 0px));background:var(--tab-color);box-shadow:1.6px 4px 0 var(--tab-edge);pointer-events:none}.nav-indicator.ready{transition:transform .42s cubic-bezier(.34,1.4,.64,1),width .3s ease,height .3s ease,background-color .3s ease,box-shadow .3s ease}.nav-button.has-alert:after{content:"";position:absolute;top:calc(50% - 13px);left:28px;width:7px;height:7px;background:#ff2d2d;box-shadow:.4px 1px #8f0000;animation:navAlertBlink 1s steps(1) infinite}@keyframes navAlertBlink{50%{opacity:0}}.nav-player-count{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:10px;line-height:1;color:#888}.nav-player-count:before{content:"";width:7px;height:7px;background:#22c55e}.nav-button.active .nav-player-count{color:#fff}.nav-player-count:empty{display:none}.nav-button[data-target=statsContainer]{-webkit-touch-callout:none}.lobby-content{grid-area:1 / 2;background:var(--lobby-surface);padding:20px 30px 20px 20px;overflow-y:auto;position:relative;text-align:center;display:flex;flex-direction:column;border:none;overflow-x:hidden;scrollbar-color:var(--tab-color) transparent}.lobby-scroll-more{grid-area:1 / 2;z-index:3;pointer-events:none;align-self:end;justify-self:center;display:grid;place-items:center;width:40px;height:24px;margin-bottom:28px;color:#fff;background:var(--tab-color);box-shadow:1.2px 3px 0 var(--tab-edge);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .3s ease,box-shadow .3s ease}.lobby-scroll-more-arrow{font-size:12px;line-height:1;transform:translateY(-3px) scaleX(1.5)}.lobby-grid.show-more-cue .lobby-scroll-more{opacity:1;pointer-events:auto;animation:lobbyMoreBounce 1.2s ease-in-out infinite}@keyframes lobbyMoreBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}*{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>*,.content-section.slide-in-from-below>*{animation:lobbyDealFromBelow .42s cubic-bezier(.2,.9,.3,1.15) backwards}.content-section.slide-in-from-above>*{animation-name:lobbyDealFromAbove}.content-section.slide-in-from-above>:nth-child(2),.content-section.slide-in-from-below>:nth-child(2){animation-delay:.04s}.content-section.slide-in-from-above>:nth-child(3),.content-section.slide-in-from-below>:nth-child(3){animation-delay:.08s}.content-section.slide-in-from-above>:nth-child(4),.content-section.slide-in-from-below>:nth-child(4){animation-delay:.12s}.content-section.slide-in-from-above>:nth-child(5),.content-section.slide-in-from-below>:nth-child(5){animation-delay:.16s}.content-section.slide-in-from-above>:nth-child(n+6),.content-section.slide-in-from-below>:nth-child(n+6){animation-delay:.2s}@keyframes lobbyDealFromBelow{0%{opacity:0;transform:translateY(36px)}}@keyframes lobbyDealFromAbove{0%{opacity:0;transform:translateY(-36px)}}.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}@media(orientation:portrait)and (max-width:700px){#lobby{--top-h: env(safe-area-inset-top, 0px);--header-right: 150px;padding-top:var(--top-h);box-sizing:border-box}@supports (-webkit-touch-callout: none){#lobby{--top-h: max( calc(env(safe-area-inset-top, 0px) + 14px) , 60px)}}#lobby{--beside-card: calc(var(--card-right, calc(100% - 12px - var(--header-right))) + 12px)}#lobby>h2{position:absolute;top:calc(var(--top-h) + 16px);left:var(--beside-card);right:12px;height:auto;padding:0;font-size:16px;line-height:1;z-index:5}#lobby .lobby-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;margin:0}#lobby .lobby-grid:before{display:none}#lobby .lobby-nav{display:contents}#lobby .player-name-display{grid-row:1;grid-column:1;justify-self:start;max-width:calc(100% - 24px - var(--header-right));margin:10px 12px 12px;padding:6px 12px;min-height:0;font-size:10px}#lobby .player-name-display .player-level-bar-track{flex:0 1 72px;min-width:0}#lobby .player-name-display .tank-design-preview{width:44px!important;height:44px!important;margin:-4px 0 -4px -4px}#lobby .player-name-display .player-name-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#lobby .player-name-display .player-level-row{margin-top:6px}#lobby .lobby-content,#lobby .lobby-scroll-more{grid-area:2 / 1}#lobby .lobby-content{padding:16px 14px 40px;box-shadow:none}#lobby .nav-buttons{grid-row:3;grid-column:1;flex-direction:row;gap:4px;margin:0;padding:6px 6px max(6px,calc(env(safe-area-inset-bottom,0px) - 12px));background:var(--lobby-surface);box-shadow:0 -2px 0 var(--box-edge);z-index:4}#lobby .nav-button{flex:1 1 0;min-width:0;height:52px;flex-direction:column;justify-content:center;gap:7px;padding:0;font-size:7px;text-align:center}#lobby .nav-button:not(.active):hover{transform:translateY(-2px)}#lobby .nav-button.has-alert:after{top:7px;left:calc(50% + 6px)}#lobby .nav-player-count{position:absolute;top:6px;left:calc(50% + 8px);margin:0;gap:3px;font-size:7px}#lobby .nav-player-count:before{width:5px;height:5px}#lobby .lobby-alerts{top:calc(var(--top-h) + 42px);left:var(--beside-card);right:12px;flex-direction:column;align-items:center}}@media(orientation:landscape){#lobby .nav-buttons{margin-left:calc(env(safe-area-inset-left,0px)/4)}}@media(max-width:900px){#lobby .lobby-alerts{gap:5px}#lobby .lobby-alert{font-size:7px;padding:6px}}@media(prefers-reduced-motion:reduce){#lobby:before,#lobby .lobby-alert,#lobby .nav-button.has-alert:after,#lobby .lobby-grid.show-more-cue .lobby-scroll-more,#lobby .content-section.slide-in-from-above>*,#lobby .content-section.slide-in-from-below>*{animation:none}#lobby .nav-indicator.ready,#lobby .nav-button{transition: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}@keyframes missionPillPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.lobby-alerts{position:absolute;top:12px;right:24px;display:flex;align-items:center;gap:10px;z-index:5}.lobby-alert{font-family:inherit;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer;color:#fff;background:var(--alert-color);box-shadow:1.6px 4px #0000004d,2px 5px 10px #0003;border:none;padding:8px 10px;animation:missionPillPulse 2s ease-in-out infinite}.lobby-alert:active{animation:none;transform:translate(.8px,2px);box-shadow:.8px 2px #0000004d,1px 3px 5px #00000026}.lobby-alert-reward{--alert-color: green}.lobby-alert-missions{--alert-color: #3b82f6}.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}.error-message{color:red;margin-top:5px;font-size:14px}.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}#settingsContainer .setting-header{min-height:21px}#settingsContainer .setting-divider{margin:28px 0}.setting-row label,.setting-row .setting-label{font-size:14px;color:#444}.resolution-status{font-size:11px;color:#888;font-variant-numeric:tabular-nums;margin-left:14px;white-space:nowrap}.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;min-width:0}.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;justify-content:flex-end;gap:8px}.current-name{font-family:"Press Start 2P",monospace;font-weight:700}.inline-name-input{font-family:"Press Start 2P",monospace;font-weight:700;padding:0;margin:0;border:none;border-bottom:1px solid rgba(0,0,0,.25);background:transparent;width:15ch;outline:none;text-align:center;box-sizing:border-box;-webkit-appearance:none;appearance:none}.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 th[title]{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help}.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}select{padding:4px;border:none;border-radius:0;font-family:inherit;font-size:11px;color:#444;background:#ddd}select:focus{outline:none}.leaderboard-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#0000000f;padding:10px;margin-bottom:16px}.leaderboard-tab{display:inline-block;flex:1 1 0;min-width:104px}.leaderboard-tab.active{background:orange;color:#fff}.leaderboard-pane{margin-bottom:20px}.leaderboard-pane[hidden]{display:none}.player-levels-empty{color:#888;font-size:12px;padding:12px 0}.stats-tables .player-levels-table{width:auto}.player-levels-table.hof-table .hof-name{max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;padding-right:24px}.player-levels-table .player-levels-th-lv,.player-levels-table .player-levels-lv{text-align:right;white-space:nowrap}.player-levels-table .player-levels-th-xp,.player-levels-table .player-levels-xp{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.stats-tables .player-levels-table td.player-levels-xp,body.dark-mode .stats-tables .player-levels-table td.player-levels-xp{color:#16a34a}.player-levels-table .player-levels-xp-unit{font-size:9px;opacity:.8}.player-levels-table .player-levels-lv{font-weight:800;line-height:1}.stats-tables .player-levels-table td.player-levels-lv,body.dark-mode .stats-tables .player-levels-table td.player-levels-lv{color:#3b82f6}.player-levels-table .player-levels-lv .player-level-label-prefix{font-size:8px;margin-right:2px}.player-levels-table .player-levels-lv .player-level-label-num{font-size:13px}.player-levels-table tr.local{background:#6495ed4d}.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-power-creep{color:gold}.hof-title.hof-search-destroy{color:#f53}.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-kd,.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-kd,.hof-table .hof-games{text-align:right}.stats-table th{cursor:help}.stats-table tr.local-player,.game-stats tr.local-player{background:#6495ed40!important}.stats-table tr.local-player td,.game-stats tr.local-player td{font-weight:700}.match-scoreboard td.ms-player{vertical-align:top}.match-scoreboard th:first-child{width:1%}.match-scoreboard tr.ms-main td{padding-bottom:2px}.match-scoreboard tr.ms-bars td{padding-top:2px;padding-bottom:10px}.match-scoreboard tr.ms-bars td,.match-scoreboard td.ms-player{border-bottom:1px solid rgba(0,0,0,.06)}body.dark-mode .match-scoreboard tr.ms-bars td,body.dark-mode .match-scoreboard td.ms-player{border-bottom-color:#ffffff0f}.ms-grid{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));column-gap:12px;text-align:left}.match-scoreboard tr.ms-main td{vertical-align:top}.ms-main .ms-grid{align-items:start;min-height:24px}.ms-main .ms-grid>:nth-child(1){grid-area:1 / 1}.ms-main .ms-grid>:nth-child(2){grid-area:1 / 2}.ms-main .ms-grid>:nth-child(3){grid-area:1 / 3}.ms-money{grid-area:1 / 4}.ms-kda{display:inline-flex;align-items:baseline;gap:4px}.ms-kda-key{font-size:8px;color:#757575}.medal-icons-container.ms-medals{grid-area:1 / 3 / auto / 5;justify-self:end;max-width:calc(100% - 48px);display:flex;flex-wrap:wrap;justify-content:flex-end}.ms-has-money .medal-icons-container.ms-medals{grid-area:2 / 3 / auto / 5;max-width:none;margin-top:4px}.ms-cell-end{display:flex;justify-content:flex-end;align-items:center}.ms-head[title]{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}.ms-bar{display:flex;flex-direction:column;gap:6px;font-weight:400}.ms-bar-line{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ms-bar-key,.ms-bar-value{font-size:8px;color:#888}body.dark-mode .ms-bar-key,body.dark-mode .ms-bar-value{color:#999}.ms-bar-best .ms-bar-value,body.dark-mode .ms-bar-best .ms-bar-value{color:#d48a00;font-weight:700}.ms-bar-track{height:6px;background:#d4d4d4;border:1px solid #bbb;box-shadow:.8px 2px 0 var(--box-edge)}body.dark-mode .ms-bar-track{background:#444;border-color:#555}.ms-bar-fill{height:100%}.ms-bar[data-kind]{cursor:help}.ms-bar[data-kind] .ms-bar-value{text-decoration:underline dotted;text-underline-offset:1px}.stats-meta{margin:4px 0 10px}.stats-meta-pills{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}.stats-meta-pill{display:flex;align-items:baseline;gap:6px;padding:6px 10px;background:#ffffff1a;border:2px solid rgba(255,165,0,.24)}.stats-meta-key{font-size:10px;text-transform:uppercase;color:#777}.stats-meta-value{font-size:12px;font-weight:700;color:#333}.xp-progression-section{margin:8px 0 28px;padding:10px 12px;background:#0000000a;border:2px solid rgba(59,130,246,.25)}.xp-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.xp-level-badge{font-size:12px;font-weight:800;color:#3b82f6;letter-spacing:.5px;display:inline-flex;align-items:baseline;gap:3px}.xp-level-badge .player-level-label-prefix{font-size:8px}.xp-level-badge .player-level-label-num{font-size:12px}.xp-amount{font-size:11px;font-weight:700;color:#16a34a;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px;cursor:help}.xp-bar-track{position:relative;width:100%;height:10px;background:#d4d4d4;overflow:hidden;border:1px solid #bbb}.xp-bar-fill{position:absolute;top:0;left:0;height:100%;background:#3b82f6;width:0%}.xp-bar-gain{position:absolute;top:0;height:100%;background:#22c55e;width:0%;left:0%;box-shadow:inset -6px 0 0 transparent;transition:box-shadow .3s ease-out}.xp-bar-gain.xp-bar-gain-moving{box-shadow:inset -6px 0 #86efac;transition:none}.xp-bar-ticks{--xp-tick: #bbb;--xp-tick-stripes: linear-gradient(to right, transparent calc(25% - .5px) , var(--xp-tick) calc(25% - .5px) , var(--xp-tick) calc(25% + .5px) , transparent calc(25% + .5px) , transparent calc(50% - .5px) , var(--xp-tick) calc(50% - .5px) , var(--xp-tick) calc(50% + .5px) , transparent calc(50% + .5px) , transparent calc(75% - .5px) , var(--xp-tick) calc(75% - .5px) , var(--xp-tick) calc(75% + .5px) , transparent calc(75% + .5px) );--xp-tick-minor-stripes: linear-gradient(to right, transparent calc(12.5% - .5px) , var(--xp-tick) calc(12.5% - .5px) , var(--xp-tick) calc(12.5% + .5px) , transparent calc(12.5% + .5px) , transparent calc(37.5% - .5px) , var(--xp-tick) calc(37.5% - .5px) , var(--xp-tick) calc(37.5% + .5px) , transparent calc(37.5% + .5px) , transparent calc(62.5% - .5px) , var(--xp-tick) calc(62.5% - .5px) , var(--xp-tick) calc(62.5% + .5px) , transparent calc(62.5% + .5px) , transparent calc(87.5% - .5px) , var(--xp-tick) calc(87.5% - .5px) , var(--xp-tick) calc(87.5% + .5px) , transparent calc(87.5% + .5px) );position:absolute;inset:0;pointer-events:none;background-image:var(--xp-tick-stripes),var(--xp-tick-stripes),var(--xp-tick-minor-stripes),var(--xp-tick-minor-stripes);background-size:100% 3px,100% 3px,100% 2px,100% 2px;background-position:top,bottom,top,bottom;background-repeat:no-repeat}.xp-bar-track:after{content:"";position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0}.xp-bar-track.xp-bar-flash:after{animation:xpBarFlash .4s ease-out}@keyframes xpBarFlash{0%{opacity:.9}to{opacity:0}}.xp-level-badge.xp-level-up .player-level-label-num{display:inline-block;animation:xpLevelBump .35s ease-out}@keyframes xpLevelBump{0%,to{transform:scale(1)}40%{transform:scale(1.35)}}.xp-bar-progress{font-size:9px;color:#888}.player-name-label{display:block}.player-level-row{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px}.player-loadout-row{display:flex;margin-top:8px;margin-left:-1px;line-height:0}.player-loadout-row:hover .loadout-icons{filter:brightness(1.08)}.player-level-label{font-weight:800;color:#3b82f6;display:flex;align-items:baseline;gap:3px;line-height:1}.player-level-label-prefix{font-size:8px}.player-level-label-num{font-size:13px}.player-name-text .player-level-bar-track{position:relative;display:block;width:55%;height:7px;background:#d4d4d4;border:1px solid #bbb;overflow:hidden}.player-name-text .player-level-bar-track:after{--xp-tick: #bbb;--xp-tick-stripes: linear-gradient(to right, transparent calc(25% - .5px) , var(--xp-tick) calc(25% - .5px) , var(--xp-tick) calc(25% + .5px) , transparent calc(25% + .5px) , transparent calc(50% - .5px) , var(--xp-tick) calc(50% - .5px) , var(--xp-tick) calc(50% + .5px) , transparent calc(50% + .5px) , transparent calc(75% - .5px) , var(--xp-tick) calc(75% - .5px) , var(--xp-tick) calc(75% + .5px) , transparent calc(75% + .5px) );content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--xp-tick-stripes),var(--xp-tick-stripes);background-size:100% 2px;background-position:top,bottom;background-repeat:no-repeat}.player-name-text .player-level-bar-fill{display:block;height:100%;background:#3b82f6}.perk-locked{position:relative;pointer-events:auto;cursor:default}.perk-locked .card-icon,.perk-locked .card-title{opacity:.4}.card.perk-locked,.card.perk-locked:hover{background:#c8c8c840;--card-shadow-hard: rgba(0, 0, 0, .08);--card-shadow-soft: rgba(0, 0, 0, .06)}body.dark-mode .card.perk-locked,body.dark-mode .card.perk-locked:hover{background:#50505040;--card-shadow-hard: rgba(0, 0, 0, .2);--card-shadow-soft: rgba(0, 0, 0, .15)}.lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#1f2937;pointer-events:none}body.dark-mode .lock-overlay{color:#fff}.level-up-overlay{position:fixed;inset:0;z-index:10002;display:none;align-items:center;justify-content:center;background:#0000008c;opacity:0;transition:opacity .22s ease;padding:20px}.level-up-overlay.visible{opacity:1}.level-up-confetti{position:absolute;inset:0;pointer-events:none;z-index:0}.level-up-popup{position:relative;z-index:1;background:#ebebeb;color:#333;font-family:"Press Start 2P",monospace;width:100%;max-width:480px;box-sizing:border-box;max-height:calc(100vh - 40px);overflow-y:auto;padding:16px;box-shadow:0 6px 24px #0006;transform:translateY(-12px) scale(.96);opacity:0;transition:transform .22s ease,opacity .22s ease}.level-up-overlay.visible .level-up-popup{transform:translateY(0) scale(1);opacity:1}.level-up-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:12px}.level-up-close{background:transparent;border:none;font-family:"Press Start 2P",monospace;font-size:16px;color:#888;cursor:pointer;padding:0 4px;line-height:1}.level-up-close:hover{color:#333}body.dark-mode .level-up-close:hover{color:#ddd}.level-up-banner{grid-column:2;text-align:center;padding:4px 0}.level-up-eyebrow{font-size:9px;color:#16a34a;letter-spacing:1px;margin-bottom:6px}.level-up-level{font-size:18px;color:#3b82f6;font-weight:800}.level-up-rewards{display:flex;flex-direction:column;gap:10px}.level-up-reward-card{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff1a;border:2px solid color-mix(in srgb,var(--card-color, #3b82f6) 35%,transparent)}.progression-reward-cards .level-up-reward-card{background:#0000000a}body.dark-mode .progression-reward-cards .level-up-reward-card{background:#ffffff1a}.level-up-reward-card .reward-preview{flex:0 0 auto;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#0000000d}.level-up-reward-card .reward-preview-perk,.level-up-reward-card .reward-preview-design{background:transparent}.level-up-reward-card .reward-preview-perk .perk-icon-bg{width:56px!important;height:56px!important;padding:6px!important}.level-up-reward-card .reward-preview-perk .perk-icon-bg svg{width:40px!important;height:40px!important}.level-up-reward-card .reward-meta{flex:1;min-width:0}.level-up-reward-card .reward-category{font-size:7px;color:#888;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.level-up-reward-card .reward-name{font-size:10px;font-weight:800;margin-bottom:5px}.level-up-reward-card .reward-description{font-size:8px;line-height:1.45;color:#555}.level-up-reward-card .reward-description em{font-style:normal;color:var(--card-color, #3b82f6)}.level-up-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px}.level-up-actions .level-up-confirm{background:green}body.dark-mode .level-up-popup{background:#2a2a2a;color:#e0e0e0}body.dark-mode .level-up-reward-card .reward-description{color:#b0b0b0}body.dark-mode .level-up-reward-card .reward-category{color:#999}.reward-card-compact{padding:8px;gap:10px}.reward-card-compact .reward-preview{width:34px;height:34px}.reward-card-compact .reward-preview-perk .perk-icon-bg{width:34px!important;height:34px!important;padding:4px!important}.reward-card-compact .reward-preview-perk .perk-icon-bg svg{width:24px!important;height:24px!important}.reward-card-compact .reward-category{margin-bottom:3px}.reward-card-compact .reward-name{margin-bottom:0}.reward-card-compact .reward-description{display:none;margin-top:6px}.reward-card-compact.is-open .reward-description{display:block}.level-up-reward-card{flex-wrap:wrap}.perk-demo{--demo-line: rgba(0, 0, 0, .08);background:repeating-linear-gradient(0deg,transparent,transparent 31px,var(--demo-line) 31px,var(--demo-line) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,var(--demo-line) 31px,var(--demo-line) 32px)}body.dark-mode .perk-demo{--demo-line: rgba(255, 255, 255, .07)}.level-up-reward-card .perk-demo{display:block;flex:0 0 100%;width:100%;aspect-ratio:5 / 2;max-height:150px}@media(max-height:500px){.level-up-reward-card .perk-demo{max-height:84px}}.reward-card-compact .perk-demo{display:none}.reward-card-compact.is-open .perk-demo{display:block}button.level-up-reward-card{width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button.level-up-reward-card:hover{border-color:var(--card-color, #3b82f6);transform:translateY(-1px)}button.level-up-reward-card:focus{outline:none}button.level-up-reward-card:focus-visible{outline:2px solid var(--card-color, #3b82f6);outline-offset:2px}.reward-card-indicator{flex:0 0 auto;align-self:center}.progression-reward-cards .reward-card-indicator{font-size:10px;line-height:1;color:#888;margin-right:2px;transition:transform .4s ease-in-out;transform:rotate(0)}.progression-reward-cards .is-open .reward-card-indicator{transform:rotate(-180deg)}.reward-pick-section{display:flex;flex-direction:column;align-items:center;gap:10px}.card.reward-pick-option .card-title{color:var(--card-color)}.card.reward-pick-option.selected .card-title{color:#fff}.reward-pick-section .pm-perk-sheet-desc .level-up-reward-card{min-height:84px}.reward-pick-section .pm-perk-sheet-desc .reward-description{height:7.25em}.reward-pick-prompt{justify-content:center;text-align:center}.reward-pick-prompt .reward-name{color:#999;margin-bottom:0}@media(max-width:480px){.reward-pick-section .pm-perk-sheet-desc .level-up-reward-card{min-height:73px}}.level-up-confirm:disabled{opacity:.45;cursor:default}.progression-bar-block{margin:0 0 14px}.progression-sections-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}.progression-sections-row>.progression-section{flex:1 1 260px;min-width:0;margin-top:0}.progression-section{margin-top:22px;margin-bottom:14px;text-align:left}.progression-section-label{font-size:9px;color:#888;letter-spacing:.5px;text-transform:uppercase;text-align:left;margin-bottom:6px}.progression-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:24px;margin-bottom:6px}.progression-section-head .progression-section-label{margin-bottom:0}.progression-section-ready .progression-section-label{color:#16a34a}.progression-section-label.missions-label{display:flex;align-items:baseline;gap:6px}.missions-reset-timer:before{content:"– "}.progression-reward-cards,.progression-coming-list{display:flex;flex-direction:column;gap:8px}.progression-coming-item{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:8px;background:#0000000a;border:2px solid color-mix(in srgb,var(--card-color, #3b82f6) 35%,transparent);font-size:9px}body.dark-mode .progression-coming-item{background:#ffffff0d}.progression-coming-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.progression-coming-icon .perk-icon-bg{width:26px!important;height:26px!important;padding:2px!important}.progression-coming-icon .perk-icon-bg svg{width:20px!important;height:20px!important}.progression-coming-info{display:flex;flex-direction:column;gap:4px;min-width:0}.progression-coming-level{font-weight:800;color:#3b82f6;white-space:nowrap;display:inline-flex;align-items:baseline;gap:3px}.progression-coming-level .player-level-label-prefix{font-size:7px}.progression-coming-level .player-level-label-num{font-size:11px}.progression-coming-name{font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progression-coming-type{font-size:7px;color:#888;text-transform:uppercase;letter-spacing:.5px}.progression-max-msg{font-size:10px;color:#555;padding:8px 10px;background:#0000000a}body.dark-mode .progression-max-msg{background:#ffffff0d}body.dark-mode .progression-coming-type,body.dark-mode .progression-section-label{color:#999}body.dark-mode .progression-max-msg{color:#b0b0b0}.progression-choose-btn{background:green;white-space:nowrap}.missions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mission-box{padding:8px 10px;background:#0000000a;border:2px solid color-mix(in srgb,var(--mission-color, #f59e0b) 30%,transparent);text-align:left;display:flex;flex-direction:column}.mission-primary-panel,.mission-alt-panel{display:flex;flex-direction:column;flex:1}.mission-box-name{font-size:9px;font-weight:700;margin-bottom:6px;line-height:1.3}.mission-breadth-list{display:flex;flex-wrap:nowrap;gap:3px;margin-bottom:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;width:0;min-width:100%}.mission-breadth-list::-webkit-scrollbar{display:none}.mission-breadth-chip{flex-shrink:0;font-size:7px;line-height:1.5;padding:2px 5px;white-space:nowrap;color:#666;background:#0000000f}.mission-breadth-chip.is-done{font-weight:700;color:#15803d;background:color-mix(in srgb,#22c55e 18%,transparent)}.mission-breadth-count{opacity:.75}body.dark-mode .mission-breadth-chip{color:#aaa;background:#ffffff12}body.dark-mode .mission-breadth-chip.is-done{color:#4ade80;background:color-mix(in srgb,#22c55e 22%,transparent)}.mission-box-bar-track{width:100%;height:6px;background:#d4d4d4;border:1px solid #bbb;margin-top:auto;margin-bottom:6px}.mission-box-bar-fill{height:100%;background:var(--mission-color, #f59e0b);transition:width .3s ease-out}.mission-done .mission-box-bar-fill{background:#22c55e}.mission-box-footer{display:flex;justify-content:space-between;align-items:center}.mission-box-progress{font-size:8px;color:#888}.mission-box-xp{font-size:8px;font-weight:700;color:#f59e0b}.mission-done .mission-box-xp{color:#22c55e}.mission-box.has-alt{position:relative}.has-alt .mission-box-name{padding-right:20px}.mission-swap-btn{position:absolute;top:4px;right:4px;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;z-index:1}.show-alt .mission-swap-btn{background:#f59e0b}.mission-alt-panel,.show-alt .mission-primary-panel{display:none}.show-alt .mission-alt-panel{display:block}body.dark-mode .mission-box{background:#ffffff0d}body.dark-mode .mission-box-bar-track{background:#444;border-color:#555}body.dark-mode .mission-box-progress{color:#999}.missions-capstone-hint{font-size:9px;font-weight:700;color:#f59e0b;margin-top:6px;text-align:right;letter-spacing:.3px}.missions-capstone-hint.missions-capstone-claimed{color:#22c55e}.xp-missions-completed{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.xp-mission-pill{font-size:8px;padding:3px 8px;background:#0000000a;border:2px solid color-mix(in srgb,#f59e0b 30%,transparent);max-width:100%}.xp-mission-pill-name{color:#333}.xp-mission-pill b{font-weight:800;color:#22c55e;white-space:nowrap}.xp-mission-pill-partial{border-color:color-mix(in srgb,#f59e0b 16%,transparent);opacity:.75}.xp-mission-pill-partial b{color:#f59e0b}.xp-mission-pill-detail{color:#333;font-weight:700}.xp-mission-pill-detail:before{content:"·";margin:0 3px;color:#999;font-weight:400}body.dark-mode .xp-mission-pill-name{color:#ccc}body.dark-mode .xp-mission-pill{background:#ffffff0d}body.dark-mode .xp-mission-pill-detail{color:#ccc}#missionToastContainer{position:fixed;top:4px;left:12px;width:180px;z-index:1000;pointer-events:none;display:flex;flex-direction:column;gap:6px}.mission-toast{padding:8px 10px;background:#ebebebf2;border:2px solid color-mix(in srgb,var(--mission-color, #f59e0b) 30%,transparent);font-family:"Press Start 2P",monospace;text-align:left;opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.mission-toast-visible{opacity:1;transform:translateY(0)}.mission-toast-out{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in,transform .3s ease-in}.mission-toast-done{border-color:color-mix(in srgb,#22c55e 30%,transparent)}.mission-toast-name{font-size:9px;font-weight:700;color:#333;margin-bottom:6px;line-height:1.3}.mission-toast-detail{font-size:8px;font-weight:700;color:#333;margin-top:-4px;margin-bottom:6px;line-height:1.3}.mission-toast-bar-track{width:100%;height:6px;background:#d4d4d4;border:1px solid #bbb;margin-bottom:6px}.mission-toast-bar-fill{height:100%;background:var(--mission-color, #f59e0b);transition:width .4s ease-out}.mission-toast-done .mission-toast-bar-fill{background:#22c55e}.mission-toast-footer{display:flex;justify-content:space-between;align-items:center}.mission-toast-progress{font-size:8px;color:#888}.mission-toast-xp{font-size:8px;font-weight:700;color:#f59e0b}.mission-toast-done .mission-toast-xp{color:#22c55e}body.dark-mode .mission-toast{background:#2a2a2ae6}body.dark-mode .mission-toast-name,body.dark-mode .mission-toast-detail{color:#e0e0e0}body.dark-mode .mission-toast-bar-track{background:#444;border-color:#555}body.dark-mode .mission-toast-progress{color:#999}.mission-confetti-canvas{position:fixed;inset:0;z-index:1001;pointer-events:none}.pm-bottom-strip{position:absolute;left:0;right:0;bottom:8px;pointer-events:auto;opacity:0;transform:translate(40px)}.pm-bottom-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent;padding:0 24px 4px;-webkit-overflow-scrolling:touch;align-items:stretch}.pm-bottom-scroll::-webkit-scrollbar{height:4px}.pm-bottom-scroll::-webkit-scrollbar-track{background:transparent}.pm-bottom-scroll::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}.pm-quote-inline{flex-shrink:0;display:flex;align-items:center;gap:0;min-width:0;margin-right:12px}.pm-quote-inline .pm-quote-text{font-size:7px;line-height:1.55;text-align:right;text-wrap:balance;max-width:min(920px,calc(70vw - 80px));flex-shrink:1;min-width:0}.pm-quote-inline .pm-quote-separator{width:3px;height:1.9em;background:var(--pm-quote-accent, orange);flex-shrink:0;margin:0 12px}.pm-quote-inline .pm-quote-author{font-size:7px;white-space:nowrap;flex-shrink:0}.pm-bottom-scroll .mission-box{min-width:190px;flex-shrink:0;font-size:8px}.pm-bottom-scroll .mission-box-name{font-size:8px}.pm-bottom-scroll .mission-box-progress,.pm-bottom-scroll .mission-box-xp{font-size:7px}@media(max-width:600px){.missions-grid{grid-template-columns:1fr 1fr}.pm-bottom-strip{bottom:4px;padding:0 12px}.pm-bottom-scroll .mission-box{min-width:120px}}body.dark-mode{background:#2d2d2d}body.dark-mode #lobby{background:#2d2d2d;color:#e0e0e0}body.dark-mode #lobby:before{background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.03) 31px,rgba(255,255,255,.03) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(255,255,255,.03) 31px,rgba(255,255,255,.03) 32px)}body.dark-mode #lobby h2{color:#9b9b9b;text-shadow:3px 3px 0 rgba(255,255,255,.2)}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,body.dark-mode .setting-row .setting-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:#9b9b9b}body.dark-mode .inline-name-input{background:transparent;border-bottom-color:#ffffff4d;color:#e0e0e0}body.dark-mode #statsContainer h3,body.dark-mode .stats-tables h4{color:#9b9b9b}body.dark-mode .hof-table{background:#ffffff14}body.dark-mode .stats-meta-pill{background:#ffffff0f;border-color:#ffa50047}body.dark-mode .stats-meta-key{color:#b0b0b0}body.dark-mode .stats-meta-value{color:#e0e0e0}body.dark-mode .xp-progression-section{background:#ffffff0d;border-color:#3b82f659}body.dark-mode .xp-bar-track{background:#444;border-color:#555}body.dark-mode .xp-bar-ticks{--xp-tick: #555}body.dark-mode .xp-bar-progress{color:#999}body.dark-mode .player-level-bar-track,body.dark-mode .player-name-text .player-level-bar-track{background:#444;border-color:#555}body.dark-mode .player-name-text .player-level-bar-track:after{--xp-tick: #555}@media(max-width:700px){.stats-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 .leaderboard-tabs{background:#ffffff0f}body.dark-mode .hof-table tr.hof-ellipsis td{color:#666}body.dark-mode .hof-table tr.local.rank-2{background:#c0c0c04d}.perk-icon-bg{background:#d9d9d9}body.dark-mode .perk-icon-bg{background:#5a5a5a}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:#484848}body.dark-mode .player-name-display:hover{background:#565656;box-shadow:0 4px 12px #0006}body.dark-mode .lobby-grid{--lobby-surface: #383838}body.dark-mode *{scrollbar-color:#444 transparent}body.dark-mode .lobby-content{scrollbar-color:var(--tab-color) transparent}body.dark-mode .nav-button[data-target=teamSelectionContainer]{--tab-ink: #ff4d4d}body.dark-mode .nav-button[data-target=loadoutContainer]{--tab-ink: #3cb043}body.dark-mode .nav-button[data-target=settingsContainer]{--tab-ink: #c35bc3}body.dark-mode .nav-button[data-target=infoContainer]{--tab-ink: #aaa}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}#gameModeCards{flex-wrap:wrap;justify-content:flex-start;overflow-x:visible}.card{--card-color: green;--card-shadow-hard: rgba(0, 0, 0, .2);--card-shadow-soft: rgba(0, 0, 0, .15);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 10px 8px;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 3px 0 var(--card-shadow-hard),0 4px 8px var(--card-shadow-soft)}.card:after{display:none}.card:hover{background:#d8d8d8;transform:translateY(-1px)}.card:active{transform:translateY(2px);box-shadow:0 1px 0 var(--card-shadow-hard),0 2px 4px var(--card-shadow-soft)}.card[data-mode-id]{height:45px;min-height:45px;padding:6px 10px;justify-content:center;box-shadow:0 2px 0 var(--card-shadow-hard),0 3px 6px var(--card-shadow-soft)}.card--toggle:active{transform:translateY(2px);margin-bottom:0}.card[data-mode-id]:active{transform:translateY(2px);margin-bottom:0;box-shadow:0 1px 0 var(--card-shadow-hard),0 1px 3px var(--card-shadow-soft)}.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.selected .card-label,.card.selected .card-title{text-shadow:1px 1px 0 rgba(0,0,0,.45)}.card.disabled{cursor:not-allowed;pointer-events:none}.card.disabled .card-icon,.card.disabled .card-title{opacity:.4}.card-disabled-badge{position:absolute;top:-6px;right:-6px;display:inline-block;width:24px;height:24px;padding-left:3px;line-height:24px;text-align:center;border-radius:50%;font-size:16px;font-family:"Press Start 2P",monospace;color:#fff;background:#c44;pointer-events:none}body.dark-mode .card-disabled-badge{color:#fff;background:#f66}.card-new-badge{position:absolute;top:-6px;right:-6px;display:inline-block;width:24px;height:24px;padding-left:3px;line-height:24px;text-align:center;border-radius:50%;font-size:16px;font-family:"Press Start 2P",monospace;color:#fff;background:#22c55e;pointer-events:none;z-index:1}body.dark-mode .card-new-badge{color:#fff;background:#4ade80}.card-lock-badge{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#6b7280;pointer-events:none;z-index:1}body.dark-mode .card{background:#505050;--card-shadow-hard: rgba(0, 0, 0, .5);--card-shadow-soft: rgba(0, 0, 0, .4)}body.dark-mode .card:hover{background:#5a5a5a}body.dark-mode .card.selected{background:var(--card-color)}.card-label{font-family:"Press Start 2P",monospace;font-size:8px;color:#222;text-align:center;line-height:1.3;-webkit-hyphens:auto;hyphens:auto}.card-title{font-family:"Press Start 2P",monospace;font-size:8px;color:#222;text-align:center;line-height:1.3;width:100%;overflow-wrap:break-word}.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:35px;min-height:35px;padding:4px 8px;justify-content:center}.card--toggle:hover{transform:translateY(-1px)}.card--toggle:active{transform:translateY(2px)}.perks-category-label{font-family:"Press Start 2P",monospace;font-size:9px;color:#888;letter-spacing:.5px;text-transform:uppercase;text-align:left;margin-bottom:8px}body.dark-mode .perks-category-label{color:#999}.garage-tank-section{display:flex;flex-direction:column;align-items:center;padding:0}.garage-carousel{display:flex;align-items:center;gap:8px}.garage-carousel-arrow{font-family:"Press Start 2P",monospace;font-size:28px;background:none;border:none;color:#000;cursor:pointer;padding:8px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative}.garage-carousel-arrow.has-new:after{content:"!";position:absolute;top:-2px;right:-2px;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;font-size:14px;color:#fff;background:#22c55e;pointer-events:none}body.dark-mode .garage-carousel-arrow.has-new:after{background:#4ade80}.garage-carousel-arrow:active{color:#555}body.dark-mode .garage-carousel-arrow{color:#fff}body.dark-mode .garage-carousel-arrow:active{color:#aaa}.garage-tank-canvas{width:192px;height:192px;image-rendering:pixelated;margin:-130px 0 -50px}.garage-tank-name-row{position:relative;display:inline-block;margin-top:6px}.garage-tank-lock{position:absolute;top:-10px;right:-22px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#6b7280;pointer-events:none;z-index:1}.garage-tank-lock svg{width:11px;height:11px}.garage-tank-name{font-family:"Press Start 2P",monospace;font-size:11px;color:#333;text-align:center}body.dark-mode .garage-tank-name{color:#ccc}.garage-carousel-indicators{display:flex;gap:5px;margin-top:6px;margin-bottom:10px}.garage-carousel-dot{width:6px;height:6px;background:#ccc;cursor:pointer}.garage-carousel-dot.active,body.dark-mode .garage-carousel-dot{background:#555}body.dark-mode .garage-carousel-dot.active{background:#ccc}.garage-perk-slots{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;padding:10px 0 15px}.garage-perk-slot{display:flex;flex-direction:column;align-items:center;gap:6px;width:90px}.garage-perk-slot-label{font-family:"Press Start 2P",monospace;font-size:7px;color:#888;letter-spacing:.5px;text-transform:uppercase;text-align:center;line-height:1.4}body.dark-mode .garage-perk-slot-label{color:#999}.card-empty{justify-content:center!important;border:2px dashed #aaa;background:transparent!important;box-shadow:none!important;font-family:"Press Start 2P",monospace;font-size:16px;color:#aaa;opacity:.6}.card-empty:hover{opacity:.8;background:transparent!important}body.dark-mode .card-empty{border-color:#666;color:#777}.garage-panel{background:#9b9b9b26;padding:10px 15px}body.dark-mode .garage-panel{background:#6464644d}.garage-bars-row{display:flex;justify-content:space-between;gap:8px}.garage-load-bar,.garage-save-bar{display:flex;align-items:center;gap:5px}.garage-status-center{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.garage-active-name{font-family:"Press Start 2P",monospace;font-size:11px;color:#333}body.dark-mode .garage-active-name{color:#ccc}.garage-load-bar .retro-button,.garage-save-bar .retro-button{white-space:nowrap}.dropdown-triangle{font-size:1em;line-height:0;vertical-align:middle;position:relative;top:-2px}.garage-preset-wrapper{position:relative}.garage-preset-dropdown{display:none;position:fixed;z-index:10001;background:#ddd;border:none;padding:6px;gap:2px 6px;white-space:nowrap;grid-template-columns:1fr 1fr;grid-auto-flow:row;overflow-y:auto;box-sizing:border-box;box-shadow:0 4px 15px #0000004d}.garage-preset-dropdown.vertical{grid-template-columns:1fr}body.dark-mode .garage-preset-dropdown{background:#404040}.garage-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 10px;box-sizing:border-box;font-family:"Press Start 2P",monospace;font-size:9px;color:#444;cursor:pointer}.loadout-icons{display:inline-flex;flex-shrink:0}.loadout-icon-empty{display:inline-block;width:18px;height:18px;margin:0 1px;border:1px dashed #aaa;box-sizing:border-box}body.dark-mode .loadout-icon-empty{border-color:#666}.loadout-icon-random{display:inline-flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:8px;color:#888}body.dark-mode .garage-dropdown-item{color:#9b9b9b}.garage-dropdown-item:hover{background:#0000001a;color:#000}body.dark-mode .garage-dropdown-item:hover{background:#ffffff1a;color:#fff}.garage-dropdown-item.active{color:orange;background:#ffa5001f}body.dark-mode .garage-dropdown-item.active{color:orange}.garage-dropdown-item.empty{opacity:.35;pointer-events:none}.option-list{z-index:10002}.option-info{font-size:7px;line-height:1.5;width:190px;flex-shrink:0;white-space:normal;text-align:left;opacity:.8}.option-list .garage-dropdown-item:not(.active):hover{background:none;color:#444}body.dark-mode .option-list .garage-dropdown-item:not(.active):hover{color:#9b9b9b}.option-list .garage-dropdown-item.active:hover{background:#ffa5001f;color:orange}.option-list.readonly .garage-dropdown-item{cursor:default;color:orange;background:none}.option-list .garage-dropdown-item.disabled{opacity:.4;cursor:default}.option-list .garage-dropdown-item.disabled.active{cursor:pointer}.garage-perk-slots .card-modified{position:relative}.garage-perk-slots .card-modified:after{display:block;content:"•";position:absolute;top:2px;right:4px;font-size:14px;color:#ffc107;line-height:1;pointer-events:none}.garage-source-modified{background:#2e7d32;position:relative}.garage-source-modified:after{content:"•";position:absolute;top:-2px;right:-2px;font-size:12px;color:#ffc107;line-height:1}.garage-loadout-status{font-family:"Press Start 2P",monospace;font-size:8px;color:#ffc107;align-self:center;white-space:nowrap;margin-left:4px}.garage-loadout-dot{font-size:12px;vertical-align:middle;line-height:0;position:relative;top:-2px}.garage-confirm-text{font-family:"Press Start 2P",monospace;font-size:10px;color:#666;white-space:nowrap}body.dark-mode .garage-confirm-text{color:#888}.garage-confirm-discard{background:#b22222}.pm-cycler-wrapper{position:relative;display:inline-block;margin-top:6px}.pm-loadout-cycler{white-space:nowrap}.garage-perk-sheet{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center}.garage-perk-sheet-backdrop{position:absolute;inset:0;background:#0000;transition:background .2s ease}.garage-perk-sheet.open .garage-perk-sheet-backdrop{background:#00000080}.garage-perk-sheet.open .pm-perk-sheet-content{transform:translateY(0)}.card-icon{margin-bottom:12px;flex-shrink:0}.card-icon>div{width:30px!important;height:30px!important}.card-icon svg{width:24px!important;height:24px!important}.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:3px 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:3px solid #9b9b9b!important}.gamepad-focused.gamepad-scroll-area{outline-offset:-3px!important}.setting-group{margin-top:10px}.settings-popup-btn,.hud-stats-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,body.dark-mode .hud-stats-btn{background:#ffffff1a}.settings-popup-btn,.hud-stats-btn{padding:6px 8px}.hud-stats-btn{right:62px}.hud-stats-btn.hud-modifiers-btn{right:104px;flex-direction:row;gap:6px}.hud-underdog{align-items:center;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1;color:#444}body.dark-mode .hud-underdog{color:#9b9b9b}.hud-underdog.boosted{color:#d97706}body.dark-mode .hud-underdog.boosted{color:orange}.settings-popup-btn svg,.hud-stats-btn svg{display:block;color:#444;fill:currentColor}body.dark-mode .settings-popup-btn svg,body.dark-mode .hud-stats-btn svg{color:#9b9b9b}.settings-popup-btn.open,.hud-stats-btn.open{background:#00000038}body.dark-mode .settings-popup-btn.open,body.dark-mode .hud-stats-btn.open{background:#ffffff38}.fps-counter{position:fixed;top:7px;left:20px;z-index:999;pointer-events:none;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1;color:#00000059;-webkit-user-select:none;user-select:none}body.dark-mode .fps-counter{color:#ffffff59}body.finish-hud-out .settings-popup-btn,body.finish-hud-out .hud-stats-btn,body.finish-hud-out .fps-counter{opacity:0;pointer-events:none;transition:opacity .6s}.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;opacity:0;transition:opacity .22s ease}.settings-popup-overlay.visible{opacity:1}.settings-popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto}.settings-popup{--settings-popup-left-cut: 36px;width:25%;max-height:80%;background:#ebebebf2;padding:15px;padding-left:calc(15px + var(--settings-popup-left-cut));padding-right:max(15px,env(safe-area-inset-right,0px));margin-right:0;font-family:"Press Start 2P",monospace;overflow-y:auto;position:relative;border:none;pointer-events:auto;clip-path:polygon(var(--settings-popup-left-cut) 0,100% 0,100% 100%,0 100%);transform:translate(100%);transition:transform .22s ease}.settings-popup-overlay.visible .settings-popup{transform:translate(0)}.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 .setting-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}#popupEndGameRow{flex-direction:row;align-items:center}.end-game-btn{background:#b22222}.end-game-confirm{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%}.end-game-confirm span{font-size:9px;font-weight:700}.end-game-confirm-actions{display:flex;align-items:center;gap:8px}.end-game-confirm-actions .retro-button{flex:1}.end-game-yes{background:#b22222}.end-game-no{background:#666}#resetProgressConfirm,#accountSyncConfirm{margin-top:8px;text-align:right}#resetProgressConfirm .end-game-confirm-actions,#accountSyncConfirm .end-game-confirm-actions{justify-content:flex-end}#resetProgressConfirm span,#accountSyncConfirm span{font-size:13px;max-width:280px;line-height:1.6;align-self:flex-end}#resetProgressConfirm .end-game-confirm-actions .retro-button,#accountSyncConfirm .end-game-confirm-actions .retro-button{flex:0 0 auto}.account-sync-wrapper,.account-sync-email{min-width:0}.account-sync-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reset-progress-status{margin-top:6px;font-size:9px;font-weight:700;color:#2e8b57;text-align:right}.reset-progress-status.error{color:#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:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),linear-gradient(135deg,orange,#e08600);border:none;padding:20px;margin-bottom:20px;position:relative;max-height:300px;overflow:hidden;transition:max-height .3s ease,padding .3s ease,margin .3s ease,visibility 0s}.quick-play-section.slid-away{max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;visibility:hidden;transition:max-height .3s ease,padding .3s ease,margin .3s ease,visibility 0s .3s}.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-modes{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.quick-play-picker{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}.quick-play-picker-key{flex-shrink:0;color:#fff9}.quick-play-picker.active .quick-play-picker-key{color:#8a8a8a}.quick-play-picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.quick-play-picker.active{background:#fff;color:#c25700}#quickPlayModesBtn.active{color:#2563eb}.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:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),linear-gradient(135deg,#7b2ff2,#5a1dbf);-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{display:none}.custom-game-section.locked .custom-game-desc--locked{display:block}.custom-game-section.lobby-guest .custom-game-header{cursor:default}.custom-lobby-pills,.custom-game-section.lobby-guest .custom-game-toggle,.custom-game-section.lobby-guest .bot-controls-box,.custom-game-section.lobby-guest .custom-game-setup{display:none}.custom-game-section.lobby-guest .custom-lobby-pills{display:flex;margin-bottom:22px}.custom-lobby-pills+.custom-game-section-label{margin-top:0}.custom-game-setup>.custom-game-section-label:first-child{margin-top:15px}@media(max-width:700px){.custom-game-section.lobby-guest .custom-lobby-pills{gap:8px}.custom-game-section.lobby-guest .custom-game-row{flex-direction:column;align-items:stretch;gap:6px}.custom-game-section.lobby-guest .custom-game-controls{margin-top:0}}.custom-game-section.locked .custom-game-header{background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),linear-gradient(135deg,#888,#777);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;margin-top:10px}.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:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.06) 31px,rgba(0,0,0,.06) 32px),linear-gradient(135deg,#7b2ff2,#5a1dbf)}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:9px;color:#888;letter-spacing:.5px;text-transform:uppercase;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:#999}#pre-match-screen,#match-results-screen{position:fixed;inset:0;z-index:1000;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}#pre-match-screen:before,#match-results-screen:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(0,0,0,.04) 31px,rgba(0,0,0,.04) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(0,0,0,.04) 31px,rgba(0,0,0,.04) 32px),#f8f8f8}body.dark-mode #pre-match-screen,body.dark-mode #match-results-screen{color:#e0e0e0}body.dark-mode #pre-match-screen:before,body.dark-mode #match-results-screen:before{background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(255,255,255,.03) 31px,rgba(255,255,255,.03) 32px),repeating-linear-gradient(83deg,transparent,transparent 31px,rgba(255,255,255,.03) 31px,rgba(255,255,255,.03) 32px),#2d2d2d}.pm-content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:90vw;width:100%;padding-top:80px}.pm-shaded-text{text-shadow:3px 3px 0 rgba(0,0,0,.2)}body.dark-mode .pm-shaded-text{text-shadow:3px 3px 0 rgba(255,255,255,.2)}.pm-section,.pm-team,.pm-teams-container,.pm-top-left{opacity:0;transform:translate(40px)}@keyframes pmSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.pm-animate-in .pm-pills,.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-teams-container{animation:pmSlideIn .3s ease-out .25s 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-top-left,.pm-animate-in .pm-actions{animation:pmSlideIn .2s ease-out .8s forwards}.pm-animate-in .pm-bottom-strip{animation:pmSlideIn .2s ease-out .9s forwards}@keyframes pmFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pmBackdropFadeOut{to{opacity:0}}#pre-match-screen.pm-animate-out{pointer-events:none}#pre-match-screen.pm-animate-out:before{animation:pmBackdropFadeOut .5s ease-in forwards}.pm-animate-out .pm-section,.pm-animate-out .pm-team,.pm-animate-out .pm-teams-container,.pm-animate-out .pm-top-left,.pm-animate-out .pm-bottom-strip{animation:pmFadeOut .4s ease-in forwards}.pm-animate-out .pm-mode-name,.pm-animate-out .pm-mode-objective{animation:pmFadeOut .5s ease-in 3s both}.pm-animate-out-immediate .pm-mode-name,.pm-animate-out-immediate .pm-mode-objective{animation:pmFadeOut .4s ease-in forwards}.pm-pills{position:fixed;top:12px;left:5%;right:160px;display:flex;flex-wrap:wrap;gap:6px}.pm-pills .stats-meta-pill{padding:3px 6px;gap:5px}.pm-pills .stats-meta-key{font-size:7px}.pm-pills .stats-meta-value{font-size:8px}.pm-mode-name{font-size:22px;text-align:left;letter-spacing:1px;color:#00f;position:fixed;top:40px;left:5%}.pm-mode-objective{font-size:8px;text-align:left;max-width:320px;line-height:1.6;position:fixed;top:70px;left:5%}.pm-settings-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.pm-teams-slab{align-self:flex-end;width:max-content;min-width:calc(88% + 5vw + 136px);max-width:calc(100% + 10vw + 24px);margin-right:calc(-5vw - 24px)}.pm-teams-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:var(--pm-container-pad-v, 28px) 48px var(--pm-container-pad-v, 28px) 64px;background:#ebebeb;clip-path:polygon(6% 0,100% 0,100% 100%,calc(6% - 24px) 100%);margin-top:var(--pm-container-margin-top, 0px)}body.dark-mode .pm-teams-container{background:#383838}.pm-team{display:flex;flex-direction:column;align-items:center;gap:8px;flex:var(--pm-team-size, 1) 1 0}.pm-players-row{display:var(--pm-row-display, flex);flex-wrap:nowrap;justify-content:space-evenly;width:100%;gap:var(--pm-player-gap, 8px);margin:0 auto;grid-template-columns:var(--pm-grid-cols, none);justify-items:center}.pm-non-local-scroll{display:flex;flex-direction:row-reverse;align-self:center;margin-left:-64px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.3) transparent;-webkit-overflow-scrolling:touch}.pm-non-local-scroll::-webkit-scrollbar{height:4px}.pm-non-local-scroll::-webkit-scrollbar-track{background:transparent}.pm-non-local-scroll::-webkit-scrollbar-thumb{background:#8080804d;border-radius:2px}.pm-non-local-cluster{flex:1 0 auto;display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(var(--pm-cluster-cols),1fr);grid-auto-flow:column;row-gap:2px;padding-left:64px;justify-items:center}.pm-non-local-cluster .pm-player{min-width:0}@media(max-width:700px){#pre-match-screen{padding:24px 16px 112px}.pm-bottom-strip{padding:0 16px;bottom:4px}}.pm-player{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:var(--pm-player-width, 80px)}.pm-tank-canvas{width:var(--pm-tank-size, 64px);height:var(--pm-tank-size, 64px);image-rendering:pixelated}.pm-player-name{font-size:var(--pm-name-size, 9px);margin-top:var(--pm-name-margin, 4px);margin-bottom:var(--pm-name-margin, 4px);text-align:center;line-height:1.2;white-space:nowrap}.pm-local-player{font-weight:700;color:#000}body.dark-mode .pm-local-player{color:#fff}.pm-player-level{margin-left:6px;font-weight:800;color:#3b82f6;display:inline-flex;align-items:baseline;gap:2px}.pm-player-level .player-level-label-prefix{font-size:6px}.pm-player-level .player-level-label-num{font-size:9px}.pm-player-local{transform:scale(1.25);margin:0;grid-column:var(--pm-local-grid-col, auto);grid-row:var(--pm-local-grid-row, auto);align-self:var(--pm-local-align-self, center);justify-self:center}.pm-player-perks{display:flex;gap:1px;margin-top:var(--pm-perks-margin, 2px);justify-content:center}.pm-inline-carousel{display:flex;align-items:center;gap:2px}.pm-inline-carousel .pm-carousel-arrow{font-family:"Press Start 2P",monospace;font-size:14px;background:none;border:none;color:#000;cursor:pointer;padding:4px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.pm-inline-carousel .pm-carousel-arrow:active{color:#000}body.dark-mode .pm-inline-carousel .pm-carousel-arrow,body.dark-mode .pm-inline-carousel .pm-carousel-arrow:active{color:#fff}.pm-player-local .pm-tank-canvas{width:64px;height:64px}.pm-player-perks-local{transform:scale(1.4);cursor:pointer;margin-top:6px}.pm-perk-slot-empty{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;position:relative;border:1px solid #aaa;box-sizing:border-box;font-family:"Press Start 2P",monospace;font-size:7px;color:#aaa;cursor:pointer;opacity:.6}body.dark-mode .pm-perk-slot-empty{border-color:#666;color:#777}.slot-empty-badge{position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:50%;background:#c44}body.dark-mode .slot-empty-badge{background:#f66}.pm-perk-sheet{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;justify-content:center}.pm-perk-sheet-backdrop{position:absolute;inset:0;background:#0000;transition:background .2s ease}.pm-perk-sheet.open .pm-perk-sheet-backdrop{background:#00000080}.pm-perk-sheet-content{--perk-grid-w: 510px ;position:relative;background:#f8f8f8;box-sizing:border-box;width:min(calc(var(--perk-grid-w) + 40px),100%);padding:12px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translateY(100%);transition:transform .2s ease}.pm-perk-sheet.open .pm-perk-sheet-content{transform:translateY(0)}body.dark-mode .pm-perk-sheet-content{background:#383838}.pm-perk-sheet-close{position:absolute;top:14px;right:12px;background:transparent;border:none;font-family:"Press Start 2P",monospace;font-size:16px;color:#888;cursor:pointer;padding:0 4px;line-height:1}.pm-perk-sheet-close:hover{color:#333}body.dark-mode .pm-perk-sheet-close:hover{color:#ddd}.pm-perk-sheet-title{font-family:"Press Start 2P",monospace;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#666}body.dark-mode .pm-perk-sheet-title{color:#b0b0b0}.pm-perk-sheet-grid{justify-content:center;flex-wrap:wrap;overflow:visible;margin-top:0;padding-top:8px;max-width:var(--perk-grid-w, 510px )}.pm-perk-sheet-desc{width:100%;text-align:left;font-family:"Press Start 2P",monospace;border-top:2px solid rgba(0,0,0,.12);padding-top:14px}body.dark-mode .pm-perk-sheet-desc{border-top-color:#ffffff26}.pm-perk-sheet-desc .level-up-reward-card{background:transparent;border:none;box-shadow:none;padding:0;gap:10px}.pm-perk-sheet-desc .reward-description{height:4.35em;overflow-y:auto}.pm-perk-sheet-desc .level-up-reward-card:has(.perk-demo) .reward-description{height:7.25em}.pm-perk-sheet-desc .level-up-reward-card .reward-preview{width:44px;height:44px}.pm-perk-sheet-desc .level-up-reward-card .reward-preview-perk .perk-icon-bg{width:44px!important;height:44px!important;padding:5px!important}.pm-perk-sheet-desc .level-up-reward-card .reward-preview-perk .perk-icon-bg svg{width:30px!important;height:30px!important}.pm-perk-sheet-desc .level-up-reward-card{flex-wrap:nowrap}.pm-perk-sheet-desc .level-up-reward-card .perk-demo{order:-1;flex:0 0 auto;width:168px;height:84px;aspect-ratio:auto}.pm-perk-sheet-desc .level-up-reward-card:has(.perk-demo) .reward-preview{display:none}@media(max-width:480px){.pm-perk-sheet-desc .level-up-reward-card .perk-demo{width:128px;height:64px}}.level-up-reward-card .reward-preview-empty{font-family:"Press Start 2P",monospace;font-size:16px;color:#999}.shop-overlay{position:fixed;inset:0;z-index:10002;display:flex;align-items:flex-end;justify-content:center}.shop-overlay-backdrop{position:absolute;inset:0;background:#0000;transition:background .2s ease}.shop-overlay.open>.shop-overlay-backdrop{background:#0003}.shop-loadout{position:relative;z-index:1}.shop-overlay.open>.shop-loadout{transform:translateY(0)}.shop-loadout,.shop-perk-sheet .pm-perk-sheet-content{background:#f8f8f8db;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}body.dark-mode .shop-loadout,body.dark-mode .shop-perk-sheet .pm-perk-sheet-content{background:#303030db}.shop-perk-sheet.open .pm-perk-sheet-backdrop{background:#0003}.shop-loadout-slots{padding-bottom:0}.shop-status{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.shop-status-money{color:#f80}.shop-status-warn{color:#e03131}body.dark-mode .shop-status-warn{color:#ff6b6b}.shop-status-sep{opacity:.45}.shop-sheet-header{display:flex;align-items:center;gap:8px;width:100%}.shop-sheet-header .pm-perk-sheet-title{flex:1;text-align:center}.shop-sheet-actions{display:flex;align-items:center;gap:6px}.shop-perk-sheet .pm-perk-sheet-close{position:static;font-size:16px}.shop-sheet-back{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:#666}.shop-sheet-buy{background:#2f9e44;white-space:nowrap}.shop-sheet-buy.short{background:#e03131}.card-equipped-badge{position:absolute;top:-6px;right:-6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#2f9e44;pointer-events:none;z-index:1}.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:7px;font-weight:700}body.dark-mode .pm-ready-indicator{color:#4caf50}.pm-top-left{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.pm-cancel-btn{background:#b22222;font-size:8px!important;padding:8px 16px!important}@keyframes pmFadeIn{0%{opacity:0}to{opacity:1}}#match-finish-banner{position:fixed;inset:0;z-index:1001;pointer-events:none;font-family:"Press Start 2P",monospace;color:#333}body.dark-mode #match-finish-banner{color:#e0e0e0}#match-finish-banner>*{opacity:0}@keyframes mfResultLand{0%{opacity:0;transform:translate(var(--mf-dx),var(--mf-dy)) scale(calc(var(--mf-scale) * 1.6));animation-timing-function:cubic-bezier(.2,.9,.3,1.4)}10%{opacity:1;transform:translate(var(--mf-dx),var(--mf-dy)) scale(var(--mf-scale))}67%{opacity:1;transform:translate(var(--mf-dx),var(--mf-dy)) scale(var(--mf-scale));animation-timing-function:cubic-bezier(.6,0,.2,1)}to{opacity:1;transform:none}}#match-finish-banner.mf-in .pm-mode-name,#match-finish-banner.mf-in .pm-mode-objective,#match-finish-banner.mf-in .mf-caption{animation:mfResultLand 1.8s both}.mf-caption{position:fixed;top:92px;left:5%;max-width:320px;font-size:8px;line-height:1.6}#match-finish-banner.mf-out .mf-caption{animation:pmFadeOut .3s ease-in forwards}#match-results-screen:before{animation:pmFadeIn 1.6s ease-in-out .4s both}.mr-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:32px 24px 96px;box-sizing:border-box}@keyframes mrSlideIn{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}#match-results-screen .pm-section,#match-results-screen .pm-team,#match-results-screen .pm-bottom-strip{transform:translate(-40px)}#match-results-screen.mr-enter .pm-mode-name{animation:mrSlideIn .2s ease-out 0s forwards}#match-results-screen.mr-enter .pm-mode-objective{animation:mrSlideIn .2s ease-out .05s forwards}#match-results-screen.mr-enter .mr-score{animation:mrSlideIn .25s ease-out .1s forwards}#match-results-screen.mr-enter .pm-teams-slab{animation:mrSlideIn .3s ease-out .15s forwards}#match-results-screen.mr-enter .pm-team:first-child{animation:mrSlideIn .2s ease-out .3s forwards}#match-results-screen.mr-enter .pm-team:nth-child(n+2){animation:mrSlideIn .2s ease-out .45s forwards}#match-results-screen.mr-enter .pm-actions{animation:mrSlideIn .2s ease-out .6s forwards}#match-results-screen.mr-enter .pm-bottom-strip{animation:mrSlideIn .2s ease-out .7s forwards}#match-results-screen .pm-section.mr-held{opacity:1;transform:none;animation:none}@keyframes pmSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}#match-results-screen.mr-out{pointer-events:none}#match-results-screen.mr-out .pm-bottom-strip{animation:pmSlideOut .2s ease-in 0s both}#match-results-screen.mr-out .pm-actions{animation:pmSlideOut .2s ease-in .1s both}#match-results-screen.mr-out .pm-team:nth-child(n+2){animation:pmSlideOut .2s ease-in .3s both}#match-results-screen.mr-out .pm-team:first-child{animation:pmSlideOut .2s ease-in .5s both}#match-results-screen.mr-out .pm-teams-slab{animation:pmSlideOut .2s ease-in .65s both}#match-results-screen.mr-out .mr-score{animation:pmSlideOut .2s ease-in .7s both}#match-results-screen.mr-out .pm-mode-objective{animation:pmSlideOut .2s ease-in .75s both}#match-results-screen.mr-out .pm-mode-name{animation:pmSlideOut .2s ease-in .85s both}.mr-score{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:min(720px,100%)}.mr-score-teams{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.mr-score-team{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 0;min-width:0}.mr-score-team:first-child{align-items:flex-start}.mr-score-team:last-child{align-items:flex-end}.mr-score-name{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mr-score-line{display:flex;align-items:center;gap:8px}.mr-score-team:last-child .mr-score-line{flex-direction:row-reverse}.mr-score-medals{display:flex;flex-wrap:wrap}.mr-score-value{font-size:44px;line-height:1}.mr-score-label{flex:0 0 auto;font-size:20px;padding-bottom:4px;opacity:.6}.mr-score-bar{display:flex;height:28px;background:#d4d4d4;border:1px solid #bbb;box-shadow:1.2px 3px 0 var(--box-edge)}body.dark-mode .mr-score-bar{background:#444;border-color:#555}.mr-score-fill{width:0;transition:width .9s cubic-bezier(.2,.8,.3,1)}.mr-score-fill+.mr-score-fill{box-shadow:inset 3px 0 #fffc}.mr-score.mr-filled .mr-score-fill{width:calc(var(--mr-share) * 100%)}.mr-score-static{width:100%;gap:8px;padding:8px 2px 4px 0;box-sizing:border-box}.mr-score-static .mr-score-fill{transition:none}.mr-score-static .mr-medal{opacity:1;transform:none}.mr-score-static .mr-score-medals{cursor:help}.mr-score-static .mr-score-value{font-size:28px}.mr-score-static .mr-score-label{font-size:13px}.mr-score-static .mr-score-bar{height:18px}#match-results-screen .pm-teams-slab{position:relative;isolation:isolate;filter:none;opacity:0;transform:translate(-40px)}#match-results-screen .pm-teams-slab:before,#match-results-screen .pm-teams-slab:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-edge);clip-path:polygon(6% 0,100% 0,100% 100%,calc(6% - 24px) 100%)}#match-results-screen .pm-teams-slab:before{transform:translate(1.6px,4px)}#match-results-screen .pm-teams-slab:after{transform:translate(3.2px,8px)}#match-results-screen .pm-teams-container{opacity:1;transform:none;animation:none}#match-results-screen .pm-teams-container{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:24px;--pm-container-pad-v: 20px;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent;-webkit-overflow-scrolling:touch}#match-results-screen .pm-teams-container::-webkit-scrollbar{height:6px}#match-results-screen .pm-teams-container::-webkit-scrollbar-thumb{background:#80808080}#match-results-screen .pm-team{flex-shrink:0}#match-results-screen .pm-players-row{flex-grow:1;gap:16px;align-items:stretch}.mr-player{justify-content:flex-start;opacity:0;transform:translateY(16px) scale(.85)}@keyframes mrCardIn{0%{opacity:0;transform:translateY(16px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.mr-player.mr-in{animation:mrCardIn .3s cubic-bezier(.2,.9,.3,1.3) forwards}.mr-player-stats{display:flex;flex-direction:column;margin-top:auto;padding-top:8px;font-size:var(--mr-stat-size, 7px);opacity:0;transform:translateY(-4px);transition:opacity .2s ease-out,transform .2s ease-out}.mr-player.mr-stats-in .mr-player-stats{opacity:1;transform:translateY(0)}.mr-kda{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-bottom:2px;white-space:nowrap}.mr-kda-cell{display:inline-flex;align-items:baseline;gap:3px}.mr-kda-value{font-size:calc(var(--mr-stat-size, 7px) * 1.75);color:var(--mr-player-color, gray)}.mr-player-medals{display:flex;flex-wrap:wrap;justify-content:center;max-width:calc(var(--pm-tank-size, 64px) + 56px);min-height:var(--mr-medal-size, 22px);margin-top:2px}.mr-medal{display:inline-flex;opacity:0;transform:scale(1.8)}@keyframes mrMedalPop{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}.mr-medal.mr-pop{animation:mrMedalPop .16s cubic-bezier(.2,.9,.3,1.4) forwards}.mr-continue-btn{background:green;font-size:8px!important;padding:8px 16px!important}.mr-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;width:min(720px,100%)}.mr-footer .pm-actions{margin-top:0}.mr-xp{flex:1 1 260px;min-width:0;box-sizing:border-box;margin:0}#match-results-screen .mr-xp{background:#eee;border-color:#c9dbf8}body.dark-mode #match-results-screen .mr-xp{background:#383838;border-color:#324b73}#match-results-screen .mr-xp.mr-xp-in{animation:mrSlideIn .2s ease-out forwards}#match-results-screen.mr-out .mr-xp.mr-xp-in{animation:pmSlideOut .2s ease-in .2s both}@media(max-width:700px){.mr-slide{padding:24px 16px 112px}#match-results-screen .mr-score-value{font-size:28px}#match-results-screen .mr-score-label{font-size:13px}#match-results-screen .mr-score-bar{height:20px}}@media(max-height:500px){.mr-slide{align-items:flex-start;padding-top:0;padding-bottom:12px}.mr-slide .pm-content{padding-top:32px;gap:8px}#match-results-screen.mr-no-score .mr-slide .pm-content{padding-top:86px}#match-results-screen .mr-score{width:min(480px,100% - 420px)}#match-results-screen .mr-score-name{display:none}.mr-player-stats{padding-top:4px}#match-results-screen .pm-teams-container{--pm-container-pad-v: 10px}.mr-player-medals{flex-wrap:nowrap;max-width:none}#match-results-screen .pm-bottom-strip{display:none}#match-results-screen .mr-xp{padding:6px 10px}#match-results-screen .mr-xp .xp-missions-completed{gap:4px 6px;margin-top:8px}#match-results-screen .mr-score{gap:6px}#match-results-screen .mr-score-value{font-size:22px}#match-results-screen .mr-score-label{font-size:11px;padding-bottom:2px}#match-results-screen .mr-score-bar{height:16px}#match-results-screen .mr-score-team{gap:4px}}.info-popup{position:fixed;z-index:10003;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;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.info-popup-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-popup-header-unit{flex:none;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.8px}body.dark-mode .info-popup-header-unit{color:#8a8a8a}.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}.effect-keyword{color:orange;text-decoration:underline;text-decoration-style:dotted;cursor:pointer}.tutorial-popup-overlay{--tutorial-popup-left-cut: 36px;position:fixed;top:46px;right:0;z-index:10001;display:flex;justify-content:flex-end;align-items:flex-start;pointer-events:none;opacity:0;transition:opacity .22s ease}.tutorial-popup-overlay.visible{opacity:1}.tutorial-popup{position:relative;background:#ebebebf2;color:#444;border:none;padding:10px;padding-left:calc(10px + var(--tutorial-popup-left-cut));padding-right:max(10px,env(safe-area-inset-right,0px));font-family:"Press Start 2P",monospace;width:220px;pointer-events:auto;clip-path:polygon(var(--tutorial-popup-left-cut) 0,100% 0,100% 100%,0 100%);transform:translate(100%);transition:transform .22s ease}.tutorial-popup-overlay.visible .tutorial-popup{transform:translate(0)}.tutorial-popup[data-size=large]{width:320px}.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}.tutorial-popup-timer-bar{position:absolute;bottom:0;left:0;height:3px;background:purple;transition:width linear}body.dark-mode .tutorial-popup{background:#2a2a2ae6;color:#9b9b9b}body.dark-mode .tutorial-popup-indicator{color:#888}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-bottom:20px}.info-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 6px;background:#c8c8c8;border:none;cursor:pointer;transition:all .15s ease;gap:5px;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:22px;height:22px}.info-card-icon svg{display:block}.info-card-icon-lg{width:32px;height:32px}.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-tutorial-display{background:#c8c8c8;padding:16px;margin-bottom:20px;font-family:"Press Start 2P",monospace;height:120px;display:flex;flex-direction:column;overflow-y:auto}.info-tutorial-header{font-size:10px;color:#333;margin-bottom:10px;text-align:left}.info-tutorial-body{font-size:8px;line-height:1.5;color:#444;text-align:left;flex:1}.info-tutorial-body em{font-style:normal;color:var(--em-color, orange)}.info-tutorial-footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:auto;padding-top:14px;gap:10px}.info-tutorial-indicator{font-size:8px;color:#888}.info-tutorial-nav{display:flex;gap:8px}.info-tutorial-nav .retro-button.small{outline:none}body.dark-mode .info-tutorial-display{background:#505050}body.dark-mode .info-tutorial-header{color:#ddd}body.dark-mode .info-tutorial-body{color:#bbb}body.dark-mode .info-tutorial-indicator{color:#999}.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:red;margin-left:auto;margin-right:20px}body.dark-mode .info-version-label{color:#999}body.dark-mode .info-version-value{color:red}.info-changelog{border:none;background:#ddd;display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .3s ease}.info-changelog:has(.info-changelog-content.expanded){grid-template-rows:auto 1fr}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{min-height:0;overflow:hidden;background:transparent}.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:red;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-title{text-shadow:3px 3px 0 rgba(255,255,255,.2)}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,.2);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;text-shadow:3px 3px 0 rgba(255,255,255,.2)}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}:root{--text-depth: .4px 1px 0 rgba(0, 0, 0, .35), .4px 1px 0 currentColor, .8px 2px 0 rgba(0, 0, 0, .35), .8px 2px 0 currentColor, 1.2px 3px 0 rgba(0, 0, 0, .35), 1.2px 3px 0 currentColor, 1.6px 4px 0 rgba(0, 0, 0, .35), 1.6px 4px 0 currentColor, 2.6px 6.5px 6px rgba(0, 0, 0, .22);--card-edge: #a8a8a8}body.dark-mode{--card-edge: #262626}#lobby>h2,body.dark-mode #lobby h2,.welcome-title,body.dark-mode .welcome-title,.pm-shaded-text,body.dark-mode .pm-shaded-text{text-shadow:var(--text-depth)}#lobby>h2 span span,.welcome-title span{text-shadow:var(--text-depth)}.player-name-display,body.dark-mode .player-name-display,body.dark-mode .player-name-display:hover{clip-path:none;background:linear-gradient(225deg,transparent 10.6px,var(--card-face) 10.6px);filter:drop-shadow(.8px 2px 0 var(--card-edge)) drop-shadow(.8px 2px 0 var(--card-edge))}.player-name-display{--card-face: #d4d4d4}body.dark-mode .player-name-display{--card-face: #484848}body.dark-mode .player-name-display:hover{--card-face: #565656}.player-name-display:hover,body.dark-mode .player-name-display:hover{box-shadow:none}.quick-play-section{box-shadow:2px 5px #a35c00}.custom-game-header{box-shadow:2px 5px #3d1492}.custom-game-section.locked .custom-game-header{box-shadow:2px 5px #5a5a5a}.retro-button{box-shadow:1.6px 4px #0000004d,2px 5px 10px #0003}.retro-button:active{transform:translate(.8px,2px);box-shadow:.8px 2px #0000004d,1px 3px 5px #00000026}.retro-button.small{box-shadow:1.2px 3px #0000004d,1.6px 4px 8px #0003}.retro-button.small:active{transform:translate(.8px,2px);box-shadow:.4px 1px #0000004d,.8px 2px 4px #00000026}.mission-swap-btn{box-shadow:.8px 2px #0000004d}.mission-swap-btn:active{transform:translate(.4px,1px);box-shadow:.4px 1px #0000004d}.settings-popup-btn,.hud-stats-btn{box-shadow:1.2px 3px #00000047}body.dark-mode .settings-popup-btn,body.dark-mode .hud-stats-btn{box-shadow:1.2px 3px #0009}.mission-toast{box-shadow:1.6px 4px #00000047}body.dark-mode .mission-toast{box-shadow:1.6px 4px #0009}.mission-toast-bar-track{box-shadow:.8px 2px 0 var(--box-edge)}.settings-popup-btn:active,.hud-stats-btn:active{transform:translate(.8px,2px);box-shadow:.4px 1px #00000047}.settings-popup-overlay,.tutorial-popup-overlay,.pm-teams-slab{filter:drop-shadow(1.6px 4px 0 var(--card-edge)) drop-shadow(1.6px 4px 0 var(--card-edge))}.lobby-content{box-shadow:3px 7px 0 var(--card-edge)}.welcome-popup{box-shadow:3px 7px #00000073,0 8px 32px #00000080}.info-popup{box-shadow:2px 5px 0 var(--card-edge),0 4px 15px #0000004d}.card{box-shadow:1.2px 3px 0 var(--card-shadow-hard),0 4px 8px var(--card-shadow-soft)}.card[data-mode-id]{box-shadow:.8px 2px 0 var(--card-shadow-hard),0 3px 6px var(--card-shadow-soft)}.card:active,.card--toggle:active,.card[data-mode-id]:active{transform:translate(.8px,2px);box-shadow:.4px 1px 0 var(--card-shadow-hard),0 1px 3px var(--card-shadow-soft)}.graffiti-slot,.info-card{box-shadow:1.6px 4px 0 var(--card-edge),0 2px 8px #0000001f}:root{--box-edge: rgba(0, 0, 0, .13)}body.dark-mode{--box-edge: rgba(0, 0, 0, .45)}.garage-panel,.xp-progression-section,.mission-box,.level-up-reward-card,.progression-coming-item,.leaderboard-tabs,.stats-meta-pill,.info-changelog,.hof-table,.bot-controls-box{box-shadow:1.6px 4px 0 var(--box-edge)}.xp-bar-track{box-shadow:1.2px 3px 0 var(--box-edge)}.player-name-text .player-level-bar-track,.mission-box-bar-track{box-shadow:.8px 2px 0 var(--box-edge)}.content-section h3{text-shadow:.4px 1px 0 rgba(0,0,0,.3),.4px 1px 0 currentColor,.8px 2px 0 rgba(0,0,0,.3),.8px 2px 0 currentColor}