main{max-width:560px}h1{font-size:28px}select{display:block;margin:10px auto;background:#302137;color:#fff1bf;border:1px solid #cda54e;border-radius:10px;padding:12px;font:inherit;max-width:100%}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.cards.many{grid-template-columns:repeat(3,1fr)}.match-card{aspect-ratio:1;min-height:78px;font-size:clamp(34px,9vw,58px);border:3px solid #e8c778;background:linear-gradient(145deg,#614165,#211a2e);color:#f9df9b;padding:8px}.match-card.revealed{background:#fff0ce;color:#24172a}.match-card.matched{background:#c2e6ce;border-color:#71bf92;opacity:1}.match-card img{width:80%;height:80%;display:block;margin:auto}.match-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}#match-message{min-height:44px}#match-win{margin:20px 0}button:disabled{cursor:default}.intro-screen{overflow:auto}.intro-screen h2{font-size:42px}