Crea una página web con un rompecabezas 'Conecta 9 Puntos' usando cuatro líneas sin levantar el ratón, permitiendo que las líneas se extiendan más allá de la cuadrícula. Describe las reglas y hazlo interactivo para resolverlo con el ratón. Asegúrate de felicitar al usuario si lo resuelve correctamente o explica los errores si no.

Resumen del Proyecto
- Construye una página web para el rompecabezas 'Conecta 9 Puntos'.
- Implementa reglas y directrices para explicar el juego.

Diseño y Flujo UI/UX
- Diseño minimalista con suficiente espacio alrededor de los puntos para permitir soluciones clásicas.
- Área interactiva para conectar puntos con líneas usando el ratón.
- Implementa un temporizador para el desafío.

Funcionalidad y Lógica Principal
- Utiliza JavaScript/CSS para la creación interactiva de líneas.
- Valida la solución del rompecabezas: notifica con un mensaje de felicitación si es correcta o explica los errores si no lo es.
- El temporizador cuenta el tiempo empleado en resolver el rompecabezas.

Buenas Prácticas
- Optimiza para navegadores de escritorio y móviles.
- Lógica del lado del cliente segura y eficiente.
- Retroalimentación visual clara para el dibujo de líneas y notificaciones de finalización.

Создай страницу с головоломкой соедини 9 точек 4-мя линиями не отрывая руки, линии могут выходить за пределы поля точек.
опиши правила и сделай чтобы можно было ее решить мышкой.
Обязательно выводи поздравление если задача решена,  или объяснение почему задача решена неверно.

Оставь достаточно места, для того чтобы решить задачу и выйти за пределы как в классическом решении

Q: Какой стиль или визуальное оформление вы предпочитаете для головоломки?
A: Например, минималистичный, яркий и игривый.

Q: Хотите ли вы добавить таймер или счетчик попыток для решения головоломки?
A: Да, хочу таймер.