*{margin:0;padding:0;box-sizing:border-box}
body{background:#0C0E15;font-family:'Crimson Pro',Georgia,serif;color:#E8E2D9;overflow-x:hidden}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes shuffleRotate{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes pulse{0%,100%{opacity:0.4}50%{opacity:0.8}}
.shuffling{animation:shuffleRotate 2s ease-in-out}
.constellation{position:absolute;width:2px;height:2px;background:rgba(196,181,253,0.3);border-radius:50%;box-shadow:0 0 4px rgba(196,181,253,0.6)}
@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(196,181,253,0.35), 0 0 30px rgba(196,181,253,0.15), 0 4px 20px rgba(0,0,0,0.4); }
  50% { box-shadow: 0 0 18px rgba(196,181,253,0.5), 0 0 40px rgba(196,181,253,0.25), 0 4px 20px rgba(0,0,0,0.4); }
}

/* Card artwork layer */
.card-art{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:10px}
.card-art img{width:100%;height:100%;object-fit:cover;display:block}
.card-art::before{content:'';position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(rgba(12,14,21,0.55),transparent);z-index:1;pointer-events:none}
.card-art-border{position:absolute;inset:0;border-radius:10px;pointer-events:none;z-index:3}