/* ADDONS de Pokémon — bloco da bolsa (itens comprados na loja) e botões da ficha.
   Padrão UI Kit "vidro azul": navy + ciano (dourado só para dinheiro). */
.inv-addons{ margin:12px 0 4px; padding:12px 14px; border-radius:var(--r,12px);
  background:linear-gradient(180deg,rgba(79,216,232,.08),rgba(9,25,34,.55));
  border:1px solid rgba(79,216,232,.28); box-shadow:inset 0 1px 0 var(--luz,rgba(79,216,232,.2)); }
.inv-addons-tit{ font-size:12px; font-weight:800; letter-spacing:.12em; color:var(--acc2,#4fd8e8); margin-bottom:10px; }
.inv-addons-tit small{ display:block; margin-top:2px; font-weight:500; letter-spacing:0; color:var(--txt2,#a6c0cd); font-size:11.5px; }
.inv-addon{ display:flex; gap:12px; align-items:flex-start; padding:10px; border-radius:10px;
  background:rgba(7,19,25,.55); border:1px solid var(--linha,#1f4356); }
.inv-addon + .inv-addon{ margin-top:8px; }
.inv-addon > img{ width:64px; height:64px; flex:none; image-rendering:pixelated; object-fit:contain;
  border-radius:10px; background:radial-gradient(circle at 50% 60%,rgba(79,216,232,.22),rgba(16,36,49,.9) 70%);
  border:1px solid rgba(79,216,232,.35); }
.inv-addon-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:4px; }
.inv-addon-txt b{ color:var(--txt,#e6f2f6); font-size:13.5px; }
.inv-addon-txt small{ color:var(--txt2,#a6c0cd); font-size:11.5px; }
.inv-addon-lista{ display:flex; flex-wrap:wrap; gap:6px; margin-top:2px; }
.inv-addon-lista button{ display:flex; align-items:center; gap:6px; padding:4px 10px 4px 4px; cursor:pointer;
  border-radius:9px; border:1px solid var(--linha,#1f4356); background:var(--bg2,#102431); color:var(--txt,#e6f2f6);
  font:600 12px var(--fonte,system-ui); transition:border-color .15s, background .15s, transform .1s; }
.inv-addon-lista button:hover{ border-color:var(--acc2,#4fd8e8); background:var(--bg3,#16303f); }
.inv-addon-lista button:active{ transform:translateY(1px); }
.inv-addon-lista button img{ width:32px; height:32px; image-rendering:pixelated; object-fit:contain; }
.inv-addon-lista button span{ display:flex; flex-direction:column; line-height:1.15; text-align:left; }
.inv-addon-lista button span i{ font-style:normal; font-weight:500; font-size:10.5px; color:var(--txt2,#a6c0cd); }

.f-addons{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:6px 0; padding:8px 10px; border-radius:10px;
  background:rgba(79,216,232,.07); border:1px solid rgba(79,216,232,.25); }
.f-addons > small{ flex-basis:100%; font-size:10.5px; font-weight:800; letter-spacing:.12em; color:var(--acc2,#4fd8e8); }
.f-addons .f-addon{ margin:0; }
.f-addons .f-addon.on{ opacity:1; border-color:var(--acc2,#4fd8e8); color:var(--acc2,#4fd8e8); background:rgba(79,216,232,.12); }
.f-addons .f-addon.novo{ border-color:var(--acc2,#4fd8e8); background:linear-gradient(180deg,#4fd8e8,#2bb8cc); color:var(--sobre-acc,#04222b); font-weight:700; }
.f-addons .f-addon.loja{ color:var(--txt2,#a6c0cd); }