my-sea portrait SPREAD dropdown opens UP, not down — top: 100% was extending the list below the form col, which on portrait sits flush at the bottom of the visible aperture w. navbar/footer pinned beneath it (options unreachable). bottom: 100% (+ margin flipped to bottom) grows the list into the abundant green aperture above. Chained &.sea-form-col per [[feedback-scss-import-order-specificity]] to beat card-deck's later-loaded base

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

src/static_src/scss/_gameboard.scss

@@ -547,6 +547,22 @@ body.page-gameboard {
     .sea-select-list {
         z-index: 1000;
     }
+
+    // Portrait — open the SPREAD dropdown UPWARD instead of downward.
+    // The portrait form col sits at the bottom of the viewport (below
+    // the cross spread) w. the navbar/footer pinned beneath it, so the
+    // default `top: 100%` dropdown extends BELOW the visible aperture
+    // + the user can't scroll to it. Flipping to `bottom: 100%` makes
+    // the list grow upward into the abundant green aperture above.
+    // Chained `&.sea-form-col` to beat card-deck's later-loaded base
+    // (per [[feedback-scss-import-order-specificity]]).
+    @media (orientation: portrait) {
+        &.sea-form-col .sea-select .sea-select-list {
+            top: auto;
+            bottom: 100%;
+            margin: 0 0 0.2rem;
+        }
+    }
 }
 
 // LOCK HAND post-commit visual-lock: dim everything that mutates the