/* Memória: piquenique com toalha xadrez e cartas grandes que viram em 3D. */
.play-memoria .toy-scene{background:#c9ecfb}
.mm-cloth{position:absolute;left:3%;right:3%;top:15%;bottom:2.5%;border-radius:22px;background:repeating-linear-gradient(90deg,#ef5b5055 0 22px,transparent 22px 44px),repeating-linear-gradient(0deg,#ef5b5055 0 22px,#fffaf3 22px 44px) #fffaf3;box-shadow:0 0 0 6px #fffaf3 inset,0 8px 0 #d9483e,0 14px 22px #0002;rotate:-1deg}
.mm-table{position:absolute;left:3%;right:3%;top:15%;bottom:2.5%;display:grid;place-content:center;z-index:3}
.play-memoria .mm-card{width:var(--cw,140px);aspect-ratio:3/4;padding:0;border:0;background:none;perspective:900px;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mm-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.3,.5,1);transform:rotateY(180deg)}
.mm-card.up .mm-inner{transform:rotateY(0deg)}
.mm-card.slow .mm-inner{transition:transform .9s ease-in-out}
.mm-face{position:absolute;inset:0;border-radius:16%/12%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 6px 0 #0000001f,0 10px 16px #0002}
.mm-front{background:radial-gradient(circle at 50% 46%,var(--tint) 0 46%,#fffdf8 47%);border:5px solid #fff;box-sizing:border-box}
.mm-back{transform:rotateY(180deg);border:5px solid #fff;box-sizing:border-box}
.mm-back svg{display:block;width:100%;height:100%}
.mm-back-0{background:linear-gradient(135deg,#ff8a7a,#f472b6 55%,#c084fc)}
.mm-back-1{background:linear-gradient(135deg,#38bdf8,#2fa866 60%,#a3e635)}
.mm-pic{position:absolute;inset:8%;display:block}
.mm-pic .art-img{width:100%;height:100%;object-fit:contain}
.mm-card.matched .mm-front{border-color:#ffd34d;box-shadow:0 0 0 3px #ffb02e,0 0 18px #ffd34d,0 10px 16px #0002}
@container (orientation:landscape){.mm-cloth,.mm-table{top:3%;bottom:3%;left:14%;right:14%}}