/* Twenty-four contiguous radial frames: narrower at the inner edge. */
.bonus31-card{width:calc(var(--diameter)*.132);margin-left:calc(var(--diameter)*-.066);border:0;border-radius:0;background:none;box-shadow:none!important;isolation:isolate;padding:9px 3px 6px;gap:2px}
.bonus31-card:before,.bonus31-card:after{content:'';position:absolute;inset:0;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);pointer-events:none;z-index:-2}
.bonus31-card:before{background:var(--rarity-color,#3b82f6);filter:drop-shadow(0 0 5px var(--rarity-color,#3b82f6))}
.bonus31-card:after{inset:1.3px;background:linear-gradient(180deg,#181020 0%,#19111d 55%,#271627 100%);z-index:-1}
.bonus31-card img{width:78%;height:57%;filter:drop-shadow(0 0 5px var(--rarity-color,#3b82f6))}
.bonus31-card small{font-size:clamp(8px,2.3vw,11px);color:#fff0dc;margin-top:1px}
.bonus31-card span{font-size:clamp(7px,1.9vw,9px);max-width:93%}
.bonus31-card.is-selected:before{background:var(--rarity-color);filter:brightness(1.65) drop-shadow(0 0 10px var(--rarity-color))}
.bonus31-card.is-selected:after{background:radial-gradient(ellipse at 50% 50%,#69213f,#201220 85%)}
.bonus31-wheel{background:radial-gradient(circle,#2e1023 45%,#0f0a13 70%)}