Crea una pagina web con un puzzle 'Collega 9 Punti' che utilizza quattro linee senza sollevare il mouse, permettendo alle linee di uscire dalla griglia. Descrivi le regole e rendilo interattivo in modo da poter essere risolto con il mouse. Assicurati di congratularti con l'utente se la soluzione è corretta o di spiegare gli errori altrimenti.

Panoramica del Progetto
- Crea una pagina web per il puzzle 'Collega 9 Punti'.
- Implementa le regole e le linee guida per spiegare il gioco.

Design e Flusso UI/UX
- Design minimalista con spazio sufficiente intorno ai punti per consentire soluzioni classiche.
- Area interattiva per collegare i punti tramite linee usando il mouse.
- Implementa un timer per la sfida.

Funzionalità Principali e Logica
- Utilizza JavaScript/CSS per il disegno interattivo delle linee.
- Valida la soluzione del puzzle: notifica con un messaggio di congratulazioni se corretta o spiega gli errori se non lo è.
- Il timer conta il tempo impiegato per risolvere il puzzle.

Migliori Pratiche
- Ottimizza per browser desktop e mobile.
- Logica client-side sicura ed efficiente.
- Feedback visivo chiaro per il disegno delle linee e le notifiche di completamento.

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

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

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

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