@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap');
:root{--accent:#a61a1a}
.font-cinzel{font-family:'Cinzel', serif}
.card{width:150px;height:230px;perspective:1000px;position:relative}
.card-inner{width:100%;height:100%;transition:transform 0.9s cubic-bezier(.2,.9,.3,1);transform-style:preserve-3d;position:relative;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,0.6)}
.card.flipped .card-inner{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}
.card-back{background:linear-gradient(180deg,#111,#0b0b0b);border:1px solid rgba(255,255,255,0.03);color:#fff;padding:10px;font-size:13px}
.card-front{transform:rotateY(180deg);background:#111}
.card-front img{width:100%;height:100%;object-fit:cover;display:block}
.card-label{position:absolute;top:8px;left:8px;background:rgba(0,0,0,0.45);padding:6px 8px;border-radius:6px;font-size:12px;color:#d1d1d1}
.mini{width:72px;height:110px;border-radius:6px;overflow:hidden}