/* V20.11.36: one native league scroller, one-column minmax layout, readable 2/3-column player names. */
#league,
#league>.panel,
#league>.panel>.panel-body,
#league #v190LeaguePanel,
#league .v190-shell{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
#league>.panel{overflow:visible;}
#league>.panel>.panel-body{
  padding-inline:10px!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  max-height:none!important;
}
#league #v190LeaguePanel{
  margin:0 auto;
  overflow:visible;
}
#league .v190-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:stretch!important;
  align-items:start!important;
  gap:13px;
  margin:0 auto!important;
  overflow:visible!important;
}
#league .v190-shell>*{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#league .v190-hero,
#league .v190-section,
#league .v201132-overview{
  width:auto!important;
  margin-inline:0!important;
}
#league .v190-title,
#league .v190-title>*{min-width:0!important;}
#league .v190-title>span{max-width:100%;white-space:normal;text-align:center;}

/* The nav itself is the only horizontal scroller. Native browser panning is intentionally retained. */
#league .v190-nav{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 6px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  scrollbar-width:none!important;
  touch-action:pan-x pan-y pinch-zoom!important;
  background:linear-gradient(180deg,rgba(4,13,24,.99),rgba(4,13,24,.95),rgba(4,13,24,.89))!important;
}
#league .v190-nav::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#league .v190-nav>button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  min-height:44px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  touch-action:manipulation!important;
  user-select:none;
  -webkit-user-select:none;
}
#league .v190-table-wrap{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}

/* League information cards share the same centered, shrinkable grid track. */
#league .v201132-rank-hero{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0 0!important;
  align-items:stretch!important;
}
#league .v201132-rank-hero>div,
#league .v201132-summary-grid>div,
#league .v201132-competition-strip>*{
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#league .v201132-rank-hero>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#league .v201132-next-main{grid-column:1/-1!important;min-height:88px!important;}
#league .v201132-record-main b,
#league .v201132-next-main b{
  width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
}
#league .v201132-record-main span,
#league .v201132-next-main span{text-align:center!important;}
#league .v201132-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0!important;
}
#league .v201132-summary-grid>div{
  min-height:88px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#league .v201132-summary-grid .form-value{justify-content:center!important;width:100%!important;}
#league .v201132-competition-strip{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}
#league .v201132-competition-strip>div,
#league .v201132-competition-strip>button{
  min-height:94px!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

@layer bbm_00_bbm-foundation-style{
/* Player storage: reserve two real lines outside the card, then make the in-card name area responsive. */
#collectionGrid .card-meta{
  min-width:0!important;
  height:auto!important;
}
#collectionGrid .card-meta strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  min-height:2.44em!important;
  max-height:2.44em!important;
  line-height:1.22!important;
  white-space:normal!important;
  word-break:break-all!important;
  overflow-wrap:anywhere!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:center!important;
}

@media(max-width:760px){
  body.v208-mobile-ui #collectionGrid.v151-collection-grid-small{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  body.v208-mobile-ui #collectionGrid.v151-collection-grid-normal{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.v208-mobile-ui #collectionGrid.v151-collection-grid-large{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  /* 3-column view: use the subtitle space for the Korean player name instead of shrinking it excessively. */
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-namebar{
    top:53.8%!important;
    height:13.0%!important;
    grid-template-columns:14% 12.5% minmax(0,1fr) 13.5%!important;
  }
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-type-tag{top:66.35%!important;height:2.0%!important;}
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-stats{top:68.55%!important;height:22.70%!important;}
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-name{padding:.12em .18em!important;}
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-name span{display:none!important;}
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-name b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    word-break:break-all!important;
    overflow-wrap:anywhere!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:2.10em!important;
    line-height:.92!important;
    min-height:1.96em!important;
    max-height:1.96em!important;
    letter-spacing:-.035em!important;
  }
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-name-long b{font-size:2.00em!important;}
  #collectionGrid.v151-collection-grid-small .pmc-card-frame .pmc-name-xlong b{font-size:1.85em!important;}
  #collectionGrid.v151-collection-grid-small .card-meta strong{font-size:10.5px!important;}

  /* 2-column view: keep a larger readable name while allowing two lines only when needed. */
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-namebar{top:54.25%!important;height:12.25%!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-type-tag{top:66.10%!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-stats{top:68.20%!important;height:23.05%!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name{padding:.18em .30em!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name-long span,
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name-xlong span{display:none!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    word-break:break-all!important;
    overflow-wrap:anywhere!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    font-size:1.62em!important;
    line-height:.94!important;
    max-height:1.92em!important;
  }
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name-long b{font-size:1.52em!important;min-height:1.88em!important;}
  #collectionGrid.v151-collection-grid-normal .pmc-card-frame .pmc-name-xlong b{font-size:1.40em!important;min-height:1.88em!important;}
  #collectionGrid.v151-collection-grid-normal .card-meta strong{font-size:12px!important;}
}
}


@media(max-width:420px){
  #league>.panel>.panel-body{padding-inline:8px!important;}
  #league .v190-nav{gap:7px!important;padding-inline:4px!important;}
  #league .v190-nav>button{padding-inline:14px!important;}
  #league .v201132-rank-hero,
  #league .v201132-summary-grid{gap:7px!important;}
  #league .v201132-summary-grid>div{min-height:82px!important;padding:9px!important;}
  #league .v201132-summary-grid b{font-size:15px!important;}
  #league .v201132-competition-strip{grid-template-columns:1fr!important;}
  #league .v201132-competition-strip>*{min-height:82px!important;padding:10px!important;}
}