.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.mcard{aspect-ratio:1;min-height:var(--tap);padding:0;display:grid;place-items:center;font-size:clamp(1.75rem,8vw,2.75rem);line-height:1;border:2px solid var(--primary-30);border-radius:var(--radius-md);background:var(--primary-30);color:transparent;cursor:pointer;transition:background-color 0.15s,transform 0.15s}.mcard:hover{background:var(--primary-20)}.mcard[data-state="up"],.mcard[data-state="matched"]{background:var(--color-surface);color:var(--color-text);cursor:default}.mcard[data-state="matched"]{background:var(--primary-95);border-color:var(--primary-40)}.mcard[data-state="up"]{border-color:var(--color-accent)}