/*

  FOMOCARD — full-art card overrides

  FomoCard and One Piece Card Game art is full-bleed (no framed illustration window), so every
  foil / glare layer covers the whole card instead of a clipped window.

*/

:root {
  --card-edge: hsl(42, 90%, 62%);
  --card-back: hsl(211, 66%, 14%);
}

.card[data-set="fomo"],
.card[data-set^="op"],
.card[data-set^="st"],
.card[data-set^="eb"] {
  --clip: inset(0);
  --clip-stage: inset(0);
  --clip-trainer: inset(0);
  --clip-borders: inset(0);
}

/* glow colour per FomoCard element */
.card.sky     { --card-glow: hsl(204, 96%, 68%); }
.card.shadow  { --card-glow: hsl(262, 45%, 42%); }
.card.light   { --card-glow: hsl(46, 100%, 74%); }
.card.arcane  { --card-glow: hsl(275, 80%, 66%); }
.card.bloom   { --card-glow: hsl(330, 100%, 82%); }
.card.ocean   { --card-glow: hsl(192, 97%, 60%); }
.card.cosmic  { --card-glow: hsl(228, 90%, 72%); }
.card.gold    { --card-glow: hsl(45, 96%, 58%); }
.card.neon    { --card-glow: hsl(292, 100%, 66%); }
.card.nature  { --card-glow: hsl(110, 70%, 60%); }
.card.frost   { --card-glow: hsl(196, 100%, 80%); }
.card.ember   { --card-glow: hsl(18, 92%, 60%); }
.card.storm   { --card-glow: hsl(268, 90%, 70%); }

/* glow colour per One Piece card colour (types render as e.g. "Red,Green") */
.card[class*="Black"]  { --card-glow: hsl(220, 15%, 70%); }
.card[class*="Yellow"] { --card-glow: hsl(50, 100%, 62%); }
.card[class*="Purple"] { --card-glow: hsl(275, 80%, 68%); }
.card[class*="Blue"]   { --card-glow: hsl(208, 95%, 64%); }
.card[class*="Green"]  { --card-glow: hsl(145, 70%, 55%); }
.card[class*="Red"]    { --card-glow: hsl(2, 90%, 62%); }

/*
  One Piece cards ship without foil/mask textures, so layers that rely on a
  mask (glare2, glitter) would wash over the whole card. Keep the art at its
  real brightness at rest and let the foil show only while the card is tilted.
*/
.card[data-set^="op"] .card__glare2,
.card[data-set^="st"] .card__glare2,
.card[data-set^="eb"] .card__glare2 {
  display: none;
}

.card[data-set^="op"][data-rarity="hyper rare"] .card__glitter,
.card[data-set^="st"][data-rarity="hyper rare"] .card__glitter,
.card[data-set^="eb"][data-rarity="hyper rare"] .card__glitter {
  opacity: calc(var(--card-opacity) * (0.08 + var(--pointer-from-center) * 0.14));
}