From 58ff9cd2f7a0e62c4fdcc060ac3f2a15db3dc59b Mon Sep 17 00:00:00 2001
From: Sterling Archer <SterlingArcher2026@icloud.com>
Date: Wed, 27 May 2026 10:46:33 -0700
Subject: [PATCH] add even more grass

---
 game.js    |  4 ++--
 index.html | 16 ++++++++++------
 style.css  |  8 ++++++++
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/game.js b/game.js
index 34a9295..8adf8c8 100644
--- a/game.js
+++ b/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';
diff --git a/index.html b/index.html
index 8b66907..c140eb4 100644
--- a/index.html
+++ b/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>
diff --git a/style.css b/style.css
index 146dad2..d146591 100644
--- a/style.css
+++ b/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;
+}