/* ============================================================================
   RANKINGS — a tela do topo que reúne os rankings do jogo (Fase 156)
   ----------------------------------------------------------------------------
   Mesma identidade de Missões (Fase 149): abas douradas, painel escuro,
   texto em calc(Npx * var(--text-scale,1)). Centralizada, largura limitada.
   ========================================================================== */
#rankingsConteudo{display:grid;gap:12px;max-width:760px;margin:0 auto}

.rankings-abas{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid #2c313d;border-radius:12px;background:#151820}
.rankings-aba{flex:1 1 130px;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8f97aa;
  font-size:calc(10px * var(--text-scale,1));font-weight:900;letter-spacing:1px}
.rankings-aba:hover{border-color:#3f4657;filter:none}
.rankings-aba.active{background:linear-gradient(180deg,#e0b453,#c2912f);color:#1b1407;box-shadow:0 5px 16px rgba(215,169,68,.22)}

.rankings-corpo{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel3)}
.rankings-titulo{margin:0 0 4px;color:#ffb84d;font-size:calc(14px * var(--text-scale,1))}

.rankings-lista{display:grid;gap:6px;max-height:min(60vh,560px);overflow-y:auto;padding-right:4px}
.rankings-linha{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;
  border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(0,0,0,.35)}
.rankings-linha.voce{border-color:#ffb84d;background:rgba(255,184,77,.13)}
.rankings-pos{color:#888;font-size:calc(12px * var(--text-scale,1))}
.rankings-linha.topo .rankings-pos{color:#ffd700}
.rankings-nome{display:grid;gap:2px;min-width:0}
.rankings-nome b{color:#f2f2f2;font-size:calc(12px * var(--text-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rankings-linha.voce .rankings-nome b{color:#ffb84d}
.rankings-nome em{font-style:normal;font-weight:400;color:#c9a15d}
.rankings-nome small{color:#9aa1b1;font-size:calc(10px * var(--text-scale,1))}
.rankings-valor{color:#ffb84d;font-weight:900;font-size:calc(12px * var(--text-scale,1));white-space:nowrap}
.rankings-rodape{margin:4px 0 0;color:#8f97aa;font-size:calc(10.5px * var(--text-scale,1));line-height:1.5}

.rankings-destaque{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.rankings-destaque>div{display:grid;gap:4px;padding:12px;border:1px solid #343947;border-radius:10px;background:#1b1f29}
.rankings-destaque small{color:#8f97aa;font-size:calc(10px * var(--text-scale,1));letter-spacing:1px;text-transform:uppercase}
.rankings-destaque strong{color:#f1e3bf;font-size:calc(16px * var(--text-scale,1))}

/* O "Progresso salvo" saiu do topo (pedido do autor). O mesmo lugar ainda
   AVISA quando o save falha ou a troca de personagem está travada: o jogo
   marca esses textos com .save-status-alerta, e só eles aparecem. */
.save-panel .save-status{display:none}
.save-panel .save-status.save-status-alerta{display:inline-flex}