.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.transform-style-preserve-3d{transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.rotate-y-180{transform:rotateY(180deg)}.rotate-y-0{transform:rotateY(0deg)}.card-back-jjk{background:url(/images/memory/card-back.png) 50%/cover no-repeat,radial-gradient(circle at 30% 30%,#2d1854,#0c0520 65%);border:2px solid rgba(192,132,252,.55);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08),0 4px 10px -2px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.card-back-jjk,.card-front-frame{position:relative;box-sizing:border-box}.card-front-frame{background:#0c0520;border:2px solid rgba(192,132,252,.35);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 2px 6px -2px rgba(0,0,0,.6)}.card-front-frame:before{content:"";position:absolute;inset:2px;border:1px solid rgba(192,132,252,.25);border-radius:.65rem;pointer-events:none}.card-3d-wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card-face{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face.back{transform:rotateY(0deg)}.card-face.front{transform:rotateY(180deg)}.matched-card{position:relative}.matched-card:after{display:none}.matched-card .card-3d-wrapper{filter:none}.matched-card .card-face.front{z-index:2;position:relative}.matched-card .card-face.back{display:none}.matched-card:hover{transform:none}