/* MONSTARICA v38
   - Deck screen readability improved on PC
   - Remove moving white sweep lines
   - Tone down edge glow overall
   - Denser HR glitter
   - New badge in pack opening
*/

/* Card effect restraint */
.game-card[data-rarity-tier]{
  --frame-aura:0 0 10px color-mix(in srgb,var(--rim-light) 18%,transparent) !important;
}
.game-card[data-rarity-tier]::after{display:none!important}
.game-card[data-rarity-tier]::before{opacity:clamp(.05, calc(var(--edge-opacity, .2) * .68), .72)!important}
.game-card[data-rarity-tier="N"]{--frame-aura:0 0 0 transparent!important}
.game-card[data-rarity-tier="C"]{--frame-aura:0 0 4px color-mix(in srgb,var(--rim-light) 10%,transparent)!important}
.game-card[data-rarity-tier="UC"]{--frame-aura:0 0 7px color-mix(in srgb,var(--rim-light) 13%,transparent)!important}
.game-card[data-rarity-tier="R"]{--frame-aura:0 0 10px color-mix(in srgb,var(--rim-light) 16%,transparent)!important}
.game-card[data-rarity-tier="SR"]{--frame-aura:0 0 12px color-mix(in srgb,var(--rim-light) 18%,transparent)!important}
.game-card[data-rarity-tier="SSR"]{--frame-aura:0 0 14px color-mix(in srgb,var(--rim-light) 19%,transparent)!important}
.game-card[data-rarity-tier="UR"]{--frame-aura:0 0 16px color-mix(in srgb,var(--rim-light) 20%,transparent)!important}
.game-card[data-rarity-tier] .card-art::before,
.game-card[data-rarity-tier] .card-art::after{animation-duration:5.4s!important}

/* Foil: keep outline holo but calm the glare slightly */
.game-card[data-finish="Foil"]:not([data-rarity-tier="HR"]) .card-art::after{
  background:
    radial-gradient(circle at 18% 16%,#ffffffea 0 1px,transparent 7px),
    radial-gradient(circle at 83% 22%,#ffffffea 0 1px,transparent 8px),
    radial-gradient(circle at 25% 84%,#ffffffea 0 1px,transparent 7px),
    radial-gradient(circle at 77% 76%,#ffffffea 0 1px,transparent 7px)!important;
  opacity:.88!important;
}

/* HR: denser gold glitter */
.game-card[data-rarity-tier="HR"],
.game-card[data-hr="true"]{
  --frame-aura:0 0 18px #ffd36d70,0 0 38px #f1b92744!important;
}
.game-card[data-rarity-tier="HR"] .card-art .holo-scene,
.game-card[data-hr="true"] .card-art .holo-scene{
  background:
    radial-gradient(circle at 10% 14%,#fffef0 0 .9px,transparent 2.1px),
    radial-gradient(circle at 18% 22%,#fff4ce 0 .9px,transparent 2.2px),
    radial-gradient(circle at 34% 18%,#ffe3a6 0 1px,transparent 2.3px),
    radial-gradient(circle at 50% 12%,#fff6d2 0 .9px,transparent 2.1px),
    radial-gradient(circle at 68% 16%,#ffd791 0 .95px,transparent 2.4px),
    radial-gradient(circle at 84% 20%,#fff7dc 0 .9px,transparent 2.2px),
    radial-gradient(circle at 24% 76%,#ffd99a 0 .95px,transparent 2.4px),
    radial-gradient(circle at 44% 72%,#fff1b8 0 .9px,transparent 2.2px),
    radial-gradient(circle at 62% 82%,#ffdfa3 0 .95px,transparent 2.4px),
    radial-gradient(circle at 78% 72%,#fff1b8 0 .9px,transparent 2.2px),
    repeating-radial-gradient(circle at 40% 40%,#fff7d713 0 1.2px,#ffffff00 1.5px 7px),
    repeating-radial-gradient(circle at 70% 55%,#ffe7b314 0 1.1px,#ffffff00 1.4px 6px),
    repeating-linear-gradient(132deg,#fff5be30 0 5px,#0000 5.8px 12px),
    linear-gradient(135deg,#ffffff16,#ffffff00 40%,#ffffff28 58%,#ffffff00 100%),
    linear-gradient(135deg,#d8aa39,#fff5b2 16%,#a46f18 44%,#ffe287 66%,#8b611f 100%)!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,24px 24px,18px 18px,100% 100%,100% 100%,100% 100%!important;
  opacity:1!important;
  animation:v38HRDense 2.1s linear infinite!important;
}
.game-card[data-rarity-tier="HR"] .card-art .holo-stars,
.game-card[data-hr="true"] .card-art .holo-stars{
  background-image:
    radial-gradient(circle at 12% 12%,#fff 0 1.2px,#fff1c6 2.8px,transparent 7px),
    radial-gradient(circle at 82% 17%,#fff 0 1.2px,#ffe6a8 3px,transparent 8px),
    radial-gradient(circle at 66% 60%,#fff 0 1.1px,#ffd792 2.8px,transparent 7px),
    radial-gradient(circle at 19% 78%,#fff 0 1.4px,#fff0ba 3.4px,transparent 10px),
    radial-gradient(circle at 92% 87%,#fff 0 1.2px,#ffe39a 2.8px,transparent 8px),
    repeating-radial-gradient(circle at 70% 40%,transparent 0 5px,#fff9d060 6px 6.5px,transparent 7px 16px),
    repeating-radial-gradient(circle at 30% 70%,transparent 0 4px,#ffe9b54f 5px 5.5px,transparent 6px 14px)!important;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,18px 18px,14px 14px!important;
  opacity:1!important;
}

/* Pack NEW badge */
.card-art{position:relative}
.card-new{
  position:absolute;top:8px;left:8px;z-index:6;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:38px;height:18px;padding:0 8px;border-radius:999px;
  background:linear-gradient(135deg,#36c5ff,#2f68ff);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;
  border:1px solid #bfe8ff;box-shadow:0 4px 14px #1f67ff4f;
}
.mobile-flow-single-card .card-new,.mobile-five-card .card-new{top:10px;left:10px}

/* Deck readability on PC */
@media (min-width: 1100px){
  .lobby-ui .deck-screen{padding-bottom:8px}
  .lobby-ui .deck-screen>.page-heading{align-items:flex-end;margin-bottom:10px}
  .lobby-ui .deck-screen>.page-heading .btn{min-width:112px}
  .deck-summary{margin:12px 0 8px;font-size:13px}
  .deck-summary span{font-size:11px}
  .lobby-ui .fixed-loadout{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    padding:12px;
    border:1px solid #29415e;
    border-radius:14px;
    background:linear-gradient(180deg,#0f1a29,#0b1320);
  }
  .lobby-ui .fixed-loadout .load-slot{
    display:grid;
    grid-template-columns:112px 1fr;
    align-items:stretch;
    height:132px;
    border:1px solid #315277;
    background:linear-gradient(180deg,#13253a,#0d1827);
    overflow:hidden;
  }
  .lobby-ui .fixed-loadout .load-slot img{
    width:100%;height:100%;object-fit:contain;
    background:radial-gradient(ellipse,#24486b,#0d1624 68%);
  }
  .lobby-ui .fixed-loadout .info{
    display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
    padding:10px 12px 10px;
    text-align:left;
  }
  .lobby-ui .fixed-loadout .info b{
    font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
    margin-bottom:4px;
  }
  .lobby-ui .fixed-loadout .info small{
    display:block;font-size:10px;line-height:1.5;color:#93afca;
  }
  .lobby-ui .fixed-loadout .slot-detail{
    top:8px;right:8px;font-size:10px;padding:5px 8px;border-color:#476688;background:#0b1931e6;color:#cae8ff;
  }
  .lobby-ui .fixed-loadout .empty-card{
    height:132px;border:1px dashed #365273;border-radius:10px;background:#0b1524;color:#6281a2;
  }
  .lobby-ui .deck-owned-grid{
    margin-top:2px;padding:12px;
    border:1px solid #22364f;border-radius:14px;background:linear-gradient(180deg,#0b1522,#09111c);
    grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;
  }
}

@keyframes v38HRDense{
  from{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
  to{background-position:14px 11px,-12px 14px,10px -9px,-9px -10px,8px 6px,-10px 12px,9px -8px,-7px 8px,10px -10px,-8px 7px,0 0,0 0,0 0,0 0,0 0}
}