body{background-color:#1c1828;background-image:url(/assets/wheel/wheel-background.png);background-size:cover;background-repeat:no-repeat}.pageWheel-wrapper{display:flex;flex-direction:column;align-items:center}.pageWheel-wrapper p{text-align:center;margin-bottom:50px}.wheel-container{position:relative;width:592px;height:592px}.wheel,.wheel-lights{position:absolute;background-size:contain;background-repeat:no-repeat}.wheel{width:512px;height:512px;transform:translate(-50%,-50%);left:50%;top:90%;background-image:url(/assets/wheel/wheel.png);z-index:1}.wheel-lights{width:565px;height:565px;background-image:url(/assets/wheel/wheel-lamps.png);z-index:9;top:42%;left:2.5%}.arrow-base,.coins-base{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:60%;height:60%;background-image:url(/assets/wheel/wheel-arrow-header.png);background-size:contain;background-repeat:no-repeat;z-index:10}.coins-base{width:80%;height:80%;background-image:none;top:0;z-index:8}.coins{background-image:url(/assets/wheel/wheel-coins.png);z-index:8;width:100%;height:100%}.coins,.mro-figure{background-size:contain;background-repeat:no-repeat}.mro-figure{position:absolute;top:90%;left:900px;transform:translate(-50%,-50%);width:600px;height:600px;background-image:url(/assets/wheel/wheel-character-bubble.png);z-index:3}.wheel-header{width:15%;position:relative;top:50px}.daily-text{font-size:28px;font-style:italic}.spin-button{position:absolute;left:50%;top:560px;width:75%;height:75%;transform:translateX(-50%);background-image:url(/assets/wheel/wheel-button.png);background-size:cover;background-repeat:no-repeat;z-index:9;display:flex;justify-content:center;align-items:center;font-weight:700}@keyframes glow{0%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff}50%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff}}.spin-button p{text-align:center;font-size:35px;cursor:pointer;margin-top:60px;color:#fff;animation:glow 2s ease-in-out infinite}.spin-button.disabled{cursor:default;display:none}.spin-button.small-text{font-size:11px}.spin-button.large-text{font-size:16px}.wheel-terms{bottom:0;left:51.2%;transform:translateX(-50%);background-color:#ffd800;width:300px;height:60px;border-radius:30px 30px 0 0;color:#680e73;font-size:30px;font-weight:700;z-index:11;cursor:pointer}.overlay,.wheel-terms{position:fixed;display:flex;justify-content:center;align-items:center}.overlay{top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(0,0,0,.4);z-index:10;border-radius:16px}.overlay-box{background-color:#4b59f8;padding:30px;border-radius:12px;font-size:20px;font-weight:700;text-align:center}.how-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.how-background{width:100%;height:100%;object-fit:cover}.reward-container{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}.reward-image{max-width:80vw;max-height:80vh;object-fit:contain}.play-button{position:absolute;top:50%;width:60%}.how-close{position:absolute;top:20px;right:20px;font-size:2rem;background:none;color:#fff;border:none;cursor:pointer;z-index:3}.how-button,.how-foreground{position:absolute;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%)}.how-foreground{z-index:2;pointer-events:auto;width:70%;height:70%}.how-bg{z-index:-1}.foreground-text{top:24%;left:51%;transform:translateX(-50%)}.how-works{width:75%;height:75%}.how-background{z-index:-2;max-width:100%;max-height:100%;position:absolute;object-fit:contain}.how-foreground-wrapper{position:relative;width:100%;height:100%}.how-foreground-wrapper-anim{position:absolute;width:100%;height:100%;top:0;left:0}.how-button{z-index:3;cursor:pointer;width:70%;height:70%;left:50.5%;top:60%}.wheel-arrows{position:absolute;top:68%;left:35%;width:30%;justify-content:space-between;z-index:5;pointer-events:none;padding-left:8%;padding-right:5.2%}.how-arrow{width:100px;height:100px;cursor:pointer;pointer-events:auto}.right{float:right}@media(max-width:450px){.how-foreground{width:100%;height:100%}.foreground-text{top:14%;left:52.5%;width:81%;height:81%}.how-button{top:52%;left:52.5%;width:100%;height:100%}.wheel-arrows{width:50%;left:25%;top:58.5%;padding-right:0;padding-left:5%}.how-arrow{width:60px;height:60px}.mro-figure{display:none}.wheel{width:332px;height:332px}.wheel-lights{width:355px;height:355px}.spin-button{width:50%;height:50%;top:390px;left:50%}.wheel-header{width:50%}.daily-text{margin-top:30px;margin-bottom:30px;font-size:18px}.arrow-base{top:0;width:50%}.coins-base{width:60%;top:0}.spin-button p{text-align:center;font-size:26px;cursor:pointer;margin-top:60px}.wheel-terms{left:52.5%;width:150px;height:50px;font-size:20px}.wheel{top:61.5%}.wheel-lights{top:32%;left:20%}#BtnToggleCForm.Close{top:150px}.overlay-box{width:70%;margin-left:50px}}@media(max-width:400px){.wheel-header{width:70%}.wheel{width:280px;height:280px;top:58.5%}.wheel-lights{width:300px;height:300px;top:33%;left:24.5%}.wheel-header{width:50%}.daily-text{margin-top:30px;margin-bottom:30px}.spin-button{top:350px}.spin-button p{text-align:center;font-size:26px;cursor:pointer}.arrow-base,.coins-base{top:0}}