better trainer intro

src/lib/components/Battle/BattleField.svelte

@@ -32,7 +32,6 @@
   // Animation states
   let playerVisible = false;
   let enemyVisible = false;
-  let trainerVisible = true;
   
   // Trainer animation states
   let playerTrainerSliding = false;
@@ -43,15 +42,14 @@
   
   onMount(() => {
     if (showIntro) {
-      // Intro animation sequence - show trainers first
+      // Intro animation sequence - show battle participants directly
       setTimeout(() => {
-        trainerVisible = false;
         if (!isWildBattle) {
           enemyTrainerVisible = true;
         } else {
           enemyVisible = true;
         }
-      }, 500);
+      }, 100);
       
       setTimeout(() => {
         if (!isWildBattle) {
@@ -59,12 +57,11 @@
         } else {
           playerTrainerVisible = true; // Show player trainer even in wild battles
         }
-      }, 1000);
+      }, 200);
     } else {
       // Skip intro
       playerVisible = true;
       enemyVisible = true;
-      trainerVisible = false;
     }
   });
   
@@ -102,12 +99,6 @@
     <div class="white-flash" transition:fade={{ duration: 300 }}></div>
   {/if}
   
-  <!-- Trainer intro image -->
-  {#if showIntro && trainerVisible}
-    <div class="trainer-intro" transition:fade={{ duration: 300 }}>
-      <img src="/assets/default_trainer.png" alt="Trainer" />
-    </div>
-  {/if}
   
   <!-- Player Trainer -->
   {#if playerTrainerVisible}
@@ -255,19 +246,6 @@
     z-index: 50;
   }
   
-  .trainer-intro {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    z-index: 10;
-  }
-  
-  .trainer-intro img {
-    width: 200px;
-    height: auto;
-    animation: trainerPulse 0.5s ease-in-out;
-  }
   
   .player-trainer {
     position: absolute;
@@ -304,17 +282,6 @@
     transform: translateX(200px);
   }
   
-  @keyframes trainerPulse {
-    0% {
-      transform: scale(1);
-    }
-    50% {
-      transform: scale(1.05);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
   
   .battle-content {
     display: flex;