/* Full-card rarity colour, layered beneath the existing CSDROP animation. */
.kd8-contents[data-csdrop-case-groups="v1"] .cg-card::before {
 content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 background:linear-gradient(180deg,color-mix(in srgb,var(--cg-rarity) 20%,#202630),color-mix(in srgb,var(--cg-rarity) 58%,#181e26));
 opacity:0;transition:opacity .38s cubic-bezier(.2,.65,.3,1);
}
@media(hover:hover) and (pointer:fine) {
 .kd8-contents[data-csdrop-case-groups="v1"] .cg-card:not(.cg-open):hover::before { opacity:1; }
}
.kd8-contents[data-csdrop-case-groups="v1"] .cg-card:not(.cg-open):has(.cg-info:focus-visible)::before { opacity:1; }
@media(prefers-reduced-motion:reduce) {
 .kd8-contents[data-csdrop-case-groups="v1"] .cg-card::before { transition:none; }
}