.mem-grid{grid-template-columns:repeat(var(--cols,4), 1fr);gap:10px;max-width:720px;margin-inline:auto;display:grid}.mem-card{aspect-ratio:4/3.4;cursor:pointer;perspective:800px;background:0 0;border:0;border-radius:16px;padding:0}.mem-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;display:block;position:relative}.mem-card.open .mem-inner,.mem-card.matched .mem-inner{transform:rotateY(180deg)}.mem-back,.mem-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;border-radius:16px;place-items:center;padding:6px;display:grid;position:absolute;inset:0}.mem-back{color:#ffffffe6;font-family:var(--font-head);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#d9488f,#7e57c2);font-size:2rem;font-weight:800}.mem-front{border:2px solid var(--line);color:var(--ink);overflow-wrap:anywhere;background:#fff;font-size:clamp(.82rem,2.6vw,1.1rem);font-weight:800;line-height:1.2;transform:rotateY(180deg)}.mem-card.matched .mem-front{background:var(--good-light);border-color:var(--good);color:#135c32}.mem-card:focus-visible{outline:3px solid var(--sun);outline-offset:3px}@media (prefers-reduced-motion:reduce){.mem-inner{transition:none}}