.items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 10px; margin-top: 8px; }
.item-card {
  position: relative;
  background: var(--card); border: 1px solid var(--line); border-radius: 12px;
  padding: 12px 8px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
/* rarity tint: colored border + glow from the top (classes in rarity.css) */
.item-card[class*='rar-'] { border-color: color-mix(in srgb, var(--rar) 55%, var(--line)); background: linear-gradient(180deg, var(--rar-glow), var(--card) 70%); }
.item-card.rar-comum { border-color: var(--line); }
.item-card .rar-tag { margin-top: -2px; }
.item-card img, .item-noicon { width: 40px; height: 40px; image-rendering: pixelated; object-fit: contain; }
.item-card .name { font-size: 0.78rem; font-weight: 600; }
.item-card .price { font-family: var(--pixel); color: var(--accent); font-size: 0.85rem; }
.item-count {
  position: absolute; top: 6px; right: 8px;
  font-family: var(--pixel); font-size: 0.85rem; color: var(--accent);
}
.bag-section { font-family: var(--pixel); font-size: 1.05rem; margin: 14px 0 6px; }
.bag-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }