Crea una pagina web che presenti un puzzle in cui gli utenti devono collegare 9 punti usando 4 linee rette senza sollevare il mouse.

Istruzioni:
- Layout del puzzle: Disponi i punti in una griglia 3x3 sulla pagina.
- Interazione con l'utente: Consenti agli utenti di disegnare linee rette cliccando e trascinando tra i punti, garantendo che le linee rimangano continue senza interruzioni.
- Regole del puzzle: Spiega chiaramente l'obiettivo: collegare tutti i 9 punti utilizzando solo 4 linee rette continue.

Feedback:
- Messaggio di successo: Quando tutti i punti sono collegati correttamente con 4 linee, mostra un messaggio di congratulazioni amichevole e informale.
- Spiegazione dell'errore: Se la soluzione non è corretta, fornisci una spiegazione amichevole che indichi perché non sono state rispettate le condizioni, offrendo suggerimenti o incoraggiamenti.

Esperienza utente:
- Progetta un'esperienza coinvolgente con istruzioni chiare e feedback interattivo, in modo che gli utenti possano provare approcci differenti senza frustrazione.

Considerazioni:
- Crea un layout intuitivo che permetta agli utenti di comprendere facilmente le regole del puzzle e interagire fluidamente. Implementa una logica per verificare la correttezza della soluzione e mostrare il feedback adeguato. Utilizza le migliori pratiche di web design per l'accessibilità e la reattività.

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

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

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