/* Lojas do Clã, do World Boss (08/10/2026) e da Zona PvP (10/10/2026) dentro da LOJA: mesma estética do Poké Mart
   (R198), só cores e artes.
   O tema vem de data-shop-theme no .rds-root (posto pela aba e retirado a cada troca de aba/tela). */
.rds-root[data-upi-screen="shop"][data-shop-theme="clan"]{
  --cs-bg:#0d0820;--cs-panel:#150c2b;--cs-panel2:#1b1035;--cs-line:#5f4594;--cs-line2:#47356f;
  --cs-accent:#b997ff;--cs-accent-hover:#cdb4ff;--cs-accent-border:#dccbff;--cs-accent-text:#1d0a3d;--cs-soft:#c6b2f0;
  --cs-glow:184 146 255;--cs-tint-a:rgb(24 9 46 / 70%);--cs-tint-b:rgb(46 18 84 / 30%);
}
.rds-root[data-upi-screen="shop"][data-shop-theme="boss"]{
  --cs-bg:#170806;--cs-panel:#230d09;--cs-panel2:#2c120c;--cs-line:#8a3d26;--cs-line2:#6b2f1e;
  --cs-accent:#ff9d52;--cs-accent-hover:#ffb577;--cs-accent-border:#ffd0a6;--cs-accent-text:#3a1304;--cs-soft:#ffc39b;
  --cs-glow:255 140 70;--cs-tint-a:rgb(44 10 4 / 70%);--cs-tint-b:rgb(90 26 8 / 30%);
}
/* Loja da Zona PvP: arena — vermelho-sangue com dourado de troféu. */
.rds-root[data-upi-screen="shop"][data-shop-theme="pvp"]{
  --cs-bg:#14060a;--cs-panel:#220a10;--cs-panel2:#2d0f16;--cs-line:#8f2a2e;--cs-line2:#6a1f25;
  --cs-accent:#f2c14e;--cs-accent-hover:#ffd772;--cs-accent-border:#ffe6a3;--cs-accent-text:#3a1003;--cs-soft:#f3c2a8;
  --cs-glow:242 193 78;--cs-tint-a:rgb(40 6 10 / 72%);--cs-tint-b:rgb(128 20 24 / 32%);
}
.rds-root[data-shop-theme] .rds-shell{border-color:var(--cs-line);background:var(--cs-bg)}
.rds-root[data-shop-theme] .rds-header{border-bottom-color:var(--cs-line);background-image:linear-gradient(90deg,var(--cs-tint-a),var(--cs-tint-b) 58%,var(--cs-tint-a)),url("/assets/backgrounds/panorama-clean.png")}
.rds-root[data-shop-theme] .rds-title small{color:var(--cs-accent)}
.rds-root[data-shop-theme] .rds-wallet>span{border-color:var(--cs-line);background:var(--cs-panel)}
.rds-root[data-shop-theme] .rds-wallet>span:not([data-rds-shop-currency]){display:none}
.rds-root[data-shop-theme] .rds-wallet [data-rds-shop-currency] img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}
.rds-root[data-shop-theme] .rds-close{border-color:var(--cs-line);background:var(--cs-panel)}
.rds-root[data-shop-theme] .rds-main,.rds-root[data-shop-theme] .rds-content,.rds-root[data-shop-theme] .rds-shop-v2{background:var(--cs-bg)}
.rds-root[data-shop-theme] .rds-toolbar{border-bottom-color:var(--cs-line2);background:var(--cs-panel)}
.rds-root[data-shop-theme] .rds-toolbar button{border-color:var(--cs-line2);background:var(--cs-panel2)}
.rds-root[data-shop-theme] .rds-toolbar button.is-active{border-color:var(--cs-accent-border);background:var(--cs-accent);color:var(--cs-accent-text);box-shadow:0 0 0 2px rgb(var(--cs-glow) / 18%)}
.rds-root[data-shop-theme] .rds-shop-hero,.rds-root[data-shop-theme] .rds-shop-catalog{border-color:var(--cs-line);background:var(--cs-panel)}
.rds-root[data-shop-theme] .rds-shop-hero-owned,.rds-root[data-shop-theme] .rds-shop-hero-price,.rds-root[data-shop-theme] .rds-shop-hero-total{border-color:var(--cs-line2);background:var(--cs-panel2)}
.rds-root[data-shop-theme] :is(.rds-shop-hero-owned,.rds-shop-hero-price,.rds-shop-hero-quantity,.rds-shop-hero-total) small{color:var(--cs-soft)}
.rds-root[data-shop-theme] .rds-shop-hero-quantity>span button,.rds-root[data-shop-theme] .rds-shop-hero-quantity .rds-shop-stepper{border-color:var(--cs-line2);background:var(--cs-panel2)}
.rds-root[data-shop-theme] .rds-shop-hero-art::after{background:rgb(var(--cs-glow) / 33%);box-shadow:0 0 22px rgb(var(--cs-glow) / 56%)}
.rds-root[data-shop-theme] .rds-shop-primary-action{border-color:var(--cs-accent-border)!important;background:var(--cs-accent)!important;color:var(--cs-accent-text)!important;box-shadow:inset 0 -4px rgb(0 0 0 / 22%),0 7px 16px rgb(0 0 0 / 28%)!important}
.rds-root[data-shop-theme] .rds-shop-primary-action:hover,.rds-root[data-shop-theme] .rds-shop-primary-action:focus-visible{border-color:#fff!important;background:var(--cs-accent-hover)!important}
.rds-root[data-shop-theme] .rds-shop-catalog-toolbar{border-bottom-color:var(--cs-line2);background:var(--cs-panel)}
.rds-root[data-shop-theme] .rds-shop-filter{border-color:var(--cs-line2);background:var(--cs-panel2);color:var(--cs-soft)}
.rds-root[data-shop-theme] .rds-shop-filter:hover,.rds-root[data-shop-theme] .rds-shop-filter:focus-visible{border-color:var(--cs-accent)}
.rds-root[data-shop-theme] .rds-shop-filter.is-active{border-color:var(--cs-accent-border);background:var(--cs-accent);color:var(--cs-accent-text)}
.rds-root[data-shop-theme] .rds-shop-search input{border-color:var(--cs-line2);background:var(--cs-bg)}
.rds-root[data-shop-theme] .rds-shop-search input:focus{border-color:var(--cs-accent);box-shadow:0 0 0 2px rgb(var(--cs-glow) / 15%)}
.rds-root[data-shop-theme] .rds-shop-catalog-scroll{scrollbar-color:var(--cs-accent) var(--cs-bg)}
.rds-root[data-shop-theme] .rds-shop-v2-note{color:var(--cs-soft)}

/* Cores das cartas por categoria (o "azul de Poké Ball / vermelho de poção" do Poké Mart). */
.rds-shop-catalog-card.is-cs-montarias,.rds-shop-hero.is-cs-montarias{--shop-tone:#4a2a86;--shop-line:#b48cff}
.rds-shop-catalog-card.is-cs-titulos,.rds-shop-hero.is-cs-titulos{--shop-tone:#8a6a12;--shop-line:#f2cf5e}
.rds-shop-catalog-card.is-cs-evolucao,.rds-shop-hero.is-cs-evolucao{--shop-tone:#2c3f8c;--shop-line:#93a8ff}
.rds-shop-catalog-card.is-cs-evolucao .rds-shop-owned{color:#d3dcff}
.rds-shop-catalog-card.is-cs-buffs,.rds-shop-hero.is-cs-buffs{--shop-tone:#16655c;--shop-line:#5fe0c8}
.rds-shop-catalog-card.is-cs-itens,.rds-shop-hero.is-cs-itens{--shop-tone:#175c8e;--shop-line:#5cbce9}
.rds-root[data-shop-theme="boss"] .rds-shop-catalog-card.is-cs-itens,.rds-root[data-shop-theme="boss"] .rds-shop-hero.is-cs-itens{--shop-tone:#7c2c18;--shop-line:#ff8f5e}
.rds-shop-catalog-card.is-cs-montarias .rds-shop-owned{color:#dccbff}.rds-shop-catalog-card.is-cs-titulos .rds-shop-owned{color:#ffe98c}
.rds-shop-catalog-card.is-cs-buffs .rds-shop-owned{color:#b9f5e8}.rds-shop-catalog-card.is-cs-itens .rds-shop-owned{color:#bceaff}
.rds-root[data-shop-theme="boss"] .rds-shop-catalog-card.is-cs-itens .rds-shop-owned{color:#ffd2b8}
.rds-cshop .rds-shop-hero.is-cs-montarias header span,.rds-cshop .rds-shop-hero.is-cs-titulos header span{color:var(--shop-line)}
/* Ovos (Loja da Zona): rosa de ovo raro, separado do azul de evolução e do dourado dos títulos. */
.rds-shop-catalog-card.is-cs-ovos,.rds-shop-hero.is-cs-ovos{--shop-tone:#7a1f5c;--shop-line:#ff9ad5}
.rds-shop-catalog-card.is-cs-ovos .rds-shop-owned{color:#ffd3ee}
.rds-cshop .rds-shop-hero.is-cs-ovos header span{color:var(--shop-line)}
/* Cosméticos da Loja da Zona (10/10/2026): bronze das skins, roxo-fogo das auras, carmesim dos acessórios. */
.rds-shop-catalog-card.is-cs-skins,.rds-shop-hero.is-cs-skins{--shop-tone:#5a3410;--shop-line:#e8a85c}
.rds-shop-catalog-card.is-cs-auras,.rds-shop-hero.is-cs-auras{--shop-tone:#3c1450;--shop-line:#f2c14e}
.rds-shop-catalog-card.is-cs-acessorios,.rds-shop-hero.is-cs-acessorios{--shop-tone:#5c0a18;--shop-line:#ff8f7a}
.rds-cshop .rds-shop-hero.is-cs-skins header span,.rds-cshop .rds-shop-hero.is-cs-auras header span,.rds-cshop .rds-shop-hero.is-cs-acessorios header span{color:var(--shop-line)}
.rds-cshop .rds-shop-catalog-card.is-cs-owned{filter:none;opacity:1}
.rds-cz-skin,.rds-cz-aura,.rds-cz-acc{position:relative;z-index:1;display:block;image-rendering:pixelated}
.rds-cz-skin{width:96px;height:96px;background-repeat:no-repeat;background-size:400% 400%;background-position:0 0;animation:rds-cz-walk .9s steps(4) infinite}
@keyframes rds-cz-walk{from{background-position-x:0}to{background-position-x:133.333%}}
.rds-cz-aura{width:84px;height:98px}
.rds-cz-aura canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.rds-cz-aura canvas[data-hw-mist="front"]{z-index:2}
.rds-cz-aura-trainer{position:absolute;left:5.2%;top:4.5%;z-index:1;width:89.6%;height:76.8%;background-repeat:no-repeat;background-size:400% 400%;background-position:0 0;image-rendering:pixelated}
.rds-cz-acc{width:104px;height:95px}
.rds-cz-acc canvas{width:100%;height:100%;image-rendering:pixelated}
.rds-shop-hero-art .rds-cz-skin{width:125px;height:125px}
.rds-shop-hero-art .rds-cz-aura{width:120px;height:140px}
.rds-shop-hero-art .rds-cz-acc{width:140px;height:128px}
.rds-shop-detail-art .rds-cz-skin{width:88px;height:88px}
.rds-shop-detail-art .rds-cz-aura{width:72px;height:84px}
.rds-shop-detail-art .rds-cz-acc{width:92px;height:84px}
@media (prefers-reduced-motion:reduce){.rds-cz-skin{animation:none}}

/* Preço com o ícone da moeda no lugar do ¥. */
.rds-cshop-price{display:inline-flex;align-items:center;gap:6px;color:#ffe06a;font-weight:950;white-space:nowrap}
.rds-cshop-price img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}
.rds-shop-hero-price .rds-cshop-price,.rds-shop-hero-total .rds-cshop-price{font-size:20px}
.rds-shop-hero-price .rds-cshop-price img,.rds-shop-hero-total .rds-cshop-price img{width:26px;height:26px}
.rds-shop-catalog-price .rds-cshop-price{font-size:17px}

/* Texto da pílula nunca alarga a carta (o preço ficava cortado). */
.rds-cshop .rds-shop-catalog-select>*{min-width:0}
.rds-cshop .rds-shop-catalog-card .rds-shop-owned{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Raridade das montarias: faixa no canto inferior da arte (não briga com o selo BLOQUEADO, que fica no alto). */
.rds-cshop-rarity{position:absolute;z-index:2;right:2px;bottom:4px;padding:2px 6px;border:1px solid currentColor;border-radius:5px;background:rgb(8 4 18 / 82%);font:normal 900 7px/1.2 "Segoe UI",sans-serif;letter-spacing:.06em;white-space:nowrap}
.rds-cshop-rarity.is-rara{color:#8fd3ff}
.rds-cshop-rarity.is-muito_rara{color:#e0a6ff}
.rds-cshop-rarity.is-rarissima{color:#ffd27a;box-shadow:0 0 10px rgb(255 210 122 / 45%)}

/* Bloqueado / já é seu / limite: selo na arte, arte apagada. */
.rds-cshop .rds-shop-catalog-art{position:relative}
.rds-cshop-badge{position:absolute;z-index:2;top:2px;left:50%;transform:translateX(-50%);padding:3px 8px;border:1px solid rgb(255 255 255 / 30%);border-radius:6px;background:rgb(6 4 14 / 78%);color:#fff;font:normal 900 8px/1.2 "Segoe UI",sans-serif;letter-spacing:.04em;white-space:nowrap}
.rds-cshop .rds-shop-catalog-card.is-disabled .rds-shop-catalog-art>img{filter:grayscale(.55) brightness(.78)}
.rds-cshop .rds-shop-hero.is-disabled .rds-shop-hero-art img{filter:grayscale(.45) brightness(.85)}

/* Abas novas na barra do Poké Mart (também no tema azul do mart). */
.rds-root[data-upi-screen="shop"] .rds-toolbar .rds-cshop-tab{display:inline-flex;align-items:center;gap:7px}
.rds-root[data-upi-screen="shop"] .rds-toolbar .rds-cshop-tab img{width:22px;height:22px;object-fit:contain;image-rendering:pixelated}
.rds-root[data-upi-screen="shop"]:not([data-shop-theme]) .rds-toolbar .rds-cshop-tab.is-clan{border-color:#6a4aa0}
.rds-root[data-upi-screen="shop"]:not([data-shop-theme]) .rds-toolbar .rds-cshop-tab.is-boss{border-color:#a0502a}
.rds-root[data-upi-screen="shop"]:not([data-shop-theme]) .rds-toolbar .rds-cshop-tab.is-pvp{border-color:#b0342c}

/* Detalhes e confirmação no mesmo cartão do Poké Mart. */
.rds-cshop-detail .rds-shop-detail-art img{image-rendering:pixelated}
.rds-cshop-detail .rds-cshop-price{font-size:15px}
.rds-cshop-lock{color:#ffc0ba;font-weight:800}

@media(max-width:600px){
  /* O Poké Mart esconde a carteira no celular; nas lojas de moeda o saldo fica (um chip só). */
  .rds-root[data-upi-screen="shop"][data-shop-theme] .rds-wallet{display:flex}
  .rds-root[data-upi-screen="shop"][data-shop-theme] .rds-wallet [data-rds-shop-currency]{height:38px;padding-inline:9px;font-size:14px}
  .rds-root[data-shop-theme] .rds-wallet [data-rds-shop-currency] img{width:22px;height:22px}
  .rds-shop-hero-price .rds-cshop-price,.rds-shop-hero-total .rds-cshop-price{font-size:17px}
  .rds-root[data-upi-screen="shop"] .rds-toolbar .rds-cshop-tab img{width:18px;height:18px}
  .rds-root[data-upi-screen="shop"] .rds-toolbar .rds-cshop-tab{flex:0 0 auto;white-space:nowrap}
}