laatste versie

public/index.html

@@ -20,7 +20,7 @@
       <div id="colors" class="colors"></div>
       <button id="joinBtn" class="btn">Aanmelden ▶</button>
       <p id="joinMsg" class="msg"></p>
-      <p class="hint">🕹️ Hou links of rechts van het scherm vast om te sturen, ontwijk pylonen &amp; olie, pak power-ups en word de snelste!</p>
+      <p class="hint">🕹️ Zet je vinger op de baan — de auto rijdt meteen naar die plek en blijft er staan. Ontwijk pylonen &amp; olie, pak power-ups en word de snelste!</p>
     </div>
   </section>
 
@@ -43,10 +43,16 @@
     </div>
     <div id="minimapWrap"><canvas id="minimap"></canvas></div>
     <div id="toasts"></div>
+    <div id="spectate" class="hidden">
+      <div class="spectate-head">🏆 KOPLOPERS</div>
+      <div id="kopCount" class="spectate-count"></div>
+      <ol id="kopList"></ol>
+      <div id="kopFollow" class="spectate-follow"></div>
+    </div>
     <div id="controls">
-      <div class="ctrl"><span class="arrow">◀</span> stuur</div>
+      <div class="ctrl"><span class="arrow">◀</span> volgen</div>
       <div class="tipzoom" id="tipZoom">🌐</div>
-      <div class="ctrl">stuur <span class="arrow">▶</span></div>
+      <div class="ctrl">volgen <span class="arrow">▶</span></div>
     </div>
   </section>