/* UI 017.3C C.4.5.2 — iOS resume scrollbar suppression + Character shortcut.
   Scoped to Inventory. Keeps accepted C.4.5/C.4.5.1 card geometry and data logic intact. */

html.i173c-inventory-scroll-lock,
body.i173c-inventory-scroll-lock{
  overflow:hidden !important;
  overscroll-behavior:none !important;
  max-width:100% !important;
  scrollbar-width:none !important;
}

html.i173c-inventory-scroll-lock::-webkit-scrollbar,
body.i173c-inventory-scroll-lock::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* iOS still paints the overlay indicator for a momentum scroll container even when
   ::-webkit-scrollbar is hidden. Push that indicator outside the clipped Inventory root,
   then add the same amount back to right padding so accepted content width does not change. */
#i173c-inventory-layer{
  --i173c-scrollbar-shift:14px;
  --i173c-content-right-pad:16px;
}

#i173c-inventory-layer .i173c-scroll{
  right:auto !important;
  width:calc(100% + var(--i173c-scrollbar-shift)) !important;
  max-width:none !important;
  padding-right:calc(var(--i173c-content-right-pad) + var(--i173c-scrollbar-shift)) !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}

#i173c-inventory-layer .i173c-scroll::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
  background:transparent !important;
}

#i173c-inventory-layer .i173c-topline{
  justify-content:flex-start;
  gap:7px;
}

#i173c-inventory-layer .i173c-brand{
  flex:1 1 auto;
  min-width:0;
}

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

#i173c-inventory-layer .i173c-character-back{
  flex:0 0 auto;
  min-width:0;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid rgba(229,190,99,.30);
  border-radius:999px;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,232,174,.07),transparent 48%),
    linear-gradient(180deg,rgba(52,24,61,.90),rgba(20,11,27,.96));
  color:#d7bd7d;
  box-shadow:inset 0 1px rgba(255,235,187,.055),0 6px 16px rgba(0,0,0,.16);
  font-size:8.2px;
  line-height:1;
  font-weight:900;
  letter-spacing:.075em;
  white-space:nowrap;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

#i173c-inventory-layer .i173c-character-back svg{
  flex:0 0 17px;
  width:17px;
  height:17px;
  color:#e9cb7b;
}

#i173c-inventory-layer .i173c-character-back:active{
  transform:scale(.97);
  filter:brightness(1.06);
}

#i173c-inventory-layer .i173c-character-back:disabled{
  opacity:.58;
  pointer-events:none;
}

@media (max-width:359px){
  #i173c-inventory-layer{
    --i173c-content-right-pad:12px;
    --i173c-scrollbar-shift:12px;
  }

  #i173c-inventory-layer .i173c-character-back{
    min-height:32px;
    padding:0 8px;
    font-size:7.5px;
    letter-spacing:.055em;
  }

  #i173c-inventory-layer .i173c-character-back svg{
    width:16px;
    height:16px;
    flex-basis:16px;
  }
}

@media (min-width:600px){
  #i173c-inventory-layer{
    --i173c-content-right-pad:18px;
  }
}

@media (prefers-reduced-motion:reduce){
  #i173c-inventory-layer .i173c-character-back{transition:none !important}
}