Adjust positions of left/right/hand cards

Author: afarber

playing-cards-2-planes/Hand.js

@@ -66,7 +66,7 @@ export class Hand extends CardContainer {
 
     cards.forEach((card, index) => {
       card.x = firstCardX + index * spacingBetweenCards + card.jitterX;
-      card.y = this._screen.height + card.jitterY - CARD_HEIGHT / 3;
+      card.y = this._screen.height + card.jitterY - CARD_HEIGHT / 6;
       card.baseX = card.x;
       card.baseY = card.y;
       // Apply tilt: 0 degrees at middle, increasing by 1 degree per card away from center

playing-cards-2-planes/Left.js

@@ -48,7 +48,7 @@ export class Left extends CardContainer {
     // Use CARD_WIDTH for spacing since cards are rotated 90 degrees
     // Asymmetric padding: less at top, more at bottom to avoid Hand cards
     const minPaddingTop = CARD_WIDTH / 6;
-    const minPaddingBottom = CARD_WIDTH / 2;
+    const minPaddingBottom = CARD_WIDTH / 4;
     const maxSpacingBetweenCards = CARD_WIDTH / 3;
 
     const availableHeight = this._screen.height - minPaddingTop - minPaddingBottom - CARD_WIDTH;

playing-cards-2-planes/Right.js

@@ -48,7 +48,7 @@ export class Right extends CardContainer {
     // Use CARD_WIDTH for spacing since cards are rotated 90 degrees
     // Asymmetric padding: less at top, more at bottom to avoid Hand cards
     const minPaddingTop = CARD_WIDTH / 6;
-    const minPaddingBottom = CARD_WIDTH / 2;
+    const minPaddingBottom = CARD_WIDTH / 4;
     const maxSpacingBetweenCards = CARD_WIDTH / 3;
 
     const availableHeight = this._screen.height - minPaddingTop - minPaddingBottom - CARD_WIDTH;