Crea una página web que presente un rompecabezas en el que los usuarios deban conectar 9 puntos con 4 líneas rectas sin levantar el ratón.

Instrucciones:
- Diseño del rompecabezas: Dispón los puntos en una cuadrícula de 3x3 en la página.
- Interacción del usuario: Permite a los usuarios dibujar líneas rectas haciendo clic y arrastrando entre los puntos, garantizando que las líneas se mantengan continuas sin soltar el ratón.
- Reglas del rompecabezas: Explica claramente el objetivo: conectar los 9 puntos usando solo 4 líneas rectas y continuas.

Retroalimentación:
- Mensaje de éxito: Al conectar correctamente todos los puntos con 4 líneas, muestra un mensaje de felicitación amigable e informal.
- Explicación de error: Si la solución es incorrecta, proporciona una explicación amistosa indicando por qué no se cumplieron las condiciones, ofreciendo consejos o ánimo.

Experiencia de usuario:
- Diseña una experiencia atractiva con instrucciones claras y retroalimentación interactiva, permitiendo a los usuarios probar diferentes enfoques sin frustración.

Consideraciones:
- Crea un diseño intuitivo que facilite la comprensión de las reglas y una interacción fluida. Implementa la lógica para verificar la solución y mostrar la retroalimentación adecuada. Utiliza las mejores prácticas de diseño web para accesibilidad y adaptabilidad.

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

Q: Как именно должна выглядеть головоломка?
A: Точки в квадрате 3x3.

Q: Какой стиль поздравления или объяснения вас интересует?
A: Неофициальный и дружелюбный.