/* V82.32 - Ranking content center alignment only.
   Keeps ranking tabs, podium, list and all data logic unchanged. */

/* The browser screenshot showed the ranking block shifted to the left.
   This final override recenters the whole ranking content area under the internal hero. */
body.rank-game-body .rank-game-page{
  display:block!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.rank-game-body .rank-game-shell{
  width:100%!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep the hero full width like News/Download, but centered internally. */
body.rank-game-body .rank-page-heading{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Main ranking content centered in the available viewport. */
body.rank-game-body .rank-game-window{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(100% - 80px, 1320px)!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:54px!important;
}

/* Center tabs and the board together. */
body.rank-game-body .rank-game-main,
body.rank-game-body .rank-game-main-v56,
body.rank-game-body .rank-game-content,
body.rank-game-body .rank-game-content-v56{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.rank-game-body .rank-game-tabs.rank-mode-tabs-v56{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Keep the board centered and prevent older left offsets from previous ranking CSS. */
body.rank-game-body .rank-game-board{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}

/* If old CSS created a fixed-width internal panel, neutralize only centering/offset behavior. */
body.rank-game-body .rank-game-podium,
body.rank-game-body .rank-game-list{
  transform:none!important;
}

/* Slightly safer spacing for screens with the Opera sidebar enabled. */
@media (min-width: 1200px){
  body.rank-game-body .rank-game-window{
    width:min(calc(100vw - 160px), 1320px)!important;
  }
}

@media (max-width: 900px){
  body.rank-game-body .rank-game-window{
    width:min(100% - 28px, 1320px)!important;
    margin-top:38px!important;
  }
}

@media (max-width: 620px){
  body.rank-game-body .rank-game-window{
    width:min(100% - 18px, 1320px)!important;
  }
}