Mouse'u kaldırmadan dört çizgi kullanarak ızgaranın dışına taşabilen çizgilerle '9 Noktayı Bağla' puzzle'ı içeren bir web sayfası oluşturun. Kuralları açıklayın ve fare ile çözümü interaktif hale getirin. Doğru çözülürse kullanıcıyı tebrik edin, yanlışsa hataları açıklayın.

Proje Genel Bakışı
- '9 Noktayı Bağla' puzzle'ı için bir web sayfası oluşturun.
- Oyunu açıklamak için kurallar ve yönergeler uygulayın.

UI/UX Tasarımı ve Akışı
- Klasik çözümleri mümkün kılacak kadar nokta etrafında yeterli boşluk olan minimalist tasarım.
- Fare ile noktaları çizgilerle birleştiren interaktif alan.
- Mücadele için bir zamanlayıcı uygulayın.

Temel Fonksiyonellik ve Mantık
- İnteraktif çizgi çizimi için JavaScript/CSS kullanın.
- Puzzle çözümünü doğrulayın: doğruysa tebrik mesajı gösterin, değilse hataları açıklayın.
- Zamanlayıcı, puzzle çözmek için harcanan zamanı sayar.

En İyi Uygulamalar
- Hem masaüstü hem mobil tarayıcılar için optimize edin.
- Güvenli ve verimli istemci tarafı mantığı kullanın.
- Çizim ve bitiş bildirimleri için net görsel geri bildirim sağlayın.

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

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

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

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