@keyframes matterFadeOut {
    from { opacity: 1; transform: scale(1); }
    to   { opacity: 0; transform: scale(0.97); }
}

/* Scroll-lock cross-browser para Android Chrome.
   IMPORTANTE: position:fixed é aplicado no <html>, NÃO no <body>.
   Se fosse no body, elementos filhos com position:fixed (como o próprio
   .mqc-wrap) passariam a ser posicionados relativo ao body, quebrando
   o inset:0 / centralização do modal.
   O scrollY é salvo via JS em --matter-scroll-y antes de adicionar essa
   classe, e restaurado em releaseBody(). */
html.matter-scroll-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: var(--matter-scroll-y, 0px);
    left: 0;
}

body.matter-quiz-active {
    overflow: hidden;
}
