قم بإنشاء صفحة ويب تعرض لغزاً يتحدى المستخدمين لربط 9 نقاط بأربع خطوط مستقيمة دون رفع الماوس.

التعليمات:
- تخطيط اللغز: رتب النقاط في شبكة 3x3 على الصفحة.
- تفاعل المستخدم: مكن المستخدمين من رسم خطوط مستقيمة بالنقر والسحب بين النقاط، مع ضمان استمرار الاتصال بين الخطوط دون انقطاع.
- قواعد اللغز: اشرح الهدف بوضوح — ربط جميع النقاط التسعة باستخدام 4 خطوط مستقيمة متصلة.

التعليقات:
- رسالة النجاح: عند ربط جميع النقاط بشكل صحيح باستخدام 4 خطوط، اعرض رسالة تهنئة ودية وغير رسمية.
- شرح الخطأ: إذا كانت الحل غير صحيح، قدم شرحًا وديًا يوضح السبب مع تقديم تلميحات أو تشجيع.

تجربة المستخدم:
- صمم تجربة مستخدم جذابة مع تعليمات واضحة وتعليقات تفاعلية، لجعل المحاولة تجربة ممتعة بدون إحباط.

الاعتبارات:
- أنشئ تخطيطًا بديهيًا يسهل على المستخدم فهم قواعد اللغز والتفاعل بسلاسة. طبق منطقًا للتحقق من صحة الحل وإظهار التعليقات المناسبة، مع اتباع أفضل ممارسات تصميم الويب لضمان سهولة الوصول والاستجابة.

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

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

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