/*
 * Reusable Flip Card CSS
 * 3D flip card animations for tile components
 */.flip-card{perspective:1000px;cursor:pointer}@media (min-width:768px) and (max-width:1023px){.flip-card{max-width:450px}}.flip-card-inner{position:relative;width:100%;aspect-ratio:3/4;transform-style:preserve-3d;transition:transform 0.8s}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem}.flip-card-back{transform:rotateY(180deg)}.flip-card-back ul{list-style-type:disc}