#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{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}