HP anim

src/lib/components/Pages/Battle.svelte

@@ -186,8 +186,12 @@
     if (message.includes('took') && message.includes('damage')) {
       if (message.includes(playerName)) {
         triggerDamageFlash('player');
+        // Update HP bar immediately for damage animation sync
+        updateUIFromBattleState();
       } else if (message.includes(enemyName)) {
         triggerDamageFlash('enemy');
+        // Update HP bar immediately for damage animation sync
+        updateUIFromBattleState();
       }
     }
     
@@ -241,6 +245,8 @@
     if (message.includes('recovered') && message.includes('HP')) {
       const target = message.includes(playerName) ? 'player' : 'enemy';
       triggerEffect(target, 'heal', '💚', 1000);
+      // Update HP bar immediately for healing animation sync
+      updateUIFromBattleState();
     }
     
     // Miss effects