.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-got{background:url(/images/memory/memory-back.webp) 50%/cover no-repeat,#05080f;border:2px solid rgba(180,200,230,.35);box-shadow:0 0 12px 2px rgba(100,140,200,.18),inset 0 0 0 1px hsla(0,0%,100%,.06),0 4px 14px -2px rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;border-radius:.75rem}.card-back-got,.card-front-frame{position:relative;box-sizing:border-box}.card-front-frame{background:#0a0a0f;border:2px solid rgba(201,176,55,.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(201,176,55,.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}