fix: move all game init inside DOMContentLoaded to fix local mode

External scripts load after inline code; LudoConstants was referenced
before its script tag was parsed in local mode.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

pages/ludo-game.php

@@ -29,7 +29,7 @@ $extraJs = ['/public/js/ludo-constants.js', '/public/js/ludo-ui.js', '/public/js
 </div>
 
 <script>
-(function() {
+document.addEventListener('DOMContentLoaded', function() {
   var params = new URLSearchParams(window.location.search);
   var mode = params.get('mode') || 'local';
   var playerCount = parseInt(params.get('players') || '4', 10);
@@ -56,52 +56,49 @@ $extraJs = ['/public/js/ludo-constants.js', '/public/js/ludo-ui.js', '/public/js
     activePlayers = allPlayers.slice(0, playerCount);
     bots = {};
     playerNames = {};
-    activePlayers.forEach(function(p, idx) {
+    activePlayers.forEach(function(p) {
       playerNames[p] = LudoConstants.PLAYER_LABELS[p];
     });
   }
 
-  document.addEventListener('DOMContentLoaded', function() {
-    LudoUI.renderBoard('#ludo-board');
+  LudoUI.renderBoard('#ludo-board');
 
-    var isMobile = window.innerWidth < 768;
-    var diceContainer = isMobile ? '#ludo-dice-container-mobile' : '#ludo-dice-container';
-    var turnEl = isMobile ? document.getElementById('ludo-turn-mobile') : document.getElementById('ludo-turn');
+  var isMobile = window.innerWidth < 768;
+  var diceContainer = isMobile ? '#ludo-dice-container-mobile' : '#ludo-dice-container';
+  var turnEl = isMobile ? document.getElementById('ludo-turn-mobile') : document.getElementById('ludo-turn');
 
-    LudoUI.renderDice(diceContainer);
-    LudoUI.setTurnElement(turnEl);
-    LudoUI.setLogElement(document.getElementById('ludo-log'));
-    LudoUI.renderPlayerCards(
-      document.getElementById('ludo-top-players'),
-      document.getElementById('ludo-bottom-players'),
-      activePlayers,
-      playerNames
-    );
+  LudoUI.renderDice(diceContainer);
+  LudoUI.setTurnElement(turnEl);
+  LudoUI.setLogElement(document.getElementById('ludo-log'));
+  LudoUI.renderPlayerCards(
+    document.getElementById('ludo-top-players'),
+    document.getElementById('ludo-bottom-players'),
+    activePlayers,
+    playerNames
+  );
 
-    LudoGame.init({
-      players: activePlayers,
-      mode: mode,
-      bots: bots,
-      difficulty: difficulty,
-      playerNames: playerNames,
-      onGameEnd: function(winners) {
-        var playAgainBtn = document.getElementById('ludo-play-again');
-        if (playAgainBtn) {
-          playAgainBtn.addEventListener('click', function() {
-            LudoGame.restart({
-              players: activePlayers,
-              mode: mode,
-              bots: bots,
-              difficulty: difficulty,
-              playerNames: playerNames,
-              onGameEnd: arguments.callee
-            });
+  LudoGame.init({
+    players: activePlayers,
+    mode: mode,
+    bots: bots,
+    difficulty: difficulty,
+    playerNames: playerNames,
+    onGameEnd: function(winners) {
+      var playAgainBtn = document.getElementById('ludo-play-again');
+      if (playAgainBtn) {
+        playAgainBtn.addEventListener('click', function() {
+          LudoGame.restart({
+            players: activePlayers,
+            mode: mode,
+            bots: bots,
+            difficulty: difficulty,
+            playerNames: playerNames
           });
-        }
+        });
       }
-    });
+    }
   });
-})();
+});
 </script>
 
 <?php require __DIR__ . '/../includes/footer.php'; ?>