.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.webp) 50%/cover no-repeat,radial-gradient(circle at 30% 30%,#2d1854,#0c0520 65%);border:2px solid #c084fc8c;box-shadow:inset 0 0 0 1px #ffffff14,0 4px 10px -2px #000000b3;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 #c084fc59;box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 6px -2px #0009}.card-front-frame:before{content:"";position:absolute;inset:2px;border:1px solid #c084fc40;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}