Mission/MAKIMA backdrop: slightly translucent (alpha 0.72→0.84, blur 28px)heisei-twilight-landing

1 files changed, 11 insertions, 10 deletions

diff --git a/frontend/src/styles/heisei.css b/frontend/src/styles/heisei.css
index 951002e..b532c02 100644
--- a/frontend/src/styles/heisei.css
+++ b/frontend/src/styles/heisei.css
@@ -120,17 +120,18 @@ body { background: var(--hz-night); color: var(--hz-ink); }
   );
 }
 
-/* Mission-mode backdrop — solid plate so the dusk-pink horizon and
-   bokeh from the page background don't bleed through behind the
-   panel content. The panel reads as its own surface, not a tinted
-   overlay over the homepage. */
+/* Mission-mode backdrop — slightly translucent so the dusk ambient
+   (blue + bokeh) reads through, but alpha stays high enough at the
+   bottom that the pink horizon dissolves into deep blue. Strong blur
+   radius diffuses any residual into soft tone, never a band. */
 .modern-landing-page.manga-style .taisho-cover.mission-mode .cover-backdrop {
-  /* Near-opaque dark plate, uniform top-to-bottom (slight gradient kept
-     for depth so it doesn't read as flat-painted). */
-  background: linear-gradient(180deg, #0a1024 0%, #0b1530 100%);
-  /* Strong blur so even residual ambient bleed is fully diffused */
-  backdrop-filter: blur(20px) saturate(80%);
-  -webkit-backdrop-filter: blur(20px) saturate(80%);
+  background: linear-gradient(180deg,
+    rgba(11, 17, 36, 0.72) 0%,
+    rgba(11, 17, 36, 0.78) 50%,
+    rgba(11, 17, 36, 0.84) 100%
+  );
+  backdrop-filter: blur(28px) saturate(90%);
+  -webkit-backdrop-filter: blur(28px) saturate(90%);
 }
 
 /* ----------------------------------------------------------------