.main-menu-canvas{position:absolute;top:0;left:0;width:100%;height:100%}#perm-level-selector{min-width:100px;border:2px solid black}#main-menu-contents{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-template-areas:"left center right";grid-gap:20px;justify-content:center;align-items:center;width:90%;transition:transform .1s ease}#main-menu-contents>*{flex:1;margin:20px}#player-main-menu-bar{position:absolute;top:0!important;padding:10px;width:200px;background-color:#00000080;border-radius:5px}.selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:5px}.selector-title{width:100%;text-align:center;font-size:1em}.game-selector{border:2px solid rgba(255,255,255,.5);width:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center}.game-selector .modal-header{padding:2px 10px}.game-selector .modal-header .refresh-btn{border-radius:0}.game-selector-content{display:flex;flex-direction:row;align-items:center;background-color:#202040;width:100%}.game-selector-content>*:not(:last-child){border-right:1px solid white}.region.selector-item{padding:5px!important}.selector-item{width:100%;max-width:300px;background:#404040;border:2px solid rgba(255,255,255,.5);border-radius:8px;text-align:center}.selector-item.selected{background:#00a700;border:3px solid rgba(255,255,255,.8);color:#fff}.gamemode.selector-item{padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.gamemode.selector-item .unlock-level{font-size:.8em}.gamemode.selector-item.locked{background:#444;border:1px solid #888;color:#ccc;cursor:not-allowed;position:relative;overflow:hidden}.gamemode.selector-item.locked:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.gamemode.selector-item.locked .unlock-level{position:relative;z-index:2}.cube-vignette-bg{--s: 200px;--c1: #1d1d1d;--c2: #4e4f51;--c3: #3c3c3c;background:radial-gradient(circle,#ffffff4d,#000c 50%),repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) calc(var(--s)/2) calc(var(--s)*tan(30deg)/2),repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);background-size:100% 100%,var(--s) calc(var(--s)*tan(30deg)),var(--s) calc(var(--s)*tan(30deg))}.grid-bg{background-color:#d3d3d3;background-image:linear-gradient(to right,#aaa 1px,transparent 1px),linear-gradient(to bottom,#aaa 1px,transparent 1px);background-size:30px 30px}.grid-bg-dark{background-size:100px 100px;background-color:#3c3c3c;background-image:radial-gradient(circle,#ffffff4d,#000c 50%),linear-gradient(to right,#888 1px,transparent 1px),linear-gradient(to bottom,#888 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#fff0 25%,#000c 75%)}.tank-bg-dark{background-color:#3c3c3c;background-image:radial-gradient(circle,#fafafa4d,#000c 50%),var(--tank-bg-url);background-size:100% 100%,50px 50px,}.screen{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-menu-title-container{display:flex;flex-direction:row;align-items:center;gap:20px;padding:20px 0;margin-top:auto}.main-menu-center{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.main-menu-user-container{min-width:300px;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#000000b3;border-radius:10px}.main-menu-user-container>*{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.main-menu-user-container>span{font-size:20px}.signed-in-container>*{text-align:center}.middle-container{display:grid;grid-template-rows:1fr auto 1fr;grid-gap:10px;transform-origin:center center}@media(max-width:1024px){.middle-container{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.middle-container{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.middle-container{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.middle-container{transform:scale(var(--media-extra-small-320))}}.main-menu-center-top,.main-menu-center-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%}.main-menu-center-top{display:flex;flex-direction:column;justify-content:end}.main-menu-center-bottom{display:flex;flex-direction:column;justify-content:start;height:auto;align-self:flex-start}.main-menu-bottom{display:flex;flex-direction:column;align-items:center;gap:15px}.player-card{display:flex;align-items:center;background:#0009;border-radius:12px;padding:12px 20px;margin-bottom:20px;border:2px solid rgba(255,255,255,.2);width:100%;max-width:400px}.player-avatar{width:48px;height:48px;border-radius:50%;background:#00001e80;display:flex;align-items:center;justify-content:center;margin-right:15px;border:2px solid rgba(255,255,255,.3)}.player-avatar i{font-size:24px;color:#64b5f6}.player-info{flex:1}.player-name-display{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.player-status{font-size:14px;color:#fff9}.small-button{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.small-button:hover{background:#fff3;transform:scale(1.05)}.play-button{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#00a700;color:#fff;border:2px solid white;border-radius:12px;font-size:22px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 6px 15px #0006;min-width:150px}.play-button:hover{transform:translateY(-2px) scale(1.05);background:#070}.play-button i{margin-right:10px;font-size:20px}.hidden{display:none!important}#username-input{padding:10px;background:#ffffffe6;border-radius:12px;color:#000;font-size:18px;font-family:Ubuntu,sans-serif;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}#username-input:hover{outline:none;border-color:#fffc;box-shadow:0 0 20px #ffffff4d;transform:scale(1.02);cursor:text}#username-input::placeholder{color:#00000080}.main-menu-icon{display:flex;align-items:center;justify-content:center}.main-menu-icon .logo{width:80px;height:80px;object-fit:contain}.game-title{font-size:4rem;position:relative;font-weight:700;gap:5px;align-items:center}.game-title .beta-text{font-size:2rem}.how-to-play-button{display:flex;align-items:center;justify-content:center;padding:10px 30px;background:#0009;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.how-to-play-button:hover{background:#00000080;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.how-to-play-button i{margin-right:8px;font-size:14px}.selector-div{display:grid;grid-gap:5px}.region-selector,.gamemode-selector{grid-template-columns:repeat(3,1fr)}.selector-item.loading{opacity:.6;cursor:not-allowed}.selector-item.error{opacity:.7;color:#ff6b6b;cursor:not-allowed}.selector-item.placeholder{opacity:.5;font-style:italic;cursor:not-allowed}.refresh-btn.loading i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gamemode-name small{display:block;margin-top:2px}.gamemode-name,.region-name{font-size:.8em}.screen{overflow:hidden!important}#main-menu{overflow:hidden!important;-webkit-overflow-scrolling:touch}#game-canvas{position:absolute;top:0;left:0;width:60%;height:100%}.exit-button{width:35px!important;height:35px!important;background:#ff0000b3!important}.exit-button i{font-size:20px!important}.highest-zindex{z-index:20000!important}.init-status{z-index:19000}#loading-screen{z-index:15000}.captcha-overlay{z-index:18000!important}#cta-overlay,.cta-box:after{z-index:10000!important}#notification-container{z-index:9999}.popup-center-container{z-index:9000}#tutorial-overlay-container,.tutorial-overlay{z-index:8950}.moblie-direction-arrow{z-index:8901}.mail-popup-container{z-index:8600}.leaderboard-entry{z-index:8510}.leaderboard-popup-container{z-index:8501}.achievements-popup-container,.shop-popup-container{z-index:8500}#death-screen{z-index:8000}.module-tooltip{z-index:7600}#fullscreen-container-test{z-index:7510}#exchange-container{z-index:7501}#player-inventory-container{z-index:7500}.mobile-controls-container{z-index:7450}#upgrades-container,.stat-name,.stat-level{z-index:7400}#mobile-stat-upgrade-btns-overlay{z-index:7400!important}#chat-container{z-index:7000}.modal{z-index:1000}.popup-menu-right,.popup-menu-left{z-index:210}.modal-content{z-index:201}#top-left-ui,.popups{z-index:200}#lag-simulator{z-index:150}#top-right-buttons,#top-left-buttons,#player-info-bar{z-index:100}.game-title{z-index:30}#main-menu{z-index:20}.interaction-hint-button,.exit-button,.account-info{z-index:10}#game-leaderboard,#minimap-background-canvas{z-index:5}#minimap-overlay-canvas{z-index:5;pointer-events:none}#game-canvas{z-index:-1}#game-screen{z-index:-2}.main-menu-canvas{z-index:-3}#death-screen{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000080;transition:all .3s ease-in-out}@media(max-width:1024px){.death-screen-contents{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.death-screen-contents{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.death-screen-contents{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.death-screen-contents{transform:scale(var(--media-extra-small-320))}}.death-screen-contents{width:400px;height:80dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .3s ease-in-out}.death-screen-contents{text-align:center}.death-message-player-name{font-size:32px;font-weight:700;color:#fff}.death-message-pre{font-size:14px}.death-message-cause{font-size:20px}.death-message-hint{font-size:14px}.death-screen-image{width:200px;height:auto;aspect-ratio:1 / 1;object-fit:cover;margin:5px}.death-message-continue-btn{background-color:#adff2f;border:4px solid black;transition:all .3s ease}.death-message-respawn-btn{background-color:#4caf50;border:4px solid black;color:#fff;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:8px;transition:all .3s ease;font-weight:700}.death-message-respawn-btn:hover{background-color:#45a049;transform:scale(1.05)}.death-message-respawn-btn:active{transform:scale(.95)}.death-message-respawn-info{font-size:14px;color:#ccc;margin:10px 0;text-align:center;padding:8px 12px;background-color:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.death-message-buttons{display:flex;gap:10px;margin-top:15px;justify-content:center;flex-wrap:wrap}@media(max-width:480px){.death-message-buttons{flex-direction:column;gap:8px;width:100%}.death-message-respawn-btn,.death-message-continue-btn{width:100%;max-width:200px;margin:0 auto}.death-message-respawn-info{font-size:12px;padding:6px 8px}}.death-screen-stats{display:flex;flex-direction:column;width:100%;gap:5px;margin:20px 0;padding:15px;border-radius:8px;transition:background-color .3s ease;background-color:#222;background-image:var(--tank-bg-url);background-repeat:repeat;background-size:50px 50px}.death-screen-stat-row{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:center;gap:30px}.death-screen-stat-label{text-align:right;font-size:16px;color:#ccc}.death-screen-stat-value{text-align:left;font-size:20px;font-weight:700;color:#fff}.death-screen-stats-header{font-size:18px;margin-bottom:10px;color:#ccc}.death-screen-stat-row{opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}.death-screen-stat-row:nth-child(1){animation-delay:.4s}.death-screen-stat-row:nth-child(2){animation-delay:.7s}.death-screen-stat-row:nth-child(3){animation-delay:1s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.death-screen-stats .level-container{padding-top:10px;border-top:1px solid rgba(255,215,0,.8)}#loading-screen{position:fixed;top:0;left:0;width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center;background-color:#000}.loading-message{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(24px,8dvw,96px);text-align:center;white-space:nowrap}#lower-left-container{position:absolute;bottom:10px;left:10px;width:auto;display:grid;grid-template-areas:"upgrade-stats upgrade-stats" "btns chat-container";align-items:flex-end;gap:5px;transform-origin:bottom left;transition:transform .1s ease;pointer-events:none}#lower-left-buttons{pointer-events:none}#lower-left-buttons>*{pointer-events:all}@media(max-width:1024px){#lower-left-container{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){#lower-left-container{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){#lower-left-container{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){#lower-left-container{transform:scale(var(--media-extra-small-320))}}#lower-left-buttons{grid-area:btns;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0}#lower-left-buttons .corner-button{background-color:#00000080;color:#fff;padding:5px;border-radius:5px;cursor:pointer;font-size:1.5em;margin:5px;transition:background-color .3s ease;width:60px!important;height:60px!important}#lower-left-buttons .corner-button span{position:absolute;font-size:12px;text-align:center}#lower-left-buttons .corner-button i{width:100%}#lower-left-buttons .corner-button .keybind-indicator{position:absolute;font-size:12px;margin:0}#chat-container{grid-area:chat-container;min-width:400px;max-width:600px;height:145px;font-size:14px;overflow-x:visible;color:#fff;border-radius:10px;opacity:1;display:flex;flex-direction:column;justify-items:end;transition:opacity .2s ease,max-height .2s ease}#chat-container.input-focused #chat-messages{max-height:300px}#chat-messages{flex:1;display:flex;flex-direction:column;padding:10px;overflow-y:auto;overflow-x:hidden;max-height:300px;max-width:100%;width:fit-content;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0) transparent;scrollbar-gutter:stable;gap:5px;overscroll-behavior:contain;transition:opacity .2s ease,max-height .2s ease}.chat-message{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:5px;width:fit-content;flex-shrink:0;word-break:break-word;overflow-wrap:break-word;pointer-events:all}.chat-message:hover{background-color:#ffffff1a}.chat-message[style*="opacity: 0"]{height:0;margin:0;padding:0;overflow:hidden}.chat-message [stroke]{--stroke-size: .2em;position:relative;color:#fff}.chat-message-author{font-weight:700;white-space:nowrap;color:#000}.chat-message-text{padding:0;margin:0;word-wrap:break-word;overflow-wrap:break-word;color:#000}.message-type-system .chat-message-author,.message-type-system .chat-message-text,.message-type-admin .chat-message-author,.message-type-admin .chat-message-text{color:#fdf380}.message-type-team .chat-message-author,.message-type-team .chat-message-text{color:#ef99c3}#chat-container.input-focused{max-height:400px;opacity:1}#chat-input-container{display:flex;flex-direction:row;gap:5px;padding:5px;border-radius:5px;width:300px;align-items:center;pointer-events:all}#switch-chat-type-btn{text-align:center;font-size:14px;font-weight:700;padding:5px 10px;border-radius:5px;cursor:pointer;flex-shrink:0;border:1px solid black!important}#chat-input{flex:1;background-color:#00000080;border:none;color:#fff;padding:5px 10px;border-radius:5px;margin-right:5px}#chat-input:hover{background-color:#000000b3}.chat-input-type-global{color:#fff}.chat-input-type-team>*{color:#ef99c3!important}#chat-input:focus{outline:none;background-color:#000c}#send-chat-button{background-color:#4caf50;border:none;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;box-sizing:border-box;border:3px solid black}#send-chat-button:hover{background-color:#45a049}.chat-command-popup{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:5px;max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:0 5px 15px #00000080;display:none;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.chat-command-popup>.command-item:nth-child(odd){background-color:#202020e6}.chat-command-popup>.command-item:nth-child(2n){background-color:#404040e6}.chat-command-popup:not(.hidden){display:block;opacity:1;transform:translateY(0)}.command-item{display:flex;flex-direction:row;gap:5px;padding:8px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.command-item:last-child{border-bottom:none}.command-item:hover,.command-item.selected{background-color:#ffffff1a}.command-syntax{font-weight:700;color:gold!important;margin-bottom:2px}.command-description{font-size:.9em;color:#aaa}#player-info-bar-container{pointer-events:none}#player-info-bar{position:relative;width:500px;border-radius:8px;padding:8px;color:#fff;font-family:Ubuntu,sans-serif;display:flex;flex-direction:column;gap:8px}.player-name-container{width:100%;display:flex;flex-direction:row;gap:5px;align-items:center;color:#fff;text-align:center}.player-name-prefix{font-size:12px}.player-name-prefix.admin{color:red!important;font-weight:700}.player-name-prefix.moderator{color:#0f0!important;font-weight:700}.player-name-prefix.vip{color:#0ff!important;font-weight:700}.player-name{font-size:1rem;padding:0;margin:0}.auth-status{font-size:16px}@media(max-width:768px){.player-name{font-size:16px}.auth-status{font-size:12px}}@media(max-width:375px){.player-name{font-size:12px}.auth-status{font-size:10px}}.player-health-container{width:240px}.player-health-bar{position:relative;height:20px;background-color:#0009;border-radius:15px;overflow:hidden;border:2px solid rgba(0,0,0,.8);padding:0%;margin:0}.player-health-fill{position:absolute;height:100%;background-color:#3cd23cb3;width:100%;border-radius:15px;transition:width .3s ease-out}.player-health-text-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-health-text{font-size:14px;font-weight:700;padding:0;margin:0;z-index:1;pointer-events:none}.player-stats-container{width:240px;display:grid;grid-template-columns:auto auto;gap:8px;pointer-events:none}.player-score,.player-kills{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0006;border-radius:6px;padding:2px 0;pointer-events:none}.stat-label{font-size:12px;opacity:.8}.stat-value{font-size:1rem;font-weight:700}.health-high{background-color:#3cd23cb3}.health-medium{background-color:#ffa500b3}.health-low{background-color:#ff3232b3;animation:flash .5s infinite alternate}@keyframes flash{0%{background-color:#ff3232b3}to{background-color:#f81515e6}}@keyframes pulse-border{0%{border-color:#ff0000b3;box-shadow:0 0 #ff0000b3}50%{border-color:#ff3232;box-shadow:0 0 0 4px #f006}to{border-color:#ff0000b3;box-shadow:0 0 #ff0000b3}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-1px)}20%,40%,60%,80%{transform:translate(1px)}}@keyframes critical-health-flash{0%{background-color:#28000099}50%{background-color:#5a0000b3}to{background-color:#28000099}}.player-health-bar.critical-health{border-color:red;animation:pulse-border 1.5s infinite,shake .5s infinite;background-color:#28000099;box-shadow:0 0 10px #ff0000b3;animation:pulse-border 1.5s infinite,shake .5s ease-in-out infinite,critical-health-flash 1s infinite}.critical-health .player-health-text{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff0000;font-weight:bolder}.critical-health .player-health-text[stroke]:before{--stroke-size: .25em;-webkit-text-stroke:var(--stroke-size) #800}@keyframes danger-pulse{0%,to{opacity:1}50%{opacity:.7}}.player-health-bar.extremely-critical{animation:pulse-border .8s infinite,shake .3s infinite,critical-health-flash .8s infinite;box-shadow:0 0 15px #ff0000e6}.extremely-critical .player-health-text{animation:danger-pulse .5s infinite;font-size:16px!important}.popup-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:18px;color:#ffffffb3;flex-direction:column;gap:15px}.popup-loading.tall{height:300px}.popup-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(255,255,255,.7);border-radius:50%;animation:loading-spin 1s linear infinite}.popup-loading .loading-text{font-size:16px;color:#ffffffb3;text-align:center}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shop-inventory-loading,.leaderboard-loading,.mail-loading,.profile-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:18px;color:#ffffffb3;flex-direction:column;gap:15px;background-color:#222;background-image:var(--tank-bg-url);background-size:50px 50px;background-repeat:repeat}.shop-inventory-loading .loading-spinner,.leaderboard-loading .loading-spinner,.mail-loading .loading-spinner,.profile-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid rgba(255,255,255,.7);border-radius:50%;animation:loading-spin 1s linear infinite}.shop-inventory-loading.tall,.mail-loading.tall,.profile-loading.tall{height:300px}.mail-loading{width:100%}.popup-loading.hidden,.shop-inventory-loading.hidden,.leaderboard-loading.hidden,.mail-loading.hidden,.profile-loading.hidden{display:none}#lag-simulator{position:absolute;left:10px;top:30%;width:200px;max-height:200px;overflow-y:auto;background:#0003;padding:10px;border-radius:5px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) transparent;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:5px;font-size:12px}#lag-simulator>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#damage-effect-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:900;opacity:0;transition:opacity .05s ease-in,opacity .8s ease-out;box-shadow:inset 0 0 100px 20px #ff0000b3;background:radial-gradient(circle at center,transparent 30%,rgba(255,0,0,.1) 60%,rgba(255,0,0,.5) 100%);mix-blend-mode:multiply}#damage-effect-overlay.visible{opacity:1}.connecting-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;transition:opacity .3s ease;text-align:center}.connecting-screen .action-btns{display:flex;flex-direction:row;gap:10px}.connecting-screen.connecting{background-color:#000000e6}.connecting-screen.disconnected{background-color:#ff000080}.connecting-screen.hidden{opacity:0;pointer-events:none}.connecting-dots{display:inline-block;min-width:24px;text-align:left;font-size:32px}.connecting-screen-contents{width:800px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:all .3s ease-in-out;background:#000c;padding:20px;border-radius:10px}.connecting-screen-contents{text-align:center}@media(max-width:1024px){.connecting-screen-contents{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.connecting-screen-contents{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.connecting-screen-contents{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.connecting-screen-contents{transform:scale(var(--media-extra-small-320))}}.modal-content{line-height:1.5;color:#eee;--font-scale: .95}.modal-content *{font-size:calc(var(--font-scale) * 1em)}.modal-content h1{font-size:calc(1.8em * var(--font-scale))}.modal-content h2{font-size:calc(1.5em * var(--font-scale))}.modal-content h3{font-size:calc(1.3em * var(--font-scale))}.modal-content h4{font-size:calc(1.1em * var(--font-scale))}.modal-content h1,.modal-content h2,.modal-content h3,.modal-content h4,.modal-content h5,.modal-content h6{margin-top:1em;margin-bottom:.5em;color:#fff}.modal-content p{margin-top:1em}.modal-content ul,.modal-content ol{margin-left:1.5em}.modal-content>ul,.modal-content>ol{list-style-type:disc}:is(.modal-content>ul,.modal-content>ol)>ul,:is(.modal-content>ul,.modal-content>ol)>ol{list-style-type:circle}:is(:is(.modal-content>ul,.modal-content>ol)>ul,:is(.modal-content>ul,.modal-content>ol)>ol)>ul,:is(:is(.modal-content>ul,.modal-content>ol)>ul,:is(.modal-content>ul,.modal-content>ol)>ol)>ol{list-style-type:square}.modal-content li{margin:.25em 0}.modal-content h1{border-bottom:2px solid #555;padding-bottom:.3em;letter-spacing:.5px}.modal-content h2{border-left:3px solid #555;padding-left:.5em;font-style:italic}.modal-content strong{color:gold;font-weight:700}.modal-content em{font-style:italic;color:#adf}.modal-content code{font-family:monospace;background-color:#0000004d;padding:.2em .4em;border-radius:3px}.modal-content blockquote{border-left:3px solid #555;padding-left:1em;margin-left:0;color:#aaa}.ability-btns-container{display:flex;flex-direction:row;justify-content:start;gap:10px;padding:5px;max-width:240px;width:100%;bottom:20px;pointer-events:none;background-color:#0006;border-radius:12px;box-shadow:0 2px 8px #0000001a}.ability-btns-container:hover{opacity:1}.ability-btns{display:flex;flex-direction:row;justify-content:center;gap:10px;pointer-events:auto}.ability-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.ability-btn{width:50px;height:50px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background-color:#323232b3;position:relative;overflow:hidden;transition:all .2s ease;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.5}.ability-btn:hover{transform:scale(1.05);border-color:#ffffff80;box-shadow:0 0 8px #ffffff4d}.ability-icon{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:2;pointer-events:none}.ability-cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:#000000b3;z-index:1;transition:height .1s linear}.ability-cooldown-bar{width:40px;height:20px;background-color:#323232b3;border-radius:5px;overflow:hidden;position:relative}.ability-cooldown-fill{position:absolute;height:100%;left:0;top:0;background-color:#db3434;transition:width .1s linear;opacity:.5!important}.ability-cooldown-fill.ready{opacity:1!important}.ability-charges-bar{width:40px;height:4px;background-color:#1e1e1ecc;border-radius:2px;position:relative;display:flex}.ability-charge-segment{flex:1;height:100%;border-right:1px solid rgba(0,0,0,.5)}.ability-charge-segment:last-child{border-right:none}.ability-charge-segment.filled{background-color:#2ecc71}.ability-keybind{position:absolute;bottom:2px;right:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:3;pointer-events:none}.ability-cooldown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.7rem;font-weight:700;z-index:3;pointer-events:none;text-shadow:0 0 3px rgba(0,0,0,.8)}.ability-charges{position:absolute;top:2px;left:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:3;pointer-events:none}.ability-btn.ready{animation:glow .5s infinite alternate;border-color:#ffffffb3;opacity:1}.ability-btn.active{border-color:#ffac;box-shadow:0 0 12px #ff09}@keyframes glow{0%{box-shadow:0 0 5px #ffffff80}to{box-shadow:0 0 10px #fffc}}.ability-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:250px;color:#fff;font-size:.8rem;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080;z-index:1000}.ability-tooltip-title{font-size:1rem;font-weight:700;margin-bottom:4px;color:gold}.ability-tooltip-description{margin-bottom:6px}.ability-tooltip-keybind{font-size:.75rem;color:#aaa}#upgrades-container{width:250px;position:relative;display:flex;flex-direction:column;gap:5px;transform:translate(0);transition:transform .1s ease;grid-area:upgrade-stats;padding:10px;border-radius:5px;background-color:#0000001a;pointer-events:nonoe}#upgrades-container.hidden{transform:translate(-1000px);display:flex!important}.upgrade-info-tips{display:flex;flex-direction:column;gap:5px}.upgrade-header{font-size:18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.remaining-points{font-size:16px}#stats-container{width:100%;display:flex;flex-direction:column;gap:5px}.stat-keybind-indicator{top:0;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;z-index:4;pointer-events:none}.upgrade-stat-row{display:flex;flex-direction:row;align-items:center;gap:5px;justify-content:space-between;width:100%}.upgrade-stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;border-radius:20px;padding-left:5px;border:1px solid black;position:relative;cursor:pointer;transition:background-color .2s ease;overflow:hidden;background-color:#0006;width:100%;height:20px;font-size:.7em!important;pointer-events:all}.upgrade-stat:hover:not(.max-level){background-color:transparent}.stat-name{color:#000000e6!important;font-size:12px;pointer-events:none}.stat-level{margin-left:auto;margin-right:10px;text-align:center;font-size:12px;padding:2px 0;pointer-events:none}.upgrade-btn{background:none;border:none;color:#fff;background-color:#00000080;cursor:pointer;font-size:16px;padding:5px;height:25px;aspect-ratio:1/1!important;justify-content:center;align-items:center;align-self:end;transition:color .2s ease}.mobile-stat-progress-bar{position:relative;height:20px}.stat-progress-fill{position:absolute;top:0;left:0;height:100%;transition:width .3s ease;opacity:1;filter:brightness(1.05)}.stat-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;cursor:pointer}.stat-progress-preview{position:absolute;top:0;height:100%;transition:width .1s ease,opacity .1s ease;opacity:0;z-index:2;pointer-events:none;filter:brightness(1.2);border-right:2px solid rgba(255,255,255,.8)}.level-marker{position:absolute;top:0;width:2px;height:100%;background-color:#0009;z-index:3;cursor:pointer;transition:background-color .2s ease,width .2s ease}.level-marker:hover{background-color:#fffc;width:3px;box-shadow:0 0 4px #fff9}.max-level .upgrade-btn{opacity:.5;cursor:not-allowed}.upgrade-stat .stat-name span,.upgrade-stat .stat-level span{position:relative;z-index:2;text-shadow:0 0 2px rgba(0,0,0,.7)}.stats-upgrade-info{font-size:14px}#mobile-stat-upgrade-btns-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;pointer-events:none;transform-origin:top;transition:transform .1s ease}#mobile-stat-upgrade-btns-overlay .upgrade-info-tips{position:absolute;left:0;top:calc(100% + 10px);padding:10px;border-radius:10px;background:#0000004d}#mobile-stat-upgrade-btns-container{top:30px;position:relative;display:flex;flex-direction:row;gap:5px;transition:transform .1s ease}#mobile-stat-upgrade-btns-container.hidden-directional{transform:translateY(-200%)}#mobile-stat-upgrade-btns{position:relative;display:flex;flex-direction:row;gap:5px;border-radius:5px;background-color:#0000004d;padding:10px;margin:0}.mobile-stat-upgrade-btn{width:140px;height:100px;border-radius:0;border:2px solid black;padding:0;margin:0;pointer-events:all!important}.mobile-stat-upgrade-btn i{font-size:60px}@media(max-width:1280px){.mobile-stat-upgrade-btn{width:130px!important}}@media(max-width:1024px){#mobile-stat-upgrade-btns-overlay{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){#mobile-stat-upgrade-btns-overlay{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){#mobile-stat-upgrade-btns-overlay{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){#mobile-stat-upgrade-btns-overlay{transform:scale(var(--media-extra-small-320))}}.mobile-stat-upgrade-progress{height:20px;border:2px solid black}.mobile-stat{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.mobile-stat-tooltip{background:#00000080;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;transition:opacity .2s ease;z-index:10;text-overflow:wrap}.mobile-stat:hover .mobile-stat-tooltip,.mobile-stat.expanded .mobile-stat-tooltip{opacity:1}.mobile-stat-upgrade-btn{position:relative;z-index:3;transition:transform .1s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;gap:5px}.mobile-stat.expanded .mobile-stat-upgrade-btn{transform:scale(1.1);background-color:#fff3}.mobile-stat-upgrade-progress{width:100%;height:15px;background:#0000004d;border-radius:8px;overflow:hidden;margin-top:5px}.mobile-stat-level-text{margin-top:5px;font-size:16px;font-weight:700;text-align:center}.mobile-stat-expanded-levels{position:absolute;top:100%;border:2px solid black;overflow:hidden;z-index:20;box-shadow:0 4px 20px #00000080;background-color:#404040;width:100%}.mobile-stat-expanded-levels.hidden{display:none}.mobile-stat-level-rect{position:relative;height:35px;width:100%;display:flex;align-items:center;justify-content:center;border-bottom:2px solid black;transition:background-color .1s ease;cursor:pointer;font-size:16px;font-weight:700;background:none;z-index:1}.mobile-stat-level-rect:last-child{border-bottom:none}.mobile-stat.expanded{z-index:25}.mobile-stat.expanded .mobile-stat-expanded-levels{animation:expandDown .15s ease-out}@keyframes expandDown{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-stat-upgrade-btn:disabled,.mobile-stat[data-no-points=true] .mobile-stat-upgrade-btn{opacity:.5;cursor:not-allowed}.mobile-stat[data-no-points=true] .mobile-stat-tooltip{display:none}.keybind-indicator{position:absolute;bottom:2px;right:2px;background-color:#0009;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px;pointer-events:none}.profile-header{text-align:center;display:flex;flex-direction:column;gap:10px}.profile-username{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.username-text{font-size:20px;font-weight:700;color:gold}.auth-icons{display:flex;gap:8px}.auth-icon{font-size:16px;padding:4px;border-radius:4px}.google-icon{color:#db4437;background:#db443733}.discord-icon{color:#7289da;background:#7289da33}.guest-icon{color:#888;background:#8883}.display-icons-container{display:flex;flex-direction:column;gap:15px}.selected-icon-slot{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;background:#ffd70033;border-radius:8px;border:2px solid rgba(255,215,0,.4)}.selected-icon{font-size:24px;color:gold}.icon-label{font-size:12px;color:#ffffffb3}.available-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.icon-slot{width:40px;height:40px;background:#ffffff1a;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.icon-slot:hover:not(.locked){background:#fff3;border-color:#fff6}.icon-slot.locked{background:#64646433;cursor:not-allowed}.icon-option{font-size:18px;color:#fff}.modules-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}.profile-actions{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;justify-content:center}.profile-action-btn{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#0064c84d;border:1px solid rgba(0,100,200,.5);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-action-btn:hover{background:#0064c880}.red-action-btn{background:#c832324d!important;border-color:#c8323280!important}.red-action-btn:hover{background:#c8323280!important}.profile-stat-items{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.profile-row{margin:0;padding:5px 10px;background:#ffffff1a}.profile-row:hover{transform:scale(1.02)}.profile-action-btn.connected{background:#3296324d!important;border-color:#32963280!important;cursor:default}.profile-action-btn.connected:hover{background:#3296324d!important}.provider-info{font-size:16px!important}.provider-user-id{font-size:10px}.oauth-login-btn{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;flex-basis:auto;width:auto}#edit-username-btn{position:absolute;right:0;margin:20px;border:2px solid white}.user-status{font-size:16px;line-height:1;background:#00000080;padding:10px;border-radius:10px;background:#0064c84d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}#main-menu-user-status{position:absolute;top:100%;left:0;margin-top:10px;width:300px;background:#c8323299!important}.user-status.guest{background:#c832324d!important}@keyframes pulse-text{0%{color:#e6edf3;text-shadow:0 0 5px rgba(255,255,255,0);transform:scale(1)}50%{color:#9cdcfe;text-shadow:0 0 10px rgba(156,220,254,.7);transform:scale(1.02)}to{color:#e6edf3;text-shadow:0 0 5px rgba(255,255,255,0);transform:scale(1)}}@keyframes tilt-shaking{0%,80%{transform:rotate(0)}82%{transform:rotate(1deg)}84%{transform:rotate(-1deg)}86%{transform:rotate(1deg)}88%{transform:rotate(-1deg)}90%{transform:rotate(1deg)}92%{transform:rotate(-1deg)}94%{transform:rotate(1deg)}96%{transform:rotate(-1deg)}98%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes tilt-shaking-btn{0%,80%{transform:rotate(0)}82%{transform:rotate(5deg)}84%{transform:rotate(-5deg)}86%{transform:rotate(5deg)}88%{transform:rotate(-5deg)}90%{transform:rotate(5deg)}92%{transform:rotate(-5deg)}94%{transform:rotate(5deg)}96%{transform:rotate(-5deg)}98%{transform:rotate(5deg)}to{transform:rotate(0)}}.guest-status-text{display:inline-block;animation:tilt-shaking 5s ease-in-out infinite}.tilt-shake{display:inline-block;animation:tilt-shaking-btn 5s ease-in-out infinite}.gold-display{display:flex;align-items:center;gap:8px;background:#1e1e00;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:8px 12px;color:gold;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gold-display i{font-size:16px}.gold-display.huge *{font-size:20px}#top-left-ui{position:absolute;margin:10px;display:flex;flex-direction:column;gap:5px;transform-origin:top left;transition:transform .1s ease;pointer-events:none}.nav-subset .corner-button{pointer-events:all!important}@media(max-width:1024px){#top-left-ui{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){#top-left-ui{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){#top-left-ui{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){#top-left-ui{transform:scale(var(--media-extra-small-320))}}#user-profile-btn{display:flex;flex-direction:row;gap:10px;width:auto;max-width:300px;align-items:center;padding:0 10px!important}#user-profile-btn .player-name{font-size:16px;text-overflow:ellipsis}.nav-subset{position:relative;display:flex;flex-direction:row;gap:5px;padding:0 5px;align-items:center;justify-content:center}#xp-boost-container{position:absolute;left:0;top:calc(100% + 5px);background-color:#00000080;border-radius:5px;padding:5px;display:flex;flex-direction:row;align-items:start;justify-content:space-between;font-size:.8em;gap:5px}#xp-boost-container .xp-boost-text{color:#00d700;font-weight:700}.general-btns .corner-button{background-color:#404040b3}.account-btns .corner-button{background-color:#700d}.game-progress-btns .corner-button{background-color:#070d}.game-progress-btns .corner-button:nth-child(2){background-color:#0aad}.game-progress-btns .corner-button:nth-child(3){background-color:#a0ad}.social-media-btns .corner-button{background-color:#007d}#discord-btn{color:#7289da;background-color:#fff}#top-right-buttons{position:absolute;top:0;right:0;display:flex;gap:10px;padding:10px;margin:10px;background-color:#4682b471!important;border-radius:10px;transition:transform .3s ease}#top-left-buttons>*:nth-child(5n+1){color:#ac92eb}#top-left-buttons>*:nth-child(5n+3){color:#4fc1e8}#top-left-buttons>*:nth-child(5n+5){color:#a0d568}#top-left-buttons>*:nth-child(5n+4){color:#ffce54}#top-left-buttons>*:nth-child(5n+2){color:#ed5564}#top-right-buttons>*:nth-child(1){color:#b0bec5}#top-right-buttons>*:nth-child(2){color:#4caf50}#top-right-buttons>*:nth-child(3){color:#fff}#top-right-buttons>*:nth-child(4){color:#7289da}#top-right-buttons.in-game{transform:translate(-260px)}#top-left-buttons{position:relative;top:0;left:0;display:flex;border-radius:10px}#top-left-buttons>*:not(:last-child){border-right:4px solid white}.login-popup{width:500px}.oauth-login-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:2px solid;border-radius:6px;background:transparent;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.oauth-login-btn.discord-btn{border-color:#7289da;color:#7289da}.oauth-login-btn.discord-btn:hover{background:#7289da;color:#fff}.oauth-login-btn.google-btn{border-color:#db4437;color:#db4437}.oauth-login-btn.google-btn:hover{background:#db4437;color:#fff}.oauth-login-btn i{font-size:20px}.edit-username-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:6px 8px;border-radius:4px;cursor:pointer;font-size:14px;margin-left:8px;transition:all .2s ease}.edit-username-btn:hover{background:var(--hover-color);border-color:var(--accent-color)}.edit-username-btn:disabled{opacity:.5;cursor:not-allowed}.profile-action-btn.connected{background:#4caf501a;border-color:#4caf50;color:#4caf50;cursor:default}.profile-action-btn.connected:hover{background:#4caf501a;border-color:#4caf50;color:#4caf50}.provider-info{display:flex;flex-direction:column;align-items:flex-start}.provider-info span{font-size:14px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:2px solid rgba(255,255,255,.2)}.leaderboard-title-container{display:flex;flex-direction:column;align-items:center;flex:1}.leaderboard-title-container h2{margin:0 0 5px;color:#fff}.leaderboard-options-row{display:grid;grid-template-columns:2fr 2fr 2fr;align-items:center;justify-content:center;gap:20px;padding:5px 20px}.leaderboard-options-left{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:10px;width:100%}.leaderboard-options-left button{border:2px solid white;background-color:#00a700;color:#fff}.leaderboard-options-left button:hover{transform:scale(1.05)}.leaderboard-timer{display:flex;flex-direction:column;align-items:start;justify-content:center}.leaderboard-month-select{flex-basis:50%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#202020;padding:5px 20px;border:2px solid white}.leaderboard-month-display{font-size:18px;color:#ffffffb3}.month-nav-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.month-nav-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:scale(1.05)}.month-nav-btn:disabled{opacity:.5;cursor:not-allowed}.leaderboard-content{padding:20px;height:calc(85dvh - 80px);overflow:hidden}.leaderboard-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:18px;color:#ffffffb3}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;height:100%}.leaderboard-category{background:#202020;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.leaderboard-category-header{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.leaderboard-category-title{font-size:24px;font-weight:700}.leaderboard-category-subtitle{font-size:14px;color:#fff9;margin:0}.leaderboard-rewards-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:6px!important;color:#fff!important;padding:6px 12px!important;font-size:12px!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important;align-self:flex-start!important;min-width:fit-content!important}.leaderboard-rewards-btn:hover{background:#fff3!important;border-color:#ffffff80!important;transform:translateY(-1px)!important}.leaderboard-rewards-btn:active{transform:translateY(0)!important}.leaderboard-entries{flex:1;overflow-y:auto;padding:10px 0;display:flex;flex-direction:column;gap:4px}.leaderboard-entry-container{display:flex;position:relative!important;align-items:center;justify-content:center;padding:2px 10px;transition:background .2s ease}.leaderboard-entry{display:flex;position:relative!important;align-items:center;background:#404040;transition:background .2s ease;font-size:16px;border:2px solid rgba(0,0,0,.8);padding:2px 10px;height:20px;border-radius:10px;width:100%}.leaderboard-entry-container:nth-child(1) .main-leaderboard-bar{background-color:#ffd700cc}.leaderboard-entry-container:nth-child(2) .main-leaderboard-bar{background-color:#c0c0c0cc}.leaderboard-entry-container:nth-child(3) .main-leaderboard-bar{background-color:#cd7f32cc}.leaderboard-entry:hover{background:#202020}.leaderboard-entry.top-3{font-size:18px;height:30px;border-radius:15px!important}.leaderboard-entry-container.user-entry{background:#00c700}.main-leaderboard-bar{position:absolute;top:0;left:0;height:100%;background-color:#9696ff66;border-radius:15px;z-index:-1;min-width:30px}.leaderboard-rank{width:50px;font-weight:700}.leaderboard-username{flex:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px}.leaderboard-value{color:#fff;font-weight:700}.leaderboard-empty{grid-column:2;padding:20px;border-radius:10px;margin-top:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#ffffff80;font-style:italic}.leaderboard-empty i{font-size:48px;margin-bottom:10px;opacity:.3}.user-score-section{border-top:1px solid rgba(255,255,255,.2);flex-shrink:1}.user-score-divider{font-size:12px;color:#fff9;text-align:center;font-style:italic}.month-nav-btn.refresh-btn{background:#00a70033;border-color:#00a70080;margin-left:auto}.month-nav-btn.refresh-btn:hover:not(:disabled){background:#00a7004d;border-color:#00a700b3}.month-nav-btn.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.leaderboard-category-header{display:flex;flex-direction:column;gap:10px}.leaderboard-title-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:10px}.leaderboard-category-title{font-size:16px;font-weight:700;color:#fff}.leaderboard-category-subtitle{font-size:13px;color:#ffffffb3}.leaderboard-rewards-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:flex-start}.leaderboard-rewards-btn:hover{background-color:#fff3;border-color:#ffffff80}.achievements-popup-container{z-index:10002}.achievements-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:2px solid rgba(255,255,255,.2)}.achievements-header h2{margin:0;color:#fff;flex:1;text-align:center}.achievements-content{padding:20px;height:calc(85dvh - 80px);overflow:hidden;display:flex;flex-direction:column}.achievements-loading{display:flex;align-items:center;justify-content:center;height:200px;font-size:18px;color:#ffffffb3}.achievements-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.achievement-tab{background:#404040;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.achievement-tab:hover{background:#ffffff26;color:#fff}.achievement-tab.active{background-color:#00a700;border:2px solid white;color:#000}.achievements-grid,.daily-quests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:15px;overflow-y:auto;padding-right:5px;justify-content:center}@media(max-width:400px){.achievements-grid,.daily-quests-grid{grid-template-columns:1fr}}.achievement-item{display:flex;flex-direction:column;gap:5px;background:#3e3e3e;border:3px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;transition:all .2s ease;position:relative;height:auto}.achievement-item:hover{background:#303030;border-color:#fff3}.achievement-item.completed{background:#4caf501a;border-color:#4caf504d}.achievement-item.completed:before{content:"✓";position:absolute;top:10px;right:10px;color:#4caf50;font-size:18px;font-weight:700}.achievement-header{display:grid;grid-template-columns:10fr 50fr 40fr;align-items:flex-start;grid-gap:5px}.achievement-icon{width:40px;height:40px;background:#ffd70033;border:2px solid rgba(255,215,0,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:gold;flex-shrink:0}.achievement-info{flex:1;min-width:0}.achievement-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achievement-description{font-size:12px;color:#ffffffb3;margin:0 0 8px;line-height:1.3}.achievement-progress-bar{position:relative;height:20px;border-radius:10px;background-color:#0006;overflow:hidden;border:2px solid rgba(0,0,0,.8);margin-top:auto}.achievement-progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#00a700;border-radius:10px;transition:width .3s ease;z-index:1}.achievement-progress-text{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:2;font-size:13px}.achievement-rewards{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;font-size:12px}.achievement-gold-reward{display:flex;align-items:center;color:gold}.achievement-gold-reward i{margin-right:4px;font-size:14px}.achievement-title-reward{text-overflow:wrap;margin:0;padding:0}.achievement-item.threshold .achievement-icon{background:#2196f333;border-color:#2196f380;color:#2196f3}.achievement-item.consecutive .achievement-icon{background:#ff980033;border-color:#ff980080;color:#ff9800}.achievement-item.timed .achievement-icon{background:#f4433633;border-color:#f4433680;color:#f44336}.achievement-item.collection .achievement-icon{background:#9c27b033;border-color:#9c27b080;color:#9c27b0}.achievement-item.hidden .achievement-icon{background:#607d8b33;border-color:#607d8b80;color:#607d8b}.achievements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#ffffff80;font-style:italic;grid-column:1 / -1}.achievements-empty i{font-size:48px;margin-bottom:10px;opacity:.3}.leaderboard-rewards-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background-color:#000000b3!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}.leaderboard-rewards-overlay.hidden{display:none!important}.leaderboard-rewards-popup{background:linear-gradient(135deg,#2a2a3a,#1a1a2a)!important;border:2px solid white;padding:0!important;max-width:600px!important;width:90%!important;max-height:80vh!important;overflow:hidden!important;box-shadow:0 10px 30px #00000080!important}.rewards-header{padding:20px!important;border-bottom:1px solid rgba(255,255,255,.2)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#ffffff0d!important}.rewards-header h3{margin:0!important;color:#fff!important;font-size:18px!important;font-weight:700!important}.rewards-close-btn{background:none!important;border:none!important;color:#fff!important;font-size:24px!important;cursor:pointer!important;padding:0!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:background-color .2s!important}.rewards-close-btn:hover{background-color:#ffffff1a!important}.rewards-content{padding:20px!important;max-height:60vh!important;overflow-y:auto!important}.rewards-section{margin-bottom:25px!important}.rewards-section:last-child{margin-bottom:0!important}.rewards-section h4{margin:0 0 15px!important;color:#fff!important;font-size:16px!important;padding-bottom:8px!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.rank-ranges-container{display:flex;flex-direction:column;gap:5px}.rank-range-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:5px;background:#ffffff0d!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .2s!important}.rank-range-item.user-in-range{background:#4caf5033!important;box-shadow:0 0 10px #4caf504d!important;border:2px solid #00a700!important}.rank-info{display:flex!important;flex-direction:column!important;gap:4px!important}.rank-range{color:#fff!important;font-weight:700!important;font-size:14px!important}.user-indicator{color:#4caf50!important;font-size:12px!important;font-weight:700!important}.rank-rewards{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.title-reward-item{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px!important;margin-bottom:8px!important;background:#ffffff0d!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important}.title-reward-item.user-eligible{background:#4caf5033!important;border-color:#4caf5080!important;border:2px solid #00a700!important}.title-info{flex:1!important}.title-name{color:#fff!important;font-weight:700!important;margin-bottom:4px!important}.title-description{color:#ccc!important;font-size:12px!important}.title-preview{margin-left:15px!important}.title-display{font-weight:700!important;padding:4px 8px!important;border-radius:4px!important;background:#0000004d!important}.veteran-reward-item{padding:15px!important;background:#ffffff0d!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.1)!important}.veteran-reward-item.user-eligible{background:#4caf5033!important;border-color:#4caf5080!important}.veteran-info{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important}.veteran-requirement{color:#fff!important;font-weight:700!important}.veteran-status{font-size:12px!important;padding:2px 6px!important;border-radius:4px!important}.veteran-reward-item.user-eligible .veteran-status{background:#4caf504d!important;color:#4caf50!important}.veteran-reward-item:not(.user-eligible) .veteran-status{background:#f443364d!important;color:#f44336!important}.veteran-reward-items{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.reward-item{display:flex!important;align-items:center!important;gap:4px!important;padding:6px 8px!important;background:#ffffff1a!important;border-radius:6px!important;color:#fff!important;font-size:12px!important;border:1px solid rgba(255,255,255,.2)!important}.coins-reward{color:#ffc107!important}.coin-icon{font-size:14px!important}.no-rewards{color:#888!important;font-style:italic!important;text-align:center!important;padding:20px!important}@media(max-width:768px){.leaderboard-category-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.leaderboard-rewards-btn{align-self:stretch!important;text-align:center!important}.leaderboard-rewards-popup{width:95%!important;max-height:90vh!important}.rank-range-item,.title-reward-item{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.title-preview{margin-left:0!important}.rank-rewards,.veteran-reward-items{justify-content:flex-start!important}}.rewards-content::-webkit-scrollbar{width:8px!important}.rewards-content::-webkit-scrollbar-track{background:#ffffff1a!important;border-radius:4px!important}.rewards-content::-webkit-scrollbar-thumb{background:#ffffff4d!important;border-radius:4px!important}.rewards-content::-webkit-scrollbar-thumb:hover{background:#ffffff80!important}.yes-btn{background:#4caf50b3;color:#fff;padding:10px 24px;border-radius:6px;cursor:pointer;border:2px solid rgba(76,175,80,.9)}.yes-btn:hover{transform:scale(1.05);background:#4caf50}.no-btn{background:#c83232b3;color:#fff;padding:10px 24px;border-radius:6px;cursor:pointer;border:2px solid rgba(200,50,50,.9)}.no-btn:hover{transform:scale(1.05);background:#c83232}.confirm-btn:disabled{background-color:#d3d3d3;border:2px solid #ccc;color:#666;cursor:not-allowed}.activated{background-color:#00a700!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.3);background:#000;flex-shrink:0;width:100%}.modal-header h3{margin:0;font-size:18px;font-weight:700}.modal-content{padding:15px;flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.9) transparent;scrollbar-gutter:stable;overflow-x:hidden}.level-container{display:flex;flex-direction:column;gap:8px}.level-info-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.level-text{font-weight:700;color:#00d7ff}.xp-text{color:#ffffffb3;font-size:14px}.xp-bar{width:100%;height:12px;background:#fff3;border-radius:6px;overflow:hidden}.xp-fill{height:100%;background:#00d7ff;transition:width .3s ease;border-radius:10px}.level-up-text{position:absolute;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#00d7ff;text-shadow:0 0 10px rgba(0,215,255,.8)}@keyframes levelUpGlide{0%{opacity:0;transform:translate(-50%)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50px)}}@keyframes popAnimation{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.level-up-glide{animation:levelUpGlide 2s ease-out forwards}.level-pop{animation:popAnimation .3s ease-out}.gold-gained{margin-right:auto;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}.xp-gained{margin-left:auto;color:#adff2f;text-shadow:0 0 10px rgba(0,255,0,.8)}.shimmer{color:gray;display:inline-block;mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/350% 100%;animation:shimmer 2.5s infinite;font-size:50px;max-width:200px}@keyframes shimmer{to{-webkit-mask-position:left;mask-position:left}}@keyframes pop-in{0%{opacity:0;transform:scale(.1)}80%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.mobile-controls-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;pointer-events:none}.mobile-controls-container.hidden{display:none}.mobile-joystick{position:absolute;width:120px;height:120px;border-radius:50%;background:#0003;border:3px solid rgba(0,0,0,.3);pointer-events:all;touch-action:none;display:flex;flex-direction:row;align-items:center;justify-content:center}.mobile-left-joystick{bottom:40px;left:40px}.mobile-right-joystick{bottom:40px;right:40px}.mobile-joystick-stick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#0006;border:2px solid rgba(0,0,0,.6);transition:none;pointer-events:none;font-size:3rem}.mobile-direction-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#000;pointer-events:none}.mobile-direction-arrow.hidden{display:none}.mobile-ability-button{position:absolute;width:60px;height:60px;border-radius:50%;background:#0000004d;border:3px solid rgba(255,255,255,.4);pointer-events:all;touch-action:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .2s ease;transform-origin:center}.mobile-ability-1{bottom:180px;right:120px}.mobile-ability-2{bottom:180px;right:180px}.mobile-ability-3{bottom:120px;right:180px}.mobile-ability-4{bottom:70px;right:190px}@media(max-width:1024px){.mobile-joystick,.mobile-ability-button{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.mobile-joystick,.mobile-ability-button{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.mobile-joystick,.mobile-ability-button{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.mobile-joystick,.mobile-ability-button{transform:scale(var(--media-extra-small-320))}}.mobile-ability-button{position:absolute;width:80px;height:80px;border-radius:50%;background:#0000004d;border:3px solid rgba(255,255,255,.4);pointer-events:all;touch-action:none;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;cursor:pointer;transition:all .2s ease;transform-origin:center;overflow:hidden}.mobile-ability-button:hover,.mobile-ability-button:active{transform:scale(1.1);background:#00000080;border-color:#ffffffb3}.mobile-ability-button.pressed{transform:scale(.95);background:#64646480}.mobile-ability-button.ready{border-color:#4caf50cc;box-shadow:0 0 10px #4caf504d}.mobile-ability-button .ability-icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;position:relative;z-index:2}.mobile-ability-cooldown-overlay{position:absolute;top:0;left:0;height:100%;background:#000000b3;border-radius:50%;transition:width .1s ease;z-index:1}.mobile-action-button{position:absolute;width:80px;height:80px;border-radius:50%;background:#0000004d;border:3px solid rgba(255,255,255,.4);pointer-events:all;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;transform-origin:center;overflow:hidden}.mobile-action-button:hover,.mobile-action-button:active{transform:scale(1.1);background:#00000080;border-color:#ffffffb3}.mobile-action-button.pressed{transform:scale(.95);background:#64646480}.mobile-action-button.active{background:#4caf5099;border-color:#4caf50cc;box-shadow:0 0 10px #4caf504d}.action-icon-container{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.action-icon{width:20px;height:20px;color:#fff}.action-letter{font-size:20px;font-weight:700}.action-text{font-size:14px!important;font-weight:700;text-align:center;line-height:1}@media(max-width:1024px){.mobile-action-button{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.mobile-action-button{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.mobile-action-button{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.mobile-action-button{transform:scale(var(--media-extra-small-320))}}.mail-popup-content{display:flex;flex:1;min-height:0}.mail-list-container{width:400px;border-right:2px solid white}@media(max-width:1024px){.mail-list-container{width:300px}}.mail-list{height:100%;overflow-y:auto;padding:10px;scrollbar-color:white transparent}.mail-item{padding:10px;border:1px solid #333;margin-bottom:5px;cursor:pointer;transition:all .2s;border-radius:5px;background:#202020;box-sizing:border-box}.mail-item:hover,.mail-item.selected{border:2px solid white;background-color:#070}.mail-item.unread{background:#404040;border-left:3px solid #00ff00}.mail-item.read .mail-title{font-weight:400!important}.mail-item.has-rewards{border-left:3px solid #ffd700}.mail-item-header{display:flex;justify-content:space-between;gap:5px;align-items:center;margin-bottom:5px}.mail-item-body{display:flex;justify-content:space-between;align-items:center}.mail-id-num{font-size:12px;color:#aaa}.mail-title{color:#fff;font-size:14px}.mail-date{font-size:12px;color:#888}.mail-author{font-size:12px;color:#aaa}.mail-reward-indicator{font-size:11px;color:gold;margin-top:5px}.mail-content-container{flex:1;margin:10px;padding:10px;overflow-y:auto;border-radius:5px;background:#0003}.mail-content-container{overflow:hidden}.mail-content-header h3{color:#fff;margin:0 0 10px}.mail-meta{display:flex;gap:20px;margin-bottom:20px;font-size:14px;color:#aaa}.mail-content-body{color:#fff;line-height:1.6;margin-bottom:20px}.mail-rewards{background:#ffd7001a;border:1px solid #ffd700;border-radius:5px;padding:15px;margin-bottom:20px}.mail-rewards h4{color:gold;margin:0 0 10px}.rewards-list{margin-bottom:15px}.reward-item{display:flex;justify-content:space-between;margin-bottom:5px;color:#fff}.reward-type{text-transform:capitalize;font-weight:700}.reward-amount{color:gold}.claim-rewards-btn{background:gold;color:#000;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s}.claim-rewards-btn:hover{background:#ffed4e;transform:translateY(-1px)}.rewards-claimed{color:#0f0;font-weight:700}.mail-actions{border-top:1px solid #333;padding-top:15px}.delete-mail-btn{background:#f44;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;transition:all .2s}.delete-mail-btn:hover{background:#f66}.no-mails,.no-mail-selected{text-align:center;color:#888;padding:40px;font-style:italic}.notification-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.mail-content-wrapper{display:flex;flex-direction:row;height:100%}#notification-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:start;pointer-events:none}.notification-list{position:relative;top:10px;min-width:400px;max-width:90dvw;display:flex;flex-direction:column;gap:5px;align-items:center;transform-origin:top;transition:transform .1s ease}@media(max-width:1024px){.notification-list{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.notification-list{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.notification-list{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.notification-list{transform:scale(var(--media-extra-small-320))}}.notification{padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #0003;color:#000;font-family:Ubuntu,sans-serif;font-size:14px;transform:translateY(-100%);opacity:0;transition:transform var(--anim-duration, .3s) cubic-bezier(.25,1,.5,1),opacity var(--anim-duration, .3s) cubic-bezier(.25,1,.5,1);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;width:auto;box-sizing:border-box}.notification.short-notif{padding:3px 10px!important;text-align:center;min-width:fit-content}.notification.visible{transform:translateY(0);opacity:1}.notification.hiding{transform:translateY(-100%);opacity:0}.notification-title{font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{line-height:1.4;opacity:.95;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.notification:hover{box-shadow:0 6px 16px #0000004d}.popup-center-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#00000080;display:flex;justify-content:center;align-items:center;transition:all .2s ease;overflow:clip}.popup-center{position:relative;background:#202020;border:4px solid rgba(255,255,255,.7);border-radius:8px;color:#fff;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;overflow:hidden}.big-popup-center{width:90dvw;height:90dvh}@media(max-width:1024px){.popup-center{transform:scale(var(--media-small-laptop-1024))}.big-popup-center{width:calc(90dvw * var(--inverse-media-small-laptop-1024));height:calc(90dvh * var(--inverse-media-small-laptop-1024))}}@media(max-width:768px){.popup-center{transform:scale(var(--media-tablet-768))}.big-popup-center{width:calc(90dvw * var(--inverse-media-tablet-768));height:calc(90dvh * var(--inverse-media-tablet-768))}}@media(max-width:375px){.popup-center{transform:scale(var(--media-mobile-375))}.big-popup-center{width:calc(90dvw * var(--inverse-media-mobile-375));height:calc(90dvh * var(--inverse-media-mobile-375))}}@media(max-width:320px){.popup-center{transform:scale(var(--media-extra-small-320))}.big-popup-center{width:calc(90dvw * var(--inverse-media-extra-small-320));height:calc(90dvh * var(--inverse-media-extra-small-320))}}.tank-bg,.popup-center,.modal-content{background-color:#222;background-image:var(--tank-bg-url);background-repeat:repeat;background-size:50px 50px}.corner-button{width:45px;height:45px;border-radius:8px;border:2px solid black;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.corner-button.big{width:50px;height:50px}.corner-button.big i{font-size:30px}.corner-button:hover{transform:scale(1.05)}.corner-button i{font-size:25px}.corner-button.hidden{display:none!important}@keyframes inventory-pulse{0%{transform:scale(1);box-shadow:0 0 #4caf50b3}50%{transform:scale(1.1);box-shadow:0 0 0 10px #4caf504d}to{transform:scale(1);box-shadow:0 0 #4caf5000}}.popup-menu-right,.popup-menu-left{position:absolute;top:70px;width:450px;border:2px solid rgba(255,255,255,.7)!important;color:#fff;box-shadow:0 4px 12px #00000080;max-height:80dvh;overflow-y:hidden;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;overflow-x:wrap;transition:transform .3s ease,opacity .2s ease;transform:translate(0);transform-origin:top left}@media(max-width:1024px){.popup-menu-left{top:42px;transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.popup-menu-left{top:35px;transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.popup-menu-left{top:21px;transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.popup-menu-left{top:17px;transform:scale(var(--media-extra-small-320))}}.popup-menu-right{right:10px}.popup-menu-right.hidden-directional{transform:translate(200%)!important}.popup-menu-left.hidden-directional{transform:translate(-200%)!important}.popup-menu-left{left:10px}.popup-menu-right.settings-menu{background:#404040!important}.popup-menu-right.changelog-menu{background:#204020!important}.popup-menu-right.how-to-play-menu{background:#202040!important}.close-btn{background:red;border:2px solid white;color:#fff;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:after{content:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round"> <line x1="18" y1="6" x2="6" y2="18"/> <line x1="6" y1="6" x2="18" y2="18"/> </svg>');position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.close-btn:hover{background:#8b0000;transform:scale(1.05)}.refresh-btn{background:none;border:2px solid white;color:#fff;font-size:16px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#fff3;transform:scale(1.05)}.profile-section{margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.profile-section:last-child{border-bottom:none;margin-bottom:0}.profile-section h4{margin:0 0 10px;font-size:16px;color:gold}.profile-row{display:flex;justify-content:space-between;margin-bottom:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-label{color:#ffffffb3}.profile-value{font-weight:700}.profile-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.profile-item{background:#ffffff1a;border-radius:4px;padding:8px;text-align:center}.profile-item-name{font-size:12px;color:#ffffffe6}.profile-item-count{font-size:14px;font-weight:700;color:gold}.ui-toggles-container{display:flex;flex-direction:column;gap:10px;margin-top:15px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:5px;border-bottom:1px solid rgba(255,255,255,.1)}.toggle-row input{padding:5px!important}.toggle-reset-row{display:flex;justify-content:center;margin-top:20px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2)}.ui-reset-btn{background:#0064ff33;border:1px solid rgba(0,100,255,.4);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.ui-reset-btn:hover{background:#0064ff66}.toggle-switch-container{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch-container{display:flex;align-items:center}.toggle-switch{width:18px;height:18px;margin:0;cursor:pointer;accent-color:rgba(50,150,255,.7);background-color:#fff}.stats-editor-popup-container{z-index:10000}.stats-editor-popup{display:flex;flex-direction:column}.stats-editor-content{display:flex;gap:16px;padding:20px;flex:1;overflow:hidden}.stats-file-editor{flex:1;display:flex;flex-direction:column;gap:10px}.stats-file-editor h3{margin:0;font-size:18px;color:#fff;text-align:center}.stats-file-editor textarea{flex:1;width:100%;padding:10px;font-family:Courier New,monospace;font-size:12px;background:#1a1a1a;color:#fff;border:2px solid #444;border-radius:4px;resize:none;overflow-y:auto}.stats-file-editor textarea:focus{outline:none;border-color:#3296ff}.stats-file-editor div{margin:auto}.save-stats-button{padding:10px 20px;background:#3296ffb3;border:2px solid rgba(50,150,255,1);border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.save-stats-button:hover{background:#3296ffe6;transform:translateY(-2px)}.save-stats-button:active{transform:translateY(0)}.reset-stats-button{padding:10px 20px;background:#ff3232b3;border:2px solid rgb(255,50,50);border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:all .2s ease}.reset-stats-button:hover{background:#ff3232e6;transform:translateY(-2px)}.reset-stats-button:active{transform:translateY(0)}.shop-header{padding:10px 15px;background:#141414;border-bottom:2px solid rgba(255,255,255,.3);display:grid;grid-template-columns:1fr 6fr 1fr;align-items:center;justify-content:center!important;gap:20px}.shop-header .close-btn{margin-left:auto}.shop-header h2{margin:auto;color:#fff}.shop-content{padding:20px;overflow:hidden;display:flex;flex-direction:column;flex:1}.shop-loading{text-align:center;padding:40px;color:#ffffffb3;font-size:18px}.shop-error{text-align:center;padding:40px;color:#ff6b6b;font-size:18px}.shop-items-grid,.inventory-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;overflow-y:auto;max-height:500px;padding:10px}.shop-item{min-width:200px;position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.shop-item:hover{transform:translateY(-2px)}.shop-item-display{display:flex;justify-content:center}.shop-item-icon{min-width:60px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:gold}.shop-item-info{flex:1;text-align:center}.shop-item-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:6px}.shop-item-desc{font-size:14px;color:#ffffffb3;line-height:1.4}.shop-item-price-container{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.shop-item-price{display:flex;align-items:center;gap:6px;color:gold;font-weight:700;font-size:16px}.shop-item-price i{font-size:14px}.shop-buy-button,.inventory-equip-button:disabled{background:#00a700;border:2px solid white;color:#000;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease;min-width:80px}.inventory-equip-button{background:#007bff;border:2px solid white;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease;min-width:80px}.shop-buy-button:hover:not(:disabled){background:#4caf50;transform:scale(1.05)}.shop-buy-button:disabled,.shop-buy-button.disabled{background:#6464644d;border-color:#64646480;color:#ffffff80;cursor:not-allowed;transform:none}.shop-buy-button.purchased{background:#323232cc;border-color:#64646480;color:#ffffffb3;cursor:default}.shop-tabs,.inventory-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:8px}.shop-tab,.inventory-tab{background:#404040;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px}.shop-tab:hover,.inventory-tab:hover{background:#fff3;color:#ffffffe6}.shop-tab.active,.inventory-tab.active{background-color:#00a700;border:2px solid white;color:#000;box-sizing:border-box}.shop-item-owned-count{position:absolute;top:5px;right:5px;background:#00d700cc;color:#000;border-radius:10px;padding:2px 6px;font-size:12px;font-weight:700;min-width:18px;text-align:center}.inventory-item{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;min-width:200px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inventory-item:hover{background:#ffffff14;border-color:#fff6;transform:translateY(-2px)}.inventory-use-button{background:#00c700;border:2px solid white;color:#000;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease;min-width:80px}.inventory-use-button:hover:not(:disabled){background:#00a700;transform:scale(1.05)}.inventory-use-button:disabled{background:#6464644d;border-color:#64646480;color:#ffffff80;cursor:not-allowed;transform:none}.shop-inventory-header-nav{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center!important;gap:15px}.header-nav-btn{position:relative;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center}.header-nav-btn:hover{background:#fff3;transform:scale(1.05)}.header-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}#shop-inventory-title{margin:0;width:200px;text-align:center;color:#fff}.shop-inventory-items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;overflow-y:auto;padding:10px}.shop-inventory-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:8px}.shop-inventory-loading{text-align:center;padding:40px;color:#ffffffb3;font-size:18px}@media(max-width:768px){.shop-inventory-header-nav{gap:10px}.header-nav-btn{min-width:30px;height:30px;padding:6px}#shop-inventory-title{font-size:16px;min-width:100px}}@media(max-width:375px){.shop-inventory-header-nav{gap:8px}#shop-inventory-title{font-size:14px;min-width:80px}}.shop-scrollable-inventory{justify-items:stretch;align-items:stretch}.shop-scrollable-inventory,.slot-container{grid-gap:clamp(2px,.8dvw,10px)}.shop-scrollable-inventory{width:100%;padding:clamp(2px,.5dvw,8px);display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,auto));flex-grow:1!important;box-sizing:border-box;align-content:start;justify-content:start;pointer-events:auto;overflow-y:auto;overflow-x:hidden;position:relative;height:100%}@media(max-width:1024px){.shop-scrollable-inventory::-webkit-scrollbar{width:12px!important;border-radius:6px!important}}.bottom-right-info{position:absolute;bottom:10px;right:10px;padding:5px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:5px;color:#fff;transform-origin:bottom right;transition:transform .1s ease;pointer-events:none}#debug-info,#bottom-right-game-name,#minimap-container{order:0}@media(max-width:1280px){.bottom-right-info{transform:scale(calc(var(--media-small-laptop-1024)));bottom:20%;font-size:1rem}#debug-info{order:1;font-size:1rem}#bottom-right-game-name{font-size:1.5rem}}@media(max-width:1024px){.bottom-right-info{transform:scale(var(--media-small-laptop-1024));bottom:20%;font-size:1rem}#debug-info{order:1;font-size:1rem}#bottom-right-game-name{font-size:1.5rem}}@media(max-width:768px){.bottom-right-info{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.bottom-right-info{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.bottom-right-info{transform:scale(var(--media-extra-small-320))}}#minimap-container{position:relative;width:200px;height:auto;aspect-ratio:1 / 1}.minimap-canvas{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(0,0,0,.5)}#minimap-overlay-canvas{pointer-events:none}.debug-info{position:relative;bottom:0;right:0;padding:5px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:2px;color:#fff;font-size:12px}.debug-info>div{position:relative;width:100%;text-align:right}.debug-info [stroke]{--stroke-size: .25em}.debug-info [stroke]{font-weight:700}.debug-info [stroke]:before{-webkit-text-stroke:var(--stroke-size) rgba(0,0,0,.8);text-shadow:0 0 5px rgba(0,0,0,.5)}#fullscreen-container-test{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .1s ease-in-out;transform:translateY(0);opacity:1}#fullscreen-container-test.hidden{transform:translateY(200%);display:flex!important;pointer-events:none;opacity:0}#fullscreen-container-title{position:absolute;top:0;left:0;width:100%;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:10px;font-size:2rem;color:#fff;text-shadow:0 0 3px #000;transform-origin:top;transition:transform .1s ease}@media(max-width:1024px){#fullscreen-container-title{transform:scale(calc(1 * var(--media-small-laptop-1024)))}}@media(max-width:768px){#fullscreen-container-title{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){#fullscreen-container-title{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){#fullscreen-container-title{transform:scale(var(--media-extra-small-320))}}#fullscreen-container-content{height:85%;width:90%;display:grid;background-color:#ff000080;grid-gap:20px;box-sizing:border-box;transform-origin:center}.slider-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}.tank-panel-btn{background-image:var(--tank-bg-url-thickstroke);background-size:cover;background-position:center;width:100%;height:100%;display:inline-block;border:none;cursor:pointer}.fragment-count-notif{position:absolute;left:0;bottom:calc(100% - 10px);min-width:100%;background-color:#000000b3;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;box-sizing:border-box;padding:5px}.fragment-count-notif .module-price:before{position:relative;left:-15px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px) scale(1)}10%{opacity:1;transform:translateY(0) scale(1.2)}80%{opacity:1;transform:translateY(0) scale(1.2)}to{opacity:0;transform:translateY(-10px) scale(1)}}.fragment-count-notif.fade-in-out{animation:fadeInOut 3s ease forwards}#player-inventory-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .1s ease-in-out;transform:translateY(0);opacity:1;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:all}#player-inventory-container.hidden{transform:translateY(200%);display:flex!important;pointer-events:none;opacity:0}#player-inventory-title{position:absolute;top:0;left:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-top:10px;font-size:2rem;color:#fff;transform-origin:top;transition:transform .1s ease}@media(max-width:1024px){#player-inventory-title,.ingame-fullscreen-container-btns,.ingame-fullscreen-lower-btns,.module-price:after{transform:scale(calc(1 * var(--media-small-laptop-1024)))}}@media(max-width:768px){#player-inventory-title,.ingame-fullscreen-container-btns,.ingame-fullscreen-lower-btns,.module-price:after{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){#player-inventory-title,.ingame-fullscreen-container-btns,.ingame-fullscreen-lower-btns,.module-price:after{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){#player-inventory-title,.ingame-fullscreen-container-btns,.ingame-fullscreen-lower-btns,.module-price:after{transform:scale(var(--media-extra-small-320))}}.ingame-fullscreen-container-btns{position:absolute;top:10px;right:10px;width:50px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:2rem;color:#fff;transform-origin:top right;transition:transform .1s ease}.ingame-fullscreen-lower-btns{position:absolute;bottom:10px;left:10px;width:50px;height:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;transform-origin:bottom left;font-size:2rem;color:#fff}.ingame-fullscreen-lower-btns .corner-button{width:50px!important;height:50px!important}#player-inventory-contents{height:85%;max-height:85dvh;width:95%;max-width:95dvw;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"tank-slots top-right-section" "tank-slots top-right-section" "tank-slots top-right-section" "disassemble other-inventory";gap:5px;box-sizing:border-box;transform-origin:center;pointer-events:none}#player-inventory-contents>*:not(.module-tooltip){pointer-events:all!important}.player-inv-section{position:relative;background-color:#323232b3;border:2px solid #333;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}@media(max-width:1024px){#player-inventory-contents{gap:2px}.player-inv-section{padding:5px}}#top-right-area-sel{position:absolute;left:75%;transform:translate(-50%);bottom:calc(100% + 5px);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px}#top-right-area-sel>button.active{background-color:#00a700}#top-right-area-sel>button{border-radius:0;border-width:2px;font-size:1rem;padding:5px}@media(max-width:1024px){#top-right-area-sel>button{font-size:calc(1em * var(--media-small-laptop-1024));bottom:calc(100% + 5px * var(--media-small-laptop-1024));padding:calc(5px * var(--media-small-laptop-1024));border-width:1px!important}}@media(max-width:768px){#top-right-area-sel>button{font-size:calc(1em * var(--media-tablet-768));bottom:calc(100% + 5px * var(--media-tablet-768));padding:calc(5px * var(--media-tablet-768))}}@media(max-width:375px){#top-right-area-sel>button{font-size:calc(1em * var(--media-mobile-375));bottom:calc(100% + 5px * var(--media-mobile-375));padding:calc(5px * var(--media-mobile-375))}}@media(max-width:320px){#top-right-area-sel>button{font-size:calc(1em * var(--media-extra-small-320));bottom:calc(100% + 5px * var(--media-extra-small-320));padding:calc(5px * var(--media-extra-small-320))}}.top-right-section{grid-area:top-right-section}#disassemble-section{grid-area:disassemble}#tank-slots-section{grid-area:tank-slots}#other-inventory-section{grid-area:other-inventory}#other-inventory{border-right:1px solid white}.frag-contents{display:grid;grid-template-columns:1fr minmax(auto,30%);gap:5px;width:100%;height:100%;justify-content:center;align-items:center}#frag-refine-btn{padding:.5em .3em;border-radius:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.8em;font-size:1em!important}#frag-refine-btn .module-price{padding-bottom:0}@media(max-width:1024px){#frag-refine-btn{font-size:calc(.7em * var(--media-small-laptop-1024))!important;padding:calc(.3em * var(--media-small-laptop-1024));gap:calc(.8em * var(--media-small-laptop-1024))}}#other-inventory-section .module-slot{width:calc(var(--module-slot-size) * .5)!important}.module-inventory-wrapper{height:100%!important;width:100%;flex-grow:1!important;position:relative;overflow:hidden}#module-inventory{height:100%}.module-inventory-wrapper.drag-over,.module-slot.drag-over{border-color:#6a93cb;box-shadow:0 0 10px #6a93cb80}.module-inventory-wrapper.drag-over #module-inventory>*{pointer-events:none}.module-inventory-wrapper.drag-over:after{content:"Tap/Drag here to move back to inventory";font-size:1em;display:flex;flex-direction:column;align-items:center;justify-content:center;text-overflow:wrap;text-align:center;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#5078b480;z-index:20;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0px 2px 2px #000}.inventory-section-title{text-align:center;font-size:1.5rem;color:#fff;margin-block-start:0!important}@media(max-width:1024px){[name]{transform:scale(var(--media-small-laptop-1024))}.inventory-section-title{font-size:calc(1.5rem *var(--media-small-laptop-1024))}.slot-category-title,.slot-category-title:before{font-size:calc(1.5rem * var(--media-small-laptop-1024))}.module-inventory-wrapper{font-size:calc(1.2rem * var(--media-small-laptop-1024))}#disassemble-items{font-size:calc(.8rem * var(--media-small-laptop-1024))}}@media(max-width:768px){[name]{transform:scale(var(--media-tablet-768))}.inventory-section-title{font-size:calc(1.5rem * var(--media-tablet-768))}.slot-category-title,.slot-category-title:before{font-size:calc(1.5rem * var(--media-tablet-768))}.module-inventory-wrapper{font-size:calc(1.2rem * var(--media-tablet-768))}#disassemble-items{font-size:calc(.8rem * var(--media-tablet-768))}}@media(max-width:375px){[name]{transform:scale(var(--media-mobile-375))}.inventory-section-title{font-size:calc(1.5rem *var(--media-mobile-375))}.slot-category-title,.slot-category-title:before{font-size:calc(1.5rem * var(--media-mobile-375))}.module-inventory-wrapper{font-size:calc(1.2rem * var(--media-mobile-375))}#disassemble-items{font-size:calc(.8rem * var(--media-mobile-375))}}@media(max-width:320px){[name]{transform:scale(var(--media-extra-small-320))}.inventory-section-title{font-size:calc(1.5rem *var(--media-extra-small-320))}.slot-category-title,.slot-category-title:before{font-size:calc(1.5rem * var(--media-extra-small-320))}.module-inventory-wrapper{font-size:calc(1.2rem * var(--media-extra-small-320))}#disassemble-items{font-size:calc(.8rem * var(--media-extra-small-320))}}#tank-slots-section .module-slot{width:var(--module-slot-size)}#disassemble-items{display:grid;grid-template-columns:2fr 4fr;gap:clamp(5px,.5dvw,10px);align-items:center;justify-content:center!important;text-align:center!important;flex-grow:1!important}#disassemble-items-settings{display:flex;flex-direction:column;pointer-events:all!important}.disassemble-items-setting{font-size:.8em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px;gap:clamp(2px,1dvw,5px)}.disassemble-items-setting>input[type=checkbox]{width:auto!important;height:auto!important}.disassemble-items-setting:hover{background-color:#ffffff1a!important}#disassemble-items>*{transform:scale(1);font-size:1.2em}#disassemble-items-drop{border:2px solid white;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;font-size:.9em}#disassemble-items-drop>*{pointer-events:none}@media(max-width:1024px){#disassemble-items-drop{padding:2px}}#disassemble-items-drop:after{content:"🗑";position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);font-size:4em;z-index:-1;opacity:.2;pointer-events:none}#disassemble-items-drop.drag-over{border-color:#cb756a;background-color:#b457504d;box-shadow:0 0 10px #cb756a80}.scrollable-inventory,.slot-container{grid-gap:clamp(2px,.8dvw,10px)}.scrollable-inventory{width:100%;padding:clamp(2px,.5vw,8px);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--module-slot-size),max-content));justify-content:start;flex-grow:1!important;box-sizing:border-box;align-content:start;pointer-events:auto;overflow-y:auto;overflow-x:hidden;position:relative;height:100%;min-width:calc(var(--min-module-slot-size) * 3 + 4px)}.scrollable-inventory{justify-items:stretch;align-items:stretch}@media(max-width:1024px){.scrollable-inventory::-webkit-scrollbar{width:12px!important;border-radius:6px!important}}.module-slot,.module-price,.search-and-sort{font-size:calc(var(--module-slot-size) / 4)}.module-label{font-size:calc((3 / 4) * (var(--module-slot-size) / 4))}#player-inventory-container *::-webkit-scrollbar{width:6px}#player-inventory-container *::-webkit-scrollbar-track{background:#0000001a}#player-inventory-container *::-webkit-scrollbar-thumb{background:#96969680;border-radius:3px}#tank-slots-section{grid-area:tank-slots;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;margin:0}.equipment-grid{width:100%;height:auto;display:flex;flex-direction:column;gap:10px;margin:0 auto;justify-self:center;aspect-ratio:1 / 1;align-self:center}#tank-slots{margin-top:10px;display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;transition:all .2s ease;position:relative;gap:5px;overflow-y:scroll;height:100%!important}@media(max-width:1024px){#tank-slots{margin-top:5px;gap:0px;padding:2px}}.primary-slot{border-color:var(--primary-slot-border)!important;background-color:var(--primary-slot-bg)!important}.secondary-slot{border-color:var(--secondary-slot-border)!important;background-color:var(--secondary-slot-bg)!important}.utility-slot{border-color:var(--utility-slot-border)!important;background-color:var(--utility-slot-bg)!important}.primary-slot:hover{background-color:#ff6b6b33!important}.secondary-slot:hover{background-color:#cdb64e33!important}.utility-slot:hover{background-color:#45b7d133!important}.module-slot.drag-invalid{border-color:#f44!important;background-color:#ff44444d!important}.slot-container{display:grid;position:relative;grid-template-columns:repeat(auto-fit,minmax(var(--module-slot-size),max-content));align-items:start;justify-content:center;width:100%;padding:5px}.slot-container>.module-slot{border-width:2px}@media(max-width:1024px){.slot-container{padding:5px}.slot-container>.module-slot{border-width:1px}}.slot-category-title{text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px}.slot-category-title:before{content:"";width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.slot-category-title{font-size:clamp(.5rem,1.5dvw,1rem);gap:clamp(2px,1dvw,8px)}.slot-category-title:before{width:clamp(9px,2dvw,18px);height:clamp(9px,2dvw,18px)}.primary.slot-category-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ff6b6b' stroke='%23ff6b6b' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2'/%3E%3C/svg%3E")}.secondary.slot-category-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffe91f' stroke='%23ffe91f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13,2 3,14 12,14 11,22 21,10 12,10 13,2'/%3E%3C/svg%3E")}.utility.slot-category-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2345b7d1' fill-rule='evenodd' stroke='%2345b7d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z M12 7a5 5 0 1 1 0 10a5 5 0 1 1 0-10z'/%3E%3C/svg%3E")}.slot-container.filled{border-color:#6a93cb;background-color:#3c507899}:root{--base-module-slot-border-width: 2px}.module-slot{background-color:#323232b3;border:var(--base-module-slot-border-width) solid #555;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .1s ease;position:relative;aspect-ratio:1 / 1;min-width:var(--module-slot-size)}@media(max-width:1024px){.module-slot{border-width:calc(var(--base-module-slot-border-width) * var(--media-small-laptop-1024))}}@media(max-width:768px){.module-slot{border-width:calc(var(--base-module-slot-border-width) * var(--media-tablet-768))}}@media(max-width:375px){.module-slot{border-width:calc(var(--base-module-slot-border-width) * var(--media-mobile-375))}}@media(max-width:320px){.module-slot{border-width:calc(var(--base-module-slot-border-width) * var(--media-extra-small-320))}}.exchange-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,.5dvw,5px);background-color:#ffffffb3;width:100%;box-sizing:border-box}.exchange-item:hover{background-color:#fff9;transform:scale(1.05)}.exchange-item.disabled{opacity:.4;pointer-events:none}.exchange-item.disabled .module-slot{filter:grayscale(100%)}.exchange-item.disabled .module-price{filter:grayscale(0%)}.exchange-item.disabled:hover{background-color:#ffffffb3;transform:none}.frag-count:before{content:"";display:inline-block;width:1em;height:1em;margin-right:.25em;vertical-align:middle;background-size:contain;background-repeat:no-repeat}.module-price{max-width:90%;box-sizing:border-box;overflow-wrap:break-word;text-align:center;padding-bottom:.4em;position:relative;color:#fff;grid-row:2;gap:.3em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transform:scale(1)}.module-price:before,.sell-price:before,.tooltip-price:before{content:"";width:1em;height:1em;padding:0;margin:0;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.module-fragment:after{content:"";position:absolute;width:80%;height:80%;top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat}.module-slot.type-label:before,.module-slot.type-label:after{transform-origin:top left}.module-slot.type-label:after{content:"";position:absolute;top:-7px;left:4px;width:14px;height:14px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:11;filter:brightness(1.2);background-color:#000c;border-radius:50%;box-shadow:0 0 0 3px #000}.module-slot.type-label.primary-label:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ff6b6b' stroke='%23ff6b6b' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26 12,2'/%3E%3C/svg%3E")}.module-slot.type-label.secondary-label:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffe91f' stroke='%23ffe91f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13,2 3,14 12,14 11,22 21,10 12,10 13,2'/%3E%3C/svg%3E")}.module-slot.type-label.utility-label:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2345b7d1' fill-rule='evenodd' stroke='%2345b7d1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z M12 7a5 5 0 1 1 0 10a5 5 0 1 1 0-10z'/%3E%3C/svg%3E")}.module-slot.type-label.primary-label:after,.module-slot.type-label.secondary-label:after,.module-slot.type-label.utility-label:after{border:none;border-width:0;border-color:transparent}@media(max-width:1024px){.module-slot.type-label:before,.module-slot.type-label:after{transform:scale(var(--media-small-laptop-1024))!important;top:-3px;left:2px}}@media(max-width:768px){.module-slot.type-label:before,.module-slot.type-label:after{transform:scale(var(--media-tablet-768))!important}}@media(max-width:375px){.module-slot.type-label:before,.module-slot.type-label:after{transform:scale(var(--media-mobile-375))!important}}@media(max-width:320px){.module-slot.type-label:before,.module-slot.type-label:after{transform:scale(var(--media-extra-small-320))!important}}.exchange-item .module-slot:hover{transform:scale(1)}.module-slot.potential-target{border-color:#ffffffb3;box-shadow:0 0 8px #64ff6480;transform:scale(1.05);transition:all .2s ease}.module-slot.invalid-target{opacity:.5;filter:brightness(50%);transition:all .2s ease}.module-slot.drag-over-swap{border-color:#fd0!important;box-shadow:0 0 10px #ffdd00b3!important;transform:scale(1.05)}.inventory-container.potential-target{border:2px dashed rgba(255,255,255,.7);background-color:#64ff641a}.module-slot:hover{border-color:#888;background-color:#464646cc;transform:scale(1.05);filter:brightness(1.1)}.module-slot.filled{border-color:#6a93cb}.module-icon{width:90%;height:90%;background-size:contain;background-repeat:no-repeat;background-position:center}.module-count{position:absolute!important;top:-10px;right:clamp(-10px,.3dvw,-15px);color:#fff;padding:1px 4px;border-radius:10px;min-width:20px;text-align:center;transform:rotate(15deg);font-size:.9em;z-index:10}@media(max-width:1024px){.module-count{top:-5px;right:-8px}}.module-slot[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.module-slot[draggable=true]:active{cursor:grabbing;transform:scale(1.05)}.module-slot .module-icon,.module-slot .module-label,.module-slot .module-count,.fragment-label{pointer-events:none;-webkit-user-select:none;user-select:none}.module-label{font-weight:700;color:#fff!important;-webkit-user-select:none;user-select:none;white-space:wrap;position:absolute!important;text-align:center;pointer-events:none;text-shadow:0 0 3px black;box-sizing:border-box;transform:scale(1)}.fragment-label{font-weight:700;color:#fff;text-shadow:0 0 3px black;-webkit-user-select:none;user-select:none}.module-slot.dragging{opacity:.5}.typed-layout-container{display:grid!important;grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(5,1fr)!important;gap:2px!important;width:100%!important;height:100%!important}.search-and-sort{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%}.search-container{flex:1;margin-right:10px}.search-container>*{max-height:20px}.sort-container{flex:0 0 auto}.search-and-sort{display:flex;gap:10px;width:90%}.search-and-sort{width:100%;min-width:0;font-size:14px!important}@media(max-width:1024px){.search-and-sort{transform:scale(var(--media-small-laptop-1024));width:calc(100% / var(--media-small-laptop-1024))}}@media(max-width:768px){.search-and-sort{transform:scale(var(--media-tablet-768));width:calc(100% / var(--media-tablet-768))}}@media(max-width:375px){.search-and-sort{transform:scale(var(--media-mobile-375));width:calc(100% / var(--media-mobile-375))}}@media(max-width:320px){.search-and-sort{transform:scale(var(--media-extra-small-320));width:calc(100% / var(--media-extra-small-320))}}.module-fragment.refineable{cursor:pointer;transition:transform .1s ease}.module-fragment.refineable:hover{transform:scale(1.05)}.module-fragment.selected-for-refine{transform:scale(1.1)}.frag-refine-btn-active{background:linear-gradient(45deg,var(--rarity-common-color),var(--rarity-uncommon-color));color:#fff;border:2px solid rgba(255,255,255,.3)}.frag-refine-btn-active:disabled{opacity:.6}.refine-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;gap:5px;padding:2px}#exchange-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0003;transition:all .1s ease-in-out;transform:translateY(0);opacity:1}#exchange-container.hidden{transform:translateY(200%);display:flex!important;pointer-events:none;opacity:0}.ingame-section{background-color:#323232e6;border:2px solid #333;padding:5px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.ingame-top-right{position:absolute;top:10px;right:10px;display:flex;flex-direction:row;align-items:start;justify-content:center;gap:10px;transform-origin:top right;transition:transform .1s ease;pointer-events:none}@media(max-width:1024px){.ingame-top-right{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.ingame-top-right{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.ingame-top-right{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.ingame-top-right{transform:scale(var(--media-extra-small-320))}}#exit-btn{width:40px!important;height:40px!important;border:2px solid white;pointer-events:all}#game-leaderboard{position:relative;width:240px;color:#fff;font-family:Ubuntu,sans-serif;transform-origin:top right;transition:transform .1s ease;pointer-events:none}.game-leaderboard-header{padding:5px;text-align:center;margin-bottom:5px;font-size:20px;font-weight:700}.game-leaderboard-content{max-height:400px;overflow-y:auto}#leaderboard-list{list-style-type:none;padding:2px;margin:0}.leaderboard-item{position:relative;height:20px;margin-bottom:4px;border-radius:10px;background-color:#0006;overflow:hidden;border:2px solid rgba(0,0,0,.8)}.leaderboard-item.empty{opacity:.5}.leaderboard-bar{position:absolute;top:0;left:0;height:100%;background-color:#9696ff66;border-radius:13px;z-index:-1}.leaderboard-text{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:2;font-size:13px}.leaderboard-text [stroke]{--stroke-size: .15em;position:relative;color:#fff}.leaderboard-text [stroke]:before{content:attr(stroke);position:absolute;-webkit-text-stroke:var(--stroke-size) rgba(0,0,0,.7);z-index:-1;left:0;top:0}.leaderboard-text [stroke]:after{content:attr(stroke);color:inherit;position:absolute;left:0;top:0}.team-blue .leaderboard-bar{background-color:#0078ff66}.team-red .leaderboard-bar{background-color:#f006}.team-green .leaderboard-bar{background-color:#00b40066}.team-purple .leaderboard-bar{background-color:#b400b466}.leaderboard-item.current-player{border:3px solid rgba(255,255,255,.7)}#boss-bars{position:absolute;top:100px;pointer-events:none}#boss-bars>div{border-radius:8px;padding:8px;margin-bottom:8px;display:flex}#boss-bars>div>img{width:48px;height:48px;margin-right:8px}#boss-bars>div>div{height:48px;display:flex;flex-direction:column}#boss-bars>div>div>*{height:24px}#boss-bars>div>div>span{--stroke-size: .06em;-webkit-text-stroke:var(--stroke-size) #000;font-size:20px}#boss-bars>div>div>div{position:relative;border:2px solid #0009;border-radius:12px;background-color:#0006;min-width:200px;overflow:hidden}#boss-bars>div>div>div>*{position:absolute;top:0}#boss-bars>div>div>div>div{--percent: 1;height:20px;width:calc(100% * var(--percent));border-radius:10px;background-color:#3cd23cbf}#boss-bars>div>div>div>span{--stroke-size: .05em;-webkit-text-stroke:var(--stroke-size) #000;font-size:18px;width:100%;text-align:center;opacity:1}.tooltip-price-status{color:#aaa}.tooltip-price-status.available{color:#42f148!important}.tooltip-price-status.unavailable{color:#f44336!important}:root{--base-module-tooltip-width: 300px;--base-module-tooltip-font-size: .8rem}.module-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:var(--base-module-tooltip-width);color:#fff;font-size:var(--base-module-tooltip-font-size);pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080}.module-tooltip>*{pointer-events:none}@media(max-width:1024px){.module-tooltip{font-size:calc(var(--base-module-tooltip-font-size) * var(--media-small-laptop-1024));width:calc(var(--base-module-tooltip-width) * var(--media-small-laptop-1024))}}@media(max-width:768px){.module-tooltip{font-size:calc(var(--base-module-tooltip-font-size) *var(--media-tablet-768));width:calc(var(--base-module-tooltip-width) * var(--media-tablet-768))}}@media(max-width:375px){.module-tooltip{font-size:calc(var(--base-module-tooltip-font-size) *var(--media-mobile-375));width:calc(var(--base-module-tooltip-width) * var(--media-mobile-375))}}@media(max-width:320px){.module-tooltip{font-size:calc(var(--base-module-tooltip-font-size) *var(--media-extra-small-320));width:calc(var(--base-module-tooltip-width) * var(--media-extra-small-320))}}.module-slot:hover .module-tooltip{opacity:1}.tooltip-title{font-weight:700;font-size:1em;margin-bottom:4px}.tooltip-description{margin-bottom:4px}.tooltip-stats{font-size:.9em;color:#aaa}.tooltip-title{display:flex;justify-content:space-between!important;align-items:center;width:100%}.tooltip-title .module-name{text-align:left;font-weight:700}.tooltip-title .module-rarity{font-size:.8em;text-align:right!important;text-transform:uppercase;font-weight:700;padding-left:10px}.tooltip-stats-container{margin:8px 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip-stats-header{font-weight:700;margin-bottom:4px;color:#ddd}.tooltip-stat-row{display:flex;justify-content:start;gap:5px;margin:2px 0}.tooltip-stat-name{color:#aaa}.tooltip-stat-value{color:#fff;font-weight:700}.stat-tooltip{position:absolute;background-color:#1e1e1ef2;border:1px solid #555;border-radius:4px;padding:8px;width:250px;color:#fff;font-size:.8em;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 10px #00000080;z-index:7600}.stat-tooltip-title{font-weight:700;font-size:1em;margin-bottom:4px}.stat-tooltip-description{margin-bottom:4px}.stat-tooltip-level{font-size:.75em;color:#aaa}.title-tooltip{position:absolute;background-color:#000c;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:10000;white-space:nowrap}@media(max-width:1024px){.title-tooltip{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.title-tooltip{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.title-tooltip{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.title-tooltip{transform:scale(var(--media-extra-small-320))}}.mobile-module-tooltip{position:fixed;background:#000000e6;color:#fff;padding:12px;border-radius:8px;font-size:14px;max-width:280px;box-shadow:0 4px 12px #0000004d;z-index:10000;pointer-events:none;opacity:0;transition:opacity .2s ease;border:1px solid rgba(255,255,255,.2)}.mobile-module-tooltip .tooltip-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:700}.mobile-module-tooltip .tooltip-description{margin-bottom:8px;line-height:1.4}.mobile-module-tooltip .mobile-tooltip-instructions{font-size:12px;color:#ccc;font-style:italic;border-top:1px solid rgba(255,255,255,.1);padding-top:6px;margin-top:6px}.mobile-module-tooltip .tooltip-title.common{color:#fff}.mobile-module-tooltip .tooltip-title.uncommon{color:#1eff00}.mobile-module-tooltip .tooltip-title.rare{color:#0070dd}.mobile-module-tooltip .tooltip-title.epic{color:#a335ee}.mobile-module-tooltip .tooltip-title.legendary{color:#ff8000}.tooltip-hint{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip-unlock-hint{font-style:italic;font-size:.9em}.tooltip-progress{color:#ccc;font-size:.85em;margin-top:2px}.tooltip-unlocked{margin-top:8px;padding:4px 8px;background:#0f03;border:1px solid rgba(0,255,0,.4);border-radius:4px;color:#90ee90;font-size:.9em;text-align:center}.mobile-selected{border:2px solid #4CAF50!important;box-shadow:0 0 10px #4caf5080!important;background-color:#4caf501a!important}.mobile-incompatible{border:2px solid #f44336!important;box-shadow:0 0 10px #f4433680!important;background-color:#f443361a!important;animation:mobile-incompatible-shake .3s ease-in-out}@keyframes mobile-incompatible-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.tooltip-refine{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.tooltip-refine-title{font-weight:700;margin-bottom:4px}.tooltip-refine-info{font-size:.9em;color:#ccc}.tooltip-refine-amount{font-size:.8em;color:#999;margin-top:2px}:root{--tutorial-icon-width: 40px;--tutorial-icon-height: 40px;--tutorial-overlay-max-width: 600px;--wasd-color: #6496ff;--wasd-bg: rgba(100, 150, 255, .3);--wasd-border: rgba(100, 150, 255, .5);--mouse-color: #ff6464;--mouse-bg: rgba(255, 100, 100, .3);--mouse-border: rgba(255, 100, 100, .5);--inventory-color: #64ff96;--inventory-bg: rgba(100, 255, 150, .3);--inventory-border: rgba(100, 255, 150, .5);--shop-color: #ffd700;--shop-bg: rgba(255, 215, 0, .3);--shop-border: rgba(255, 215, 0, .5);--joystick-color: #9664ff;--joystick-bg: rgba(150, 100, 255, .3);--joystick-border: rgba(150, 100, 255, .5);--close-color: #ff4444;--close-bg: rgba(255, 68, 68, .3);--close-border: rgba(255, 68, 68, .5);--key-color: #44ff44;--key-bg: rgba(68, 255, 68, .3);--key-border: rgba(68, 255, 68, .5)}.tutorial-overlay{position:fixed;background:#000c;color:#fff;padding:10px;max-width:var(--tutorial-overlay-max-width);min-width:280px;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:scale(.8);transition:all .3s ease;pointer-events:none;font-size:1rem;display:flex;flex-direction:column;justify-content:center;gap:10px}@media(max-width:1024px){.tutorial-overlay{gap:5px}}.tutorial-overlay.visible{opacity:1;transform:scale(1);pointer-events:auto}.tutorial-overlay.position-center{top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-overlay.position-center.visible{transform:translate(-50%,-50%) scale(1)}.tutorial-overlay.position-top{top:20px;left:50%;transform:translate(-50%) scale(.8)}.tutorial-overlay.position-top.visible{transform:translate(-50%) scale(1)}.tutorial-overlay.position-bottom{bottom:20px;left:50%;transform:translate(-50%)}.tutorial-overlay.position-left{bottom:50%;left:20px}.tutorial-overlay.position-right{top:50%;right:20px;transform:translateY(-50%) scale(.8)}.tutorial-overlay.position-right.visible{transform:translateY(-50%) scale(1)}.tutorial-header{display:flex;justify-content:space-between;align-items:center}.tutorial-title{font-size:1.4em;font-weight:700;margin:0}.tutorial-message{font-size:1em;line-height:1.5;color:#ffffffe6}.tutorial-progress{display:flex;justify-content:space-between;align-items:center;gap:10px}.tutorial-progress-text{font-size:1em;color:#ffffffb3}@media(max-width:1024px){.tutorial-progress button{padding:5px;border:1px solid white}}.tutorial-navigation{display:flex;gap:10px}.tutorial-nav-btn{border:2px solid white;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em;transition:all .2s ease}.tutorial-nav-btn:hover{transform:scale(1.05)}.tutorial-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tutorial-nav-btn:disabled:hover{transform:none}.tutorial-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--tutorial-icon-width);height:var(--tutorial-icon-height);padding:2px;background:#fff3;border:1px solid white;margin:0 4px;font-size:1em;vertical-align:middle;position:relative}.tutorial-icon>img{width:100%;height:100%;object-fit:contain;filter:invert(1) brightness(2)}.tutorial-icon.text-icon{width:auto!important}.tutorial-icon i{font-size:1em}.tutorial-icon{margin:2px!important}.tutorial-icon.wasd-icon{background:var(--wasd-bg);border-color:var(--wasd-border);color:var(--wasd-color);width:calc(var(--tutorial-icon-width) * 1.5);padding:4px}.wasd-keys{display:flex;flex-direction:column;align-items:center;gap:1px;font:10px bold Ubuntu;color:#000}.wasd-keys>span{display:block;width:12px;height:12px;background:#ffffff4d;border:1px solid var(--wasd-border);border-radius:2px;display:flex;align-items:center;justify-content:center}.wasd-keys>div{display:flex;gap:1px}.wasd-keys>div>span{width:12px;height:12px;background:#ffffff4d;border:1px solid var(--wasd-border);border-radius:2px;display:flex;align-items:center;justify-content:center}.tutorial-icon.joystick-icon{background:var(--joystick-bg);border-color:var(--joystick-border);color:var(--joystick-color);border-radius:50%;height:100%;aspect-ratio:1 / 1!important}.tutorial-icon.joystick-icon i{font-size:1em}.tutorial-icon.fallback-icon{background:#8080804d;border-color:#80808080;color:#888}.keybinds-icon .keybind-indicator{font-size:1em!important}@media(max-width:1024px){.tutorial-overlay{padding:calc(10px *var(--media-small-laptop-1024));max-width:calc(var(--tutorial-overlay-max-width) * var(--media-small-laptop-1024));min-width:calc(280px * var(--media-small-laptop-1024));font-size:calc(1em *var(--media-small-laptop-1024));border:1px solid white}.tutorial-icon{width:calc(var(--tutorial-icon-width) * var(--media-small-laptop-1024));height:calc(var(--tutorial-icon-height) * var(--media-small-laptop-1024))}.tutorial-icon.wasd-icon{width:calc(var(--tutorial-icon-width) * 1.5 * var(--media-small-laptop-1024))}.tutorial-header .close-btn{width:15px;height:15px;font-size:.5em!important;border-radius:5px;border:1px solid white}.tutorial-header .close-btn:after{width:10px;height:10px}}@media(max-width:768px){.tutorial-overlay{padding:calc(10px *var(--media-tablet-768));max-width:calc(var(--tutorial-overlay-max-width) * var(--media-tablet-768));min-width:calc(280px * var(--media-tablet-768));font-size:calc(1em *var(--media-tablet-768))}.tutorial-icon{width:calc(var(--tutorial-icon-width) * var(--media-tablet-768));height:calc(var(--tutorial-icon-height) * var(--media-tablet-768))}.tutorial-icon.wasd-icon{width:calc(var(--tutorial-icon-width) * 1.5 * var(--media-tablet-768))}}@media(max-width:375px){.tutorial-overlay{padding:calc(10px *var(--media-mobile-375));max-width:calc(350px * var(--media-mobile-375));min-width:calc(250px * var(--media-mobile-375));left:10px!important;right:10px!important;max-width:calc(100dvw - 20px);font-size:calc(1em *var(--media-mobile-375))}.tutorial-icon{width:calc(var(--tutorial-icon-width) * var(--media-mobile-375));height:calc(var(--tutorial-icon-height) * var(--media-mobile-375))}.tutorial-icon.wasd-icon{width:calc(var(--tutorial-icon-width) * 1.5 * var(--media-mobile-375))}}@media(max-width:320px){.tutorial-overlay{padding:calc(10px *var(--media-extra-small-320));max-width:calc(300px * var(--media-extra-small-320));min-width:calc(220px * var(--media-extra-small-320));left:5px!important;right:5px!important;max-width:calc(100dvw - 10px);font-size:calc(1em *var(--media-extra-small-320))}.tutorial-icon{width:calc(var(--tutorial-icon-width) * var(--media-extra-small-320));height:calc(var(--tutorial-icon-height) * var(--media-extra-small-320))}.tutorial-icon.wasd-icon{width:calc(var(--tutorial-icon-width) * 1.5 * var(--media-extra-small-320))}}#cta-overlay{position:fixed;inset:0;pointer-events:none}.cta-box{position:absolute;border:2px solid black;box-shadow:0 0 0 2px #fff,0 0 0 4px #000;pointer-events:none;transition:all .1s linear}@media(max-width:768px){.cta-box{border:1px solid black;box-shadow:0 0 0 1px #fff,0 0 0 2px #000}}.item-display{position:relative;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:visible}.item-display-background{background:#ffffff1a;border:2px solid rgba(255,255,255,.3)}.item-display-interactive{transition:all .2s ease;cursor:pointer}.item-display-interactive:hover{transform:scale(1.05);border-color:#ffffff80}.item-display-small{min-width:40px;height:40px}.item-display-medium{min-width:60px;height:60px}.item-display-large{min-width:80px;height:80px}.item-display-icon{width:90%;height:90%;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}.item-display-gold-icon{color:gold;font-size:1.5em}.item-display-gold-icon i{filter:drop-shadow(0 0 3px rgba(255,215,0,.8))}.item-display-count{position:absolute!important;top:-10px;right:clamp(-10px,.3dvw,-15px);color:#fff;padding:1px 4px;border-radius:10px;min-width:20px;text-align:center;transform:rotate(15deg);font-size:.9em;z-index:10;font-weight:700;text-shadow:0 0 3px black}.item-with-info{display:flex;flex-direction:column;align-items:center;gap:8px}.item-info{text-align:center;flex:1}.item-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.item-desc{font-size:12px;color:#fffc;line-height:1.3}.mail-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,max-content));justify-content:start;align-items:start;gap:5px;padding:15px;background:#0003;border-radius:8px;margin-top:10px}.mail-reward-item{display:flex;flex-direction:column;align-items:center;gap:8px}.mail-reward-item:hover{transform:scale(1.05)}.mail-reward-item .item-display{margin:0 auto}.mail-reward-label{font-size:12px;color:#ffffffe6;text-align:center;font-weight:700}@media(max-width:768px){.mail-rewards-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;padding:10px}.mail-reward-item{min-height:100px;padding:8px}.mail-reward-item .item-display,.mail-reward-item .item-display-medium{width:60px;height:60px}.item-display-count{font-size:.8em;padding:1px 3px}.mail-reward-label{font-size:12px}}@media(max-width:480px){.mail-rewards-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;padding:8px}.mail-reward-item{min-height:90px;padding:6px}.mail-reward-item .item-display,.mail-reward-item .item-display-medium{width:50px;height:50px}.mail-reward-label{font-size:11px}}.captcha-overlay{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background:#0003;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.captcha-widget{background:#2a2a2a;padding:20px;border:2px solid #fff;text-align:center;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;align-items:center;gap:5px}.captcha-title{color:#fff}#turnstile-widget{margin:20px 0}@media(max-width:1024px){.captcha-widget{transform:scale(var(--media-small-laptop-1024))}}@media(max-width:768px){.captcha-widget{transform:scale(var(--media-tablet-768))}}@media(max-width:375px){.captcha-widget{transform:scale(var(--media-mobile-375))}}@media(max-width:320px){.captcha-widget{transform:scale(var(--media-extra-small-320))}}.init-statsu{position:fixed;top:10px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:10px 20px;border-radius:8px;font-family:Arial,sans-serif;display:none}:root{--primary-slot-border: #ff6b6b;--primary-slot-bg: rgba(255, 107, 107, .1);--secondary-slot-border: #ffe91f;--secondary-slot-bg: #ffe91f19;--utility-slot-border: #45b7d1;--utility-slot-bg: rgba(69, 183, 209, .1);--base-module-slot-size: 55px;--module-slot-size: var(--base-module-slot-size);--tank-bg-url: url("data:image/svg+xml;utf8,%3Csvg width=%22250%22 height=%22250%22 viewBox=%22-250 -250 500 500%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%22100%22 fill=%22none%22 stroke=%22black%22 stroke-width=%2215%22 /%3E%3Cpath d=%22M 93.092 -36.523 L 155.563 -98.995 L 98.995 -155.563 L 36.523 -93.092%22 fill=%22none%22 stroke=%22black%22 stroke-linejoin=%22round%22 stroke-width=%2215%22 /%3E%3C/svg%3E");--tank-bg-url-thickstroke: url("data:image/svg+xml;utf8,%3Csvg width=%22250%22 height=%22250%22 viewBox=%22-250 -250 500 500%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%22100%22 fill=%22none%22 stroke=%22black%22 stroke-width=%2230%22 /%3E%3Cpath d=%22M 93.092 -36.523 L 155.563 -98.995 L 98.995 -155.563 L 36.523 -93.092%22 fill=%22none%22 stroke=%22black%22 stroke-linejoin=%22round%22 stroke-width=%2230%22 /%3E%3C/svg%3E")}@media(max-width:1024px){:root{--module-slot-size: calc(var(--base-module-slot-size) * var(--media-small-laptop-1024))}}@media(max-width:768px){:root{--module-slot-size: calc(var(--base-module-slot-size) * var(--media-tablet-768))}}@media(max-width:375px){:root{--module-slot-size: calc(var(--base-module-slot-size) * var(--media-mobile-375))}}@media(max-width:320px){:root{--module-slot-size: calc(var(--base-module-slot-size) * var(--media-extra-small-320))}}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media(max-width:1024px){input[type=checkbox]{width:30px;height:30px}}html,body{margin:0;padding:0;overflow:hidden!important}body{background-color:#121212;color:#fff;overflow:hidden!important}body:before{box-sizing:border-box;max-width:100%;max-height:100%;overflow:hidden}[data-stroke]{--stroke-size: .15em;position:relative;display:inline-block;color:#fff}[data-stroke]:before{content:attr(data-stroke);position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:inherit;white-space:pre-wrap;margin:0;padding:inherit;box-sizing:border-box}[data-stroke]:before{-webkit-text-stroke:var(--stroke-size) #000;z-index:-1}button[data-stroke]:before,input[data-stroke]:before{display:flex;align-items:center;justify-content:center;padding:inherit}.hidden{display:none}.death-message{font-size:3rem;margin-bottom:2rem}button,input{padding:12px;border-radius:10px;border:2px solid #333;background-color:#1e1e1e;color:#fff;font-size:1rem;cursor:pointer;outline:none;filter:brightness(1)}button:hover{filter:brightness(1.05)}input{width:100%}.settings-tabs{display:flex;background:#000;border-bottom:1px solid rgba(255,255,255,.2)}.settings-tab-btn{border-radius:0!important;padding:10px 15px;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;transition:all .2s ease}.settings-tab-btn:hover{color:#fff;background:#ffffff1a}.settings-tab-btn.active{color:#fff;background:#00a700;border:1px solid white}.settings-bottom-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:5px;border-top:2px solid white}.settings-bottom-links>*{font-size:14px!important;padding:5px 10px!important;border:1px solid white}.settings-bottom-link>*:hover{transform:scale(1.05)!important}.keybind-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.keybind-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.keybind-action{color:#ffffffe6}.keybind-key{background:#0000004d;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;min-width:100px;text-align:center;cursor:pointer;transition:all .2s ease}.keybind-key:hover{background:#00000080;border-color:#ffffff80}.keybind-key.listening{background:#fff3;border-color:gold;color:gold}.keybind-reset-row{display:flex;justify-content:center;margin-top:20px}.keybind-reset-btn{background:#f003;border:1px solid rgba(255,0,0,.4);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease}.keybind-reset-btn:hover{background:#f006}.changelog-entry{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.changelog-entry:last-child{border-bottom:none;margin-bottom:0}.changelog-entry h4{color:gold;margin-bottom:8px}.changelog-entry ul{margin:8px 0;padding-left:20px}.changelog-entry li{margin-bottom:4px}.coming-soon{filter:grayscale(100%)}