:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-md-lg: 1.25rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-timer-mobile: clamp(1rem, 4vw, 1.5rem);--font-size-heading-mobile: 2rem;--font-size-button-mobile: 1.25rem;--font-size-card-mobile: clamp(2rem, 8vw, 4rem);--font-size-heading-tablet: 3rem;--font-size-button-tablet: 1.5rem;--font-size-heading-desktop: 4rem;--font-size-button-desktop: 2rem;--font-size-card-desktop: 4rem;--font-size-timer-desktop: 1.5rem;--card-size-min: 80px;--card-size-max: 140px;--card-size-responsive: clamp(var(--card-size-min), 20vw, var(--card-size-max));--border-radius: 8px;--border-width-min: 2px;--border-width-max: 4px;--border-width-responsive: clamp(var(--border-width-min), 1vw, var(--border-width-max));--transition-fast: .3s ease-out;--transition-base: .3s ease;--opacity-disabled: .4}section.svelte-13kz080{height:100%;display:grid;place-content:center;padding:var(--spacing-md);padding-bottom:var(--spacing-xl);box-sizing:border-box}.timer.svelte-13kz080{transition:color var(--transition-base);text-align:center;font-size:var(--font-size-timer-mobile);margin-bottom:var(--spacing-md)}section.svelte-13kz080 h1:where(.svelte-13kz080){font-size:var(--font-size-heading-mobile);text-align:center;text-transform:capitalize}section.svelte-13kz080 button:where(.svelte-13kz080){padding:var(--spacing-md);font-size:var(--font-size-button-mobile);font-weight:900;background:none;border-radius:var(--border-radius);border:none;cursor:pointer;display:flex;place-items:center;justify-content:center;font-family:Overpass,sans-serif}.board.svelte-13kz080{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%;max-width:100%}.row.svelte-13kz080{display:flex;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap;width:100%}.card.svelte-13kz080{height:var(--card-size-responsive);width:var(--card-size-responsive);min-height:var(--card-size-min);min-width:var(--card-size-min);font-size:var(--font-size-card-mobile);background-color:var(--fart-lighter-dark-green);transition:rotate var(--transition-fast);transform-style:preserve-3d;position:relative;flex-shrink:0}.card.selected.svelte-13kz080{border:var(--border-width-responsive) solid var(--fart-green)}.card.flip.svelte-13kz080{rotate:y 180deg;pointer-events:none}.card.svelte-13kz080 .back:where(.svelte-13kz080){position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;backface-visibility:hidden;rotate:y 180deg}.card.svelte-13kz080 .back.match:where(.svelte-13kz080){transition:opacity var(--transition-fast);opacity:var(--opacity-disabled);background-color:var(--fart-darker-dark-green)}@media (min-width: 480px){section.svelte-13kz080 h1:where(.svelte-13kz080){font-size:var(--font-size-heading-tablet)}section.svelte-13kz080 button:where(.svelte-13kz080){padding:var(--spacing-md-lg);font-size:var(--font-size-button-tablet)}.board.svelte-13kz080,.row.svelte-13kz080{gap:var(--spacing-sm)}}@media (min-width: 768px){section.svelte-13kz080{padding:var(--spacing-xl)}section.svelte-13kz080 h1:where(.svelte-13kz080){font-size:var(--font-size-heading-desktop)}section.svelte-13kz080 button:where(.svelte-13kz080){padding:var(--spacing-lg);font-size:var(--font-size-button-desktop)}.card.svelte-13kz080{height:var(--card-size-max);width:var(--card-size-max);font-size:var(--font-size-card-desktop)}.card.selected.svelte-13kz080{border:var(--border-width-max) solid var(--fart-green)}.timer.svelte-13kz080{font-size:var(--font-size-timer-desktop)}}
