.ranking-page{background:#050b14;color:#f5f7fb;min-height:100vh}.ranking-main{min-height:70vh;background:radial-gradient(circle at 50% 0,rgba(13,54,112,.30),transparent 38%),linear-gradient(180deg,#071425 0,#050b14 62%,#08090f 100%)}
.ranking-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(226,169,34,.35);background:linear-gradient(90deg,rgba(6,17,35,.98),rgba(9,26,56,.92) 48%,rgba(17,10,19,.96)),url('home-fundo-panoramico.jpg') center/cover no-repeat}.ranking-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 12% 28%,rgba(80,172,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 82% 40%,rgba(99,185,255,.55) 0 1px,transparent 2px);background-size:260px 170px,320px 220px;opacity:.32;pointer-events:none}.ranking-hero-inner{position:relative;z-index:1;text-align:center;padding:62px 20px 54px}.ranking-kicker{display:block;color:#ffc338;font-size:12px;font-weight:900;letter-spacing:.28em;margin-bottom:8px}.ranking-hero h1{margin:0;color:#fff;font-size:clamp(32px,4.8vw,58px);line-height:1;font-weight:950;letter-spacing:.065em;text-shadow:0 0 24px rgba(57,151,255,.22)}.ranking-hero p{margin:15px auto 0;color:#aebed2;font-size:16px}.ranking-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:24px auto 0;max-width:420px;color:#53d9ff;font-size:11px;font-weight:900;letter-spacing:.18em}.ranking-rule:before,.ranking-rule:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#1fe4e4,#6475ff)}.ranking-rule:after{transform:scaleX(-1)}
.ranking-section{padding:48px 0 70px}.ranking-shell{max-width:1040px}.ranking-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:0 6px}.ranking-head span{display:block;color:#ffc338;font-size:11px;font-weight:900;letter-spacing:.22em}.ranking-head h2{margin:4px 0 0;font-size:27px;letter-spacing:.06em}.ranking-head small{color:#7f91aa;font-size:12px}
.ranking-list{display:grid;gap:10px;padding:20px;border:1px solid rgba(206,151,30,.35);border-radius:16px;background:linear-gradient(180deg,rgba(8,17,30,.96),rgba(6,11,20,.96));box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}.ranking-row{display:grid;grid-template-columns:72px 82px minmax(0,1fr) 220px;align-items:center;gap:14px;min-height:82px;padding:11px 14px;border:1px solid rgba(87,109,140,.18);border-radius:10px;background:linear-gradient(90deg,rgba(14,22,35,.92),rgba(9,14,24,.92));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.ranking-row:hover{transform:translateY(-1px);border-color:rgba(57,159,255,.38);box-shadow:0 10px 26px rgba(0,0,0,.22)}.ranking-position{display:grid;place-items:center;height:100%;font-size:18px;font-weight:950;color:#8fa0b7}.ranking-medal{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:17px;border:1px solid currentColor;background:rgba(255,255,255,.035)}.rank-1{border-color:rgba(255,200,31,.38);box-shadow:inset 4px 0 0 #ffc81f,0 0 25px rgba(255,184,0,.06)}.rank-1 .ranking-medal{color:#ffd62e;box-shadow:0 0 18px rgba(255,206,38,.2)}.rank-2 .ranking-medal{color:#cfd8e5}.rank-3 .ranking-medal{color:#d98739}.ranking-class{display:flex;align-items:center;justify-content:center}.ranking-class-icon{width:62px;height:62px;display:grid;place-items:center;overflow:hidden;border-radius:12px;border:1px solid rgba(82,159,255,.28);background:#050a12;box-shadow:0 0 18px rgba(36,126,255,.10)}.ranking-class-icon img{width:100%;height:100%;object-fit:cover;display:block}.ranking-character{min-width:0}.ranking-power small{display:block;color:#66768c;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}.ranking-character strong{display:block;color:#f3f6fb;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-power{text-align:right;padding:9px 15px;border:1px solid rgba(230,180,25,.35);border-radius:8px;background:rgba(69,49,0,.19)}.ranking-power strong{color:#ffd21d;font-size:21px;font-weight:950;letter-spacing:.02em}.ranking-note{text-align:center;color:#61738c;font-size:11px;margin:16px 0 0}.ranking-empty{padding:42px;text-align:center;border:1px solid rgba(90,118,156,.24);border-radius:12px;background:rgba(9,16,27,.75);color:#93a6be}
@media(max-width:760px){.ranking-hero-inner{padding:42px 14px 38px}.ranking-head{align-items:start;flex-direction:column}.ranking-list{padding:10px}.ranking-row{grid-template-columns:54px 62px minmax(0,1fr);gap:9px;min-height:78px}.ranking-class{display:block}.ranking-class-icon{width:46px;height:46px}.ranking-power{grid-column:3;text-align:left;padding:0;border:0;background:transparent}.ranking-power small{display:none}.ranking-power strong{font-size:16px}.ranking-character strong{font-size:15px}.ranking-medal{width:40px;height:40px}.ranking-position{font-size:15px}}


/* Título do Ranking com a mesma linguagem tipográfica da Wiki */
.ranking-hero h1{
    font-family:Georgia,'Times New Roman',serif !important;
    font-weight:700 !important;
    letter-spacing:.015em !important;
    text-transform:none !important;
    font-size:clamp(38px,5vw,64px) !important;
}


/* CORREÇÃO FINAL — mesma fonte serifada usada nos títulos da Wiki */
.ranking-hero h1{
    font-family:Georgia,'Times New Roman',serif !important;
    font-weight:700 !important;
    letter-spacing:.01em !important;
    text-transform:none !important;
    font-size:clamp(40px,5vw,64px) !important;
}


/* PATCH — centraliza somente o bloco de título do Ranking */
.ranking-hero .ranking-hero-inner,
.ranking-hero .ranking-hero-content,
.ranking-hero .ranking-title-wrap{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.ranking-hero h1{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Mantém CABAL GALLAXY, título, subtítulo e PA + PD no mesmo eixo */
.ranking-hero .eyebrow,
.ranking-hero .ranking-kicker,
.ranking-hero p,
.ranking-hero .ranking-divider{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
}