/*
 * ERROU / DEFENDEU em DOM (#310). 🚨 z-index acima do palco E da placa de vida do
 * inimigo — o problema anterior era exatamente a mensagem ficar atrás dela.
 */

.msgc {
  position: absolute;
  inset: 0;
  z-index: 40;
  pointer-events: none;
  overflow: hidden;
}

.msgc__item {
  position: absolute;
  top: 42%;
  font-size: clamp(18px, 4.4vw, 30px);
  font-weight: 900;
  letter-spacing: 0.5px;
  white-space: nowrap;
  /* Contorno escuro: o palco é claro e colorido, e cor sozinha se perde nele. */
  text-shadow:
    0 2px 0 #08101f,
    0 0 10px rgba(0, 0, 0, 0.65),
    -1px -1px 0 #08101f,
    1px -1px 0 #08101f,
    -1px 1px 0 #08101f,
    1px 1px 0 #08101f;
  animation: msgc-sobe 1.6s ease-out forwards;
}

/* Cores que ele escolheu no #272: ERROU verde, DEFENDEU azul. */
.msgc__item[data-tipo='errou'] {
  color: #4ade80;
}
.msgc__item[data-tipo='defendeu'] {
  color: #4ea8ff;
}

/* Lado do bicho (direita) e lado do herói (esquerda). */
.msgc__item[data-lado='bicho'] {
  right: 12%;
}
.msgc__item[data-lado='heroi'] {
  left: 10%;
}

@keyframes msgc-sobe {
  0% {
    transform: translateY(14px) scale(0.85);
    opacity: 0;
  }
  18% {
    transform: translateY(0) scale(1.08);
    opacity: 1;
  }
  70% {
    transform: translateY(-26px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(-46px) scale(0.98);
    opacity: 0;
  }
}

/* 18/09 ~13h30, 4ª rodada — achado testando "tudo desligado" ao vivo: as
   mensagens ERROU/DEFENDEU vivem AQUI (DOM, ver comentário no topo do
   index.js — saíram do canvas de propósito no #310), não no canvas do
   CombatCanvas. `combate.danosLigados` já dizia esconder isso na `ajuda`
   do painel, mas nunca tinha ponte pra este módulo. Reaproveita a MESMA
   chave (mesmo conceito: "não mostrar dano"), não cria irmã nova. */
body[data-cenario-danos='off'] .msgc {
  display: none !important;
}