Mejoras y optimizaciones en general.

buscaminas/styles.css

@@ -146,4 +146,77 @@ h1 {
   }
 }
 
-/* :::::::::::::::::::::::::::::: */
+/* :::::::::::::::::::::::::::::: */
+/* Controles (tamaño/minas) y contador de banderas */
+#controls {
+  margin: 0.8rem auto 0.4rem auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+#controls select {
+  font-size: 1em;
+  padding: 6px 10px;
+  border-radius: 8px;
+  border: 1px solid #ddd;
+}
+#counters {
+  font-size: 1rem;
+  color: #333;
+  margin-bottom: 0.4rem;
+}
+
+/* Accesibilidad: foco visible en celdas */
+.cell {
+  border: none;
+  outline: none;
+}
+.cell:focus-visible {
+  box-shadow: 0 0 0 4px rgba(215, 38, 61, 0.35);
+}
+
+/* Estado deshabilitado para botón reinicio */
+#restart-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  box-shadow: none;
+}
+
+/* Modo oscuro mejorado */
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #0f1222;
+    color: #eaeaf0;
+  }
+  #board {
+    background: #182a46;
+    box-shadow: 0 6px 24px rgba(61, 90, 254, 0.12);
+    border: 1px solid rgba(255,255,255,0.06);
+  }
+  .cell {
+    background: #20233a;
+    color: #eaeaf0;
+    box-shadow: 0 2px 10px rgba(61, 90, 254, 0.12);
+  }
+  .cell.revealed { background: #264b74; }
+  .cell.mine { background: #7c1f2a; color: #fff; }
+  .cell.flag { background: #8a6d28; color: #ffd54f; }
+  #status, #counters {
+    color: #a0a3b0;
+  }
+  #restart-btn {
+    background: #3d5afe;
+  }
+  #restart-btn:hover {
+    background: #0a2459;
+  }
+  #controls select {
+    background: #20233a;
+    color: #eaeaf0;
+    border-color: #2c3252;
+  }
+  .cell:focus-visible {
+    box-shadow: 0 0 0 4px rgba(61, 90, 254, 0.35);
+  }
+}