effekte

apps/web/src/app/features/combat/combat-page/combat-page.component.html

@@ -1,6 +1,6 @@
 <section class="combat" aria-label="Kampf">
   @if (combat(); as combat) {
-    <div class="combat__stage">
+    <div class="combat__stage" [class.combat__stage--shaken]="phase() === 'hit'">
       <header class="combat__status">
         <div class="fighter fighter--player">
           <img class="fighter__icon" [src]="playerIcon" alt="" />
@@ -58,6 +58,8 @@
         ></div>
         <img
           class="sprite sprite--monster"
+          [class.sprite--flinch]="monsterPhase() === 'flinch'"
+          [class.sprite--lunge]="monsterPhase() === 'lunge'"
           [style.--sprite-scale]="monsterSpriteScale(combat.monster.key)"
           [src]="monsterSprite(combat.monster.key, combat.monster.artworkPath)"
           [alt]="combat.monster.name"