.app > header .v358-logo::after{content:"V4.73"!important}

/* Shop cards: closer to the illustrated reference while keeping the existing
   purchase, comparison and item-art logic untouched. */
#shop .v461-shop-grid-wrap{padding:12px!important}
#shop .shop-grid{gap:10px!important}
#shop .shop-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-areas:
    'icon rarity'
    'icon name'
    'icon info'
    'compare compare'
    'price buy'!important;
  align-items:center!important;
  gap:5px 10px!important;
  min-height:218px!important;
  padding:12px!important;
  overflow:hidden!important;
  border:1px solid var(--rar,#646b63)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 17% 22%,rgba(var(--rar-rgb,120,125,118),.19),transparent 31%),
    radial-gradient(circle at 82% 100%,rgba(var(--rar-rgb,120,125,118),.07),transparent 34%),
    linear-gradient(155deg,#111c14 0%,#09110c 58%,#060b08 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 0 34px rgba(var(--rar-rgb,120,125,118),.055),
    0 9px 21px #0007!important;
}
#shop .shop-item:before{
  content:''!important;position:absolute!important;inset:5px!important;pointer-events:none!important;
  border:1px solid rgba(var(--rar-rgb,120,125,118),.20)!important;border-radius:12px!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.28)!important;
}
#shop .shop-item > *{position:relative!important;z-index:2!important}
#shop .shop-item .shop-icon,
#shop .shop-item .v41-shop-icon{
  grid-area:icon!important;
  width:84px!important;height:102px!important;margin:0!important;align-self:start!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  border:1px solid var(--rar,#666)!important;border-radius:13px!important;
  background:
    radial-gradient(circle at 50% 42%,rgba(var(--rar-rgb,120,125,118),.22),transparent 55%),
    linear-gradient(155deg,#0e1711,#050907)!important;
  box-shadow:inset 0 0 24px rgba(var(--rar-rgb,120,125,118),.12),0 0 13px rgba(var(--rar-rgb,120,125,118),.11)!important;
  font-size:42px!important;
}
#shop .shop-item .shop-icon img,
#shop .shop-item .v41-shop-icon img,
#shop .shop-item img.v466-item-art{
  width:92%!important;height:92%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;filter:drop-shadow(0 8px 9px #000b)!important;
}
#shop .shop-item .v139-quality{
  grid-area:rarity!important;justify-self:start!important;margin:0!important;padding:3px 7px!important;
  border:1px solid var(--rar,#666)!important;border-radius:999px!important;
  background:rgba(var(--rar-rgb,120,125,118),.10)!important;color:var(--rar,#cfd5cf)!important;
  font-size:7px!important;font-weight:1000!important;letter-spacing:.07em!important;text-transform:uppercase!important;
}
#shop .shop-item h3{
  grid-area:name!important;margin:0!important;min-height:0!important;text-align:left!important;
  font-family:Georgia,'Times New Roman',serif!important;font-size:13px!important;line-height:1.12!important;
  color:#fff5dd!important;text-shadow:0 2px 5px #000!important;
}
#shop .shop-item .tiny,
#shop .shop-item .item-bonus{
  grid-area:info!important;margin:0!important;text-align:left!important;font-size:8px!important;line-height:1.45!important;color:#b8c5bb!important;
}
#shop .shop-item .v090-shop-compare,
#shop .shop-item .v089-shop-compare{
  grid-area:compare!important;margin:5px 0 1px!important;min-height:38px!important;padding:7px 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  border-radius:10px!important;font-size:8.5px!important;font-weight:1000!important;letter-spacing:.02em!important;
}
#shop .shop-item .v090-shop-compare.better,
#shop .shop-item .v089-shop-compare.better,
#shop .shop-item .v090-shop-compare.empty,
#shop .shop-item .v089-shop-compare.empty{
  border-color:#4b8d42!important;background:linear-gradient(180deg,#173319,#0d1d0f)!important;color:#a9f47c!important;
  box-shadow:inset 0 0 15px rgba(106,231,79,.08),0 0 10px rgba(93,202,66,.06)!important;
}
#shop .shop-item .v090-shop-compare.worse,
#shop .shop-item .v089-shop-compare.worse{
  border-color:#833d34!important;background:linear-gradient(180deg,#351713,#1d0d0b)!important;color:#ff9c89!important;
}
#shop .shop-item .v090-shop-compare.same,
#shop .shop-item .v089-shop-compare.same{
  border-color:#535b54!important;background:linear-gradient(180deg,#171d18,#101411)!important;color:#cbd1cc!important;
}
#shop .shop-item .price{
  grid-area:price!important;justify-self:start!important;margin:0!important;padding:6px 9px!important;
  border:1px solid #6f5724!important;border-radius:999px!important;background:linear-gradient(180deg,#1a1408,#0d0a04)!important;
  color:#f2cc68!important;font-size:9px!important;font-weight:900!important;white-space:nowrap!important;
}
#shop .shop-item .btn,
#shop .shop-item .v057-buy{
  grid-area:buy!important;min-height:36px!important;margin:0!important;padding:7px 11px!important;
  border:1px solid var(--rar,#62835d)!important;border-radius:10px!important;
  background:linear-gradient(180deg,rgba(var(--rar-rgb,92,180,78),.31),rgba(var(--rar-rgb,92,180,78),.12))!important;
  color:#f7f4e8!important;font-size:10px!important;font-weight:1000!important;
  box-shadow:inset 0 0 14px rgba(var(--rar-rgb,92,180,78),.07),0 4px 10px #0007!important;
}
#shop .shop-item.v139-purple,#shop .shop-item.epic{box-shadow:inset 0 0 38px rgba(197,105,255,.12),0 0 17px rgba(197,105,255,.16),0 9px 21px #0007!important}
#shop .shop-item.v139-orange,#shop .shop-item.legendary{box-shadow:inset 0 0 40px rgba(255,159,54,.13),0 0 20px rgba(255,159,54,.19),0 9px 21px #0007!important}
#shop .shop-item.v139-cyan,#shop .shop-item.mythic{box-shadow:inset 0 0 42px rgba(65,233,227,.15),0 0 22px rgba(65,233,227,.22),0 9px 21px #0007!important}

#v247DungeonRewardExtra .v473-guild-xp-line{
  margin-top:8px!important;padding:9px 10px!important;border:1px solid #56783f!important;border-radius:10px!important;
  background:linear-gradient(180deg,#142411,#0b160c)!important;color:#b7ed84!important;font-weight:900!important;
  box-shadow:inset 0 0 15px rgba(128,222,86,.07)!important;
}
#v247DungeonRewardExtra .v473-guild-xp-line.zero{border-color:#4b5549!important;color:#aeb8ad!important;background:#111712!important}

@media(max-width:560px){
  #shop .v461-shop-grid-wrap{padding:9px!important}
  #shop .shop-grid{gap:8px!important}
  #shop .shop-item{
    grid-template-columns:62px minmax(0,1fr)!important;
    min-height:194px!important;padding:8px!important;gap:4px 7px!important;border-radius:14px!important;
  }
  #shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{width:60px!important;height:78px!important;border-radius:11px!important;font-size:33px!important}
  #shop .shop-item h3{font-size:9.3px!important;line-height:1.16!important}
  #shop .shop-item .v139-quality{font-size:6px!important;padding:2px 5px!important}
  #shop .shop-item .tiny,#shop .shop-item .item-bonus{font-size:6.8px!important;line-height:1.34!important}
  #shop .shop-item .v090-shop-compare,#shop .shop-item .v089-shop-compare{min-height:33px!important;padding:6px 5px!important;font-size:7px!important}
  #shop .shop-item .price{padding:5px 6px!important;font-size:7px!important}
  #shop .shop-item .btn,#shop .shop-item .v057-buy{min-height:31px!important;padding:6px!important;font-size:8px!important}
}