
.app > header .v358-logo::after{content:"V4.67"!important}
#shop{padding:10px 8px 24px!important;--v464-gold:#c7a650;--v464-green:#84d85a;--v464-deep:#29160b;--v464-panel:#4a2913;background:radial-gradient(circle at 50% 0%,rgba(211,145,63,.08),transparent 30%),linear-gradient(180deg,#4b2a14 0%,#2b170b 58%,#1f1008 100%)!important}
#shop #v461ShopHero{
  position:relative!important;overflow:hidden!important;min-height:330px!important;margin:0 0 10px!important;padding:0!important;
  border:1px solid #76512b!important;border-radius:22px!important;background:#35200f!important;
  box-shadow:0 16px 34px #0009,inset 0 0 0 1px rgba(222,193,105,.05)!important;
}
#shop #v461ShopHero:before{
  content:'';position:absolute;inset:0;background-image:
    linear-gradient(90deg,rgba(4,8,5,.96) 0%,rgba(5,9,6,.88) 32%,rgba(5,9,6,.35) 58%,rgba(5,9,6,.12) 100%),
    linear-gradient(0deg,rgba(4,8,5,.45),transparent 42%),
    url("assets/v7195-base64/3571764823579e314f8d.webp");
  background-size:auto 100%,auto 100%,auto 100%;background-position:left center,left center,right center;background-repeat:no-repeat;
  filter:saturate(.94) contrast(1.04);pointer-events:none
}
#shop #v461ShopHero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(119,219,88,.10),transparent 22%);pointer-events:none}
#shop #v461ShopHero > *{position:relative;z-index:2}
#shop .v461-shop-kicker{
  width:max-content!important;margin:20px 0 0 18px!important;padding:9px 15px!important;border:1px solid #76643b!important;border-radius:8px!important;
  background:linear-gradient(180deg,#382815,#1c140b)!important;color:#dec681!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.08em!important;
  box-shadow:0 6px 16px #0008,inset 0 0 12px rgba(222,190,106,.07)!important
}
#shop #v461ShopHero h2{margin:104px 0 7px 18px!important;font-size:28px!important;line-height:1!important;color:#fff6d9!important;text-shadow:0 3px 8px #000!important}
#shop #v461ShopHero .muted{max-width:51%!important;margin-left:18px!important;color:#e2e0d4!important;font-size:12px!important;line-height:1.5!important;text-shadow:0 2px 6px #000!important}
#shop .v461-shop-resource-row{display:flex!important;gap:8px!important;margin:15px 0 18px 18px!important}
#shop .v461-shop-resource{min-height:36px!important;padding:7px 12px!important;border:1px solid #5a713f!important;border-radius:10px!important;background:rgba(53,32,15,.88)!important;color:#f2f3e9!important;font-size:11px!important;box-shadow:0 4px 12px #0007!important}

#v464ShopTabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 10px;padding:0!important}
#v464ShopTabs button{min-height:58px;border:1px solid #544d2f;border-radius:14px 14px 4px 4px;background:linear-gradient(180deg,#4a2913,#29160b);color:#8e9b8e;font-weight:1000;font-size:11px;letter-spacing:.02em;box-shadow:inset 0 0 18px #0008;cursor:pointer}
#v464ShopTabs button b{display:inline-block;margin-right:7px;font-size:18px;vertical-align:-2px}
#v464ShopTabs button.active{border-color:#a98f45;color:#f4e4a1;background:linear-gradient(180deg,#6b3b19,#3a200f);box-shadow:inset 0 0 22px rgba(111,210,84,.10),0 -2px 16px rgba(211,177,75,.12)}
#v464ShopTabs button.active:after{content:'';display:block;height:2px;margin:8px 20% -9px;background:linear-gradient(90deg,transparent,#91e56a,transparent);box-shadow:0 0 10px #6ad850}

#shop .v464-panel{display:none!important}
#shop .v464-panel.active{display:block!important}
#shop .v461-shop-card{margin:0!important;padding:0!important;border:1px solid #5a4f2f!important;border-radius:18px!important;background:linear-gradient(180deg,#4a2913,#29160b)!important;box-shadow:0 12px 28px #0007,inset 0 0 0 1px rgba(174,145,70,.05)!important;overflow:hidden!important}
#shop .v461-shop-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:13px 14px 11px!important;border-bottom:1px solid #76512b!important;background:linear-gradient(180deg,#5a3217,#35200f)!important}
#shop .v461-shop-head h2{font-size:19px!important;color:#f0e2af!important}
#shop .v461-shop-head .muted{font-size:9px!important;color:#9eac9e!important}
#shop .v461-shop-count{border-color:#39543a!important;background:#35200f!important;color:#e2d0a7!important}
#shop .v461-shop-grid-wrap{padding:12px!important}
#shop .shop-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}

#shop .shop-item{
  display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-areas:'icon name' 'icon rarity' 'icon info' 'compare compare' 'price buy'!important;
  gap:5px 8px!important;align-items:center!important;min-width:0!important;min-height:208px!important;padding:9px!important;border-radius:14px!important;
  border:1px solid var(--rar,#6a6f66)!important;background:radial-gradient(circle at 12% 18%,rgba(var(--rar-rgb,120,125,118),.14),transparent 31%),linear-gradient(155deg,#3d2414,#241208 68%)!important;
  box-shadow:inset 0 0 22px rgba(var(--rar-rgb,120,125,118),.06),0 6px 16px #0006!important
}
#shop .shop-item:after{left:8px!important;right:8px!important;opacity:.65!important}
#shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{grid-area:icon!important;width:55px!important;height:72px!important;margin:0!important;border-radius:11px!important;font-size:34px!important;align-self:start!important}
#shop .shop-item h3{grid-area:name!important;margin:0!important;min-height:0!important;text-align:left!important;font-size:10.5px!important;line-height:1.25!important;color:#f4f4ed!important}
#shop .shop-item .v139-quality{grid-area:rarity!important;margin:0!important;justify-self:start!important;font-size:6.5px!important}
#shop .shop-item .tiny,#shop .shop-item .item-bonus{grid-area:info!important;margin:0!important;text-align:left!important;font-size:7.5px!important;line-height:1.3!important;color:#b5c0b7!important}
#shop .shop-item .v090-shop-compare,#shop .shop-item .v089-shop-compare{grid-area:compare!important;margin:3px 0 0!important;min-height:48px!important;padding:6px!important;border-radius:9px!important;font-size:8px!important;font-weight:1000!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;gap:4px!important;align-content:center!important;width:100%!important;box-sizing:border-box!important}#shop .shop-item .v470-shop-line{display:block!important;grid-column:1/-1!important;width:100%!important;min-width:0!important;padding:2px 0!important;line-height:1.15!important;clear:both!important}#shop .shop-item .v470-shop-line b{display:block!important;width:100%!important;font-size:6.8px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;text-align:center!important;letter-spacing:-.08px!important}.v470-shop-line.better b{color:#9aef75!important}.v470-shop-line.worse b{color:#f39b8d!important}.v470-shop-line.same b{color:#d4c7ad!important}
#shop .shop-item .v090-shop-compare.better,#shop .shop-item .v089-shop-compare.better{border-color:#6d8f43!important;background:#2f351c!important;color:#9aef75!important;box-shadow:inset 0 0 12px rgba(91,211,74,.08)!important}
#shop .shop-item .v090-shop-compare.worse,#shop .shop-item .v089-shop-compare.worse{border-color:#713b36!important;background:#24110f!important;color:#f39b8d!important}
#shop .shop-item .v090-shop-compare.same,#shop .shop-item .v089-shop-compare.same{border-color:#4c524d!important;background:#38200f!important;color:#d4c7ad!important}
#shop .shop-item .price{grid-area:price!important;justify-self:start!important;margin:0!important;padding:5px 7px!important;border:1px solid #665126!important;border-radius:999px!important;background:#151006!important;font-size:8.5px!important;color:#e8c66b!important}
#shop .shop-item .btn,#shop .shop-item .v057-buy{grid-area:buy!important;min-height:32px!important;margin:0!important;padding:7px 9px!important;border-radius:9px!important;font-size:9.5px!important;font-weight:1000!important}

#shop .v461-shop-actions{position:relative!important;display:block!important;margin:0!important;padding:10px 12px 12px!important;border-top:1px solid #76512b!important;background:linear-gradient(180deg,#4a2913,#29160b)!important}
#shop .v461-shop-actions .btn{position:relative!important;width:100%!important;min-height:66px!important;padding:12px 15px 12px 74px!important;border:1px solid #8e7b37!important;border-radius:15px!important;background:radial-gradient(circle at 22% 50%,rgba(211,145,63,.14),transparent 18%),linear-gradient(180deg,#5a3217,#35200f)!important;color:#e9dc92!important;font-family:Georgia,'Times New Roman',serif!important;font-size:15px!important;font-weight:1000!important;letter-spacing:.03em!important;text-align:left!important;box-shadow:inset 0 0 24px rgba(105,215,67,.10),0 0 18px rgba(129,206,72,.09)!important}
#shop .v461-shop-actions .btn:before{content:'🎲';position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:38px;filter:drop-shadow(0 4px 5px #0008)}
#shop .v461-shop-actions .btn:after{content:'1 Harz-Taler';display:block;margin-top:4px;color:#9de96e;font-family:inherit;font-size:11px;font-weight:900}#shop .v461-shop-actions .btn.v461-vip-free:after{content:none!important;display:none!important}
#shop .v461-shop-note{display:none!important}

@media(max-width:560px){
  #shop{padding:8px 6px 20px!important}
  #shop #v461ShopHero{min-height:285px!important;border-radius:18px!important}
  #shop #v461ShopHero:before{background-size:auto 100%,auto 100%,auto 100%;background-position:left center,left center,68% center}
  #shop .v461-shop-kicker{margin:14px 0 0 12px!important;padding:7px 10px!important;font-size:8px!important}
  #shop #v461ShopHero h2{margin:86px 0 5px 12px!important;font-size:22px!important}
  #shop #v461ShopHero .muted{max-width:52%!important;margin-left:12px!important;font-size:8.5px!important;line-height:1.42!important}
  #shop .v461-shop-resource-row{margin:12px 0 14px 12px!important;gap:6px!important}
  #shop .v461-shop-resource{min-height:30px!important;padding:5px 8px!important;font-size:8.5px!important}
  #v464ShopTabs button{min-height:52px!important;font-size:8px!important}
  #v464ShopTabs button b{font-size:16px!important}
  #shop .v461-shop-head{padding:10px 11px 9px!important}
  #shop .v461-shop-head h2{font-size:15px!important}
  #shop .v461-shop-head .muted{font-size:7px!important}
  #shop .v461-shop-grid-wrap{padding:9px!important}
  #shop .shop-grid{gap:7px!important}
  #shop .shop-item{grid-template-columns:48px minmax(0,1fr)!important;gap:4px 6px!important;min-height:194px!important;padding:7px!important;border-radius:12px!important}
  #shop .shop-item .shop-icon,#shop .shop-item .v41-shop-icon{width:46px!important;height:61px!important;font-size:29px!important}
  #shop .shop-item h3{font-size:8.3px!important}
  #shop .shop-item .tiny,#shop .shop-item .item-bonus{font-size:6.3px!important}
  #shop .shop-item .v090-shop-compare,#shop .shop-item .v089-shop-compare{min-height:46px!important;padding:5px!important;font-size:6.7px!important;grid-template-columns:1fr!important;grid-auto-flow:row!important}.v470-shop-line b{font-size:5.65px!important;letter-spacing:-.10px!important}
  #shop .shop-item .price{font-size:6.8px!important;padding:4px 5px!important}
  #shop .shop-item .btn,#shop .shop-item .v057-buy{min-height:28px!important;padding:6px 6px!important;font-size:7.8px!important}
  #shop .v461-shop-actions .btn{min-height:58px!important;padding-left:61px!important;font-size:12px!important}
  #shop .v461-shop-actions .btn:before{left:15px!important;font-size:31px!important}
  #shop .v461-shop-actions .btn:after{font-size:9px!important}
}

/* V8.227 authoritative mobile shop verdict rows */
#shop .shop-item .v090-shop-compare.v470-shop-dual,
#shop .shop-item .v089-shop-compare.v470-shop-dual{
  display:block!important;
  width:100%!important;
  min-height:54px!important;
  padding:6px 7px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#shop .shop-item .v470-shop-row{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:3px 0!important;
  box-sizing:border-box!important;
  font-size:6.8px!important;
  line-height:1.2!important;
  font-weight:1000!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#shop .shop-item .v470-shop-row + .v470-shop-row{
  border-top:1px solid rgba(255,255,255,.08)!important;
  margin-top:2px!important;
  padding-top:4px!important;
}
#shop .shop-item .v470-shop-row.better{color:#9aef75!important}
#shop .shop-item .v470-shop-row.worse{color:#f39b8d!important}
#shop .shop-item .v470-shop-row.same{color:#d4c7ad!important}
@media(max-width:560px){
  #shop .shop-item .v090-shop-compare.v470-shop-dual,
  #shop .shop-item .v089-shop-compare.v470-shop-dual{
    min-height:58px!important;
    padding:6px!important;
  }
  #shop .shop-item .v470-shop-row{
    font-size:6.15px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
}
