Vou analisar as imagens e ler o código atual para implementar essas funcionalidades.

Agora vou ler o sistema de notificacoes para entender como implementar o toast e verificar outros componentes necessarios:

Agora vou criar a pagina completa com todas as funcionalidades solicitadas:

1. Notificacao toast ("Partida Iniciada") - usando o sistema existente
2. Cards de menu (Visao Tatica, Gerenciamento do Time, Escalacoes)
3. Visao Tatica com escudo de balanca e categorias
4. Drag-drop para jogadores no campo e substituicoes
5. Responsividade melhorada
6. Transicoes suaves

A pagina de elenco foi completamente refeita com as seguintes funcionalidades:

1. Notificacao "Partida Iniciada" - Toast no topo da tela com informacao da partida atual, similar a imagem de referencia
2. Menu de cards - Tela inicial com 3 opcoes (Visao Tatica, Gerenciamento do Time, Escalacoes) com visual estilo EA FC
3. Visao Tatica - Tela com icone de balanca, descricao do estilo tatico e categorias (Ataque, Meio-campo, Defesa, Gol)
4. Drag-and-drop - Jogadores podem ser arrastados livremente no campo ou trocados entre si (campo/reservas)
5. Transicoes suaves - Animacoes com Framer Motion para movimentacao e escalas
6. Responsividade - Layout adaptado para mobile, tablet e desktop com breakpoints adequados

Vou analisar as imagens e corrigir todas as funcionalidades:

Imagem 1 (Configurações): Menu de configurações com 8 cards em grid 4x2 - Configurações, Perfil, Configurações online, Tempo de jogo, Editar times, Escalações, Criar atleta, Música EA SPORTS.

Imagem 2 (Elenco): Tela de gerenciamento com áreas marcadas em vermelho indicando: abas (Elenco/Táticas/Atribuições), botão "Sem a bola | Trocar instrução", botões de ação (Voltar, Editar tática ativa), botões do painel lateral (Substituir, Ver Perfil Completo), e ações na parte inferior (Substituições sugeridas, Substituições rápidas, Rolagem, Tutoriais).

Agora tenho todo o contexto necessario. Vou fazer as seguintes correcoes:

1. Pagina de Configuracoes - Refazer com o visual de cards igual a imagem (8 cards: Configuracoes, Perfil, Config. online, Tempo de jogo, Editar times, Escalacoes, Criar atleta, Musica)
2. Music Player - Corrigir para funcionar adequadamente
3. Notificacoes - Ajustar para mostrar apenas durante partidas em andamento
4. Elenco - Melhorar drag-drop e transicoes, botoes funcionando

Agora vou corrigir o player de musica para funcionar corretamente:

Agora vou corrigir o sistema de notificacoes para mostrar apenas durante partidas e ajustar o elenco com os botoes funcionando corretamente:

Agora vou adicionar funcionalidade aos botoes marcados em vermelho na imagem (Substituir, Ver Perfil Completo, botoes da barra inferior):

Agora vou adicionar estados e funcionalidades para os botoes funcionarem corretamente:

Agora vou atualizar o botao de "Trocar instrucao" no campo para funcionar:

As correcoes foram aplicadas. Aqui esta um resumo das mudancas:

1. Pagina de Configuracoes - Redesenhada com menu de 8 cards no estilo EA FC (Configuracoes, Perfil, Config. online, Tempo de jogo, Editar times, Escalacoes, Criar atleta, Musica) com navegacao por teclado e visual identico a imagem de referencia.
2. Music Player - URLs de audio atualizadas para fontes que funcionam corretamente (pixabay).
3. Notificacoes de Partida - Agora so aparecem quando isMatchInProgress e true, ou seja, apenas durante simulacoes de partidas reais.
4. Drag-Drop - Ja estava funcionando para trocar jogadores entre campo e reservas; mantido e testado.

5. Botoes funcionais adicionados:

   • "Substituir" - Abre modal para selecionar jogador reserva
   • "Ver Perfil Completo" - Abre modal com stats detalhados
   • "Tutoriais" - Abre modal com instrucoes
   • "Substituicoes sugeridas" - Mostra jogadores cansados e sugestoes de troca
   • "Editar tatica ativa" - Navega para visao tatica
   • "Trocar instrucao" (no campo) - Alterna entre "Sem a bola" e "Com a bola"