Intros share the access page's violet glow

CHANGELOG.md

@@ -12,6 +12,7 @@ The format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and
 
 ### Changed
 
+- Intros: the site intro and the vault's unlock intro now carry the ACCESS REQUIRED page's soft violet glow over the rain (one shared layer, same colour, size and position), in place of their dark edge vignette, so the gate → unlock hand-off keeps the same light.
 - Source Vault: the access number is now **Nº404** everywhere (nav, phone menu, header seal, stats, end credits, unlock intro). With the stems uploaded, the "SOON" / "UPLOADING SOON" placeholders are gone: the STEMS stat counts the stems (220, each as WAV + MIDI), ALL STEMS shows its total size once the release answers, each track's stems tab shows its stem count, the intro line reads "full stems as WAV and MIDI", and a failed download now says UNAVAILABLE · TRY AGAIN instead of NOT UPLOADED YET.
 - Intros: the readout card in both the site intro and the vault's unlock now matches the vault gate: no box, the four viewfinder corner ticks, the rain fading to dark behind it, a blinking tag (RECOVERY · ARCHIVE_404 / KEY ACCEPTED · SOURCE VAULT), a small title (RECOVERING FILES. / DECRYPTING VAULT.) and a gradient bar that fills with the 00 → 20 count.
 - Source Vault on phones: the chapter buttons wrap onto two rows instead of running off the screen, and the vault now always opens at the top after unlocking (typing the key had left the page scrolled down).

src/components/BootSequence.jsx

@@ -165,13 +165,7 @@ export function BootSequence({ onComplete }) {
       key="boot"
     >
       <TracklistRain drainRef={drainRef} />
-      <div
-        className="absolute inset-0 pointer-events-none"
-        style={{
-          background: "radial-gradient(ellipse 70% 70% at 50% 50%, transparent 30%, rgba(3,4,9,0.85) 100%)",
-        }}
-        aria-hidden="true"
-      />
+      <div className="e-glow" aria-hidden="true" />
       <span className="e-bscan" aria-hidden={true} />
       <div className={"e-icard" + (draining ? " out" : "")} aria-hidden="true">
         <span className="e-icard-vf" />

src/styles/overrides.css

@@ -2904,6 +2904,16 @@ body {
 }
 
 /* ===== intro M3: terminal readout over the tracklist rain (BootSequence) ===== */
+/* the violet glow over the rain: one layer shared by the site intro, the vault gate and the vault's
+   unlock intro, so the gate → unlock hand-off keeps the same light */
+.e-glow {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(161, 0, 255, 0.14), transparent 70%);
+}
+
 /* intro readout card (site intro + vault unlock): the vault gate's viewfinder card. No box, four
    corner ticks, the rain fading to dark behind the text; a tag, a small title, the readout lines and
    a gradient bar that fills with the 00 → 20 count. */

src/vault/vault.css

@@ -152,14 +152,6 @@ a {
   height: 100%;
   display: block;
 }
-.gate::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  pointer-events: none;
-  background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(161, 0, 255, 0.14), transparent 70%);
-}
 .gate.scan::after {
   z-index: 1;
 }
@@ -387,12 +379,6 @@ a {
   width: 100%;
   height: 100%;
 }
-.vi-vig {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  background: radial-gradient(ellipse 70% 70% at 50% 50%, transparent 30%, rgba(3, 4, 9, 0.85) 100%);
-}
 .vi-scan {
   position: absolute;
   inset: 0;

vault/index.html

@@ -29,6 +29,7 @@
     <!-- ================= GATE ================= -->
     <div class="gate scan" id="gate" role="dialog" aria-modal="true" aria-labelledby="gate-h">
       <canvas class="gate-rain" id="gateRain" aria-hidden="true"></canvas>
+      <div class="e-glow" aria-hidden="true"></div>
       <form class="gate-box" id="gateForm" autocomplete="off">
         <span class="vf" aria-hidden="true"></span>
         <div class="tg"><i></i>RESTRICTED · SOURCE VAULT</div>
@@ -50,7 +51,7 @@ <h1 id="gate-h">ACCESS <span class="grad">REQUIRED.</span></h1>
     <div class="sweep" id="sweep"></div>
     <div class="vintro" id="vintro" hidden aria-hidden="true">
       <canvas></canvas>
-      <div class="vi-vig"></div>
+      <div class="e-glow"></div>
       <div class="vi-scan"></div>
       <div class="e-icard" id="viTerm">
         <span class="e-icard-vf"></span>