:root{--indigo:#1a1640;--amethyst:#7c69ff;--rose:#ff63a7}
.tfjo-mystic{position:relative;padding:2rem;border-radius:24px;background:radial-gradient(1200px 600px at 20% -10%, rgba(167,139,250,.22), transparent), linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.95));box-shadow:0 20px 60px rgba(20,20,40,.12)}
.tfjo-mystic__halo{position:absolute;inset:-2px;border-radius:26px;background:conic-gradient(from 180deg, rgba(236,72,153,.25), rgba(99,102,241,.25), rgba(236,72,153,.25));filter:blur(24px);z-index:-1}
.tfjo-mystic__title{font-family:'Spectral',serif;font-weight:600;letter-spacing:.5px;font-size:1.6rem;margin:0 0 .25rem}
.tfjo-mystic__subtitle{font-family:'Crimson Pro',serif;color:#444;margin:0 0 1rem}
.tfjo-mystic__panel{backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:1rem;background:rgba(255,255,255,.75)}
.tfjo-note{margin:.25rem 0 .75rem;color:#5a5476;font-size:.95rem}

.tfjo-spread{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1rem}
.tfjo-card{perspective:1000px;cursor:pointer;user-select:none}
.tfjo-card:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.35);border-radius:16px}
.tfjo-card__inner{position:relative;width:100%;padding-top:160%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.tfjo-card.is-flipped .tfjo-card__inner{transform:rotateY(180deg)}
.tfjo-card__face{position:absolute;inset:0;border-radius:16px;background:#f7f7f9 center/cover no-repeat;box-shadow:0 12px 40px rgba(12,12,26,.15)}
.tfjo-card__face--back{background-image:linear-gradient(135deg,#0b1020,#191f36)}
.tfjo-card__face--front{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.tfjo-card__caption{position:absolute;left:0;right:0;bottom:0;padding:.35rem .6rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.65));color:#fff;font-family:'Spectral',serif;font-size:.95rem;border-radius:0 0 16px 16px}
.tfjo-fade{opacity:0;transform:translateY(6px);animation:tfjoFade .6s forwards}
@keyframes tfjoFade{to{opacity:1;transform:none}}
.tfjo-orch__form button{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;transition:transform .05s ease, box-shadow .2s ease}
.tfjo-orch__form button:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.tfjo-orch__answer{font-family:'Spectral',serif;font-size:1.05rem;line-height:1.55}