/*

  AMAZING RARE
  Adapted from simeydotme/pokemon-cards-css for HypePull.
  Collapsed `.card.masked` / `.card:not(.masked)` variants — our cards always
  have `.masked` but no per-card mask is defined, so we use the masked rules
  and drop the `mask-image: var(--mask)` reference.

*/

.card-body.card[data-rarity="amazing rare"] .card__shine {

  background-image:
    var(--glitter),
    var(--glitter),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(150, 20%, 10%, 1) 10%,
      hsla(177, 22%, 80%, 0.1) 50%,
      hsla(0, 0%, 95%, .98) 90%
    );

  background-size: var(--glittersize) var(--glittersize), var(--glittersize) var(--glittersize), cover;
  background-position: 40% 45%, 55% 55%, center center;
  background-blend-mode: soft-light, color-burn;
  filter: brightness(0.5) contrast(1) saturate(.9);

}

.card-body.card[data-rarity="amazing rare"] .card__shine:before {

  -webkit-mask-image: none !important;
  mask-image: none !important;

  background-image:
    var(--foil),
    radial-gradient(
      farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsla(50, 20%, 90%, 0.95) 0%,
      rgba(181, 139, 164, 0.4) 35%,
      rgba(40, 30, 35, 0.1) 70%,
      hsla(0, 0%, 0%, 0) 100%
    );

  background-size: 33%, cover;
  background-position: center center, center center;
  background-blend-mode: color-burn;

  mix-blend-mode: lighten;
  filter: brightness(1) contrast(1) saturate(1);
  opacity: 0.3;

}

.card-body.card[data-rarity="amazing rare"] .card__shine:after {

  -webkit-mask-image: none !important;
  mask-image: none !important;

  background-image:
    repeating-linear-gradient(
      calc( var(--angle) ),
      var(--sunpillar-clr-1) calc(var(--space)*1),
      var(--sunpillar-clr-2) calc(var(--space)*2),
      var(--sunpillar-clr-3) calc(var(--space)*3),
      var(--sunpillar-clr-4) calc(var(--space)*4),
      var(--sunpillar-clr-5) calc(var(--space)*5),
      var(--sunpillar-clr-6) calc(var(--space)*6),
      var(--sunpillar-clr-1) calc(var(--space)*7)
    );

  background-size: 400% 800%;
  background-position: calc( 50% + (50% - (var(--background-x))) * 3 ) calc( 50% + (50% - (var(--background-y))) * 3 );
  filter: brightness(calc( 0.75 - ( var(--pointer-from-center) * 0.5 ))) contrast(1) saturate(1);
  mix-blend-mode: saturation;

}

/*

  GLARE LAYERS

*/

.card-body.card[data-rarity="amazing rare"] .card__glare {

  background-image:
    radial-gradient(
      farthest-corner circle at
      var(--glare-x) var(--glare-y),
      hsla(50, 20%, 90%, 0.45) 0%,
      hsla(150, 20%, 30%, 0.45) 45%,
      hsla(0, 0%, 0%, .9) 120%
    );

  filter: brightness(.9) contrast(2);

}

.card-body.card[data-rarity="amazing rare"] .card__glare:after {

  content: "";
  position: absolute;
  inset: 0;
  border-radius: 5cqi;

  background-image:
    radial-gradient(
      farthest-corner circle at
      var(--glare-x) var(--glare-y),
      hsla(50, 20%, 90%, 0.75) 0%,
      hsla(150, 20%, 30%, 0.65) 45%,
      hsla(0, 0%, 0%, 1) 90%
    );

  filter: brightness(1) contrast(1.5);
  mix-blend-mode: overlay;
  opacity: 1;

}