.payer-wheel{position:relative;width:min(280px,76vw);margin:20px auto 26px;text-align:center}
.payer-wheel[hidden]{display:none}
.payer-wheel-disc{position:relative;aspect-ratio:1;border:5px solid #c4ff00;border-radius:50%;box-shadow:0 9px 0 #090312,0 0 28px #baff0025;will-change:transform}
.payer-wheel-pointer{position:absolute;z-index:2;left:50%;top:-24px;transform:translateX(-50%);font-size:40px;line-height:1;color:white;filter:drop-shadow(0 3px 2px #160826)}
.payer-wheel-person{position:absolute;transform:translate(-50%,-50%) rotate(var(--wheel-counter-angle,0deg));width:66px;display:grid;justify-items:center;gap:3px;color:#fff;font-size:12px;font-weight:800}
.payer-wheel-person .player-avatar{width:40px!important;height:40px!important;min-width:40px;flex:none;aspect-ratio:1;border:2px solid white;border-radius:50%;object-fit:cover;display:block}
.payer-wheel-person>span:last-child{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#1c0a2c;padding:2px 5px;border-radius:5px}
.payer-wheel-hub{position:absolute;left:50%;top:min(140px,38vw);transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1c0a2c;border:3px solid white;color:#c4ff00;font-size:26px;font-weight:900}
.payer-wheel-caption{min-height:28px;margin:14px -8px 0;font-size:14px;line-height:1.4;color:#fff}
.payer-selection-status:has(.payer-wheel:not([hidden])) .payer-pulse{display:none}
@media(prefers-reduced-motion:reduce){.payer-wheel-disc{will-change:auto}}