changed messaging

index.html

@@ -24,18 +24,26 @@
       <button id="helpClose" class="help-close">×</button>
       <h2>How This Simulation Works</h2>
       <p>
-        Welcome to the Neon Synthwave Snake Evolution Simulator! Your main goal is to help create
-        (and sometimes directly control) the environment so the snakes can grow as long as possible.
+        Welcome to Gummy Arena Simulator! Your main goal is to help the snakes grow as long as possible.
       </p>
       <p>
-        Each snake tries to eat food (and occasionally each other) to gain points, grow in length, and
-        eventually become the biggest snake. Behind the scenes, genetic algorithms evolve the snakes’
-        “brains” to adapt their behavior over time.
+        Each snake has its own "brain" that decides whether it should move left, right, or use "boost" (move faster but grow smaller).
       </p>
       <p>
-        There’s also a hidden twist: the size of your browser window subtly influences the snakes’
-        learning process. Try making the canvas larger or smaller to see how it affects the outcome!
+        The little white dots you see floating around the screen are "food". When a snake eats one, it grows a bit.
       </p>
+      <p>
+        If the head of one snake collides with the body of another, it dies and drops a glowing pink trail of all the food it had gathered.
+      </p>
+      <p>
+        Behind the scenes, genetic algorithms evolve the snakes’
+        “brains” to adapt their behavior over time. 
+      </p>
+      <p>
+        These algorithms determine which brains to "breed" based on how you have setup the reward points
+        under the "Reward" tab in the controls. This can vastly change how the intelligence evolves and how quickly.
+      </p>
+
       <p style="font-weight: bold;">
         Objective: Achieve the highest possible snake length!
       </p>

script.js

@@ -692,6 +692,9 @@ function hideLoadingOverlay() {
   document.getElementById('loadingOverlay').style.display = 'none';
 }
 
+function getRenderScale(){
+  return (window.innerWidth < 1000) ? 0.85 : 1.0;
+}
 /* ===========================
    CLASS DEFINITIONS
 =========================== */