@font-face{font-family:Russo One;src:url(/static/RussoOne-Regular-CGGtX09i.woff2) format("woff2"),url(/static/RussoOne-Regular-uUyZtA3s.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Luckiest Guy;src:url(/static/LuckiestGuy-Regular-BhSTlzlZ.woff2) format("woff2"),url(/static/LuckiestGuy-Regular-Dvy-2U6e.woff) format("woff");font-weight:400;font-style:normal;font-display:swap;ascent-override:105%;descent-override:32%}@font-face{font-family:Montserrat;src:url(/static/Montserrat-Medium-BG2Lg1BM.woff2) format("woff2"),url(/static/Montserrat-Medium-BOcX0M87.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Baloo 2";src:url(/static/Baloo2-ExtraBold-qOkBzYl0.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}input,input:before,input:after,textarea{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}select,option{font:-moz-pull-down-menu}:-webkit-full-screen{background-color:transparent}:-ms-fullscreen{background-color:transparent}:fullscreen{background-color:transparent}.box-sizing-content-box{box-sizing:content-box}h1,.h1{font-size:clamp(32px,3vw + 14px,56px);font-weight:700}h2,.h2{font-size:clamp(28px,2.5vw + 12px,48px);font-weight:600}h3,.h3{font-size:clamp(24px,2vw + 10px,40px);font-weight:600}h4,.h4{font-size:clamp(22px,1.8vw + 8px,32px);font-weight:500}h5,.h5{font-size:clamp(20px,1.5vw + 7px,28px);font-weight:500}h6,.h6{font-size:clamp(18px,1.2vw + 7px,24px);font-weight:500}.higher-p{font-size:clamp(17px,1vw + 7px,20px)}p,.p{font-size:clamp(16px,.8vw + 8px,18px);font-weight:400}.smaller-p{font-size:clamp(15px,.7vw + 7px,17px)}span,.span{font-size:clamp(14px,.6vw + 7px,16px)}.smaller-span{font-size:clamp(13px,.5vw + 7px,15px)}.vsmaller-span{font-size:clamp(12px,.4vw + 7px,14px)}.vvsmaller-span{font-size:clamp(9px,.3vw + 7px,12px)}.line-height-half{line-height:.5}.line-height-one{line-height:1}.line-height-one-half{line-height:1.5!important}.font-luckiest-guy{font-family:Luckiest Guy,cursive;line-height:1}.font-baloo2-extrabold{font-family:"Baloo 2",cursive;line-height:1}.font-montserrat{font-family:Montserrat,sans-serif}.font-bangers{font-family:Bangers,cursive;font-weight:bolder;letter-spacing:1px}.medium-font{font-weight:500}.bold-font{font-weight:700}.text-indent-1{text-indent:clamp(1px,.1vw + 1px,2px)}.text-align-center{text-align:center}.text-align-start{text-align:start}.text-align-end{text-align:end}.mini-logo{width:clamp(50px,5vw + 20px,70px);height:clamp(50px,5vw + 20px,70px)}.vlarge-img{width:clamp(40px,2.5vw + 12px,48px);height:clamp(40px,2.5vw + 12px,48px)}.large-img{width:clamp(30px,2vw + 10px,38px);height:clamp(30px,2vw + 10px,38px)}.medium-large-img{width:clamp(26px,1.8vw + 9px,35px);height:clamp(26px,1.8vw + 9px,35px)}.medium-img{width:clamp(22px,1.6vw + 8px,32px);height:clamp(22px,1.6vw + 8px,32px)}.small-img{width:clamp(16px,1.4vw + 7px,26px);height:clamp(16px,1.4vw + 7px,26px)}.vsmall-img{width:clamp(12px,1vw + 5px,20px);height:clamp(12px,1vw + 5px,20px)}.vvsmall-img{width:clamp(10px,.8vw + 4px,16px);height:clamp(10px,.8vw + 4px,16px)}.h-100{height:100%}.h-fit-content{height:fit-content}.mh-0{min-height:0}.w-100{width:100%}.mw-0{min-width:0}.w-max-content{width:max-content!important}.w-fit-content{width:fit-content}.z-index-1{z-index:1}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-y-scroll{overflow-y:scroll}.d-none{display:none}.d-flex{display:flex}.d-inline-block{display:inline-block}.d-grid{display:grid}.d-block{display:block!important}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-direction-column{flex-direction:column}.flex-gap-15{gap:clamp(15px,1vw + 5px,18px)}.flex-gap-10{gap:clamp(10px,.7vw + 4px,13px)}.flex-gap-3{gap:clamp(3px,.3vw + 1px,5px)}.flex-gap-5{gap:clamp(5px,.4vw + 2px,8px)}.flex-gap-7{gap:clamp(7px,.5vw + 3px,10px)}.flex-gap-20{gap:clamp(20px,1.5vw + 7px,25px)}.flex-gap-50{gap:clamp(50px,3vw + 20px,70px)}.justify-content-space-between{justify-content:space-between}.justify-content-space-around{justify-content:space-around}.justify-content-center{justify-content:center}.align-self-start{align-self:start}.align-self-center{align-self:center}.justify-content-end{justify-content:end}.align-items-center{align-items:center}.align-items-start{align-items:start}.align-items-end{align-items:end}.remove-margin-container-auto *{margin:0}.center-through-margin{margin:0 auto}.right-through-margin{margin-left:auto}.margin-10{margin:clamp(10px,.7vw + 4px,13px)}.margin-top-15{margin-top:clamp(15px,1vw + 5px,18px)}.margin-top-25{margin-top:clamp(25px,1.8vw + 10px,32px)}.padding-5{padding:clamp(5px,.4vw + 2px,8px)}.padding-0{padding:0}.padding-10{padding:clamp(10px,.7vw + 4px,13px)}.padding-20{padding:clamp(20px,1.5vw + 7px,25px)}.padding-30{padding:clamp(30px,2vw + 12px,38px)}.padding-inline-5{padding-inline:clamp(5px,.4vw + 2px,8px)}.padding-inline-7{padding-inline:clamp(7px,.5vw + 3px,10px)}.padding-inline-10{padding-inline:clamp(10px,.7vw + 4px,13px)}.padding-inline-15{padding-inline:clamp(15px,1vw + 5px,18px)}.padding-block-3{padding-block:clamp(3px,.3vw + 1px,5px)}.padding-block-5{padding-block:clamp(5px,.4vw + 2px,8px)}.padding-block-7{padding-block:clamp(7px,.5vw + 3px,10px)}.padding-block-10{padding-block:clamp(10px,.7vw + 4px,13px)}.padding-block-15{padding-block:clamp(15px,1vw + 5px,18px)}.padding-top-0{padding-top:0}.padding-top-3{padding-top:clamp(3px,.25vw + 1px,5px)}.padding-bottom-10{padding-bottom:clamp(10px,.7vw + 4px,13px)}.padding-bottom-20{padding-bottom:clamp(20px,1.5vw + 7px,25px)}.reset-bbo{border:none;background:none;outline:none}.border-radius-4px{border-radius:clamp(4px,.3vw + 2px,6px)}.border-radius-8px{border-radius:clamp(8px,.5vw + 3px,10px)}.border-radius-top-8px{border-top-left-radius:clamp(8px,.5vw + 3px,10px);border-top-right-radius:clamp(8px,.5vw + 3px,10px)}.border-radius-bottom-4px{border-bottom-left-radius:clamp(4px,.3vw + 2px,6px);border-bottom-right-radius:clamp(4px,.3vw + 2px,6px)}.border-radius-12px{border-radius:clamp(12px,.8vw + 5px,15px)}.border-radius-30px{border-radius:clamp(30px,2vw + 12px,38px)}.border-radius-50px{border-radius:50px}.border-radius-bottom-0px{border-bottom-left-radius:0;border-bottom-right-radius:0}.border-radius-top-0px{border-top-left-radius:0;border-top-right-radius:0}.word-spacing-4px{word-spacing:clamp(4px,.3vw + 2px,6px)}.border-1px{border:clamp(.8px,.08vw + .5px,1.5px) solid}.border-1halfpx{border:clamp(1.5px,.12vw + .8px,2.5px) solid}.border-2px{border:clamp(2px,.15vw + 1px,3px) solid}.border-bottom-none{border-bottom:none}.border-color-charcoalblue{border-color:#264653}.border-color-beige{border-color:beige}.border-color-charcoalblue-30{border-color:#26465349!important}.pe-none{pointer-events:none}.color-charcoalblue{color:#264653!important}.color-beige{color:beige}.color-stonebeige{color:#c6c1b0}.img-beige{filter:invert(98%) sepia(14%) saturate(130%) hue-rotate(35deg) brightness(115%) contrast(85%)}.background-color-warmorange{background-color:#f4a361}.background-color-white{background-color:#fff}.background-color-black-15{background-color:#00000026}.background-color-grey-20{background-color:#80808033}.background-color-white-30{background-color:#ffffff4d}.background-color-charcoalblue{background-color:#264653}.background-color-beige{background-color:beige!important}.background-color-stonebeige{background-color:#c6c1b0}.background-color-cream{background-color:#d7d0b7}.visibility-hidden{visibility:hidden}.position-relative{position:relative}.position-static{position:static!important}.position-absolute{position:absolute}.center-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.translate-none{translate:none!important}.resize-none{resize:none}.shadow-inset-top-sm{box-shadow:inset 0 clamp(2px,.2vw + 1px,2.4px) 1px #0003}.shadow-inset-bottom-sm{box-shadow:inset 0 clamp(-2px,-.2vw - 1px,-2.4px) 0 #0003}.shadow-inset-bottom-md{box-shadow:inset 0 clamp(-3px,-.3vw - 1px,-4px) 0 #0003}.shadow-inset-bottom-lg{box-shadow:inset 0 clamp(-4px,-.4vw - 2px,-6px) 0 #0003}.boxshadow-color-warmorange{box-shadow:4px 4px #92623a}.boxshadow-color-beige-2{box-shadow:0 max(.2vw,2px) 0 #acac9a}.border-beige-2{border:max(.25vw,2px) solid #f5f5dc}.boxshadow-color-beige-4{--shadow-offset: clamp(2px, .293vw, 6px);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 #acac9a}.profile-img{width:80px;height:80px;aspect-ratio:1}.home-profile-stats{display:grid;grid-template-columns:repeat(3,1fr)}.coin-profile-container>div:first-child{background-color:#ffcc6f;box-shadow:inset 0 min(-.15vw,-1px) 0 #c9922c;border-top-right-radius:0;border-bottom-right-radius:0}.coin-profile-container>div:first-child>img{scale:1.3;position:relative;left:-25%}.coin-profile-container>button{padding-block:0px;background-color:#b59f76;box-shadow:inset 0 min(-.15vw,-1px) 0 #877759;border-top-left-radius:0;border-bottom-left-radius:0}.cover{border:.2px solid #264653;margin:auto;display:inline-block;min-width:440.533px;max-width:min-content;background-color:#e76f51;border-radius:10px;box-shadow:10px 8px 50px -5px #515151}.common-background-svg{background-image:url(/svg/hand-cricket-common-background.svg);background-position:center;background-size:cover}.home-container-wrapper{height:100svh;position:relative}.home-container-wrapper>div{margin:0}.home-container-wrapper>.multiplex-ad-container{width:100%;height:90px}.title h1{font-size:clamp(45px,6vw,80px);color:#1e363f;font-family:Russo One,sans-serif}.home-content-container{display:grid;grid-template-columns:repeat(3,1fr);row-gap:max(1.103vw,12px);column-gap:max(2.5vw,30px)}.grid-row-two-full-width{grid-row:2;grid-column:1/-1}.grid-row-two-col-one{grid-row:2;grid-column:1}.grid-row-two-col-two{grid-row:2;grid-column:2}.grid-row-two-col-three{grid-row:2;grid-column:3}.dots{display:inline-block;height:100%;text-align:center}.dots span{animation:fade 3s cubic-bezier(0,.5,.5,1) infinite}.dots span:nth-child(1){animation-delay:-2s}.dots span:nth-child(2){animation-delay:-1.3333s}.dots span:nth-child(3){animation-delay:-.6666s}@keyframes fade{0%{opacity:100}50%{opacity:70}to{opacity:0}}.button{border-bottom:1px solid #264653;background-color:#c6844e;cursor:pointer}.button-span{cursor:pointer;background-color:#f4a361;transform:translateY(-9px);transition:transform .2s cubic-bezier(.3,.7,.4,1)}.button-span:hover{transform:translateY(-11px)}.button-span:active{transform:translateY(-3px)}.disable{pointer-events:none}.toss-button-span{padding:5px 12px}.run-button-span,.run-button-span-disable{display:flex;align-items:center;justify-content:center;height:max(4.605vw,60px);width:max(7.237vw,94px);padding:0}.play-area{grid-column:1/-1;display:flex;margin:auto;width:13%;justify-content:center;align-items:center}.play-area hr{display:inline-block;width:30%;color:#264653;border:none;border-width:1px;border-style:solid;border-color:#264653;background-color:transparent}.lounge-notification-badge{position:absolute;top:0;right:0;padding:2px 4px;border-radius:3px}#room-text-id{position:absolute;left:-99999px}.play-area{display:flex;width:40%;gap:0px;justify-content:center;margin:6px auto;align-items:center}.room-container-create{display:flex}.room-container-create div{flex:1 0 80%}.room-container-create button{flex:1 0 20%}.copy-area{display:inline-block;padding:3px;line-height:30px;border-radius:5px;background-color:#f4a361}.room-container{display:flex;flex-direction:column;gap:14px;position:relative}.room-container input{display:block;border:none;padding:2px;font-size:20px;border-radius:5px;width:50%;text-align:center;margin:8px auto}.room-container input:focus{outline:none}.room-container button span{font-size:24px}.room-container div{margin:10px}.room-container h2{margin-bottom:15px}.back-button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;left:0;top:0}.back-button-without-absolute{background-color:transparent;border:none}.room-container-create div div{font-size:20px}@media screen and (max-width: 700px){.room-container-create div div{font-size:16px;font-weight:300}.cover{top:52%;min-width:338.533px;max-width:338.533px}.run-button-span,.run-button-span-disable{height:max(7.5vw,50px);width:max(11.75vw,80px)}.play-area{margin:1px auto}.room-container{gap:5px}.room-container input{font-size:14px}.room-container button span{font-size:17px}.room-container div{margin:7px}.room-container h2{margin-bottom:10px}}.switch input{display:none}.switch span:last-child{display:inline-block;width:50px;height:25px;border-radius:100px;background-color:#1e363f69;transition:background-color .3s}.switch span:last-child:before{content:"";display:inline-block;width:27px;aspect-ratio:1;border-radius:100%;background-color:#f4a361;border:2px solid #1e363f;transform:translate(-50%,-8%);transition:transform .3s}.switch input:checked+span:before{transform:translate(50%,-8%)}.switch input:checked+span{background-color:#1e363f}.animation-toggle-container>div{padding-inline:max(1.464vw,15px)}.animation-toggle-container>div>label{transform-origin:center;transition:all .3s}.animation-toggle-container>div>label:has(:not(input:checked)){scale:.9;opacity:.5}@media screen and (max-width: 800px){.switch span:last-child{width:35px;height:15px}.switch span:last-child:before{width:15px}}@media (max-width: 768px){.profile-img{width:70px;height:70px}}@media (max-width: 480px){.profile-img{width:60px;height:60px}}.sth0{fill:#be3d1e}.sth1{fill:#f15a29}.sth2{fill:#f7941d}.sth3{fill:none;stroke:#000;stroke-miterlimit:10}.stt0{fill:#f15a29}.stt1{fill:#be3d1e}.stt2{fill:#3c2415}.stt3{fill:#fbb040}.stt4{fill:none;stroke:#000;stroke-miterlimit:10}.st0ran{stroke-miterlimit:10}.stfriend1{fill:none;stroke:#264653;stroke-miterlimit:10}.stfriend2{fill:none;stroke:#264653;stroke-width:10px;stroke-miterlimit:10}.stfriend3{fill:#264653}.just-reset{position:static;transform:none;vertical-align:middle}.reset{position:static;transform:none;fill:none;stroke:#264653;vertical-align:middle;width:40px;height:40px}.reset-icon{position:static;transform:none;vertical-align:middle;width:40px;height:40px;fill:#264653}.back,.copy{position:static;transform:none;fill:none;stroke:#264653;stroke-width:5px;width:35px;height:35px}.back:hover,.copy:hover{fill:#264653;stroke:#f4a361}.Layer_1{position:static;transform:none;fill:none;width:50px;height:50px;stroke:#264653;border-right:2px solid #264653;flex-basis:40%;justify-self:center}.ban{position:static;transform:none;fill:none;width:35px;height:35px;vertical-align:middle}.copy{width:26px;height:26px;stroke-width:12px;vertical-align:bottom}.feedback-svg{fill:#264653}@media screen and (max-width:800px){.Layer_1{width:28px;height:28px;flex-basis:35%}.ban{width:21px;height:21px}.back{width:27px;height:27px}.copy:hover,.back:hover{fill:#264653;stroke:#f4a361}.copy{height:20px;width:20px}}.stban0{fill:none;stroke:#ed1c24;stroke-width:9;stroke-miterlimit:10}.stban1{fill:none;stroke:#ed1c24;stroke-width:7;stroke-miterlimit:10}.st30day0{fill:#264653}.st7day0{fill:transparent}.st7day1center{fill:#f4a361}.st7day1,.st7day2{fill:#264653}.stone0{fill:#a76f2c}.stone1{fill:#ac7730}.stone2{fill:#a46e2c}.stone3{fill:#aa772d}.stone4{fill:#a97a37}.stone5{fill:#faf7eb}.stone6{fill:#e5b52a}.stone7{fill:#e3b633}.stone8{fill:#e1b329}.stone9{fill:#e3b83b}.stone10{fill:#e1b42f}.stone11{fill:#e0b226}.stone12{fill:#a96f2a}.stone13{fill:#e6b82d}.stone14{fill:#ad772c}.stone15{fill:#a56b29}.stone16{fill:#e7b72a}.stone17{fill:#fbf5bf}.stone18{fill:#f5edaf}.stone19{fill:#aa6e29}.stone20{fill:#a6752d}.stone21{fill:#9b6a29}.stone22{fill:#926b29}.stone23{fill:#986f2c}.sttwo0{fill:#848893}.sttwo1{fill:#848792}.sttwo2{fill:#838691}.sttwo3{fill:#8c8f9a}.sttwo4{fill:#898d98}.sttwo5{fill:#8a8e99}.sttwo6{fill:#80848d}.sttwo7{fill:#f8f9f9}.sttwo8{fill:#8c8f99}.sttwo9{fill:#898c99}.sttwo10{fill:#b4b6bf}.sttwo11{fill:#b8bac2}.sttwo12{fill:#b6b9c3}.sttwo13{fill:#808491}.sttwo14{fill:#b0b2bb}.sttwo15{fill:#898d99}.sttwo16{fill:#fbfbfb}.sttwo17{fill:#838793}.sttwo18{fill:#8a8d96}.sttwo19{fill:#8e9099}.sttwo20{fill:#8b8f99}.sttwo21{fill:#848790}.sttwo22{fill:#7f828b}.stthree0{fill:#af4d27}.stthree1{fill:#b0542a}.stthree2{fill:#b45528}.stthree3{fill:#90572e}.stthree4{fill:#f39423}.stthree5{fill:#faf3e8}.stthree6{fill:#f6ead0}.stthree7{fill:#ec892a}.stthree8{fill:#f9f0dc}.stthree9{fill:#fbf5ec}.stthree10{fill:#f6e8d5}.stthree11{fill:#ee9b2e}.stthree12{fill:#ac4f29}.stthree13{fill:#b24b27}.stthree14{fill:#b24b26}.stthree15{fill:#b85127}.stthree16{fill:#fcfaf6}.stthree17{fill:#a7522b}.stthree18{fill:#9c4725}.stthree19{fill:#f9f3ec}.stthree20{fill:#f8efe4}.stthree21{fill:#b24a26}.stthree22{fill:#ad542a}.stthree23{fill:#ad572e}.stthree24{fill:#f4e8da}.stthi0{fill:#f4a361}.stthi1{fill:#264653}.google-button,.nsm7Bb-HzV7m-LgbsSe,.carved-button{box-shadow:inset 0 clamp(-2px,-.2vw - 1px,-3px) 0 #c4c4b0!important;border:2px solid #264653!important}.google-button,.nsm7Bb-HzV7m-LgbsSe{height:fit-content!important;background:beige!important;padding-top:clamp(5px,.735vw,8px)!important;padding-bottom:calc(clamp(5px,.735vw,8px) + 3px)!important;padding-inline:clamp(15px,1.464vw,20px)!important;border-radius:max(.588vw,8px)!important;outline:none!important}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus-within,.nsm7Bb-HzV7m-LgbsSe:focus{background:beige!important;box-shadow:inset 0 -3px #c4c4b0!important;outline:none!important;border-color:#264653!important}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{color:#264653!important;font-family:Russo One,sans-serif!important;font-size:max(1.053vw,15px)!important}.google-svg{height:18px;aspect-ratio:1}.backdrop{width:100vw;height:100svh;background:#000000b3;z-index:1}.header-body-modal-container{width:480px;height:80vh}.curved-top-both{border-radius:50px 50px 12px 12px}.curved-bottom-both{border-radius:12px 12px 50px 50px}.semi-curved-bottom-both{border-radius:12px 12px 25px 25px}.curved-top-left{border-radius:50px 12px 12px}.curved-bottom-left{border-radius:12px 12px 12px 50px}.curved-bottom-right{border-radius:12px 12px 50px}.curved-top-right{border-radius:12px 50px 12px 12px}.close-button{background-color:#e63946;transition:transform .3s}.grey-button{background-color:#6f6b61;box-shadow:inset 0 clamp(-2px,-.2vw - 1px,-3px) 0 #4e4b44;transition:transform .3s}.close-button:hover,.close-button:active,.grey-button:hover,.grey-button:active{transform:scale(.9)}.background-color-inactive-tab{background-color:#8d999e}.position-active-tab{position:relative;top:1.5px}@media (max-width: 768px){.header-body-modal-container{width:400px}}@media (max-width: 480px){.header-body-modal-container{max-width:90%}}#room-code-input{width:12ch}#room-code-input::placeholder{color:#7d9098}.mcui-checkbox{display:flex;align-items:center;-webkit-user-select:none;user-select:none;box-sizing:border-box}.mcui-checkbox input[type=checkbox]{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.mcui-checkbox input[type=checkbox]+div{border:2px solid;height:1.5em;width:1.5em;box-sizing:border-box;border-radius:2px;position:relative}.mcui-checkbox input[type=checkbox]~div:last-child{padding-left:.5em}.mcui-checkbox input[type=checkbox]:focus+div,.mcui-checkbox input[type=checkbox]:active+div{outline:2px dashed;outline-offset:2px}.mcui-checkbox input[type=checkbox]:checked+div{transition:border-color 107ms}.mcui-checkbox input[type=checkbox]:checked+div .mcui-check{opacity:1;transition:opacity 107ms}.mcui-checkbox input[type=checkbox]:checked+div .mcui-check polyline{animation:dash-check 107ms forwards}.mcui-checkbox input[type=checkbox]:indeterminate+div:after{content:"";height:4px;width:60%;left:20%;top:calc(50% - 2px);position:absolute;border-radius:1px}.mcui-checkbox input[type=checkbox]:enabled~div{cursor:default}.mcui-check{height:100%;width:100%;transform:scale(1);opacity:0}.mcui-check polyline{fill:none;transform-origin:50% 50%;stroke-width:5px;stroke-dasharray:22.7713679002;stroke:currentcolor}.border-b-2{border-bottom:2px solid}@media (max-width: 768px){.mcui-checkbox input[type=checkbox]+div{height:20px;width:20px}}@media (max-width: 480px){.mcui-checkbox input[type=checkbox]+div{height:18px;width:18px}}#stadium-2d-container{width:100%;height:100svh;background-size:cover;background-repeat:no-repeat;background-position:center 60%;display:grid;grid-template-rows:27% 46% 27%;grid-template-columns:50% 50%;column-gap:16vw;justify-content:center;overflow:hidden}#player-animation-container,#opponent-animation-container{max-height:100%;max-width:100%;grid-row:2;aspect-ratio:1;justify-self:self-start;transform-origin:left;scale:1}#opponent-animation-container{justify-self:self-end;transform-origin:right}#opponent-animation-container>svg *[fill="#39897f"]{fill:#efb11b}#opponent-animation-container>svg{transform:scaleX(-1)}@media (min-aspect-ratio: 1.4){#player-animation-container,#opponent-animation-container{scale:1.2}#stadium-2d-container{column-gap:13vw}}@media (min-aspect-ratio: 1.6){#player-animation-container,#opponent-animation-container{scale:1.3}}@media (max-aspect-ratio: .5){#player-animation-container,#opponent-animation-container{width:100%;align-self:center}}#container{height:100%;position:absolute;top:0;width:100%;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;overflow:hidden;z-index:2}.top-container{width:70%;display:grid;grid-template-columns:35% 30% 35%;grid-template-rows:auto auto;align-items:center;row-gap:max(.735vw,7px);margin:30px auto 0}.main-container{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(0deg,beige,#ddddc6)}.main-container>p:first-child{grid-column:1/-1;-webkit-background-clip:text;background-clip:text;color:transparent}.main-container>div:nth-child(2){grid-column:1/-1;background:#3a232354;box-shadow:0 4px #7415151a,0 -4px #7415151a}.main-container>div:last-child{border-left:1px solid rgb(183 176 159)}.main-container>div:nth-last-child(2) p{color:#6a994e}.main-container>div:last-child p{color:#fca311}.top-container>div:nth-child(4){grid-row:2;grid-column:1 / -1;justify-self:center;align-items:center}.top-container>div:nth-child(4)>input{display:flex;justify-content:center;align-items:center;text-align:center;aspect-ratio:1;font-weight:700;padding:max(.293vw,2px) max(.586vw,4px);background-color:beige;min-width:40px;border:max(.293vw,2px) solid;border-radius:35%;scale:.9;box-shadow:3px 3px;transition:scale .3s;opacity:.8;box-sizing:border-box;pointer-events:none}.top-container>div:nth-child(4)>input::placeholder{color:beige}.top-container>div:nth-child(4)>input:not(:placeholder-shown){animation:bubbleBounce .6s ease-out forwards}@keyframes bubbleBounce{0%{transform:scale(.5)}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.run{color:beige;text-shadow:none!important}.run-display-container{position:absolute;top:50%;left:50%;width:70%;display:flex;flex-direction:column;align-items:center;translate:-50% 0%;animation:runDisplayAnimation 1 3s ease-in forwards}@keyframes runDisplayAnimation{0%{opacity:.1;transform:translateY(-30%) scale(.1) rotate(180deg)}25%{opacity:1;transform:translateY(-30%) scale(1.05) rotate(0)}45%{transform:translateY(-30%) scale(.9) rotate(0)}75%{opacity:1;transform:translateY(-30%) scale(1) rotate(0)}to{opacity:0;transform:translateY(-80%) scale(.1) rotate(0)}}.run-display-container>h2{font-family:Luckiest Guy,cursive;font-weight:400;font-style:normal;color:beige;font-size:max(8.785vw,100px);-webkit-text-stroke:1px;background:none;line-height:normal;vertical-align:middle;margin:0;padding:0;line-height:1}.run-display-container>p{width:fit-content;padding:0 10px;font-family:Luckiest Guy,cursive;font-size:max(2.928vw,35px);font-weight:bolder;letter-spacing:2px;text-shadow:3px 2px 1px beige}.match-result-container{max-width:95%}.match-result-container>p{border-radius:50px 50px 16px 16px}.winner-crown-img{position:absolute;top:-85%;right:-15%;rotate:35deg}.winner-crown-img[name=opponent]{right:unset;left:-15%;rotate:-35deg}.winner-popout{position:absolute;left:0;bottom:0;width:100%;border:none;scale:2;height:500%}.match-result-text{color:#ffdb66;letter-spacing:1px;text-shadow:2px 2px #b38900;word-spacing:4px}.zero{background-color:#cc444b;text-shadow:6px 6px 0px #cc444b}.one{background-color:#979dac;text-shadow:6px 6px 0px #979dac}.two{background-color:#d4d700;text-shadow:6px 6px 0px #d4d700}.three{background-color:#61a5c2;text-shadow:6px 6px 0px #61a5c2}.four{background-color:#a7c957;text-shadow:6px 6px 0px #a7c957}.five{background-color:#ffc300;text-shadow:6px 6px 0px #ffc300}.six{background-color:#fb8500;text-shadow:6px 6px 0px #fb8500}.zero-color{color:#cc444b}.button:has(.one),.one-color{color:#797e8a;fill:#797e8a}.button:has(.three),.three-color{color:#4e849b;fill:#4e849b}.button:has(.four),.four-color{color:#86a146;fill:#86a146}.button:has(.six),.six-color{color:#c96a00;fill:#c96a00}.button:has(.five),.five-color{color:#cc9c00;fill:#cc9c00}.button:has(.two),.two-color{color:#aaac00;fill:#aaac00}.score p{color:beige;display:flex;align-items:center;justify-content:center;padding-inline:max(1.464vw,11px);border-radius:100px;width:fit-content}.score[name=player] p,.score[name=player]>.img-profile{border-color:#39897f;background-color:#39897f;box-shadow:clamp(2px,.293vw,4px) clamp(2px,.293vw,4px) 0 #2e6e66}.score[name=opponent-player] p,.score[name=opponent-player]>.img-profile{border-color:#efb11b;background-color:#efb11b;box-shadow:clamp(2px,.293vw,4px) clamp(2px,.293vw,4px) 0 #bf8e16}.score[name=player]>div>p:first-child{border-radius:50px 100px 50px 50px}.score[name=player]>div>p:last-child{border-radius:50px 50px 100px}.score[name=opponent-player]>div>p:first-child{border-radius:100px 50px 50px}.score[name=opponent-player]>div>p:last-child{border-radius:50px 50px 50px 100px}.img-profile{width:28%;border-radius:35%;scale:1.1;aspect-ratio:1;transform-origin:center;border:3px solid}.profile-name-score-container{scale:.8}.profile-name-score-container>p>img{scale:2.4;transform-origin:50% 90%}.bottom-container{display:flex;flex-direction:column;margin:0 auto;padding:15px 0;gap:10px;width:100%}@keyframes fadeInAnimation{0%{transform:translateY(-200px);opacity:0%}to{transform:translate(25.8px,-140px);opacity:100%}}.action-banner-container{justify-content:flex-end;padding-bottom:8vh;gap:8vh}.action-banner-container>p{animation:bubbleBounce 1s ease-in-out forwards}.action-banner-container>span{width:max(16vw,120px);height:fit-content;animation:float 4s ease-in-out infinite}.action-banner-container>span>svg{scale:1}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}.run-button-container{position:relative;display:grid;justify-content:center;grid-template-columns:repeat(6,1fr);gap:max(2.083vw,20px);padding:max(2.196vw,21px) max(1.464vw,14px) max(1.464vw,14px);border-radius:8px}.run-button-container *{border-radius:35%;background-color:beige!important;color:inherit}.run-button-container>button>span{display:flex;width:100%;justify-content:center;align-items:center;width:max(7.54vw,90px);aspect-ratio:1.56;padding:0;border:4px solid}.run-button-container:has(svg)>button>span>svg{height:65%;width:65%}.run-button-container>button{outline:2px solid;outline-offset:-2px}.match-result{margin-bottom:max(.368vw,3px)}.match-result+p+button{margin-top:max(1.103vw,12px)}.match-result+div>label{line-height:1.5}.player-status-container{width:fit-content;display:flex;background-color:beige;border:3px solid #264653;justify-content:center;align-items:center;border-radius:8px;padding:max(.586vw,5px)}.player-status-container>svg{width:70px;padding:0px max(.366vw,3px) 0px 0px}.player-status-container>span{padding-left:5px;border-left:3px solid}#contribute{color:beige;outline:none}.contribute-option{width:100%;border:none;color:beige;outline:none;border-radius:8px}@media screen and (max-width:900px){.top-container{width:85%}.img-profile{width:33%}}@media screen and (max-width:700px){.top-container{width:90%;grid-template-columns:33% 29% 33%;margin-top:45px}.img-profile{border-width:2px}.top-container>div:nth-child(4)>p{height:max(2.928vw,25px)}.player-status-container>svg{width:60px}.run-button-container>button>span{width:max(7.54vw,80px)}}@media screen and (max-width:620px){.top-container{width:97%;grid-template-columns:1fr 1fr}.main-container{position:absolute;cursor:move;z-index:1;transform:var(--drag-transform, none)}.run-button-container{grid-template-columns:repeat(3,1fr);row-gap:34px;padding:22px 13px 13px;column-gap:25px}.bottom-container{padding:15px 0}.player-status-container>svg{width:50px}}@media screen and (max-width:500px){.top-container>div:nth-child(4)>p{height:max(2.928vw,20px)}}.beige-button{transition:background-color .3s,color .3s}.beige-button-border{border:2px solid #264653}.beige-button:disabled{filter:grayscale(1) opacity(.7);cursor:default}.beige-button:not(:disabled):hover{color:beige!important;background-color:#264653!important}.beige-button:not(:disabled):hover>img{filter:invert(98%) sepia(14%) saturate(130%) hue-rotate(35deg) brightness(115%) contrast(85%)}.shrink-wrapping-container>p:first-child{width:0;flex-grow:1}div[name="timer"]{position:relative;width:40px;aspect-ratio:1;color:#86a146;background:beige;border:3px solid #264653;border-radius:50%;overflow:hidden}div[name="timer"]>*{position:absolute;translate:-50% -50%;left:50%;transition:all .3s;color:inherit}.alert{color:#cc444b!important}.warning{color:#fb8500!important}.middle-time{top:50%;scale:1;visibility:visible}.top-time{top:5%;scale:.75;visibility:hidden}.bottom-time{top:105%;scale:.75;visibility:hidden}@media screen and (max-width:700px){div[name="timer"]{width:30px}}.canvas-container{overflow:hidden;margin:0;position:absolute;top:0;z-index:0;width:100%;height:100%}.reconnecting-container{width:40px}@media screen and (max-width:700px){.reconnecting-container{width:30px}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.bottom-tab-bar{position:relative;width:100%;height:100svh;display:flex;flex-direction:column;animation:slideUpTabBar .3s ease-out}.bottom-tab-bar .react-tabs{margin:0;padding:0}.bottom-tab-bar .react-tabs__tab-list{border-bottom:none!important;margin:0!important;padding:0!important}.bottom-tab-bar .react-tabs__tab{border:none!important;bottom:0!important}.bottom-tab-bar .react-tabs__tab--selected{background:none!important;border:none!important}@keyframes slideUpTabBar{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.bottom-tab-bar-container{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #264653;box-shadow:inset 0 clamp(3px,.3vw + 1px,4px) 0 #0003;width:100%;max-width:800px}.tab-button{transition:all .2s ease;border-right:2px solid grey}.tab-button:focus{outline:none}.tab-button:last-of-type{border:none}.tab-button:hover>.tab-icon{transform:scale(1.15)}.tab-button:hover>.tab-label{transform:scale(1.15)}.tab-button.active{color:#f4a261}.tab-button.active>.tab-icon{transform:scale(1.3)}.tab-icon{object-fit:contain;transition:all .2s ease;flex-shrink:0}.tab-notification-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#e63946;border:2px solid #264653;border-radius:50%;animation:pulseBadge 2s ease-in-out infinite}@keyframes pulseBadge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.tab-label{letter-spacing:.5px;transition:all .2s ease;text-align:center!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:clamp(10px,2.5vw,14px);line-height:1.2}.tab-button.active>.tab-label{transform:scale(1.2);color:#f4a261}.tab-button.active:hover>.tab-label{transform:scale(1.2)}.tab-content-panel{width:100%;max-width:800px;margin:0 auto}.tab-content-panel[aria-hidden=false]{display:flex}.tab-content-panel::-webkit-scrollbar{width:6px}.tab-content-panel::-webkit-scrollbar-track{background:#2646534d}.tab-content-panel::-webkit-scrollbar-thumb{background:#f4a261;border-radius:3px}.tab-content-panel::-webkit-scrollbar-thumb:hover{background:#e76f51}.bottom-tab-bar-tabs{display:flex;flex-direction:column;height:100%;width:100%;position:relative;transition:background .3s ease}.bottom-tab-bar-tabs-lounge{background:#8d8d7f}.bottom-tab-bar-tabs-battle{background-image:url(/static/hc-background-Balm3Sk9.png);background-size:cover;background-position:center;background-repeat:no-repeat}.bottom-tab-bar-tabs-team,.bottom-tab-bar-tabs-tournaments{background:#8d8d7f}body{padding-bottom:env(safe-area-inset-bottom,0px)}.loader{position:absolute;left:50%;top:50%;width:40px;height:40px;translate:-50% -50%;border-radius:50%;border:4px solid #264653;border-top:4px solid #e76f51;animation:spin 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dot-loader{margin:0;width:30px;aspect-ratio:4;--_g: no-repeat radial-gradient(circle closest-side,beige 50%,transparent);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 100%;animation:doting 1s infinite linear}@keyframes doting{33%{background-size:calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%}50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%}66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%}}.profile-container{width:60%;min-width:max-content;box-shadow:0 clamp(3px,.3vw + 1px,4px) 0 #00000040}.profile-container>div:nth-child(2){background-color:#ffffff4d}.profile-container+div{top:calc(100% + clamp(10px,.7vw + 4px,13px))}.scale-right-origin{transform-origin:80%;transform:scale(2.8)}.color-gold{color:#ffd92d}.text-stroke-charcoalblue{-webkit-text-stroke:clamp(3px,.3125vw,8px) #264653;paint-order:stroke fill}.text-stroke-charcoalblue-low{-webkit-text-stroke:clamp(2px,.15vw,4px) #264653;paint-order:stroke fill}.text-stroke-charcoalblue-color-charcoalblue-20{-webkit-text-stroke-color:rgba(38,70,83,.2)}.add-coins{border-bottom-left-radius:0;border-top-left-radius:0}.play-text{font-size:clamp(35px,2.5vw + 12px,44px);font-weight:600}.primary-button{background-color:#f6cc4b;box-shadow:inset 0 clamp(-3px,-.2vw - 2px,-4px) 0 #00000040;border:clamp(1.5px,.15vw + 1px,1.9px) solid #264653}.battle-screen-container>img{height:100%;height:55vw;max-height:50%}.match-result-triangle-container{display:flex;align-items:center;justify-content:center;position:relative}.match-result-triangle-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L90 10 L50 90 Z' fill='%232b303b' stroke='%232b303b' stroke-width='15' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0}.match-result-triangle-line{position:absolute;top:50%;left:50%;border-left:clamp(2px,.2vw,4px) solid;height:calc(100% + 2*clamp(15px,1vw + 5px,18px));z-index:0;transform:translateY(-50%)}.border-top-2px{border-top:clamp(2px,.2vw,4px) solid}.chat-container{overflow-y:scroll;overflow-x:hidden}.chat-heading-container{background-color:#d7d0b7;border-bottom:1px solid rgba(0,0,0,.4)}.chat-heading{background-color:#334b55}.room-invite-main-container{display:grid;grid-template-rows:auto auto;grid-auto-rows:1fr;grid-template-columns:auto min-content;align-items:center;border:2px solid;flex-shrink:0;overflow:hidden}.room-invite-main-container>span{grid-column:1/-1}.room-invite-container{overflow-x:scroll}.room-invite>div{padding-left:0;border-right:2px solid beige}.chat-input-container>input{border:none;outline:none}.chat-profile-img{width:68px;height:68px}.chat-bubble{border-radius:25px 25px 25px 12px;max-width:80%;min-width:60%}.you-chat-bubble{max-width:80%;min-width:65%;border-radius:25px 25px 12px}.overflow-wrap-anywhere{overflow-wrap:anywhere}.chat-timeline{color:#8e9e98}.color-mint-green{color:#a7d129}.speech-bubble{position:absolute;top:0%;left:50%;width:max-content;translate:-50% -120%;animation:bubbleBounce .6s ease-out forwards}.speech-arrow{height:30px;aspect-ratio:1;position:absolute;rotate:45deg;border-radius:8px;bottom:-22px;left:50%;transform-origin:center;translate:-50% -40%;z-index:0}.winner-crown-chat-img{position:absolute;top:-65%;right:-15%;rotate:35deg}.color-orange{color:#e76f51}.color-blue{color:#457dc5}.team-name{paint-order:stroke fill;-webkit-text-stroke:clamp(3px,.3125vw,8px) #264653;word-spacing:4px}@media (max-width: 992px){.speech-arrow{height:26px;bottom:-20px}.chat-profile-img{width:56px;height:56px}.chat-bubble{border-radius:20px 20px 20px 10px}.you-chat-bubble{border-radius:20px 20px 10px}}@media (max-width: 768px){.speech-arrow{height:20px;bottom:-16px;border-radius:6px}.chat-profile-img{width:50px;height:50px}.chat-bubble{border-radius:15px 15px 15px 8px}.you-chat-bubble{border-radius:15px 15px 8px}}@media (max-width: 480px){.speech-arrow{height:18px;bottom:-14px}.chat-profile-img{width:44px;height:44px}}.player-action-overlay-bubble{translate:0% -30%;border:2px solid;box-shadow:0 2px 6px #00000040;animation:bubbleBounce .25s ease-out forwards}.player-action-overlay-arrow{top:50%;translate:-50% -50%;left:0;height:20px;aspect-ratio:1;rotate:45deg;border-bottom:2px solid;border-left:2px solid}.stroke{-webkit-text-stroke-width:4px;-webkit-text-stroke-color:#264653;paint-order:stroke fill}.rotate-45deg{transform:rotate(45deg)}.onboarding-img{width:45vh;max-width:55vw}.decorative-svg{height:auto;overflow:visible}.decorative-svg text{text-anchor:middle;fill:#264653;stroke:beige;stroke-width:2;paint-order:stroke fill;filter:drop-shadow(rgb(38,70,83) 2px 2px 0px)}.decorative-svg rect{fill:beige;stroke:#264653;stroke-width:2;rx:2}.soft-shadow-card{background:linear-gradient(to bottom,#e3ded2,#cfc9bc);box-shadow:0 clamp(2px,.15vw + 1px,3px) 0 #9f9b90}.gradient-grey-50{background:linear-gradient(to bottom,#d9d9d9 50%,#cbcbcb 50%)}.border-color-grey-50{border-color:#d0d1d1!important}.border-radius-right-8px{border-bottom-right-radius:clamp(8px,.5vw + 3px,10px);border-top-right-radius:clamp(8px,.5vw + 3px,10px)}.border-radius-left-8px{border-bottom-left-radius:clamp(8px,.5vw + 3px,10px);border-top-left-radius:clamp(8px,.5vw + 3px,10px)}.mh-fit-content{min-height:fit-content}.mw-90{max-width:90%}.avatar-img-card:has(input[name=profile-img-radio]:checked){border:2px solid;padding:3px 2px;border-radius:8px}.avatar-edit-save-button{position:absolute;bottom:0;right:0;background:#80808082}.avatar-img-card{transition:.3s}.runs-scored-img{rotate:75deg}.list-style-none{list-style:none}#player-name-input{width:10ch}#player-name-input::placeholder{font-size:50%;color:#f5f5dccc}.profile-stats-inner-container{display:grid;grid-template-columns:1fr 1fr}.skeleton-loading{background:linear-gradient(45deg,#c8c8c84d 25%,#c8c8c8b3,#c8c8c84d 75%);background:linear-gradient(45deg,#b4b4b440 25%,#c8c8c880,#b4b4b440 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;color:transparent;pointer-events:none}.skeleton-loading *{opacity:0}.border-radius-right-4px{border-top-right-radius:clamp(4px,.3vw + 2px,6px);border-bottom-right-radius:clamp(4px,.3vw + 2px,6px)}.border-radius-left-4px{border-top-left-radius:clamp(4px,.3vw + 2px,6px);border-bottom-left-radius:clamp(4px,.3vw + 2px,6px)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.note-container{display:flex;margin-top:10px;align-items:center;justify-content:center;transition:all .3s}.note-container .note-1{height:40px;font-size:17px;height:90%;margin:0;display:flex;align-items:center;justify-content:center;background-color:#f4a361b8;padding:3px;border-radius:4px;border:solid 3px rgba(38,70,83,.8235294118)}.note-container .note-2{font-size:12px;background-color:#f4a361;transition:all .3s;border-radius:0 4px 4px 0}.note-container .note-2>.arrow{font-size:16px;display:"inline-flex";font-weight:1000;line-height:0;scale:1.2}@media screen and (max-width: 800px){.note-container .note-1{height:30px;font-size:14px;padding:2px;border-radius:4px;border:solid 3px rgba(38,70,83,.8235294118)}.note-container .note-2{font-weight:lighter;font-size:9px;padding:1px;border-radius:0 4px 4px 0}.note-container .note-2>.arrow{font-size:11px}.remove-margin-note-container{margin:10px auto 0}}