/*
 * Estilos compartilhados do padrão "reward" (quizzes). Este arquivo define a animação de saída do quiz
 * (matterFadeOut) e as regras que travam a rolagem da página enquanto o modal do quiz está aberto
 * (classes matter-scroll-locked no <html> e matter-quiz-active no <body>).
 */

/* Animação de fade-out com leve redução de tamanho ao fechar o quiz. */
@keyframes matterFadeOut {
    from { opacity: 1; transform: scale(1); }
    to   { opacity: 0; transform: scale(0.97); }
}

/* Trava a rolagem no <html> (não no <body>, para não quebrar elementos fixed do modal); o scrollY vem de --matter-scroll-y. */
html.matter-scroll-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: var(--matter-scroll-y, 0px);
    left: 0;
}

/* Bloqueia a rolagem do <body> enquanto o quiz está ativo. */
body.matter-quiz-active {
    overflow: hidden;
}