/* Aura Tarot — vòng quay 3D các lá bài (trang trí, tự chạy ngầm). Pair: js/tarot-carousel.js */
.fx-carousel{position:fixed;left:0;right:0;top:50%;height:300px;margin-top:-150px;z-index:-1;perspective:1100px;perspective-origin:50% 50%;
 pointer-events:none;opacity:0;transition:opacity 1.2s ease;overflow:visible}
.fx-carousel.ready{opacity:.85}
.fx-carousel.ready.dim{opacity:.3}
#view-setup .setup-card{position:relative;z-index:1;background:rgba(14,12,30,.6);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
#view-setup .setup-title,#view-setup .setup-subtitle{text-shadow:0 2px 14px rgba(8,6,22,.9)}
.fx-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(-235px) rotateX(-7deg) rotateZ(-3deg);
 animation:fxSpin 46s linear infinite}
.fx-carousel.paused .fx-ring{animation-play-state:paused}
.fx-ccard{position:absolute;left:-65px;top:-111px;width:130px;height:222px;border-radius:9px;padding:3px;box-sizing:border-box;
 background:linear-gradient(145deg,#d4af37,#8b5cf6 70%,#d4af37);backface-visibility:hidden;
 box-shadow:0 8px 24px rgba(0,0,0,.55),0 0 18px rgba(139,92,246,.25);transform:rotateY(var(--a)) translateZ(var(--r))}
.fx-ccard img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;background:#1a1530}
@keyframes fxSpin{to{transform:translateZ(-235px) rotateX(-7deg) rotateZ(-3deg) rotateY(-360deg)}}
@media(max-width:640px){
 .fx-carousel{height:220px;margin-top:-110px;perspective:800px}
 .fx-ring{transform:translateZ(-150px) rotateX(-7deg) rotateZ(-3deg)}
 .fx-ccard{left:-38px;top:-65px;width:76px;height:130px}
 @keyframes fxSpin{to{transform:translateZ(-150px) rotateX(-7deg) rotateZ(-3deg) rotateY(-360deg)}}
}
@media(prefers-reduced-motion:reduce){.fx-ring{animation:none;transform:translateZ(-235px) rotateX(-7deg) rotateZ(-3deg) rotateY(-20deg)}}