/* Prize labels use a shared radius and remain upright around the wheel. */
.next-wheel>span{
    inset:auto;
    left:50%;
    top:3%;
    width:0;
    height:47%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding-top:5%;
    box-sizing:border-box;
    transform-origin:50% 100%;
    transform:rotate(calc(var(--i)*22.5deg + 11.25deg));
    pointer-events:none;
}
.next-wheel>span>b{
    display:block;
    min-width:44px;
    text-align:center;
    white-space:nowrap;
    transform:rotate(calc(var(--i)*-22.5deg - 11.25deg));
    font-weight:900;
    font-size:clamp(.7rem,1.2vw,1rem);
    line-height:1;
    color:#fff;
    text-shadow:0 1px 3px #281271;
}
@media(max-width:900px){.next-wheel>span>b{font-size:.7rem}}

.wheel-stage.wheel-solo-win{animation:soloStageGlow 1.1s ease-in-out 3}
.solo-win-burst{position:absolute;z-index:8;inset:20px;display:grid;place-content:center;text-align:center;border:2px solid #ffe47a;border-radius:30px;background:#2a126bd9;pointer-events:none;animation:soloBurst 5.2s ease both}
.solo-win-burst:before,.solo-win-burst:after{content:"✦  ✧  ★  ✦  ★  ✧  ✦";position:absolute;left:8%;right:8%;color:#ffe05d;font-size:clamp(1.2rem,3vw,2.4rem);letter-spacing:1.2vw;animation:soloStars 1s ease-in-out infinite alternate}
.solo-win-burst:before{top:12%}.solo-win-burst:after{bottom:12%;animation-delay:.25s}
.solo-win-burst strong{font-size:clamp(2.2rem,6vw,5.5rem);line-height:.9;color:#fff;text-shadow:0 5px 30px #ffb22f;transform:rotate(-2deg)}
.solo-win-burst span{margin-top:18px;color:#ffe05d;font-weight:900;letter-spacing:.15em}
@keyframes soloStageGlow{50%{box-shadow:0 0 0 8px #ffe05d,0 30px 80px #ff9f2f88}}
@keyframes soloBurst{0%{opacity:0;transform:scale(.5) rotate(-4deg)}12%,82%{opacity:1;transform:scale(1) rotate(0)}100%{opacity:0;transform:scale(1.08)}}
@keyframes soloStars{to{transform:scale(1.08);filter:drop-shadow(0 0 10px #fff)}}
.wheel-prize-key .wheel-key-lose i{background:#ff6b7a}
.wheel-stage.wheel-no-prize .wheel-copy h2{animation:loseWobble .55s ease}
@keyframes loseWobble{20%{transform:rotate(-2deg)}45%{transform:rotate(2deg)}70%{transform:rotate(-1deg)}}
