/* tarot — Near-black, gold accent, mystical identity */
.tarot-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:var(--gap)}
.tc{aspect-ratio:2/3;border-radius:8px;border:2px solid rgba(255,215,0,.20);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;font-weight:800;transition:all var(--dur)}
.tc.fd{background:var(--dark3);color:rgba(255,215,0,.35)}
.tc.fd:hover{border-color:var(--gld);color:var(--gld)}
.tc.rv{background:var(--gld);color:var(--blk);border-color:var(--gld)}
.tc-label{font-size:9px;font-weight:800;letter-spacing:.04em}
.t-reveal{display:none;border:var(--b);border-radius:var(--r-lg);padding:20px;text-align:center}
.t-reveal.on{display:block}
.tr-label{font-size:10px;font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.tr-name{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:12px}
.tr-quote{font-size:13px;font-style:italic;line-height:1.55;padding:10px 14px;border-left:3px solid var(--gld);text-align:left;margin-bottom:12px}
.tr-insight{font-size:12.5px;line-height:1.6;margin-bottom:14px}
.n-pips{display:flex;gap:5px;justify-content:center}
.pip{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.10)}
.pip.done{background:rgba(255,215,0,.40)}.pip.active{background:var(--gld)}
@media(max-width:640px){.tarot-grid{grid-template-columns:repeat(4,1fr)}}