.match-board{margin:0 auto;position:relative}.match-board[data-cards="4"]{--card-w:92px;--card-h:122px;--gap:12px}.match-board[data-cards="6"]{--card-w:78px;--card-h:104px;--gap:10px}.match-board[data-cards="8"]{--card-w:70px;--card-h:92px;--gap:8px}.match-board[data-cards="10"]{--card-w:62px;--card-h:82px;--gap:8px}@media (max-width:400px){.match-board[data-cards="8"]{--card-w:62px;--card-h:82px;--gap:7px}.match-board[data-cards="10"]{--card-w:54px;--card-h:72px;--gap:6px}}.match-card{width:var(--card-w);height:var(--card-h);perspective:700px;cursor:pointer;background:0 0;border:none;padding:0;transition:filter .2s;position:absolute}.match-board.is-sliding .match-card{transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),filter .2s}.match-card[disabled]{cursor:default}.match-card.is-matched{filter:saturate(1.15)brightness(1.05)}.match-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1);position:relative}.match-card.is-open .match-card-inner,.match-card.is-matched .match-card-inner{transform:rotateY(180deg)}.match-card-face{backface-visibility:hidden;border:1px solid var(--g-line);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 2px 6px #0000002e}.match-card-back{background:linear-gradient(135deg, color-mix(in oklab, var(--d-games) 80%, transparent), color-mix(in oklab, var(--d-games) 55%, transparent));color:#001f27;color:lab(9.71606% -9.03687 -9.41073)}.match-card-back:after{content:"";background:#ffffff38;border:2px dashed #ffffff73;border-radius:50%;width:38%;height:38%}.match-card-front{background:var(--g-bg-elev);color:var(--d-games);transform:rotateY(180deg)}.match-card-front>svg{stroke-width:1.8px;width:64%;height:64%}.match-card.is-matched .match-card-front{outline:2px solid color-mix(in oklab, var(--g-correct,#2bd47d) 70%, transparent);background:color-mix(in oklab, var(--g-correct,#2bd47d) 18%, var(--g-bg-elev))}.match-card.is-checking:after{content:"";border:2px solid color-mix(in oklab, var(--d-games) 70%, transparent);pointer-events:none;border-radius:14px;animation:.9s ease-in-out infinite match-pulse;position:absolute;inset:-4px}@keyframes match-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.match-preview-chip{background:color-mix(in oklab, var(--d-games) 22%, var(--g-bg-elev));border:1px solid color-mix(in oklab, var(--d-games) 45%, var(--g-line));color:var(--g-ink);border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.match-preview-chip .dot{background:var(--d-games);border-radius:50%;width:8px;height:8px;animation:.7s ease-in-out infinite alternate match-blink}@keyframes match-blink{0%{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.match-spinner{border:2px solid color-mix(in oklab, var(--d-games) 30%, transparent);border-top-color:var(--d-games);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite match-spin;display:inline-block}@keyframes match-spin{to{transform:rotate(360deg)}}.match-banner{text-align:center;min-height:28px;color:var(--g-ink-soft);justify-content:center;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;display:flex}