/* MONSTARICA v41
   Rarity finish redesign per latest direction:
   - no outer glow by rarity
   - progression shown by frame + inside-art treatment only
   - no sweep lines / noisy scan lines
   - Foil = white-gold dense relief glitter + diamond-like illustration edge sparkle
   - HR = gold dense relief glitter + lightly gilded illustration
   - stat area remains unprocessed
*/

.game-card[data-rarity-tier]{
  --frame-1:#6a7684;
  --frame-2:#293441;
  --frame-3:#cfd6dd;
  --art-fx-opacity:0;
  --art-fx-density:26px;
  --art-border:#6b7786;
  --art-bevel:#ffffff16;
  --art-grain-color:#ffffff10;
  --art-bg-1:color-mix(in srgb,var(--art-tone-1) 88%, #111520);
  --art-bg-2:color-mix(in srgb,var(--art-tone-2) 82%, #151b27);
  --art-bg-3:color-mix(in srgb,var(--art-tone-3) 84%, #121722);
  border:2px solid var(--frame-1)!important;
  background:linear-gradient(180deg,#122235,#0d1726 56%,#0c1420 100%)!important;
  box-shadow:0 10px 24px #0008, inset 0 0 0 1px #ffffff08!important;
}
.game-card[data-rarity-tier]::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;z-index:4!important;border-radius:inherit!important;
  padding:2px;
  background:linear-gradient(135deg,var(--frame-3) 0%, var(--frame-1) 22%, var(--frame-2) 58%, var(--frame-3) 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  opacity:1!important;filter:none!important;
}
.game-card[data-rarity-tier]::after,
.game-card[data-rarity-tier] .holo-scene,
.game-card[data-rarity-tier] .holo-stars{display:none!important}

.game-card[data-rarity-tier] .card-art{
  position:relative;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 18% 16%, color-mix(in srgb,var(--art-bg-3) 68%, white) 0%, transparent 24%),
    radial-gradient(circle at 78% 18%, color-mix(in srgb,var(--art-bg-2) 54%, white) 0%, transparent 26%),
    linear-gradient(145deg,var(--art-bg-3) 0%, var(--art-bg-1) 46%, var(--art-bg-2) 100%)!important;
  box-shadow:inset 0 0 0 1px var(--art-border), inset 0 1px 0 var(--art-bevel)!important;
}
.game-card[data-rarity-tier] .card-art::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 18% 22%, var(--art-grain-color) 0 1px, transparent 1.9px),
    radial-gradient(circle at 72% 18%, var(--art-grain-color) 0 1px, transparent 2px),
    radial-gradient(circle at 32% 76%, var(--art-grain-color) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 72%, var(--art-grain-color) 0 1px, transparent 2px),
    repeating-radial-gradient(circle at 50% 50%, transparent 0 10px, color-mix(in srgb,var(--art-grain-color) 72%, transparent) 10.6px 11.2px, transparent 11.8px 28px);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,var(--art-fx-density) var(--art-fx-density);
  opacity:var(--art-fx-opacity);mix-blend-mode:screen;
}
.game-card[data-rarity-tier] .card-art::after{
  content:"";position:absolute;inset:6px;pointer-events:none;z-index:2;border-radius:8px;
  border:1px solid color-mix(in srgb,var(--art-border) 80%, white 20%);
  box-shadow:inset 0 1px 0 var(--art-bevel);opacity:.92;
}
.game-card[data-rarity-tier] .card-art img{
  position:relative;z-index:3;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 12px 12px #0009)!important;
}
.game-card[data-rarity-tier] .card-info,
.game-card[data-rarity-tier] .card-rarity,
.game-card[data-rarity-tier] .card-no,
.game-card[data-rarity-tier] .finish{
  box-shadow:none!important;text-shadow:none!important;filter:none!important;
}
.game-card[data-rarity-tier] .card-info{background:#0a1119f5!important;border-top:1px solid rgba(255,255,255,.12)!important}

.game-card[data-rarity-tier="N"]{--frame-1:#69717a;--frame-2:#2e3742;--frame-3:#c5ccd3;--art-border:#687281;--art-bevel:#ffffff12;--art-fx-opacity:.02;--art-fx-density:30px;}
.game-card[data-rarity-tier="C"]{--frame-1:#929da9;--frame-2:#404b57;--frame-3:#f0f2f5;--art-border:#8492a0;--art-bevel:#ffffff18;--art-fx-opacity:.04;--art-fx-density:28px;}
.game-card[data-rarity-tier="UC"]{--frame-1:#61c9b8;--frame-2:#205d63;--frame-3:#e7fffb;--art-border:#79cfc3;--art-bevel:#ecfff714;--art-fx-opacity:.06;--art-fx-density:27px;}
.game-card[data-rarity-tier="R"]{--frame-1:#73b7ff;--frame-2:#274f89;--frame-3:#eff8ff;--art-border:#76b8f5;--art-bevel:#f1fbff18;--art-fx-opacity:.08;--art-fx-density:26px;}
.game-card[data-rarity-tier="SR"]{--frame-1:#caa0ff;--frame-2:#563a86;--frame-3:#fbf2ff;--art-border:#bb9be9;--art-bevel:#fff6ff20;--art-fx-opacity:.11;--art-fx-density:24px;}
.game-card[data-rarity-tier="SSR"]{--frame-1:#f2c978;--frame-2:#816126;--frame-3:#fff8ea;--art-border:#d9ba73;--art-bevel:#fff7dd26;--art-fx-opacity:.14;--art-fx-density:23px;}
.game-card[data-rarity-tier="UR"]{--frame-1:#f1efe8;--frame-2:#a98f59;--frame-3:#ffffff;--art-border:#e1d3ae;--art-bevel:#ffffff32;--art-fx-opacity:.18;--art-fx-density:21px;}
.game-card[data-rarity-tier="UR"]::before{padding:3px;background:linear-gradient(135deg,#ffffff 0%, #e8dcc0 18%, #b28e55 38%, #f7f4ec 56%, #ab88ff 72%, #fffef6 100%)!important;}

.game-card[data-finish="Foil"]:not([data-hr="true"]){--frame-1:#f7f3e8;--frame-2:#98886a;--frame-3:#ffffff;}
.game-card[data-finish="Foil"]:not([data-hr="true"])::before{padding:3px;background:linear-gradient(135deg,#ffffff 0%, #f1e8cf 20%, #b9a27b 42%, #ffffff 58%, #e3d7bf 78%, #fffffd 100%)!important;}
.game-card[data-finish="Foil"]:not([data-hr="true"]) .card-art{
  background:
    radial-gradient(circle at 16% 15%, #fffef8 0%, transparent 20%),
    radial-gradient(circle at 83% 19%, #efe6d0 0%, transparent 24%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--art-tone-3) 24%, #f7f5ef) 0%,
      color-mix(in srgb,var(--art-tone-1) 20%, #e8dcc0) 52%,
      color-mix(in srgb,var(--art-tone-2) 22%, #f4efdf) 100%)!important;
  box-shadow:inset 0 0 0 1px #f7edd2,inset 0 1px 0 #ffffff94,inset 0 0 0 6px #f5efe322!important;
}
.game-card[data-finish="Foil"]:not([data-hr="true"]) .card-art::before{
  opacity:1!important;
  background:
    radial-gradient(circle at 10% 14%, #ffffffd9 0 .8px, transparent 2px),
    radial-gradient(circle at 24% 22%, #fff6ddc8 0 .8px, transparent 2px),
    radial-gradient(circle at 40% 16%, #ffffffd9 0 .85px, transparent 2.1px),
    radial-gradient(circle at 54% 20%, #fff0d0cf 0 .75px, transparent 1.9px),
    radial-gradient(circle at 74% 18%, #ffffffd9 0 .82px, transparent 2px),
    radial-gradient(circle at 84% 24%, #fff4d6cf 0 .8px, transparent 2px),
    radial-gradient(circle at 18% 80%, #ffffffd0 0 .8px, transparent 2px),
    radial-gradient(circle at 70% 76%, #fff0d0ca 0 .8px, transparent 2px),
    repeating-radial-gradient(circle at 45% 48%, #ffffff12 0 1px, transparent 1.6px 6px),
    repeating-radial-gradient(circle at 62% 38%, #e9dcc112 0 1px, transparent 1.5px 5px),
    linear-gradient(145deg,#ffffff1c,#ffffff00 42%,#d8ccb31e 68%,#ffffff05 100%);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,14px 14px,10px 10px,100% 100%;mix-blend-mode:screen;
}
.game-card[data-finish="Foil"]:not([data-hr="true"]) .card-art::after{
  inset:6px;border:1px solid #f7ecd0;
  box-shadow:inset 0 1px 0 #fffdf6,inset 0 0 0 1px #d4c4a18c,inset 0 0 22px #ffffff1b!important;
  background:radial-gradient(circle at 12% 12%, #ffffff45 0 1px, transparent 5px),radial-gradient(circle at 86% 18%, #fff6d541 0 1px, transparent 6px),radial-gradient(circle at 18% 84%, #f4ead038 0 1px, transparent 6px),radial-gradient(circle at 78% 76%, #ffffff3f 0 1px, transparent 5px);
}
.game-card[data-finish="Foil"]:not([data-hr="true"]) .card-art img{
  filter:brightness(1.03) drop-shadow(0 12px 12px #0009) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 4px #ffffffcc) drop-shadow(0 0 8px #d6ecffb0) drop-shadow(0 0 10px #f7f0d29a)!important;
}

.game-card[data-hr="true"],.game-card[data-rarity-tier="HR"]{--frame-1:#ffe6a6;--frame-2:#9a6b24;--frame-3:#fffdf6;border-color:#d8b15d!important;box-shadow:0 10px 24px #0008, inset 0 0 0 1px #fff3cc14!important;}
.game-card[data-hr="true"]::before,.game-card[data-rarity-tier="HR"]::before{padding:4px;background:linear-gradient(135deg,#fff9de 0%, #f1d286 18%, #a66c19 38%, #fff3bf 60%, #d09a34 82%, #fffbe7 100%)!important;}
.game-card[data-hr="true"] .card-art,.game-card[data-rarity-tier="HR"] .card-art{
  background:
    radial-gradient(circle at 16% 15%, #fff6cf 0%, transparent 18%),
    radial-gradient(circle at 84% 20%, #ffe19c 0%, transparent 21%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--art-tone-3) 28%, #c08b22) 0%,
      color-mix(in srgb,var(--art-tone-1) 24%, #f3d47f) 48%,
      color-mix(in srgb,var(--art-tone-2) 26%, #9c6c20) 100%)!important;
  box-shadow:inset 0 0 0 1px #f6d688,inset 0 1px 0 #fff8da8a,inset 0 0 0 6px #f2d28124!important;
}
.game-card[data-hr="true"] .card-art::before,.game-card[data-rarity-tier="HR"] .card-art::before{
  opacity:1!important;
  background:
    radial-gradient(circle at 10% 14%, #fff8ddde 0 .85px, transparent 2px),
    radial-gradient(circle at 24% 20%, #ffe7aeda 0 .9px, transparent 2.1px),
    radial-gradient(circle at 38% 16%, #fff7d2da 0 .86px, transparent 2px),
    radial-gradient(circle at 50% 12%, #ffd88ede 0 .9px, transparent 2.2px),
    radial-gradient(circle at 64% 18%, #fff0c5d8 0 .88px, transparent 2px),
    radial-gradient(circle at 78% 14%, #ffdc98de 0 .9px, transparent 2.15px),
    radial-gradient(circle at 88% 22%, #fff5d4d8 0 .86px, transparent 2px),
    radial-gradient(circle at 18% 84%, #ffd99ade 0 .9px, transparent 2.2px),
    radial-gradient(circle at 36% 76%, #fff3c8d8 0 .88px, transparent 2px),
    radial-gradient(circle at 56% 82%, #ffd58ade 0 .9px, transparent 2.15px),
    radial-gradient(circle at 76% 74%, #fff0c0d8 0 .88px, transparent 2px),
    repeating-radial-gradient(circle at 48% 44%, #fff4d018 0 1px, transparent 1.5px 5px),
    repeating-radial-gradient(circle at 62% 56%, #ffd98d14 0 1px, transparent 1.4px 4px),
    linear-gradient(145deg,#fff1c426,#ffffff00 36%,#d39a2524 64%,#ffffff06 100%);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,12px 12px,8px 8px,100% 100%;mix-blend-mode:screen;
}
.game-card[data-hr="true"] .card-art::after,.game-card[data-rarity-tier="HR"] .card-art::after{
  inset:6px;border:1px solid #f8dd9a;
  box-shadow:inset 0 1px 0 #fffbe8,inset 0 0 0 1px #c28a2a88,inset 0 0 24px #f7d46a1f!important;
  background:radial-gradient(circle at 14% 16%, #fff8dd36 0 1px, transparent 5px),radial-gradient(circle at 84% 18%, #ffe4aa32 0 1px, transparent 6px),radial-gradient(circle at 20% 82%, #ffd08a2f 0 1px, transparent 6px),radial-gradient(circle at 76% 76%, #fff2cc32 0 1px, transparent 5px);
}
.game-card[data-hr="true"] .card-art img,.game-card[data-rarity-tier="HR"] .card-art img{filter:sepia(.16) saturate(1.08) hue-rotate(-8deg) brightness(1.03) drop-shadow(0 12px 12px #0009)!important;}

@media (prefers-reduced-motion:reduce){
  .game-card[data-rarity-tier]::before,
  .game-card[data-rarity-tier] .card-art::before,
  .game-card[data-rarity-tier] .card-art::after{animation:none!important}
}