@layer components{.rarity-flash{pointer-events:none;--flash-delay-scaled:calc(var(--flash-delay,0s) / var(--flash-speed,1));--flash-flip-scaled:calc(var(--flash-flip-dur,1.05s) / var(--flash-speed,1));--flash-total-dur:calc(var(--flash-flip-scaled) + var(--flash-hold-dur,50ms));--flash-fade-dur:.15s;--flash-fade-delay:calc(var(--flash-delay-scaled) + var(--flash-total-dur) - var(--flash-fade-dur));opacity:0;animation:1ms step-end forwards rarity-flash-show;animation-delay:var(--flash-delay-scaled);will-change:opacity;justify-content:center;align-items:center;display:inline-flex}.rarity-flash__banner{background-color:var(--flash-color);box-shadow:0 0 38px var(--flash-glow), 0 12px 28px #00000073, inset 0 0 0 1.5px #ffffff38;animation:rarity-flash-pop calc(.32s / var(--flash-speed,1)) ease-out both, rarity-flash-fade-out var(--flash-fade-dur) linear forwards;animation-delay:var(--flash-delay-scaled), var(--flash-fade-delay);will-change:transform, opacity;background-image:linear-gradient(168deg,#ffffff4d,#fff0 58%);justify-content:center;align-items:center;padding:.14em .66em;display:inline-flex;position:relative;transform:rotate(-7deg)}.rarity-flash--loop{animation:rarity-flash-presence var(--flash-total-dur) linear infinite}.rarity-flash--loop .rarity-flash__banner{animation:rarity-flash-pop-loop var(--flash-total-dur) linear infinite}.rarity-flash__word{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-style:italic;font-weight:400;font-size:calc(clamp(1.5rem, 4.5vw, 3.2rem) * var(--flash-scale,1));white-space:nowrap;color:#fff;text-shadow:-.05em .012em #ffffff6b,-.1em .024em #ffffff3d,-.16em .036em #ffffff1f,0 .05em .12em #00000080;line-height:1}@keyframes rarity-flash-show{to{opacity:1}}@keyframes rarity-flash-fade-out{0%{opacity:1}to{opacity:0}}@keyframes rarity-flash-presence{0%{opacity:1}95.5%{opacity:1}to{opacity:0}}@keyframes rarity-flash-pop{0%{transform:rotate(-7deg)scale(.78)}70%{transform:rotate(-7deg)scale(1.06)}to{transform:rotate(-7deg)scale(1)}}@keyframes rarity-flash-pop-loop{0%{transform:rotate(-7deg)scale(.78)}9.75%{transform:rotate(-7deg)scale(1.06)}13%{transform:rotate(-7deg)scale(1)}to{transform:rotate(-7deg)scale(1)}}.rarity-flash[data-rarity=common]{--flash-color:var(--rarity-common);--flash-glow:#ffffff38}.rarity-flash[data-rarity=uncommon]{--flash-color:var(--rarity-uncommon);--flash-glow:#2e89438c}.rarity-flash[data-rarity=common] .rarity-flash__word,.rarity-flash[data-rarity=uncommon] .rarity-flash__word{font-size:calc(clamp(1.15rem, 3.3vw, 2.2rem) * var(--flash-scale,1))}.rarity-flash[data-rarity=rare]{--flash-color:var(--rarity-rare);--flash-glow:#1f57b9bf}.rarity-flash[data-rarity=epic]{--flash-color:var(--rarity-epic);--flash-glow:#6036c1c7}.rarity-flash[data-rarity=mythic]{--flash-color:var(--rarity-mythic);--flash-glow:#aa1613c7}.rarity-flash[data-rarity=grail]{--flash-color:var(--rarity-grail);--flash-glow:#cb9814cc}@media (prefers-reduced-motion:reduce){.rarity-flash{animation:rarity-flash-fade var(--flash-total-dur) linear forwards;animation-delay:var(--flash-delay-scaled)}.rarity-flash__banner{animation:none}@keyframes rarity-flash-fade{0%{opacity:0}10%{opacity:1}72%{opacity:1}to{opacity:0}}}}