Créez une page web avec un puzzle « Relie 9 Points » utilisant quatre lignes sans lever la souris, permettant aux lignes de dépasser la grille. Décrivez les règles et rendez-le interactif pour le résoudre à la souris. Assurez-vous de féliciter l'utilisateur si la solution est correcte ou d'expliquer les erreurs sinon.

Aperçu du projet
- Créez une page web pour le puzzle « Relie 9 Points ».
- Mettez en place des règles et des directives pour expliquer le jeu.

Design et flux UI/UX
- Design minimaliste avec suffisamment d'espace autour des points pour permettre des solutions classiques.
- Zone interactive pour relier les points par des lignes à l'aide de la souris.
- Implémentez un minuteur pour le défi.

Fonctionnalités de base et logique
- Utilisez JavaScript/CSS pour le dessin interactif des lignes.
- Validez la solution du puzzle : affichez un message de félicitations en cas de réussite ou expliquez les erreurs en cas d'échec.
- Le minuteur compte le temps passé à résoudre le puzzle.

Bonnes pratiques
- Optimisez pour les navigateurs de bureau et mobiles.
- Logique côté client sécurisée et efficace.
- Retour visuel clair pour le dessin des lignes et les notifications de fin de partie.

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

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

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

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