/* V70 - ranking uses panel-classes icons; account panel hover polish only */

/* Ranking/podium icons: force panel-classes photos to render as clear circular class icons */
.rank-game-avatar img,
.rank-row-avatar img,
.rank-home-mini img,
.home-rank-card img,
.home-rank-podium img,
.rank-podium-avatar img,
[class*="rank"] .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.rank-game-avatar,
.rank-row-avatar,
.rank-podium-avatar,
.home-rank-avatar,
.home-rank-card .avatar,
[class*="rank"] .avatar{
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,207,84,.18),rgba(3,7,13,.88) 62%,rgba(0,0,0,.96))!important;
}

/* Public header in account-panel.php: restore premium hover underline/glow */
html body.account-v5-body .header.inner .nav__links-item a,
html body.account-v11-body .header.inner .nav__links-item a{
  position:relative!important;
  transition:color .22s ease,text-shadow .22s ease,transform .22s ease!important;
}
html body.account-v5-body .header.inner .nav__links-item a:after,
html body.account-v11-body .header.inner .nav__links-item a:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:13px!important;
  width:0!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#f6b125,#ffe28a,#f6b125,transparent)!important;
  box-shadow:0 0 14px rgba(246,177,37,.72),0 0 28px rgba(246,177,37,.25)!important;
  opacity:0!important;
  transition:width .24s ease,opacity .24s ease!important;
  pointer-events:none!important;
}
html body.account-v5-body .header.inner .nav__links-item:hover a,
html body.account-v5-body .header.inner .nav__links-item.active a,
html body.account-v11-body .header.inner .nav__links-item:hover a,
html body.account-v11-body .header.inner .nav__links-item.active a{
  color:#ffe38d!important;
  text-shadow:0 0 15px rgba(255,190,47,.65),0 0 28px rgba(255,190,47,.25)!important;
  transform:translateY(-1px)!important;
}
html body.account-v5-body .header.inner .nav__links-item:hover a:after,
html body.account-v5-body .header.inner .nav__links-item.active a:after,
html body.account-v11-body .header.inner .nav__links-item:hover a:after,
html body.account-v11-body .header.inner .nav__links-item.active a:after{
  width:calc(100% + 28px)!important;
  opacity:1!important;
}
html body.account-v5-body .header.inner .nav .button,
html body.account-v11-body .header.inner .nav .button{
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
html body.account-v5-body .header.inner .nav .button:hover,
html body.account-v11-body .header.inner .nav .button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(255,226,137,.35),0 14px 32px rgba(244,159,14,.35)!important;
}

/* Account sidebar buttons: visible hover/active with same gold language */
.account-v11-body .account-v5-menu button,
.account-v11-body .account-v9-menu-logout,
.account-v5-body .account-v5-menu button,
.account-v5-body .account-v9-menu-logout{
  position:relative!important;
  overflow:hidden!important;
  cursor:pointer!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease!important;
}
.account-v11-body .account-v5-menu button:before,
.account-v11-body .account-v9-menu-logout:before,
.account-v5-body .account-v5-menu button:before,
.account-v5-body .account-v9-menu-logout:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,#ffd766,#f0a313)!important;
  opacity:0!important;
  box-shadow:0 0 18px rgba(245,177,38,.65)!important;
  transition:opacity .22s ease!important;
  pointer-events:none!important;
}
.account-v11-body .account-v5-menu button:hover,
.account-v11-body .account-v5-menu button.active,
.account-v11-body .account-v9-menu-logout:hover,
.account-v5-body .account-v5-menu button:hover,
.account-v5-body .account-v5-menu button.active,
.account-v5-body .account-v9-menu-logout:hover{
  transform:translateX(4px)!important;
  color:#fff1c6!important;
  border-color:rgba(255,196,73,.48)!important;
  background:linear-gradient(90deg,rgba(171,113,24,.42),rgba(14,20,29,.94))!important;
  box-shadow:0 0 0 1px rgba(255,208,100,.10),0 12px 26px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.account-v11-body .account-v5-menu button:hover:before,
.account-v11-body .account-v5-menu button.active:before,
.account-v11-body .account-v9-menu-logout:hover:before,
.account-v5-body .account-v5-menu button:hover:before,
.account-v5-body .account-v5-menu button.active:before,
.account-v5-body .account-v9-menu-logout:hover:before{
  opacity:1!important;
}
.account-v11-body .account-v5-menu button:hover i,
.account-v11-body .account-v5-menu button.active i,
.account-v11-body .account-v9-menu-logout:hover i,
.account-v5-body .account-v5-menu button:hover i,
.account-v5-body .account-v5-menu button.active i,
.account-v5-body .account-v9-menu-logout:hover i{
  color:#ffd766!important;
  text-shadow:0 0 12px rgba(255,215,102,.65)!important;
}