@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutDrawer{0%{transform:translate(0)}to{transform:translate(-100%)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:dark;color:#ffffffde;background:var(--Neutral-900-BG, #171717);font-synthesis:none;text-rendering:optimizeLegibility;--border-primary: #b7423e;--border-secondary: #46eca2;--primary-containers-bg: rgba(0, 0, 0, .25);--secondary-containers-bg: rgba(70, 236, 162, .03);--blue-bg: #0f1f23;--primary-text-color: #46eca2;--secondary-text-color: #76edf6;--tabs-inactive: #b7423e;--tabs-active: #46eca2;--error-border: #ef4444;--red-bg: #1c1115;--bottom-tabs-active: #76edf6;--input-bg: #111a13;--yellow-text: #ece065;--yellow-bg: #2a2b21;--error-text-color: #f87171;--disabled-border: var(--Neutral-500, #737373);--tab-panel-bg: rgba(70, 236, 162, .03);--fade-in-animation: fadeInSlide 1s ease-out forwards;--right-slide-in: slideIn .3s ease-in-out forwards;--right-slide-out: slideOut .3s ease-in-out forwards;--left-drawer-in: slideInDrawer .3s ease-in-out forwards;--left-drawer-out: slideOutDrawer .3s ease-in-out forwards;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){body{transform:rotate(90deg);transform-origin:right top;overflow:hidden;position:absolute;top:100%;right:0}}body{overflow:hidden}.full-width{width:100vw}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.full-width{width:100vh}}.full-height{height:100vh}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.full-height{height:100vw}}.body-height{height:83vh}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.body-height{height:83vw}}.gradient{background:linear-gradient(to bottom,#2c1010,#0a1017);background-position:center center;background-size:cover;background-repeat:no-repeat}@font-face{font-family:bigover;src:url(/fonts/bBigerOver.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:archivo;src:url(/fonts/Archivo-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:archivo-bold;src:url(/fonts/Archivo-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;padding:0}button{padding:.6em 1.2em;font-family:inherit;cursor:pointer}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:98}p{margin-block-start:0px;margin-block-end:0px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#a3a3a3;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#game_ui{display:none}.header-title{font-size:max(1.667vw,16px);font-weight:400;font-family:bigover,sans-serif;line-height:120%}.g-heading-1{font-size:max(1.25vw,14px);font-weight:400;font-family:bigover,sans-serif;line-height:120%}.g-heading-2{font-size:max(1.042vw,12px);font-weight:400;font-family:bigover,sans-serif;line-height:120%}.g-heading-3{font-size:max(.833vw,10px);font-weight:400;font-family:bigover,sans-serif;line-height:130%}.p1{font-size:max(.938vw,10px);font-family:archivo,sans-serif;line-height:150%}.p2{font-size:max(.833vw,10px);font-family:archivo,sans-serif;line-height:150%}.p3{font-size:max(.729vw,10px);font-family:archivo,sans-serif;line-height:150%}.header-title,.g-heading-1,.g-heading-2,.g-heading-3,.p1,.p2,.p3{-webkit-user-select:none;user-select:none}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.header-title{font-size:max(1.667vh,16px)}.g-heading-1{font-size:max(1.25vh,14px)}.g-heading-2{font-size:max(1.042vh,12px)}.g-heading-3{font-size:max(.833vh,10px)}.p1{font-size:max(.938vh,10px)}.p2{font-size:max(.833vh,10px)}.p3{font-size:max(.729vh,10px)}}.button{padding:2% 4%;border:none;color:primary}.button.active{background-color:var(--input-bg);color:var(--primary-text-color)}.button.disabled{color:#a3a3a3;pointer-events:none;border:1px solid var(--btn-disabled)}.button.error{background-color:var(--red-bg);color:var(--tabs-inactive)}.button-wrapper{border:1px solid var(--button-border-color);border-radius:10px}.join-button{border:none;position:relative;background-color:var(--yellow-bg);width:90%;padding:0;color:var(--yellow-text);border-left:1px solid var(--yellow-text);border-right:1px solid var(--yellow-text)}.donut{width:1.7vh;height:1.7vh;border-radius:50%;border:.2rem solid rgba(163,163,163,.3);border-top-color:#a3a3a3;animation:.7s spin infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.leave-room-popup-container{background-color:var(--Black-BG, rgba(0, 0, 0, .25));text-align:center;border:1px solid var(--Neutral-700-Stroke, #404040);width:25%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.game-results{display:flex;width:100%}.game-results-inner{border:1px solid var(--Neutral-700-Stroke, #404040);width:33.3%;padding:2%}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.blink{animation:blink .8s infinite}.game-over-popup-container{background-color:var(--Black-BG, rgba(0, 0, 0, .25));text-align:center;border:1px solid var(--Neutral-700-Stroke, #404040);width:100%;padding:3%;top:60%;left:50%;position:fixed;z-index:999999999;transform:translate(-50%,-50%)}.kill-reward-div{display:flex;align-items:center;justify-content:center;gap:1%;border:1px dashed var(--yellow-text);margin-top:5%}.game-over-text{position:fixed;top:18%;left:50%;transform:translate(-50%,-50%);color:var(--error-border);text-shadow:0px 0px 8px var(--error-border);font-size:2rem;font-weight:700;text-align:center;z-index:100}.game-over-parent-div{text-align:center;width:25%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.coin-wrapper{position:relative;z-index:1}.coin-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:radial-gradient(circle,#fffb00be,#fe00 70%);border-radius:50%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease-out}.coin-wrapper.coin-glow-hit:before{opacity:1}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.leave-room-popup-container{width:40%}.game-over-parent-div{width:30%}.game-over-text{top:20%}.game-over-popup-container{top:100%}}.ability-button{transition:all .1s ease}.ability-button:hover{transform:translateY(-1px) scale(1.03)}.ability-button:active,.ability-button.active{transform:translateY(5px) scale(.9)}.in-game-sound-popup{background-color:var(--primary-containers-bg);text-align:center;border:1px solid #525252;width:30%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.damage-borders{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999999999;display:none}.damage-borders.visible{display:block}.damage-borders .border{position:absolute;background-repeat:no-repeat;background-size:cover;pointer-events:none}.damage-borders .left,.damage-borders .right{top:0;bottom:0;width:10vw}.damage-borders .top,.damage-borders .bottom{left:0;right:0;height:10vh}.damage-borders.visible .left{left:0;animation:borderRightFlash .8s linear forwards}.damage-borders.visible .right{right:0;animation:borderLeftFlash .8s linear forwards}.damage-borders.visible .top{top:0;animation:borderBottomFlash .8s linear forwards}.damage-borders.visible .bottom{bottom:0;animation:borderTopFlash .8s linear forwards}@keyframes borderLeftFlash{0%{background:linear-gradient(to left,rgba(139,0,0,1),transparent)}5%{background:linear-gradient(to left,rgba(139,0,0,.95),transparent)}10%{background:linear-gradient(to left,rgba(139,0,0,.9),transparent)}15%{background:linear-gradient(to left,rgba(139,0,0,.85),transparent)}20%{background:linear-gradient(to left,rgba(139,0,0,.8),transparent)}25%{background:linear-gradient(to left,rgba(139,0,0,.75),transparent)}30%{background:linear-gradient(to left,rgba(139,0,0,.7),transparent)}35%{background:linear-gradient(to left,rgba(139,0,0,.65),transparent)}40%{background:linear-gradient(to left,rgba(139,0,0,.6),transparent)}45%{background:linear-gradient(to left,rgba(139,0,0,.55),transparent)}50%{background:linear-gradient(to left,rgba(139,0,0,.5),transparent)}55%{background:linear-gradient(to left,rgba(139,0,0,.45),transparent)}60%{background:linear-gradient(to left,rgba(139,0,0,.4),transparent)}65%{background:linear-gradient(to left,rgba(139,0,0,.35),transparent)}70%{background:linear-gradient(to left,rgba(139,0,0,.3),transparent)}75%{background:linear-gradient(to left,rgba(139,0,0,.25),transparent)}80%{background:linear-gradient(to left,rgba(139,0,0,.2),transparent)}85%{background:linear-gradient(to left,rgba(139,0,0,.15),transparent)}90%{background:linear-gradient(to left,rgba(139,0,0,.1),transparent)}95%{background:linear-gradient(to left,rgba(139,0,0,.05),transparent)}to{background:linear-gradient(to left,rgba(139,0,0,0),transparent)}}@keyframes borderRightFlash{0%{background:linear-gradient(to right,rgba(139,0,0,1),transparent)}5%{background:linear-gradient(to right,rgba(139,0,0,.95),transparent)}10%{background:linear-gradient(to right,rgba(139,0,0,.9),transparent)}15%{background:linear-gradient(to right,rgba(139,0,0,.85),transparent)}20%{background:linear-gradient(to right,rgba(139,0,0,.8),transparent)}25%{background:linear-gradient(to right,rgba(139,0,0,.75),transparent)}30%{background:linear-gradient(to right,rgba(139,0,0,.7),transparent)}35%{background:linear-gradient(to right,rgba(139,0,0,.65),transparent)}40%{background:linear-gradient(to right,rgba(139,0,0,.6),transparent)}45%{background:linear-gradient(to right,rgba(139,0,0,.55),transparent)}50%{background:linear-gradient(to right,rgba(139,0,0,.5),transparent)}55%{background:linear-gradient(to right,rgba(139,0,0,.45),transparent)}60%{background:linear-gradient(to right,rgba(139,0,0,.4),transparent)}65%{background:linear-gradient(to right,rgba(139,0,0,.35),transparent)}70%{background:linear-gradient(to right,rgba(139,0,0,.3),transparent)}75%{background:linear-gradient(to right,rgba(139,0,0,.25),transparent)}80%{background:linear-gradient(to right,rgba(139,0,0,.2),transparent)}85%{background:linear-gradient(to right,rgba(139,0,0,.15),transparent)}90%{background:linear-gradient(to right,rgba(139,0,0,.1),transparent)}95%{background:linear-gradient(to right,rgba(139,0,0,.05),transparent)}to{background:linear-gradient(to right,rgba(139,0,0,0),transparent)}}@keyframes borderBottomFlash{0%{background:linear-gradient(to bottom,rgba(139,0,0,1),transparent)}5%{background:linear-gradient(to bottom,rgba(139,0,0,.95),transparent)}10%{background:linear-gradient(to bottom,rgba(139,0,0,.9),transparent)}15%{background:linear-gradient(to bottom,rgba(139,0,0,.85),transparent)}20%{background:linear-gradient(to bottom,rgba(139,0,0,.8),transparent)}25%{background:linear-gradient(to bottom,rgba(139,0,0,.75),transparent)}30%{background:linear-gradient(to bottom,rgba(139,0,0,.7),transparent)}35%{background:linear-gradient(to bottom,rgba(139,0,0,.65),transparent)}40%{background:linear-gradient(to bottom,rgba(139,0,0,.6),transparent)}45%{background:linear-gradient(to bottom,rgba(139,0,0,.55),transparent)}50%{background:linear-gradient(to bottom,rgba(139,0,0,.5),transparent)}55%{background:linear-gradient(to bottom,rgba(139,0,0,.45),transparent)}60%{background:linear-gradient(to bottom,rgba(139,0,0,.4),transparent)}65%{background:linear-gradient(to bottom,rgba(139,0,0,.35),transparent)}70%{background:linear-gradient(to bottom,rgba(139,0,0,.3),transparent)}75%{background:linear-gradient(to bottom,rgba(139,0,0,.25),transparent)}80%{background:linear-gradient(to bottom,rgba(139,0,0,.2),transparent)}85%{background:linear-gradient(to bottom,rgba(139,0,0,.15),transparent)}90%{background:linear-gradient(to bottom,rgba(139,0,0,.1),transparent)}95%{background:linear-gradient(to bottom,rgba(139,0,0,.05),transparent)}to{background:linear-gradient(to bottom,rgba(139,0,0,0),transparent)}}@keyframes borderTopFlash{0%{background:linear-gradient(to top,rgba(139,0,0,1),transparent)}5%{background:linear-gradient(to top,rgba(139,0,0,.95),transparent)}10%{background:linear-gradient(to top,rgba(139,0,0,.9),transparent)}15%{background:linear-gradient(to top,rgba(139,0,0,.85),transparent)}20%{background:linear-gradient(to top,rgba(139,0,0,.8),transparent)}25%{background:linear-gradient(to top,rgba(139,0,0,.75),transparent)}30%{background:linear-gradient(to top,rgba(139,0,0,.7),transparent)}35%{background:linear-gradient(to top,rgba(139,0,0,.65),transparent)}40%{background:linear-gradient(to top,rgba(139,0,0,.6),transparent)}45%{background:linear-gradient(to top,rgba(139,0,0,.55),transparent)}50%{background:linear-gradient(to top,rgba(139,0,0,.5),transparent)}55%{background:linear-gradient(to top,rgba(139,0,0,.45),transparent)}60%{background:linear-gradient(to top,rgba(139,0,0,.4),transparent)}65%{background:linear-gradient(to top,rgba(139,0,0,.35),transparent)}70%{background:linear-gradient(to top,rgba(139,0,0,.3),transparent)}75%{background:linear-gradient(to top,rgba(139,0,0,.25),transparent)}80%{background:linear-gradient(to top,rgba(139,0,0,.2),transparent)}85%{background:linear-gradient(to top,rgba(139,0,0,.15),transparent)}90%{background:linear-gradient(to top,rgba(139,0,0,.1),transparent)}95%{background:linear-gradient(to top,rgba(139,0,0,.05),transparent)}to{background:linear-gradient(to top,rgba(139,0,0,0),transparent)}}@media (max-width: 768px){.damage-borders .left,.damage-borders .right{width:6vw}.damage-borders .top,.damage-borders .bottom{height:6vh}}.loading-container{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9}.loading-animation{width:19.635vw;height:19.635vw;background-repeat:no-repeat;background-size:39.271vw 235.625vw;background-image:url(/images/loading.svg);animation:play-loading-animation 1.5s steps(1) infinite}@keyframes play-loading-animation{0%{background-position:0px 0px}4.55%{background-position:-19.635vw 0px}9.1%{background-position:0px -19.635vw}13.65%{background-position:-19.635vw -19.635vw}18.2%{background-position:0px -39.27vw}22.75%{background-position:-19.635vw -39.27vw}27.3%{background-position:0px -58.905vw}31.85%{background-position:-19.635vw -58.905vw}36.4%{background-position:0px -78.54vw}40.95%{background-position:-19.635vw -78.54vw}45.5%{background-position:0px -98.175vw}50.05%{background-position:-19.635vw -98.175vw}54.6%{background-position:0px -117.81vw}59.15%{background-position:-19.635vw -117.81vw}63.7%{background-position:0px -137.445vw}68.25%{background-position:-19.635vw -137.445vw}72.8%{background-position:0px -157.08vw}77.35%{background-position:-19.635vw -157.08vw}81.9%{background-position:0px -176.715vw}86.45%{background-position:-19.635vw -176.715vw}91%{background-position:0px -196.35vw}95.55%{background-position:-19.635vw -196.35vw}to{background-position:0px 0px}}.cards-loading-container{width:15.625vw;height:15.625vw;overflow:hidden;justify-items:center}.cards-loading-animation{width:19.635vw;height:19.635vw;background-repeat:no-repeat;background-size:39.27vw 245.004vw;transform:scale(.5);background-image:url(/images/Loading.png);animation:cards-loading-animation 1.5s steps(1) infinite}@keyframes cards-loading-animation{0%{background-position:0px 0px}4.55%{background-position:-19.635vw 0px}9.1%{background-position:0px -19.635vw}13.65%{background-position:-19.635vw -19.635vw}18.2%{background-position:0px -39.27vw}22.75%{background-position:-19.635vw -39.27vw}27.3%{background-position:0px -58.905vw}31.85%{background-position:-19.635vw -58.905vw}36.4%{background-position:0px -78.54vw}40.95%{background-position:-19.635vw -78.54vw}45.5%{background-position:0px -98.175vw}50.05%{background-position:-19.635vw -98.175vw}54.6%{background-position:0px -117.81vw}59.15%{background-position:-19.635vw -117.81vw}63.7%{background-position:0px -142.917vw}68.25%{background-position:-19.635vw -142.917vw}72.8%{background-position:0px -137.445vw}77.35%{background-position:-19.635vw -137.445vw}81.9%{background-position:0px -157.08vw}86.45%{background-position:-19.635vw -157.08vw}91%{background-position:0px -176.715vw}95.55%{background-position:-19.635vw -176.715vw}to{background-position:0px 0px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*:not(svg){min-height:0px;min-width:0px}.success-snackbar{display:flex;align-items:center;background-color:var(--input-bg);border-top:1px solid var(--border-secondary);border-bottom:1px solid var(--border-secondary);border-left:none;border-right:none;width:100%;gap:3%;text-align:center;padding:1rem;background:linear-gradient(45deg,#44eca122,#44eca100);font-family:archivo;font-weight:bolder;font-size:.833vw}.error-snackbar{display:flex;align-items:center;background-color:var(--red-bg);border-top:1px solid var(--error-border);border-bottom:1px solid var(--error-border);border-left:none;border-right:none;gap:3%;width:100%;text-align:center;padding:1rem;background:linear-gradient(45deg,#ec444422,#44eca100);font-family:archivo;font-weight:bolder;font-size:.833vw}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.error-snackbar{position:fixed;bottom:0;right:0;width:fit-content;z-index:999999}.success-snackbar{position:fixed;bottom:0;right:0;width:fit-content}}.claim-popup{background-color:transparent;text-align:center;width:40%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.reward-img img{width:20%;position:relative}@keyframes rotating-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.room-main-container{display:flex;flex-direction:column;width:100%;padding:.5rem 0rem}.inputfield{display:flex;gap:1rem}.inputfield input{display:flex;padding:1rem 0rem 1rem .5rem;width:100%}.field-container{display:flex;flex-direction:column;text-align:start}.button-div{display:flex;justify-content:flex-end;align-items:flex-end;text-align:end;margin-top:.5rem;padding:.5rem}.join-priv-room-popup{background-color:var(--default-bg-color);text-align:center;border:1px solid var(--border-primary);width:30%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.popup-buttons{display:flex;width:100%;gap:5%}.task-reward-popup{text-align:center;left:32%;top:25%;position:absolute;z-index:9999999;border:1px solid var(--border-primary);animation:modalFadeIn .3s ease-out;width:25%;padding:2%}.popup-img{width:60%}.polygon-tabs{display:flex;width:100%;justify-content:center;align-items:center;height:100%}.bottom-tabs{text-decoration:none;gap:.3rem;height:100%;display:flex;justify-content:center;align-items:center;flex:1;cursor:pointer;border-top:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:none;background:var(--primary-containers-bg);color:var(--tabs-inactive);transition:background-color .3s,color .3s}.tab-content-container{width:100%}.bottom-tabs:focus{outline:none;z-index:2}.tab-icon-container.active{background-image:url(/images/tabs-bg.svg);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;justify-content:center;padding:6%;position:relative}.tab-icon{position:relative;z-index:2;font-size:1.4vw;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.bottom-tabs.polygon-1,.bottom-tabs.polygon-2,.bottom-tabs.polygon-3,.bottom-tabs.polygon-4{color:var(--bottom-tabs-active);text-shadow:0px 0px 12px var(--bottom-tabs-active);background:var(--blue-bg);border-left:1px solid var(--bottom-tabs-active);border-right:1px solid var(--bottom-tabs-active);background-position:center;background-repeat:no-repeat;background-size:contain}.bottom-tabs.polygon-1.tab-icon,.bottom-tabs.polygon-2.tab-icon,.bottom-tabs.polygon-3.tab-icon,.bottom-tabs.polygon-4.tab-icon{display:block}.bottom-tabs.bottom-tabs.polygon-1+.bottom-tabs{border-left:none}.bottom-tabs:has(+.bottom-tabs.polygon-1){border-right:none}.bottom-tabs.bottom-tabs.polygon-2+.bottom-tabs{border-left:none}.bottom-tabs:has(+.bottom-tabs.polygon-2){border-right:none}.bottom-tabs.bottom-tabs.polygon-3+.bottom-tabs{border-left:none}.bottom-tabs:has(+.bottom-tabs.polygon-3){border-right:none}.bottom-tabs.bottom-tabs.polygon-4+.bottom-tabs{border-left:none}.bottom-tabs:has(+.bottom-tabs.polygon-4){border-right:none}@media screen and (max-height: 450px){.tab-icon{display:none}.bottom-tabs{gap:0px}.bottom-tabs.polygon-1,.bottom-tabs.polygon-2,.bottom-tabs.polygon-3,.bottom-tabs.polygon-4{gap:2px}.bottom-tabs.polygon-1 .tab-icon,.bottom-tabs.polygon-2 .tab-icon,.bottom-tabs.polygon-3 .tab-icon,.bottom-tabs.polygon-4 .tab-icon{display:block!important}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.tab-icon{font-size:1.4vh;display:none}.bottom-tabs{gap:0px}.bottom-tabs.polygon-1,.bottom-tabs.polygon-2,.bottom-tabs.polygon-3,.bottom-tabs.polygon-4{gap:2px}.bottom-tabs.polygon-1 .tab-icon,.bottom-tabs.polygon-2 .tab-icon,.bottom-tabs.polygon-3 .tab-icon,.bottom-tabs.polygon-4 .tab-icon{display:block!important}}.bottom-nav{grid-area:footer}.header-main{width:100%;background:var(--primary-containers-bg);text-align:center;height:4.1vw}.header-container{display:grid;max-width:1536px;margin:auto;align-items:center;justify-items:center;grid-template-columns:auto 1fr auto}.copy-container{display:inline-flex;align-items:center;position:relative;cursor:pointer}.setting-icon{font-size:xx-large;color:var(--primary-text-color)}.volume-icon{font-size:xx-large;color:var(--secondary-text-color)}.tooltip{position:absolute;background-color:var(--blue-bg);color:var(--bottom-tabs-active);padding:60%;border-radius:5px;font-size:12px;font-family:archivo!important;white-space:nowrap;border:1px solid var(--bottom-tabs-active);opacity:1;transition:opacity .3s ease-in-out;z-index:10}.glow-effect{box-shadow:0 0 15px 5px gold;transition:box-shadow .3s ease-in-out}.tooltip.top{bottom:120%;left:50%;transform:translate(-50%)}.tooltip.top:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--bottom-tabs-active) transparent transparent transparent}.tooltip.right{left:120%;top:50%;transform:translateY(-50%)}.tooltip.left{right:120%;top:50%;transform:translateY(-50%)}.tooltip.left:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent var(--bottom-tabs-active)}.left-section{display:flex;align-items:center;justify-items:start;gap:1rem}.add-icon{position:relative;border:none;font-size:.833vw;border-left:1px solid var(--secondary-text-color);border-right:1px solid var(--secondary-text-color);display:flex}.center-section img{width:11.042vw;height:4.063vh;height:auto!important}.coin{width:3.15vh;height:1.5vw}.left-section button{background-color:var(--blue-bg)}.right-section{display:flex;align-items:center;gap:.5rem;justify-content:space-between}.copy-button{cursor:pointer}.user-amount-inner-container{display:flex;align-items:center;gap:.3rem}.user-amount p{color:var(--primary-text-color);text-align:end}.add-button{background-color:var(--input-bg);border:none;border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color);position:relative;color:var(--primary-text-color);font-size:.833vw}.notification-btn{background-color:var(--blue-bg);border:none;position:relative;color:var(--secondary-text-color);border-left:1px solid var(--secondary-text-color);border-right:1px solid var(--secondary-text-color);font-size:.833vw;cursor:pointer}@media screen and (max-height: 450px){.header-main{height:4.6vw}.header-container{margin:0rem 1rem}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.header-main{min-height:4.6vh}.header-container{margin:0rem 1rem}.notification-btn,.add-button,.add-icon{font-size:.833vh}.center-section img{width:11.042vh;height:4.063vw}.volume-icon,.setting-icon{font-size:xx-large}.coin{width:3.15vw;height:1.5vh}}.drawer-container{width:30%;height:100%;padding:0rem 1rem;overflow-y:auto!important;border-right:1px solid var(--border-primary);position:fixed;overflow-x:hidden;z-index:99;top:0;left:0;transform:translate(-100%)}.drawer-container.open{animation:var(--left-drawer-in);transform:translate(0)}.drawer-container.close{animation:var(--left-drawer-out);transform:translate(-100%)}.drawer-header{position:sticky;top:.16rem;background-color:var(--default-bg-color);left:.16rem;font-size:.833vw}.drawer-header-inner{display:flex;justify-content:space-between;align-items:center}.drawer-inner-container{display:flex;align-items:center;gap:1rem}.search-field{width:100%;font-family:archivo;padding:.5rem 0rem}.search-field::placeholder{font-family:archivo}.drawer-container .button-group button{background-color:transparent;border:none}.sent-request-div{margin-top:1rem}.sent-request-list{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;border-bottom:1px solid var(--text-color-disabled)}.sent-request-list p{font-size:12px;color:#fff}.button-group{display:flex;gap:1rem}.sent-request-list svg{cursor:pointer}.friendlist{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #737373;padding:1rem 0rem;animation:var(--fade-in-animation)}.add-friend-button{border:none;border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color);background-color:var(--input-bg);color:var(--primary-text-color);position:relative}.add-friend-button svg{font-size:1.2vw}.remove-friend-button{background-color:transparent;padding:.7rem .9rem;border:none;color:red;font-size:1.5vw}.remove-friend-popup{background-color:var(--default-bg-color);text-align:center;border:1px solid var(--border-primary);width:25%;padding:1%;position:fixed;top:50%;left:50%;z-index:999999;transform:translate(-50%,-50%)}.back-button{display:flex;align-items:center;border:transparent;padding:0;margin-bottom:1rem;gap:.5rem;background-color:transparent}.add-friend-input{width:100%;padding:.5rem .1rem;font-family:archivo}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.add-friend-button svg{font-size:2vh}.add-friend-button{padding:.2rem .3rem}.friendlist{padding:.5rem 0rem}.remove-friend-button{font-size:1.5vh}}/*!
 * 
 *   react-simple-keyboard v3.8.98
 *   https://github.com/hodgef/react-simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 *//*!
 * 
 *   simple-keyboard v3.8.69
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit;outline:0}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}.hg-theme-default{background-color:#181015;box-shadow:1px 1px 50px 30px #000;padding:4%;border-right:1px solid #46eca2;border-left:1px solid #46eca2;border-radius:0}.hg-theme-default .hg-button{background-color:#000;color:var(--border-secondary);border-bottom:1px solid var(--border-secondary)}.modal-container{background-color:var(--default-bg-color);text-align:center;border:1px solid var(--border-primary);width:26%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.cross-button{position:absolute;right:1rem;cursor:pointer}.tabs{margin-top:2rem}.tabs button{border:none;width:50%;color:var(--tabs-inactive);border-top:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);background:transparent;border-bottom:1px solid var(--border-primary)}.tabs button.active{color:var(--tabs-active);border-radius:0;font-family:bigover;border-top:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);border-bottom:none}.tabs button.active+.tabs button{border-left:none}.tabs button:has(+.tabs button.active){border-right:none}.exchange-fields{display:flex;align-items:center;justify-content:space-evenly;padding-top:1.6rem;gap:1rem;margin-bottom:1.6rem}.exchange-fields input{padding:.8rem .9rem;width:100%}.notification-drawer-container{width:30%;padding:0rem 1rem;height:100%;overflow-y:auto!important;border-left:1px solid var(--border-primary);font-family:archivo;position:fixed;top:0;right:0;z-index:99999}.notification-drawer-container.open{animation:var(--right-slide-in);transform:translate(0)}.notification-drawer-container.close{animation:var(--right-slide-out);transform:translate(100%)}.filter-button{border:none;background-color:transparent;display:flex;align-items:center;float:inline-end;position:relative;gap:.5rem;padding:0% 3%;color:var(--primary-text-color);border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color)}.dropdown-list{position:absolute;top:13%;right:15%;display:flex;width:180px;flex-direction:column;justify-content:start;box-shadow:0 2px 13px #46eca233;z-index:1000;border:1px solid #404040;background-color:var(--red-bg)}.dropdown-item{display:flex;align-items:center;padding:8px;cursor:pointer;gap:4%;border-bottom:1px solid #404040;margin:3%}.dropdown-item:last-child{border-bottom:none}.notification-drawer-inner-container{display:flex;align-items:center;gap:1rem}.notification-item{border-bottom:1px solid grey;padding-bottom:5%;animation:var(--fade-in-animation)}input[type=radio]:checked{accent-color:var(--primary-text-color)}.sound-popup{background-color:var(--default-bg-color);text-align:center;border:1px solid var(--border-primary);width:30%;padding:1%;top:50%;left:50%;position:fixed;z-index:99;transform:translate(-50%,-50%)}.inner-wrapper-popup{display:flex;align-items:center;justify-content:space-between}.toggle-switch{position:relative;display:inline-block;width:40px;height:24px;margin:10px}.toggle-switch .toggle-input{display:none}.toggle-switch .toggle-label{position:absolute;top:0;left:0;width:40px;height:24px;background-color:gray;border-radius:34px;cursor:pointer;transition:background-color .3s}.toggle-switch .toggle-label:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background-color:#fff;box-shadow:0 2px 5px #0000004d;transition:transform .3s}.toggle-switch .toggle-input:checked+.toggle-label{background-color:var(--tabs-active)}.toggle-switch .toggle-input:checked+.toggle-label:before{transform:translate(16px)}.toggle-switch.light .toggle-label{background-color:#bebebe}.toggle-switch.light .toggle-input:checked+.toggle-label{background-color:#9b9b9b}.toggle-switch.light .toggle-input:checked+.toggle-label:before{transform:translate(6px)}.toggle-switch.dark .toggle-label{background-color:#4b4b4b}.toggle-switch.dark .toggle-input:checked+.toggle-label{background-color:#717171}.toggle-switch.dark .toggle-input:checked+.toggle-label:before{transform:translate(16px)}.master-volume{-webkit-appearance:none;width:35%;height:8px;background:linear-gradient(to right,var(--primary-text-color),#525252);touch-action:none;border-radius:5px;outline:none;transition:background .3s ease}.master-volume::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#000;border:2px solid var(--primary-text-color);border-radius:50%;cursor:pointer;transition:background .3s ease}.master-volume::-moz-range-thumb{width:12%;height:20px;background:#000;border:2px solid #4caf50;border-radius:50%;cursor:pointer}.main-container{display:grid;grid-template-areas:"left-panel right-panel";grid-template-columns:35% 65%;max-width:1536px;margin:auto;width:100%}.left-panel{grid-area:left-panel;display:grid;align-content:space-between;margin:1rem 1rem 1rem 0rem;grid-template-rows:84% 11%;grid-template-areas:"skin-selection" "footer";grid-row-gap:5%}.right-panel{grid-area:right-panel;display:grid;margin:1rem 0rem 1rem 1rem;align-content:space-between;grid-template-areas:"game-tabs" "footer";grid-row-gap:5%;grid-template-rows:84% 11%}@media screen and (max-height: 450px){.left-panel,.right-panel{margin:1rem}.drawer-icon{font-size:1.25vh}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.left-panel,.right-panel{margin:1rem}.drawer-icon{font-size:1.25vh}}.tabs-container{margin:0 auto;height:100%}.tab-header{display:flex;width:100%;background:var(--primary-containers-bg)}.tab-button{display:flex;justify-content:center;align-items:center;flex:1;cursor:pointer;border-top:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:var(--primary-containers-bg);color:var(--tabs-inactive);text-align:center;border-radius:0;font-size:1vw;padding:1%;font-family:bigover;transition:background-color .3s,color .3s}.tab-button:hover{background-color:#ffffff0d;border-color:none!important}.tab-button:focus-visible{outline:transparent}.tab-button.active{background-color:#271615;border-top:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);border-bottom:none;text-shadow:0px 0px 12px var(--tabs-active);color:var(--tabs-active);font-family:bigover}.tab-button.active+.tab-button{border-left:none}.tab-button:has(+.tab-button.active){border-right:none}.tab-content{text-align:center;height:85%;padding:1%;overflow-y:hidden;overflow-x:hidden}.grayscale-disable{filter:grayscale(100%);position:absolute;top:0;left:0;width:100vw;height:100vh;background:#3d3d3db7;z-index:11111}.practice-main{width:100%;height:100%;display:flex;justify-content:space-between}.practice-mode-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:archivo;height:100%;width:50%}.text-container{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:2px}.content-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.text-container p{color:var(--bottom-tabs-active)}.coin-div{height:1.2vw;width:1.2vw}.button-container{display:flex;width:100%;align-items:center;font-family:bigover;justify-content:center;flex-direction:column;margin-top:6%}.play-button{display:flex;border:none;gap:.5rem;margin-top:3%;width:fit-content;color:var(--primary-text-color);border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color);padding:5% 10%;background-color:var(--input-bg, "white");font-size:.833vw}.task-container{width:50%;height:100%;border-left:1px solid #404040;text-align:left;display:flex;flex-direction:column}.button-heading-container{padding-left:2%;display:flex;justify-content:space-between;align-items:center}.wrapper{display:flex;justify-content:space-between;margin-left:3%;margin-right:2%;align-items:center;background-color:var(--primary-containers-bg);border:1px solid #404040;padding:2%}.wrapper-icon{font-size:1.4vw;color:var(--secondary-text-color);margin-right:2%}.inner-wrapper{display:flex;align-items:center;width:100%}@keyframes stretchGlow{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 24px var(--primary-text-color, #000)}}.animated-play{animation:stretchGlow 1.5s ease-in-out infinite}.text-container p{width:60%}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.practice-main{height:100%}.task-container{height:90%;justify-content:center}.practice-mode-container{height:100%}.copy-input-field{padding:1}.wrapper-icon{font-size:1.5vh}.play-button{font-size:1.2vh}.coin-div{height:1.2vh;width:1.2vh}}@media screen and (max-height: 485px){.practice-main{height:100%}.task-container{height:90%;justify-content:center}.practice-mode-container{height:80%}.play-button{font-size:1.2vw}}.invite-friend-drawer{width:30%;padding:0rem 1rem;height:100%;overflow-y:auto!important;border-left:1px solid var(--border-primary);font-family:archivo;position:fixed;top:0;right:0;z-index:99;text-align:left}.input-field-wrapper{width:95%;margin-bottom:3%}.copy-input-field{border:1px solid var(--secondary-text-color);font-family:archivo;background-color:var(--blue-bg);width:100%;padding:2%;font-size:.729vw;text-align:center}.buttons-wrapper{display:flex;gap:5%;margin-top:3%;align-items:center;justify-content:flex-end}.buttons-div{display:flex;align-items:center;justify-content:space-around;gap:5%}.stats-wrapper{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:50%;background-color:var(--primary-containers-bg);z-index:1}.x-tasks{border:1px solid #404040;display:flex;align-items:center;gap:3%;justify-content:space-between;padding:1% 2%;margin-top:2%;background-color:var(--primary-containers-bg)}.stats-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(to right,#404040 7% 30px,transparent 30px 40px),repeating-linear-gradient(to bottom,#404040 20% 30px,transparent 30px 40px),repeating-linear-gradient(to left,#404040 7% 30px,transparent 30px 40px),repeating-linear-gradient(to top,#404040 20% 30px,transparent 30px 40px);background-repeat:no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-position:top,right,bottom,left;pointer-events:none}.invite-friend-drawer.open{animation:var(--right-slide-in)}.invite-friend-drawer.close{animation:var(--right-slide-out)}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.invite-friend-drawer{width:35%}.input-field-wrapper{flex-direction:column}.copy-input-field{width:95%}.buttons-wrapper{width:100%;justify-content:center}.copy-input-field{font-size:.729vh}.stats-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(to right,#404040 12% 30px,transparent 30px 40px),repeating-linear-gradient(to bottom,#404040 26% 30px,transparent 30px 40px),repeating-linear-gradient(to left,#404040 12% 30px,transparent 30px 40px),repeating-linear-gradient(to top,#404040 26% 30px,transparent 30px 40px);background-repeat:no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-position:top,right,bottom,left;pointer-events:none}}@media screen and (max-height: 485px){.invite-friend-drawer{width:35%}.input-field-wrapper{flex-direction:column}.copy-input-field{width:95%}.buttons-wrapper{width:100%;justify-content:center}.copy-input-field{font-size:.729vw}.stats-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(to right,#404040 12% 30px,transparent 30px 40px),repeating-linear-gradient(to bottom,#404040 26% 30px,transparent 30px 40px),repeating-linear-gradient(to left,#404040 12% 30px,transparent 30px 40px),repeating-linear-gradient(to top,#404040 26% 30px,transparent 30px 40px);background-repeat:no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-position:top,right,bottom,left;pointer-events:none}}.grid-container{display:grid;grid-template-columns:.1fr 1fr 1fr 1fr;border-bottom:1px solid #46eca2;align-items:center;text-align:start;height:10%}.grid-row-container{text-align:start;display:grid;grid-template-columns:.1fr 1fr 1fr 1fr;align-items:center;padding:1% 0;border-bottom:1px solid var(--Neutral-700-Stroke, #404040)}.grid-rows-cont{overflow-y:auto;overflow-x:hidden;max-height:85%}.join-button-table{padding:2% 4%;width:80%;border:none;background:var(--yellow-bg);border-left:1px solid var(--yellow-text);border-right:1px solid var(--yellow-text);position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-spinning{animation:spin 1s linear infinite}.change-region-container{border:1px solid #404040;background:var(--primary-containers-bg);display:flex;padding:1% 3%;margin-bottom:2%;margin-left:1%;margin-right:1%}.change-region-inner{display:flex;width:70%;gap:5%;align-items:center}.change-region-button-container{width:40%;text-align:right}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.grid-container{height:4vh}}@media screen and (max-height: 450px){.grid-container{height:4vw}.grid-rows-cont{max-height:72%}}.leave-party-container{display:flex;justify-content:space-between;background:var(--primary-containers-bg);padding:1%;border:1px solid var(--Neutral-700-Stroke, #404040)}.lobby-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:2%}.row{display:flex;justify-content:space-between;width:100%;gap:3rem}.party-card{width:100%;height:100%;border:1px solid var(--Neutral-700-Stroke, #404040);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}.leave-party-popup{background-color:var(--default-bg-color);text-align:center;padding:1%;border:1px solid var(--border-primary);left:35%;top:30%;position:fixed;display:flex;flex-direction:column;align-items:center;width:25%;height:auto;overflow-y:auto;overflow-x:hidden;z-index:99;animation:modalFadeIn .3s ease-out}.tooltip-container{position:relative;display:inline-block}.icon{cursor:pointer}.tooltip-text{position:absolute;background:linear-gradient(to bottom,#2c1010,#0a1017);border:1px solid var(--border-primary);color:#fff;padding:8px 10px;width:max-content;font-family:archivo;font-size:10px;z-index:1000;opacity:0;animation:fadeIn .5s forwards}.tooltip-text.right{bottom:120%;left:0%}.tooltip-text.left{bottom:120%;right:0%}.tooltip-text.bottom{top:120%;left:0%}.tooltip-text p{margin-block-start:0rem;margin-block-end:0rem}.tooltip-text:after{content:"";position:absolute;border-color:5px solid var(--default-bg-color) transparent transparent transparent}@keyframes fadeIn{to{opacity:1}0%{opacity:0}}@media screen and (max-height: 450px){.tooltip-text{width:110px;text-align:left}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.tooltip-text{width:100px;text-align:left}}.party-box{grid-area:skin-selection;display:flex;flex-direction:column;position:absolute;bottom:2%;width:95%;left:3%}.party-list{display:flex;align-items:center;justify-content:space-between}.drawer-icon{color:var(--primary-text-color);font-size:max(1.667vw,24px)}.avatar-list{width:12%}.avatar-list div{justify-content:center;align-items:center;display:flex}.sprite-image-div{height:max(2vw,28px);padding:5%}.avatar-image{width:max(1.667vw,24px);padding:10%}@media screen and (max-height: 450px){.sprite-image-div{height:max(1.667vw,20px)}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.drawer-icon{font-size:max(1.667vh,24px)}.sprite-image-div{height:max(2vh,28px)}.avatar-image{width:max(1.667vh,24px)}.avatar-list{width:15%}}.main-tab-container{grid-area:skin-selection}.skin-selector{display:flex;align-items:center;justify-content:center;height:70%}.skin-display{display:flex;align-items:center;width:100%;position:absolute;top:20%;flex-direction:column;justify-content:center}.skin{position:absolute;transition:all .5s ease-in-out;opacity:.5;transform:scale(.8)}.skin.active{transform:scale(1);opacity:1;width:100%;left:50%;transform:translate(-50%);animation:skin-animation 1s steps(3) infinite;z-index:2}@keyframes skin-animation{to{background-position:-768px 0}}.skin.prev{right:85%;opacity:.7;width:10%;cursor:pointer;z-index:1}.skin.next{left:80%;opacity:.7;z-index:1;cursor:pointer;width:10%}.skin.hidden{display:none}.carousel-button{background:none;border:none;font-size:24px;cursor:pointer;z-index:3;display:none}.carousel-button:focus{outline:none}.sprite-animation{width:15.625vw;height:15.625vw;background-size:78.125vw 62.5vw;background-repeat:no-repeat;background-position:0vw 0vw;transform:rotate(90deg)}.sprite-animation:hover{animation:play-animation .8s steps(1) infinite}@keyframes play-animation{0%{background-position:0vw 0vw}5%{background-position:-15.625vw 0px}10%{background-position:-31.25vw 0px}15%{background-position:-46.875vw 0px}20%{background-position:-62.5vw 0px}25%{background-position:0px -15.625vw}30%{background-position:-15.625vw -15.625vw}35%{background-position:-31.25vw -15.625vw}40%{background-position:-46.875vw -15.625vw}45%{background-position:-62.5vw -15.625vw}50%{background-position:0px -31.25vw}55%{background-position:-15.625vw -31.25vw}60%{background-position:-31.25vw -31.25vw}65%{background-position:-46.875vw -31.25vw}70%{background-position:-62.5vw -31.25vw}75%{background-position:0px -46.875vw}80%{background-position:-15.625vw -46.875vw}85%{background-position:-31.25vw -46.875vw}90%{background-position:-46.875vw -46.875vw}95%{background-position:-62.5vw -46.875vw}to{background-position:-62.5vw -46.875vw}}.tabs-container{height:100%}.home-tab{grid-area:game-tabs;background:var(--secondary-containers-bg)}.home-skin-display{position:relative;grid-area:skin-selection;background:var(--primary-containers-bg)}.login-page{background-image:url(/images/login-bg.svg)!important;background:var(--Neutral-950, #0a0a0a);background-size:cover;background-repeat:no-repeat;background-position:center center}.login-page-content{text-align:center;transform:translateY(50%);position:relative;z-index:1}.login-content-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-16.967deg);width:50%;height:50%;opacity:.3;background:var(--tabs-inactive);filter:blur(120px);z-index:-1}.login-heading{font-size:3.75vw;font-family:bigover}.tupack-text{font-family:bigover;color:var(--tabs-inactive);position:relative}.leaf-img{position:absolute;width:20%}.tg-text{font-family:bigover;color:#24a1de}.tagline{font-size:1.042vw;display:inline-block;width:35%}.tg-button{margin-top:2rem}.setting-list{font-family:bigover;height:100%;display:flex;flex-direction:column;gap:0px;grid-area:skin-selection;background:var(--primary-containers-bg);justify-content:space-between}.setting-content{background:var(--secondary-containers-bg);border-radius:0;grid-area:game-tabs;height:100%}.ping-container{padding:2%}.ping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2%;margin-top:3%}.ping-label{gap:3%;width:100%;display:flex;align-items:start}.ping-info{color:var(--secondary-text-color)}.refresh-button{color:var(--primary-text-color);background-color:transparent;border:none;width:100%;margin-top:2%;cursor:pointer}.profile-main{display:flex;flex-direction:column;gap:.5rem;padding:1% 2%}.profile-text{text-align:start;font-family:bigover;font-size:1.25vw}.profile-update-main{align-self:flex-end}.profile-update-btn{padding:1rem;border-radius:.3rem;border:1px solid var(--Primary, #059033);background:var(--Primary-BG, #143e23)}.general-main,.support-container{display:flex;flex-direction:column;padding:1% 2%}.general-content{display:flex;align-items:center;justify-content:space-between}.general-content p{color:var(--bottom-tabs-active)}.settings-button-component{display:flex;width:100%;justify-content:space-between;border:0px}.settings-buttons-inactive{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;background:var(--primary-containers-bg);border-radius:0;border:none;color:#fff;padding:0rem 2rem;border-bottom:1px solid var(--Neutral-700-Stroke, #404040)}.settings-buttons-active{display:flex;height:100%;justify-content:space-between;width:100%;background:var(--primary-containers-bg);align-items:center;border-radius:0;border:none;padding:0rem 2rem;color:var(--tabs-active);border-bottom:1px solid var(--Neutral-700-Stroke, #404040);font-weight:700}.policy-button-component{display:flex}.policy-text{font-size:.6rem;width:100%}.policy-main{text-align:left;padding:1% 2%}.ticket-text{color:#059033;font-family:bigover}.ticket-container{cursor:pointer;display:flex;align-items:center;gap:.5rem}.faq-container{padding:1% 2%;height:95%;overflow:auto}.faq-heading{text-align:left}.faq-list{overflow:hidden;box-shadow:0 2px 5px #0000001a}.faq-item{border-bottom:1px solid var(--Neutral-700-Stroke, #404040)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-question:hover{color:var(--tabs-active)}.faq-toggle{color:#7f8c8d}.faq-question.open{color:var(--tabs-active)}.faq-answer{text-align:left;font-size:.9rem;line-height:1.5}.achievement-main{padding:0% 2%;height:100%}.main-radio{display:flex;align-items:center}.region-main{padding:1% 2%}.create-main-component,.table-container{height:100%}.data-container{max-height:82%;overflow-y:auto}.headings-container{border-bottom:1px solid var(--border-secondary);display:grid;grid-template-columns:.3fr 1fr 1fr 1fr;align-items:center;text-align:start;margin-top:1%;height:10%}.data-row{display:grid;grid-template-columns:.3fr 1fr 1fr 1fr;padding:2% 0;border-bottom:1px solid var(--Neutral-700-Stroke, #404040);align-items:center;text-align:start}.checkbox{display:flex;gap:5px;align-items:center;accent-color:var(--border-secondary);cursor:pointer}.create-main{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding:1rem}.create-main h1{font-size:.833vw}.input-main{display:flex;width:100%;gap:1rem}.input-field{border-left:1px solid grey;border-top:none;border-bottom:none;padding:2% 1%;border-right:1px solid grey;transition:border-color .3s ease,background-color .3s ease}.input-field.error{border-color:var(--error-text-color);background-color:#2d0505;color:var(--error-text-color)}.input-field:focus{border-color:var(--border-secondary);outline:none;color:var(--border-secondary);background:var(--input-bg)}.rewards-container{display:flex;width:100%;justify-content:space-between;align-items:center}.rewards{display:flex;flex-direction:column;text-align:left;gap:1rem;width:50%}.rewards hr{width:100%;border:.5px solid var(--Neutral-700-Stroke, #404040)}.load-button{width:100%;margin-top:2%;background-color:var(--button-bg-color);border:1px solid var(--primary-active)}.reward-values{display:flex;justify-content:space-between;font-size:.938vw}.create-button-component{width:100%}.create-buttons-inactive{width:50%;text-align:center;padding:1%;border-radius:0;font-size:.833vw;border:1px solid var(--Neutral-700-Stroke, #404040);background:#ffffff0d}.create-buttons-active{width:50%;text-align:center;font-size:.833vw;padding:1%;border-radius:0;border:1px solid var(--Primary, #059033);background:var(--Primary-BG, #143e23);font-family:bigover}.buttons-create{width:30%;padding:1% 4%;position:relative;border:none;background:var(--yellow-bg);border-left:1px solid var(--yellow-text);border-right:1px solid var(--yellow-text)}.action-panel-container{display:flex;align-items:center;gap:.8rem}.action-panel-container svg{cursor:pointer}.dropdown-menu{position:absolute;top:5;right:5;width:10%;z-index:9;border:1px solid var(--border-primary)}.join-room-modal{text-align:center;padding:1rem;width:450px;border:1px solid var(--tabs-inactive);left:35%;top:25%;position:fixed;z-index:99;animation:var(--right-drawer-in)}.room-details-drawer{width:420px;background-color:var(--default-bg-color);padding:0rem 1rem;height:100%;overflow-y:auto!important;position:fixed;top:0;right:0;z-index:99;border-left:1px solid var(--border-primary);color:#fff}.room-details-drawer.open{animation:var(--right-slide-in)}.room-details-drawer.close{animation:var(--right-slide-out)}.room-details-list{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--Neutral-700-Stroke, #404040);margin-bottom:1rem}.room-details-list p{color:var(--bottom-tabs-active)}.panel-icon{font-size:max(1.2vw,18px)}@media screen and (max-height: 450px){.panel-icon{font-size:max(1.2vh,18px)}.data-container{max-height:60%}.headings-container{height:4vw}.create-main{gap:.8rem;padding-top:.5rem;padding-bottom:.5rem}.rewards{gap:0rem}hr{margin-block-start:2px;margin-block-end:2px}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.data-container{max-height:60%}.create-main{gap:.5rem}.rewards{gap:0}.panel-icon{font-size:max(1.2vh,18px)}.headings-container{height:4vh}.dropdown-menu{width:15%}}.button-mapping{overflow-y:auto;height:96%;padding:1% 2%}.mapping-content{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mapping-input-field{border-left:1px solid grey;border-top:none;font-family:bigover;border-bottom:none;width:30%;text-align:center;padding:4% 1%;border-right:1px solid grey;transition:border-color .3s ease,background-color .3s ease}.mapping-input-field:hover{cursor:pointer}.mapping-input-field.error{border-color:var(--error-text-color);background-color:#2d0505;color:var(--error-text-color)}.mapping-input-field:focus{border-color:var(--border-secondary);outline:none;color:var(--border-secondary);background:var(--input-bg)}.highlighted{background-color:var(--input-bg);border:1px solid var(--border-secondary);caret-color:transparent}.save-button{width:100%;text-align:right}.display-main{padding:1% 2%}.leader-skin-container{background:var(--primary-containers-bg);align-items:center;flex-direction:column;height:100%;display:flex;position:relative;grid-area:skin-selection}.leaders-history{height:100%;grid-area:game-tabs;background:var(--secondary-containers-bg)}.leaders-data-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5rem;padding:1em 0;border-bottom:1px solid var(--Neutral-700-Stroke, #404040);align-items:center;text-align:start}.stats{display:flex;align-items:center;justify-content:space-between}.leader-stats{width:95%;position:absolute;bottom:2%}.stats-container{padding:1.5% 2%;height:85%}.buttons-container{width:100%}.leaders-button-active{width:50%;padding:1%;background-color:#271516;border-top:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);border-bottom:none;text-shadow:0px 0px 12px var(--tabs-active);color:var(--tabs-active);font-family:bigover;pointer-events:none}.leaders-data-container{height:89%;overflow-y:auto}.leaders-button-inactive{width:50%;padding:1%;background:#ffffff0d;border-top:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:var(--primary-containers-bg);color:var(--tabs-inactive);font-family:bigover}.leaders-button-active+.leaders-button-inactive{border-left:none}.leaders-button-inactive:has(+.leaders-button-active){border-right:none}.stats-heading-container{border-bottom:1px solid #46eca2;display:grid;grid-template-columns:repeat(4,1fr);gap:5rem;align-items:flex-start;text-align:start}@media screen and (max-height: 450px){.leaders-data-row{padding:5px 0}.stats-container{height:70%}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.leader-skin-container{height:100%}.stats-container{height:70%}.leaders-data-row{padding:5px 0}}.achievement-cards-container{display:grid;grid-template-columns:repeat(3,1fr);overflow-y:auto;max-height:85%}.achievement-card{border:1px solid var(--Neutral-700-Stroke, #404040);padding:8%;text-align:center;box-shadow:0 4px 6px #0000001a}.achievement-card img{max-width:100%;height:auto}.coin-div-ach-cards{height:1vw}.image-skeleton{width:45%;aspect-ratio:1;background-color:#444;animation:skeleton-loading 1.2s infinite ease-in-out;border-radius:8px}@keyframes skeleton-loading{0%{background-color:#3a3a3a}50%{background-color:#4f4f4f}to{background-color:#3a3a3a}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.achievement-cards-container{max-height:80%}.coin-div-ach-cards{height:2vh}}@media screen and (max-height: 485px){.achievement-cards-container{max-height:80%}.coin-div-ach-cards{height:2vw}}.skin-view-container{background:var(--primary-containers-bg);grid-area:skin-selection;height:100%;position:relative}.marketplace-container{grid-area:game-tabs;height:100%;background:var(--secondary-containers-bg);overflow:hidden}.tale-button{background-color:var(--input-bg);position:relative;border:none;color:var(--button-border-color);border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color)}.leader-history{display:flex}.marketplace-tabs-inactive{width:50%;padding:1%;background:#ffffff0d;background-color:#ffffff0d;border-top:none;border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);background:var(--primary-containers-bg);color:var(--tabs-inactive)}.marketplace-tabs-active{width:50%;padding:1%;background-color:transparent;border-top:1px solid var(--border-secondary);border-left:1px solid var(--border-secondary);border-right:1px solid var(--border-secondary);border-bottom:none;text-shadow:0px 0px 12px var(--tabs-active);color:var(--tabs-active);pointer-events:none}.marketplace-tabs-active+.marketplace-tabs-inactive{border-left:none}.marketplace-tabs-inactive:has(+.marketplace-tabs-active){border-right:none}.cards-container{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:1.5%;overflow:auto;max-height:85%}.cards,.active-card{position:relative;border:1px solid var(--Neutral-700-Stroke, #404040);padding:2%;gap:.5rem;display:flex;flex-direction:column;align-items:center;margin:0}.active-card{border:1px solid var(--primary-text-color)}.cards-tale-button{align-self:center;border:none;background-color:transparent;color:var(--primary-text-color);border-left:1px solid var(--primary-text-color);border-right:1px solid var(--primary-text-color);right:3%;position:absolute;padding:2% 4%;top:3%;z-index:9}.tale-icon{font-size:1.25vw}.tale-modal-container{background-color:var(--default-bg-color);text-align:center;padding:1%;border:1px solid var(--border-primary);left:25%;top:20%;position:fixed;display:flex;width:50%;height:50%;overflow-y:auto;overflow-x:hidden;z-index:99;animation:modalFadeIn .3s ease-out}.buy-skin-modal{background-color:var(--default-bg-color);text-align:center;padding:1%;border:1px solid var(--border-primary);left:35%;top:25%;position:fixed;display:flex;flex-direction:column;align-items:center;width:25%;height:auto;overflow-y:auto;overflow-x:hidden;z-index:99;animation:modalFadeIn .3s ease-out}.tale-skin-view-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:5%}.story-container{border-left:1px solid #404040;padding:1rem 2rem}.back-story{text-align:justify}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait){.tale-icon{font-size:max(1.25vh,14px)}.cards-container{max-height:80%}}@media screen and (max-height: 450px){.cards-container{max-height:80%}.tale-icon{font-size:max(1.25vh,14px)}}.reload-popup{background-color:transparent;text-align:center;width:25%;padding:1%;top:45%;left:50%;position:fixed;z-index:99;border:1px solid var(--border-primary);transform:translate(-50%,-50%)}