/* SSR: smooth UR-style rainbow without the granular UR-M.png texture. */

.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine {
  filter: brightness(.90) contrast(.96) saturate(.68);
}

.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::before {
  filter: brightness(1.04) contrast(1.22) saturate(.68);
}

/* Replace the grain texture with a smooth rainbow balancing layer. */
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::after {
  content: "";
  display: block;
  background-image: repeating-linear-gradient(
    82deg,
    hsl(53 48% 58%) calc(var(--space) * 1),
    hsl(93 42% 48%) calc(var(--space) * 2),
    hsl(176 40% 47%) calc(var(--space) * 3),
    hsl(228 44% 53%) calc(var(--space) * 4),
    hsl(283 44% 53%) calc(var(--space) * 5),
    hsl(326 43% 49%) calc(var(--space) * 6),
    hsl(326 43% 49%) calc(var(--space) * 7),
    hsl(283 44% 53%) calc(var(--space) * 8),
    hsl(228 44% 53%) calc(var(--space) * 9),
    hsl(176 40% 47%) calc(var(--space) * 10),
    hsl(93 42% 48%) calc(var(--space) * 11),
    hsl(53 48% 58%) calc(var(--space) * 12)
  );
  background-position: calc(20% + (var(--pointer-from-left) * 60%)) calc(20% + (var(--pointer-from-top) * 60%));
  background-size: 400% 900%;
  filter: brightness(.92) contrast(1.08) saturate(.68);
  mix-blend-mode: multiply;
  opacity: .76;
}

/* Soften the old color-dodge amplification on bright/gold artwork. */
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine {
  mix-blend-mode: soft-light;
  opacity: .72;
  filter: brightness(.98) contrast(1.02) saturate(.68);
}
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::before {
  mix-blend-mode: overlay;
  opacity: .48;
  filter: brightness(1.02) contrast(1.12) saturate(.66);
}
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::after {
  mix-blend-mode: color;
  opacity: .30;
  filter: brightness(.96) contrast(1.04) saturate(.64);
}

/* Keep the smooth rainbow visible on dark artwork without restoring grain. */
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::after {
  mix-blend-mode: screen;
  opacity: .22;
  filter: brightness(.92) contrast(1.02) saturate(.60);
}

/* Show several smooth rainbow tones across the card at rest. */
.card[data-rarity="rare holo cosmos"]:is([data-rarity-key="ssr"], [data-set="ssr"]) .card__shine::after {
  background-size: 180% 240%;
  opacity: .26;
}