.deck{perspective:900px;touch-action:pan-y;user-select:none}
.deck:after{content:'↔ Swipe the cards';position:absolute;left:50%;bottom:-2.2rem;transform:translateX(-50%);white-space:nowrap;color:#d9d2bf;font-size:.88rem;letter-spacing:.04em}
.card{cursor:grab;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease,box-shadow .2s ease;will-change:transform,opacity}
.card:nth-child(1){transform:rotate(8deg) translate(28px,5px) scale(.94);z-index:1}
.card:nth-child(2){transform:rotate(4deg) translate(14px,2px) scale(.97);z-index:2}
.card:nth-child(3){z-index:3}
.card:nth-child(3):hover{transform:translateY(-7px) rotate(-1deg);box-shadow:13px 17px #2a2728}
.card.is-dragging{cursor:grabbing;transition:none}
.card.is-swiping{pointer-events:none;opacity:0!important}
.deck:focus-visible{outline:3px solid var(--accent);outline-offset:12px;border-radius:16px}