html, body{margin: 0;padding: 0;overflow-x: hidden;}
.tarot-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px;padding:30px;box-sizing: border-box;overflow: visible;}
.tarot-fan{position:relative;height:320px;max-width:600px;width:100%;overflow: visible;}
.tarot-card{position:absolute;width:110px;height:165px;cursor:pointer;transition:transform .4s ease, box-shadow .4s ease, filter .4s ease;transform:translateX(var(--x)) rotate(var(--r));}
.tarot-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease;}
.tarot-card.flipped .tarot-inner{transform:rotateY(180deg);}
.tarot-face{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:8px;backface-visibility:hidden;box-shadow:0 8px 18px rgba(0,0,0,.4);}
.tarot-back{transform:rotateY(0deg);}
.tarot-front{transform:rotateY(180deg);}
.tarot-card:hover:not(.selected){transform:translateX(var(--x)) rotate(var(--r)) translateY(-15px) scale(1.05);box-shadow:0 0 20px rgba(255,215,150,.8);}
.tarot-card.selected{left:50%;transform:translateX(-50%) translateY(140px) scale(1.4) rotate(0deg) !important;z-index:999;}
.tarot-card.faded{filter:brightness(.7);}
.tarot-result{max-width:420px;text-align:center;font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.6;color:#f4e6c9;text-shadow:0 0 6px rgba(255,210,120,.4);}
.tarot-result strong{display:block;font-family:'Cinzel',serif;font-size:22px;letter-spacing:1px;margin-bottom:8px;color:#ffd98a;text-shadow:0 0 8px rgba(255,200,100,.6);}