/* ==========================================================================
   ECLIPSE · pagina de RANKING (subtopic=highscores)
   Cobre o que o nucleo nao pega: os botoes de categoria (.bm-rank-tabs) e o
   podio (.bm-rank-podium-*), que tinham fundo creme/branco/pessego fixo.
   O podio continua com ouro / prata / bronze distinguiveis — so que como
   BORDA e BRILHO sobre card escuro, nao como fundo claro.
   Contraste medido: nome #E6E9F0 14,2 · valor ouro #D4AE7E 7,6 (sobre #2A2217) ·
   valor prata #CBC2C5 9,0 · valor bronze #D9A07A 7,5 · guild #45A4CD 6,1 · aba ativa 9,4.
   ========================================================================== */
@layer eclipse {

/* ---------- botoes de categoria ---------- */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-tabs a{
  background:linear-gradient(180deg, rgba(28,34,47,.95), rgba(14,17,24,.95)) !important;
  border:1px solid var(--ec-line) !important;
  color:var(--ec-silver-2) !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-tabs a:hover{
  border-color:var(--ec-chrome) !important;
  color:var(--ec-silver) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-tabs a.active,
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-tabs a[aria-current]{
  background:linear-gradient(180deg, #EDECEB, #B8B3AF) !important;
  border-color:rgba(237,236,235,.6) !important;
  color:#0B0D12 !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-tabs a.active *{ color:#0B0D12 !important; }
html[data-tema="eclipse"] body.bm-page-highscores :is(.bm-rank-tools, .bm-rank-vocations){
  background:transparent !important;
  border-color:var(--ec-line-soft) !important;
}

/* ---------- podio: moldura e cards ---------- */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-card{
  background:linear-gradient(180deg, rgba(16,19,27,.9), rgba(9,11,16,.9)) !important;
  border:1px solid var(--ec-line-soft) !important;
  box-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-slot{
  background:linear-gradient(170deg, #1C2230 0%, #10131B 100%) !important;
  border:1px solid var(--ec-line) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-name,
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-name a{
  color:var(--ec-silver) !important;
  font-family:var(--ec-serif) !important;
  text-shadow:none !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-value{ color:var(--ec-silver-2) !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-value small{ color:var(--ec-muted) !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-guild{
  background:rgba(69,164,205,.10) !important;
  border-color:rgba(69,164,205,.28) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-guild a{ color:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-guild span{ color:var(--ec-muted) !important; }

/* 1º lugar — ouro */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-1{
  background:linear-gradient(170deg, #2A2217 0%, #13110D 100%) !important;
  border-color:rgba(212,174,126,.7) !important;
  box-shadow:0 0 34px rgba(193,150,100,.22), 0 14px 32px rgba(0,0,0,.5) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-1 .bm-rank-podium-medal{
  background:linear-gradient(160deg, #F3DDB0, #C19664) !important;
  box-shadow:0 8px 20px rgba(193,150,100,.45) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-1 .bm-rank-podium-name,
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-1 .bm-rank-podium-name a{ color:#FFF3DE !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-1 .bm-rank-podium-value{ color:var(--ec-eternal-txt) !important; }

/* 2º lugar — prata */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-2{
  background:linear-gradient(170deg, #1E232E 0%, #10131B 100%) !important;
  border-color:rgba(203,194,197,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-2 .bm-rank-podium-medal{
  background:linear-gradient(160deg, #F3F5F8, #A9B2C0) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-2 .bm-rank-podium-value{ color:var(--ec-chrome) !important; }

/* 3º lugar — bronze */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-3{
  background:linear-gradient(170deg, #241B15 0%, #10131B 100%) !important;
  border-color:rgba(217,160,122,.55) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-3 .bm-rank-podium-medal{
  background:linear-gradient(160deg, #FFDCB0, #B97A3E) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-podium-3 .bm-rank-podium-value{ color:#D9A07A !important; }

/* ---------- tabela: linha do 1º colocado e mini-medalhas ---------- */
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-table tbody tr.bm-rank-top-one td{
  background:rgba(193,150,100,.08) !important;
  border-color:rgba(193,150,100,.22) !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-table tbody tr.bm-rank-top-one td:nth-child(2) a{
  color:#FFF3DE !important;
}
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-table td a{ color:var(--ec-crystal) !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-table td a:hover{ color:var(--ec-crystal-hi) !important; }
html[data-tema="eclipse"] body.bm-page-highscores .bm-rank-table-card{
  background:transparent !important;
  border-color:var(--ec-line-soft) !important;
}

}