Generate 60 randomly placed trees across full scrollable world, varying size and sway speed

index.html

@@ -102,11 +102,7 @@
     </div>
     <div class="overworld-bg map-world" id="map-world">
       <div class="map-inner" id="map-inner">
-        <div class="map-trees">
-          <span class="tree">🌲</span><span class="tree">🌳</span>
-          <span class="tree">🌲</span><span class="tree">🌳</span><span class="tree">🌲</span>
-          <span class="tree">🌳</span><span class="tree">🌲</span><span class="tree">🌳</span>
-        </div>
+        <div class="map-trees" id="map-trees"></div>
       </div>
       <!-- Path stays fixed to the viewport — does not scroll -->
       <div class="map-ground"></div>