diff --git a/client/app.js b/client/app.js index ad5f79f..7ac84fe 100644 --- a/client/app.js +++ b/client/app.js @@ -3544,9 +3544,9 @@ class GolfGame { const cardHeight = deckRect.height; // Position card centered, overlapping both piles (lower than before) - // On mobile portrait, reduce overlap so held card doesn't cover 2-row opponents + // On mobile portrait, place held card fully above the deck/discard area const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 0.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); const cardLeft = centerX - cardWidth / 2; const cardTop = deckRect.top - overlapOffset; this.heldCardFloating.style.left = `${cardLeft}px`; @@ -3609,7 +3609,7 @@ class GolfGame { const cardWidth = deckRect.width; const cardHeight = deckRect.height; const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 0.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); const cardLeft = centerX - cardWidth / 2; const cardTop = deckRect.top - overlapOffset; diff --git a/client/card-animations.js b/client/card-animations.js index afc1808..537e7ba 100644 --- a/client/card-animations.js +++ b/client/card-animations.js @@ -47,7 +47,7 @@ class CardAnimations { const cardWidth = deckRect.width; const cardHeight = deckRect.height; const isMobilePortrait = document.body.classList.contains('mobile-portrait'); - const overlapOffset = cardHeight * (isMobilePortrait ? 0.15 : 0.35); + const overlapOffset = cardHeight * (isMobilePortrait ? 1.15 : 0.35); return { left: centerX - cardWidth / 2,