/* ══════════════════════════════════════════════════════════════════════════
   SPA — Peralihan antar tahap dalam SATU dokumen (index.html)

   Alasan keberadaan berkas ini: Fullscreen API terikat pada satu dokumen.
   Setiap navigasi halaman — termasuk location.reload() — mengakhiri fullscreen,
   dan untuk masuk lagi browser mewajibkan gestur pengguna. Dengan menyatukan
   layar Masuk, Sambutan, dan Inbox ke satu dokumen, peserta cukup sekali
   menekan "Masuk" dan fullscreen bertahan sampai asesmen selesai.
   ══════════════════════════════════════════════════════════════════════════ */

.vm-view {
    display: none;
}

.vm-view.active {
    display: block;
}

/* Layar Masuk & Sambutan memakai kartu yang dipusatkan, jadi butuh flex */
.vm-view--auth.active {
    display: flex;
}