.match-board.svelte-1u21gtu{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:.5rem;width:100%;max-width:24rem;margin:0 auto}.match-card.svelte-1u21gtu{aspect-ratio:3 / 4;border:0;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;perspective:600px}.match-inner.svelte-1u21gtu{position:relative;display:block;width:100%;height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.match-card.up.svelte-1u21gtu .match-inner:where(.svelte-1u21gtu){transform:rotateY(180deg)}.match-back.svelte-1u21gtu,.match-front.svelte-1u21gtu{position:absolute;inset:0;display:grid;place-items:center;border:var(--arc-bw, 3px) solid var(--arc-border-col);border-radius:var(--arc-radius-sm, .55rem);backface-visibility:hidden;box-shadow:3px 3px 0 var(--arc-shadow-col)}.match-back.svelte-1u21gtu{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--arc-gold, #f4b740) 60%,var(--arc-card)) 0 8px,color-mix(in oklab,var(--arc-gold, #f4b740) 38%,var(--arc-card)) 8px 16px)}.match-back.svelte-1u21gtu:after{content:"🥔";font-size:1.5rem;filter:saturate(.85);opacity:.85}.match-front.svelte-1u21gtu{background:var(--arc-card);transform:rotateY(180deg);font-size:clamp(1.6rem,8vw,2.4rem);line-height:1}.match-card.matched.svelte-1u21gtu .match-front:where(.svelte-1u21gtu){background:color-mix(in oklab,var(--arc-lime, #84cc16) 26%,var(--arc-card));box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--arc-lime, #16a34a) 60%,transparent),3px 3px 0 var(--arc-shadow-col)}.match-card.matched.svelte-1u21gtu .match-inner:where(.svelte-1u21gtu){animation:svelte-1u21gtu-match-pop .45s ease}@keyframes svelte-1u21gtu-match-pop{0%,to{transform:rotateY(180deg) scale(1)}45%{transform:rotateY(180deg) scale(1.08)}}.match-card.svelte-1u21gtu:focus-visible{outline:3px solid var(--arc-sky, #2563eb);outline-offset:2px;border-radius:var(--arc-radius-sm, .55rem)}.match-loading.svelte-1u21gtu{display:grid;place-items:center;min-height:14rem;background:var(--arc-card);border:3px solid var(--arc-border-col);border-radius:var(--arc-radius, .6rem);box-shadow:var(--arc-off) var(--arc-off) 0 var(--arc-shadow-col)}@media(prefers-reduced-motion:reduce){.match-inner.svelte-1u21gtu{transition:none}.match-card.matched.svelte-1u21gtu .match-inner:where(.svelte-1u21gtu){animation:none}}