Fix trees disappearing — extend world to 100x screen width, generate 200 trees across full journey

game.js

@@ -546,33 +546,33 @@ class Game {
   /* Generate randomly placed trees across the full scrollable world */
   _generateTrees() {
     const container = document.getElementById('map-trees');
-    if (!container || container.childElementCount > 0) return; /* only once */
+    if (!container || container.childElementCount > 0) return;
 
     const world  = document.getElementById('map-inner');
-    const worldW = world ? world.offsetWidth : 1680;
+    const viewW  = world ? world.parentElement.offsetWidth  : 420;
     const viewH  = world ? world.parentElement.offsetHeight : 300;
 
-    /* Trees live in the top 52% of the world (above the path) */
+    const worldW = viewW * 100;
-    const treeTopMax    = viewH * 0.52;
+    if (world) world.style.width = worldW + 'px';
+
+    /* Trees live above the path (top ~52% of the map area) */
+    const treeTopMax    = viewH * 0.50;
     const treeBottomMin = viewH * 0.04;
-    const TYPES = ['🌳','🌳','🌳','🌳','🌳'];
+    const TYPES = ['🌳'];
-    const COUNT = 35;
+    const COUNT = 200;  /* enough trees to fill a very long journey */
 
-    /* Use a seeded-ish spread: divide world into zones and place 1-2 trees per zone */
     const zoneW = worldW / COUNT;
     for (let i = 0; i < COUNT; i++) {
       const span = document.createElement('span');
       span.className = 'tree';
-      const emoji = TYPES[Math.floor(Math.random() * TYPES.length)];
+      const size  = 28 + Math.random() * 16;
-      const size  = 24 + Math.random() * 18; /* 24–42px */
+      const x     = i * zoneW + Math.random() * zoneW * 0.8;
-      const x     = i * zoneW + Math.random() * zoneW * 0.85;
       const y     = treeBottomMin + Math.random() * (treeTopMax - treeBottomMin - size);
-      const delay = (Math.random() * 3).toFixed(2);
+      span.textContent              = TYPES[0];
-      span.textContent     = emoji;
       span.style.fontSize           = size + 'px';
       span.style.left               = x + 'px';
       span.style.top                = y + 'px';
-      span.style.animationDelay    = delay + 's';
+      span.style.animationDelay     = (Math.random() * 3).toFixed(2) + 's';
       span.style.animationDuration  = (2.5 + Math.random() * 2).toFixed(1) + 's';
       container.appendChild(span);
     }