/* V82.30 - Ranking internal header size/width fix only.
   Makes ranking banner match News/Download internal page header sizing.
   Does not affect the approved global menu/header. */

body .rank-game-page{
  overflow-x:hidden!important;
}

/* Old ranking shell had a centered/max-width feeling. Reset only the top header zone. */
body .rank-game-page .rank-game-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 90px!important;
  background:
    linear-gradient(180deg,rgba(3,8,15,.98),rgba(3,8,15,1))!important;
}

/* Full-width banner like news.php / download.php */
body .rank-game-page .rank-page-heading{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:360px!important;
  height:360px!important;
  padding:72px 24px 58px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(221,171,62,.18)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 10%, rgba(112,86,180,.20), transparent 34%),
    linear-gradient(180deg, rgba(4,8,15,.88), rgba(2,6,12,.96)),
    url("../images/inner_bg.png") center/cover no-repeat!important;
}

/* Remove decorative side lines inherited from old ranking header when they make the banner look boxed. */
body .rank-game-page .rank-page-heading:before,
body .rank-game-page .rank-page-heading:after{
  display:none!important;
  content:none!important;
}

body .rank-game-page .rank-page-heading .rank-kicker{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 22px!important;
  margin:0 auto 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,190,55,.55)!important;
  background:rgba(7,12,20,.72)!important;
  color:#ffd05b!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}

body .rank-game-page .rank-page-heading h1{
  max-width:940px!important;
  margin:0 auto 18px!important;
  font-family:Georgia,serif!important;
  color:#fff8ed!important;
  font-size:clamp(56px,7.2vw,96px)!important;
  line-height:.96!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-shadow:0 16px 38px rgba(0,0,0,.65),0 0 20px rgba(161,108,255,.24)!important;
}

body .rank-game-page .rank-page-heading p{
  max-width:780px!important;
  margin:0 auto!important;
  color:#dbe7f4!important;
  font-size:18px!important;
  line-height:1.55!important;
}

/* Keep ranking content centered below the full banner. */
body .rank-game-page .rank-game-window{
  width:min(100%,1320px)!important;
  max-width:1320px!important;
  margin:56px auto 0!important;
}

@media(max-width:760px){
  body .rank-game-page .rank-page-heading{
    min-height:300px!important;
    height:300px!important;
    padding:50px 18px 44px!important;
  }
  body .rank-game-page .rank-page-heading h1{
    font-size:clamp(38px,12vw,60px)!important;
  }
}