#jogo-categorias h2 { margin-bottom: 0.5rem; }
#jogo-categorias p { margin-bottom: 1.5rem; }

#categorias-start-screen .game-options {
    background-color: var(--cor-painel); border: 1px solid var(--cor-borda); padding: 2rem;
    border-radius: 16px; display: flex; flex-direction: column; gap: 1.5rem;
    margin-top: 1rem; width: 100%; max-width: 450px; box-shadow: 0 4px 15px var(--cor-sombra);
}
#categorias-start-screen .option-group { text-align: left; }
#categorias-start-screen .option-group label { font-weight: 600; color: var(--cor-titulo); display: block; margin-bottom: 0.5rem; }
#categorias-start-screen .difficulty-options { display: flex; flex-direction: column; gap: 10px; }

.recorde {
    margin-bottom: 20px; font-weight: 600; background-color: var(--cor-painel);
    padding: 8px 15px; border-radius: 20px; border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}
.recorde span { color: var(--cor-sucesso); font-weight: bold; }

.categorias-info-bar {
    display: grid; /* MUDANÇA PARA GRID */
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    max-width: 500px;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--cor-titulo);
}

.item-para-sortear {
    background-color: var(--cor-painel); border: 1px solid var(--cor-borda); padding: 2rem 3rem;
    border-radius: 16px; font-size: 2.5rem; font-weight: 600; margin-bottom: 2rem;
    min-height: 80px; min-width: 300px; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 15px var(--cor-sombra); transition: transform 0.2s ease;
}

.item-para-sortear.correct { animation: correct-pulse 0.4s; }
.item-para-sortear.incorrect { animation: incorrect-shake 0.4s; }

@keyframes correct-pulse {
    50% { transform: scale(1.05); box-shadow: 0 6px 20px var(--cor-sucesso); border-color: var(--cor-sucesso);}
}
@keyframes incorrect-shake {
    25% { transform: translateX(-10px); }
    75% { transform: translateX(10px); }
}

.botoes-categorias { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.btn-categoria { padding: 1rem 2rem; font-size: 1.2rem; font-weight: 600; border: none; border-radius: 12px; background: var(--cor-principal-acao); color: white; cursor: pointer; transition: all 0.2s; box-shadow: 0 4px 14px 0 rgba(0,0,0,0.1); }
.btn-categoria:hover { transform: translateY(-3px); box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); }