ロシア語のウェブページを作成し、9つの点を4本の直線で繋ぐパズルを実装してください。マウスを離さずに線を描く方式です。ページにはルールの明確な説明と、ユーザーがパズルに挑戦できるインタラクティブなエリアを設けてください。正解の場合は「Поздравляем! Задача решена правильно!」というお祝いメッセージを、不正解の場合は「Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься.」という誤りの説明を表示します。古典的な解法を踏襲し、グリッドの外まで線が伸びる十分なスペースを確保してください。

プロジェクト構築の手順:
1. レイアウト: 3x3の点のグリッドと十分な余白をデザインします。
2. ユーザーインタラクション: クリックしてドラッグすることで、マウスを離さずに線を描けるようにします。
3. ゲームロジック: 連続して線を描き、線が交差できるようにします。
4. フィードバック機能: 自動で解答をチェックし、正解ならお祝いメッセージ、誤答なら説明を表示します。
5. 説明セクション: ルールの詳細な説明を含めます。
6. デザイン考慮: 直感的で教育的なインターフェースに仕上げます。

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

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

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

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