/* ==========================================================================
   O CHEFE VIVO NO DUELO (opção A do autor, 05/10) — src/combat/chefe-vivo.js
   O aviso da skill do chefe (barra com o nome + anel no chão do herói) e o herói
   mais perto do chefe. Só nas lutas contra chefe ([data-chefe-vivo]); o duelo do
   Coliseu, o Gens e a GvG não mudam.
   ========================================================================== */

/* A barra: nome da skill em cima, trilho que enche embaixo. Fica acima dos lutadores e
   dos números de dano (z 7-8), abaixo dos botões 1x/2x/PULAR (z 20). */
.chefe-aviso{position:absolute;inset:0;pointer-events:none;z-index:9}
.chefe-aviso-barra{position:absolute;display:grid;gap:4px;justify-items:center;text-align:center;padding:4px 10px 5px;border-radius:8px;width:max-content;
  background:linear-gradient(rgba(10,6,8,.62),rgba(10,6,8,.38));box-sizing:border-box}
.chefe-aviso-nome{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:800 calc(13px * var(--text-scale,1))/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:#ffe2a0;
  text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9)}
.chefe-aviso-trilho{width:100%;height:7px;border-radius:4px;overflow:hidden;
  background:rgba(8,6,10,.78);border:1px solid rgba(255,214,120,.6);box-shadow:0 1px 4px rgba(0,0,0,.6)}
.chefe-aviso-enche{width:0;height:100%;background:linear-gradient(90deg,#ff8a3c,#ffd76a)}
/* O anel: sombra vermelha no chão, EMBAIXO do herói (mora no .pvp-chao, antes dos lutadores). Sem contorno:
   o aro dourado em cima das pernas parecia uma aura bugada (autor, 10/10). Respira devagar (sem piscar). */
@keyframes chefeAvisoAnel{0%,100%{opacity:.7;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
.chefe-aviso-anel{position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,70,40,.55),rgba(255,70,40,.22) 60%,transparent);
  animation:chefeAvisoAnel .9s ease-in-out infinite;z-index:0}
@media (prefers-reduced-motion:reduce){.chefe-aviso-anel{animation:none}}

/* O HERÓI MAIS PERTO DO CHEFE. Antes os dois ficavam em 1/4 e 3/4 do palco (space-around):
   no PC de 1366 eram ~630 px entre os dois, e o golpe "corpo a corpo" acontecia do outro
   lado da arena. Agora o par fica no meio, a uma distância fixa (o chefe tem tamanho fixo,
   então a distância também é fixa e não cresce com a tela). No celular (lutadores a 62%/55%)
   o espaço-em-volta já deixa os dois juntos e continua como estava. */
@media (min-width:901px){
  :is(#bloodCastleVisualizer,#guildBossVisualizer,#provaClasseVisualizer) [data-chefe-vivo] .pvp-chao{justify-content:center!important;gap:var(--chefe-distancia,290px)}
}
@media (min-width:641px) and (max-width:900px){
  :is(#bloodCastleVisualizer,#guildBossVisualizer,#provaClasseVisualizer) [data-chefe-vivo] .pvp-chao{justify-content:center!important;gap:var(--chefe-distancia,170px)}
}
@media (max-width:640px){
  /* O nível do chefe (Lv.999) é enfeite; no celular ele empurrava o nome para 3 ou 4 linhas
     ("Zeratul, / o / Arcanjo / Absoluto"). Sem ele, o nome cabe em até duas. */
  [data-chefe-vivo] h4 > small:first-child{display:none}
  .chefe-aviso-nome{font-size:calc(10.5px * var(--text-scale,1));letter-spacing:.04em}
  .chefe-aviso-trilho{height:6px}
}