Move held card to gap above deck area on mobile portrait

Position the held card a full card height above the deck (1.15x offset)
so it sits in the space between opponents and the draw/discard piles.
All three position calculations (app.js x2, card-animations.js) are
synced so draw animations land at the correct held position.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken
2026-02-22 18:27:45 -05:00
parent 0d5c0c613d
commit 26bc151458
2 changed files with 4 additions and 4 deletions

View File

@@ -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,