my-sea: seated chairs settle to --secUser; owner sees all seated members; gear menu column; visit hex scales — TDD

Four my-sea / my_sea_visit fixes from user feedback.

1. Seated-chair snap-back: `.my-sea-landing .table-seat.seated .fa-chair`
   forced PERMANENT --terUser + --ninUser glow, out-specifying _room.scss's
   --secUser settle — so a seated chair eased in (the .seat-just-seated flare)
   then SNAPPED back to the glow. Removed it; the steady look is now the
   _room.scss --secUser as spec'd. The viewer's --self marker moves off the
   chair onto the position label so the chair can rest at --secUser.

2. Owner multi-seat: my_sea.html's landing rendered a hardcoded 1C-only seat
   loop, so the owner only ever saw herself even after refresh. It now renders
   the shared `_my_sea_seats(request.user)` ring — owner 1C + present visitors
   2C-6C — the same list the spectator + broadcasts use. (Live owner-side push
   is a follow-on; this fixes the on-refresh case.)

3. Gear sea menu: NVM + BYE laid out in a ROW because the BYE form is
   display:contents + applets.js force-sets the menu to display:block on open
   (can't flex the menu itself). Wrap them in the shared `.menu-btns` flex
   container and override it to a COLUMN in portrait / ROW in landscape (DRY —
   same container the room/applet menus use).

4. Visit hex scale: my_sea_visit didn't load room.js, so scaleTable() never ran
   and the table-hex rendered unscaled (unlike the owner's my_sea). Load room.js
   on the visit page too.

62 gameboard ITs (gear NVM + owner-seat + visit) green.

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/static_src/scss/_applets.scss

@@ -86,6 +86,16 @@
 #id_billboard_applet_menu  { @extend %applet-menu; }
 #id_billscroll_menu        { @extend %applet-menu; }
 #id_my_sea_menu            { @extend %applet-menu; }
+// My-Sea gear menu — stack its btns (NVM + BYE) in a COLUMN in portrait,
+// matching the room gear menu's vertical feel; flips to a ROW in landscape
+// (handled in the landscape block below). The menu itself can't be flexed —
+// applets.js force-sets inline `display: block` on open — so this overrides
+// the shared `%applet-menu .menu-btns` row to a column (margin-top reset since
+// the My-Sea menu has nothing above the btns). 2026-05-30.
+#id_my_sea_menu .menu-btns {
+    flex-direction: column;
+    margin-top: 0;
+}
 #id_bud_menu               { @extend %applet-menu; }
 
 // Page-level gear buttons — fixed to viewport bottom-right
@@ -163,6 +173,10 @@
         bottom: auto;
         left: auto;
     }
+
+    // Landscape: the My-Sea gear menu lays its btns out in a ROW (space is
+    // tight vertically), reverting the portrait column above.
+    #id_my_sea_menu .menu-btns { flex-direction: row; }
 }
 
 // ── Applet box visual shell (reusable outside the grid) ────

src/static_src/scss/_gameboard.scss

@@ -293,19 +293,14 @@ body.page-gameboard {
         grid-column: 1;
     }
 
-    // Seated chair (post-FREE DRAW). Visual transition mirrors
-    // `.table-seat.active .fa-chair` from _room.scss line 626 —
-    // --terUser color + --ninUser drop-shadow glow — but uses a stable
-    // `.seated` class (semantically distinct from `.active`: active =
-    // current turn in a multi-user room; seated = draw-locked occupant
-    // in this solo-flow). _room.scss line 596 makes the colour change
-    // a 0.6s ease transition so the chair animates rather than snaps.
-    // Status icon (.position-status-icon) colour swap fa-ban red →
-    // fa-circle-check green is handled by _room.scss lines 615-616.
-    .table-seat.seated .fa-chair {
-        color: rgba(var(--terUser), 1);
-        filter: drop-shadow(0 0 4px rgba(var(--ninUser), 1));
-    }
+    // NOTE: the steady seated-chair look is owned by `_room.scss`'s
+    // `.table-seat.seated .fa-chair` (--secUser, no glow) — the one-shot
+    // --terUser/--ninUser flare is the transient `.seat-just-seated`
+    // animation (my-sea-seat-flare, 2s forwards). An earlier `.my-sea-landing`
+    // override here forced the seated chair to PERMANENT --terUser + glow,
+    // which snapped back after the flare settled (it out-specified the
+    // _room.scss settle) — removed 2026-05-29 so a seated chair eases in then
+    // rests at opaque --secUser as spec'd.
 }
 
 // Picker phase bg — `--duoUser` matches the table hex's interior so

src/static_src/scss/_room.scss

@@ -640,9 +640,11 @@ html:has(.gate-backdrop) .position-strip .gate-slot button { pointer-events: aut
     &.seat-just-seated .fa-chair {
         animation: my-sea-seat-flare 2s ease forwards;
     }
-    // The viewer's own occupied seat on the multi-seat spectator hex — a
-    // subtle --terUser tint so they can pick themselves out of 2C–6C.
-    &.table-seat--self .fa-chair {
+    // The viewer's own occupied seat on the multi-seat spectator hex — tint
+    // the position LABEL (2C…) --terUser so they can pick themselves out,
+    // WITHOUT recolouring the chair (which must rest at the steady --secUser
+    // seated look, not the flare colour). 2026-05-29.
+    &.table-seat--self .seat-position-label {
         color: rgba(var(--terUser), 1);
     }