.mem-game{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:2rem;align-items:start}.mem-controls{display:grid;gap:1rem}.mem-controls .btn{width:100%}.mem-stats{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:.9rem 1rem;list-style:none;border:1px solid var(--line-strong);background:var(--paper)}.mem-stats li{margin:0;font:500 1.1rem var(--serif)}.mem-stats strong{font-weight:500;color:var(--brass-text)}.mem-board{display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px}.mem-board--12{grid-template-columns:repeat(4,minmax(0,1fr))}.mem-card{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer;perspective:700px;border-radius:6px}.mem-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .35s}.mem-card[data-state=up] .mem-inner,.mem-card[data-state=matched] .mem-inner{transform:rotateY(180deg)}.mem-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line-strong);backface-visibility:hidden;-webkit-backface-visibility:hidden}.mem-back{background:repeating-linear-gradient(45deg,var(--sand) 0 6px,#e0d6c1 6px 8px);box-shadow:inset 0 0 0 4px var(--paper)}.mem-card:hover .mem-back{background:repeating-linear-gradient(45deg,#e9dfc9 0 6px,#d9cdb3 6px 8px)}.mem-front{background:var(--paper);transform:rotateY(180deg);color:var(--ink)}.mem-card[data-state=matched] .mem-front{background:var(--olive-tint);border-color:var(--olive)}.mem-symbol{width:62%;height:62%;fill:currentColor}.mem-nojs,.no-js .mem-game{display:none}.no-js .mem-nojs{display:block}.mem-sprite{position:absolute;width:0;height:0;overflow:hidden}.print-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,.9fr);gap:2rem;align-items:center}.design-strip img{width:100%}@media(min-width:640px){.mem-board--12{grid-template-columns:repeat(6,minmax(0,1fr))}.mem-board--8{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:960px){.mem-game,.print-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mem-inner{transition:none}}
