/* V82.44 - ranking position/EXP, download single language button, account panel menu/characters. */

/* Ranking: restore centered page position and prevent the internal hero from drifting left. */
body.rank-game-body .rank-game-page{
  background:
    linear-gradient(180deg, rgba(2,6,12,.88), rgba(2,6,12,.98)),
    url("../images/ranker.JPG") center top/cover fixed no-repeat!important;
  padding:0 0 96px!important;
  overflow-x:hidden!important;
}
body.rank-game-body .rank-game-shell{
  width:min(100% - 80px,1320px)!important;
  max-width:1320px!important;
  margin:0 auto!important;
  padding:0 0 90px!important;
}
body.rank-game-body .rank-page-heading{
  width:100%!important;
  max-width:1320px!important;
  min-height:338px!important;
  margin:0 auto 44px!important;
  padding:58px 24px 50px!important;
  border:0!important;
  border-bottom:1px solid rgba(221,171,62,.20)!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(112,86,180,.18), transparent 34%),
    linear-gradient(180deg, rgba(4,8,15,.72), rgba(2,6,12,.94))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  text-align:center!important;
}
body.rank-game-body .rank-game-window{
  width:100%!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
body.rank-game-body .rank-game-tabs.rank-mode-tabs-v56{
  margin:0 auto 24px!important;
}
body.rank-game-body .rank-game-board{
  width:100%!important;
}

/* Ranking LVL: EXP must be readable and compact, not giant. */
.rank-exp-label{
  display:block!important;
  color:#ffe894!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.rank-exp-value{
  display:block!important;
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff1a8!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:900!important;
}
.rank-game-podium .rank-card .score .rank-exp-label{
  font-size:16px!important;
}
.rank-game-podium .rank-card .score .rank-exp-value{
  max-width:150px!important;
  font-size:21px!important;
}

/* Download: one language-aware client card. */
.download-v82-44-single-client{
  grid-template-columns:minmax(320px, 760px)!important;
  justify-content:center!important;
}
.download-v82-26-client-card--single{
  min-height:350px!important;
}
.download-v82-26-client-card--single .download-v82-26-client-content{
  max-width:100%!important;
}

/* Account panel: keep page aligned with normal menu/header rhythm and restore character art. */
body.account-v11-body .account-v5-page,
body.account-v11-body .account-v6-page{
  padding-top:38px!important;
}
body.account-v11-body .account-v5-grid.account-v6-grid{
  width:min(100% - 80px,1320px)!important;
  max-width:1320px!important;
  margin:0 auto!important;
}
body.account-v11-body .account-v5-sidebar{
  margin-top:0!important;
}
body.account-v11-body .account-v10-char-card,
body.account-v11-body .account-v17-overview-card{
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.78)),
    var(--char-art)!important;
  background-size:cover!important;
  background-position:center!important;
}
body.account-v11-body .account-v17-overview-card{
  min-height:292px!important;
}
body.account-v11-body .account-v17-overview-strongest-grid{
  min-height:310px!important;
}
body.account-v11-body .online-dot,
body.account-v11-body .account-v10-char-card .icon,
body.account-v11-body .account-v17-overview-card .icon{
  display:none!important;
}

/* Character card text has room after removing icon/status. */
body.account-v11-body .account-v10-char-card h4,
body.account-v11-body .account-v17-overview-card h4{
  margin-top:42px!important;
}

@media(max-width:760px){
  body.rank-game-body .rank-game-shell,
  body.account-v11-body .account-v5-grid.account-v6-grid{
    width:min(100% - 24px,1320px)!important;
  }
  body.rank-game-body .rank-page-heading{
    min-height:300px!important;
    padding:48px 18px 42px!important;
  }
  .download-v82-44-single-client{
    grid-template-columns:1fr!important;
  }
}