Mejoras y optimizaciones en general.

pong/styles.css

@@ -33,4 +33,53 @@ h1 {
 }
 #restart-btn:hover {
   background: #232946;
+}
+/* Controles y accesibilidad */
+#controls {
+  margin: 0.8rem auto 0.4rem auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+#controls select#difficulty {
+  font-size: 1em;
+  padding: 6px 10px;
+  border-radius: 8px;
+  border: 1px solid #ddd;
+  background: #232946;
+  color: #f2e9e4;
+}
+#pause-btn {
+  font-size: 1em;
+  padding: 6px 16px;
+  border: none;
+  border-radius: 8px;
+  background: #4a4e69;
+  color: #fff;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+#pause-btn:hover {
+  background: #232946;
+}
+
+/* Foco accesible */
+#pause-btn:focus-visible,
+#restart-btn:focus-visible,
+#controls select#difficulty:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 4px rgba(246, 201, 14, 0.35);
+}
+
+/* Estado deshabilitado para botones */
+#pause-btn:disabled,
+#restart-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+/* Ajuste del marcador */
+#score {
+  font-weight: 600;
 }