
.app > header .v358-logo::after{content:"V4.67"!important}
#shop{
  padding-bottom:18px!important;
}
#shop .v461-shop-hero{
  position:relative!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  padding:16px 15px 14px!important;
  border:1px solid rgba(105,146,84,.38)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 80% 20%,rgba(123,202,120,.13),transparent 28%),
    radial-gradient(circle at 12% 85%,rgba(55,152,109,.13),transparent 25%),
    linear-gradient(135deg,rgba(18,35,24,.96),rgba(8,18,12,.98))!important;
  box-shadow:inset 0 0 0 1px rgba(127,203,109,.06),0 8px 24px rgba(0,0,0,.26)!important;
}
#shop .v461-shop-hero::before{
  content:'';
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(125,194,92,.08),transparent 46%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'%3E%3Cg fill='none' stroke='rgba(145,210,147,0.12)' stroke-width='2'%3E%3Cpath d='M0 85 C35 60,55 60,88 83 S150 107,188 78 S225 52,240 68'/%3E%3Cpath d='M10 105 C38 84,65 83,95 102 S158 118,205 94'/%3E%3C/g%3E%3C/svg%3E") center bottom/cover no-repeat;
  pointer-events:none;
  opacity:.8;
}
#shop .v461-shop-hero > *{position:relative;z-index:1}
#shop .v461-shop-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 10px!important;
  margin-bottom:8px!important;
  border:1px solid rgba(117,197,105,.45)!important;
  border-radius:999px!important;
  background:rgba(17,31,19,.78)!important;
  color:#a6d38f!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
#shop .v461-shop-hero h2{
  margin:0 0 5px!important;
  font-size:24px!important;
  line-height:1.05!important;
  color:#f4f7f3!important;
}
#shop .v461-shop-hero .muted{
  max-width:520px!important;
  color:#b6c3b8!important;
  line-height:1.42!important;
}
#shop .v461-shop-resource-row{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
}
#shop .v461-shop-resource{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:12px!important;
  border:1px solid #354e34!important;
  background:rgba(7,15,10,.82)!important;
  color:#edf3ee!important;
  font-size:12px!important;
  font-weight:800!important;
}
#shop .v461-shop-card{
  position:relative!important;
  overflow:hidden!important;
  margin-bottom:12px!important;
  border-radius:18px!important;
  border:1px solid rgba(80,121,82,.30)!important;
  background:
    linear-gradient(180deg,rgba(17,30,22,.97),rgba(7,15,10,.98))!important;
  box-shadow:0 9px 26px rgba(0,0,0,.23)!important;
}
#shop .v461-shop-card::before{
  content:'';
  position:absolute;left:10px;right:10px;top:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(126,220,79,.75),transparent);
  box-shadow:0 0 14px rgba(126,220,79,.28);
}
#shop .v461-shop-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:14px 14px 10px!important;
  border-bottom:1px solid rgba(84,118,83,.20)!important;
  background:linear-gradient(180deg,rgba(21,37,24,.78),rgba(12,20,15,.48))!important;
}
#shop .v461-shop-head h2{
  margin:0 0 4px!important;
  font-size:18px!important;
  line-height:1.1!important;
}
#shop .v461-shop-head .muted{
  font-size:11px!important;
  line-height:1.35!important;
  color:#9eb09f!important;
}
#shop .v461-shop-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:44px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  border:1px solid #39563e!important;
  background:rgba(8,14,10,.78)!important;
  color:#d5ead2!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#shop .v461-shop-grid-wrap{padding:12px 12px 10px!important}
#shop .shop-grid{
  gap:10px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#shop .shop-item{
  min-height:unset!important;
  padding:10px 9px 10px!important;
}
#shop .shop-item h3{
  font-size:10px!important;
  line-height:1.25!important;
  min-height:30px!important;
}
#shop .shop-item .tiny,
#shop .shop-item .item-bonus{
  font-size:8px!important;
  line-height:1.35!important;
}
#shop .shop-item .v090-shop-compare,
#shop .shop-item .v089-shop-compare{
  margin:6px 0!important;
  padding:6px 5px!important;
}
#shop .shop-item .price{
  font-size:9px!important;
}
#shop .shop-item .btn,
#shop .shop-item .v057-buy{
  min-height:32px!important;
  padding:7px 8px!important;
  font-size:10px!important;
}
#shop .v461-shop-actions{
  display:flex!important;
  gap:8px!important;
  padding:0 12px 12px!important;
  align-items:center!important;
}
#shop .v461-shop-actions .btn{
  flex:1 1 auto!important;
  min-height:40px!important;
  font-size:12px!important;
}
#shop .v461-shop-note{
  flex:1 1 100%!important;
  margin-top:2px!important;
  color:#94a494!important;
  font-size:10px!important;
  line-height:1.35!important;
}
#shop .v461-reroll-gear{
  border-color:#4f8c59!important;
  background:linear-gradient(180deg,rgba(83,176,102,.25),rgba(33,73,43,.24))!important;
}
#shop .v461-reroll-magic{
  border-color:#508ea9!important;
  background:linear-gradient(180deg,rgba(64,149,173,.23),rgba(25,55,69,.26))!important;
}
@media (max-width:560px){
  #shop .v461-shop-hero{padding:14px 12px 12px!important}
  #shop .v461-shop-hero h2{font-size:20px!important}
  #shop .v461-shop-head{padding:12px 12px 9px!important}
  #shop .v461-shop-head h2{font-size:16px!important}
  #shop .v461-shop-grid-wrap{padding:10px 10px 8px!important}
  #shop .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #shop .shop-item{padding:9px 7px 9px!important}
  #shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{width:52px!important;height:52px!important;margin-bottom:6px!important}
  #shop .shop-item h3{font-size:9px!important;min-height:28px!important}
  #shop .shop-item .tiny,#shop .shop-item .item-bonus{font-size:7px!important}
  #shop .shop-item .price{font-size:8px!important}
  #shop .shop-item .btn,#shop .shop-item .v057-buy{font-size:9px!important;min-height:30px!important}
  #shop .v461-shop-actions{padding:0 10px 10px!important;flex-wrap:wrap!important}
}
