/* =====================================================================
   SCOUNDREL — effects.css
   FX-Schicht: aufsteigende Zahlen · Treffer-/Heil-Blitz
   ===================================================================== */

#fx{ position:fixed; inset:0; pointer-events:none; z-index:50; overflow:hidden; }
.float{
  position:absolute; font-family:var(--display); font-weight:900; font-size:34px;
  text-shadow:0 2px 6px rgba(0,0,0,.8); animation:floatUp 1.05s ease-out forwards;
  transform:translate(-50%,-50%);
}
.float.dmg  { color:var(--blood-hi); }
.float.heal { color:var(--herb-hi); }
.float.steel{ color:var(--steel-hi); }
.float.muted{ color:var(--float-muted); font-size:24px; }
@keyframes floatUp{
  0%{   opacity:0; transform:translate(-50%,-30%) scale(.6); }
  18%{  opacity:1; transform:translate(-50%,-60%) scale(1.1); }
  100%{ opacity:0; transform:translate(-50%,-150%) scale(1); }
}

#flash{ position:fixed; inset:0; pointer-events:none; z-index:49; opacity:0; }
#flash.dmg { background:radial-gradient(circle at 50% 50%, transparent 30%, rgba(168,48,32,.55) 100%); animation:flash .5s ease; }
#flash.heal{ background:radial-gradient(circle at 50% 50%, transparent 35%, rgba(91,140,74,.45) 100%); animation:flash .6s ease; }
@keyframes flash{ 0%{opacity:0} 25%{opacity:1} 100%{opacity:0} }