.cd-page--tarot{--cd-bg: linear-gradient(135deg, #0f0c29 0%, #1a1040 40%, #24243e 100%);--cd-text: #e8dff5;--cd-instruction-color: #d8b4fe;--cd-accent: 192, 132, 252;--cd-accent-strong: 124, 58, 237;--cd-highlight: 251, 191, 36;--cd-panel: rgba(192, 132, 252, .08);--cd-panel-border: rgba(192, 132, 252, .25);--cd-card-back: linear-gradient(145deg, #2d1b69, #1a0b3e);--cd-card-front: linear-gradient(145deg, #1e1145, #0f0c29);--cd-title-gradient: linear-gradient(90deg, #c084fc, #f9a8d4, #fde68a);--cd-result-gradient: linear-gradient(90deg, #fde68a, #f97316, #ef4444);--cd-btn-gradient: linear-gradient(135deg, #7c3aed, #c084fc);--cd-score-gradient: linear-gradient(90deg, #7c3aed, #c084fc);--cd-score-winner-gradient: linear-gradient(90deg, #f59e0b, #fbbf24);--cd-sticky-bg: rgba(15, 12, 41, .94);--cd-content-max: 1100px;--cd-scroll-offset: calc(var(--topbar-h, 4rem) + 1rem);--td-fan-card: 108px;--td-fan-step: 4.6deg}.cd-page--tarot{background-attachment:fixed}.cd-toggle-row{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.4rem,2vw,.75rem);margin-top:.85rem}@media (max-width: 560px){.cd-toggle-row .cd-btn--toggle{flex:1 1 8.5rem;font-size:.8rem;padding:.55rem .8rem}}.cd-page--tarot .cd-content{display:flex;flex-direction:column;min-height:calc(100dvh - var(--topbar-h, 4rem));padding-top:clamp(1rem,3vh,1.75rem);padding-bottom:clamp(1rem,3vh,2rem)}.td-header{margin-bottom:clamp(.65rem,2vh,1.1rem)}.td-header .cd-subtitle{margin-top:.35rem}.td-modes{display:flex;justify-content:center;gap:.4rem;margin:0 auto .85rem;padding:.25rem;width:min(100%,28rem);border-radius:999px;background:#00000047;border:1px solid rgba(var(--cd-accent),.28)}.td-mode{flex:1;min-height:44px;padding:.55rem .8rem;border:0;border-radius:999px;background:transparent;color:rgba(var(--cd-accent),.9);font-family:Outfit,sans-serif;font-size:clamp(.78rem,2vw,.92rem);font-weight:700;cursor:pointer}.td-mode.is-active{background:var(--cd-btn-gradient);color:#fff;box-shadow:0 6px 18px rgba(var(--cd-accent-strong),.4)}.td-instruction{min-height:1.4em;margin:0 0 .35rem;color:var(--cd-instruction-color);font-size:clamp(.95rem,2.4vw,1.08rem)}.td-instruction strong{color:rgb(var(--cd-highlight));font-weight:700}.td-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.8rem,2vh,1.4rem);padding:clamp(.4rem,2vh,1.25rem) 0}.cd-page--tarot.is-deck .td-stage,.cd-page--tarot.is-result .td-stage{flex:0;justify-content:flex-start}.td-slots{display:flex;justify-content:center;align-items:flex-start;gap:clamp(.45rem,2vw,1.6rem);width:100%}.td-slot{position:relative;width:min(28vw,210px);display:flex;flex-direction:column;align-items:center;gap:.45rem}.cd-page--tarot.is-deck .td-slot{width:min(18vw,108px)}.cd-page--tarot.is-deck .td-header{margin-bottom:.25rem}.cd-page--tarot.is-deck .td-stage{padding-top:0;padding-bottom:0}.cd-page--tarot.is-result .td-slot{width:min(22vw,140px)}.td-slot-stage{position:relative;width:100%;aspect-ratio:2 / 3}.td-slot-well{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:2px dashed rgba(var(--cd-accent),.38);background:rgba(var(--cd-accent),.04);box-shadow:inset 0 0 24px rgba(var(--cd-accent),.08)}.td-slot.is-filled .td-slot-well{opacity:0}.td-slot-mount{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1100px}.td-slot-label{font-family:Outfit,sans-serif;font-size:clamp(.72rem,2vw,.95rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--cd-highlight))}.td-slot-name{min-height:1.2em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.68rem,1.8vw,.82rem);color:var(--cd-instruction-color)}.td-read{margin-top:.25rem}.td-card{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:none;border-radius:16px;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-style:preserve-3d;translate:0 0;rotate:y 0deg;scale:1;box-shadow:0 12px 28px #00000061;transition:translate .55s var(--cd-ease-out),rotate .72s var(--cd-ease-out),scale .55s var(--cd-ease-spring),box-shadow .55s var(--cd-ease-out)}.td-card.is-zoomable{cursor:zoom-in}.td-card.is-flipped{rotate:y 180deg}.td-card.is-turning{translate:0 -18px;scale:1.05;box-shadow:0 22px 40px #00000073,0 0 32px rgba(var(--cd-highlight),.4)}.td-slot:has(.td-card.is-turning){z-index:4}.td-card.is-dealing{animation:td-deal .72s var(--cd-ease-spring) backwards;animation-delay:calc(var(--td-i, 0) * .12s)}@keyframes td-deal{0%{opacity:0;translate:calc((1 - var(--td-i, 1)) * 72%) 40px;scale:.86}to{opacity:1;translate:0 0;scale:1}}.td-card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.td-card-back{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(var(--cd-highlight),.18),transparent 42%),var(--cd-card-back);border:2px solid rgba(var(--cd-accent),.45)}.td-card-back-pattern{width:78%;height:84%;display:grid;place-items:center;border:1px solid rgba(var(--cd-accent),.35);border-radius:12px;background:repeating-linear-gradient(45deg,rgba(var(--cd-accent),.08) 0 8px,transparent 8px 16px)}.td-card-back-mark{font-size:clamp(1.4rem,4vw,2.2rem);color:rgb(var(--cd-highlight));text-shadow:0 0 16px rgba(var(--cd-highlight),.7)}.td-card-front{display:flex;flex-direction:column;justify-content:flex-end;padding:.45rem .4rem .5rem;background:var(--cd-card-front);border:2px solid rgba(var(--cd-highlight),.55);rotate:y 180deg}.td-card-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:var(--cd-card-back)}.td-card-front:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:46%;background:linear-gradient(transparent,#0c081ceb);pointer-events:none}.td-card-meta,.td-card-name{position:relative;z-index:2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.td-card-meta{font-size:clamp(.55rem,1.4vw,.72rem);letter-spacing:.08em;color:rgb(var(--cd-accent))}.td-card-name{font-family:Outfit,sans-serif;font-size:clamp(.62rem,1.6vw,.82rem);font-weight:700;color:#fde68a}.td-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;border:2px solid rgba(var(--cd-accent),.18);background:linear-gradient(100deg,rgba(var(--cd-accent),.05) 30%,rgba(var(--cd-accent),.16),rgba(var(--cd-accent),.05) 70%);background-size:240% 100%;animation:cd-shimmer 1.4s linear infinite}.td-fan-wrap{margin-top:auto}.td-fan{--td-focus: 0;position:relative;height:clamp(230px,36vh,320px);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.td-fan:focus-visible{outline:none}.td-fan.is-dragging{cursor:grabbing}.td-fan.is-locked{pointer-events:none}.td-fan-item{position:absolute;left:50%;bottom:14%;width:var(--td-fan-card);aspect-ratio:2 / 3;margin-left:calc(var(--td-fan-card) / -2);transform-origin:50% 240%;rotate:calc((var(--td-i) - var(--td-focus)) * var(--td-fan-step));transition:rotate .42s var(--cd-ease-out),opacity .3s linear,scale .35s var(--cd-ease-out);perspective:900px}.td-fan.is-dragging .td-fan-item{transition:none}.td-fan-item.is-far,.td-fan-item.is-spent{pointer-events:none}.td-fan-item.is-spent{scale:.4}.td-fan-item .td-card{position:absolute;top:0;right:0;bottom:0;left:0;cursor:inherit}.td-fan-item.is-focus{z-index:30}.td-fan-item.is-focus .td-card{translate:0 -26px;scale:1.08;box-shadow:0 18px 36px rgba(var(--cd-accent),.45),0 0 0 2px rgba(var(--cd-highlight),.7)}.td-fan-hint{margin:.15rem 0 0;font-size:.78rem;color:rgba(var(--cd-accent),.75)}.td-actions{margin-top:.35rem}.cd-page--tarot.is-deck .td-actions{margin-top:.15rem}.td-reading{max-width:68ch;margin:0 auto clamp(1.5rem,4vw,2.25rem);text-align:left}.td-reading-title,.td-gm-title,.cd-page--tarot .cd-result-kicker{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--cd-highlight));margin:0 0 .6rem}.cd-page--tarot .cd-result-kicker{text-align:center}.td-reading-summary,.td-reading-meaning{margin:0;line-height:1.7;color:#e8dff5}.td-reading-summary{margin-bottom:1.1rem}.td-reading-spread{display:grid;gap:.85rem}.td-reading-card{padding:.9rem 1rem;border-radius:.85rem;background:#c084fc14;border:1px solid rgba(192,132,252,.22)}.td-reading-position{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cd-highlight))}.td-reading-name{margin:.2rem 0 .35rem;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:#fde68a}.td-reading-keywords{margin:0 0 .45rem;font-size:.8rem;color:#c4b5fd}.td-gm{margin-top:1rem;padding:1rem 1.05rem;border-radius:.85rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.28)}.td-gm-list{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.td-gm-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24;margin-bottom:.15rem}@media (max-width: 640px){.cd-page--tarot{--td-fan-card: 84px;--td-fan-step: 6deg}.td-slot{width:min(30vw,132px)}.td-mode{font-size:.75rem;padding-inline:.45rem}.td-fan{height:200px}}@media (max-height: 740px){.td-header{margin-bottom:.35rem}.cd-page--tarot.is-ritual .td-slot{width:min(22vw,150px)}}.swal2-popup.td-lightbox{max-width:min(92vw,520px)!important;width:auto!important;background:#1a1040!important;color:#e8dff5;border:1px solid rgba(251,191,36,.35);border-radius:1rem}.swal2-popup.td-lightbox .swal2-title{color:#fde68a;font-family:Outfit,sans-serif;font-size:1.15rem;padding:0}.swal2-popup.td-lightbox .swal2-image{max-width:min(86vw,420px)!important;max-height:min(78vh,720px)!important;width:auto!important;height:auto!important;margin:.35rem auto 0!important;border-radius:.75rem;border:2px solid rgba(251,191,36,.45);-o-object-fit:contain;object-fit:contain}.swal2-popup.td-lightbox .swal2-close{color:#e8dff5}
