Put the key art behind the main menu

2026-09-21 01:08:42 +02:00
parent ede258d39f
commit dc0432a60a
2 changed files with 9 additions and 0 deletions
@@ -91,6 +91,15 @@ html, body {
 }
 #screen-menu.active, #screen-new.active, #screen-join.active, #screen-choose.active { display: flex; }

+/* The main menu sits on the game's key art, dimmed so the card stays legible;
+   the setup, join and choose screens keep the plain gradient above. */
+#screen-menu {
+  background:
+    radial-gradient(circle at 50% 25%, rgba(60, 90, 140, 0.25), transparent 60%),
+    linear-gradient(180deg, rgba(5, 7, 12, 0.45), rgba(5, 7, 12, 0.85)),
+    url("../assets/main_menu_background.png") center / cover no-repeat;
+}
+
 .menu-card {
  width: 380px;
  padding: 28px 32px;