: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)}}body.is-embed{background:transparent;overflow:hidden}body.is-embed .page__header,body.is-embed .page__footer,body.is-embed .variant-bar,body.is-embed .site-header,body.is-embed .site-footer{display:none!important}body.is-embed .page__content{padding:0;margin:0;width:100vw;height:100vh;overflow:hidden;align-items:center;justify-content:center;padding-block-end:0;display:flex}body.is-embed .game-area{margin:0;padding:10px;width:100%;height:100%;min-height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}body.is-embed .game-board{margin:0;min-height:auto;align-content:center;transform-origin:center center;max-height:100%;max-width:100%}body.is-embed .floating-controls{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:auto;max-width:95%;margin:0;z-index:100;padding:0;background:transparent;box-shadow:none}body.is-embed .floating-controls--drawer{position:absolute;bottom:10px}body.is-embed .loading-overlay{background:#0d2818f2}