Crie uma página web em russo com um quebra-cabeça para conectar 9 pontos usando quatro linhas retas sem levantar o mouse. A página deve incluir uma descrição clara das regras e uma área interativa para os usuários tentarem resolver o quebra-cabeça. Implemente uma mensagem de congratulação "Поздравляем! Задача решена правильно!" para solução correta ou uma explicação "Попробуйте еще раз! Линии должны пересекаться, и курсор не должен подниматься." em caso de erro. Garanta espaço suficiente para que as linhas se estendam além da grade, espelhando a solução clássica.

Como construir este projeto:
1. Layout: Desenhe uma grade 3x3 de pontos com espaço extra ao redor.
2. Interação do usuário: Permita desenhar linhas de forma contínua clicando e arrastando sem soltar o botão do mouse.
3. Lógica do jogo: Assegure um traço ininterrupto e permita que as linhas se cruzem.
4. Mecanismo de feedback: Verifique a solução automaticamente; se correta, exiba a mensagem de congratulação, caso contrário, explique o erro.
5. Seção de instruções: Forneça uma explicação detalhada das regras.
6. Considerações de design: Mantenha um design intuitivo e educativo.

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

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

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

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