feat: My Sea applet dynamic population + lay/leave POSITION_LABELS swap fix + My Sign applet stat-block + Brief-fied sign-gate + --duoUser olive on all four personal-data surfaces. Six visual+structural items batched across the dashboard/billboard/gameboard.

(1) **My Sea applet dynamic population.** Applet at `_applet-my-sea.html` was referencing an undefined `latest_draw_cards` template var — fell through to "No draws yet" even when the user had an active draw. New helpers in `apps/gameboard/models.py`: `DRAW_ORDER` + `POSITION_LABELS` constants (Python mirrors of the JS dicts in `my_sea.html:274-293`) + `latest_draw_slots(user)` builder that pairs each spread position w. its drawn card + display label + polarity. Wired through `gameboard()` + `toggle_game_applets()` views as `my_sea_slots`. Applet now renders all spread slots in DRAW_ORDER: filled = `.my-sea-slot--filled.my-sea-slot--{gravity,levity}` w. corner-tl + face (name + arcana) + corner-br (mirror) markup (same shape language as my_sign.html `.sig-stage-card`), empty = `.my-sea-slot--empty` w. `0.15rem dashed rgba(var(--terUser), 1)` border (matches the picker's `.sea-card-slot` style exactly so the applet reads as a true scaled-down twin). Container queries (`container-type: size` on `.my-sea-scroll`) lift `--slot-w` to fill the applet's vertical aperture (`min(100cqi, calc((100cqh - 1rem) * 5 / 8))` carves the label row). Position labels pulled tight against the slot's bottom border (`margin-top: -0.15rem` crosses the border line) + vertically stretched (`transform: scaleY(1.4)` mirroring `.sea-pos-label` in `_card-deck.scss:1671-1684`) — empty-slot labels keep the same `--secUser` ink as filled-slot labels for title cohesion across the row. Horizontal-scroll on multi-card spreads via mousewheel — `bindMySeaWheel()` in `gameboard.js` translates vertical wheel events to `scrollLeft += deltaY` (lifted verbatim from `bindPaletteWheel` in `dashboard.js:7-14`).

(2) **lay/leave POSITION_LABELS swap fix.** User caught in the Escape Velocity picker that LEFT slot read "Lay" + BOTTOM slot read "Leave" — opposite of traditional Celtic Cross semantics (LEFT = Behind/past, BOTTOM = Beneath/root). Root cause: POSITION_LABELS for both Waite-Smith + Escape Velocity had `lay`/`leave` slug→label assignments inverted vs the CSS grid's spatial mapping (`_card-deck.scss:1276-1279` puts slug `lay` at BOTTOM, slug `leave` at LEFT). Fix in 5 places: `my_sea.html:287,292` JS POSITION_LABELS (WS: lay→"Beneath", leave→"Behind"; EV: lay→"Lay", leave→"Leave"), `gameboard/models.py:44-47` Python mirror, `test_game_my_sea.py:618-619` FT label-assertion table, `_sea_overlay.html:28,53` annotated comments (`sea-pos-leave` → "Behind (past) — CC pos 6 / EV pos 4"; `sea-pos-lay` → "Beneath (root) — CC pos 4 / EV pos 3"). Slug-to-CSS mapping, DRAW_ORDER, + DB persistence unchanged → no migrations, no data invalidation. **Crucial for Voronoi mapping correctness** per user spec.

(3) **My Sign applet — stage-card layout + stat-block beside.** Applet card markup upgraded to mirror my_sign.html `.sig-stage-card`: corner-tl + face (name + arcana centred) + corner-br (mirror, rotated 180°). Sized to fill applet height via container queries (`--applet-card-w: min(48cqi, 62.5cqh)` — 48cqi caps the card at half the row to leave room for the stat-block). Sibling `.my-sign-applet-stat-block` partial added — emanation/reversal face label + keyword list (from `card.keywords_upright` / `keywords_reversed` keyed off `significator_reversed`), no SPIN/FYI buttons (applet is read-only). Styling cribbed from `.sig-stat-block` in `_card-deck.scss:595-607` — priUser-translucent bg + terUser border + matching `--applet-card-w` sizing.

(4) **My Sea sign-gate refactored to Brief banner.** Was an inline `.my-sea-sign-gate` div w. its own SCSS — broke from the project's `Brief.showBanner` portal pattern. Refactored to a shared `_my_sea_sign_gate_brief.html` partial that fires `Brief.showBanner` w. title="Sign required" + line_text="Look!—pick your sign before drawing the Sea." + post_url=`/billboard/my-sign/`. Brief portals to the page-level h2 anchor via `note.js`'s `_alignToH2` (gaussian-glass `.note-banner` shell, FYI button → my-sign picker, NVM dismisses). Modifier class `.my-sea-sign-gate-brief` added post-render for FT selector disambiguation. note.js load hoisted to gameboard.html `{% block scripts %}` + the top of `my_sea.html {% block content %}` (single load per page — note.js declares `const Brief = ...` at global scope, second load = SyntaxError). All `.my-sea-sign-gate{,--applet,__line,__actions,__back,__fyi}` SCSS deleted. FTs (`test_no_sig_renders_lookline_gate_on_standalone_page` + 5 siblings) + ITs (`test_my_sea_applet_fires_sign_gate_brief_for_user_without_sig` etc.) updated to assert `.note-banner.my-sea-sign-gate-brief` + the JS-rendered FYI/NVM buttons inside the Brief shell.

(5) **Levity card text invisibility fix.** My-sea applet levity slots (--secUser bg) rendered their corner-rank + suit-icon invisible because `.fan-card-corner` carries a global `color: rgba(var(--secUser), 0.75)` rule at `_card-deck.scss:312-319` (specificity 0,1,0) that out-specifics the slot's inherited `color: --priUser`. Same trap as the `.fan-card-name { color: --quiUser }` global. Fix at `_gameboard.scss` inside the levity rule: explicit `.fan-card-corner { color: rgba(var(--priUser), 1) }` + `.fan-card-name { color: rgba(var(--priUser), 1) }` + `.fan-card-arcana { color: rgba(var(--priUser), 0.7) }` overrides at (1,3,1) specificity — beats the globals without `!important`. **Trap captured in memory** — pattern repeats across game-kit, my-sign, my-sea so worth pinning.

(6) **--duoUser olive on all five personal-data surfaces.** Per user spec, the four "personal" applets (My Sign on billboard, My Sea on gameboard, My Sky on dashboard) + the standalone Dashsky page + the standalone My Sign page got `background-color: rgba(var(--duoUser), 1)` so they read as a unified olive-bg group across navigation surfaces. For Dashsky specifically, the form column also got the override (`.sky-page .sky-form-col { background: --duoUser }`) — the base `.sky-form-col { background: --priUser }` (`_sky.scss:137`, shared w. the in-room CAST SKY modal) was leaving the dashsky form column purple inside the otherwise-olive page. Scoped to `.sky-page` so the in-room modal's purple form-col stays intact (sits over --secUser room bg, needs that contrast). One detour caught: tried `body.page-sky { background-color: --duoUser }` to fill the gap below .sky-page's content-sized aperture but it bled to navbar + footer (which sit outside .container) — reverted.

**TDD coverage**: 3 new ITs in `apps/gameboard/tests/integrated/test_views.py` — `test_my_sea_applet_renders_drawn_cards_in_draw_order` (SAO 1-of-3 fills `lay` slot, cover/crown render as empty placeholders), `test_my_sea_applet_labels_match_locked_spread` (SAO labels exactly Situation/Action/Outcome), `test_my_sea_applet_waite_smith_labels_post_fix` (regression pin for the WS Cover/Cross/Crown/**Beneath**/Before/**Behind** sequence post-swap-fix). Existing my-sea applet ITs updated to match the new selector vocabulary (`.my-sea-slot--filled` instead of `.my-sea-card`, Brief script substring instead of `.my-sea-sign-gate--applet`). 6 my-sea FTs updated to the Brief-banner contract. 1214/1214 IT/UT green.

**.gitignore**: temporary entry for `src/apps/epic/static/apps/epic/images/cards-faces/minchiate-fiorentine/` until images get renamed — flagged for removal once the rename lands. (Per user's wget download of the Minchiate faces into the gameboard cards/ tree this session.)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/functional_tests/test_game_my_sea.py

@@ -62,35 +62,37 @@ class MySeaSignGateTest(FunctionalTest):
     # ── Test 1 ───────────────────────────────────────────────────────────────
 
     def test_no_sig_renders_lookline_gate_on_standalone_page(self):
-        """User without significator → /gameboard/my-sea/ shows the Look!-
-        formatted Brief-style line w. the gate copy + FYI + NVM buttons."""
+        """User without significator → /gameboard/my-sea/ fires the Look!-
+        formatted sign-gate Brief banner w. FYI + NVM controls (refactored
+        2026-05-22 from inline `.my-sea-sign-gate` div to a `.note-banner`
+        portaled via `Brief.showBanner`)."""
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/my-sea/")
-        gate = self.wait_for(
+        banner = self.wait_for(
             lambda: self.browser.find_element(
-                By.CSS_SELECTOR, ".my-sea-sign-gate"
+                By.CSS_SELECTOR, ".note-banner.my-sea-sign-gate-brief"
             )
         )
-        text = gate.text
+        text = banner.text
         self.assertIn("Look!", text)
         self.assertIn("pick your sign", text.lower())
         self.assertIn("drawing the Sea", text)
-        # FYI + NVM action buttons (class .my-sea-sign-gate__back retained
-        # post-relabel; the BACK→NVM swap was label-only).
-        fyi = gate.find_element(By.CSS_SELECTOR, ".my-sea-sign-gate__fyi")
+        # FYI + NVM action buttons live inside the Brief shell (built-in).
+        fyi = banner.find_element(By.CSS_SELECTOR, ".note-banner__fyi")
         self.assertTrue(fyi.is_displayed())
-        nvm = gate.find_element(By.CSS_SELECTOR, ".my-sea-sign-gate__back")
+        nvm = banner.find_element(By.CSS_SELECTOR, ".note-banner__nvm")
         self.assertTrue(nvm.is_displayed())
 
     # ── Test 2 ───────────────────────────────────────────────────────────────
 
     def test_gate_fyi_links_to_my_sign_picker(self):
-        """FYI button is an `<a href>` pointing at /billboard/my-sign/."""
+        """FYI button on the Brief is an `<a href>` pointing at /billboard/
+        my-sign/. Carries the standard `.note-banner__fyi` class."""
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/my-sea/")
         fyi = self.wait_for(
             lambda: self.browser.find_element(
-                By.CSS_SELECTOR, ".my-sea-sign-gate__fyi"
+                By.CSS_SELECTOR, ".my-sea-sign-gate-brief .note-banner__fyi"
             )
         )
         href = fyi.get_attribute("href") or ""
@@ -101,27 +103,32 @@ class MySeaSignGateTest(FunctionalTest):
 
     # ── Test 3 ───────────────────────────────────────────────────────────────
 
-    def test_gate_back_links_to_gameboard(self):
-        """NVM button is an `<a href>` pointing at /gameboard/. CSS class
-        `.my-sea-sign-gate__back` retained post BACK→NVM label swap."""
+    def test_gate_nvm_dismisses_brief(self):
+        """NVM button on the Brief dismisses the banner (built into
+        `Brief.showBanner`'s nvm handler — `banner.remove()`)."""
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/my-sea/")
         nvm = self.wait_for(
             lambda: self.browser.find_element(
-                By.CSS_SELECTOR, ".my-sea-sign-gate__back"
+                By.CSS_SELECTOR, ".my-sea-sign-gate-brief .note-banner__nvm"
             )
         )
-        href = nvm.get_attribute("href") or ""
-        self.assertTrue(
-            href.endswith("/gameboard/"),
-            f"NVM should link to /gameboard/, got {href!r}",
+        nvm.click()
+        self.wait_for(
+            lambda: self.assertEqual(
+                len(self.browser.find_elements(
+                    By.CSS_SELECTOR, ".my-sea-sign-gate-brief"
+                )),
+                0,
+                "NVM should remove the gate Brief from the DOM",
+            )
         )
 
     # ── Test 4 ───────────────────────────────────────────────────────────────
 
     def test_with_sig_skips_gate_and_renders_draw_shell(self):
-        """User w. saved significator → no .my-sea-sign-gate on the page;
-        draw shell renders normally (Sprint 3 placeholder)."""
+        """User w. saved significator → no sign-gate Brief on the page;
+        draw shell renders normally."""
         _assign_sig(self.gamer, self.target_card)
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/my-sea/")
@@ -129,34 +136,35 @@ class MySeaSignGateTest(FunctionalTest):
             lambda: self.browser.find_element(By.CSS_SELECTOR, ".my-sea-page")
         )
         self.assertEqual(
-            len(self.browser.find_elements(By.CSS_SELECTOR, ".my-sea-sign-gate")),
+            len(self.browser.find_elements(
+                By.CSS_SELECTOR, ".my-sea-sign-gate-brief")),
             0,
-            "Gate should not render when user has a saved significator",
+            "Gate Brief should not render when user has a saved significator",
         )
 
     # ── Test 5 ───────────────────────────────────────────────────────────────
 
     def test_no_sig_applet_mirrors_gate_with_fyi_link(self):
-        """On /gameboard/, the My Sea applet's empty state shows the same
-        Look!-formatted gate w. FYI link to /billboard/my-sign/ when the
-        user has no significator. Provides a consistent UX across surfaces."""
+        """On /gameboard/, the My Sea applet fires the same sign-gate
+        Brief w. FYI link to /billboard/my-sign/ when the user has no
+        significator. Provides a consistent UX across surfaces."""
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/")
-        applet_gate = self.wait_for(
+        banner = self.wait_for(
             lambda: self.browser.find_element(
-                By.CSS_SELECTOR, "#id_applet_my_sea .my-sea-sign-gate"
+                By.CSS_SELECTOR, ".note-banner.my-sea-sign-gate-brief"
             )
         )
-        self.assertIn("Look!", applet_gate.text)
-        fyi = applet_gate.find_element(By.CSS_SELECTOR, ".my-sea-sign-gate__fyi")
+        self.assertIn("Look!", banner.text)
+        fyi = banner.find_element(By.CSS_SELECTOR, ".note-banner__fyi")
         href = fyi.get_attribute("href") or ""
         self.assertTrue(href.endswith("/billboard/my-sign/"))
 
     # ── Test 6 ───────────────────────────────────────────────────────────────
 
     def test_with_sig_applet_renders_default_empty_state(self):
-        """Applet w. saved sig → no gate, empty-state placeholder (until
-        Sprint 7 wires up the latest-draw rendering)."""
+        """Applet w. saved sig → no gate Brief, empty-state placeholder
+        ("No draws yet.") inside the applet body."""
         _assign_sig(self.gamer, self.target_card)
         self.create_pre_authenticated_session(self.email)
         self.browser.get(self.live_server_url + "/gameboard/")
@@ -165,7 +173,7 @@ class MySeaSignGateTest(FunctionalTest):
         )
         self.assertEqual(
             len(self.browser.find_elements(
-                By.CSS_SELECTOR, "#id_applet_my_sea .my-sea-sign-gate"
+                By.CSS_SELECTOR, ".my-sea-sign-gate-brief"
             )),
             0,
         )
@@ -615,8 +623,8 @@ class MySeaSpreadFormTest(FunctionalTest):
             "past-present-future":      {"leave": "Past",    "cover": "Present", "loom": "Future"},
             "mind-body-spirit":         {"crown": "Mind",    "lay":   "Body",    "loom": "Spirit"},
             "desire-obstacle-solution": {"loom":  "Desire",  "cross": "Obstacle","crown":"Solution"},
-            "waite-smith":              {"crown": "Crown",   "leave": "Beneath", "cover": "Cover",
-                                         "cross": "Cross",   "loom":  "Before",  "lay":   "Behind"},
+            "waite-smith":              {"crown": "Crown",   "leave": "Behind",  "cover": "Cover",
+                                         "cross": "Cross",   "loom":  "Before",  "lay":   "Beneath"},
         }
         picker = self._enter_picker_phase()
         combo  = picker.find_element(By.CSS_SELECTOR, "[data-combobox]")