.shop-screen .mon[data-rar=common],.creature-card.rar-common{--creature-rarity:var(--ash)}.shop-screen .mon[data-rar=uncommon],.creature-card.rar-uncommon{--creature-rarity:var(--leaf)}.shop-screen .mon[data-rar=rare],.creature-card.rar-rare{--creature-rarity:#5f9dff}.shop-screen .mon[data-rar=super_rare],.creature-card.rar-super_rare{--creature-rarity:var(--violet)}.shop-screen .mon[data-rar=legendary],.creature-card.rar-legendary{--creature-rarity:var(--gold)}.shop-screen .mon[data-rar=mythical],.creature-card.rar-mythical{--creature-rarity:var(--crimson)}html #app .shop-screen :is(.team-row,.shop) .slot>.mon[data-rar]{background:linear-gradient(180deg,color-mix(in srgb,var(--creature-rarity) 18%,transparent),color-mix(in srgb,var(--creature-rarity) 5%,transparent) 60%,transparent)!important;border-radius:3px}html #app .shop-screen :is(.team-row,.shop) .slot>.mon[data-rar]>.rarity-portrait{background:radial-gradient(ellipse 65% 55% at 50% 58%,color-mix(in srgb,var(--creature-rarity) 24%,transparent),transparent 85%)!important}html #app .shop-screen.shop-v6 #tip.creature-card.creature-card,#app #catch-detail.creature-card{--hue:var(--creature-rarity);background:linear-gradient(180deg,color-mix(in srgb,var(--creature-rarity) 25%,transparent),color-mix(in srgb,var(--creature-rarity) 5%,transparent) 65%,transparent),var(--void)!important}