/* Market viewport safety and progressive rendering. */
.market-panel.client-open,
.player-market-panel.client-open{
  box-sizing:border-box!important;
  max-width:calc(100dvw - 16px)!important;
  max-height:calc(100dvh - 16px)!important;
  overscroll-behavior:contain;
}
.market-panel.client-open>.panel-title,
.player-market-panel.client-open>.panel-title{
  position:sticky!important;
  z-index:20!important;
  top:0!important;
  flex:0 0 auto;
}
.market-panel .market-row,
.player-market-panel .market-offer-card{
  contain:layout paint style;
}
.market-load-more{
  grid-column:1/-1!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:calc(100% - 12px)!important;
  min-width:0!important;
  min-height:42px!important;
  margin:6px!important;
  padding:8px 14px!important;
  border:1px solid #4b978d!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#174c48,#102e32)!important;
  color:#e8fffa!important;
  font:900 9px/1 "Segoe UI",Arial,sans-serif!important;
  letter-spacing:.06em;
  box-shadow:0 7px 18px #0005;
  cursor:pointer;
}
.market-load-more small{
  color:#8fdace;
  font:800 7px/1 "Segoe UI",Arial,sans-serif;
}
.market-load-more:hover,
.market-load-more:focus-visible{
  border-color:#75e6d4!important;
  filter:brightness(1.12);
  outline:none;
}
.player-market-panel .player-market-content{
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

@media(max-width:780px),(max-height:500px) and (max-width:1024px),(hover:none) and (pointer:coarse){
  .market-panel.client-open,
  .player-market-panel.client-open{
    max-width:calc(100dvw - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
  }
  .market-load-more{
    min-height:34px!important;
    margin:3px!important;
    padding:5px 8px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }
  .market-load-more small{font-size:5.5px!important}
}