/* v4.6.10 — character-specific Fire and Special button presentation. */
:root{
  --character-fire-color:#00ff9d;
  --character-fire-accent:#ffffff;
  --character-special-color:#65eaff;
  --character-special-accent:#ffffff;
}
.ctrl-fire{
  border-color:var(--character-fire-color);
  box-shadow:0 0 12px var(--character-fire-color);
  background:linear-gradient(180deg,rgba(18,24,28,.96),rgba(4,7,10,.94));
}
.ctrl-special{
  border-color:var(--character-special-color);
  box-shadow:0 0 12px var(--character-special-color);
  background:linear-gradient(180deg,rgba(18,24,28,.96),rgba(4,7,10,.94));
}
.ctrl-fire .ctrl-label{color:var(--character-fire-accent);text-shadow:0 0 8px var(--character-fire-color);}
.ctrl-special .ctrl-label{color:var(--character-special-accent);text-shadow:0 0 8px var(--character-special-color);}
.ctrl-fire.character-fire-active{animation:dod-character-fire-hit .38s ease-out;}
.ctrl-special.character-special-active{animation:dod-character-special-hit .72s ease-out;}
.character-fire-copy{display:block;color:var(--character-fire-color,#00ff9d);font-style:normal;font-size:.58rem;line-height:1.45;margin-top:5px;}
@keyframes dod-character-fire-hit{
  0%{transform:scale(1);filter:brightness(1)}
  42%{transform:scale(1.12);filter:brightness(1.7);box-shadow:0 0 28px var(--character-fire-color)}
  100%{transform:scale(1);filter:brightness(1)}
}
@keyframes dod-character-special-hit{
  0%{transform:scale(1);filter:brightness(1)}
  35%{transform:scale(1.15) rotate(-2deg);filter:brightness(1.8);box-shadow:0 0 34px var(--character-special-color)}
  70%{transform:scale(1.05) rotate(2deg)}
  100%{transform:scale(1);filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){.ctrl-fire.character-fire-active,.ctrl-special.character-special-active{animation:none;}}