/**
 * Estilos Finais com Níveis e Responsividade - Jogo da Memória
 */

/* ... (código existente do container, placar, botões, etc.) ... */
#gerigames-jogo-memoria-container{display:none}
.gerigames-memoria-placar{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:600px;margin:10px auto 20px auto;background-color:#fff;padding:10px;border-radius:8px;font-family:'Poppins',sans-serif;font-size:1em;flex-wrap:wrap;gap:15px}
.gerigames-memoria-placar span{font-weight:600;color:#000}
.gerigames-memoria-reiniciar,.gerigames-botao-voltar{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:8px 15px;border-radius:6px;cursor:pointer;font-family:'Poppins',sans-serif;font-size:.9em;transition:background-color .2s}
.gerigames-memoria-reiniciar:hover,.gerigames-botao-voltar:hover{background-color:#e0e0e0}
.gerigames-botao-voltar{display:block;margin:20px auto 0 auto}

/* NOVO: Estilos para a seleção de nível */
.gerigames-memoria-niveis {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}
.gerigames-botao-nivel {
    background-color: #fff;
    border: 2px solid #ddd;
    padding: 8px 20px;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.gerigames-botao-nivel.ativo {
    background-color: #FFE26F;
    border-color: #fdd84d;
    font-weight: 600;
}

/* Tabuleiro do Jogo (Configuração base) */
.gerigames-memoria-tabuleiro {
    width: 100%;
    max-width: 600px; /* Aumenta um pouco o limite no desktop */
    margin: 0 auto;
    display: grid;
    gap: 10px;
    perspective: 1000px;
    flex-grow: 1;
}

/* GRADES POR NÍVEL DE DIFICULDADE (Desktop First) */
.gerigames-memoria-tabuleiro.dificuldade-facil { grid-template-columns: repeat(4, 1fr); } /* 4x3 */
.gerigames-memoria-tabuleiro.dificuldade-medio { grid-template-columns: repeat(4, 1fr); } /* 4x4 */
.gerigames-memoria-tabuleiro.dificuldade-dificil { grid-template-columns: repeat(5, 1fr); } /* 5x4 */


/* Carta Individual (sem mudanças) */
.gerigames-memoria-carta{background-color:transparent;width:100%;aspect-ratio:1/1;border-radius:8px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .6s}
.gerigames-memoria-carta.flip{transform:rotateY(180deg)}
.gerigames-memoria-carta-frente,.gerigames-memoria-carta-verso{width:100%;height:100%;padding:10px;position:absolute;backface-visibility:hidden;border-radius:8px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}
.gerigames-memoria-carta-verso{background-color:#FFE26F;border:3px solid #fdd84d}
.gerigames-memoria-carta-verso img{width:60%;height:60%}
.gerigames-memoria-carta-frente{background-color:#FFEBAB;border:3px solid #FFE26F;transform:rotateY(180deg);font-size:2.5em}


/* Modal de Vitória (sem alterações) */
.gerigames-memoria-modal-vitoria{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s ease}.gerigames-memoria-modal-vitoria.ativo{opacity:1;pointer-events:auto}.gerigames-memoria-modal-conteudo{background-color:#FFEBAB;padding:30px 40px;border-radius:15px;text-align:center;color:#333;width:90%;max-width:450px;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(.9);transition:transform .4s ease}.gerigames-memoria-modal-vitoria.ativo .gerigames-memoria-modal-conteudo{transform:scale(1)}.gerigames-memoria-modal-conteudo h3{font-size:2em;color:#000;margin-top:0;margin-bottom:15px}.gerigames-modal-resultados{margin:20px 0;font-size:1.1em}.gerigames-modal-resultados span{font-weight:700}.gerigames-modal-jogar-novamente{background-color:#FFE26F;color:#333;font-family:'Poppins',sans-serif;font-size:1.1em;font-weight:600;text-transform:uppercase;border:none;border-radius:8px;padding:12px 25px;cursor:pointer;transition:background-color .3s ease;width:100%}.gerigames-modal-jogar-novamente:hover{background-color:#fdd84d}

/* MEDIA QUERY PARA MOBILE */
@media (max-width: 767px) {
    /* Ajusta as grades para telas menores */
    .gerigames-memoria-tabuleiro.dificuldade-facil { grid-template-columns: repeat(3, 1fr); } /* 3x4 */
    .gerigames-memoria-tabuleiro.dificuldade-medio { grid-template-columns: repeat(4, 1fr); } /* 4x4 */
    .gerigames-memoria-tabuleiro.dificuldade-dificil { grid-template-columns: repeat(4, 1fr); } /* 4x5 */

    .gerigames-memoria-carta-frente { font-size: 2em; }
}