/* V82.43 - Ranking header stretch, Wiki sidebar width, Account panel alignment, cards cleanup, podium shine.
   Does not change approved global header/menu. */

/* Ranking: full-width internal hero like the other pages, with centered content. */
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;
}
body.rank-game-body .rank-game-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 90px!important;
}
body.rank-game-body .rank-page-heading{
  width:100%!important;
  max-width:none!important;
  min-height:368px!important;
  margin:0 0 46px!important;
  padding:68px 24px 58px!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid rgba(221,171,62,.20)!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(112,86,180,.20), transparent 34%),
    linear-gradient(180deg, rgba(4,8,15,.90), rgba(2,6,12,.97)),
    url("../images/inner_bg.png") center/cover no-repeat!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.rank-game-body .rank-page-heading .rank-kicker,
body.rank-game-body .rank-page-heading h1,
body.rank-game-body .rank-page-heading p{
  transform:none!important;
  text-align:center!important;
}
body.rank-game-body .rank-page-heading h1{
  max-width:920px!important;
  margin:0 auto 18px!important;
}
body.rank-game-body .rank-page-heading p{
  max-width:820px!important;
  margin:0 auto!important;
}
body.rank-game-body .rank-game-window{
  width:min(100% - 80px,1320px)!important;
  max-width:1320px!important;
  margin:0 auto!important;
}

/* Stronger, more premium podium effect without changing ranking content. */
.rank-game-podium .rank-card{
  position:relative!important;
  overflow:hidden!important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,214,112,.30),
    0 0 30px rgba(255,184,44,.10)!important;
}
.rank-game-podium .rank-card:before{
  content:""!important;
  position:absolute!important;
  inset:-50%!important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,222,122,.32), transparent 18%),
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.20) 42%, transparent 54%)!important;
  transform:translateX(-42%) rotate(8deg)!important;
  animation:rankV8243Shine 5.6s ease-in-out infinite!important;
  pointer-events:none!important;
  mix-blend-mode:screen!important;
}
.rank-game-podium .rank-first{
  box-shadow:
    0 28px 70px rgba(255,181,39,.22),
    0 0 42px rgba(255,202,68,.22),
    inset 0 0 0 1px rgba(255,224,129,.54)!important;
}
.rank-game-podium .rank-first .avatar{
  filter:drop-shadow(0 0 18px rgba(255,211,82,.58))!important;
}
.rank-game-podium .rank-card .score{
  box-shadow:0 0 24px rgba(255,191,64,.22)!important;
}
@keyframes rankV8243Shine{
  0%, 42%{transform:translateX(-62%) rotate(8deg);opacity:.12}
  58%{transform:translateX(38%) rotate(8deg);opacity:.55}
  100%{transform:translateX(72%) rotate(8deg);opacity:.08}
}

/* Wiki: increase left menu width and let content start closer to the route stripes. */
body.wiki-body .wiki-v82-sidebar,
.wiki-v82-sidebar,
.wiki-sidebar,
.wiki-menu{
  width:300px!important;
  min-width:300px!important;
}
body.wiki-body .wiki-v82-layout,
.wiki-v82-layout,
.wiki-layout{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:22px!important;
}
body.wiki-body .wiki-v82-main,
.wiki-v82-main,
.wiki-content{
  max-width:none!important;
}

/* Account panel: align page/sidebar start with internal pages and keep it consistent. */
body.account-v11-body .account-v5-page,
body.account-v11-body .account-v6-page{
  padding-top:44px!important;
}
body.account-v11-body .account-v5-grid.account-v6-grid{
  align-items:start!important;
  margin-top:0!important;
}
body.account-v11-body .account-v5-sidebar{
  margin-top:0!important;
}

/* Account panel cards: remove online/offline indicator and crossed-swords overlay icon. */
body.account-v11-body .account-v11-status,
body.account-v11-body .char-status,
body.account-v11-body .character-status,
body.account-v11-body .account-v11-online,
body.account-v11-body .account-v11-offline{
  display:none!important;
}
body.account-v11-body .account-v11-char-card .account-v11-class-icon,
body.account-v11-body .account-v11-char-card .char-icon,
body.account-v11-body .account-v11-char-card .sword-icon,
body.account-v11-body .account-v11-char-card [class*="sword"],
body.account-v11-body .account-v11-main-card [class*="sword"],
body.account-v11-body .account-v11-main-card .account-v11-class-icon,
body.account-v11-body .account-v11-main-card .char-icon{
  display:none!important;
}

/* Keep character text readable after icon removal. */
body.account-v11-body .account-v11-char-card .account-v11-char-info,
body.account-v11-body .account-v11-main-card .account-v11-char-info{
  padding-left:0!important;
}

@media(max-width:760px){
  body.rank-game-body .rank-game-window{width:min(100% - 24px,1320px)!important;}
  body.rank-game-body .rank-page-heading{min-height:310px!important;padding:50px 18px 44px!important;}
  body.wiki-body .wiki-v82-layout,
  .wiki-v82-layout,
  .wiki-layout{grid-template-columns:1fr!important;}
  body.wiki-body .wiki-v82-sidebar,
  .wiki-v82-sidebar,
  .wiki-sidebar,
  .wiki-menu{width:100%!important;min-width:0!important;}
}