/* V64 – CSGOWIN-style rarity colours + glow (shared by Cases, Case opening and Case Battles).
   The item accent (--ac / --rc) is the rarity glow colour: yellow #E1A94C, red #EB4B4B, pink #D32CE6, purple #894BFF, dark blue #4B69FF, blue #3075FF, grey #E7E7E7. */
.rg{position:absolute;display:grid;place-items:center;pointer-events:none;color:var(--rc,#4B69FF);z-index:0}
.rg i{position:absolute;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,currentColor 55%,transparent) 0%,color-mix(in srgb,currentColor 24%,transparent) 45%,transparent 70%);transition:transform .5s ease,opacity .5s ease}
.rg{contain:layout paint style}.rg svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linejoin:round}
.rg svg path:first-child{stroke-width:.7;opacity:.5}.rg svg path:last-child{stroke-width:.9;opacity:.95}
/* bar colour (CSGOWIN uses a slightly different shade for the bottom bar) */
.co-it,.bt-item,.bt-card,.co-cell{--rb:var(--rc)}
[style*="#3075FF" i]{--rb:#5E98D9}[style*="#E1A94C" i]{--rb:#E4AE39}[style*="#894BFF" i]{--rb:#8847FF}[style*="#E7E7E7" i]{--rb:#B0C3D9}

/* ---- case opening lane (cards: moon-spinner.css) ---- */
.co-lane::after{display:none}
.co-stage{background:linear-gradient(180deg,#14171e,#101319)}

/* ---- case content grid (CSGOWIN-style tile: dark card, glow behind the skin, coloured bottom bar) ---- */
.co-it{--rc:var(--ac);overflow:hidden;background:#16181d;border:2px solid #202229;border-left-width:2px;border-radius:6px}
.co-it .rg{left:50%;top:8px;width:150%;aspect-ratio:1;transform:translate(-50%,-14%)}
.co-it .rg i{}
.co-it>*:not(.rg){position:relative;z-index:1}.co-it .co-p,.co-it .co-bd{position:absolute}
.co-it::before{display:none}
.co-it::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rb);z-index:2}
.co-it .co-tr{display:none}
.co-it .co-vl{color:#F2F3F5}
@media(hover:hover){.co-it:hover{background:#1d2027;border-color:#202229;border-left-color:#202229}.co-it:hover .rg i{transform:scale(1.15)}}
.co{background:radial-gradient(120% 340px at 50% 0,color-mix(in srgb,var(--top,#E1A94C) 14%,transparent),transparent 70%)}

/* ---- case battles (spinner cards: moon-spinner.css) ---- */
.bt-ca{position:relative}.bt-ca>*:not(.rg){position:relative;z-index:1}
.bt-ca .rg{left:50%;top:50%;width:150%;max-width:120px;aspect-ratio:1;transform:translate(-50%,-50%)}
.bt-card{overflow:hidden}.bt-card::before{background:var(--rb)}
@media(prefers-reduced-motion:reduce){.rg i{transition:none}}
