/* 3D Scene Styles */
.scene-container {
    perspective: 1200px;
    overflow: hidden;
    position: relative;
    background: radial-gradient(ellipse at center, #0f172a 0%, #020617 100%);
    color: white;
}

.tarot-card-wrapper {
    perspective: 1000px;
}

.tarot-card {
    will-change: transform, opacity;
    transform-style: preserve-3d;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, var(--saffron-dark), var(--saffron));
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 12px;
}

.horoscope-element {
    will-change: transform, opacity;
    position: absolute;
    opacity: 0.15;
    pointer-events: none;
}