Buatlah sebuah halaman web dengan puzzle 'Sambung 9 Titik' menggunakan empat garis tanpa melepas mouse, dengan garis yang bisa melewati batas grid. Jelaskan aturan mainnya dan buat agar interaktif untuk penyelesaian menggunakan mouse. Pastikan halaman memberikan ucapan selamat jika puzzle terpecahkan dengan benar atau menjelaskan kesalahan jika tidak.

Gambaran Proyek
- Bangun halaman web untuk puzzle 'Sambung 9 Titik'.
- Terapkan aturan dan panduan untuk menjelaskan permainan.

Desain UI/UX dan Alur
- Desain minimalis dengan ruang yang cukup di sekitar titik untuk solusi klasik.
- Area interaktif untuk menghubungkan titik dengan garis menggunakan mouse.
- Implementasikan timer untuk tantangan ini.

Fungsionalitas Inti dan Logika
- Gunakan JavaScript/CSS untuk menggambar garis secara interaktif.
- Validasi solusi puzzle: berikan pesan ucapan selamat jika benar atau penjelasan kesalahan jika salah.
- Timer menghitung waktu yang dibutuhkan untuk menyelesaikan puzzle.

Praktik Terbaik
- Optimasi untuk browser desktop dan mobile.
- Logika sisi klien yang aman dan efisien.
- Umpan balik visual yang jelas untuk gambar garis dan notifikasi penyelesaian.

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

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

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

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