inital-release

public/mobile.js

@@ -100,10 +100,10 @@ class MobileCrosswordGame {
   }
 
   calculateCellSize(rows, cols) {
-    // Mobile-specific calculation
+    // Mobile-specific calculation - maximize grid size
     const headerHeight = 50
     const progressHeight = 35
-    const controlsHeight = 75
+    const controlsHeight = 70
     const padding = 16
 
     const availableHeight = window.innerHeight - headerHeight - progressHeight - controlsHeight - padding
@@ -114,8 +114,18 @@ class MobileCrosswordGame {
 
     let cellSize = Math.min(maxFromHeight, maxFromWidth)
 
-    // Constrain to 30-42px for mobile readability
-    cellSize = Math.max(30, Math.min(42, cellSize))
+    // Allow larger cells on mobile - 32-50px range
+    cellSize = Math.max(32, Math.min(50, cellSize))
+
+    console.log('Mobile grid:', {
+      availableHeight,
+      availableWidth,
+      rows,
+      cols,
+      cellSize,
+      totalGridHeight: rows * cellSize,
+      totalGridWidth: cols * cellSize
+    })
 
     return cellSize
   }