*{font-family:IBM Plex Mono,monospace;font-weight:400}h1,h2{font-size:2vw;font-weight:600}p{font-size:1vw}b{font-weight:600}html,body,#root{position:fixed;top:0;left:0;width:100vw;height:100vh;background:ivory}#main{position:absolute}.main-up{z-index:1}#background{position:absolute;width:100vw;height:100vh;background-image:url(/App/UI/Background.webp);background-size:cover}#decorum{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#decorum>*:nth-child(1){width:80vw;height:80vw;border-radius:50vw}#decorum>*:nth-child(2){width:90vw;height:90vw;border-radius:50vw}#decorum>*:nth-child(3){width:100vw;height:100vw;border-radius:50vw}.decorum-bubble{border-radius:50vw;border:1px solid;position:absolute;-webkit-backface-visibility:hidden;will-change:transform}#logo-container{position:absolute;width:100vw;height:100vh;justify-content:center;display:flex}#logo{position:absolute;width:90px;height:48px;bottom:2.5vh;display:flex;justify-content:center;align-items:center}#medal{position:absolute;width:40vw;opacity:20%;margin:5vh;transform:rotate(-15deg);pointer-events:none}#text-container{position:absolute;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}#text-container .text{width:60%}.text{text-align:center}#timer{position:absolute;width:10vw;height:8vh;top:5vh;left:85vw;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:10vw;color:#6758ff;-webkit-user-select:none;user-select:none}#timer h2{margin:0}#counter-container{position:absolute;top:5vh;left:43.5vw;border:1px solid rgba(255,255,255,.48);border-radius:2.5vh;overflow:hidden;height:8vh;width:13vw;display:flex;align-items:center;-webkit-user-select:none;user-select:none}#counter{background:linear-gradient(180deg,#4B49E7 0%,#A08BE7 100%);background-size:contain;width:100%;height:100%;display:flex}#item-container{background-color:#fff;border-radius:0 2vh 2vh 0;display:flex;justify-content:center;align-items:center;flex-direction:column;width:40%;height:100%}#item-container img{height:100%;object-fit:contain;transform:rotate(-25deg);-webkit-user-select:none;user-select:none;pointer-events:none}#counter-text{width:60%;height:100%;display:flex;justify-content:center;align-items:center}#counter-text span{color:#fff;font-size:2vw;font-weight:600}.button{font-weight:600;background:#FFFFFF;color:#6758ff;border-radius:1vh;display:flex;justify-content:center;align-items:center;margin-top:10vh;padding:1.5vh 5vw;-webkit-user-select:none;user-select:none}.button:hover{cursor:pointer}.button-request{font-weight:600;background:radial-gradient(84.48% 273.71% at 100% 100%,#4B49E7 0%,rgba(75,73,231,0) 100%),radial-gradient(57.64% 186.75% at 10.9% 10.31%,#A08BE7 0%,rgba(160,139,231,0) 100%),#E76700;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#tutorial{position:absolute;width:30vw;height:10vh;border-radius:1vw;background:#fff;color:#6758ff;top:85vh;left:35vw;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none}@media screen and (max-aspect-ratio: 9/16){h1,h2{font-size:2.5vh;font-weight:600}p{font-size:2vh}#decorum>*:nth-child(1){width:100vw;height:100vw;border-radius:100vw}#decorum>*:nth-child(2){width:120vw;height:120vw;border-radius:100vw}#decorum>*:nth-child(3){width:140vw;height:140vw;border-radius:100vw}.button{margin-top:5vh}#tutorial{width:70vw;height:12vh;left:15vw;top:84vh}#tutorial .text{width:95%}#medal{width:60vw}.text{width:80vw}#timer{width:10vh;height:8vw;left:75vw}#counter-container{height:8vw;width:13vh;left:10vw}#counter-text span{font-size:2vh;margin-left:-2vw;font-weight:600}}@media screen and (max-aspect-ratio: 9/16) and (orientation: landscape){h1,h2{font-size:2.5vw}p{font-size:1.5vw}.button{margin-top:5vh;border-radius:1vw}#tutorial{width:70vw;height:15vh;left:15vw;top:82.5vh}}