.card{aspect-ratio:1;perspective:600px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.card-back{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid #ffffff26;transform:rotateY(0)}.card-back:after{content:"?";color:#ffffff80;font-size:1.75rem;font-weight:700}.card-front{background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #fff3;transform:rotateY(180deg)}.card.matched .card-inner{transform:rotateY(180deg)}.card.matched .card-front{border-color:#34d399;box-shadow:0 0 12px #34d39966}.card.matched{pointer-events:none}.touch-manipulation{touch-action:manipulation}