اصنع صفحة ويب باللغة الروسية تحتوي على لغز: وصل 9 نقاط بأربع خطوط مستقيمة دون رفع الماوس. يجب أن تتضمن الصفحة وصفاً واضحاً للقواعد ومنطقة تفاعلية ليحاول المستخدمون حل اللغز. قم بتنفيذ رسالة تهنئة عند الحل الصحيح "Поздравляем! Задача решена правильно!" أو شرحاً لسبب الخطأ "Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься." وفر مساحة كافية بحيث تمتد الخطوط خارج نطاق الشبكة، مما يعكس الحل الكلاسيكي.

كيفية بناء هذا المشروع:
1. التخطيط: صمم شبكة 3x3 من النقاط مع مساحة واسعة حولها.
2. التفاعل: اسمح للمستخدمين برسم الخطوط بالنقر والسحب دون رفع الماوس.
3. منطق اللعبة: ضمن عملية رسم مستمرة مع إمكانية تقاطع الخطوط.
4. آلية التغذية الراجعة: افحص الحل تلقائياً؛ إذا كان صحيحاً، اعرض رسالة التهنئة، وإلا اعرض شرح الخطأ.
5. قسم التعليمات: أدرج شرحاً مفصلاً للقواعد.
6. اعتبارات التصميم: اجعل الواجهة بديهية وتعليمية.

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

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

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

Q: Какое сообщение должно отображаться при неправильном решении?
A: Например, 'Попробуйте еще раз!'.