.intro{max-width:650px;margin:auto;padding:30px 22px}.big-icon{font-size:58px}.intro h1{font-size:clamp(34px,9vw,50px);margin:8px;letter-spacing:-.04em}.intro p{color:var(--muted);line-height:1.7}.status{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:760px;margin:auto}.memory-card{position:relative;aspect-ratio:.78;border:0;background:transparent;perspective:800px;cursor:pointer}.memory-card .inner{position:absolute;inset:0;transition:transform .35s;transform-style:preserve-3d}.memory-card.flipped .inner,.memory-card.matched .inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;display:grid;place-items:center;padding:7px;border:1px solid var(--border);border-radius:16px;backface-visibility:hidden;box-shadow:var(--soft)}.back{background:linear-gradient(145deg,var(--primary),var(--primary2));color:#fff;font-size:28px}.front{transform:rotateY(180deg);background:#fff;text-align:center;font-size:11px;font-weight:800;line-height:1.35}.front .emoji{display:block;font-size:23px;margin-bottom:5px}.memory-card.matched .front{background:var(--greenSoft);border-color:#a9ddc5}.memory-card:disabled{cursor:default}
@media(min-width:650px){.memory-board{gap:12px}.face{border-radius:20px}.front{font-size:14px}.front .emoji{font-size:30px}.back{font-size:36px}}