html,body{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;font-size:16px;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app,#game-container,#react-ui{position:absolute;top:0;left:0;width:100%;height:100%}#react-ui,.app-container{display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:2}.app-container>*{pointer-events:auto}.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}.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}.loading-backdrop{position:absolute;width:100%;height:100%;background-image:url(../assets/reactRes/loadingBackground.webp);background-size:cover;background-position:bottom}.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}.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}.spinner{width:clamp(40px,3vmin,80px);height:clamp(40px,3vmin,80px);border:.8vmin solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-title,.loading-subtitle{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{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:70vmin;height:auto;aspect-ratio:1 / 1;z-index:50}.main-menu h1{color:#e0e0e0;font-size:6vmin;margin-bottom:4vmin;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.main-menu p{color:#a0a0a0;font-size:2vmin;margin-bottom:2vmin}.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,#606060,#404040);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}.menu-button.start-game{--button-light: #606060;--button-dark: #606060;--button-shadow: #3e8e41;--button-shadow-hover: #ffffff;--button-shadow-active: #ffffff;background:linear-gradient(to bottom,var(--button-light),var(--button-dark))}.menu-button.options{--button-light: #606060;--button-dark: #606060;--button-shadow: #007AA5;--button-shadow-hover: #ffffff;--button-shadow-active: #ffffff;background:linear-gradient(to bottom,var(--button-light),var(--button-dark))}.menu-button.about{--button-light: #606060;--button-dark: #606060;--button-shadow: #da190b;--button-shadow-hover: #ffffff;--button-shadow-active: #ffffff;background:linear-gradient(to bottom,var(--button-light),var(--button-dark))}.account-link{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-size:3vmin;opacity:.75;color:#ccc;cursor:pointer;text-decoration:underline;transition:opacity .2s;white-space:nowrap}.menubuttonbottom{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%}.menubuttonbottom:hover{height:110%}.account-link:hover{opacity:1}.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:50}.main-menu-finance{position:absolute;top:0%;right:0%;background:linear-gradient(-135deg,#171717b3 7%,#17171700,#17171700 9%,#17171780 17%,#171717b3,#17171700 19%,#17171780 27%,#171717b3,#17171700 29%),url(../assets/reactRes/account_bg_inv.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:none;border-right:.8vmin solid #181818;border-left:none;border-bottom:none;box-sizing:border-box;width:50vw;aspect-ratio:1 / .3;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}.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{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:50}.news-panel::-webkit-scrollbar{width:2vmin}.news-panel::-webkit-scrollbar-track{background:#0000002b;margin:.1vmin 0}.news-panel::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.4vmin solid #000000}.chattoppanel{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:50}.chatbuttontop{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}.active{background:#585858}.chattoppanel::-webkit-scrollbar{height:1vmin}.chattoppanel::-webkit-scrollbar-track{background:#0000002b}.chattoppanel::-webkit-scrollbar-thumb{background-color:#c7c7c7}.chatoptionbutton{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;width:10vmin;height:100%}.chat-block{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}.account-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2a2a2acc;padding:.3vmin;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;height:100vmin;aspect-ratio:1 / 1;z-index:50;display:flex;flex-direction:row;justify-content:space-between}.account-left{width:50%;display:flex;flex-direction:column;padding:.5vmin;border-right:2px solid #3b3b3b}.account-right{width:50%;display:flex;flex-direction:column;padding:2vmin;align-items:center}.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-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{color:#e0e0e0;padding:2vmin;border:none;cursor:pointer;margin-top:1.3vmin;width:90%;aspect-ratio:1 / .15;text-transform:uppercase;font-family:Anta,monospace;font-size:3.5vmin;background:#1d1d1d;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}.account-btn:hover{background:#7a7a7a}.btn-divider{width:100%;height:.4vmin;background:linear-gradient(to right,#999,#444);margin:2vmin 0}.auth-choices-am{width:98%;height:35%;flex-direction:column;align-items:center;gap:0vmin;border:.5vmin solid #555}.auth-choices{display:flex;flex-direction:column;align-items:center;gap:2vmin}.auth-btn{width:80%;padding:3vmin 0;font-size:3.5vmin;font-family:"Press Start 2P",monospace;text-transform:uppercase;background:#20202057;color:#c7c7c7;border:.7vmin solid transparent;border-radius:0;cursor:pointer;transition:border-color .2s ease}.auth-btn.telegram{border-color:#1976d2}.auth-btn.google{border-color:#d32f2f}.auth-btn:hover,.auth-btn:active{border-color:#c4c4c4}.aboutmenu{width:90vmin;height:auto;aspect-ratio:1 / 1}.main-menu h1{margin-bottom:2vmin}.about-menu{overflow-y:auto;display:flex;flex-direction:column;background-color:#2a2a2a;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:2vmin}.about-menu::-webkit-scrollbar-track{background:#0000002b;margin:.1vmin 0}.about-menu::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.4vmin solid #000000}.about-tabs{display:flex;justify-content:center;gap:2vmin;margin-bottom:2vmin}.tab-button{font-family:"Press Start 2P",monospace;font-size:3vmin;background:linear-gradient(to bottom,#707070,#404040);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}.settings-group{margin-bottom:1vmin;display:flex;flex-direction:column;width:100%;align-items:center}.slider-group{flex-direction:row;justify-content:space-around;flex-wrap:nowrap;gap:1vmin;margin-bottom:1vmin}.slider-control{display:flex;flex-direction:column;align-items:center;width:47%}.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;border-radius:0;border:1px solid #707070;box-shadow:inset 1px 1px 3px #00000080}.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}.checkbox-button{width:auto;width:100%;margin:.1vmin;padding:.5vmin 1vmin;font-size:1.3vmin;text-align:center;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#505050,#404040);box-shadow:inset 0 2px #ffffff1a,inset 0 -1px #0003,0 2px #303030,0 3px 5px #0006}.checkbox-button:hover{transform:none;background:linear-gradient(to bottom,#606060,#505050);box-shadow:inset 0 2px #ffffff26,inset 0 -1px #00000040,0 3px #404040,0 4px 7px #00000080}.checkbox-button:active{transform:none;background:linear-gradient(to bottom,#404040,#303030);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000000d,0 1px #202020,0 2px 4px #0000004d}.checkbox-button.checked{background:linear-gradient(to bottom,#007aa5,#01759f);box-shadow:inset 0 2px #ffffff4d,inset 0 -1px #0006,0 2px #546fa9,0 3px 5px #0009}.checkbox-button.checked:hover{background:linear-gradient(to bottom,#007aa5,#01759f);box-shadow:inset 0 2px #fff6,inset 0 -1px #00000080,0 3px #008cba,0 4px 7px #000000b3}.checkbox-button.checked:active{background:linear-gradient(to bottom,#007aa5,#01759f);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001a,0 1px #008cba,0 2px 4px #0006}.roomlist{width:77vmin;height:auto;aspect-ratio:1 / 1}.room-list{overflow-y:auto;display:flex;flex-direction:column;background-color:#2a2a2a;padding:1vmin;border:.5vmin solid #505050;font-family:"Press Start 2P",monospace;box-sizing:border-box;z-index:50;width:100%;aspect-ratio:1 / .75}.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:hover{background-color:#fff5}.menu-button.backroomlist{position:absolute;bottom:2vmin;left:2vmin;width:40%}.menu-button.createroom{position:absolute;bottom:2vmin;right:2vmin;width:40%;--button-light: #606060;--button-dark: #606060;--button-shadow: #3e8e41;--button-shadow-hover: #ffffff;--button-shadow-active: #ffffff;background:linear-gradient(to bottom,var(--button-light),var(--button-dark))}.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}.room-list::-webkit-scrollbar{width:2vmin}.room-list::-webkit-scrollbar-track{background:#0000002b;margin:.1vmin 0}.room-list::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.4vmin solid #000000}.createroomsettings{flex-grow:1;overflow-y:auto;padding:1vmin 2vmin;border:.5vmin solid #505050;height:70%}.createroomsettings::-webkit-scrollbar{width:2vmin}.createroomsettings::-webkit-scrollbar-track{background:#0000002b;margin:.1vmin 0}.createroomsettings::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.4vmin solid #000000}.room-name-input{width:90%;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}.form-label{display:block;text-align:left;margin:2vmin 0 1vmin;color:#bdc3c7;font-size:3.8vmin}.selection-grid{display:grid;gap:1.5vmin}.selection-card{background-color:#404040;border:1vmin solid #505050;padding:4.5vmin;text-align:center;cursor:pointer;transition:all .2s ease}.selection-card:hover{border-color:silver;background-color:#4f4f4f}.selection-card.selected{border-color:#17c400;background-color:#5a5a5a;box-shadow:0 0 10px #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;border-radius:0;position:relative}input[type=checkbox]:checked{background-color:#4f4f4f;border-color:#c7c7c7;box-shadow:0 0 4px #1eff0066}input[type=checkbox]:checked:before{content:"X";color:#17c400;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{width:100vw;height:100vh;display:flex;flex-direction:column}.lobby-content{display:flex;flex-grow:1;gap:2vmin;margin-bottom:1.5vmin;overflow:hidden}.lobby-details{width:40%;display:flex;flex-direction:column;text-align:left;gap:1.5vmin}.lobby-details h3,.lobby-details h4,.lobby-details p{margin:.3vmin 0 2vmin;font-size:1.7vmin}.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;margin:.1vmin 0}.player-list-scroll::-webkit-scrollbar-thumb{background-color:#c7c7c7;border:.8vmin solid #2c3e50}.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;padding-top:1.5vmin}.lobby-footer .menu-button{width:33%;margin:0}.menu-button:disabled{background:#555;color:#888;cursor:not-allowed;transform:none;box-shadow:inset 0 2px 2px #00000080}.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-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}.message-box h4{font-size:2vmin;margin:0 0 1vmin;color:#ccc}.option-scroll{overflow-y:hidden;background-color:#00000040;pointer-events:none;height:40vmin}.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-scroll{overflow-y:hidden;background-color:#00000040;border:.5vmin solid #505050;padding:1vmin;height:35vmin;pointer-events:none}.message-scroll-enbl{overflow-y:scroll;background-color:#00000080;border:.5vmin solid #505050;padding:1vmin;height:38vmin;pointer-events:auto}.message-scroll-enbl::-webkit-scrollbar{width:1vmin}.message-scroll-enbl::-webkit-scrollbar-track{background:#0000002b}.message-scroll-enbl::-webkit-scrollbar-thumb{background-color:#c7c7c7}.message-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.1vmin;font-size:1.8vmin;color:#ddd;font-family:Anta,monospace}.message-item2{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:.1vmin;font-size:2.5vmin;color:#ddd;font-family:Anta,monospace}.message-time{color:#aaa;margin-right:.1vmin;font-size:1.5vmin}.message-name{color:#eaff00;font-weight:400;margin-right:.5vmin}.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}.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}.tankinfo-hud{position:fixed;left:50vw;bottom:0vh;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}.hud-weapon-info{position:absolute;bottom:50%;left:85%;display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:0px 3px 1px black;pointer-events:none}.hud-secondary-weapon-info{position:absolute;bottom:40%;left:85%;display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:0px 3px 1px black;pointer-events:none}.weapon-name,.weapon-state{font-weight:700}.tank-body,.tank-turret{position:absolute;left:50%;bottom:-19%;transform-origin:center center;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%)}.tank-body{width:100%;height:auto;z-index:1;transform:translate(-50%) rotate(var(--body-rotation, 0deg))}.tank-turret{width:100%;height:auto;z-index:2;transform:translate(-50%) rotate(var(--turret-rotation, 0deg))}.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;bottom:56.2%;left:17%;transform:translate(-50%);transform:translateY(-50%);display:flex;gap:5%;font-size:4vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-reload-value{position:absolute;bottom:65.5%;left:28%;display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-weapon-actual-ammo-info{position:absolute;bottom:65.5%;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;bottom:65.5%;left:8%;transform:translate(-50%);display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-velocity-text{position:absolute;bottom:56%;right:19%;display:flex;gap:5%;font-size:2.2vh;color:#fff;text-shadow:1px 1px 2px black;pointer-events:none}.hud-shells-value{position:absolute;bottom:65.5%;left:92%;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:50%;height:auto;z-index:1;transform:translate(-50%) translateY(50%);opacity:1}