/* =========================================================
   CAVERNA DAS QUANTIDADES
   CSS específico das tarefas normais e difíceis da ilha.
   Arquivo extraído progressivamente de jogo-tarefas.css.
   Não incluir aqui regras gerais do palco ou de botões.
========================================================= */
/* ===============================
   CAVERNA DAS QUANTIDADES
   AJUSTES VISUAIS DAS TAREFAS
================================ */

/* 1) Remove pontilhado e amplia a área visual das 5 tarefas */
#palco-objetos[data-exercicio-codigo="enigma_cristais"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="equilibrio_cristais"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="radar_provisoes"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="memoria_explorador"] .area-visual-tarefa,
#palco-objetos[data-exercicio-codigo="organizacao_baus"] .area-visual-tarefa {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;

    width: min(100%, 320px);
    max-width: 320px;
    min-height: auto;

    margin: 8px auto 12px !important;
    padding: 0 !important;
}

/* remove pseudo-elementos que possam estar gerando o pontilhado */
#palco-objetos[data-exercicio-codigo="enigma_cristais"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="equilibrio_cristais"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="radar_provisoes"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="memoria_explorador"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="organizacao_baus"] .area-visual-tarefa::before,
#palco-objetos[data-exercicio-codigo="enigma_cristais"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="equilibrio_cristais"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="radar_provisoes"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="memoria_explorador"] .area-visual-tarefa::after,
#palco-objetos[data-exercicio-codigo="organizacao_baus"] .area-visual-tarefa::after {
    display: none !important;
    content: none !important;
}

/* amplia as imagens */
#palco-objetos[data-exercicio-codigo="enigma_cristais"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="equilibrio_cristais"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="radar_provisoes"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="memoria_explorador"] .img-visual-tarefa,
#palco-objetos[data-exercicio-codigo="organizacao_baus"] .img-visual-tarefa {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;

    margin: 0 auto;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    border-radius: 18px;
    object-fit: contain;
}

/* 2) Tarefa 4 — botões horizontais como na tarefa 5 */
#tela-jogo:has(#palco-objetos[data-exercicio-codigo="memoria_explorador"]) #teclado-numerico {
    width: min(100%, 320px);
    margin: 10px auto 18px;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
}

#tela-jogo:has(#palco-objetos[data-exercicio-codigo="memoria_explorador"]) #teclado-numerico .btn-numero {
    width: 100%;
    height: 46px;
    min-height: 46px;

    padding: 0 10px;

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

    border-radius: 10px;

    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1;
}

/* ===============================
   CAVERNA DAS QUANTIDADES
   Remover pontilhado e ampliar imagens
================================ */

/* Remove o pontilhado do palco inteiro */
#palco-objetos.palco-padrao[data-exercicio-codigo="enigma_cristais"],
#palco-objetos.palco-padrao[data-exercicio-codigo="equilibrio_cristais"],
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_provisoes"],
#palco-objetos.palco-padrao[data-exercicio-codigo="memoria_explorador"],
#palco-objetos.palco-padrao[data-exercicio-codigo="organizacao_baus"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;

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

    min-height: auto !important;
}

/* Amplia a área que segura a imagem */
#palco-objetos.palco-padrao[data-exercicio-codigo="enigma_cristais"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="equilibrio_cristais"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_provisoes"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="memoria_explorador"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="organizacao_baus"] .area-visual-tarefa {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    min-height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

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

/* Amplia a imagem em si */
#palco-objetos.palco-padrao[data-exercicio-codigo="enigma_cristais"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="equilibrio_cristais"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_provisoes"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="memoria_explorador"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="organizacao_baus"] .img-visual-tarefa {
    width: 100% !important;
    max-width: 335px !important;
    max-height: 240px !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;
}

/* ===============================
   CAVERNA DAS QUANTIDADES — ROTA DIFÍCIL
   Remove pontilhado e amplia imagens
================================ */

/* Remove o pontilhado do palco inteiro */
#palco-objetos.palco-padrao[data-exercicio-codigo="dilema_dezenas"],
#palco-objetos.palco-padrao[data-exercicio-codigo="misterio_alvo"],
#palco-objetos.palco-padrao[data-exercicio-codigo="balanca_invisivel"],
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_agrupamento"],
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_vizinhos"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;

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

    min-height: auto !important;
}

/* Amplia a área visual */
#palco-objetos.palco-padrao[data-exercicio-codigo="dilema_dezenas"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="misterio_alvo"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="balanca_invisivel"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_agrupamento"] .area-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_vizinhos"] .area-visual-tarefa {
    width: min(100%, 340px) !important;
    max-width: 340px !important;
    min-height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

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

/* Remove pseudo-elementos, caso alguma moldura venha deles */
#palco-objetos.palco-padrao[data-exercicio-codigo="dilema_dezenas"] .area-visual-tarefa::before,
#palco-objetos.palco-padrao[data-exercicio-codigo="misterio_alvo"] .area-visual-tarefa::before,
#palco-objetos.palco-padrao[data-exercicio-codigo="balanca_invisivel"] .area-visual-tarefa::before,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_agrupamento"] .area-visual-tarefa::before,
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_vizinhos"] .area-visual-tarefa::before,
#palco-objetos.palco-padrao[data-exercicio-codigo="dilema_dezenas"] .area-visual-tarefa::after,
#palco-objetos.palco-padrao[data-exercicio-codigo="misterio_alvo"] .area-visual-tarefa::after,
#palco-objetos.palco-padrao[data-exercicio-codigo="balanca_invisivel"] .area-visual-tarefa::after,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_agrupamento"] .area-visual-tarefa::after,
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_vizinhos"] .area-visual-tarefa::after {
    display: none !important;
    content: none !important;
}

/* Amplia a imagem em si */
#palco-objetos.palco-padrao[data-exercicio-codigo="dilema_dezenas"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="misterio_alvo"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="balanca_invisivel"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="radar_agrupamento"] .img-visual-tarefa,
#palco-objetos.palco-padrao[data-exercicio-codigo="mapa_vizinhos"] .img-visual-tarefa {
    width: 100% !important;
    max-width: 335px !important;
    max-height: 240px !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;
}