fix: Ludo dice dots spacing — add gap between pips for real die look

- Added gap: 4px between 3x3 grid cells
- Added place-items: center for proper dot centering
- Reduced dot size to 10px for better proportion with gaps
- Removed margin: auto (place-items handles centering)
- Increased border-radius to 12px for rounder dice
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/css/ludo.css

@@ -288,12 +288,13 @@
   height: 72px;
   background: #f8f4ec;
   border: 3px solid #c8b88a;
-  border-radius: 10px;
+  border-radius: 12px;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(3, 1fr);
-  padding: 12px;
-  gap: 0;
+  padding: 10px;
+  gap: 4px;
+  place-items: center;
   transition: transform 0.1s;
   box-shadow: 0 4px 12px rgba(0,0,0,0.3), inset 0 1px 3px rgba(255,255,255,0.6), 0 0 0 1px rgba(200,184,138,0.3);
 }
@@ -312,12 +313,11 @@
 }
 
 .ludo-dice-dot {
-  width: 12px;
-  height: 12px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
   background: #1a1a1a;
   display: none;
-  margin: auto;
   box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
 }