.roulette-area{position:relative;width:95vw;height:95vw;max-width:70vw;max-height:70vw;margin:0 auto}@media screen and (min-width:768px){.roulette-area{max-width:400px;max-height:400px}}.roulette-area .background{width:100%;height:100%;background-color:#070;position:relative}.roulette-area .background .needle{width:20px;height:40px;background-image:url(images/needle.webp);background-clip:content-box;background-repeat:no-repeat;background-size:contain;position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:100}.roulette-area .background .roulette16,.roulette-area .background .roulette8{width:95%;height:95%;background-image:url(images/roulette8.webp);background-clip:content-box;background-repeat:no-repeat;background-size:contain;position:absolute;left:2.5%;top:2.5%;z-index:10}.roulette-area .background .roulette16{background-image:url(images/roulette16.webp)}.timer{width:50px;height:50px;margin:.75rem auto;position:relative;text-align:center;background-image:url(images/numbers.webp)}.timer.timer10{background-position:-500px 0}.timer.timer9{background-position:-450px 0}.timer.timer8{background-position:-400px 0}.timer.timer7{background-position:-350px 0}.timer.timer6{background-position:-300px 0}.timer.timer5{background-position:-250px 0}.timer.timer4{background-position:-200px 0}.timer.timer3{background-position:-150px 0}.timer.timer2{background-position:-100px 0}.timer.timer1{background-position:-50px 0}.timer.timer0{background-position:0 0}