:root{--viewport-height: 100vh;--font-family-primary: "Alan Sans", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--color-table-green: rgb(34, 139, 39);--color-header-green: rgb(20, 100, 25);--color-forest-dark: #0f3d15;--color-forest-mid: #1b5b24;--color-forest-light: #228b27;--color-cream: #f8f1e2;--color-gold: #e3c370;--color-surface-dark: rgba(0, 0, 0, .2);--color-surface-light: rgba(0, 0, 0, .1);--color-surface-hover: rgba(0, 0, 0, .05);--color-border: rgba(0, 0, 0, .1);--color-text-primary: rgba(255, 255, 255, .8);--color-text-hover: rgba(255, 255, 255, 1);--color-hearts: #E53E3E;--color-diamonds: #D53F8C;--color-clubs: #4A5568;--color-spades: #2D3748;--foundation-color-clubs: #718096;--foundation-color-spades: #718096;--bg-hearts: linear-gradient(135deg, rgba(229, 62, 62, .08), rgba(229, 62, 62, .04));--bg-diamonds: linear-gradient(135deg, rgba(213, 63, 140, .08), rgba(213, 63, 140, .04));--bg-clubs: linear-gradient(135deg, rgba(45, 55, 72, .12), rgba(45, 55, 72, .06));--bg-spades: linear-gradient(135deg, rgba(26, 32, 44, .15), rgba(26, 32, 44, .08));--suit-symbol-size: clamp(1.5rem, 4vw, 2.5rem);--suit-symbol-opacity: .7;--suit-symbol-opacity-hover: .9;--card-aspect-ratio: 5 / 7;--card-border-radius: clamp(.5rem, 1vw, .5rem);--card-min-height: clamp(100px, 15vh, 120px);--spacing-xs: clamp(.5rem, 2vw, .75rem);--spacing-sm: clamp(1rem, 3vw, 1.25rem);--spacing-md: clamp(1.25rem, 3vw, 1.5rem);--spacing-lg: clamp(1.5rem, 4vw, 2.5rem);--shadow-card: 0 clamp(2px, .5vw, 4px) clamp(4px, 1vw, 8px) rgba(0, 0, 0, .15);--shadow-card-hover: 0 clamp(6px, 1.5vw, 8px) clamp(12px, 2.5vw, 16px) rgba(0, 0, 0, .3);--shadow-text: 0 clamp(1px, .25vw, 2px) clamp(2px, .5vw, 4px) rgba(0, 0, 0, .3);--board-max-width: clamp(320px, 95vw, 900px);--board-columns: 7;--transition-base: color .28s ease, background-color .28s ease, opacity .2s ease, transform .2s ease;--transform-hover-scale: 1.1;--focus-ring-color: rgba(255, 255, 255, .3);--focus-ring-width: 3px;--focus-ring-offset: 2px;--high-contrast-border: 2px solid #FFFFFF;--reduced-motion-duration: .01s}@media (max-width: 768px){:root{--card-min-height: clamp(88px, 18vh, 112px);--spacing-sm: clamp(.85rem, 4vw, 1.1rem);--spacing-md: clamp(1rem, 5vw, 1.35rem)}}@media (max-width: 600px){:root{--card-min-height: clamp(68px, 20vh, 96px);--spacing-xs: clamp(.35rem, 4vw, .6rem);--spacing-sm: clamp(.75rem, 4.5vw, 1rem)}}@media (max-width: 480px){:root{--spacing-md: clamp(.85rem, 6vw, 1.1rem)}}@media (max-width: 420px){:root{--card-min-height: clamp(60px, 24vh, 88px);--spacing-sm: clamp(.65rem, 5vw, .9rem)}}@media (max-width: 360px){:root{--card-min-height: clamp(56px, 28vh, 78px);--spacing-xs: clamp(.3rem, 5vw, .5rem);--spacing-sm: clamp(.6rem, 5.5vw, .85rem)}}