러시아어로 된 웹페이지를 만들되, 9개의 점을 4개의 직선으로 연결하는 퍼즐을 구현하세요. 마우스를 떼지 않고 선을 그리는 방식입니다. 페이지에는 규칙에 대한 명확한 설명과 사용자가 퍼즐을 풀어볼 수 있는 인터랙티브 영역이 포함되어야 합니다. 올바른 해결 시에는 “Поздравляем! Задача решена правильно!”라는 축하 메시지를, 잘못된 경우에는 “Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься.”라는 설명을 표시하세요. 고전적인 해결법을 반영하여, 그리드 외부로도 선이 확장될 수 있도록 충분한 공간을 제공해야 합니다.

프로젝트 구성 방법:
1. 레이아웃: 3x3 점 배열과 충분한 여백을 디자인합니다.
2. 사용자 상호작용: 마우스 클릭 후 드래그하여 끊기 없이 선을 그릴 수 있도록 합니다.
3. 게임 로직: 연속적인 선 그리기를 보장하고, 선의 교차를 허용합니다.
4. 피드백 메커니즘: 자동으로 풀이를 검증하여, 정답 시 축하 메시지, 오답 시 오류 설명을 제공합니다.
5. 설명 섹션: 퍼즐의 규칙에 대해 상세하게 설명합니다.
6. 디자인 고려 사항: 직관적이고 교육적인 인터페이스를 구현합니다.

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

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

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

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