add even more grass

game.js

@@ -1391,7 +1391,7 @@ class Game {
       container.appendChild(span);
     }
     const grassEmojis = ['🌾'];
-    for (let i = 0; i < 600; i++) {
+    for (let i = 0; i < 2400; i++) {
       let x, y, tries = 0, tooClose;
       do {
         x = cx + (Math.random() - 0.5) * spread * 1.8;
@@ -1402,7 +1402,7 @@ class Game {
       if (tooClose) continue;
       const span = document.createElement('span');
       span.className = 'tall-grass';
-      const size = 8 + Math.random() * 6;
+      const size = 5 + Math.random() * 4;
       span.textContent             = grassEmojis[Math.floor(Math.random() * grassEmojis.length)];
       span.style.fontSize          = size + 'px';
       span.style.left              = x + 'px';

index.html

@@ -178,20 +178,24 @@
   <div id="screen-battle" class="screen">
     <div class="battle-scene">
       <div class="battle-npc-side">
-        <div class="battle-npc-pokemon-name" id="battle-npc-pokemon-name"></div>
-        <div class="battle-npc-pokemon-level" id="battle-npc-pokemon-level"></div>
         <div class="battle-npc-row">
-          <div class="battle-sprite" id="battle-npc-pokemon">🐉</div>
+          <div class="battle-pokemon-float">
+            <div class="battle-npc-pokemon-name" id="battle-npc-pokemon-name"></div>
+            <div class="battle-npc-pokemon-level" id="battle-npc-pokemon-level"></div>
+            <div class="battle-sprite" id="battle-npc-pokemon">🐉</div>
+          </div>
           <div class="battle-npc-trainer" id="battle-npc-trainer"></div>
         </div>
         <div class="battle-name-tag" id="battle-npc-name">OAK</div>
       </div>
       <div class="battle-player-side">
-        <div class="battle-player-pokemon-name" id="battle-player-pokemon-name"></div>
-        <div class="battle-player-pokemon-level" id="battle-player-pokemon-level"></div>
         <div class="battle-player-row">
           <div class="battle-player-trainer" id="battle-player-trainer"></div>
-          <div class="battle-sprite" id="battle-player-pokemon">🔥</div>
+          <div class="battle-pokemon-float">
+            <div class="battle-player-pokemon-name" id="battle-player-pokemon-name"></div>
+            <div class="battle-player-pokemon-level" id="battle-player-pokemon-level"></div>
+            <div class="battle-sprite" id="battle-player-pokemon">🔥</div>
+          </div>
         </div>
         <div class="battle-name-tag" id="battle-player-name">ASH</div>
       </div>

style.css

@@ -1229,3 +1229,11 @@ html, body {
   line-height: 1;
   z-index: 15;
 }
+
+/* ─── BATTLE POKEMON FLOAT (name+level above sprite) ───── */
+.battle-pokemon-float {
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  gap:1px;
+}