.rframe{border-radius:var(--r-slot);background:var(--bg-well);position:relative}.rframe:after{content:"";border-radius:inherit;background:var(--frame,none);-webkit-mask-composite:xor;pointer-events:none;background-size:200% 100%;padding:4px;animation:6s linear infinite rarity-shimmer;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.rframe-mythical{--frame:var(--frame-mythical);box-shadow:0 0 18px var(--glow-mythical)}.rframe-legendary{--frame:var(--frame-legendary);box-shadow:0 0 18px var(--glow-legendary)}.rframe-epic{--frame:var(--frame-epic);box-shadow:0 0 16px var(--glow-epic)}.rframe-rare{--frame:var(--frame-rare);box-shadow:0 0 14px var(--glow-rare)}.rframe-uncommon{--frame:var(--frame-uncommon);box-shadow:0 0 14px var(--glow-uncommon)}.rframe-collectable{--frame:var(--frame-collectable);box-shadow:0 0 14px var(--glow-collectable)}.rframe-unknown{--frame:linear-gradient(to right, var(--line-strong), var(--line), var(--line-strong));box-shadow:none}.rframe-sm{border-radius:var(--r-card);border:1px solid var(--line-strong);background:radial-gradient(60% 60% at 50% 40%,oklch(28% .02 255/.55),#0000 70%),oklch(19.5% .018 255);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm:after{content:none}.rframe-sm.rframe-mythical{border-color:color-mix(in oklch, var(--rarity-mythical) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm.rframe-legendary{border-color:color-mix(in oklch, var(--rarity-legendary) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm.rframe-epic{border-color:color-mix(in oklch, var(--rarity-epic) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm.rframe-rare{border-color:color-mix(in oklch, var(--rarity-rare) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm.rframe-uncommon{border-color:color-mix(in oklch, var(--rarity-uncommon) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe-sm.rframe-collectable{border-color:color-mix(in oklch, var(--rarity-collectable) 45%, transparent);box-shadow:inset 0 1px oklch(100% 0 0/.06)}.rframe:not(.rframe-sm){background:radial-gradient(60% 60% at 50% 40%, oklch(26% .02 255/.5), transparent 70%), var(--bg-well)}@keyframes rarity-shimmer{to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){.rframe:after{animation:none}}