/* Retire the leftover V4.71 hero layer. V4.72/V4.75 is the only visible hero art owner. */
#shop #v461ShopHero.v472-dual-hero > .v471-hero-art,
#shop #v461ShopHero.v472-dual-hero > .v471-hero-fade{display:none!important}

/* Mira: clean crop containing no baked-in UI/text. */
#shop #v461ShopHero.v472-dual-hero .v472-hero-magic{
  background-image:url("assets/v7195-base64/7eacaf3bd75a17a69018.jpg")!important;
  left:35%!important;right:0!important;top:0!important;bottom:0!important;
  background-size:cover!important;background-position:55% center!important;background-repeat:no-repeat!important;
}
#shop #v461ShopHero.v472-dual-hero.v464-magic .v472-hero-magic{display:block!important}
#shop #v461ShopHero.v472-dual-hero.v464-magic .v472-hero-weapon{display:none!important}
#shop #v461ShopHero.v472-dual-hero.v464-magic .v472-hero-shade{
  background:linear-gradient(90deg,rgba(45,24,11,.99) 0%,rgba(52,28,13,.95) 25%,rgba(52,28,13,.72) 43%,rgba(52,28,13,.34) 61%,rgba(52,28,13,.08) 100%)!important;
}

/* Item cards: rarity already has its own badge, so the title only shows the actual item name. */
#shop .shop-item h3{
  font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif!important;
  font-size:11.2px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:0!important;
  color:#f5f2e8!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:auto!important;
}
#shop .shop-item h3 .v475-item-title{display:block!important}
#shop .shop-item h3 .v475-level-tag{
  display:inline-flex!important;align-items:center!important;margin-top:4px!important;padding:2px 6px!important;
  border:1px solid rgba(var(--rar-rgb,120,125,118),.42)!important;border-radius:999px!important;
  background:rgba(var(--rar-rgb,120,125,118),.10)!important;color:#cad4ca!important;
  font-size:7px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important;
}
#shop .shop-item .v139-quality{font-family:Inter,system-ui,sans-serif!important}
#shop .shop-item .tiny,#shop .shop-item .item-bonus{font-size:7.7px!important;line-height:1.38!important}
#shop .shop-item{min-height:208px!important}
#shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{height:96px!important}
#shop .shop-item .v090-shop-compare,#shop .shop-item .v089-shop-compare{font-size:8px!important;min-height:36px!important}

/* Final top-bar version ownership. */
.app > header .v358-logo::after{content:"V4.77"!important}
.app > header .v366-ver,.app > header .v371-logo em,.app > header .v372-logo em{font-size:0!important;color:transparent!important}
.app > header .v366-ver::after,.app > header .v371-logo em::after,.app > header .v372-logo em::after{content:"V4.77"!important;font-size:5px!important;color:#63cdd1!important;font-style:normal!important;font-weight:900!important}

@media(max-width:560px){
  #shop #v461ShopHero.v472-dual-hero.v464-magic .v472-hero-magic{left:31%!important;background-position:51% center!important}
  #shop #v461ShopHero.v472-dual-hero.v464-magic .v472-hero-shade{background:linear-gradient(90deg,rgba(45,24,11,.99) 0%,rgba(52,28,13,.96) 24%,rgba(52,28,13,.76) 42%,rgba(52,28,13,.42) 59%,rgba(52,28,13,.12) 100%)!important}
  #shop .shop-item{grid-template-columns:58px minmax(0,1fr)!important;min-height:184px!important;padding:8px!important;gap:4px 7px!important}
  #shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{width:56px!important;height:72px!important}
  #shop .shop-item h3{font-size:8.6px!important;line-height:1.18!important}
  #shop .shop-item h3 .v475-level-tag{font-size:5.9px!important;margin-top:3px!important;padding:2px 5px!important}
  #shop .shop-item .tiny,#shop .shop-item .item-bonus{font-size:6.35px!important;line-height:1.34!important}
  #shop .shop-item .v090-shop-compare,#shop .shop-item .v089-shop-compare{font-size:6.65px!important;min-height:30px!important;padding:5px!important}
}