diff --git a/client/app.js b/client/app.js
index 18e38da..50dfa6e 100644
--- a/client/app.js
+++ b/client/app.js
@@ -3544,7 +3544,9 @@ class GolfGame {
         const cardHeight = deckRect.height;
 
         // Position card centered, overlapping both piles (lower than before)
-        const overlapOffset = cardHeight * 0.35; // More overlap = lower position
+        // On mobile portrait, reduce overlap so held card doesn't cover 2-row opponents
+        const isMobilePortrait = document.body.classList.contains('mobile-portrait');
+        const overlapOffset = cardHeight * (isMobilePortrait ? 0.15 : 0.35);
         const cardLeft = centerX - cardWidth / 2;
         const cardTop = deckRect.top - overlapOffset;
         this.heldCardFloating.style.left = `${cardLeft}px`;
diff --git a/client/style.css b/client/style.css
index 4c2bb21..aedf033 100644
--- a/client/style.css
+++ b/client/style.css
@@ -5071,7 +5071,7 @@ body.mobile-portrait .opponents-row {
     align-items: flex-start;
     gap: 9px 10px;
     min-height: 0 !important;
-    padding: 2px 4px 6px;
+    padding: 2px 4px 12px;
     overflow: visible;
     flex-shrink: 0;
 }