:root:has(body[data-is-mobile=true]){--ui-scale: var(--mobile-ui-scale-setting)}:root{--fixed-vh: 1vh;--fixed-vw: 1vw;--ui-scale-setting: 1;--mobile-ui-scale-setting: 1;--ui-scale: var(--ui-scale-setting);--turnstile-scale: 1;--animation-duration-factor: 1;font-size:16px;font-size:calc(var(--ui-scale) * 16 * min(var(--fixed-vh) * 100 / 1080,var(--fixed-vw) * 100 / 1300));--shadow: rgba(0, 0, 0, 0) 0 0;--outline-thickness: .375rem;--border-thickness: .4375rem;--ui-color-1: color-mix(in srgb, var(--theme-color-uiColor1), #ffffff 20%);--ui-color-2: color-mix(in srgb, var(--theme-color-uiColor2), #ffffff 20%);--ui-color-3: color-mix(in srgb, var(--theme-color-uiColor3), #ffffff 20%);--ui-color-4: color-mix(in srgb, var(--theme-color-uiColor4), #ffffff 20%);--ui-color-5: color-mix(in srgb, var(--theme-color-uiColor5), #ffffff 20%);--ui-color-6: color-mix(in srgb, var(--theme-color-uiColor6), #ffffff 20%);--ui-color-7: color-mix(in srgb, var(--theme-color-uiColor7), #ffffff 20%);--ui-color-8: color-mix(in srgb, var(--theme-color-uiColor8), #ffffff 20%);--ui-color-9: color-mix(in srgb, var(--theme-color-uiColor9), #ffffff 20%);--ui-color-10: color-mix(in srgb, var(--theme-color-uiColor10), #ffffff 20%);--ui-color-desaturated-1: color-mix(in srgb, var(--ui-color-1), #444444 27%);--ui-color-desaturated-2: color-mix(in srgb, var(--ui-color-2), #444444 27%);--ui-color-desaturated-3: color-mix(in srgb, var(--ui-color-3), #444444 27%);--ui-color-desaturated-4: color-mix(in srgb, var(--ui-color-4), #444444 27%);--ui-color-desaturated-5: color-mix(in srgb, var(--ui-color-5), #444444 27%);--ui-color-desaturated-6: color-mix(in srgb, var(--ui-color-6), #444444 27%);--ui-color-desaturated-7: color-mix(in srgb, var(--ui-color-7), #444444 27%);--ui-color-desaturated-8: color-mix(in srgb, var(--ui-color-8), #444444 27%);--ui-color-desaturated-9: color-mix(in srgb, var(--ui-color-9), #444444 27%);--ui-color-desaturated-10: color-mix(in srgb, var(--ui-color-10), #444444 27%);--text-outline-color: black;--text-outline-width: 2px;--text-outline-width: .2rem;--text-outline-width: .125rem;--d-text-outline-width: 1rem;--d-text-shadow: calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color);--d-text-shadow: calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color);--text-shadow: calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color);--d-text-shadow: calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color), calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color);--d-text-shadow: calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color), calc(var(--text-outline-width) * -1) 0 0 var(--text-outline-color), calc(var(--text-outline-width) * 1) 0 0 var(--text-outline-color), 0 calc(var(--text-outline-width) * -1) 0 var(--text-outline-color), 0px calc(var(--text-outline-width) * -1) 0 var(--text-outline-color)}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;flex-shrink:0}body{position:fixed;margin:0;height:calc(var(--fixed-vh) * 100);width:100%;background:url(/assets/background_2.png) center center / cover;d-background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/assets/new_bg.png) center center / cover;background:black;font-family:Ubuntu,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:var(--text-shadow);overflow:hidden;-webkit-user-select:none;user-select:none}#root{display:contents}.screen{position:fixed;top:0;right:0;bottom:0;left:0;height:calc(var(--fixed-vh) * 100);width:calc(var(--fixed-vw) * 100);overflow:hidden;z-index:20}#dimmer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.45);z-index:8;opacity:0;transition:opacity calc(.3s * var(--animation-duration-factor))}#dimmer[data-is-active=true]{opacity:1}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;height:calc(var(--fixed-vh) * 100);width:calc(var(--fixed-vw) * 100)}body{touch-action:none}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;d-background:black;display:grid;place-content:center;font-size:5rem;z-index:100000;transition:opacity calc(.3s * var(--animation-duration-factor)) ease}.loading-screen.fade{opacity:0}*,*:before,*:after{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}#background-image{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;opacity:0;transition:opacity calc(.1s * var(--animation-duration-factor));filter:brightness(.45);--parallax-x: 0;--parallax-y: 0}#background-image[data-is-active=true]{opacity:1}#background-image>*{position:absolute;top:0;right:0;bottom:0;left:0}#background-image>.upper-layer{background:var(--image-src) center center / cover,transparent;transform:scale(1.07) translate(calc(var(--parallax-x) * -3vw),calc(var(--parallax-y) * -3 * var(--fixed-vh)))}#background-image>.lower-layer{background:var(--image-src) center center / cover,black;transform:scale(1.03) translate(calc(var(--parallax-x) * -1vw),calc(var(--parallax-y) * -1 * var(--fixed-vh)))}#background-image[data-show-parallax=false]>*{transform:none}.keybinds-menu-click-blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:calc(var(--fixed-vw) * 100);height:calc(var(--fixed-vh) * 100);display:grid;place-content:center;font-size:5rem;background:#00000088;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:200}.notification-system{position:fixed;z-index:200;top:0;left:50%;transform:translate(-50%);width:35rem;display:flex;flex-direction:column-reverse;padding:.5rem;gap:.25rem}.notification-system>.notification{background:linear-gradient(#aaaaaa44,#88888844),var(--color);isolation:isolate;box-shadow:inset 0 0 0 .25rem #00000080,0 .25rem 1rem #0008;border-radius:.75rem;display:flex;flex-direction:column;padding:.75rem 1rem 1rem;animation:notification-in calc(.5s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}@keyframes notification-in{0%{opacity:.5;transform:scale(.5)}}.notification-system>.notification>.title{font-size:1.75rem}.notification-system>.notification>.content{padding-left:.125rem}.profile-viewer{padding:1rem;overflow-y:scroll!important;touch-action:pan-y!important;--popup-height: calc(var(--fixed-vh) * 100 - 6rem) !important}.profile-viewer>.topbar{display:flex}.profile-viewer>.topbar>.pfp{position:relative;background:var(--ui-color-desaturated-1);width:13rem;height:13rem;border-radius:50%;margin:2rem;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004}.profile-viewer>.topbar>.pfp>img{transform:scale(1.1)}.profile-viewer>.topbar>.pfp>.country-flag{position:absolute;inset:auto 0 0 auto;width:4.5rem;height:4.5rem;border-radius:50%}.profile-viewer>.topbar>.pfp>.country-flag:after{border-radius:50%;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004}.profile-viewer>.topbar>.name-section{display:flex;flex-direction:column;justify-content:center;flex-grow:1}.profile-viewer>.topbar>.name-section>.name{font-size:4rem}.profile-viewer>.topbar>.name-section>.discord-profile{display:flex;align-items:center;gap:.25rem;padding-left:.25rem;opacity:.8;margin-top:-.25rem}.profile-viewer>.topbar>.name-section>.discord-profile>img{width:2rem;height:2rem}.profile-viewer>.topbar>.buttons-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:2rem;gap:1rem}.profile-viewer>.d-separation-line{height:.5rem;background:#00000055;margin:1rem}.profile-viewer .cards-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.profile-viewer .cards-grid>.tank-card{background:var(--color);border-radius:.5rem;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004;overflow:hidden}.profile-viewer .cards-grid>.tank-card>.image{width:100%;aspect-ratio:1 / 1;transform:translateY(-1rem)}.profile-viewer .cards-grid>.tank-card>.image>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.profile-viewer .cards-grid>.tank-card>.image>.rendered-tank{transition:6s transform}.profile-viewer .cards-grid>.tank-card:hover>.image>.rendered-tank{transition:50s transform linear;transform:rotate(1800deg)}.profile-viewer .cards-grid>.tank-card>.name{text-align:center;height:0;margin-top:-3rem;margin-bottom:2rem}.profile-viewer .cards-grid>.tank-card>.stats-grid{display:grid;grid-template-columns:1fr 1fr;padding:.75rem;gap:.5rem}.profile-viewer .cards-grid>.tank-card>.stats-grid>.stat{background:#00000044;border-radius:.25rem;text-align:center;padding:.5rem 0}.profile-viewer .cards-grid>.tank-card>.stats-grid>.stat>.name{font-size:1.25rem;padding-bottom:.125rem}.profile-viewer .cards-grid>.tank-card>.stats-grid>.stat>.value{font-size:1.75rem}.profile-viewer .medal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;padding:0 .5rem}.profile-viewer .medal-grid>.medal{position:relative;isolation:isolate;padding-bottom:.75rem}.profile-viewer .medal-grid>.medal:after{content:"";position:absolute;top:6.5rem;right:0;bottom:0;left:0;border-radius:.5rem;background:#00000044;z-index:-2}.profile-viewer .medal-grid>.medal>.medal-image{width:100%;margin-bottom:-3rem;z-index:-1}.profile-viewer .medal-grid>.medal>.name{text-align:center;z-index:4}.profile-viewer .about-stats-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:0 .5rem;margin-bottom:1rem}.profile-viewer .about-stats-row>.stat{height:4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem .125rem;background:var(--color);border-radius:.75rem;box-shadow:var(--shadow),inset 0 0 0 .25rem #0004}.profile-viewer .bio{padding:0 1.5rem}.profile-viewer .stats-tab-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:0 .5rem}.profile-viewer .stats-tab-grid>.stat{height:4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem .125rem;background:var(--color);border-radius:.75rem;box-shadow:var(--shadow),inset 0 0 0 .25rem #0004}.medal-image{position:relative;aspect-ratio:1/1}.medal-image>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.medal-image>.hover-animation{position:relative}.medal-image>.hover-animation:after{position:absolute;content:"";width:25%;inset:0 auto 0 -50%;background:linear-gradient(to right,white 0%,white 60%,transparent 60%,transparent 74%,white 75%,white 100%);transform:skew(20deg);opacity:75%}.medal-image:hover>.hover-animation:after{animation:medal-hover-animation 1s ease}@keyframes medal-hover-animation{to{transform:skew(20deg) translate(600%)}}.popup-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;height:calc(var(--fixed-vh) * 100);width:calc(var(--fixed-vw) * 100);overflow:hidden;z-index:100}.popup-wrapper.center,.popup-wrapper.center-small{place-content:center;display:grid}.popup-wrapper.left{display:flex}.popup-wrapper.left-in-game-overlay{display:flex;align-items:start}body[data-side-menu-location=right] .popup-wrapper.left{justify-content:end}.popup-wrapper[data-current-state=hiding],.popup-wrapper[data-current-state=inactive]{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:99}.popup-wrapper>.popup{background:var(--theme-color-uiColor10);box-shadow:var(--shadow),0 0 0 .375rem #00000060,0 0 0 .375rem var(--theme-color-uiColor10),#00000080 0 .5rem 3rem .375rem;border-radius:.5rem;position:relative}.popup-wrapper.center>.popup{width:min(80rem,calc(var(--fixed-vw) * 100 - 10rem));height:var(--popup-height);--popup-height: calc(var(--fixed-vh) * 100 - 6rem)}body[data-is-mobile=true] .popup-wrapper.center>.popup{--popup-height: calc(var(--fixed-vh) * 100 - 1.5rem)}.popup-wrapper.center-small>.popup{width:45rem;height:fit-content}.popup-wrapper.center[data-current-state=active]>.popup{animation:popup-center-in calc(calc(1s * var(--animation-duration-factor)) * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.center-small[data-current-state=active]>.popup{animation:popup-center-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.center[data-current-state=hiding]>.popup{animation:popup-center-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.center-small[data-current-state=hiding]>.popup{animation:popup-center-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.left>.popup{margin:.75rem;width:40rem;--popup-height: calc(var(--fixed-vh) * 100 - 1.5rem);height:var(--popup-height)}.popup-wrapper.mobile-fullscreen{display:flex;justify-content:center;background:#000000cc;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.popup-wrapper.mobile-left,.popup-wrapper.mobile-right{display:flex}.popup-wrapper.mobile-right{justify-content:end}.popup-wrapper.mobile-fullscreen[data-current-state=active]{animation:popup-bg-in calc(calc(.3s * var(--animation-duration-factor)) * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.mobile-fullscreen[data-current-state=hiding]{animation:popup-bg-out calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.mobile-fullscreen>.popup{--popup-height: calc(var(--fixed-vh) * 80);height:var(--popup-height);border-radius:0;transform:scale(1.25);transform-origin:top;width:calc(var(--fixed-vw) * 80)!important;padding:0 calc(.5 * (var(--fixed-vw) * 80 - var(--fixed-vw) * 68))!important;box-shadow:none;background:none}.popup-wrapper.left[data-current-state=active]>.popup{animation:popup-left-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.left[data-current-state=hiding]>.popup{animation:popup-left-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.left-in-game-overlay[data-current-state=active]>.popup{animation:popup-left-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.left-in-game-overlay[data-current-state=hiding]>.popup{animation:popup-left-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}body[data-side-menu-location=right] .popup-wrapper.left[data-current-state=active]>.popup{animation:popup-right-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}body[data-side-menu-location=right] .popup-wrapper.left[data-current-state=hiding]>.popup{animation:popup-right-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.mobile-fullscreen[data-current-state=active]>.popup{animation:popup-mobile-fullscreen-in calc(calc(.3s * var(--animation-duration-factor)) * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.mobile-fullscreen[data-current-state=hiding]>.popup{animation:popup-mobile-fullscreen-out calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.mobile-left>.popup,.popup-wrapper.mobile-right>.popup{--popup-height: calc(var(--fixed-vh) * 80);height:var(--popup-height);border-radius:0;transform:scale(1.25);transform-origin:top left;width:28rem;box-shadow:none;background:#000000cc;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);padding:0 .75rem .75rem!important}.popup-wrapper.mobile-right>.popup{transform-origin:top right}.popup-wrapper.left-in-game-overlay>.popup{margin:5rem .5rem;border-radius:.5rem;width:30rem!important;--popup-height: calc(var(--fixed-vh) * 100 - 1.5rem);max-height:min-content;height:var(--popup-height);background:#00000044;box-shadow:none}.popup-wrapper.mobile-left[data-current-state=active]>.popup{animation:popup-mobile-left-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.mobile-left[data-current-state=hiding]>.popup{animation:popup-mobile-left-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}body[data-side-menu-location=right] .popup-wrapper.mobile-left[data-current-state=active]>.popup{animation:popup-mobile-right-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}body[data-side-menu-location=right] .popup-wrapper.mobile-left[data-current-state=hiding]>.popup{animation:popup-mobile-right-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}body[data-side-menu-location=right] .popup-wrapper.mobile-right[data-current-state=active]>.popup{animation:popup-mobile-left-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}body[data-side-menu-location=right] .popup-wrapper.mobile-right[data-current-state=hiding]>.popup{animation:popup-mobile-left-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper.mobile-right[data-current-state=active]>.popup{animation:popup-mobile-right-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-wrapper.mobile-right[data-current-state=hiding]>.popup{animation:popup-mobile-right-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.popup-wrapper>.popup::-webkit-scrollbar{display:none}@keyframes popup-center-in{0%{transform:translateY(calc(var(--fixed-vh) * 100))}}@keyframes popup-center-out{to{transform:translateY(calc(var(--fixed-vh) * 100))}}@keyframes popup-bg-in{0%{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes popup-bg-out{to{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes popup-mobile-fullscreen-in{0%{d-transform:scale(1.25) translateY(calc(var(--fixed-vh) * 100));opacity:0}}@keyframes popup-mobile-fullscreen-out{to{d-transform:scale(1.25) translateY(calc(var(--fixed-vh) * 100));opacity:0}}@keyframes popup-left-in{0%{transform:translate(calc(-100% - 2rem))}}@keyframes popup-left-out{to{transform:translate(calc(-100% - 2rem))}}@keyframes popup-right-in{0%{transform:translate(calc(100% + 2rem))}}@keyframes popup-right-out{to{transform:translate(calc(100% + 2rem))}}@keyframes popup-mobile-left-in{0%{transform:scale(1.25) translate(calc(-100% - 2rem))}}@keyframes popup-mobile-left-out{to{transform:scale(1.25) translate(calc(-100% - 2rem))}}@keyframes popup-mobile-right-in{0%{transform:scale(1.25) translate(calc(100% + 2rem))}}@keyframes popup-mobile-right-out{to{transform:scale(1.25) translate(calc(100% + 2rem))}}.updated-standard-button{--color: var(--ui-color-9);background:var(--color);height:4rem;border-radius:.5rem;position:relative;display:flex;align-items:center;gap:.5rem;isolation:isolate;padding:0 calc(.875rem - var(--border-thickness));font-family:Ubuntu,sans-serif;font-size:2rem;font-weight:600;color:#fff;text-shadow:var(--text-shadow);outline:none;border:none;d-box-shadow:inset 0 0 0 .375rem rgba(0,0,0,.5);cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:padding-box;cursor:default;transition:filter .15s;border:var(--border-thickness) solid color-mix(in srgb,var(--color),black 50%);box-shadow:inset 0 100% 0 0 #000}.updated-standard-button:after{position:absolute;content:"";top:70%;right:0;bottom:0;left:0;background:rgba(0,0,0,.1)}.updated-standard-button[data-is-clickable=true]:active:after{inset:calc(70% + .125rem) 0 0 0}.updated-standard-button[data-is-clickable=true]{cursor:pointer}.updated-standard-button[data-is-clickable=true]:hover:not(:active){filter:brightness(115%)}.updated-standard-button[data-is-clickable=true]:active{d-box-shadow:inset 0 .125rem 0 .375rem rgba(0,0,0,.5)}.updated-standard-button[data-is-clickable=true]:active>*{transform:translateY(.125rem)}.updated-standard-button[data-is-flashing=true]{d-animation:standard-button-flash .8s linear infinite}@keyframes standard-button-flash{0%{filter:brightness(120%)}50%{filter:brightness(70%)}to{filter:brightness(120%)}}.updated-standard-button[data-is-flashing=true]:after{position:absolute;content:"";top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--color);animation:standard-button-flash-around 1.6s ease infinite;filter:blur(.25rem);pointer-events:none}@keyframes standard-button-flash-around{0%{opacity:0;top:0rem;right:0rem;bottom:0rem;left:0rem}10%{opacity:1}60%{opacity:0;top:-1rem;right:-2rem;bottom:-1rem;left:-2rem}to{opacity:0;top:-1rem;right:-2rem;bottom:-1rem;left:-2rem}}.updated-standard-button>img{width:2.25rem}.updated-standard-button>.medium-text{font-size:1.5rem;padding-bottom:.125rem;padding:0 .25rem}.updated-standard-button>.big-text{font-size:1.75rem;padding:0 .25rem}.popup-tab-selector{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:3.5rem;margin:1rem 2rem 2rem;position:relative;isolation:isolate}.popup-tab-selector:before{content:"";position:absolute;z-index:-1;top:-.25rem;right:-1.5rem;bottom:-.125rem;left:-1.5rem;d-inset:-.5rem -1.5rem -.5rem -1.5rem;background:#00000044;border-radius:.5rem}.popup-tab-selector>.tab{display:grid;place-content:center;position:relative;font-size:1.75rem;opacity:.8;cursor:pointer}.popup-tab-selector>.tab:before{d-content:"";position:absolute;z-index:-1;top:-.25rem;right:.5rem;bottom:-.125rem;left:.5rem;background:#00000044;border-radius:.75rem}.popup-tab-selector:after{position:absolute;content:"";background:white;width:calc(100% / var(--tab-count) - 4rem);height:.25rem;left:calc(100% / var(--tab-count) * var(--current-tab-index) + 2rem);bottom:0;box-shadow:0 0 0 .25rem #000;transition:left calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-tab-selector>.tab[data-is-active=true]{opacity:1}.popup-tabbed-section{position:relative;overflow:hidden;margin:-1rem;padding:1rem;min-height:calc(var(--popup-height) - 22.5rem)}.popup-tabbed-section>.tab{position:absolute;inset:1rem 1rem auto 1rem;transform:translate(calc((100% + 4rem) * (var(--index) - var(--current-tab-index))));transition:transform calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.popup-tabbed-section>.tab[data-is-active=true]{position:initial}.country-flag{position:relative;width:3rem;height:3rem;overflow:hidden;border-radius:.5rem;isolation:isolate}.country-flag:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.country-flag>img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}#home-screen{position:relative;display:grid;place-content:center;font-family:Ubuntu,sans-serif;font-size:2rem}#home-screen[data-is-hiding=true]{pointer-events:none}#home-screen>.center-section{display:flex;flex-direction:column;align-items:center;animation:home-screen-show calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards;transform:scale(.8);isolation:isolate;width:min-content}@keyframes home-screen-show{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}#home-screen[data-is-hiding=true]>.center-section{animation:home-screen-hide calc(.2s * var(--animation-duration-factor)) linear forwards}@keyframes home-screen-hide{0%{transform:none;opacity:1}to{transform:scale(1.1);opacity:0}}#home-screen>.center-section>.logo{height:10rem;margin-bottom:3.5rem}#home-screen>.center-section>.lobby-selector{position:relative;display:grid;grid-template-columns:26rem 22rem;grid-template-rows:5rem 5.5rem;grid-template-columns:22rem 22rem;grid-template-rows:5rem 5rem;gap:1.25rem;gap:1rem;place-content:center;isolation:isolate;z-index:2}#home-screen>.center-section>.lobby-selector>.loading-text{grid-column:span 2;grid-row:span 2;display:grid;place-content:center;font-size:2.5rem}#home-screen>.center-section>.lobby-selector>.turnstile{grid-column:span 2;grid-row:span 2;display:grid;place-content:center;transform:scale(calc(2 * var(--turnstile-scale) * var(--ui-scale) * var(--ui-scale-setting)))}#home-screen>.center-section>.lobby-selector>.ban-info{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;align-items:center;place-content:center;font-size:1.75rem;background:#00000044;border-radius:.5rem}#home-screen>.center-section>.lobby-selector>.ban-info>.title{font-size:2rem;margin-bottom:.5rem}#home-screen>.center-section[data-is-dimmed=true] .dimmable{opacity:.5}#home-screen>.center-section>.lobby-selector[data-is-greyed-by-party=true]>.gamemode-selector,#home-screen>.center-section>.lobby-selector[data-is-greyed-by-party=true]>.region-selector,#home-screen>.center-section>.lobby-selector[data-is-greyed-by-party=true]>.lobby-grid-button{opacity:.5}#home-screen>.center-section>.lobby-selector>.lobby-grid-button{display:none;width:5rem;height:5rem;place-content:center}#home-screen>.center-section>.lobby-selector>.lobby-grid-button>img{width:2.75rem}#home-screen>.center-section>.lobby-selector>.gamemode-selector,#home-screen>.center-section>.lobby-selector>.region-selector{width:100%}body[data-is-mobile=true] #home-screen>.center-section>.lobby-selector>.gamemode-selector[data-is-active=true],body[data-is-mobile=true] #home-screen>.center-section>.lobby-selector>.region-selector[data-is-active=true]{transform:translateY(calc(max(var(--child-count) - 4.5,0)*-5rem))}#home-screen>.center-section>.lobby-selector>.region-selector{width:100%}#home-screen>.center-section>.lobby-selector>.name-input-location{grid-column:span 3;grid-column:span 2;height:100%;position:relative;isolation:isolate}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.5rem;background:#dddddd;border:var(--border-thickness) solid color-mix(in srgb,#dddddd,black 50%);font-family:Ubuntu,sans-serif;text-shadow:var(--text-shadow);pointer-events:none;transform:scale(.75);opacity:0;transition:box-shadow calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),border calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),transform calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),opacity calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input[data-is-active=true]{pointer-events:all;opacity:1;transform:scale(1)}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input>input{position:absolute;inset:calc(-1 * var(--border-thickness));vertical-align:middle;width:calc(100% + 2 * var(--border-thickness));height:calc(100% + 2 * var(--border-thickness));border:none;padding:none;outline:none;text-align:center;background:none;color:transparent;font-size:2rem;display:flex;align-items:center;justify-content:center;padding-bottom:.125rem;font-family:Ubuntu,sans-serif;font-weight:600;caret-color:#000;border-radius:inherit;isolation:isolate;d-color:black;transition:box-shadow calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),border calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input>.visible-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;pointer-events:none;white-space:pre;d-display:none}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input[data-has-custom-color=true]>.visible-text{color:var(--text-color);--text-outline-color: color-mix(in srgb, var(--text-color), black 75%);text-shadow:calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color),calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color),calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color),calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color),calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color),calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color),calc(var(--text-outline-width) * -1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color),calc(var(--text-outline-width) * -.8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color),calc(var(--text-outline-width) * -.5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color),calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * -1) 0 var(--text-outline-color),calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * -.8662109375) 0 var(--text-outline-color),calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * -.5) 0 var(--text-outline-color),calc(var(--text-outline-width) * 1) calc(var(--text-outline-width) * 0) 0 var(--text-outline-color),calc(var(--text-outline-width) * .8662109375) calc(var(--text-outline-width) * .5) 0 var(--text-outline-color),calc(var(--text-outline-width) * .5) calc(var(--text-outline-width) * .8662109375) 0 var(--text-outline-color),calc(var(--text-outline-width) * 0) calc(var(--text-outline-width) * 1) 0 var(--text-outline-color)}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input>input:focus{box-shadow:inset 0 0 0 .3125rem #fff,inset 0 0 0 .5625rem #000,0 0 0 .25rem #000}#home-screen>.center-section>.lobby-selector>.name-input-location>.name-input>input::placeholder{color:#000;text-shadow:none;opacity:.5}#home-screen>.center-section>.lobby-selector>.name-input-location>.connecting-text{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-content:center;z-index:2}#home-screen>.center-section>.lobby-selector>.name-input-location>.connecting-text[data-is-active=true]{display:grid}#home-screen>.center-section>.lobby-selector>.name-input-location>.disconnected-warning{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:scale(.75);opacity:0;transition:transform calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),opacity calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}#home-screen>.center-section>.lobby-selector>.name-input-location>.disconnected-warning>*{place-content:center;position:absolute!important;width:100%!important;height:100%!important}#home-screen>.center-section>.lobby-selector>.name-input-location>.disconnected-warning>*>.text{font-size:2rem}#home-screen>.center-section>.lobby-selector>.name-input-location>.disconnected-warning[data-is-active=true]{pointer-events:all;opacity:1;transform:scale(1)}#home-screen>.center-section>.ad-wrapper{margin-bottom:1.75rem;margin-top:1rem}#home-screen>.center-section:has(.party-panel)>.ad-wrapper{display:none}#home-screen>.center-section>.ad-wrapper>.placeholder-ad{width:24rem;height:21.5rem;background:#1c1c1c;border-radius:.5rem}body[data-is-mobile=true] #home-screen>.center-section>.ad-wrapper{display:none}#home-screen>.center-section>.play-button{margin-top:1rem;height:4rem;width:20rem;place-content:center}#home-screen>.center-section>.play-button.error{width:auto}body[data-is-mobile=true] #home-screen>.center-section>.play-button{height:5rem;place-content:center}#home-screen>.center-section>.play-button>.text{padding-bottom:.125rem;font-size:2rem}#home-screen>.center-section>.play-button.error>.text{font-size:1.75rem}#home-screen>.center-section>.party-button{margin-top:.75rem}#home-screen>.center-section>.no-party-padding{margin-top:1.75rem}.dropdown-selector{position:relative;height:var(--dropdown-height);-webkit-user-select:none;user-select:none;isolation:isolate;z-index:2;font-size:2rem;--dropdown-height: 5rem}.dropdown-selector .background-click-reciever{position:absolute;inset:calc(-100 * var(--fixed-vh)) calc(-100 * var(--fixed-vw));display:none;z-index:-1000}.dropdown-selector[data-is-active=true] .background-click-reciever{display:grid}.dropdown-selector>.name{position:absolute;text-align:center;inset:auto 0 100% 0;font-size:1.5rem;padding:.25rem 0}.dropdown-selector[data-is-active=true]{z-index:100}.dropdown-selector>.arrow{position:absolute;inset:0 0 0 auto;height:100%;aspect-ratio:1/1;pointer-events:none;z-index:5;display:grid;place-content:center}.dropdown-selector>.arrow>img{width:2rem;height:2rem}.dropdown-selector[data-is-active=true]>.arrow>img{animation:dropdown-arrow-bounce .3s ease}@keyframes dropdown-arrow-bounce{30%{transform:translateY(.5rem)}}.dropdown-selector>.option{position:absolute;width:100%;height:var(--dropdown-height);transition:transform calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1);cursor:pointer;z-index:calc(0 - var(--position))}body[data-is-mobile=true] .dropdown-selector>.option{transition:none!important}.dropdown-selector[data-is-active=true]>.option[data-is-last=false]{border-bottom-width:.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0;height:calc(var(--dropdown-height) - var(--border-thickness) + .25rem)}.dropdown-selector[data-is-active=true]>.option[data-is-active=false]{border-top-width:.25rem;border-top-left-radius:0;border-top-right-radius:0;height:calc(var(--dropdown-height) - var(--border-thickness) + .25rem)}.dropdown-selector[data-is-active=true]>.option[data-is-active=false][data-is-last=false]{height:calc(var(--dropdown-height) - 2 * var(--border-thickness) + .5rem)}.dropdown-selector[data-is-active=true]>.option{transform:translateY(calc((var(--dropdown-height) - var(--border-thickness) + .25rem - .125rem) + (5rem - 2 * var(--border-thickness) + .5rem - .125rem) * var(--position)))}.dropdown-selector>.option[data-is-active=true]{transition:transform calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) calc(25ms * var(--position));z-index:4;transform:none}.dropdown-selector>.option>.country-flag{position:absolute;inset:calc(var(--dropdown-height) / 2 - 1.5rem - var(--outline-thickness)) auto calc(var(--dropdown-height) / 2 - 1.5rem - var(--outline-thickness)) calc(var(--dropdown-height) / 2 - 1.5rem - var(--outline-thickness));height:3rem;width:3rem;border-radius:1.5rem;transition:inset calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.dropdown-selector>.option>.country-flag:after{border-radius:inherit;box-shadow:inset 0 0 0 var(--outline-thickness) #00000080}.dropdown-selector>.option>.player-count{font-size:1.5rem;position:absolute;inset:.5rem 1.5rem .5rem auto;width:3rem;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;opacity:.875;transition:inset calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),opacity calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.dropdown-selector>.option[data-is-active=true]>.player-count{inset:.5rem 1.25rem .5rem auto;opacity:1}.dropdown-selector>.option>.player-count>img{width:1.625rem;height:1.625rem}.dropdown-selector>.option>.text{position:absolute;top:0;right:0;bottom:0;left:3.5rem;padding-bottom:.125rem;display:grid;font-size:1.875rem;place-content:center;transition:inset calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.dropdown-selector>.option[data-is-active=true]>.text,.dropdown-selector>.option:has(.player-count)>.text,.dropdown-selector>.option:not(:has(.country-flag))>.text{top:0;right:0;bottom:0;left:0}.dropdown-selector>.option[data-is-disabled=true]>.text{opacity:.5}.dropdown-selector>.option>.event-mode-timer{position:absolute;top:50%;right:100%;margin-right:.625rem;transform:translateY(-50%);width:max-content;opacity:0;transition:opacity calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.dropdown-selector>.option[data-is-active=true]>.event-mode-timer,.dropdown-selector[data-is-active=true]>.option>.event-mode-timer{opacity:1}.dropdown-selector>.option>.event-mode-timer>.tooltip{pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-2rem);opacity:0;background:#00000044;padding:.625rem 1rem .75rem;border-radius:.5rem;margin:.25rem 0;width:max-content;transition:transform calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),opacity calc(.3s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.dropdown-selector>.option>.event-mode-timer>.tooltip[data-direction=up]{top:auto;bottom:100%;transform:translate(-50%) translateY(2rem)}.dropdown-selector>.option>.event-mode-timer:hover>.tooltip{transition:transform calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),opacity calc(.7s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1);transform:translate(-50%);opacity:1}.dropdown-selector>.option>.event-mode-timer>.tooltip>.title{font-size:1.5rem;text-align:center}.dropdown-selector>.option>.event-mode-timer>.tooltip>.mode{font-size:1.75rem;text-align:center}.timer-widget{position:relative;height:4.75rem;display:flex;align-items:center;-webkit-user-select:none;user-select:none;isolation:isolate;font-size:2rem;background:#00000044;border-radius:.5rem;margin:.125rem}.timer-widget[data-size=small]{height:4rem;font-size:1.75rem}.timer-widget[data-size=smaller]{height:3.5rem;font-size:1.75rem}.timer-widget>.time-text{padding-right:1rem}.timer-widget>.clock-icon{position:relative;height:100%;aspect-ratio:1 / 1}.timer-widget>.clock-icon>img{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem)}.timer-widget>.clock-icon>.layer2{animation:clock-spin 8s cubic-bezier(.68,-.6,.32,1.6) infinite}@keyframes clock-spin{0%{transform:rotate(0)}12.5%{transform:rotate(90deg)}25%{transform:rotate(90deg)}37.5%{transform:rotate(180deg)}50%{transform:rotate(180deg)}62.5%{transform:rotate(270deg)}75%{transform:rotate(270deg)}87.5%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.downtime-warning{--max-height: 14rem;position:absolute;top:5rem;left:.5rem;--color: var(--ui-color-4);background:var(--color);border:var(--border-thickness) solid color-mix(in srgb,var(--color),black 50%);border-radius:.5rem;isolation:isolate;width:35rem;animation:downtime-warning-in calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards;z-index:2;overflow:hidden;max-width:calc(50vw - 24rem);max-height:calc(var(--fixed-vh) * 100 - 10rem)}.downtime-warning>.scroll-inner{margin:calc(-1 * var(--border-thickness));overflow-y:scroll;overflow-x:hidden;max-height:calc(var(--fixed-vh) * 100 - 10rem);scrollbar-width:none}.downtime-warning>.scroll-inner::-webkit-scrollbar{display:none}body[data-is-mobile=true] .downtime-warning[data-is-expanded=false]{width:max-content;max-width:none}.downtime-warning[data-is-expanded=true]{max-width:none}body[data-is-mobile=true] .downtime-warning[data-is-expanded=false]>.scroll-inner{width:max-content}body[data-is-mobile=true] .downtime-warning[data-is-expanded=false]>.scroll-inner>.top-bar>.title,body[data-is-mobile=true] .downtime-warning[data-is-expanded=false]>.scroll-inner>.content{display:none}#home-screen[data-is-hiding=true]>.downtime-warning{animation:downtime-warning-out calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards}.downtime-warning[data-is-active=true]{--color: var(--ui-color-3)}@keyframes downtime-warning-in{0%{transform:translate(calc(-100% - 2rem))}}@keyframes downtime-warning-out{to{transform:translate(calc(-100% - 2rem))}}.downtime-warning>.scroll-inner>.top-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.75rem}.downtime-warning>.scroll-inner>.top-bar>.title-section{display:flex;align-items:center;flex-shrink:1}.downtime-warning>.scroll-inner>.top-bar>.title-section>img{width:2.5rem;height:2.5rem;margin:1rem}.downtime-warning>.scroll-inner>.top-bar>.title-section>.title{flex-grow:1;flex-shrink:1;font-size:1.75rem}body[data-is-mobile=true] .downtime-warning[data-is-expanded=false]>.scroll-inner>.top-bar>.title-section>.title{display:none}.downtime-warning>.scroll-inner>.top-bar>.timer-widget{margin-left:.5rem}.downtime-warning>.scroll-inner>.content{padding:0 1.25rem 1rem;font-size:1.5rem}.downtime-warning[data-hide-full-content=true]>.scroll-inner>.content{display:none}.party-panel{width:100%;background:var(--ui-color-9);margin-top:1rem;border-radius:.5rem;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #00000080}.party-panel>.topbar{display:flex;align-items:center;padding:0 .75rem;height:4.5rem;gap:.375rem}.party-panel>.topbar>.text{flex-grow:1;padding-left:.5rem;font-size:1.75rem;padding-bottom:.125rem}.party-panel>.topbar>.button{height:3rem!important}.party-panel>.players{display:flex;justify-content:center;padding:.5rem}.party-panel>.players>.player{display:flex;flex-direction:column;align-items:center;font-size:1.5rem;position:relative;isolation:isolate;padding:0 .5rem;width:max-content;flex-grow:1}.party-panel>.players>.player>.pfp{margin-bottom:.5rem;background:var(--ui-color-desaturated-1);width:6rem;height:6rem;border-radius:50%;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004;position:relative;z-index:-2}.party-panel>.players>.player[data-is-leader=true]>.pfp{background:var(--ui-color-4)!important}.party-panel>.players>.player>.pfp>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(1.1)}.party-panel>.players>.player>.actions{position:absolute;top:-.5rem;bottom:-.5rem;display:flex;flex-direction:column;gap:.25rem;background:#00000044;padding:.5rem;border-radius:.5rem;z-index:-1;pointer-events:none;opacity:0;transform:scale(.875);transition:opacity calc(.5s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),transform calc(.5s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}.party-panel>.players>.player:hover>.actions{opacity:1;transform:none;pointer-events:all}.party-panel>.players>.player>.actions>*{height:3rem!important;place-content:center;z-index:1}.party-panel>.players>.player>.actions>*>.text{font-size:1.5rem}.party-panel>.actions{display:flex;padding:.75rem 1rem 1rem;gap:.625rem}.party-panel>.actions>*{flex-grow:1;place-content:center;display:grid}.party-panel>.actions>.status{background:#00000044;border-radius:.5rem;margin:.125rem;font-size:1.75rem;height:3.75rem}.theme-home-menu{width:45rem!important}.theme-home-menu>.content>.theme-grid{display:grid;grid-template-columns:1fr 1fr;margin:1rem;gap:1rem}.theme-home-menu>.content>.theme-grid>.theme{border-radius:.5rem;cursor:pointer;position:relative;background:var(--ui-color-9)}.theme-home-menu>.content>.theme-grid>.theme:after{border-radius:.5rem;content:"";border-radius:100;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 var(--outline-thickness) #0004}.theme-home-menu>.content>.theme-grid>.theme[data-active=true]{background:var(--ui-color-5)}.theme-home-menu>.content>.theme-grid>.theme>.preview{width:100%;aspect-ratio:7/5;position:relative}.theme-home-menu>.content>.theme-grid>.theme>.preview>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:.5rem .5rem 0 0}.theme-home-menu>.content>.theme-grid>.theme>.info{padding:.5rem 1rem .75rem}.theme-editor{overflow-y:scroll;touch-action:pan-y!important;width:38rem!important}.theme-import-menu>.content{display:grid;grid-template-rows:auto 1fr;height:calc(var(--popup-height) - 4.5rem)}.theme-import-menu>.content>textarea{margin:0 1rem 1rem;width:calc(100% - 2rem)!important;height:calc(100% - 1rem)!important;padding:.75rem 1rem;resize:none;border-radius:.5rem;border:none;outline:none;box-shadow:inset 0 0 0 var(--outline-thickness) #00000080;border-radius:.75rem;background:var(--ui-color-9);font-family:Ubuntu,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;text-shadow:var(--text-shadow),0 0 2rem #00000088}.theme-import-menu>.content>textarea::placeholder{color:#fff}.settings-home-menu{overflow-y:scroll!important;touch-action:pan-y!important;padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.settings-home-menu>.header{height:6rem;display:grid;place-content:center;font-size:3rem}body[data-is-mobile=true] .settings-home-menu>.header{height:4rem;font-size:2.5rem}.settings-home-menu>.button,.settings-home-menu>.button-grid>.button{width:100%;display:grid}.settings-home-menu>.button-grid>.button.double{grid-column:span 2}.settings-home-menu>.button.big{height:10rem}.settings-home-menu>.button-grid>.button.big{height:5rem}.settings-home-menu>.button.medium{height:6rem}.settings-home-menu>.button-grid>.button.medium{height:3.5rem}.settings-home-menu>.button-grid{margin-top:.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:.5rem}body[data-is-mobile=false] .settings-home-menu>.button>.text{font-size:2rem}.settings-home-menu>.spacer{flex-grow:1}.settings-home-menu>.link{height:2.5rem;display:flex;align-items:center;padding-left:1.125rem;flex-grow:1;gap:1.25rem}.settings-home-menu>.link>img{width:2rem;height:2rem}.settings-menu{overflow-y:scroll!important;touch-action:pan-y!important}.settings-menu>.settings-menu-header{height:4.5rem;display:flex;padding:.5rem;align-items:center;gap:.5rem;height:4.625rem;border-bottom:.125rem solid #ffffff66}.settings-menu>.settings-menu-header>.tabs{display:flex;flex-grow:1;justify-content:space-around}.settings-menu>.settings-menu-header>.tabs>.tab{height:3.5rem;display:grid;place-content:center;padding:0 1rem;position:relative}.settings-menu>.settings-menu-header>.tabs>.tab[data-is-active=true]:after{position:absolute;content:"";inset:auto .5rem .25rem .5rem;background:white;height:.25rem;box-shadow:0 0 0 .25rem #000}.settings-menu>.settings-menu-header>.back-button{height:3.5rem;width:3.5rem;display:grid;place-content:center;padding-bottom:.125rem;cursor:pointer}.settings-menu>.settings-menu-header>.back-button>img{width:2rem;height:2rem}.settings-menu>.settings-menu-header>.title{padding-bottom:.25rem}.settings-menu>.content>.action-buttons{margin:1rem;display:flex;gap:.75rem}.settings-menu>.content>.action-buttons>*{flex-grow:1;place-content:center;font-size:1.5rem!important;height:3.5rem!important}.settings-menu>.content>.action-buttons>.text{display:grid;background:#00000044;border-radius:.5rem;margin:.125rem;height:3.25rem!important}.settings-menu>.content>.inputs>.category-title{margin:2rem 1rem .5rem 1.25rem;font-weight:500;font-size:1.75rem}.settings-menu>.content>.inputs>.category-title:not(:first-child){margin-top:2rem}.settings-menu>.content>.inputs:not(:has(.category-title:first-child)){padding-top:1rem}.settings-menu>.content>.inputs>.settings-edit-row{margin:.25rem 1rem .25rem 1.75rem;height:3rem;display:flex;justify-content:space-between;align-items:center}body[data-is-mobile=true] .settings-menu>.content>.inputs>.settings-edit-row{margin:.75rem 1rem .75rem 1.75rem}.settings-menu>.content>.inputs>.settings-edit-row>.color-input{height:3rem;display:flex}.settings-menu>.content>.inputs>.settings-edit-row>.color-input>.preview{position:relative;height:100%;aspect-ratio:1 / 1;background:var(--color);border-radius:.5rem 0 0 .5rem;border:var(--border-thickness) solid color-mix(in srgb,var(--color),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.color-input>.preview>input{position:absolute;inset:calc(-1 * var(--border-thickness));width:100%;height:100%;opacity:0;cursor:pointer}.settings-menu>.content>.inputs>.settings-edit-row>.color-input>input{background:none;border:none;width:6.25rem;font-family:monospace!important;font-size:1.5rem;padding-left:.5rem;padding-bottom:.125rem;font-weight:600;outline:none;border-radius:0 .5rem .5rem 0;border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-9),black 50%);background:var(--ui-color-9);border-left-width:0}.settings-menu>.content>.inputs>.settings-edit-row>.color-input>input:focus{background:#ffffff88}.settings-menu>.content>.inputs>.settings-edit-row>.number-input,.settings-menu>.content>.inputs>.settings-edit-row>.text-input{d-box-shadow:inset 0 0 0 var(--outline-thickness) rgba(0,0,0,.5)}.settings-menu>.content>.inputs>.settings-edit-row>.number-input>input,.settings-menu>.content>.inputs>.settings-edit-row>.text-input>input{background:none;height:3rem;width:7rem;display:flex;font-family:monospace!important;border:none;font-size:1.5rem;padding-left:1rem;padding-bottom:.125rem;font-weight:600;outline:none;background:var(--ui-color-9);border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-9),black 50%);border-radius:.5rem}.settings-menu>.content>.inputs>.settings-edit-row>.text-input>input{width:22rem}.settings-menu>.content>.inputs>.settings-edit-row>.number-input>input:focus,.settings-menu>.content>.inputs>.settings-edit-row>.text-input>input:focus{background:#ffffff88}.settings-menu>.content>.inputs>.settings-edit-row>.number-input>input::-webkit-outer-spin-button,.settings-menu>.content>.inputs>.settings-edit-row>.number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.settings-menu>.content>.inputs>.settings-edit-row>.boolean-input{-webkit-user-select:none;user-select:none;width:2.25rem;height:2.25rem;border-radius:.5rem;overflow:hidden;background:var(--ui-color-9);position:relative;border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-9),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.boolean-input[data-is-active=true]{background:var(--ui-color-5);border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-5),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.boolean-input>img{position:absolute;inset:calc(-1 * var(--border-thickness));width:2.25rem;height:2.25rem;transform:scale(.9)}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input{position:relative;-webkit-user-select:none;user-select:none;height:3rem;display:flex;border-radius:.5rem;isolation:isolate}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input:after{top:0;right:0;bottom:0;left:0;position:absolute;content:"";d-box-shadow:inset 0 0 0 var(--outline-thickness) rgba(0,0,0,.5);border-radius:.5rem;pointer-events:none}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input>.option{height:100%;height:3rem;display:grid;place-content:center;padding:0 .375rem;position:relative;background:var(--ui-color-9);border-style:solid;border-width:var(--border-thickness) .25rem;border-color:color-mix(in srgb,var(--ui-color-9),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input>.option:not(:last-child):after{position:absolute;inset:.375rem -.1875rem .375rem auto;d-content:"";width:.375rem;background:#00000044;z-index:2}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input>.option:first-child{border-radius:.5rem 0 0 .5rem;border-left-width:.4375rem}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input>.option:last-child{border-radius:0 .5rem .5rem 0;border-right-width:.4375rem}.settings-menu>.content>.inputs>.settings-edit-row>.multiple-choice-input>.option[data-is-active=true]{background:var(--ui-color-5);border-color:color-mix(in srgb,var(--ui-color-5),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.slider-input{height:3rem;width:11rem;position:relative}.settings-menu>.content>.inputs>.settings-edit-row>.slider-input>.slider-value{position:absolute;inset:0 100% 0 auto;display:grid;place-content:center;padding-right:.5rem}.settings-menu>.content>.inputs>.settings-edit-row>.slider-input>.slider-bg{position:absolute;top:.625rem;right:.375rem;bottom:.625rem;left:.375rem;background:var(--ui-color-9);border-radius:.5rem;border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-9),black 50%)}.settings-menu>.content>.inputs>.settings-edit-row>.slider-input>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;outline:none;background:none;margin:0;padding:0;border:none}.settings-menu>.content>.inputs>.settings-edit-row>.slider-input>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;width:2.5rem;height:2.5rem;margin:0;padding:0;border:var(--border-thickness) solid color-mix(in srgb,var(--ui-color-5),black 50%);background:var(--ui-color-5)}.settings-menu>.content>.inputs>.settings-edit-row>.button-input{height:3rem}.keybinds-menu{width:50rem!important}.keybinds-menu>.content>.inputs>.category-title{margin:2rem 1rem .5rem 1.25rem;font-weight:500;font-size:1.75rem}.keybinds-menu>.content>.inputs>.category-title:not(:first-child){margin-top:2rem}.keybinds-menu>.content>.inputs>.keybind-row{margin:.25rem 1rem .25rem 1.75rem;height:3rem;display:flex;justify-content:space-between;align-items:center}.keybinds-menu>.content>.inputs>.keybind-row>.keybind-input{display:flex;gap:.25rem}.keybinds-menu>.content>.inputs>.keybind-row>.keybind-input>.keybind-key{height:3rem;transition:background .15s}.keybinds-menu>.content>.inputs>.keybind-row>.keybind-input>.keybind-key:hover{background:var(--ui-color-3);filter:none!important}.keybinds-menu>.content>.inputs>.keybind-row>.keybind-input>.add-keybind-key{height:3rem;width:3rem;padding:0;place-content:center}.keybinds-menu>.content>.inputs>.keybind-row>.color-input{height:3rem;border-radius:.75rem;overflow:hidden;background:var(--diep-themes-section-bg);display:flex;background:var(--ui-color-9);box-shadow:inset 0 0 0 .25rem #00000080}.keybinds-menu>.content>.inputs>.keybind-row>.color-input>.preview{position:relative;height:100%;aspect-ratio:1 / 1;background:var(--color);border-radius:.75rem 0 0 .75rem;box-shadow:inset 0 0 0 .25rem #00000080}.keybinds-menu>.content>.inputs>.keybind-row>.color-input>.preview>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.keybinds-menu>.content>.inputs>.keybind-row>.color-input>input{background:none;border:none;width:6.25rem;font-family:monospace!important;font-size:1.5rem;padding-left:.5rem;padding-bottom:.125rem;font-weight:600;outline:none;border-radius:0 .75rem .75rem 0}.keybinds-menu>.content>.inputs>.keybind-row>.color-input>input:focus{background:#ffffff88}.keybinds-menu>.content>.inputs>.keybind-row>.number-input,.keybinds-menu>.content>.inputs>.keybind-row>.text-input{border-radius:.75rem;overflow:hidden;background:var(--ui-color-9);box-shadow:inset 0 0 0 .25rem #00000080}.keybinds-menu>.content>.inputs>.keybind-row>.number-input>input,.keybinds-menu>.content>.inputs>.keybind-row>.text-input>input{background:none;height:3rem;width:7rem;display:flex;font-family:monospace!important;border:none;font-size:1.5rem;padding-left:1rem;padding-bottom:.125rem;font-weight:600;outline:none}.keybinds-menu>.content>.inputs>.keybind-row>.text-input>input{width:22rem}.keybinds-menu>.content>.inputs>.keybind-row>.number-input>input:focus{background:#ffffff88}.keybinds-menu>.content>.inputs>.keybind-row>.number-input>input::-webkit-outer-spin-button,.keybinds-menu>.content>.inputs>.keybind-row>.number-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.keybinds-menu>.content>.inputs>.keybind-row>.boolean-input{-webkit-user-select:none;user-select:none;width:2.25rem;height:2.25rem;border-radius:.75rem;overflow:hidden;background:var(--ui-color-9);box-shadow:inset 0 0 0 .25rem #00000080}.keybinds-menu>.content>.inputs>.keybind-row>.boolean-input[data-is-active=true]{background:var(--ui-color-5)}.keybinds-menu>.content>.inputs>.keybind-row>.boolean-input>img{width:100%;height:100%;transform:scale(.9)}.friends-list-menu>.content>.login-card{height:12rem;margin:.75rem;--color: var(--ui-color-9);background:var(--color);border-radius:.5rem;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #00000080;-webkit-user-select:none;user-select:none;overflow:hidden}.friends-list-menu>.content>.login-card>.text{font-size:2rem;margin-bottom:1rem;margin-top:.5rem}.friends-list-menu>.content>.login-card>.button{padding:0 1.25rem!important}.friends-list-menu>.content>.loading-text{height:7rem;display:grid;place-content:center;font-size:2rem}.friends-list-menu>.content>.friend-card{margin:.75rem;--color: var(--ui-color-9);background:var(--color);border-radius:.5rem;display:flex;align-items:center;isolation:isolate;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #00000080;-webkit-user-select:none;user-select:none;overflow:hidden;cursor:pointer}.friends-list-menu>.content>.friend-card:not(.self-card)[data-is-offline=true]{opacity:.5}.friends-list-menu>.content>.self-card{background:none;box-shadow:none;position:relative;margin:1.25rem .75rem}.friends-list-menu>.content>.self-card[data-is-changing-status-sharing=true]{opacity:.5}.friends-list-menu>.content>.self-card:before{position:absolute;content:"";top:.125rem;right:.125rem;bottom:.125rem;left:.125rem;border-radius:.5rem;z-index:-1;background:#00000044}.friends-list-menu>.content>.friend-card>.pfp-column{display:grid;place-content:center}.friends-list-menu>.content>.friend-card>.pfp-column>.pfp{margin:1.25rem;background:var(--ui-color-desaturated-1);width:6rem;height:6rem;border-radius:50%;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004;position:relative}.friends-list-menu>.content>.friend-card>.pfp-column>.pfp[data-is-online=true]:after{position:absolute;content:"";inset:auto 0rem 0rem auto;background:var(--ui-color-2);border-radius:50%;width:2.25rem;height:2.25rem;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004}.friends-list-menu>.content>.friend-card:not(.self-card)[data-is-offline=true]>.pfp-column>.pfp{margin:1rem 1.25rem;width:4.5rem;height:4.5rem}.friends-list-menu>.content>.friend-card>.pfp-column>.pfp>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(1.1)}.friends-list-menu>.content>.friend-card>.main-column{flex-grow:1;margin:1rem 0}.friends-list-menu>.content>.friend-card>.main-column>.name{font-size:2rem}.friends-list-menu>.content>.friend-card>.main-column>.in-game-name{margin-top:-.25rem}.friends-list-menu>.content>.friend-card>.main-column>.playing-status{margin-top:-.125rem}.friends-list-menu>.content>.friend-card>.buttons-column{display:flex;flex-direction:column;margin:1rem;gap:.5rem}.friends-list-menu>.content>.friend-card>.buttons-column>*{place-content:center;height:3rem}.corner-buttons{position:absolute;padding:.5rem;display:flex;gap:.25rem;z-index:50}.corner-buttons>*{transition:transform calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1),filter .15s}.corner-buttons.top{top:0}.corner-buttons.bottom{bottom:0}.corner-buttons.left{left:0}.corner-buttons.right{right:0}body[data-side-menu-location=right] .corner-buttons.top.right{right:auto;left:0}body[data-side-menu-location=right] .corner-buttons.top.left{left:auto;right:0;flex-direction:row-reverse}.corner-buttons.top>*{transform:translateY(-5rem)}.corner-buttons.bottom>*{transform:translateY(5rem)}.corner-buttons>.active{transform:none}.corner-buttons>.timer-widget{transform:none;height:3.75rem}.leave-menu{position:absolute;top:4.25rem;background:#00000044;border-radius:.5rem;margin:.625rem;padding:.5rem;display:flex;gap:.25rem;z-index:100;display:block}.leave-menu>.title{padding:.5rem 1rem}.leave-menu>.buttons{display:flex;padding:.5rem;gap:.75rem}.leave-menu>.buttons>*{flex-grow:1;place-content:center}#death-screen{display:grid;place-content:center;font-family:Ubuntu,sans-serif;font-size:2rem}#death-screen[data-is-hiding=true]{pointer-events:none}#death-screen>.center-section{display:flex;flex-direction:column;align-items:center;opacity:0;animation:death-screen-show calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards;transform:scale(.8);padding-top:4rem}body[data-is-mobile=true] #death-screen>.center-section{padding-top:0}@keyframes death-screen-show{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}#death-screen[data-is-hiding=true]>.center-section{animation:death-screen-hide calc(.2s * var(--animation-duration-factor)) linear forwards}@keyframes death-screen-hide{0%{transform:none;opacity:1}to{transform:scale(1.1);opacity:0}}#death-screen>.center-section>.ad-button{padding:0 1.125rem}body[data-is-mobile=true] #death-screen>.center-section>.ad-button{display:none}#death-screen>.center-section>.text-section{margin:2rem 0}body[data-is-mobile=true] #death-screen>.center-section>.text-section{margin-top:1rem;margin-bottom:1rem}body[data-is-mobile=true] #death-screen[data-is-showing-advanced-stats=true]>.center-section>.text-section{margin-top:0}#death-screen>.center-section>.text-section>.title-text{text-align:center;font-size:1.5rem}#death-screen>.center-section>.text-section>.killer-username{text-align:center;font-size:2rem}#death-screen>.center-section>.main-section{display:flex;align-items:center;gap:2rem}#death-screen>.center-section>.main-section>.tank{position:relative;width:12rem;height:12rem;background:var(--color);border-radius:.5rem;box-shadow:var(--shadow),inset 0 0 0 .25rem #0004}body[data-is-mobile=true] #death-screen[data-is-showing-advanced-stats=true]>.center-section>.main-section>.tank{width:10rem;height:10rem}#death-screen>.center-section>.main-section>.tank>img{width:100%;height:100%;animation:death-screen-tank-rotate 30s infinite linear}@keyframes death-screen-tank-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#death-screen>.center-section>.main-section>.tank>.name{position:absolute;inset:100% 0 auto 0;font-size:1.75rem;text-align:center;padding:.5rem}#death-screen>.center-section>.main-section>.stats{display:flex;flex-direction:column;gap:.25rem;width:18rem;padding-bottom:.5rem}body[data-is-mobile=true] #death-screen[data-is-showing-advanced-stats=true]>.center-section>.main-section>.stats{font-size:1.75rem}#death-screen>.center-section>.main-section>.stats>.title{text-align:center}#death-screen>.center-section>.main-section>.stats>.stat-row{display:flex;justify-content:space-between}#death-screen>.center-section>.stats-section{margin-top:2rem;font-size:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;padding:.75rem 1rem;border-radius:.5rem;background:#00000044;position:relative}#death-screen>.center-section>.advanced-stats-section{margin-top:.5rem}#death-screen>.center-section>.stats-section>.shiny-stats{position:absolute;left:100%;margin-left:.5rem;bottom:0;font-size:1.5rem;display:grid;gap:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#00000044}body[data-is-mobile=true] #death-screen>.center-section>.stats-section{font-size:1.375rem;gap:.5rem 1.5rem;padding:.5rem .75rem;margin-top:1.25rem}body[data-is-mobile=true] #death-screen>.center-section>.advanced-stats-section{margin-top:.5rem}#death-screen>.center-section>.stats-section>.title{grid-column:span 2;display:flex;align-items:center;justify-content:center;font-size:1.75rem}#death-screen>.center-section>.stats-section>.shiny-stats>.title{display:flex;align-items:center;justify-content:center;font-size:1.75rem}#death-screen>.center-section>.stats-section>.stat{width:21rem;display:flex;align-items:center;justify-content:space-between}#death-screen>.center-section>.stats-section>.stat>.value{display:flex;align-items:center;gap:.5rem}#death-screen>.center-section>.stats-section>.stat>.value>img{width:1.75rem;height:1.75rem}#death-screen>.center-section>.stats-section>.shiny-stats>.stat{width:15rem;display:flex;align-items:center;justify-content:space-between}#death-screen>.center-section>.bottom-buttons{display:flex;gap:1.25rem;margin-top:1.5rem}body[data-is-mobile=true] #death-screen>.center-section>.bottom-buttons{margin-top:1.25rem}#death-screen>.center-section>.bottom-buttons>*{d-height:4.5rem;padding:0 1.5rem}#death-screen>.center-section>.bottom-buttons>.mobile-ad-button{display:none}body[data-is-mobile=true] #death-screen>.center-section>.bottom-buttons>.mobile-ad-button{display:grid}#death-screen>.center-section>.bottom-buttons>*>.text{d-font-size:2rem!important}#death-screen>.center-section>.ad-wrapper{margin-top:1.5rem}#death-screen>.center-section>.ad-wrapper>.placeholder-ad{width:45.5rem;height:6rem;background:#1c1c1c;border-radius:.5rem}body[data-is-mobile=true] #death-screen>.center-section>.ad-wrapper{display:none}.records-popup{position:relative;padding:1rem;overflow-y:scroll!important;touch-action:pan-y!important}.records-popup>.title{height:10rem;display:grid;place-content:center;font-size:4rem;margin-bottom:1rem}body[data-is-mobile=true] .records-popup>.title{height:5rem}.records-popup>.record-settings{display:flex;justify-content:center;gap:.75rem;position:relative;isolation:isolate;z-index:10}.records-popup[data-is-loading=true]>.record-settings{opacity:.5}.records-popup>.record-settings>.selector{width:20rem;font-size:2rem}.records-popup>.record-settings>.tank-selector{width:20rem;height:5rem;font-size:2rem}.records-popup>.record-settings>.tank-selector>.active-tank{position:relative;width:100%;height:100%;isolation:isolate}.records-popup>.record-settings>.tank-selector>.active-tank>.arrow{position:absolute;inset:0 0 0 auto;height:100%;aspect-ratio:1/1;pointer-events:none;z-index:5;display:grid;place-content:center}.records-popup>.record-settings>.tank-selector>.active-tank>.arrow>img{width:2rem;height:2rem}.records-popup>.record-settings>.tank-selector[data-is-active=true]>.active-tank>.arrow>img{animation:dropdown-arrow-bounce .3s ease}.records-popup>.record-settings>.tank-selector>.active-tank>.button{width:100%;height:100%;place-content:center}.records-popup>.record-settings>.tank-selector>.active-tank>.button>.text{font-size:2rem}.records-popup>.record-settings>.tank-selector>.dropdown{position:absolute;inset:5.75rem 1rem auto 1rem;background:#222222;border-radius:.75rem;border:.375rem solid #111111;display:grid;grid-template-columns:repeat(4,1fr);padding:.25rem .625rem;animation:tank-selector-dropdown-show calc(.5s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1)}@keyframes tank-selector-dropdown-show{0%{opacity:0;transform:translateY(-3rem)}}.records-popup>.record-settings>.tank-selector>.dropdown>.all-tanks{grid-column:span 4;height:4rem;display:grid;place-content:center;padding-bottom:.25rem;margin-bottom:.5rem;border-bottom:.375rem solid #ffffff44;cursor:pointer}.records-popup>.record-settings>.tank-selector>.dropdown>.option{height:3rem;display:grid;place-content:center;font-size:1.75rem;cursor:pointer}.records-popup>.record-table{margin-top:2rem}body[data-is-mobile=true] .records-popup>.record-table{margin-top:2rem}.records-popup[data-is-loading=true]>.record-table{opacity:.5}.records-popup>.record-table>.row{display:flex;height:4rem;border-radius:.5rem}.records-popup>.record-table>.row:nth-child(odd){background:#00000044}.records-popup>.record-table>.row>.column{display:flex;align-items:center;justify-content:center}.records-popup>.record-table>.row>.column.place{width:6rem;font-size:2rem}.records-popup>.record-table>.row>.column.flag{width:4rem}.records-popup>.record-table>.row>.column.flag>.country-flag{border-radius:50%}.records-popup>.record-table>.row>.column.flag>.country-flag:after{border-radius:50%;box-shadow:inset 0 0 0 .25rem #0004}.records-popup>.record-table>.row>.column.name{width:20rem;justify-content:start;padding-left:1rem;font-size:2rem}.records-popup>.record-table>.row>.column.tank-image{width:4rem;position:relative}.records-popup>.record-table>.row>.column.tank-image>img{position:absolute;width:4rem;height:4rem}.records-popup>.record-table>.row>.column.score{flex-grow:1;width:12rem;font-size:2rem}.records-popup>.record-table>.row>.column.duration{flex-grow:1;width:8rem;font-size:1.75rem}.records-popup>.record-table>.row>.column.gamemode{flex-grow:1;width:10rem;font-size:1.75rem}.records-popup>.record-table>.row>.column.tank{width:12rem;font-size:1.75rem;justify-content:start;padding-left:.5rem}.settings-menu>.content>.player-search-input{width:calc(100% - 2rem);margin:1rem;border-radius:.5rem;overflow:hidden;background:var(--ui-color-9);box-shadow:inset 0 0 0 var(--outline-thickness) #00000080;border:none;outline:none;height:4rem;font-size:1.75rem;text-align:center;caret-color:#000;text-shadow:var(--text-shadow);color:#fff;display:grid;place-content:center;padding-bottom:.125rem;font-weight:600;padding-left:1rem}.settings-menu>.content>.player-search-input::placeholder{color:#fff;opacity:.5}.settings-menu>.content>.player-search-input:focus{background:#ffffff88}.settings-menu>.content>.player-search-status{background:#00000044;border-radius:.5rem;height:6rem;display:grid;place-content:center;margin:1rem;font-size:1.7rem}.friend-requests-menu>.content>.section-title{font-size:1.75rem;margin:3rem 1rem 1rem;padding-left:.5rem}.changelog-menu{overflow-y:scroll;touch-action:pan-y}.changelog-menu>.title{height:10rem;display:grid;place-content:center;font-size:4rem}.changelog-menu>.update-card{margin-top:0;margin:.75rem 1rem;background:var(--ui-color-9);border-radius:.5rem;box-shadow:var(--shadow),inset 0 0 0 var(--outline-thickness) #0004;padding:.75rem}.changelog-menu>.update-card>.topbar{display:flex;font-size:2rem;gap:1rem;margin-bottom:.75rem;background:#00000044;border-radius:.5rem;padding:.5rem .75rem}.changelog-menu>.update-card>.content{margin:.375rem .625rem}.credits-popup{position:relative;padding:1rem;text-align:center}.credits-popup>.title{height:5rem;display:grid;place-content:center;font-size:4rem;margin-bottom:1rem}.credits-popup>.subtitle{font-size:2.5rem;margin-top:-.5rem}.credits-popup>.content{font-size:1.75rem}.credits-popup>.gap{height:1rem}.debug-menu{position:fixed;pointer-events:none;z-index:1000;bottom:0;left:0;background:#00000044;padding:.5rem .75rem;border-radius:0 .5rem 0 0;display:flex;flex-direction:column;align-items:start;max-width:73rem}.debug-menu>.debug-row{display:flex;background:transparent;transition:background .3s linear;gap:.5rem;max-width:100%}.debug-menu>.debug-row[data-is-changed=true]{background:#ffff0044;transition:none}.debug-menu>.debug-row>.content{text-wrap:wrap;flex-shrink:1}#spectating-screen{display:flex;flex-direction:column;align-items:center;place-content:end;font-family:Ubuntu,sans-serif;font-size:2rem}#spectating-screen[data-is-hiding=true]{pointer-events:none}#spectating-screen>.center-section{display:flex;flex-direction:column;align-items:center;opacity:0;animation:spectating-screen-show calc(1s * var(--animation-duration-factor)) cubic-bezier(.16,1,.3,1) forwards;transform:scale(.8)}@keyframes spectating-screen-show{0%{transform:scale(.8);opacity:0}to{transform:none;opacity:1}}#spectating-screen[data-is-hiding=true]>.center-section{animation:spectating-screen-hide calc(.2s * var(--animation-duration-factor)) linear forwards}@keyframes spectating-screen-hide{0%{transform:none;opacity:1}to{transform:translateY(100%);opacity:0}}#spectating-screen>.center-section>.stop-spectating-button{margin-bottom:.75rem!important}body[data-is-mobile=true] #spectating-screen>.center-section>.stop-spectating-button{margin-bottom:1.75rem!important}#spectating-screen>.center-section>.ad-wrapper{margin-bottom:1rem}#spectating-screen>.center-section>.ad-wrapper>.placeholder-ad{width:45.5rem;height:6rem;background:#1c1c1c;border-radius:.5rem}body[data-is-mobile=true] #spectating-screen>.center-section>.ad-wrapper{display:none}.popup.cheats-menu>.content{margin-top:-.75rem}.ratio-tracker{position:absolute;top:4.625rem;left:.5rem;pointer-events:none;background:#00000044;border-radius:.5rem;margin:.125rem;padding:.375rem .75rem;z-index:50}.ratio-tracker>.line{display:flex;gap:.75rem;justify-content:space-between}.build-presets-menu>.content>.category-title{margin:1.5rem 1rem .5rem 1.25rem;font-weight:500;font-size:1.75rem;display:flex}.build-presets-menu>.content>.inputs>.settings-edit-row{margin-left:1.25rem}.build-presets-menu>.content>.build-card{margin:.75rem;--color: var(--ui-color-9);background:var(--color);border-radius:.5rem;display:flex;align-items:center;isolation:isolate;border:var(--border-thickness) solid color-mix(in srgb,var(--color),black 50%);padding:.5rem}.build-presets-menu>.content>.build-card>.main-column{flex-grow:1}.build-presets-menu>.content>.build-card>.main-column>.title{font-size:1.75rem;margin-left:.25rem}.build-presets-menu>.content>.build-card>.main-column>.build{margin-left:.25rem}.build-presets-menu>.content>.build-card>.main-column>input{background:none;height:3rem;width:7rem;display:flex;font-family:monospace!important;border:none;font-size:1.5rem;padding-left:.5rem;padding-bottom:.125rem;font-weight:600;outline:none;background:color-mix(in srgb,var(--ui-color-9),white 90%);border:var(--border-thickness) solid color-mix(in srgb,color-mix(in srgb,var(--ui-color-9),white 90%),black 50%);border-radius:.5rem;width:23.25rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid{display:flex;flex-direction:column;gap:.375rem;margin-top:.5rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row{display:flex;height:2rem;gap:0rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>*{background:#00000044;border:.375rem solid #00000066;width:2rem;border-left-width:.25rem;border-right-width:.25rem;display:grid;place-content:center;font-size:1.25rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>*:nth-child(7){width:2.25rem;border-right-width:.5rem;margin-right:.25rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>*:nth-child(8){width:2.25rem;border-left-width:.5rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>*[data-is-active=true]{background:var(--color);border-color:color-mix(in srgb,var(--color),black 50%)}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>*:first-child{border-radius:1rem 0 0 1rem;border-left-width:.375rem;width:2.25rem;padding-left:.25rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>.add-point{border-radius:0 1rem 1rem 0;border-right-width:.375rem;width:3rem}.build-presets-menu>.content>.build-card>.main-column>.point-grid>.point-row>.add-point>img{height:1.75rem}.build-presets-menu>.content>.build-card>.buttons-column{display:flex;flex-direction:column;gap:.25rem}.build-presets-menu>.content>.build-card>.buttons-column>.buttons-row{display:flex;gap:.25rem}.build-presets-menu>.content>.build-card>.buttons-column>*,.build-presets-menu>.content>.build-card>.buttons-column>.buttons-row>*{place-content:center;height:3rem}.build-presets-menu>.content>.no-preset{margin:.75rem;padding:.5rem;background:#00000044;border-radius:.5rem;height:6rem;display:grid;place-content:center;margin:1rem;font-size:1.7rem}.build-presets-menu>.content>.add-preset{margin:.75rem;width:calc(100% - 1.5rem);place-content:center}