/* =========================================================
   OVERALL LEADERBOARD ALIGNMENT
   ========================================================= */

@media(max-width:750px){
  .table-card.overall-active .row .player-info{
    margin-left:14px !important;
  }
}

/* =========================================================
   PROFILE POINTS
   ========================================================= */

@media(max-width:750px){
  .table-card.overall-active .row{
    grid-template-columns:90px minmax(190px,1fr) 68px 65px;
  }

  .table-card.overall-active .row .player-info .name,
  .table-card.overall-active .row .player-info .sub{
    white-space:nowrap;
  }
}

/* =========================================================
   NAME FIT
   ========================================================= */
.profile-title-badge,
.profile-title-badge *{
  font-style:normal !important;
}
.profile-title-points{
  color:inherit;
  display:inline-block;
  font-style:normal !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  letter-spacing:normal !important;
}

.table-card.overall-active{
  overflow:visible;
}
.table-card.overall-active .row{
  grid-template-columns:120px minmax(340px,1.25fr) minmax(430px,1.55fr) 105px !important;
}
.table-card.overall-active .row .player-info{
  min-width:0 !important;
  width:100% !important;
  margin-left:26px !important;
  overflow:visible !important;
}
.table-card.overall-active .row .player-info .name{
  display:block !important;
  max-width:none !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
.table-card.overall-active .row .player-info .sub{
  display:block !important;
  max-width:none !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
.table-card.overall-active .points{
  justify-self:stretch !important;
  text-align:center !important;
  padding:0 !important;
  margin:0 !important;
  white-space:nowrap !important;
}

@media(min-width:1000px){
  main.rankings-page{
    width:min(1400px,calc(100% - 32px)) !important;
  }
}

@media(max-width:750px){
  .table-card.overall-active .row .player-info .name{
    width:auto !important;
    max-width:none !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
}