Added mobile view

ifnowcode · ifnowcode · commit a64bb02120ae · 2026-06-08T20:16:57.000-07:00
diff --git a/index.html b/index.html
@@ -52,7 +52,29 @@
     display: block;
     touch-action: none;
   }
+  
+  /* --------------------------------------------- */
+  /* 📱 MOBILE VERSION — scoreboard moves BELOW    */
+  /* --------------------------------------------- */
+  @media (max-width: 700px) {
+    #gameContainer {
+      flex-direction: column;   /* stack vertically */
+      align-items: center;      /* center everything */
+    }
 
+    #leftPanel {
+      width: 100%;
+      max-width: 400px;
+      order: 2;                 /* scoreboard goes BELOW the board */
+      text-align: center;
+    }
+
+    #gameWrapper {
+      order: 1;                 /* board goes ABOVE the scoreboard */
+      width: 100%;
+      max-width: 90vw;          /* scale nicely on phones */
+    }
+  }
 </style>
 </head>
 <body>
