.page{height:100%;width:100%;background-color:#ff9494}.canvas{position:absolute;inset:0;cursor:grab;touch-action:none;overflow:hidden;user-select:none;background-color:#ff9494}.grabbing{cursor:grabbing}.viewport{will-change:transform;background-color:#ff9494}.cardContainer{perspective:1000px;cursor:pointer;pointer-events:auto}.card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.card.flipped{transform:rotateY(180deg)}.cardFront,.cardBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.cardFront{transform:rotateY(0)}.cardBack{transform:rotateY(180deg);background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.cardBack p{color:#fff;font-size:24px;font-weight:600;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.image{display:block}