.number.redBg,.ball.redBg{background:url('red.png') no-repeat!important;background-size:100% 100%!important}.number.yellowBg,.ball.yellowBg{background:url('yellow.png') no-repeat!important;background-size:100% 100%!important}.number.blueBg,.ball.blueBg{background:url('blue.png') no-repeat!important;background-size:100% 100%!important}.open-ball .number.waiting{color:transparent!important;animation:ballSpin .6s ease-in-out infinite;position:relative}.open-ball .number.waiting::after{content:'?';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.7);font-size:1.2em;font-weight:bold}.open-ball .number.reveal{animation:ballDrop .5s cubic-bezier(0.68,-0.55,0.27,1.55) forwards,ballGlow 1s ease-in-out 2}@keyframes ballSpin{0%{transform:rotateY(0deg) scale(.8)}50%{transform:rotateY(180deg) scale(.6)}100%{transform:rotateY(360deg) scale(.8)}}@keyframes ballDrop{0%{transform:translateY(-60px) scale(.3);opacity:0}20%{transform:translateY(-60px) scale(.3);opacity:0}55%{transform:translateY(5px) scale(1.15);opacity:1}75%{transform:translateY(-3px) scale(.95);opacity:1}90%{transform:translateY(1px) scale(1.03);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes ballGlow{0%{box-shadow:0 0 5px rgba(255,215,0,.3)}50%{box-shadow:0 0 25px rgba(255,215,0,.9)}100%{box-shadow:0 0 5px rgba(255,215,0,.3)}}.number.roll-in{opacity:0;transform:translateY(-40px) scale(.3);animation:rollIn .6s cubic-bezier(0.68,-0.55,0.27,1.55) forwards}@keyframes rollIn{0%{opacity:0;transform:translateY(-40px) scale(.3)}100%{opacity:1;transform:translateY(0) scale(1)}}