body{background:#0f0f0f;margin:0;font-family:sans-serif}.app{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.scene{perspective:1200px;width:876.5px;height:1313.5px;transition:all .9s cubic-bezier(.22,1,.36,1)}.scene.horizontal{width:876.5px;height:1313.5px}.card{width:90%;height:95%;transform-style:preserve-3d;cursor:pointer;transform-origin:50%;margin-top:1em;margin-left:3em;position:relative}.card.horizontal{transform:rotate(95deg)scale(1.05)}.card.flipped{transition:transform 1.2s cubic-bezier(.45,0,.2,1);transform:rotate(90deg)rotateY(180deg)scale(1)}.face{backface-visibility:hidden;border-radius:14px;width:100%;height:100%;transition:box-shadow .8s;position:absolute;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%}.front{box-shadow:0 10px 30px #0000004d}.card.horizontal .front{box-shadow:0 30px 70px #0009}.back{transform:rotateY(180deg);box-shadow:0 20px 50px #00000080}