/* Poké Idle Online · Loja de Diamantes · build 548 */
#diamond-shop-system{
  --diamond-gold:#e6bb45;
  --diamond-gold-soft:#fff0a5;
  --diamond-mint:#67e4cb;
  --diamond-blue:#72c9ff;
  --diamond-ink:#07151c;
  --diamond-panel:#0b2029;
}
#diamond-shop-system .diamond-store{
  width:min(1320px,97vw);
  max-width:none;
  height:min(790px,94vh);
  border:1px solid #4a7b7b;
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0,#2b9f8a20,transparent 26%),
    radial-gradient(circle at 88% 4%,#d4aa3720,transparent 25%),
    linear-gradient(145deg,#0a2029,#081720 58%,#07131c);
  box-shadow:0 32px 100px #000d,0 0 0 1px #f6dd7f12 inset,0 0 55px #39cbb51a;
  overflow:hidden;
}
#diamond-shop-system .diamond-store>header{
  position:relative;
  min-height:102px;
  height:auto;
  padding:20px 30px 18px 94px;
  align-items:flex-start;
  border-bottom:1px solid #456969;
  background:
    radial-gradient(circle at 7% 50%,#e2b63b30,transparent 10%),
    linear-gradient(90deg,#123644,#102c3d 56%,#0c2031);
  overflow:hidden;
}
#diamond-shop-system .diamond-store>header:before{
  content:"◆";
  position:absolute;
  left:28px;
  top:22px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid #edc755;
  border-radius:14px;
  background:linear-gradient(145deg,#193c47,#0a1c28);
  color:#ffe77f;
  font-size:24px;
  box-shadow:0 0 24px #e4b93b35,inset 0 0 18px #e4b93b16;
  transform:rotate(45deg);
  text-shadow:0 0 12px #fff0a5;
}
#diamond-shop-system .diamond-store>header:after{
  content:"POKÉ IDLE ONLINE • MERCADO PREMIUM";
  position:absolute;
  right:78px;
  bottom:15px;
  color:#6aa6aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:2.2px;
}
#diamond-shop-system .diamond-store>header div small{
  margin:0 0 4px;
  color:var(--diamond-mint);
  font-size:9px;
  font-weight:950;
  letter-spacing:2.3px;
}
#diamond-shop-system .diamond-store>header h2{
  margin:0;
  color:#fff5c5;
  font:900 30px/1 Georgia,serif;
  letter-spacing:.4px;
  text-shadow:0 3px 18px #000;
}
#diamond-shop-system .diamond-store>header h2:after{content:" ONLINE";color:var(--diamond-gold)}
#diamond-shop-system .diamond-store>header p{margin:7px 0 0;color:#b6cccf;font-size:11px}
#diamond-shop-system .diamond-store>header>button{
  position:relative;
  z-index:2;
  width:38px;
  height:38px;
  margin-top:2px;
  border:1px solid #436069;
  border-radius:10px;
  background:#071820a8;
  color:#bcd1d4;
  line-height:34px;
}
#diamond-shop-system .diamond-layout{
  min-height:0;
  flex:1;
  grid-template-columns:248px minmax(0,1fr);
}
#diamond-shop-system .diamond-layout>aside{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px 17px;
  border-right:1px solid #2f5357;
  background:linear-gradient(180deg,#0d252e,#081921);
}
#diamond-shop-system .diamond-balance{
  position:relative;
  min-height:160px;
  padding:23px 15px 18px;
  border:1px solid #d6ad38;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 20%,#ffe5742a,transparent 43%),
    linear-gradient(155deg,#132b34,#0a1a24);
  box-shadow:0 14px 38px #0006,inset 0 0 28px #e0b83810;
}
#diamond-shop-system .diamond-balance:before{
  content:"◆";
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:0 auto 7px;
  border:1px solid #eac95d;
  border-radius:9px;
  color:#ffec91;
  background:#b98a1c2e;
  box-shadow:0 0 18px #f3ca4a38;
  animation:diamondBalancePulse 2.2s ease-in-out infinite;
}
#diamond-shop-system .diamond-balance small{color:#82cbbf;font-size:8px;letter-spacing:1.8px}
#diamond-shop-system .diamond-balance strong{color:#fff0a3;font:900 43px/1 Georgia,serif;text-shadow:0 0 22px #e9be4b55}
#diamond-shop-system .diamond-balance span{color:#d8e6e5;font-size:10px}
#diamond-shop-system .active-buffs-status{display:grid;gap:5px;padding:8px;border:1px solid #2e6764;border-radius:9px;background:#0c312f}
#diamond-shop-system .active-buffs-status span{color:#8ee8d5;font-size:9px;font-weight:800}
#diamond-shop-system .diamond-recharge-copy{display:flex;flex-direction:column;gap:3px;margin:4px 2px 0}
#diamond-shop-system .diamond-recharge-copy b{color:#fff1b0;font:900 13px Georgia,serif}
#diamond-shop-system .diamond-recharge-copy span{color:#88a7aa;font-size:9px;line-height:1.45}
#diamond-shop-system .diamond-layout>aside>button{
  min-height:45px;
  margin:0;
  border:1px solid #47cbb5;
  border-radius:10px;
  background:linear-gradient(180deg,#159d85,#0c796a);
  box-shadow:0 8px 20px #001f1b66;
  color:#f2fffc;
  font-size:11px;
  letter-spacing:.7px;
  transition:transform .16s,filter .16s,box-shadow .16s;
}
#diamond-shop-system .diamond-layout>aside>button:hover{transform:translateY(-2px);filter:brightness(1.1)}
#diamond-shop-system .diamond-layout>aside #diamond-credit{border-color:#668fed;background:linear-gradient(180deg,#496fda,#304fac)}
#diamond-shop-system .diamond-layout>aside>small{margin:2px;color:#668287;font-size:8px;line-height:1.5}
#diamond-shop-system .diamond-layout>main{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden}
#diamond-shop-system .diamond-toolbar{
  position:relative;
  top:auto;
  flex:none;
  padding:15px 20px 11px;
  border-bottom:1px solid #29464e;
  background:#091a23ee;
  backdrop-filter:blur(12px);
}
#diamond-shop-system .diamond-toolbar label{gap:6px}
#diamond-shop-system .diamond-toolbar label>span{color:#72b7b1;font-size:8px;letter-spacing:1.7px}
#diamond-shop-system #diamond-search{
  width:100%;
  min-height:44px;
  padding:0 15px 0 42px;
  border:1px solid #477079;
  border-radius:11px;
  outline:0;
  background:
    linear-gradient(90deg,transparent 39px,#31545a 40px,#31545a 41px,transparent 42px),
    #07161e;
  color:#e9f6f4;
  font-size:12px;
  box-shadow:inset 0 0 18px #0004;
}
#diamond-shop-system .diamond-toolbar label:after{
  content:"⌕";
  position:absolute;
  left:34px;
  top:38px;
  color:#76dcca;
  font-size:21px;
  pointer-events:none;
}
#diamond-shop-system #diamond-category-tabs{
  display:flex;
  gap:7px;
  margin-top:10px;
  padding-bottom:2px;
  overflow-x:auto;
  scrollbar-width:thin;
}
#diamond-shop-system #diamond-category-tabs button{
  flex:0 0 auto;
  min-height:35px;
  padding:0 14px;
  border:1px solid #375b65;
  border-radius:9px;
  background:#0d2430;
  color:#819da3;
  font-size:8px;
  font-weight:950;
  letter-spacing:.45px;
}
#diamond-shop-system #diamond-category-tabs button:hover{border-color:#66c8b7;color:#dffaf4}
#diamond-shop-system #diamond-category-tabs button.active{
  border-color:#e2ba45;
  background:linear-gradient(180deg,#96751d,#6b5114);
  color:#fff3b5;
  box-shadow:0 0 18px #d9ac332b;
}
#diamond-shop-system #diamond-category{display:none}
#diamond-shop-system .diamond-offers{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(205px,1fr));
  align-content:start;
  gap:12px;
  max-height:none;
  min-height:0;
  padding:16px 20px 25px;
  overflow:auto;
}
#diamond-shop-system .diamond-offer{
  position:relative;
  display:grid;
  grid-template-rows:104px minmax(72px,1fr) 44px;
  gap:10px;
  min-height:270px;
  padding:12px;
  border:1px solid #31515b;
  border-radius:14px;
  background:linear-gradient(155deg,#102a34,#0b1b25);
  box-shadow:0 9px 25px #0004;
  text-align:left;
  overflow:hidden;
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
#diamond-shop-system .diamond-offer:hover{
  transform:translateY(-3px);
  border-color:#63aa9f;
  box-shadow:0 16px 34px #0007,0 0 24px #45d0b51b;
}
#diamond-shop-system .diamond-offer-art{
  position:relative;
  display:grid;
  place-items:center;
  min-height:104px;
  border:1px solid #2d505a;
  border-radius:11px;
  background:radial-gradient(circle,#1b4550,#08171f 72%);
  overflow:hidden;
}
#diamond-shop-system .diamond-offer-art:after{
  content:"";
  position:absolute;
  inset:auto 15% 0;
  height:1px;
  background:linear-gradient(90deg,transparent,#68d8c4,transparent);
  opacity:.55;
}
#diamond-shop-system .diamond-offer-art>em{
  position:absolute;
  z-index:3;
  top:7px;
  left:7px;
  padding:4px 6px;
  border:1px solid #f0d06c;
  border-radius:5px;
  background:#8b6718;
  color:#fff0aa;
  font-size:7px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.65px;
}
#diamond-shop-system .diamond-offer-copy>b{
  display:block;
  margin:0 0 6px;
  color:#f5f4df;
  font:900 15px/1.15 Georgia,serif;
}
#diamond-shop-system .diamond-offer-copy>p{margin:0;color:#8fa9ac;font-size:9px;line-height:1.55}
#diamond-shop-system .diamond-bundle{
  --pack-color:#68d6bc;
  grid-template-rows:96px 64px 42px;
  gap:7px;
  min-height:246px;
  padding-bottom:10px;
}
#diamond-shop-system .diamond-bundle .diamond-offer-art{min-height:96px}
#diamond-shop-system .diamond-offer-bundle-bronze{--pack-color:#d38a4c}
#diamond-shop-system .diamond-offer-bundle-prata{--pack-color:#dbe8ef}
#diamond-shop-system .diamond-offer-bundle-ouro{--pack-color:#f0c44f}
#diamond-shop-system .diamond-offer-bundle-diamante{--pack-color:#63dcf2}
#diamond-shop-system .diamond-bundle .diamond-offer-copy>b{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:0;
  padding:5px 9px;
  border:1px solid var(--pack-color);
  border-radius:7px;
  color:var(--pack-color);
  background:color-mix(in srgb,var(--pack-color) 9%,#081920);
  box-shadow:0 0 14px color-mix(in srgb,var(--pack-color) 20%,transparent),inset 0 0 10px color-mix(in srgb,var(--pack-color) 7%,transparent);
  text-shadow:0 1px 2px #000;
}
#diamond-shop-system .diamond-bundle .bundle-benefits{display:none!important}
#diamond-shop-system .diamond-bundle .diamond-offer-copy{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:space-between;
}
#diamond-shop-system .diamond-bundle .bundle-saving{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin-top:4px;
  white-space:nowrap;
}
#diamond-shop-system .diamond-bundle .bundle-saving s{flex:0 0 auto;font-size:8px}
#diamond-shop-system .diamond-bundle .bundle-saving strong{
  min-width:0;
  padding:4px 6px;
  border:1px solid #55d3a4;
  border-radius:5px;
  color:#73efbd;
  font-size:7px;
  line-height:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
#diamond-shop-system .diamond-bundle>button{min-height:42px}
#diamond-shop-system .diamond-offer>button{
  width:100%;
  min-height:44px;
  border:1px solid #4ac9b3;
  border-radius:9px;
  background:linear-gradient(180deg,#168f7c,#0c6c60);
  color:#effffb;
  font-size:9px;
  font-weight:950;
  letter-spacing:.55px;
  box-shadow:0 7px 18px #001b1760;
}
#diamond-shop-system .diamond-offer>button:not(:disabled):hover{filter:brightness(1.13);transform:translateY(-1px)}
#diamond-shop-system .diamond-offer>button:disabled{border-color:#334a50;background:#13262c;color:#60787d;box-shadow:none}
#diamond-shop-system .diamond-empty{grid-column:1/-1;display:grid;place-items:center;gap:5px;min-height:220px;color:#78959a}
#diamond-shop-system .diamond-empty b{color:#dceae8}
#diamond-shop-system .diamond-load-more{
  grid-column:1/-1;
  display:grid;
  place-items:center;
  gap:4px;
  min-height:58px;
  padding:10px 20px;
  border:1px solid #47766f;
  border-radius:11px;
  background:linear-gradient(180deg,#143c3b,#0b292b);
  color:#eafbf5;
  box-shadow:0 8px 20px #0004;
}
#diamond-shop-system .diamond-load-more:hover{border-color:#e0b842;background:linear-gradient(180deg,#375847,#223c34)}
#diamond-shop-system .diamond-load-more b{font-size:9px;letter-spacing:1px}
#diamond-shop-system .diamond-load-more span{color:#79aaa4;font-size:8px}

/* Card especial do Held: dispositivo genérico dourado, sem reutilizar sprite real. */
#diamond-shop-system .diamond-held-offer{
  border-color:#b68c28;
  background:radial-gradient(circle at 50% 16%,#d9ab3530,transparent 33%),linear-gradient(155deg,#28230f,#102028 72%);
  box-shadow:0 12px 32px #0006,0 0 25px #d6a62f18;
}
#diamond-shop-system .diamond-held-offer:hover{border-color:#f0cf68;box-shadow:0 16px 38px #0008,0 0 34px #e4b8393c}
#diamond-shop-system .diamond-held-offer .diamond-offer-art{
  border-color:#a68128;
  background:radial-gradient(circle,#5d4615 0,#211e12 42%,#09181f 73%);
}
#diamond-shop-system .diamond-held-art{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border:2px solid #f2d26e;
  border-radius:17px;
  background:linear-gradient(145deg,#f0ce64,#9d7017 46%,#4f3609);
  box-shadow:0 0 0 5px #d3a12824,0 0 27px #ffdc635d,inset 0 0 15px #fff19b65;
  transform:rotate(45deg);
  animation:diamondHeldPulse 1.65s ease-in-out infinite;
}
#diamond-shop-system .diamond-held-art:before{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid #fff0a1;
  border-radius:12px;
  background:linear-gradient(145deg,#6e5012,#211a0c);
  box-shadow:inset 0 0 13px #0008;
}
#diamond-shop-system .diamond-held-art>b{
  position:relative;
  z-index:2;
  color:#fff1a1;
  font:900 27px/1 Georgia,serif;
  text-shadow:0 2px 4px #000,0 0 11px #ffd75b;
  transform:rotate(-45deg);
}
#diamond-shop-system .diamond-held-art>em{
  position:absolute;
  z-index:3;
  right:-7px;
  top:-8px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid #fff0a1;
  border-radius:50%;
  background:#7d5b14;
  color:#fff5bd;
  font:900 12px/1 sans-serif;
  transform:rotate(-45deg);
  box-shadow:0 0 10px #ffd45c;
}
#diamond-shop-system .diamond-held-orbit{
  position:absolute;
  inset:-10px;
  border:1px solid #e8bd43;
  border-radius:21px;
  animation:diamondHeldOrbit 3s linear infinite;
}
#diamond-shop-system .diamond-held-offer>button{border-color:#e6bd4b;background:linear-gradient(180deg,#aa8122,#765714);color:#fff2ae}

/* A compra usa a mesma máquina de Helds, com assinatura visual da loja. */
.held-diamond-opening .held-opening-card{
  border-color:#e5bd49;
  background:radial-gradient(circle at 50% 20%,#cf9e3247,transparent 38%),linear-gradient(155deg,#24200f,#07171e 72%);
  box-shadow:0 30px 100px #000,0 0 64px #dcb13c48;
}
.held-diamond-opening .held-opening-kicker,.held-diamond-opening .held-opening-card>small{color:#f2cc62}
.held-diamond-opening .held-opening-core{border-color:#e6be4e;background:radial-gradient(circle,#574215 0 34%,#07171e 68%);box-shadow:0 0 45px #dfb03c4a}
.held-diamond-opening .held-opening-meter i{background:linear-gradient(90deg,transparent,#e9bd46,#fff5b1,transparent)}
.held-diamond-opening .held-opening-card>button:not(:disabled){border-color:#e8c44f;background:linear-gradient(180deg,#a77e20,#6d5013);color:#fff2ae}

@keyframes diamondHeldPulse{
  0%,100%{filter:brightness(1);transform:rotate(45deg) scale(1)}
  50%{filter:brightness(1.22);transform:rotate(45deg) scale(1.08);box-shadow:0 0 0 8px #d3a12818,0 0 38px #ffdc6385,inset 0 0 18px #fff4aa82}
}
@keyframes diamondHeldOrbit{to{transform:rotate(360deg)}}
@keyframes diamondBalancePulse{50%{filter:brightness(1.25);box-shadow:0 0 27px #f3ca4a62}}
@media(max-width:900px){
  #diamond-shop-system .diamond-store>header{padding-left:78px}
  #diamond-shop-system .diamond-store>header:before{left:20px;width:42px;height:42px}
  #diamond-shop-system .diamond-store>header:after{display:none}
  #diamond-shop-system .diamond-layout{grid-template-columns:210px minmax(0,1fr)}
  #diamond-shop-system .diamond-offers{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:12px}
}
@media(max-width:760px){
  #diamond-shop-system .diamond-store{width:100vw;height:100dvh;border:0;border-radius:0}
  #diamond-shop-system .diamond-store>header{min-height:82px;padding:15px 55px 12px 68px}
  #diamond-shop-system .diamond-store>header:before{left:15px;top:18px;width:35px;height:35px;font-size:17px}
  #diamond-shop-system .diamond-store>header h2{font-size:23px}
  #diamond-shop-system .diamond-store>header p{display:none}
  #diamond-shop-system .diamond-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  #diamond-shop-system .diamond-layout>aside{display:grid!important;grid-template-columns:112px 1fr 1fr;max-height:none!important;padding:8px;border:0;border-bottom:1px solid #294c50;overflow:visible}
  #diamond-shop-system .diamond-balance{grid-row:span 2;min-height:88px;padding:8px}
  #diamond-shop-system .diamond-balance:before{display:none}
  #diamond-shop-system .diamond-balance strong{font-size:30px}
  #diamond-shop-system .diamond-recharge-copy,#diamond-shop-system .diamond-layout>aside>small,#diamond-shop-system .active-buffs-status{display:none}
  #diamond-shop-system .diamond-layout>aside>button{min-height:40px}
  #diamond-shop-system .diamond-toolbar{padding:9px}
  #diamond-shop-system .diamond-toolbar label:after{left:23px;top:31px}
  #diamond-shop-system .diamond-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}
  #diamond-shop-system .diamond-offer{grid-template-rows:88px minmax(62px,1fr) 40px;min-height:235px;padding:9px}
}
@media(max-width:470px){
  #diamond-shop-system .diamond-layout>aside{grid-template-columns:92px 1fr 1fr}
  #diamond-shop-system .diamond-offers{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #diamond-shop-system .diamond-held-art,#diamond-shop-system .diamond-held-orbit,#diamond-shop-system .diamond-balance:before{animation:none}
}