fix: calculate exact Ludo base positions from CSS grid math

Derived slot positions mathematically from CSS layout:
- Base: 6x6 grid cells, inner circle: 72%, padding: 16%, gap: 12%
- Slot centers at 30%/70% of inner circle on each axis
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/js/ludo-constants.js

@@ -106,29 +106,29 @@ var LudoConstants = (function() {
     404: [9, 7],
     405: [8, 7],
 
-    // P1 Base positions (bottom-left quadrant, center at 3.5, 12.5)
-    500: [2.8, 11.8],
-    501: [4.2, 11.8],
-    502: [2.8, 13.2],
-    503: [4.2, 13.2],
-
-    // P2 Base positions (top-left quadrant, center at 3.5, 3.5)
-    600: [2.8, 2.8],
-    601: [4.2, 2.8],
-    602: [2.8, 4.2],
-    603: [4.2, 4.2],
-
-    // P3 Base positions (top-right quadrant, center at 12.5, 3.5)
-    700: [11.8, 2.8],
-    701: [13.2, 2.8],
-    702: [11.8, 4.2],
-    703: [13.2, 4.2],
-
-    // P4 Base positions (bottom-right quadrant, center at 12.5, 12.5)
-    800: [11.8, 11.8],
-    801: [13.2, 11.8],
-    802: [11.8, 13.2],
-    803: [13.2, 13.2]
+    // P1 Base positions (bottom-left quadrant, cols 0-5, rows 9-14)
+    500: [1.64, 10.64],
+    501: [3.36, 10.64],
+    502: [1.64, 12.36],
+    503: [3.36, 12.36],
+
+    // P2 Base positions (top-left quadrant, cols 0-5, rows 0-5)
+    600: [1.64, 1.64],
+    601: [3.36, 1.64],
+    602: [1.64, 3.36],
+    603: [3.36, 3.36],
+
+    // P3 Base positions (top-right quadrant, cols 9-14, rows 0-5)
+    700: [10.64, 1.64],
+    701: [12.36, 1.64],
+    702: [10.64, 3.36],
+    703: [12.36, 3.36],
+
+    // P4 Base positions (bottom-right quadrant, cols 9-14, rows 9-14)
+    800: [10.64, 10.64],
+    801: [12.36, 10.64],
+    802: [10.64, 12.36],
+    803: [12.36, 12.36]
   };
 
   var BASE_POSITIONS = {