Создайте веб-страницу на русском языке с головоломкой: соединить 9 точек четырьмя прямыми линиями без отрыва мыши. Страница должна содержать подробное описание правил и интерактивную область для попыток решения. Реализуйте сообщение с поздравлением "Поздравляем! Задача решена правильно!" при правильном решении и объяснение "Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься." при неверном решении. Обеспечьте достаточное пространство, чтобы линии можно было провести за пределы сетки, имитируя классическое решение.

Как создать проект:
1. Макет: Разместите 3x3 сетку точек с большим запасом пространства вокруг.
2. Взаимодействие: Позвольте пользователям рисовать линии, щелкая и перетаскивая мышь без отпускания кнопки.
3. Логика игры: Обеспечьте непрерывное рисование линий с возможностью их пересечения.
4. Механизм обратной связи: Автоматически проверяйте решение – при успехе выводите сообщение, при ошибке – объяснение.
5. Раздел инструкций: Включите подробное описание правил головоломки.
6. Дизайн: Сделайте интерфейс интуитивно понятным и образовательным.

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

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

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

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