/* =============================================================================
   ranking.css — página /ranking com as abas mensais (DOM2 "ranking", 18/10/2026)
   Usa as cores do site.css (:root). As abas reaproveitam .wk-abas/.wk-aba da wiki.
   ============================================================================= */

/* ---- topo: mês + contagem regressiva ---- */
.rk-topo { display: flex; justify-content: space-between; align-items: center; gap: 18px; flex-wrap: wrap; }
.rk-topo .sobre { margin: 0 0 2px; }
.rk-mes { margin: 0; font: 800 1.6rem Cinzel, serif; color: var(--texto); }
.rk-resumo { margin: 4px 0 0; }
.rk-relogio { display: grid; text-align: right; gap: 2px; padding: 10px 16px; border-radius: 12px;
  background: linear-gradient(135deg, #ff8a3d1f, #e8577a14); border: 1px solid #ff8a3d55; }
.rk-relogio-rot { font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--mudo); font-weight: 600; }
.rk-relogio-val { font: 800 1.5rem Cinzel, serif; color: var(--aurora-2); font-variant-numeric: tabular-nums; }

/* ---- grade: tabela à esquerda, lateral à direita ---- */
.rk-grade { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 18px; align-items: start; }
.rk-lado h2 { margin-top: 0; font-size: 1.1rem; }
.rk-num { text-align: right; }
.rk-pos { width: 48px; }

/* 1º/2º/3º: medalha redonda ouro/prata/bronze e linha levemente acesa */
.rk-medalha { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%;
  font-weight: 800; font-size: .85rem; color: #1a1306; }
.rk-m1 { background: radial-gradient(circle at 35% 30%, #fff3b0, #e0a826 70%); }
.rk-m2 { background: radial-gradient(circle at 35% 30%, #ffffff, #a9b2c0 70%); }
.rk-m3 { background: radial-gradient(circle at 35% 30%, #ffd2a8, #b8652e 70%); }
.tabela tr.rk-p1 td { background: #e0a82612; }
.tabela tr.rk-p2 td { background: #a9b2c00d; }
.tabela tr.rk-p3 td { background: #b8652e0d; }
.tabela tr.rk-eu td { background: #ff8a3d26; }

/* ---- busca por nome e páginas ---- */
.rk-busca { display: flex; gap: 8px; margin-bottom: 10px; }
.rk-busca input { flex: 1; min-width: 0; font: .95rem Inter, sans-serif; color: var(--texto); background: #0b1029;
  border: 1px solid var(--cartao-borda); border-radius: 9px; padding: 8px 10px; }
.rk-achou { margin: 0 0 10px; }
.rk-paginas { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 14px; flex-wrap: wrap; }

/* ---- prêmios / vencedores ---- */
.rk-premios { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 10px; }
.rk-premios li { display: flex; align-items: center; gap: 10px; }
.rk-premio { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.rk-cash { color: var(--ok); font-weight: 600; }
.rk-regras ul { margin: 0; padding-left: 18px; display: grid; gap: 6px; color: var(--mudo); font-size: .92rem; }
.rk-regras strong { color: var(--texto); }

/* ---- celular: uma coluna ---- */
@media (max-width: 900px) {
  .rk-grade { grid-template-columns: 1fr; }
  .rk-relogio { text-align: left; }
}

/* ---- rktitulo (18/10/2026): título do 1º lugar com as cores do jogo (exe 1.5.7.0) ---- */
.rk-titulo { margin: 4px 0 8px; text-align: center; font: 700 1.15rem Inter, sans-serif; letter-spacing: .02em;
  padding: 10px; border-radius: 12px; background: radial-gradient(ellipse at center, #ffffff10, transparent 70%);
  text-shadow: 0 0 1px #000, 0 0 12px currentColor; }
.rk-tit-metin { color: #78cdff; }
.rk-tit-chefe { color: #ff5f55; }
.rk-tit-mob { color: #8ceb5f; }