html,body{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;font-size:16px}#app{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}#game-container{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}#game-container canvas{width:100%!important;height:100%!important;display:block}#react-ui{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}#react-ui{display:flex;justify-content:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;user-select:none;-webkit-user-select:none;-ms-user-select:none;pointer-events:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none}#react-ui>*{max-width:100%;max-height:100%}.common-input{outline:none}input.common-input::-webkit-contacts-auto-fill-button,input.common-input::-webkit-credentials-auto-fill-button{display:none!important}input.common-input:-webkit-autofill,input.common-input:-webkit-autofill:hover,input.common-input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out 0s;background-color:#1a1a1a!important;color:#fff!important}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:auto}.popup-modal{position:relative;min-width:25vw;max-width:50vw;min-height:20vw;max-height:70vh;background:#1a1a1a75;padding:1.2vw;border-radius:.6vw;color:#fff;border:.15vw solid #444;box-shadow:0 0 1vw #000c;display:flex;flex-direction:column;gap:.8vw}.popup-content{flex:1;display:flex;justify-content:center;align-items:center;overflow-y:hidden;overflow-x:hidden;font-size:2.5vmin;font-family:Anta}.popup-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:6px 6px;pointer-events:none;border-radius:inherit}.popup-buttons{display:flex;gap:.5vw;margin-top:auto}.popup-btn{flex:1;padding:.5vw;font-size:1.8vw;cursor:pointer;color:#fff;border:.2vw solid #555;border-radius:.3vw;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,#3a3a3a,#1a1a1a);background-size:6px 6px,6px 6px,100% 100%;box-shadow:inset 0 .1vw #ffffff26,inset 0 -.2vw #0009,0 .2vw .4vw #0009}.popup-btn:hover{background:repeating-linear-gradient(45deg,rgba(94,94,94,1) 1px,rgba(100,79,3,.1) 1px,transparent 30px),linear-gradient(to bottom,#3a3a3a,#1a1a1a);box-shadow:inset 0 .2vw .4vw #000c;border-color:#ffc80080}.popup-btn.confirm{border-color:#2a8a2a}.popup-btn.cancel{color:#aaa}.notifications-container{position:absolute;bottom:10%;right:1%;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:1vmin}.notification-item{background:#222c;border:.4vmin solid #595959;padding:1.4vmin 1vmin;margin-bottom:1vmin;border-radius:.4vmin;cursor:pointer;width:40vmin;pointer-events:auto;z-index:9999}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5vmin;padding:0vmin .5vmin}.notification-name{font-weight:300;font-size:2.8vmin;color:#c9c9c9;font-family:Anta,monospace}.notification-code{font-weight:300;font-size:2.2vmin;color:#c9c9c9;font-family:Anta,monospace}.notification-separator{height:.3vmin;background:linear-gradient(to right,#888,#444);margin:.2vmin 0 .8vmin}.notification-message{font-weight:1;font-size:1.8vmin;color:#c9c9c9;font-family:Anta,monospace;margin:0;white-space:pre-line}.background-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.background-fade-layer{position:absolute;top:0;right:0;bottom:0;left:0}.fade-in-appear,.fade-in-enter{opacity:0}.fade-in-appear-active,.fade-in-enter-active{opacity:1;transition:opacity .5s ease-in-out}.fade-out-appear,.fade-out-enter,.fade-out-appear-active,.fade-out-enter-active,.fade-out-exit{opacity:1}.fade-out-exit-active{opacity:0;transition:opacity .5s ease-in-out}.menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../assets/reactRes/menuBackground1.png);background-size:cover;background-position:bottom;z-index:0}.loading-backdrop{position:absolute;width:100%;height:100%;background-image:url(../assets/reactRes/loadingBackground.webp);background-size:cover;background-position:bottom;z-index:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-container{position:absolute;bottom:0;left:0;width:100%;flex-direction:column;align-items:bottom}.loading-title,.loading-subtitle{width:100%;color:#fff;font-family:"Press Start 2P",monospace;text-align:center;margin:3vmin 0}.loading-title{font-size:5vmin;font-weight:700}.loading-subtitle{font-size:3vmin;color:#b0b0b0}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:2vmin;background-color:#ffffff4d;overflow:hidden}.loading-animation{position:absolute;right:0vmin;bottom:0;height:20vmin}.main-menu-account{position:absolute;top:0%;left:0%;background:linear-gradient(135deg,#282828b3 7%,#28282800,#28282800 9%,#28282880 17%,#282828b3,#28282800 19%,#28282880 27%,#282828b3,#28282800 29%),url(../assets/reactRes/account_bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;text-align:left;pointer-events:auto;color:#fff;font-family:Anta,monospace;font-size:2.2vmin;border-top:.8vmin solid #242424;border-left:.8vmin solid #181818;border-right:none;border-bottom:none;box-sizing:border-box;width:50vw;aspect-ratio:1 / .3;z-index:1}.main-menu-account__nickname{position:absolute;top:1vmin;left:1%;padding:1vmin;color:silver;font-family:Anta,monospace;font-size:3.1vmin;line-height:1.6vmin;z-index:1}.main-menu-account__online{position:absolute;top:1vmin;right:1%;padding:1vmin;color:silver;font-family:Anta,monospace;font-size:3.1vmin;line-height:1.6vmin;z-index:1}.main-menu-footer{position:absolute;bottom:0;left:0;width:100%;height:10%;display:flex;justify-content:space-around;align-items:center;background-size:cover;background-position:center;box-sizing:border-box;z-index:1}.main-menu-footer-button{position:relative;background:#111;border:.4vmin solid #303030;color:silver;font-family:"Press Start 2P",monospace;font-size:2.7vmin;cursor:pointer;box-shadow:0 0 1vmin #0009;transition:all .15s ease;width:20%;height:100%;pointer-events:auto}.main-menu-footer-button:hover{background:#373737;height:110%}.news-panel{position:absolute;top:50%;left:0%;width:25%;height:40%;background:linear-gradient(135deg,#000000b3,#0006 25%,#0000 70%);background-size:cover;background-position:center;border-top:.8vmin solid #242424;border-left:.8vmin solid #242424;padding:0 1vmin;box-sizing:border-box;overflow-y:auto;color:silver;font-family:Anta,monospace;font-size:3vmin;z-index:1;pointer-events:auto}.news-panel::-webkit-scrollbar{width:1.5vmin}.news-panel::-webkit-scrollbar-track{background:#0000002b}.news-panel::-webkit-scrollbar-thumb{background-color:#c7c7c7}.news-panel-item{background:#141414cc;padding:1.5vmin;margin-bottom:2vmin;border-left:.6vmin solid #606060;border-top:.6vmin solid #303030;box-shadow:0 0 1vmin #00000080}.news-panel-item-title{font-size:4vmin;margin-bottom:1vmin}.news-panel-item-description{font-size:2vmin;opacity:.8}.menubuttonabout{position:absolute;height:10%;width:25%;background:#111;border:.4vmin solid #303030;font-family:"Press Start 2P",monospace;font-size:2.7vmin;cursor:pointer;box-shadow:0 0 1vmin #0009;transition:all .15s ease;top:40%;left:0%;padding:2vmin;color:#81eaff;line-height:1.6vmin;opacity:1;z-index:50;pointer-events:auto}.menubuttonabout:hover{color:#c5f5ff;height:11%;top:39.5%}.chat-box{bottom:20%;right:0;width:50vmin;height:50vmin;display:flex;flex-direction:column;margin-top:1vmin;flex-grow:1;font-size:2vmin;color:#aaa;font-family:"Press Start 2P",monospace;z-index:100;pointer-events:auto}.chat-top-panel{width:100%;height:7vmin;display:flex;justify-content:left;align-items:left;background:linear-gradient(0deg,#000,#000000e6 40%,#2a2a2a4d);background-size:cover;background-position:center;overflow-x:scroll;border-top:.3vmin solid #7b7b7bff;box-sizing:border-box;z-index:3}.chat-top-panel::-webkit-scrollbar{height:1vmin}.chat-top-panel::-webkit-scrollbar-track{background:#0000002b}.chat-top-panel::-webkit-scrollbar-thumb{background-color:#c7c7c7}.chat-top-panel-button{background:#111;border:.4vmin solid #303030;color:silver;font-family:Anta,monospace;font-size:3vmin;cursor:pointer;box-shadow:0 0 1vmin #0009;transition:all .15s ease;white-space:nowrap}.ctpb-active{background:#585858}.chat-main-panel{width:100%;height:40vmin;overflow-x:hidden;overflow-y:hidden;z-index:2}.chat-main-panel-option{overflow-y:hidden;background-color:#00000040;pointer-events:none;height:100%;font-family:Anta,monospace;font-size:1.3vw}.chat-main-panel-option-block{height:19vmin;flex-direction:column;background:#1f1f1f;border:.5vmin solid #333;overflow-y:scroll;overflow-x:hidden;pointer-events:auto}.chat-main-panel-option-block::-webkit-scrollbar{width:1vmin}.chat-main-panel-option-block::-webkit-scrollbar-track{background:#0000002b}.chat-main-panel-option-block::-webkit-scrollbar-thumb{background-color:#c7c7c7}.chat-main-panel-option-block-item{width:100%;height:40%;display:flex;justify-content:right;align-items:center;background:#14141480;font-family:Anta;font-size:2.8vmin;padding:0 .8vmin;box-sizing:border-box}.chat-main-panel-option-block-item-button{background:#111;color:silver;font-family:Anta,monospace;font-size:3vmin;cursor:pointer;transition:all .15s ease;width:10vmin;height:100%;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.chat-main-panel-option-block-item-button:hover{background:#272727}.chat-main-panel-message-scroll{overflow-y:auto;min-height:0;background-color:#00000080;border:.5vmin solid #505050;padding:1vmin;height:38vmin;pointer-events:auto}.chat-main-panel-message-scroll::-webkit-scrollbar{width:1vmin}.chat-main-panel-message-scroll::-webkit-scrollbar-track{background:#0000002b}.chat-main-panel-message-scroll::-webkit-scrollbar-thumb{background-color:#c7c7c7}.chat-main-panel-message-scroll-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.1vmin;font-size:2.5vmin;color:#ddd;font-family:Anta,monospace}.chat-main-panel-message-scroll-item-name{color:#eaff00;font-weight:400;margin-right:.5vmin}.chat-main-panel-message-scroll-item-data{color:#e0e0e0;word-break:break-word}.chat-input-panel{display:flex;align-items:stretch;width:100%}.chat-input-panel form{flex:1;display:flex}.chat-input-panel-input{background-color:#303030;color:#e0e0e0;border:.4vmin solid #505050;padding:1vmin;font-size:1.5vmin;font-family:"Press Start 2P",monospace;outline:none;transition:border-color .2s ease;box-sizing:border-box;width:100%}.chat-input-panel-input:focus{border-color:#fff}.chat-input-panel-button{background-color:#404040;color:#e0e0e0;border:.4vmin solid #505050;padding:0 .1vmin;font-size:1.5vmin;font-family:"Press Start 2P",monospace;transition:all .2s ease;box-sizing:border-box;width:30%;pointer-events:auto}.chat-input-panel-button:hover:not(:disabled){background-color:#5a5a5a;border-color:#1eff00;box-shadow:0 0 10px #1eff004d}.chat-input-panel-button:disabled{opacity:.7;background-color:#000;color:#fff;cursor:not-allowed}.finance{position:absolute;background:linear-gradient(-135deg,#171717b3 7%,#17171700,#17171700 9%,#17171780 17%,#171717b3,#17171700 19%,#17171780 27%,#171717b3,#17171700 29%);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:0;text-align:left;color:#fff;font-family:Anta,monospace;font-size:2.2vmin;border-top:none;border-right:.8vmin solid #181818;border-left:none;border-bottom:none;box-sizing:border-box;width:50vw;aspect-ratio:1 / .3;z-index:1}.finance-div{position:absolute;top:0;right:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;box-sizing:border-box;z-index:50}.finance-block{width:100%;height:6vmin;background:linear-gradient(180deg,#fff3 30%,#fff3,#47474733 50%,#54545400);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0vmin;border-left:.6vmin solid #666}.finance-block-premium{width:100%;height:6vmin;background:linear-gradient(180deg,#0000 30%,#000000b3,#dc41041a 50%,#ff55001a);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 0%;border-left:.6vmin solid #666}.finance-block-div{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.finance-icon{height:5vmin;margin-top:.5vmin;pointer-events:none}.finance-span{color:#dfe6f0;font-family:Anta,monospace;font-size:3vmin;font-weight:lighter;letter-spacing:.15vmin;text-shadow:0 0 2vmin rgba(255,120,0,.4),0 0 1vmin rgba(0,0,0,1)}.finance-span-premium{color:#ffb040;font-family:Anta,monospace;font-size:3vmin;font-weight:lighter;letter-spacing:.15vmin;text-shadow:0 0 2vmin rgba(255,120,0,1),0 0 1vmin rgba(0,0,0,1)}.options-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2a2a2acc;border-radius:0;text-align:center;color:silver;font-family:"Press Start 2P",monospace;font-size:1vmin;box-shadow:inset 0 0 0 .5vmin #555;box-sizing:border-box;z-index:1}.options-menu-header{width:100%;height:15%;box-sizing:border-box;box-shadow:inset 0 0 0 .5vmin #555;padding:0 1vmin;background-color:#0000004d;display:flex;align-items:center;justify-content:space-between}.options-menu-header-left,.options-menu-header-right{display:flex;align-items:center;justify-content:center;height:100%}.options-menu-header-left{left:0%;opacity:.6}.options-menu-header-right{right:0%;opacity:.6}.options-menu-header-center{flex:1;display:flex;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:4vh;color:silver}.options-menu-header-icon{height:80%;object-fit:contain}.options-menu-body{width:100%;height:70%;box-shadow:inset 0 0 5vw .1vw #000c;overflow-y:scroll;overflow-x:hidden;font-size:1vw;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.options-menu-body h1{margin-top:1.5vw;margin-bottom:1vw;width:100%;text-align:center}.options-menu-body::-webkit-scrollbar{width:1vw}.options-menu-body::-webkit-scrollbar-track{background:#0000002b}.options-menu-body::-webkit-scrollbar-thumb{background-color:#c7c7c7}.separator{width:100%;height:5px;flex-shrink:0;margin-bottom:1vw;background:linear-gradient(to right,transparent,#686868,#aaa,#686868,transparent);border-radius:3px}.options-menu-body-group{margin-bottom:1.5vw;margin-left:1.5vw;display:flex;flex-direction:row;justify-content:space-between;width:100%}.options-menu-body-slider-block{width:50%;flex-direction:column;justify-content:space-around;flex-wrap:nowrap;display:flex}.options-menu-body-slider-label{width:80%;font-size:1.5vw;color:#e0e0e0;margin-left:1vw;margin-bottom:1vw;letter-spacing:.1vmin;text-align:left}.options-menu-body-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90%;height:1vw;background:#505050;outline:none;opacity:.9;transition:opacity .2s;border-radius:0;border:.2vw solid #707070}.options-menu-body-dropdown-block{height:5vw;width:100%;display:flex;justify-content:flex-start;align-items:center}.options-menu-body-dropdown{width:14.2vw;padding:.5vw;background:#222;color:#fff;border:.3vw solid #555;outline:none;cursor:pointer;font-size:1.8vw;font-family:Anta;margin-left:1vw}select{background-color:#222!important;color:#fff!important}.options-menu-body-dropdown-text{font-size:1.5vw;padding-left:1vw}.options-menu-body-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.3vw;height:2vw;background:#1b1b1b;cursor:pointer;border-radius:0;border:2px solid #e0e0e0;transition:background .2s ease,box-shadow .2s ease;margin-top:0}.options-menu-body-button-block-left{display:flex;flex-direction:column;gap:1vw}.options-menu-body-button-block-right{padding-right:3vw;display:flex;flex-direction:column;gap:1vw}.options-menu-body-button{color:#e0e0e0;padding:.5vmin 1vmin;border:none;cursor:pointer;margin:.1vmin 0;width:30vw;height:4.5vw;aspect-ratio:1 / .15;text-transform:uppercase;font-family:"Press Start 2P",monospace;font-size:1.3vw;text-align:center;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#50505043,#40404000);box-shadow:inset 0 .2vw #ffffff4d,inset 0 -.1vw #0006,0 .4vw #a98d54,0 .5vw .5vw #0009;transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.options-menu-body-button.checked{background:linear-gradient(to bottom,#0079a52e,#01759f00);box-shadow:inset 0 .2vw #ffffff4d,inset 0 -.1vw #0006,0 .4vw #546fa9,0 .5vw .5vw #0009}.options-menu-footer{width:100%;height:15%;box-sizing:border-box;box-shadow:inset 0 0 0 .5vmin #555;background-color:#0000004d;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:auto}.options-menu-footer-left,.options-menu-footer-right{display:flex;align-items:center;justify-content:center;height:100%}.options-menu-footer-left{padding-left:1%}.options-menu-footer-right{padding-right:1%}.options-menu-footer-button{height:80%;aspect-ratio:2.5;background:#0a0a0a;color:#fff;font-family:Anta,monospace;font-size:5vh;display:flex;align-items:center;justify-content:center;border:.2vh solid #9c9c9c;border-radius:1vw;cursor:pointer;transition:all .2s ease;box-shadow:0 0 8px #fff6}.options-menu-footer-button:hover{box-shadow:0 0 15px #ffa21666;border:.5vh solid #9c9c9c}.account-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#222c;border-radius:0;text-align:center;box-shadow:1vmin 1vmin 3vmin #000000e6;pointer-events:auto;color:silver;font-family:"Press Start 2P",monospace;box-sizing:border-box;z-index:1}.account-menu-body{height:85%;width:100%;display:flex;flex-direction:row;box-shadow:inset 0 0 0 1vmin #555}.account-left{width:50%;height:100%;display:flex;flex-direction:column;padding:1vw}.account-right{width:50%;height:100%;padding:1vw}.account-title{font-size:2vmin;margin-bottom:2vmin;color:#e0e0e0;text-shadow:.3vmin .3vmin 0 #000}.info-block{display:flex;justify-content:space-between;background:#14141499;padding:1.2vmin 1.6vmin;margin-bottom:1.4vmin;border-left:.4vmin solid #666}.info-block-auth{height:12vh;width:50%;display:flex;flex-direction:column;background:#14141499;padding:1.2vmin 1.6vmin;border-top:.4vmin solid #666;border-left:.4vmin solid #666}.info-block-auth-btn{display:flex;justify-content:flex-end;align-items:center;width:100%;height:100%;overflow:hidden;box-sizing:border-box;pointer-events:auto}.info-block-auth-btn-cntr{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;box-sizing:border-box;pointer-events:auto}.info-label{opacity:1;font-size:2.2vmin;font-family:Anta}.info-value{font-size:2.4vmin;color:#fff;font-family:Anta}.info-divider{margin:2vmin 0;height:.5vmin;background:linear-gradient(to right,#777,#333)}.account-btn{width:80%;color:#e0e0e0;padding:2vmin;border:none;cursor:pointer;margin-top:1.3vmin;margin-bottom:1.3vmin;text-transform:uppercase;font-family:Anta,monospace;font-size:3.5vh;background:#1d1d1d;box-shadow:inset 0 4px #fff3,0 5px 5px #00000080;transition:transform .1s ease,box-shadow .1s ease}.account-btn:hover{background:#7a7a7a}.btn-divider{width:100%;height:.4vmin;background:linear-gradient(to right,#999,#444);margin:2vmin 0}.nickname-input{width:80%;padding:1vmin;font-size:3.5vmin;color:#e0e0e0;background-color:#2a2a2a;border:.6vmin solid #505050;border-radius:.5vmin;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.nickname-input:focus{border-color:#108d00;box-shadow:0 0 8px #1eff0066}.nickname-input::placeholder{color:#777;font-size:3vmin}.tank-design-root{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f0f0f72;overflow:hidden;color:#e0e0e0;z-index:2}.tank-design-root-left{position:fixed;top:0;left:0;width:11vw;height:100%;background:#0f0f0f91;padding:.5vmin;border-right:.4vw solid #333;z-index:1}.tank-design-root-left button{width:100%;height:14%;margin-bottom:.3vmin;background:#22222268;border:.3vmin solid #444;color:#e0e0e0;cursor:pointer;transition:.25s;font-family:Anta;font-size:2vw;z-index:0;pointer-events:auto}.tank-design-root-left button:hover,.tank-design-root-left button.active{background:#333;transform:scale(1.05)}.tank-carousel{position:absolute;left:0;bottom:0;width:100%;height:29%;background:linear-gradient(to top,#0b0b0b,#151515dd);border-top:.4vmin solid #333;overflow-x:visible;overflow-y:hidden;white-space:nowrap;z-index:3;color:#d4d4d4}.carousel-track{position:fixed;width:100%;height:100%;display:inline-flex;gap:3vh;margin-left:1vh;padding:2vh 1vh}.tank-carousel::-webkit-scrollbar{height:1vh}.tank-carousel::-webkit-scrollbar-track{background:#0000002b}.tank-carousel::-webkit-scrollbar-thumb{background-color:#ffffffb7;width:.5vh}.tank-card{position:relative;height:25%;aspect-ratio:1;background:#1e1e1e;border:.3vmin solid #444;cursor:pointer;overflow:hidden;transition:.1s;font-family:Anta,monospace;pointer-events:auto}.tank-card:hover{border-color:#777}.tank-card.selected{border-color:#3fa9ff;box-shadow:0 0 1vh #3fa9ff88}.tank-preview{position:absolute;top:8%;left:50%;transform:translate(-50%);width:60%;z-index:2}.tank-info{position:absolute;bottom:0;left:0;width:100%;height:25%;padding:.1vh;background:#0d0d0dde;border-top:.3vmin solid #333;z-index:3}.tank-name{font-size:2vh;font-weight:600}.tank-meta{display:flex;justify-content:space-between;margin-top:.7vh;font-size:1.6vh}.nation{display:flex;gap:.7vh;align-items:center}.tankstat{position:fixed;top:0;right:0;width:88%;height:71%;background:radial-gradient(circle at top left,#30303080,#050505f0 60%);padding:1.5vmin;box-sizing:border-box;font-family:Anta,system-ui,sans-serif;color:#e3e3e3}.tankstat-title-block{position:absolute;top:4%;left:4%}.tankstat-name{font-size:2.8vmin;letter-spacing:.5vmin;text-transform:uppercase}.tankstat-type{font-size:2vmin;color:#b0b0b0}.tankstat-nation-block{position:absolute;top:15%;left:4%;display:flex;gap:.7vmin;align-items:center}.tankstat-flag{width:3.2vmin;height:2.2vmin;object-fit:cover;border-radius:.3vmin;border:.2vmin solid #777}.tankstat-nation{font-size:2vmin;letter-spacing:.12em;text-transform:uppercase}.tankstat-header-line{position:absolute;width:94%;height:.5vmin;background:#444}.tankstat-stat-box{position:absolute;display:flex;width:22%;height:10%;background:#1a1a1a99;border:.2vmin solid #444;border-radius:.6vmin;padding:.5vmin 1vmin;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:space-between}.tankstat-stat-label{font-size:3vmin;color:#b5b5b5}.tankstat-stat-value{font-size:4vmin}.tankstat-rename-label{position:absolute;top:37%;left:4%;font-size:3vmin}.tankstat-modules{position:absolute;top:22%;left:50%;width:49%;height:75%;background:#111a;border-radius:.6vmin;border:.2vmin solid #444;padding:1vmin}.tankstat-module{position:absolute;width:90%;height:20%;display:flex;justify-content:space-between;font-size:2.5vmin}.tankstat-module-label{color:#9e9e9e}.tankstat-module-value{color:#e0e0e0}.workshop{position:fixed;top:0;right:0;width:88%;height:71%;background:radial-gradient(circle at top left,#00000080,#0a0502f0 60%);padding:1.5vmin;box-sizing:border-box;font-family:Anta,system-ui,sans-serif;color:#e3e3e3}.workshop-constructor-block{position:absolute;top:50%;left:0%;height:100%;width:64%;transform:translateY(-50%);box-sizing:border-box}.inventory{position:absolute;top:0;right:0;width:88%;height:71%;background:radial-gradient(circle at top left,#00000080,#0a0502f0 60%);padding:1.5vmin;box-sizing:border-box;font-family:Anta,system-ui,sans-serif;color:#e3e3e3}.construct-item{padding:.3vmin;margin-bottom:.5vmin;cursor:pointer;text-align:center;background:#222c;font-size:1vw;border:.35vmin solid #555;transition:border-color .15s ease,background .15s ease;pointer-events:auto}.construct-item.selected{border-color:#0af;background:#141515aa}.construct::-webkit-scrollbar{width:.3vw}.construct::-webkit-scrollbar-track{background:#0000002b;margin:.05vw 0}.construct::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.1vw solid #000000}.construct-buttons button{height:2vw;width:90%;background:#222c;border:.3vmin solid #444;color:#e0e0e0;cursor:pointer;transition:.2s;font-size:1.2vw}.mp-slot{display:flex;align-items:center;justify-content:center}.inventorygrid{overflow-y:scroll;overflow-x:hidden}.inventorygrid::-webkit-scrollbar{width:1vw}.inventorygrid::-webkit-scrollbar-track{background:#0000002b}.inventorygrid::-webkit-scrollbar-thumb{background-color:#c7c7c7}.vertical-list-inventorygrid{display:flex;flex-direction:column;align-items:flex-end;gap:.8vmin;overflow-y:scroll;overflow-x:hidden;width:fit-content;height:100%;box-sizing:border-box;direction:rtl;pointer-events:auto}.vertical-list-inventorygrid-block{margin-left:.5vw}.vertical-list-inventorygrid-block span{font-size:1.5vw}.vertical-list-inventorygrid>*{direction:ltr}.vertical-list-inventorygrid::-webkit-scrollbar{width:.5vw}.vertical-list-inventorygrid::-webkit-scrollbar-track{background:#0000002b}.vertical-list-inventorygrid::-webkit-scrollbar-thumb{background-color:#c7c7c7}.item-container{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;z-index:3;pointer-events:auto;transition:all .15s ease}.item-container{background:radial-gradient(circle at center,var(--rarity-color, #000) 0%,#000000 100%)}.item-container.selected{outline:var(--outline-selected);outline-offset:var(--outline-offset);z-index:5}.item-container.not-selected{outline:var(--outline-default);outline-offset:var(--outline-offset);z-index:2}.item-container.not-selected:hover{outline:var(--outline-hover);outline-offset:var(--outline-offset)}.preview-window-header{width:100%;height:2vw;display:flex;justify-content:space-between;align-items:center;border-bottom:.1vw solid #444;margin-bottom:.4vw;cursor:grab;touch-action:none;transition:all .15s ease}.preview-window-header:hover{background:#ffffff1f}.preview-window-title{font-size:1vw;font-weight:600}.preview-window-close{cursor:pointer;font-size:1.5vw;padding:0 .4vw;transition:all .15s ease}.preview-window-close:hover{color:#fff;transform:scale(1.3)}.preview-window-close:active{transform:scale(.9)}.preview-item-container{flex:0 0 12vw;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-item-image{position:relative;width:40%;object-fit:contain;pointer-events:none;touch-action:none}.preview-item-panel{position:absolute;width:5vw;background:#0003;border:.1vw solid #666;border-radius:.2vw;display:flex;flex-direction:column;gap:.1vw;pointer-events:auto}.preview-item-panel--right{right:.5vw;bottom:.5vw}.preview-item-panel--left{left:.5vw;bottom:.5vw}.preview-item-label{font-size:1vw;color:#aaa;padding:0 .3vw}.preview-item-value{font-size:1vw;color:#dbdbdb;padding:0 .3vw}.preview-item-value--ag{color:#f90}.preview-item-button{width:100%;font-size:1.2vw;padding:.2vw .4vw;background:#222;border:.1vw solid #555;border-radius:.2vw;color:#fff;cursor:pointer;transition:all .15s ease}.preview-item-button:hover{background:#333;border-color:#888}.preview-item-button:active{transform:scale(.95)}.preview-info-block{display:flex;flex-direction:column;gap:.4vw;margin-bottom:.6vw;background:#0006;font-size:.85vw;border-radius:.5vw;padding:.4vw}.preview-info-header{display:flex;align-items:center;justify-content:space-between;border-bottom:.05vw solid #555;padding-bottom:.2vw}.preview-info-header:hover{transition:all .15s ease;background:linear-gradient(to top,#fff3,#fff0)}.preview-info-header-left{display:flex;align-items:center;gap:.3vw;font-weight:100}.preview-info-badge{width:4vw;height:1.3vw;display:flex;align-items:center;justify-content:center;border:.05vw solid #888;border-radius:.3vw;font-size:1.2vw}.preview-info-header-right{font-size:.9vw;text-align:right;color:#fff}.preview-button-row{display:flex;justify-content:space-between;margin-top:.8vw;gap:.6vw}.preview-button-row button{flex:1;padding:.6vw;background:#1e1e1ecc;border:.15vw solid #555;border-radius:.4vw;color:#fff;font-size:1.5vw;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:.15s}.preview-button-row button:hover{background:#323232e6;transform:scale(1.02);border-color:#888}.sell-popup-content{display:flex;flex-direction:column;gap:.5vw;font-size:1.2vw;font-family:Anta,system-ui,sans-serif}.sell-popup-content-flex-row-between-center{display:flex;align-items:center;justify-content:space-between}.market-root{position:fixed;top:0;right:0;width:100%;height:100%;display:flex;flex-direction:column;background:#0f0f0f72;color:#e5e5e5;z-index:2}.market-header{position:relative;height:9.5vh;display:flex;align-items:center;padding-right:2vw;background:linear-gradient(to top,#0b0b0b,#151515dd);border-bottom:.5vh solid #2a2f36}.market-title{position:absolute;left:32%;transform:translate(-50%);font-size:3.5vh;font-weight:700;color:#e0e0e0;pointer-events:none;text-align:center;font-family:Anta;font-size:5vh;font-weight:100}.back-btn{height:9vh;width:15%;margin-bottom:.3vmin;background:#22222268;border:.3vmin solid #444;color:#e0e0e0;cursor:pointer;transition:.25s;font-family:Anta;font-size:3vh;z-index:0;pointer-events:auto}.back-btn:hover,.back-btn.active{background:#333;transform:scale(1.1)}.market-body{flex:1;display:flex;overflow:hidden}.market-left{width:19vw;background:#0f0f0f91;overflow-y:visible;overflow-x:hidden}.market-left::-webkit-scrollbar{width:.5vmin}.market-left::-webkit-scrollbar-track{background:#0000002b}.market-left::-webkit-scrollbar-thumb{background-color:#c7c7c7b7}.market-left-filter{height:9vh;width:18vw;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 .5vw}.sort-btn{height:85%;width:100%;background:#22222268;border:.3vmin solid #444;color:#e0e0e0;transition:.25s;font-family:Anta;font-size:1.2vw;font-weight:100;cursor:pointer;pointer-events:auto}.sort-btn:hover{background:#333;transform:scale(1.05)}.sort-span{font-family:Anta;font-size:2vh;font-weight:100}.category-tile{margin-bottom:1vh}.category-header{padding:1vh;background:#00000089;color:#e0e0e0;cursor:pointer;font-family:Anta;font-size:2vh;font-weight:100;transition:.25s;pointer-events:auto}.category-header:hover{background:#333}.category-header.active{background:#333;outline:.3vh solid rgba(255,255,255,.276);outline-offset:-.5vh}.category-filters{background:#555}.filter{background:#00000089;color:#e0e0e0;cursor:pointer;font-family:Anta;font-size:2vh;font-weight:100;transition:.25s;padding:1vh;pointer-events:auto}.filter:hover{background:#2a3340}.filter.active{background:#e0e0e031;outline:.3vh solid rgba(255,255,255,.276);outline-offset:-.5vh}.market-grid{flex:1;padding:.5vw;gap:.5vw;display:grid;grid-template-columns:repeat(3,1fr);align-content:start;overflow-y:visible;overflow-x:hidden;pointer-events:auto}.market-grid::-webkit-scrollbar{width:.5vmin}.market-grid::-webkit-scrollbar-track{background:#0000002b}.market-grid::-webkit-scrollbar-thumb{background-color:#c7c7c7b7}.market-item-inner{width:100%;height:100%;transition:transform .25s}.market-item{aspect-ratio:1 / 1;border:1px solid #2c323a;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden;background:radial-gradient(circle at center,#4e4e4e82,#0000007a 80%);transition:.25s}.market-item:hover{background:#0000006e;transform:scale(1.03)}.market-item.active{background:#000;transform:scale(1.03)}.market-item-header{width:100%;height:2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:.25vw solid #393939ea;margin-bottom:.4vw}.market-item-header span{font-family:Anta;font-size:1.5vw;font-weight:1}.market-item-name{padding-left:1vw}.market-item-collection{padding-right:1vw}.market-item-image{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.market-item-image-main{width:60%;height:60%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.market-item-image-icon{position:absolute;top:.2vw;left:.2vw;width:3vw;height:3vw;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.9}.item-finance-block{width:100%;height:3.5vw;background:linear-gradient(180deg,#ffffff26 30%,#ffffff26,#47474726 50%,#54545426);background-size:cover;background-position:center;background-repeat:no-repeat;border-left:.6vw solid #666;-webkit-user-select:none;user-select:none}.item-finance-block-premium{width:100%;height:3.5vw;background:linear-gradient(180deg,#0000 30%,#000000b3,#dc41041a 50%,#ff55001a);background-size:cover;background-position:center;background-repeat:no-repeat;border-left:.6vw solid #f5773cb0;-webkit-user-select:none;user-select:none}.flex-row-between{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.finance-icon-market-item{height:3vw;margin-top:.3vw;pointer-events:none}.itemfinancespan{color:#dfe6f0;font-family:Anta,monospace;font-size:1.5vw;font-weight:lighter;letter-spacing:.1vw;text-shadow:0 0 3vw rgba(255,120,0,.4),0 0 1vw rgba(0,0,0,1)}.itemfinancespanpremium{color:#ffb040;font-family:Anta,monospace;font-size:1.5vw;font-weight:lighter;letter-spacing:.1vw;text-shadow:0 0 3vw rgba(255,120,0,.4),0 0 1vw rgba(0,0,0,1)}.item-info-block{width:100%;height:18vw;padding:.1vw;font-family:Anta;font-size:1vw;background:#00000059;border-top:.05vw solid #333;border-bottom:.05vw solid #333;display:flex;flex-direction:column;gap:.1vw}.item-info-block span{display:block;font-size:1vw}.item-info-block-grid-row{display:grid;grid-template-columns:1fr 1fr;min-height:1.5vw;align-items:center;border-bottom:.05vw solid #333}.item-info-block-grid-row-left-cel{padding:.1vw .5vw;opacity:.85;border-right:.08vw solid #333;font-size:.8vw}.item-info-block-grid-row-right-cell{padding:.1vw 1vw;text-align:right;font-weight:0;font-size:.8vw}.item-info-block-grid-row:last-child{border-bottom:none}.buy-text{text-align:center;font-size:1.1vw;opacity:.9;margin-bottom:.4vw}.buy-amount{display:flex;flex-direction:column;gap:.3vw}.buy-amount-label{font-size:.9vw;opacity:.8}.buy-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.4vw;background:#444;border-radius:.3vw;outline:none}.buy-amount-value{text-align:center;font-size:.9vw;opacity:.85}.buy-buttons-div{margin-top:1.6vw;height:3vw;width:99.5%}.buy-button{margin-top:auto;width:50%;height:100%;background:linear-gradient(to bottom,#1e1e1e99,#1e1e1e);border:.15vw solid #555;color:#fff;font-family:Anta;font-size:1.1vw;cursor:pointer}.buy-button:hover{filter:brightness(1.1)}.market-slider-control{height:3vw;display:flex;flex-direction:column;align-items:center;width:99%}.market-slider-label{font-size:1.5vw;color:#e0e0e0;margin-bottom:.3vw;text-transform:uppercase;letter-spacing:.1vw}.market-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1vw;background:#505050;outline:none;opacity:1;border-radius:0;border:1px solid #707070;box-shadow:inset 1px 1px 3px #00000080}.market-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.5vw;height:2vw;background:#008cba;cursor:pointer;border-radius:0;border:.1vw solid #e0e0e0;transition:background .2s ease,box-shadow .2s ease;margin-top:0}.battle-mode-selector{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#222c;border-radius:0;text-align:center;pointer-events:auto;color:silver;font-family:"Press Start 2P",monospace;box-sizing:border-box;z-index:1}:root{--bg-gradient-start: #0f1f2f;--bg-gradient-end: #1f3f5f;--difficulty-color: #ff4f4f;--block-border: #555;--separator-color: rgba(255, 255, 255, .2);--param-color: rgba(0, 0, 0, .4)}.battle-mode-selector-body{height:85%;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:1vmin;padding:1vmin;box-shadow:inset 0 0 0 .5vmin #555;box-sizing:border-box;background-color:#00000080}.battle-mode-selector-body-block{position:relative;box-shadow:inset 0 0 0 .5vmin #555,0 0 1vmin #0009;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:1vmin;border-radius:1vmin;transition:transform .3s,z-index .3s;z-index:1;color:#fff;font-family:Roboto,sans-serif;pointer-events:auto}.battle-mode-selector-body-block-disable{position:relative;box-shadow:inset 0 0 0 .5vmin #555,0 0 1vmin #0009;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:1vmin;border-radius:1vmin;transition:transform .3s,z-index .3s;z-index:1;color:#fff;font-family:Roboto,sans-serif}.battle-mode-selector-body-block:hover{transform:scale(1.02)}.block-header{font-size:1.5vw;font-weight:700;text-transform:uppercase;letter-spacing:.1vmin;text-align:center;color:#d8d8d8;text-shadow:0 .5vw 1vw #000;margin-bottom:.5vmin}.block-bottom{margin-top:auto;display:flex;flex-direction:column}.battle-mode-selector-separator{height:.3vw;background:var(--separator-color);margin:.5vh 0;border-radius:.2vh}.battle-mode-params{display:flex;flex-direction:column;gap:.5vmin}.param{background:var(--param-color);padding:.5vmin 1vmin;border-radius:.5vmin;border-left:.3vmin solid var(--corner-color);font-weight:500;text-shadow:0 0 .2vmin #000;position:relative}.battle-mode-difficulty{display:flex;justify-content:center;gap:.5vmin;padding-top:.5vmin}.difficulty-icon{width:1.2vmin;height:1.2vmin;background:#0000004d;border-radius:.2vmin;border:.3vmin solid var(--corner-color);transition:background .3s,transform .3s}.corner-decor{position:absolute;width:2vmin;height:2vmin;border:.5vmin solid var(--corner-color);z-index:1}.corner-decor.top-left{top:.5vmin;left:.5vmin;border-right:none;border-bottom:none}.corner-decor.top-right{top:.5vmin;right:.5vmin;border-left:none;border-bottom:none}.corner-decor.bottom-left{bottom:.5vmin;left:.5vmin;border-right:none;border-top:none}.corner-decor.bottom-right{bottom:.5vmin;right:.5vmin;border-left:none;border-top:none}.roomlist{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2a2a2acc;border-radius:0;text-align:center;color:silver;font-family:"Press Start 2P",monospace;font-size:1vmin;box-shadow:inset 0 0 0 .5vmin #555;box-sizing:border-box;z-index:1}.roomlist-body{width:100%;height:85%;box-shadow:inset 0 0 5vw .1vw #000c;font-size:1vw;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.roomlist-body h2{width:100%;text-align:center}.room-list{position:relative;width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;background-color:#00000080;padding:1vmin;border:.5vmin solid #505050;font-family:"Press Start 2P",monospace;box-sizing:border-box;z-index:2}.room-loading-gif{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15vmin;height:15vmin}.room-item{position:relative;display:flex;width:100%;background-color:#333d;margin-bottom:.8vmin;border-radius:.5vmin;cursor:pointer;overflow:hidden;transition:all .3s ease;min-height:6vmin}.room-item:hover{background-color:#444e}.room-left-bar{width:.8vmin;background:#16bc00}.room-content{flex:1;padding:.5vmin 1vmin;display:flex;flex-direction:column;gap:.5vmin}.room-summary{display:flex;justify-content:space-between;font-weight:700;font-size:2vmin;border-bottom:2px solid #555555;padding-bottom:.5vmin}.room-summary span{flex:1 1 auto}.room-details{display:flex;flex-direction:column;gap:.3vmin;padding-top:.5vmin;border-top:1px solid #555555;font-size:1.6vmin}.room-detail-row{display:flex;justify-content:space-between;gap:1vmin}.join-button-container{display:flex;justify-content:flex-end;margin-top:.5vmin}.menu-button.joinbutton{background-color:#555;color:#fff;border:none;border-radius:.3vmin;padding:.4vmin 1vmin;cursor:pointer;font-weight:700;transition:background .2s}.menu-button.joinbutton:hover{background-color:#777}.menu-button.joinbutton{padding:.3vmin 1vmin;font-size:1.3vmin;background-color:#fff3;border:none;border-radius:.3vmin;cursor:pointer;transition:background .2s}.menu-button.joinbutton{width:11vmin;height:6vmin;padding:2.5vmin 1.5vmin;border:none;border-radius:0;font-size:1.7vmin;cursor:pointer;margin-top:0;display:block;letter-spacing:.5vmin}.menu-button.joinbutton:hover{background-color:#fff5}.room-list::-webkit-scrollbar{width:2vmin}.room-list::-webkit-scrollbar-track{background:#0000002b}.room-list::-webkit-scrollbar-thumb{background-color:#c7c7c7}.createroom{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2a2a2acc;border-radius:0;color:silver;font-family:"Press Start 2P",monospace;font-size:1vmin;box-shadow:inset 0 0 0 .5vmin #555;box-sizing:border-box;z-index:1}.createroom-body{width:100%;height:85%;box-shadow:inset 0 0 5vw .1vw #000c;font-size:1vw;display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto}.createroom-body h2{width:100%;text-align:center}.createroomsettings{width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border:.5vmin solid #505050}.createroomsettings::-webkit-scrollbar{width:2vmin}.createroomsettings::-webkit-scrollbar-track{background:#0000002b}.createroomsettings::-webkit-scrollbar-thumb{background-color:#c7c7c7}.room-name-input{width:100%;padding:2vmin;font-size:3.5vmin;color:#e0e0e0;background-color:#2a2a2a;border:.6vmin solid #505050;border-radius:.5vmin;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.room-name-input:focus{border-color:#108d00;box-shadow:0 0 8px #1eff0066}.room-name-input::placeholder{color:#777;font-size:3vmin}.char-counter{display:block;text-align:right;font-size:2.5vmin;color:#999;margin-top:.5vmin;margin-left:1vw}.input-form-label{display:block;text-align:left;margin:2vmin 0 1vmin;color:#bdc3c7;font-size:3.8vmin}.form-label{display:block;text-align:left;margin:2vmin 0 1vmin;color:#bdc3c7;font-size:3.8vmin;margin-left:1vw}.selection-grid{display:grid;gap:1.5vmin;margin-left:1vw}.selection-card{width:50%;background-color:#40404084;border:1vmin solid #505050;padding:3vmin;text-align:center;cursor:pointer;transition:all .2s ease}.form-group{width:50%;margin-left:1vw}.selection-card:hover{border-color:silver;background-color:#4f4f4f}.selection-card.selected{border-color:#17c40094;background-color:#40404084;box-shadow:0 0 1vmin #1eff0066}.selection-card-name{font-family:"Press Start 2P",monospace;color:#e0e0e0;font-size:4vmin}input[type=checkbox]{width:8vmin;height:8vmin;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #808080;background-color:#2a2a2a;position:relative;margin-left:1vw}input[type=checkbox]:checked{background-color:#4f4f4f;border-color:#c7c7c7;box-shadow:0 0 4px #1eff0066}input[type=checkbox]:checked:before{content:"X";color:#1eff00;font-size:8vmin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-group-checkboxes{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;gap:1vmin}.lobbymenu{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;color:silver;font-family:"Press Start 2P",monospace;font-size:1.3vh;background-color:#2a2a2acc;box-shadow:1vmin 1vmin 3vmin #000000e6;text-align:center;pointer-events:auto;z-index:1}.lobbymenu-body{width:100%;height:85%;box-shadow:inset 0 0 5vw .1vw #000c;font-size:1vw;pointer-events:auto}.lobby-content{display:flex;flex-grow:1;margin-left:1.5vmin;overflow:hidden;gap:1vw}.lobby-details{width:40%;display:flex;flex-direction:column;text-align:left}.lobbymenu-body h2{font-size:3vh}.lobby-details h3,.lobby-details h4,.lobby-details p{font-size:1.7vh}.player-list{flex-basis:60%;display:flex;flex-direction:column}.player-list-scroll{overflow-y:auto;flex-grow:1;background-color:#0003;padding:.5vmin;border:.5vmin solid #505050}.player-list-scroll::-webkit-scrollbar{width:2vmin}.player-list-scroll::-webkit-scrollbar-track{background:#0000002b}.player-list-scroll::-webkit-scrollbar-thumb{background-color:#c7c7c7}.player-item{display:flex;justify-content:space-between;align-items:center;padding:1vmin 1.5vmin;margin-bottom:1vmin;background-color:#5050502d;font-size:1.3vmin}.player-item:last-child{margin-bottom:0}.player-name{font-weight:700}.status-indicator{padding:1.2vmin;border-radius:0;color:#ffcdd2;background-color:#b71c1c;font-size:1.7vmin;text-transform:uppercase}.status-indicator.ready{color:#c8e6c9;background-color:#2e7d32}.lobby-footer{display:flex;justify-content:space-between;gap:2vmin;border-top:2px solid #505050}.lobby-footer .menu-button{width:33%;margin:1vmin}.performance-hud{position:absolute;top:1.5vmin;left:1.5vmin;font-family:"Press Start 2P",system-ui,sans-serif;font-size:1.5vmin;color:#fff;text-shadow:2px 2px 0px rgba(0,0,0,.7);pointer-events:none}.performance-hud .text-green{color:#4ade80}.performance-hud .text-yellow{color:#facc15}.performance-hud .text-red{color:#f87171}.performance-hud .text-gray{color:#9ca3af}.lobby-ui{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-family:"Press Start 2P",monospace;color:#fff;pointer-events:none;display:flex;flex-direction:column}.lobby-ui .top-panel{width:100%;text-align:center;margin-top:2vh}.lobby-ui .top-panel .scenario{font-size:2.2vw;color:#c8c8c8cc;margin-bottom:.5vh}.lobby-ui .top-panel .remaining-time{font-size:1.6vw;color:#fffc}.lobby-ui .players-count{position:absolute;top:2vh;right:2vw;font-size:1vw;color:#fff}.lobby-ui .score{position:absolute;top:2vh;right:10vw;font-size:1vw;color:#fff}.choose-tank-label{position:absolute;bottom:30vh;left:0;width:100%;text-align:center;font-family:"Press Start 2P",monospace;font-size:2vh;color:#d4d4d4c3;text-shadow:2vw 1vw 2vw #000}.spawn-button{position:absolute;left:50%;bottom:37%;height:8%;width:25%;transform:translate(-50%);text-align:center;text-shadow:2vw 1vw 2vw #000;background:linear-gradient(to bottom,#1e1e1e99,#1e1e1e);border:.15vw solid #555;color:#fff;font-family:Anta;font-size:4vh;pointer-events:auto}.spawn-waiting{position:absolute;bottom:37vh;left:0;width:100%;text-align:center;text-shadow:2vw 1vw 2vw #000;pointer-events:none;color:#fff;font-family:Anta;font-size:4vh}.tankinfo-hud{position:fixed;left:50%;bottom:0%;transform:translate(-50%);width:40vh;height:auto;aspect-ratio:1 / 1;background-image:url(../assets/reactRes/tank_hud_UI_background.png);background-size:cover;background-position:center;image-rendering:pixelated;font-family:Anta,monospace;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none}.autoloader-status{position:absolute;width:20%;height:auto;left:50%;bottom:70%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.aimlevel-status{position:absolute;width:50%;height:auto;left:105%;bottom:0%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.hud-stab-text{position:absolute;bottom:2%;right:19%;display:flex;gap:5%;font-size:2vh;color:#00ffea;text-shadow:1px 1px 2px black;pointer-events:none}.hud-arrow-text{position:absolute;height:6vh;bottom:62%;left:9%;display:flex;gap:5%;font-size:3vh;align-items:center;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-reload-value{position:absolute;height:6%;bottom:66%;left:18%;display:flex;gap:5%;font-size:1.8vh;align-items:center;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-weapon-actual-ammo-info{position:absolute;height:5%;bottom:68%;left:50%;display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-selector-info{position:absolute;height:5%;bottom:66.5%;left:-15%;display:flex;gap:5%;font-size:1.8vh;align-items:center;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-velocity-text{position:absolute;bottom:55%;right:19%;display:flex;gap:5%;font-size:2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-shells-value{position:absolute;bottom:65.5%;right:8%;transform:translate(-50%);display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.progress-bar-container-reload-hud{position:absolute;width:31.9%;height:2.5%;bottom:60.5%;left:33.9%;transform:translate(-50%) translateY(-50%);background-color:#0000;overflow:hidden}.progress-bar{height:100%;background-color:#fff;width:0%}.module-status-mtc{position:absolute;width:15%;height:auto;left:-10%;bottom:45%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-mainWeapon{position:absolute;width:15%;height:auto;left:7%;bottom:45%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-lefttrack{position:absolute;width:15%;height:auto;left:-10%;bottom:33%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-righttrack{position:absolute;width:15%;height:auto;left:7%;bottom:33%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-trm{position:absolute;width:15%;height:auto;left:-10%;bottom:21%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-ammo{position:absolute;width:15%;height:auto;left:7%;bottom:21%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-capsule{position:absolute;width:15%;height:auto;left:-10%;bottom:6%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-fuel{position:absolute;width:15%;height:auto;left:7%;bottom:6%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.module-status-autoloader{position:absolute;width:15%;height:auto;left:-10%;bottom:-9%;pointer-events:none;transform-origin:center center;transform:translate(-50%) translateY(-50%)}.tank-structure{position:absolute;left:50%;bottom:31%;pointer-events:none;width:55%;height:auto;z-index:1;transform:translate(-50%) translateY(50%);opacity:1}.interactive-chat{display:flex;flex-direction:column;margin-top:1vmin;flex-grow:1;font-size:2vmin;color:#aaa;font-family:"Press Start 2P",monospace;z-index:100;overflow:hidden}.interactive-chat h4{font-size:2vmin;margin:0 0 1vmin;color:#ccc}.message-scroll{overflow-y:hidden;background-color:#00000040;border:.5vmin solid #505050;padding:1vmin;height:40vmin;pointer-events:none}.message-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.1vmin;font-size:1.8vmin;color:#ddd;font-family:Anta,monospace}.message-data{color:#e0e0e0;word-break:break-word}.message-input-container{display:flex;align-items:stretch;width:100%}.message-input-container form{flex:1;display:flex}.message-input{background-color:#303030;color:#e0e0e0;border:.4vmin solid #505050;padding:1vmin;font-size:1.5vmin;font-family:"Press Start 2P",monospace;outline:none;transition:border-color .2s ease;box-sizing:border-box;width:100%}.message-input:focus{border-color:#fff}.message-send-button{background-color:#404040;color:#e0e0e0;border:.4vmin solid #505050;padding:0 .1vmin;font-size:1.5vmin;font-family:"Press Start 2P",monospace;transition:all .2s ease;box-sizing:border-box;width:30%;pointer-events:auto}.message-send-button:hover:not(:disabled){background-color:#5a5a5a;border-color:#1eff00;box-shadow:0 0 10px #1eff004d}.message-send-button:disabled{opacity:.7;background-color:#000;color:#fff;cursor:not-allowed}.aboutmenu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2a2a2acc;padding:1vmin;border-radius:0;text-align:center;box-shadow:1vmin 1vmin 3vmin #000000e6;pointer-events:auto;color:silver;font-family:"Press Start 2P",monospace;font-size:1vmin;border:3px solid #505050;box-sizing:border-box;z-index:50;width:90vmin;height:auto;aspect-ratio:1 / 1}.aboutmenu h1{color:#e0e0e0;font-size:6vmin;margin-bottom:4vmin;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.aboutmenu p{color:#a0a0a0;font-size:2vmin;margin-bottom:2vmin}.about-menu{overflow-y:auto;display:flex;flex-direction:column;background-color:#222;padding:2vmin;border:.5vmin solid #505050;font-family:"Press Start 2P",monospace;box-sizing:border-box;z-index:50;width:100%;aspect-ratio:1 / .75;color:silver}.about-menu h2,.about-menu h3{color:#e0e0e0;margin-top:2vmin;margin-bottom:1vmin;font-size:4vmin}.about-menu p,.about-menu ul,.about-menu ol{font-size:2.5vmin;line-height:1.5;margin-bottom:2vmin;font-family:Anta,monospace;text-align:left}.about-menu a{color:#79c0ff;text-decoration:underline;font-family:Anta,monospace;text-align:left}.about-menu .about-image{width:100%;height:auto;margin:2vmin 0;border:2% solid #505050;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.about-menu::-webkit-scrollbar{width:1.5vmin}.about-menu::-webkit-scrollbar-track{background:#00000062}.about-menu::-webkit-scrollbar-thumb{background-color:#c7c7c7}.about-tabs{display:flex;justify-content:center;gap:2vmin;margin-bottom:2vmin}.tab-button{font-family:"Press Start 2P",monospace;font-size:2vmin;background:linear-gradient(to bottom,#575757,#323232);color:#d0d0d0;border:.5vmin solid #505050;padding:1vmin 2vmin;cursor:pointer;transition:all .15s ease;width:45%}.tab-button:hover{background:linear-gradient(to bottom,gray,#505050)}.tab-button.active{background:linear-gradient(to bottom,#a0a0a0,#606060);color:#fff;border-color:gray}.tab-content{text-align:center}.auth-menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#00000080;font-family:"Press Start 2P",monospace;color:silver;z-index:1000}.auth-top-bar,.auth-footer{width:100%;height:8.5vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-transform:uppercase;letter-spacing:1px}.auth-footer{justify-content:space-between}.auth-footer span,a{margin-left:5vmin;font-family:Anta;font-weight:0;color:silver;pointer-events:auto}.auth-footer span,h1,a{width:33%}.auth-footer span,h1{text-align:center}.auth-top-bar{background:repeating-linear-gradient(-45deg,transparent 0,transparent 1vh,rgba(255,255,255,.12) 1vh,rgba(255,255,255,.12) 2vh);background-size:8.5vh 8vh;animation:moveBGTop 2s linear infinite;border-bottom:.5vh solid #888;font-size:5vh}.auth-footer{background:repeating-linear-gradient(45deg,transparent 0,transparent 1vh,rgba(255,255,255,.12) 1vh,rgba(255,255,255,.12) 2vh);background-size:8.5vh 8vh;animation:moveBG 2s linear infinite;border-top:.5vh solid #888;font-size:2.5vh}@keyframes moveBGTop{0%{background-position:0 0}to{background-position:-8.5vh 0vw}}@keyframes moveBG{0%{background-position:0 0}to{background-position:8.5vh 0vw}}.auth-center{flex:1;display:flex;align-items:center;justify-content:flex-end;width:100%;box-sizing:border-box;gap:2vmin}.auth-window{background:#282828f2;border:3px solid #777;border-radius:.5vmin;width:40%;max-width:90%;height:80%;display:flex;flex-direction:column;align-items:stretch;padding:2vmin;box-shadow:0 0 2vmin #ffffff1a;position:relative;text-align:left;font-size:2vh}.auth-side-content{width:50%;display:flex;flex-direction:column;gap:1vmin;font-size:2.5vh}.auth-side-content li,.auth-side-content b{font-family:Anta;padding:1vh}.auth-window:before,.auth-window:after{content:"";position:absolute;width:15px;height:15px;border:3px solid #aaa}.auth-window:before{top:0;left:0;border-right:none;border-bottom:none}.auth-window:after{bottom:0;right:0;border-left:none;border-top:none}.auth-window hr{border:1px dashed #555;margin:2vmin 0}.auth-section{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.5vmin}.auth-section-text{font-size:4vh;font-family:Anta;color:#ccc}.auth-btn{width:100%;height:7vh;font-family:Anta,monospace;font-size:1.3vw;color:#e0e0e0;background:linear-gradient(to bottom,#3c3c3c99,#1e1e1e);border:.4vmin solid #505050;cursor:pointer;transition:.2s;pointer-events:auto}.auth-btn:hover{border-color:silver;background:#ffffff1a}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:auto}.overlay-content{width:50vmin;height:50vmin;background:#000000e6;padding:2vmin 3vmin;border:.3vmin solid #555;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#eee;box-shadow:0 0 2vmin #00000080}.overlay-title{font-size:3vmin;margin-bottom:1vmin}.overlay-text{font-size:2vmin;color:#aaa}.battle-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2a2a2acc;padding:1vmin;border-radius:0;text-align:center;box-shadow:1vmin 1vmin 3vmin #000000e6;pointer-events:auto;color:silver;font-family:"Press Start 2P",monospace;font-size:1vmin;border:3px solid #505050;box-sizing:border-box;width:90vmin;height:auto;aspect-ratio:1 / .5;z-index:50}.battle-menu h1{color:#e0e0e0;font-size:6vmin;margin-bottom:4vmin;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.battle-menu p{color:#a0a0a0;font-size:2vmin;margin-bottom:2vmin}.button-layout-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;border-left:.5vmin solid #555;border-right:.5vmin solid #555}.center-buttons{display:flex;flex-direction:column;gap:1rem}.left-button{position:absolute;left:2vmin;bottom:2vmin}.right-button{position:absolute;right:2vmin;bottom:2vmin}.button-layout-container button{width:30vmin;padding:2vmin 0vmin;font-size:2vmin;font-family:"Press Start 2P",monospace;cursor:pointer;border:.3vmin solid #555;background-color:#222;color:#eee;transition:background .2s;border-left:.5vmin solid #555;border-right:.5vmin solid #555}.button-layout-container button:hover{background-color:#444}.menu-button{color:#e0e0e0;padding:2vmin;border:none;cursor:pointer;margin-top:1.3vmin;width:60%;aspect-ratio:1 / .15;text-transform:uppercase;font-family:"Press Start 2P",monospace;font-size:3.5vmin;background:linear-gradient(to bottom,#1e1e1e,#161616);box-shadow:inset 0 4px #fff3,0 5px 5px #00000080;transition:transform .1s ease,box-shadow .1s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.menu-button:hover{transform:translateY(-2px);box-shadow:inset 0 4px #fff3,0 4px 0 var(--button-shadow, #303030),0 5px 5px #00000080}.menu-button:active{transform:translateY(2px);box-shadow:inset 0 4px 0 var(--button-shadow-active, #202020),0 4px 0 var(--button-shadow-active, #202020),0 2px 5px #00000080}.auth-choices{display:flex;flex-direction:column;align-items:center;gap:2vmin}.slider-group{flex-direction:row;justify-content:space-around;flex-wrap:nowrap;gap:1vmin;margin-bottom:1vmin}.split-slider-control{display:flex;flex-direction:column;align-items:center;width:70%}.slider-control{display:flex;flex-direction:column;align-items:center;width:47%}.split-slider-label{font-size:2vmin;color:#e0e0e0;margin-bottom:.5vmin;text-transform:uppercase;letter-spacing:.1vmin}.split-slider-label span{color:#d0d0d0;font-weight:700;margin-left:1vmin}.slider-label{font-size:1.5vmin;color:#e0e0e0;margin-bottom:2vmin;text-transform:uppercase;letter-spacing:.1vmin}.slider-label span{color:#4caf50;font-weight:700;margin-left:1vmin}.custom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2vmin;background:#505050;outline:none;opacity:.9;transition:opacity .2s}.custom-slider:hover{opacity:1}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:3vmin;height:4vmin;background:#008cba;cursor:pointer;border-radius:0;border:2px solid #e0e0e0;box-shadow:1px 1px 5px #000000b3;transition:background .2s ease,box-shadow .2s ease;margin-top:0}.custom-slider::-webkit-slider-thumb:hover{background:#09c;box-shadow:2px 2px 8px #000c}.custom-slider::-webkit-slider-thumb:active{background:#007aa5;box-shadow:inset 1px 1px 3px #000000b3}.toggle-buttons-group{display:grid;grid-template-columns:1fr 1fr;gap:1vmin;width:90%;margin:2vmin auto 0;padding:2vmin;border:1px solid #505050;box-shadow:inset 0 0 5px #00000080}.option-scroll{overflow-y:hidden;background-color:#00000040;pointer-events:none;height:100%}.option-block{height:19vmin;flex-direction:column;background:#1f1f1f;border:.5vmin solid #333;overflow-y:scroll;overflow-x:hidden;pointer-events:auto}.option-block::-webkit-scrollbar{width:1vmin}.option-block::-webkit-scrollbar-track{background:#0000002b}.option-block::-webkit-scrollbar-thumb{background-color:#c7c7c7}.message-time{color:#aaa;margin-right:.1vmin;font-size:1.5vmin}.message-name{color:#eaff00;font-weight:400;margin-right:.5vmin}