PICK SEA overlay: sea SCSS → _card-deck.scss; Sig card + qualifier display; crossing slot deferred

- sea overlay SCSS moved from _natus.scss to end of _card-deck.scss (correct file for card/overlay primitives)
- Significator center slot: sig-stage-card w. .sea-cross context rule (background, border, aspect-ratio, overflow); fan-card-face name + sig-qualifier-above/below at 0.5rem w. word-wrap
- _sea_overlay.html: qualifier rendered from user_polarity + arcana (MIDDLE → Leavened/Graven above; MAJOR → below); crossing slot removed from HTML + grid-template-areas (deferred re-add later)
- SCSS grid trimmed to 3 rows (crown/past-center-future/root); .sea-pos-crossing class kept for later reuse

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-27 01:02:01 -04:00
parent 7fcb6f307c
commit ad7a354f8c
3 changed files with 215 additions and 197 deletions

View File

@@ -11,7 +11,7 @@
<header class="sea-modal-header">
<h2>PICK <span>SEA</span></h2>
<p>Choose your spread and draw your Celtic Cross.</p>
<p>Draw cards to circumscribe your character's influences and seed the Voronoi map.</p>
</header>
<div class="sea-modal-body">
@@ -29,9 +29,19 @@
</div>
{# Center — Significator (already placed) #}
<div class="sea-cross-cell sea-pos-center">
<div class="sea-card-slot sea-card-slot--sig">
<div class="sig-stage-card" style="--sig-card-w: 4rem">
{% if my_tray_sig %}
<span class="sea-sig-name">{{ my_tray_sig.name_title }}</span>
<div class="fan-card-face">
{% if my_tray_sig.arcana == "MIDDLE" %}
<p class="sig-qualifier-above">{% if user_polarity == "levity" %}Leavened{% else %}Graven{% endif %}</p>
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
{% elif my_tray_sig.arcana == "MAJOR" %}
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
<p class="sig-qualifier-below">{% if user_polarity == "levity" %}Leavened{% else %}Graven{% endif %}</p>
{% else %}
<p class="fan-card-name">{{ my_tray_sig.name_title }}</p>
{% endif %}
</div>
{% endif %}
</div>
</div>
@@ -43,10 +53,7 @@
<div class="sea-cross-cell sea-pos-root">
<div class="sea-card-slot sea-card-slot--empty"></div>
</div>
{# Crossing — position 2 (rotated across center) #}
<div class="sea-cross-cell sea-pos-crossing">
<div class="sea-card-slot sea-card-slot--empty sea-card-slot--crossing"></div>
</div>
{# Crossing — position 2 (rotated) deferred; re-add once layout is finalized #}
</div>
</div>