updated UI text

Author: eliasdorneles

app.js

@@ -277,7 +277,7 @@ function App() {
     board.innerHTML += `
       <div class='pattern-canvas'></div>
       <div class='audio-controls'>
-        <button class='play-btn'>Listen now</button>
+        <button class='play-btn'>Play Loop</button>
         <div class='volume-control'>
           <span class='volume-icon'>🔊</span>
           <input type='range' class='volume-slider' min='0' max='100' value='${game.getVolume() * 100}'>
@@ -327,7 +327,7 @@ function App() {
     // Reset UI
     patternGrid.updatePlayingCursor(-1);
     const playButton = board.querySelector(".play-btn");
-    playButton.textContent = "Listen now";
+    playButton.textContent = "Play Loop";
     playButton.blur();
   };
 

index.html

@@ -21,9 +21,8 @@ <h2>Woo-hoo, you finished the game, congrats!</h2>
       </div>
 
       <p>
-        <strong>How to play:</strong> Listen to the drum loop attentively, then
-        click on the boxes until their pattern matches the loop sequence. For
-        best results, plug-in your headphones.
+        <strong>Goal:</strong> Listen to the loop and recreate the rhythm by clicking the sequence boxes.
+        <strong>Tip:</strong> Every active step must match perfectly to clear the level. Use headphones for the best experience.
       </p>
     </section>