.pair-board{--columns:4;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:10px;max-width:680px;border:4px solid #745f8d;background:linear-gradient(145deg,#d9caec,#efe7f5);perspective:900px}.pair-card{aspect-ratio:3/4;min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.pair-card-inner{position:relative;width:100%;height:100%;display:block;transform-style:preserve-3d;transition:transform .38s}.pair-card.open .pair-card-inner{transform:rotateY(180deg)}.pair-back,.pair-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;backface-visibility:hidden;border:2px solid #ead9ba;border-radius:16px 16px 22px 13px;box-shadow:0 5px 10px #513d6b33}.pair-back{background:repeating-linear-gradient(45deg,#725795 0,#725795 8px,#896cae 8px,#896cae 16px);color:#fff9df;font-size:2rem}.pair-back:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:3px solid #fff2cc;border-radius:50% 45%;opacity:.7}.pair-face{transform:rotateY(180deg);align-content:center;gap:3px;background:#fff9e9;color:#4b3f55}.pair-card.matched .pair-face{background:#e5f4df}.pair-animal{display:block;width:74%;height:auto;filter:drop-shadow(0 3px 3px #4f34252a)}.pair-face small{font-weight:900}@media(max-width:600px){.pair-board{gap:5px;padding:6px}.pair-face small{font-size:.62rem}}