/* UI 017.3C C.4.5 — cache-safe Inventory consolidation/readability layer.
   Unique physical asset name; scoped only to #i173c-inventory-layer. */

#i173c-inventory-layer .i173c-scroll{
  padding-bottom:calc(320px + env(safe-area-inset-bottom));
  scroll-padding-bottom:calc(215px + env(safe-area-inset-bottom));
}

#i173c-inventory-layer .i173c-grid{
  gap:8px;
  padding-bottom:42px;
}

#i173c-inventory-layer .i173c-item-card{
  border-radius:16px;
}

#i173c-inventory-layer .i173c-item-visual{
  height:104px;
}

#i173c-inventory-layer .i173c-item-visual img{
  width:74%;
  height:74%;
}

#i173c-inventory-layer .i173c-item-fallback{
  width:64px;
  height:64px;
  border-radius:18px;
  font-size:32px;
}

#i173c-inventory-layer .i173c-rarity{
  padding:5px 8px;
  font-size:8.3px;
  line-height:1.05;
  letter-spacing:.095em;
}

#i173c-inventory-layer .i173c-item-body{
  min-height:139px;
  padding:10px 9px 9px;
}

#i173c-inventory-layer .i173c-item-body h2{
  min-height:36px;
  font-size:13px;
  line-height:1.27;
  letter-spacing:-.008em;
}

#i173c-inventory-layer .i173c-item-meta{
  margin-top:4px;
  font-size:9.3px;
  line-height:1.25;
  font-weight:780;
}

#i173c-inventory-layer .i173c-quick-stats{
  gap:5px;
  margin-top:8px;
}

#i173c-inventory-layer .i173c-quick-stats > span{
  min-height:39px;
  padding:5px 7px;
  border-radius:10px;
}

#i173c-inventory-layer .i173c-quick-stats.is-single > span:not(.is-muted){
  grid-column:1 / -1;
}

#i173c-inventory-layer .i173c-quick-stats small{
  font-size:8.2px;
  line-height:1.05;
  font-weight:800;
}

#i173c-inventory-layer .i173c-quick-stats strong{
  margin-top:3px;
  font-size:11.5px;
  line-height:1.05;
  font-weight:950;
}

#i173c-inventory-layer .i173c-quick-stats > span.is-muted{
  min-height:38px;
  font-size:9.2px;
}

#i173c-inventory-layer .i173c-item-foot{
  min-height:25px;
  padding-top:7px;
  font-size:7.8px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.055em;
}

#i173c-inventory-layer .i173c-item-foot > span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#i173c-inventory-layer .i173c-item-foot > span.is-ready{
  font-size:8px;
  color:#83c99b;
}

#i173c-inventory-layer .i173c-item-foot > span:last-child{
  flex:0 0 auto;
  font-size:13px;
}

#i173c-inventory-layer .i173c-list-head small{
  font-size:8.8px;
}

#i173c-inventory-layer .i173c-list-head strong{
  font-size:14px;
}

#i173c-inventory-layer .i173c-list-head > span{
  font-size:10px;
}

/* iOS search focus belongs to the rounded shell, never the raw input rectangle. */
#i173c-inventory-layer .i173c-search input:focus,
#i173c-inventory-layer .i173c-search input:focus-visible{
  outline:none !important;
  box-shadow:none !important;
}

#i173c-inventory-layer .i173c-search:focus-within{
  border-color:rgba(232,194,103,.58);
  box-shadow:
    inset 0 0 0 1px rgba(232,194,103,.10),
    inset 0 1px rgba(255,255,255,.035),
    0 0 0 3px rgba(141,49,170,.10);
}

/* Never lift the fixed game dock above the iOS software keyboard. */
#i173c-inventory-layer.is-keyboard-open .i173c-local-dock{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate3d(0,18px,0) !important;
}

#i173c-inventory-layer.is-keyboard-open .i173c-scroll{
  padding-bottom:calc(32px + env(safe-area-inset-bottom));
  scroll-padding-bottom:32px;
}

@media (max-width:359px){
  #i173c-inventory-layer .i173c-item-visual{height:94px}
  #i173c-inventory-layer .i173c-item-fallback{width:58px;height:58px;font-size:29px}
  #i173c-inventory-layer .i173c-rarity{font-size:7.8px;padding:5px 7px}
  #i173c-inventory-layer .i173c-item-body{min-height:134px;padding:9px 8px 8px}
  #i173c-inventory-layer .i173c-item-body h2{font-size:12.1px;min-height:34px}
  #i173c-inventory-layer .i173c-item-meta{font-size:8.7px}
  #i173c-inventory-layer .i173c-quick-stats > span{min-height:37px;padding:5px 6px}
  #i173c-inventory-layer .i173c-quick-stats small{font-size:7.7px}
  #i173c-inventory-layer .i173c-quick-stats strong{font-size:10.9px}
  #i173c-inventory-layer .i173c-item-foot{font-size:7.2px;min-height:24px}
  #i173c-inventory-layer .i173c-item-foot > span.is-ready{font-size:7.4px}
}

@media (min-width:600px){
  #i173c-inventory-layer .i173c-item-visual{height:118px}
  #i173c-inventory-layer .i173c-item-body{min-height:144px}
  #i173c-inventory-layer .i173c-item-body h2{font-size:13.5px}
  #i173c-inventory-layer .i173c-item-meta{font-size:9.6px}
  #i173c-inventory-layer .i173c-quick-stats small{font-size:8.5px}
  #i173c-inventory-layer .i173c-quick-stats strong{font-size:11.9px}
}