/* V28 — ranking direto na página, sem janela azul */
.rank-game-body{
  background:#03050b!important;
}
.rank-game-page{
  min-height:calc(100vh - 92px)!important;
  padding:58px min(5vw,84px) 104px!important;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,188,64,.12), transparent 24%),
    radial-gradient(circle at 18% 40%, rgba(79,95,160,.16), transparent 34%),
    linear-gradient(180deg, rgba(2,4,10,.58), rgba(3,5,12,.92) 68%, #03050b 100%),
    url('../images/ranker.JPG') center top/cover no-repeat fixed!important;
}
.rank-game-shell{
  max-width:1480px!important;
  margin:0 auto!important;
}
.rank-page-heading{
  width:min(1080px,100%);
  margin:0 auto 34px;
  text-align:center;
  position:relative;
}
.rank-page-heading:before,
.rank-page-heading:after{
  content:"";
  position:absolute;
  top:58%;
  width:min(220px,18vw);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(230,184,78,.7));
}
.rank-page-heading:before{right:calc(100% - 120px);}
.rank-page-heading:after{left:calc(100% - 120px);transform:scaleX(-1);}
.rank-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 22px;
  margin-bottom:14px;
  border:1px solid rgba(232,183,74,.42);
  background:rgba(4,8,17,.55);
  color:#f4d777;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.26em;
  box-shadow:0 10px 32px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
}
.rank-page-heading h1{
  margin:0;
  color:#fff7df;
  font-size:clamp(42px,5vw,82px);
  line-height:.92;
  letter-spacing:.11em;
  text-transform:uppercase;
  text-shadow:0 8px 0 rgba(0,0,0,.35), 0 0 36px rgba(255,210,110,.16);
}
.rank-page-heading p{
  max-width:820px;
  margin:18px auto 0;
  color:rgba(255,246,224,.74);
  font-size:16px;
  line-height:1.65;
}
.rank-game-window{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.rank-game-topbar{
  display:none!important;
}
.rank-game-content{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:28px!important;
  min-height:auto!important;
  align-items:start!important;
}
.rank-game-sidebar{
  position:sticky;
  top:24px;
  background:linear-gradient(180deg,rgba(7,12,22,.78),rgba(3,6,13,.56))!important;
  border:1px solid rgba(225,177,72,.22)!important;
  border-right:1px solid rgba(225,177,72,.22)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(10px);
  padding:16px!important;
  border-radius:18px!important;
  gap:10px!important;
}
.rank-game-sidebar button{
  height:58px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-left:3px solid transparent!important;
  background:rgba(255,255,255,.035)!important;
  color:rgba(236,229,211,.72)!important;
  border-radius:12px!important;
  font-size:15px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
.rank-game-sidebar button span{color:#e8bc58!important;width:24px!important;}
.rank-game-sidebar button.active,
.rank-game-sidebar button:hover{
  color:#fff4d0!important;
  border-color:rgba(242,195,82,.55)!important;
  border-left-color:#f0bd3f!important;
  background:linear-gradient(90deg,rgba(203,149,36,.24),rgba(255,255,255,.055))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.rank-game-main{
  padding:0!important;
  min-width:0!important;
}
.rank-game-tabs{
  width:min(860px,100%)!important;
  margin:0 0 24px!important;
  height:56px!important;
  border:1px solid rgba(229,180,70,.24)!important;
  background:rgba(3,7,15,.56)!important;
  box-shadow:0 22px 62px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  border-radius:999px!important;
  backdrop-filter:blur(10px);
}
.rank-game-tabs button{
  color:rgba(236,229,211,.55)!important;
  font-size:14px!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.rank-game-tabs button.active{
  background:linear-gradient(180deg,#d8ad49,#8e681d)!important;
  color:#1a1006!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 14px 34px rgba(229,177,62,.23), inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.rank-game-board{
  grid-template-columns:minmax(560px,1.05fr) minmax(420px,.9fr)!important;
  gap:22px!important;
}
.rank-game-podium{
  min-height:545px!important;
  background:
    linear-gradient(180deg,rgba(7,12,23,.60),rgba(1,3,8,.86)),
    url('../images/icarus-dragon-02.png') center bottom/cover no-repeat!important;
  border:1px solid rgba(230,180,67,.24)!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(6px);
}
.rank-card{
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(12,18,31,.72),rgba(5,8,15,.92))!important;
}
.rank-first{
  border-color:rgba(255,210,83,.72)!important;
  background:linear-gradient(180deg,rgba(133,22,22,.76),rgba(34,7,8,.94))!important;
  box-shadow:0 20px 70px rgba(229,171,45,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.rank-third{background:linear-gradient(180deg,rgba(96,48,18,.76),rgba(24,11,6,.94))!important;}
.rank-game-list{
  background:linear-gradient(180deg,rgba(7,12,23,.72),rgba(3,6,13,.86))!important;
  border:1px solid rgba(230,180,67,.20)!important;
  border-radius:18px!important;
  padding:14px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(8px);
}
.rank-row{
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(7,13,25,.86)!important;
  height:74px!important;
}
.rank-row.top1{background:linear-gradient(90deg,rgba(190,141,20,.94),rgba(122,80,14,.84))!important;}
.rank-row.top2{background:linear-gradient(90deg,rgba(129,139,151,.88),rgba(68,78,92,.78))!important;}
.rank-row.top3{background:linear-gradient(90deg,rgba(105,58,24,.90),rgba(62,30,14,.78))!important;}
.rank-row h4{font-size:18px!important;}
.rank-row p{color:#44df91!important;}
.rank-game-note{
  color:rgba(255,242,218,.66)!important;
  margin-top:24px!important;
}
.rank-game-note button{
  border-color:rgba(232,183,74,.38)!important;
  background:rgba(5,9,17,.68)!important;
  color:#f1c75e!important;
  box-shadow:0 16px 42px rgba(0,0,0,.32)!important;
}
@media(max-width:1180px){
  .rank-game-content{grid-template-columns:1fr!important;}
  .rank-game-sidebar{position:relative;top:auto;display:grid!important;grid-template-columns:repeat(5,1fr)!important;}
  .rank-game-sidebar button{justify-content:center!important;text-align:center!important;font-size:12px!important;padding:0 8px!important;}
  .rank-game-board{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .rank-game-page{padding:34px 12px 82px!important;}
  .rank-page-heading h1{font-size:clamp(34px,11vw,54px)!important;}
  .rank-page-heading:before,.rank-page-heading:after{display:none!important;}
  .rank-game-sidebar{grid-template-columns:1fr 1fr!important;padding:10px!important;}
  .rank-game-podium{grid-template-columns:1fr!important;padding:18px!important;}
  .rank-card{min-height:260px!important;}
  .rank-first{min-height:300px!important;}
  .rank-row{height:auto!important;grid-template-columns:42px 44px 1fr!important;}
  .rank-row strong{grid-column:1/-1!important;text-align:left!important;}
}