diff --git a/src/static/tests/SeaDealSpec.js b/src/static/tests/SeaDealSpec.js
index 9a7ad19..7890130 100644
--- a/src/static/tests/SeaDealSpec.js
+++ b/src/static/tests/SeaDealSpec.js
@@ -21,13 +21,13 @@ describe("SeaDeal", () => {
 
                 <!-- Cross grid (simplified) -->
                 <div class="sea-cross">
-                    <div class="sea-cross-cell sea-pos-crown">
+                    <div class="sea-crucifix-cell sea-pos-crown">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-past">
+                    <div class="sea-crucifix-cell sea-pos-leave">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-center">
+                    <div class="sea-crucifix-cell sea-pos-core">
                         <div class="sea-sig-card"></div>
                         <div class="sea-pos-cover">
                             <div class="sea-card-slot sea-card-slot--empty"></div>
@@ -36,10 +36,10 @@ describe("SeaDeal", () => {
                             <div class="sea-card-slot sea-card-slot--empty"></div>
                         </div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-future">
+                    <div class="sea-crucifix-cell sea-pos-loom">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-root">
+                    <div class="sea-crucifix-cell sea-pos-lay">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                 </div>
diff --git a/src/static_src/scss/_card-deck.scss b/src/static_src/scss/_card-deck.scss
index 6fe9c6d..96d02d2 100644
--- a/src/static_src/scss/_card-deck.scss
+++ b/src/static_src/scss/_card-deck.scss
@@ -778,8 +778,8 @@ html.sea-open .sea-modal-wrap {
     display: grid;
     grid-template-areas:
         ".      crown   .      "
-        "past   center  future "
-        ".      root    .      ";
+        "leave  core    loom   "
+        ".      lay     .      ";
     grid-template-columns: 1fr 1fr 1fr;
     grid-template-rows: auto auto auto;
     gap: 0.5rem;
@@ -787,13 +787,12 @@ html.sea-open .sea-modal-wrap {
     justify-items: center;
 }
 
-.sea-cross-cell { display: flex; align-items: center; justify-content: center; }
+.sea-crucifix-cell { display: flex; align-items: center; justify-content: center; }
 .sea-pos-crown    { grid-area: crown; }
-.sea-pos-past     { grid-area: past; }
-.sea-pos-center   { grid-area: center; }
-.sea-pos-future   { grid-area: future; }
-.sea-pos-root     { grid-area: root; }
-.sea-pos-crossing { grid-area: crossing; }
+.sea-pos-leave     { grid-area: leave; }
+.sea-pos-core   { grid-area: core; }
+.sea-pos-loom   { grid-area: loom; }
+.sea-pos-lay     { grid-area: lay; }
 
 $sea-card-w: 4rem;
 $sea-card-h: 6.5rem;
@@ -874,8 +873,8 @@ $sea-card-h: 6.5rem;
     box-shadow: 0 0 0.5rem 0.25rem rgba(var(--ninUser), 0.35), 0 0 0.4rem rgba(0, 0, 0, 0.85);
 }
 
-// Cover + Cross — absolutely overlaid on the Sig card in .sea-pos-center
-.sea-pos-center { position: relative; }
+// Cover + Cross — absolutely overlaid on the Sig card in .sea-pos-core
+.sea-pos-core { position: relative; }
 
 .sea-pos-cover,
 .sea-pos-cross {
diff --git a/src/static_src/tests/SeaDealSpec.js b/src/static_src/tests/SeaDealSpec.js
index 9a7ad19..7890130 100644
--- a/src/static_src/tests/SeaDealSpec.js
+++ b/src/static_src/tests/SeaDealSpec.js
@@ -21,13 +21,13 @@ describe("SeaDeal", () => {
 
                 <!-- Cross grid (simplified) -->
                 <div class="sea-cross">
-                    <div class="sea-cross-cell sea-pos-crown">
+                    <div class="sea-crucifix-cell sea-pos-crown">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-past">
+                    <div class="sea-crucifix-cell sea-pos-leave">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-center">
+                    <div class="sea-crucifix-cell sea-pos-core">
                         <div class="sea-sig-card"></div>
                         <div class="sea-pos-cover">
                             <div class="sea-card-slot sea-card-slot--empty"></div>
@@ -36,10 +36,10 @@ describe("SeaDeal", () => {
                             <div class="sea-card-slot sea-card-slot--empty"></div>
                         </div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-future">
+                    <div class="sea-crucifix-cell sea-pos-loom">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
-                    <div class="sea-cross-cell sea-pos-root">
+                    <div class="sea-crucifix-cell sea-pos-lay">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                 </div>
diff --git a/src/templates/apps/gameboard/_partials/_sea_overlay.html b/src/templates/apps/gameboard/_partials/_sea_overlay.html
index 0a62598..244ed4c 100644
--- a/src/templates/apps/gameboard/_partials/_sea_overlay.html
+++ b/src/templates/apps/gameboard/_partials/_sea_overlay.html
@@ -22,15 +22,15 @@
             <div class="sea-cards-col">
                 <div class="sea-cross">
                     {# Crown — CC pos 3 / EV pos 5 #}
-                    <div class="sea-cross-cell sea-pos-crown">
+                    <div class="sea-crucifix-cell sea-pos-crown">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                     {# Beneath (past) — CC pos 4 / EV pos 3 #}
-                    <div class="sea-cross-cell sea-pos-past">
+                    <div class="sea-crucifix-cell sea-pos-leave">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                     {# Center — Significator (always placed) + Cover + Cross overlaid #}
-                    <div class="sea-cross-cell sea-pos-center">
+                    <div class="sea-crucifix-cell sea-pos-core">
                         <div class="sig-stage-card sea-sig-card" style="--sig-card-w: 4rem">
                             {% if my_tray_sig %}
                                 <span class="fan-corner-rank">{{ my_tray_sig.corner_rank }}</span>
@@ -47,11 +47,11 @@
                         </div>
                     </div>
                     {# Before (future) — CC pos 5 / EV pos 6 #}
-                    <div class="sea-cross-cell sea-pos-future">
+                    <div class="sea-crucifix-cell sea-pos-loom">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                     {# Behind (root) — CC pos 6 / EV pos 4 #}
-                    <div class="sea-cross-cell sea-pos-root">
+                    <div class="sea-crucifix-cell sea-pos-lay">
                         <div class="sea-card-slot sea-card-slot--empty"></div>
                     </div>
                 </div>
@@ -189,8 +189,8 @@
   const SEA_DECK_URL = overlay.dataset.seaDeckUrl;
 
   const SPREAD_ORDER = {
-    'waite-smith':     ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-crown', '.sea-pos-root', '.sea-pos-future', '.sea-pos-past'],
-    'escape-velocity': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-root', '.sea-pos-past', '.sea-pos-crown', '.sea-pos-future'],
+    'waite-smith':     ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-crown', '.sea-pos-lay', '.sea-pos-loom', '.sea-pos-leave'],
+    'escape-velocity': ['.sea-pos-cover', '.sea-pos-cross', '.sea-pos-lay', '.sea-pos-leave', '.sea-pos-crown', '.sea-pos-loom'],
   };
 
   let levityPile = [], gravityPile = [];