.mm-board { display: grid; grid-template-columns: repeat(4, 64px); gap: 8px; justify-content: center; margin: 10px auto; }
.mm-board .card { width: 64px; height: 64px; border-radius: 12px; border: none; background: var(--surface-2); color: var(--ink); font-size: 30px; cursor: pointer; display: grid; place-items: center; }
.mm-board .card.up { background: var(--grape); color: #fff; }
.mm-board .card.matched { background: #6bcb77; color: #06281a; }
.hud { text-align: center; font-size: 13px; color: var(--muted); margin: 8px 0; }
.hud b { color: var(--ink); }