Crie uma página web que apresenta um quebra-cabeça desafiando os usuários a conectarem 9 pontos usando 4 linhas retas sem soltar o mouse.

Instruções:
- Layout do Quebra-Cabeça: Organize os pontos em uma grade 3x3 na página.
- Interação do Usuário: Permita que os usuários desenhem linhas retas clicando e arrastando entre os pontos, garantindo que as linhas permaneçam contínuas sem soltar o mouse.
- Regras do Quebra-Cabeça: Explique claramente o objetivo — conectar todos os 9 pontos utilizando apenas 4 linhas retas e contínuas.

Feedback:
- Mensagem de Sucesso: Ao conectar corretamente todos os pontos com 4 linhas, exiba uma mensagem de parabéns amigável e informal.
- Explicação de Erro: Se a solução estiver incorreta, forneça uma explicação amistosa sobre o motivo da falha e dê dicas ou encorajamento.

Experiência do Usuário:
- Projete uma experiência envolvente com instruções claras e feedback interativo, incentivando os usuários a experimentarem diferentes abordagens sem frustração.

Considerações:
- Crie um layout intuitivo para que os usuários entendam facilmente as regras e interajam de maneira fluida. Implemente uma lógica para verificar a solução e exibir feedback adequado. Use as melhores práticas de design web para acessibilidade e responsividade.

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

Q: Как именно должна выглядеть головоломка?
A: Точки в квадрате 3x3.

Q: Какой стиль поздравления или объяснения вас интересует?
A: Неофициальный и дружелюбный.