.wheel-stage{isolation:isolate}.wheel-halo{position:absolute;z-index:-1;inset:3%;border-radius:50%;background:conic-gradient(from 30deg,#9d72ff88,#ff5cb855,#55dff566,#ffd56a66,#9d72ff88);filter:blur(24px);opacity:.65;animation:haloBreath 2.6s ease-in-out infinite}.wheel-stage:before,.wheel-stage:after{content:"";position:absolute;z-index:1;inset:1.5%;border-radius:50%;pointer-events:none}.wheel-stage:before{border:3px solid #ffffff24;box-shadow:inset 0 0 0 5px #0c0818,inset 0 0 24px #000,0 0 0 2px #9d72ff55,0 0 30px #9d72ff35}.wheel-stage:after{inset:5%;border:1px solid #ffffff28;box-shadow:inset 0 0 34px #ffffff0b}.wheel-stage canvas{position:relative;z-index:0}.pointer{top:-16px!important;display:grid;place-items:center;width:58px;height:69px;color:#fff!important;font-size:34px!important;filter:drop-shadow(0 6px 8px #000)!important}.pointer i{position:absolute;top:1px;width:42px;height:42px;border:3px solid #fff8;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#d8c1ff 30%,#7447d5 70%);box-shadow:0 0 22px #b68cff,0 5px 12px #000}.pointer span{position:absolute;top:28px;z-index:2;color:#f8efff;text-shadow:0 0 9px #fff;font-size:33px}.ambient-orbit{position:absolute;z-index:-2;inset:-6%;border:1px solid #9d72ff20;border-radius:50%;animation:orbit 13s linear infinite}.ambient-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#d7c1ff;box-shadow:0 0 13px 4px #9d72ffaa}.ambient-orbit i:nth-child(1){top:12%;left:18%}.ambient-orbit i:nth-child(2){right:3%;top:49%;background:#55dff5;box-shadow:0 0 13px 4px #55dff588}.ambient-orbit i:nth-child(3){left:27%;bottom:1%;background:#ff5cb8;box-shadow:0 0 13px 4px #ff5cb888}.spin-center{overflow:hidden;transition:transform .2s,box-shadow .2s}.spin-center:before{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 35%,#fff9 49%,transparent 63%);transform:translateX(-70%) rotate(20deg);animation:centerShine 2.3s ease-in-out infinite}.spin-center b,.spin-center span,.spin-center small{position:relative;z-index:1}.spin-center b{display:block;color:#8758e7;font-size:12px;line-height:8px}.spin-center:not(:disabled):active{transform:scale(.93)}.wheel-stage.is-spinning .pointer{animation:pointerTick .14s ease-in-out infinite alternate}.wheel-stage.is-spinning .wheel-halo{opacity:1;animation:haloSpin .8s linear infinite}.wheel-stage.is-spinning .spin-center{box-shadow:0 0 35px #fff8,0 0 65px #9d72ff77;animation:centerPulse .7s ease-in-out infinite alternate}.wheel-stage.landed .pointer{animation:landed .5s cubic-bezier(.2,1.7,.3,1)}.wheel-stage.landed:after{animation:flashRing .7s ease-out}.result-card{filter:drop-shadow(0 0 35px #ff5cb85c)}
@keyframes haloBreath{50%{opacity:.95;transform:scale(1.035)}}@keyframes haloSpin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pointerTick{to{transform:translateX(-50%) rotate(4deg)}}@keyframes centerShine{55%,100%{transform:translateX(70%) rotate(20deg)}}@keyframes centerPulse{to{transform:scale(1.045)}}@keyframes landed{0%{transform:translateX(-50%) scale(.7)}60%{transform:translateX(-50%) scale(1.28)}100%{transform:translateX(-50%) scale(1)}}@keyframes flashRing{0%{box-shadow:0 0 0 0 #fff,0 0 40px 20px #9d72ff}100%{box-shadow:0 0 0 28px transparent,0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.wheel-halo,.ambient-orbit,.spin-center:before{animation:none}}