From 2213a85ff8448a0372ec7c1aa39c3382aab626e0 Mon Sep 17 00:00:00 2001
From: Justin Oros <JustinOros@gmail.com>
Date: Thu, 14 May 2026 10:35:13 -0700
Subject: [PATCH] Fix path disappearing by moving map-ground outside scrolling
 world, reduce speed to 8px per tick

---
 game.js    | 2 +-
 index.html | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/game.js b/game.js
index 73b4aa5..83d7905 100644
--- a/game.js
+++ b/game.js
@@ -182,7 +182,7 @@ class Game {
     const viewW  = world.parentElement.offsetWidth  || 420;
     const viewH  = world.parentElement.offsetHeight || 300;
 
-    const SPEED = 12; /* px per tick */
+    const SPEED = 8; /* px per tick */
     let dx = 0, dy = 0, dir = '';
 
     if (this._heldKeys.has('right')) { dx =  SPEED; dir = 'right'; }
diff --git a/index.html b/index.html
index d2aaccb..e6f5d43 100644
--- a/index.html
+++ b/index.html
@@ -107,13 +107,14 @@
           <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-ground"></div>
         <!-- NPC with ! bubble — position driven by JS in world-px -->
         <div class="map-npc-wrap" id="map-npc-wrap">
           <div class="npc-bubble" id="npc-bubble">!</div>
           <div class="map-npc" id="map-npc"></div>
         </div>
       </div>
+      <!-- Path stays fixed to the viewport — does not scroll -->
+      <div class="map-ground"></div>
       <!-- Player stays fixed to viewport, only Y moves -->
       <div class="map-player" id="map-player">🧢</div>
       <!-- Hints overlay the viewport, not the world -->