: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: #2D3748;--color-spades: #1A202C;--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: .3;--suit-symbol-opacity-hover: .5;--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)}}.page__footer{display:flex;justify-content:center;padding:clamp(.95rem,2.6vw,1.65rem) clamp(1.4rem,4.25vw,2.85rem) calc(clamp(.95rem,2.6vw,1.65rem) + env(safe-area-inset-bottom,0px));margin-top:clamp(1.25rem,4.5vw,2.75rem);background:linear-gradient(180deg,#0c2d1200,#0c2d1273);color:var(--color-text-primary);width:100%}.global-footer{width:min(100%,1080px);display:flex;flex-direction:column;align-items:center;gap:clamp(.85rem,2.5vw,1.4rem);text-align:center}.global-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.45rem,2.2vw,1.35rem)}.global-footer__link{padding:.35rem .75rem;border-radius:999px;font-size:clamp(.85rem,1.9vw,.95rem);font-weight:var(--font-weight-medium);color:#ffffffd1;text-decoration:none;background:#0c0c0c2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:var(--transition-base)}.global-footer__link:hover,.global-footer__link:focus-visible{color:var(--color-text-hover);background:#0c0c0c52;outline:none}.global-footer__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:clamp(.8rem,1.75vw,.9rem);opacity:.8}@media (max-width: 640px){.page__footer{padding-inline:clamp(.9rem,4.5vw,1.35rem);margin-top:clamp(1rem,6vw,2rem)}.global-footer__link{padding:.3rem .6rem}.global-footer{gap:clamp(.7rem,4vw,1.1rem)}}