/* Batalha cinematográfica: combo, flash, vignette e números de dano. */
#nrmt-battle-combo{
  position:fixed;z-index:98050;left:50%;bottom:118px;transform:translateX(-50%) scale(.92);
  display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 18px 10px;
  pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s cubic-bezier(.2,.85,.25,1.2);
  background:linear-gradient(180deg,#1a140dd9,#0a0c0ed4);
  border:1px solid #7a5728;box-shadow:0 0 0 1px #0008,0 10px 28px #000a,0 0 24px #ff9a2033;
  font-family:Cinzel,Georgia,serif;letter-spacing:.12em;color:#f0d59a
}
#nrmt-battle-combo:not([hidden]){opacity:1;transform:translateX(-50%) scale(1)}
#nrmt-battle-combo small{font:700 8px Rajdhani,Segoe UI,Arial,sans-serif;color:#c89a45;letter-spacing:.28em}
#nrmt-battle-combo b{font:900 clamp(28px,4vw,42px) Cinzel,Georgia,serif;line-height:1;color:#ffe29a;
  text-shadow:0 0 18px #ffb03a88,0 2px 0 #000}
#nrmt-battle-combo span{font:700 9px Rajdhani,Segoe UI,Arial,sans-serif;color:#d7b36a;letter-spacing:.22em}
#nrmt-battle-combo.is-punch{animation:nrmtComboPunch .28s ease}
#nrmt-battle-combo.is-hot{border-color:#c46a28;box-shadow:0 0 0 1px #0008,0 10px 28px #000a,0 0 30px #ff6a203a}
#nrmt-battle-combo.is-blaze{border-color:#e24d2d;color:#ffd0a8}
#nrmt-battle-combo.is-blaze b{color:#ffb070;text-shadow:0 0 22px #ff5a2a99,0 2px 0 #000}
#nrmt-battle-combo.is-legend{border-color:#ffd34f;background:linear-gradient(180deg,#3a2a12e8,#120e09e6)}
#nrmt-battle-combo.is-legend b{color:#fff3c0;text-shadow:0 0 28px #ffd34fcc,0 2px 0 #000}
@keyframes nrmtComboPunch{0%{transform:translateX(-50%) scale(.86)}55%{transform:translateX(-50%) scale(1.08)}100%{transform:translateX(-50%) scale(1)}}

.nrmt-battle-flash{
  position:fixed;inset:0;z-index:98040;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 50% 45%,rgba(255,220,150,var(--flash,.25)),transparent 58%)
}
.nrmt-battle-flash.is-on{animation:nrmtBattleFlash .16s ease-out}
.nrmt-battle-flash.is-crit{background:radial-gradient(circle at 50% 42%,rgba(255,210,80,var(--flash,.35)),transparent 60%)}
.nrmt-battle-flash.is-kill{background:radial-gradient(circle at 50% 40%,rgba(255,150,40,var(--flash,.42)),rgba(255,60,20,.12) 42%,transparent 68%)}
@keyframes nrmtBattleFlash{0%{opacity:1}100%{opacity:0}}

.nrmt-battle-vignette{
  position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;
  background:radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.28) 100%);
  transition:opacity .35s ease
}
body.nrmt-in-combat .nrmt-battle-vignette{opacity:.55}
.nrmt-battle-vignette.is-pulse{animation:nrmtVignettePulse .42s ease}
@keyframes nrmtVignettePulse{0%{opacity:.9}100%{opacity:.55}}

/* Números de dano mais nítidos e com peso */
#nrmt-combat-layer .nrmt-damage-number{
  font-family:Cinzel,Rajdhani,Georgia,serif!important;
  filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 8px currentColor)
}
#nrmt-combat-layer .nrmt-damage-number.physical{font-size:24px;color:#ff5b52}
#nrmt-combat-layer .nrmt-damage-number.critical{
  font-size:34px;color:#ffd34f;
  text-shadow:0 0 18px #ffb000,0 2px 0 #000
}
#nrmt-combat-layer .nrmt-damage-number.chakra{font-size:22px;color:#4ec8ff}

/* Canvas Phaser ganha sensação de impacto sem filtro pesado */
body.nrmt-in-combat canvas{
  image-rendering:pixelated;
  transition:filter .2s ease
}
body.nrmt-in-combat.nrmt-battle-hq canvas{filter:contrast(1.04) saturate(1.06)}
body.nrmt-team-impact #root,body.nrmt-in-combat.nrmt-battle-lq .nrmt-battle-flash{animation-duration:.12s!important}

/* Adaptive: corta FX DOM em low quality */
body.nrmt-low-fx .nrmt-battle-flash,
body.nrmt-low-fx .nrmt-battle-vignette,
body.nrmt-battle-lq .nrmt-battle-vignette,
body.nrmt-page-hidden .nrmt-battle-flash,
body.nrmt-page-hidden #nrmt-battle-combo{display:none!important}
body.nrmt-low-fx #nrmt-battle-combo{opacity:.7}

@media (prefers-reduced-motion:reduce){
  #nrmt-battle-combo,.nrmt-battle-flash,.nrmt-battle-vignette{animation:none!important;transition:none!important}
  body.nrmt-in-combat canvas{filter:none!important}
}
@media (max-width:900px){
  #nrmt-battle-combo{bottom:96px;padding:6px 14px 8px}
  #nrmt-battle-combo b{font-size:28px}
}