Index: src/assets/css/ward.css
===================================================================
--- src/assets/css/ward.css	(revision a5a62490bec7673afe4e4c5c788f48466eb96b8b)
+++ src/assets/css/ward.css	(revision 084b046d930ee79f779d73d05b08e90d00fd684f)
@@ -86,2 +86,16 @@
   overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
 }
+
+/* ── De hemel ─────────────────────────────────────────────────────────── */
+/* Ligt achter alles en draait altijd. In kaartenstand is hij decor; in
+   berichtenstand vallen de kaarten weg en is hij de interface. */
+#sky { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; }
+#app { position: relative; z-index: 1; }
+.topbar { display: flex; align-items: center; gap: 12px; }
+.topbar h1 { margin: 8px 0 20px; }
+.topbar #mode {
+  margin-left: auto; border: 0; border-radius: 999px; padding: 8px 16px;
+  background: #2a3342; color: var(--ink); font: inherit;
+}
+/* De kaarten vallen weg, de hemel blijft: dezelfde beweging als in de app. */
+body.messages-mode .help, body.messages-mode .cards { display: none; }