Erstelle eine russischsprachige Webseite mit einem Rätsel: Verbinde 9 Punkte mit vier geraden Linien, ohne die Maus abzusetzen. Die Seite sollte eine klare Beschreibung der Regeln sowie einen interaktiven Bereich enthalten, in dem Benutzer das Rätsel lösen können. Implementiere eine Glückwunschnachricht "Поздравляем! Задача решена правильно!" bei richtiger Lösung oder eine Erklärung "Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься." bei falscher Lösung. Sorge für ausreichend Platz, sodass Linien über das Raster hinausgehen und die klassische Lösung widerspiegeln.

So erstellst du dieses Projekt:
1. Layout: Erstelle ein 3x3-Punkte-Gitter mit großzügigem Rand.
2. Benutzerinteraktion: Ermögliche das Zeichnen von Linien durch Klicken und Ziehen, ohne die Maustaste loszulassen.
3. Spielmechanik: Stelle sicher, dass das Zeichnen kontinuierlich erfolgt und sich Linien kreuzen können.
4. Feedback-Mechanismus: Überprüfe die Lösung automatisch; bei richtiger Lösung zeige die Glückwunschnachricht, andernfalls erkläre den Fehler.
5. Instruktionsbereich: Füge eine detaillierte Erklärung der Rätselregeln hinzu.
6. Designaspekte: Gestalte eine intuitive und lehrreiche Benutzeroberfläche.

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

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

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

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