/* Phase 5 inventory and shard marketplace. */
.inventory-card {
  width: min(520px, 96vw);
  max-height: min(88vh, 720px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.inventory-copy,
.inventory-summary {
  text-align: center;
  font-size: 0.6rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.72);
}
.inventory-summary { color: var(--neon); margin: 8px 0 12px; }
.inventory-tabs { display:flex; gap:8px; margin-bottom:12px; }
.inventory-tab {
  flex:1; border:1px solid rgba(0,255,157,0.28); border-radius:999px;
  padding:8px; background:rgba(0,0,0,0.38); color:#fff; font:inherit;
  font-size:0.6rem; text-transform:uppercase; cursor:pointer;
}
.inventory-tab.active { background:rgba(0,255,157,0.14); border-color:var(--neon); }
.inventory-grid,
.market-grid { display:grid; gap:8px; margin-bottom:14px; }
.inventory-item,
.market-item {
  display:flex; align-items:center; gap:10px; width:100%; min-height:62px;
  border:1px solid rgba(255,255,255,0.12); border-radius:12px; padding:9px 10px;
  background:linear-gradient(145deg, rgba(255,255,255,0.04), rgba(0,255,157,0.025));
  color:#fff; text-align:left; font-family:inherit;
}
.inventory-icon {
  width:38px; height:38px; border-radius:11px; display:grid; place-items:center;
  flex:0 0 auto; background:rgba(0,255,157,0.1); color:var(--neon); font-size:1rem;
}
.inventory-item-copy { flex:1; }
.inventory-item-copy strong,
.inventory-item-copy small,
.market-item strong,
.market-item small { display:block; }
.inventory-item-copy strong,
.market-item strong { font-size:0.62rem; text-transform:uppercase; letter-spacing:0.06em; }
.inventory-item-copy small,
.market-item small { margin-top:4px; color:rgba(255,255,255,0.58); font-size:0.5rem; line-height:1.35; }
.inventory-qty { color:var(--neon); font-size:0.72rem; font-weight:700; }
.market-item { cursor:pointer; justify-content:space-between; }
.market-item b { color:var(--neon); font-size:0.56rem; white-space:nowrap; margin-left:10px; }
.market-item:disabled { opacity:0.4; cursor:not-allowed; }
.market-item:not(:disabled):hover { border-color:var(--neon); box-shadow:0 0 16px rgba(0,255,157,0.14); }
.rarity-rare { border-color:rgba(0,183,255,0.32); }
.rarity-epic { border-color:rgba(170,95,255,0.36); }
.rarity-legendary { border-color:rgba(255,190,70,0.42); }