/* ===== V4.02 FIX: tatsächliche Händlerkarten =====
   Die Shop-Engine benutzt noch: common-gray / uncommon / rare / epic / legendary / mythic.
   Deshalb griff V4.02 bei Grün/Blau/Lila nicht zuverlässig.
*/
#shop .shop-item{
  --rar:#aeb7b2;
  --rar-rgb:174,183,178;
  border:1.5px solid var(--rar)!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(var(--rar-rgb),.23),transparent 31%),
    linear-gradient(155deg,rgba(var(--rar-rgb),.085),#09110d 58%)!important;
  box-shadow:
    inset 0 0 34px rgba(var(--rar-rgb),.10),
    0 0 18px rgba(var(--rar-rgb),.16)!important;
}

/* ALTE + NEUE Klassen gleichzeitig unterstützen */
#shop .shop-item.common-gray,
#shop .shop-item.v139-gray{--rar:#aeb7b2;--rar-rgb:174,183,178}

#shop .shop-item.uncommon,
#shop .shop-item.common-green,
#shop .shop-item.v139-green{--rar:#7ee04f;--rar-rgb:126,224,79}

#shop .shop-item.rare,
#shop .shop-item.rare-blue,
#shop .shop-item.v139-blue{--rar:#43a7ff;--rar-rgb:67,167,255}

#shop .shop-item.epic,
#shop .shop-item.epic-purple,
#shop .shop-item.v139-purple{--rar:#c66cff;--rar-rgb:198,108,255}

#shop .shop-item.legendary,
#shop .shop-item.legendary-orange,
#shop .shop-item.v139-orange{--rar:#ff9a35;--rar-rgb:255,154,53}

#shop .shop-item.mythic,
#shop .shop-item.mystic-cyan,
#shop .shop-item.v139-cyan{--rar:#42ece7;--rar-rgb:66,236,231}

/* voller Außen-Glow statt nur linker Farbstreifen */
#shop .shop-item:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:
    inset 0 0 25px rgba(var(--rar-rgb),.08),
    inset 0 0 0 1px rgba(var(--rar-rgb),.18)!important;
  background:transparent!important;
}
#shop .shop-item:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;right:8px!important;top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--rar),transparent)!important;
  box-shadow:0 0 11px var(--rar),0 0 22px rgba(var(--rar-rgb),.26)!important;
  opacity:1!important;
  pointer-events:none!important;
}

/* Icon */
#shop .shop-item .shop-icon{
  border:1.5px solid var(--rar)!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(var(--rar-rgb),.26),transparent 66%),
    #07100b!important;
  box-shadow:
    0 0 17px rgba(var(--rar-rgb),.22),
    inset 0 0 18px #0008!important;
}

/* Qualitätsname */
#shop .shop-item .v139-quality{
  display:inline-flex!important;
  align-self:center!important;
  margin:4px auto 6px!important;
  padding:3px 8px!important;
  border:1px solid rgba(var(--rar-rgb),.58)!important;
  border-radius:999px!important;
  background:rgba(var(--rar-rgb),.09)!important;
  color:var(--rar)!important;
  font-size:7px!important;
  font-weight:1000!important;
  box-shadow:0 0 9px rgba(var(--rar-rgb),.11)!important;
}

/* Vergleich und Button ebenfalls in Qualitätsoptik */
#shop .shop-item .v090-shop-compare,
#shop .shop-item .v089-shop-compare{
  border-color:rgba(var(--rar-rgb),.25)!important;
  background:rgba(3,10,6,.74)!important;
}
#shop .shop-item .v057-buy{
  border:1px solid var(--rar)!important;
  background:linear-gradient(180deg,rgba(var(--rar-rgb),.34),rgba(var(--rar-rgb),.13))!important;
  color:#f5fff8!important;
  box-shadow:0 0 12px rgba(var(--rar-rgb),.11)!important;
}

/* hochwertige Seltenheiten bewusst kräftiger */
#shop .shop-item.epic,
#shop .shop-item.v139-purple{
  box-shadow:inset 0 0 36px rgba(198,108,255,.13),0 0 22px rgba(198,108,255,.20)!important;
}
#shop .shop-item.legendary,
#shop .shop-item.v139-orange{
  box-shadow:inset 0 0 38px rgba(255,154,53,.14),0 0 24px rgba(255,154,53,.22)!important;
}
#shop .shop-item.mythic,
#shop .shop-item.v139-cyan{
  box-shadow:inset 0 0 40px rgba(66,236,231,.16),0 0 27px rgba(66,236,231,.25)!important;
}