/* =========================================================
   CAVERNA DAS QUANTIDADES — 8–9 ANOS — ROTA NORMAL
   Ajustes visuais específicos da faixa 8–9
========================================================= */

/* =========================================================
   1. PALCO / ÁREA VISUAL
========================================================= */

#palco-objetos.palco-padrao[data-exercicio-codigo="caixas_deposito"],
#palco-objetos.palco-padrao[data-exercicio-codigo="registro_explorador"],
#palco-objetos.palco-padrao[data-exercicio-codigo="vitrines_museu_marinho"],
#palco-objetos.palco-padrao[data-exercicio-codigo="prateleiras_laboratorio"],
#palco-objetos.palco-padrao[data-exercicio-codigo="porta_guardiao"] {
    width: 100% !important;
    min-height: auto !important;

    margin: 4px auto 8px !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#palco-objetos[data-exercicio-codigo="caixas_deposito"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="registro_explorador"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="porta_guardiao"] .area-visual-tarefa {
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    min-height: auto !important;

    margin: 2px auto 8px !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#palco-objetos[data-exercicio-codigo="caixas_deposito"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="registro_explorador"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="porta_guardiao"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="caixas_deposito"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="registro_explorador"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="porta_guardiao"] .area-visual-tarefa::after {
    display: none !important;
    content: none !important;
}

#palco-objetos[data-exercicio-codigo="caixas_deposito"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="registro_explorador"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="porta_guardiao"] .img-visual-tarefa {
    width: 100% !important;
    max-width: 385px !important;
    max-height: 285px !important;
    height: auto !important;

    display: block !important;
    margin: 0 auto !important;

    object-fit: contain !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 18px !important;
}

/* =========================================================
   2. BOTÕES — OPÇÕES CURTAS
   Tarefas 1 e 5
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas {
    width: min(320px, 86vw) !important;
    max-width: 320px !important;

    margin: 8px auto 14px !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;

    justify-content: center !important;
    align-items: center !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero {
    width: 100% !important;
    min-width: 0 !important;

    height: 52px !important;
    min-height: 52px !important;

    padding: 0 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;

    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* =========================================================
   3. BOTÕES — OPÇÕES LONGAS
   Tarefas 2, 3 e 4
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta.opcoes-longas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta.opcoes-longas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta.opcoes-longas {
    width: min(100%, 350px) !important;
    max-width: 350px !important;

    margin: 8px auto 16px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    justify-content: center !important;
    align-items: stretch !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta .btn-opcao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta .btn-opcao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta .btn-opcao {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 48px !important;

    padding: 8px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;

    font-size: 0.84rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* =========================================================
   4. AJUSTE FINO DO ENUNCIADO / OPERAÇÃO
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #instrucao {
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #display-operacao {
    margin: 2px auto 6px !important;
}

/* =========================================================
   5. AJUSTE FINO MOBILE
========================================================= */

@media (max-width: 380px) {

    #palco-objetos[data-exercicio-codigo="caixas_deposito"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="registro_explorador"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="porta_guardiao"] .img-visual-tarefa {
        max-width: 100% !important;
        max-height: 260px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas {
        width: min(300px, 84vw) !important;
        gap: 8px 12px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="caixas_deposito"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="porta_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero {
        height: 50px !important;
        min-height: 50px !important;
        font-size: 0.95rem !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta.opcoes-longas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta.opcoes-longas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta.opcoes-longas {
        width: min(310px, 88vw) !important;
        gap: 7px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="registro_explorador"]) #teclado-numerico.opcoes-resposta .btn-opcao,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="vitrines_museu_marinho"]) #teclado-numerico.opcoes-resposta .btn-opcao,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="prateleiras_laboratorio"]) #teclado-numerico.opcoes-resposta .btn-opcao {
        min-height: 46px !important;
        font-size: 0.76rem !important;
        padding: 7px 10px !important;
    }
}

/* =========================================================
   CAVERNA DAS QUANTIDADES — 8–9 ANOS — ROTA DESAFIO
========================================================= */

/* =========================================================
   1. PALCO / ÁREA VISUAL
========================================================= */

#palco-objetos.palco-padrao[data-exercicio-codigo="codigo_ruinas"],
#palco-objetos.palco-padrao[data-exercicio-codigo="inventario_incompleto"],
#palco-objetos.palco-padrao[data-exercicio-codigo="galeria_cristais"],
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_amostras"],
#palco-objetos.palco-padrao[data-exercicio-codigo="enigma_guardiao"] {
    width: 100% !important;
    min-height: auto !important;

    margin: 4px auto 8px !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#palco-objetos[data-exercicio-codigo="codigo_ruinas"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="inventario_incompleto"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="galeria_cristais"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="mapa_amostras"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="enigma_guardiao"] .area-visual-tarefa {
    width: min(100%, 390px) !important;
    max-width: 390px !important;
    min-height: auto !important;

    margin: 2px auto 8px !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#palco-objetos[data-exercicio-codigo="codigo_ruinas"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="inventario_incompleto"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="galeria_cristais"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="mapa_amostras"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="enigma_guardiao"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="codigo_ruinas"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="inventario_incompleto"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="galeria_cristais"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="mapa_amostras"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="enigma_guardiao"] .area-visual-tarefa::after {
    display: none !important;
    content: none !important;
}

#palco-objetos[data-exercicio-codigo="codigo_ruinas"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="inventario_incompleto"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="galeria_cristais"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="mapa_amostras"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="enigma_guardiao"] .img-visual-tarefa {
    width: 100% !important;
    max-width: 385px !important;
    max-height: 285px !important;
    height: auto !important;

    display: block !important;
    margin: 0 auto !important;

    object-fit: contain !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 18px !important;
}

/* =========================================================
   2. BOTÕES — OPÇÕES CURTAS
   Tarefas 1, 2, 4 e 5
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas {
    width: min(320px, 86vw) !important;
    max-width: 320px !important;

    margin: 8px auto 14px !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;

    justify-content: center !important;
    align-items: center !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero {
    width: 100% !important;
    min-width: 0 !important;

    height: 52px !important;
    min-height: 52px !important;

    padding: 0 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;

    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}

/* =========================================================
   3. BOTÕES — OPÇÕES LONGAS
   Tarefa 3
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta.opcoes-longas {
    width: min(100%, 350px) !important;
    max-width: 350px !important;

    margin: 8px auto 16px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    justify-content: center !important;
    align-items: stretch !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta .btn-numero,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta .btn-opcao {
    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 48px !important;

    padding: 8px 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;

    font-size: 0.84rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* =========================================================
   4. AJUSTE FINO DO ENUNCIADO / OPERAÇÃO
========================================================= */

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #instrucao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #instrucao {
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #display-operacao,
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #display-operacao {
    margin: 2px auto 6px !important;
}

/* =========================================================
   5. AJUSTE FINO MOBILE
========================================================= */

@media (max-width: 380px) {

    #palco-objetos[data-exercicio-codigo="codigo_ruinas"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="inventario_incompleto"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="galeria_cristais"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="mapa_amostras"] .img-visual-tarefa,
    #palco-objetos[data-exercicio-codigo="enigma_guardiao"] .img-visual-tarefa {
        max-width: 100% !important;
        max-height: 260px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas {
        width: min(300px, 84vw) !important;
        gap: 8px 12px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="codigo_ruinas"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="inventario_incompleto"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="mapa_amostras"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="enigma_guardiao"]) #teclado-numerico.opcoes-resposta.opcoes-curtas .btn-numero {
        height: 50px !important;
        min-height: 50px !important;
        font-size: 0.95rem !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta.opcoes-longas {
        width: min(310px, 88vw) !important;
        gap: 7px !important;
    }

    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta .btn-numero,
    #tela-jogo:has(#palco-objetos[data-exercicio-codigo="galeria_cristais"]) #teclado-numerico.opcoes-resposta .btn-opcao {
        min-height: 46px !important;
        font-size: 0.76rem !important;
        padding: 7px 10px !important;
    }
}