Mobile-first i pixel-perfect: wspólne --cell-size, grid dla podpowiedzi, dynamiczny rozmiar komórki z uwzględnieniem paddingów i szerokości opisów; poprawa touch/pointer i double-tap na mobile; wyrównanie layoutu bez nachodzenia na desktopie

src/styles/main.css

@@ -15,6 +15,8 @@
   /* Rozmiary */
   --cell-size: 30px;
   --gap-size: 2px;
+  --hint-row-width: 100px;
+  --grid-padding: 5px;
 }
 
 * {
@@ -119,3 +121,30 @@ button.btn-neon.secondary {
 .fade-leave-to {
   opacity: 0;
 }
+
+@media (max-width: 768px) {
+  :root {
+    --gap-size: 1px;
+    --hint-row-width: 72px;
+  }
+  body {
+    padding: 12px;
+  }
+  button.btn-neon {
+    padding: 10px 18px;
+    font-size: 0.9rem;
+  }
+}
+
+@media (max-width: 420px) {
+  :root {
+    --hint-row-width: 60px;
+  }
+  body {
+    padding: 8px;
+  }
+  button.btn-neon {
+    padding: 9px 16px;
+    font-size: 0.85rem;
+  }
+}