.er-wheel-scene{position:absolute;z-index:20;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 46%,#193024 0,#07100c 56%,#010302 100%);opacity:0;visibility:hidden;transform:scale(1.06);transition:opacity .5s ease,transform .8s cubic-bezier(.2,.75,.2,1)}
.er-wheel-scene:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 20%,#f3d88d26,transparent 45%),linear-gradient(115deg,transparent 35%,#fff1b50c 50%,transparent 64%);animation:erLight 5s ease-in-out infinite alternate;pointer-events:none}
.er-wheel-scene.active{opacity:1;visibility:visible;transform:scale(1)}
.er-wheel-scene.landing canvas{transform:scale(1.22) translateY(5%);filter:saturate(1.18) contrast(1.09)}
#erWheelCanvas{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.15,.8,.2,1),filter .8s;filter:drop-shadow(0 35px 45px #000b)}
.er-wheel-hud{position:absolute;z-index:3;top:24px;left:50%;min-width:280px;padding:12px 25px;text-align:center;transform:translateX(-50%);border:1px solid #ddb75765;border-radius:14px;background:#050907c9;box-shadow:0 12px 35px #0009;backdrop-filter:blur(12px)}
.er-wheel-hud small,.er-wheel-hud span{display:block;color:#aab4ae;font:700 9px Arial;letter-spacing:2px}.er-wheel-hud strong{display:block;margin:3px;color:#f4cf73;font-size:18px}.er-wheel-hud span{letter-spacing:0}
.er-cinematic-bars:before,.er-cinematic-bars:after{content:"";position:absolute;z-index:4;left:0;right:0;height:0;background:#020302;transition:height .55s}.er-wheel-scene.active .er-cinematic-bars:before,.er-wheel-scene.active .er-cinematic-bars:after{height:13px}.er-cinematic-bars:before{top:0}.er-cinematic-bars:after{bottom:0}
.er-wheel-scene.winner .er-wheel-hud{animation:erWinner .75s ease both;box-shadow:0 0 45px #e9bd5155}.er-wheel-scene.winner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#ffe9a71f,transparent 50%);animation:erFlash .8s ease both;pointer-events:none}
@keyframes erLight{to{transform:translateX(9%) rotate(3deg)}}@keyframes erWinner{50%{transform:translateX(-50%) scale(1.08)}}@keyframes erFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@media(max-width:620px){.er-wheel-hud{top:14px;min-width:230px;padding:8px 15px}.er-wheel-scene.landing canvas{transform:scale(1.34) translateY(7%)}}