:root{color-scheme:dark;--ink:#f3eff9;--muted:#b1a8c4;--accent:#c2a5ef;--line:#c9b5ea26}*{box-sizing:border-box}body{margin:0;background:#0c0b14;color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e1c3ff;outline-offset:5px}[hidden]{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 72% 28%,#74509e30,transparent 43%),radial-gradient(ellipse at 19% 88%,#31386226,transparent 45%);z-index:-1}.first-screen{min-height:100svh;display:flex;flex-direction:column;max-width:1600px;margin:auto;padding:0 5vw}header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;border-bottom:1px solid var(--line)}.brand{font-weight:650;font-size:19px;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:34px;height:40px;border:1px solid #b99ae96b;border-radius:12px;margin-right:10px;color:var(--accent);background:#b99ae919}nav{display:flex;gap:5px}nav button,.quiet{background:transparent;border:0;color:var(--muted);padding:9px 14px;border-radius:25px}nav button[aria-pressed=true]{background:#c7aff01c;color:#f4e9ff;border:1px solid #c7aff038}nav button:hover,.quiet:hover{color:white;background:#ffffff0c}main{flex:1;display:grid;grid-template-columns:.8fr 1.35fr;gap:clamp(25px,4vw,70px);align-items:center;padding:35px 0}.intro{padding-bottom:30px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--accent);font-weight:600}h1{font-family:Georgia,serif;font-size:clamp(40px,4.2vw,66px);font-weight:400;line-height:1.1;letter-spacing:-2px;margin:22px 0}h1 em{color:#c6afe9;font-weight:400}p{color:var(--muted)}.intro>p:not(.eyebrow){max-width:340px;font-size:16px;line-height:1.8}.steps{display:flex;align-items:center;gap:12px;margin-top:36px;font-size:11px;color:#81758f}.steps .active{color:#e8d2ff}.steps i{height:1px;width:24px;background:var(--line)}.table{position:relative;min-width:0;border:1px solid #d4bfff30;border-radius:28px;background:linear-gradient(135deg,#ffffff0b,#b09ce206 60%,#b1a2db13);backdrop-filter:blur(24px);box-shadow:inset 0 1px #ffffff16,0 25px 70px #0003;padding:20px 25px 16px;isolation:isolate}.table-top{display:flex;justify-content:space-between;align-items:center;color:#b7a6ce;font-size:9px;letter-spacing:2px}.table-top button{font-size:12px;letter-spacing:0;padding-right:0}.orbit{position:absolute;width:65%;aspect-ratio:1;top:40px;left:18%;border:1px solid #c2a5ef12;border-radius:50%;z-index:-1}.orbit:after{content:'';position:absolute;inset:22px;border:1px dashed #c2a5ef15;border-radius:50%}.deck{height:330px;position:relative;margin:22px 0 0;perspective:1100px}.card{position:absolute;left:50%;top:30px;width:clamp(104px,9.5vw,142px);aspect-ratio: .59;padding:0;border:0;border-radius:11px;background:transparent;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--angle));transition:transform .48s cubic-bezier(.2,.75,.25,1),filter .3s;filter:drop-shadow(0 12px 11px #0006)}.card:hover:not(:disabled),.card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 22px)) rotate(var(--angle));z-index:20!important;filter:drop-shadow(0 12px 16px #b494de45)}.card.selected{transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 30px)) rotate(var(--angle));filter:drop-shadow(0 0 9px #c8a5ef80)}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.65,.2,1)}.revealed .card-inner{transform:rotateY(180deg)}.back,.face{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;overflow:hidden;border:1px solid #d7c3f58c;box-shadow:inset 0 0 0 4px #151223,inset 0 0 0 5px #a189c447,2px 3px 0 #655779,3px 5px 0 #171122}.back{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 10%,#bba4d843,transparent 60%),repeating-linear-gradient(35deg,#ffffff06 0 1px,transparent 1px 3px),linear-gradient(145deg,#413452,#201a31 70%)}.back:before{content:'';position:absolute;inset:12px;border:1px solid #d0b6ed66;border-radius:70px 70px 8px 8px}.back:after{content:'T A R O T H U S H';position:absolute;bottom:18px;font-size:6px;letter-spacing:1px;color:#c3addd}.sigil{width:63%;aspect-ratio:1;border:1px solid #ccb5e59c;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#d6bbf118,transparent 70%)}.sigil:before{content:'';position:absolute;inset:17%;border:1px solid #ccb5e59c;transform:rotate(45deg)}.sigil span{font:36px Georgia;color:#e2cff3}.face{transform:rotateY(180deg);background:#e0d1b1;padding:4px}.face img{width:100%;height:100%;object-fit:fill;border-radius:6px}.card.selected:after{content:attr(data-order);position:absolute;top:-14px;left:calc(50% - 11px);width:22px;height:22px;border-radius:50%;background:#dfc6ff;color:#30233e;font-size:11px;display:grid;place-items:center}.deck.revealed .card:after{display:none}.selection{display:flex;justify-content:center;gap:8px;min-height:36px;margin:14px 0}.slot{font-size:10px;padding:6px 10px;border-bottom:1px solid #c4a8e930;color:#998aab}.slot.filled{color:#e0ccf6;border-color:#c8a5ed}.controls{text-align:center}.controls p{font-size:12px;margin:10px 0 14px}.primary{border:1px solid #e2cfff55;border-radius:40px;padding:13px 29px;background:linear-gradient(120deg,#b999dd,#e1c8f2);color:#261b38;font-weight:650;box-shadow:0 4px 25px #ae8ac626;transition:transform .2s}.primary:hover:not(:disabled){transform:translateY(-3px)}.primary:disabled{opacity:.4;cursor:default}.primary span{margin-left:18px}.fine{font-size:10px;text-align:center;margin:13px 0 0;color:#93869f}.screen-footer{display:flex;justify-content:space-between;gap:15px;padding:16px 0 22px;font-size:10px;color:#a89bb9}.reading,.explore{max-width:1150px;margin:auto;padding:80px 35px}.reading{text-align:center}.reading h2,.explore h2{font:42px/1.2 Georgia;margin:18px 0 25px}.reading details{max-width:580px;text-align:left;margin:0 auto 25px;color:var(--muted)}summary{cursor:pointer}label,small{display:block;font-size:12px;margin:10px 0}textarea{width:100%;background:#ffffff09;border:1px solid var(--line);border-radius:12px;padding:15px;color:white;font:inherit;min-height:90px}#results{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}article{border:1px solid var(--line);padding:25px;border-radius:18px;background:#ffffff04}article img{width:100px;border-radius:6px}article h3{font:24px Georgia}article p{font-size:14px}.explore{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);align-items:center}.explore p{max-width:400px}.explore a{font-size:13px;color:var(--accent)}.art{display:flex;justify-content:center;padding:20px}.art img{width:39%;border:7px solid #30283d;border-radius:12px;box-shadow:0 25px 35px #0005;transform:rotate(-12deg)}.art img+img{transform:rotate(12deg) translateY(20px);margin-left:-20px}.paper .table{background:#18141e;backdrop-filter:none}.paper .back{background:repeating-linear-gradient(35deg,#ffffff09 0 1px,transparent 1px 3px),#292333}.shuffling .card{animation:shuffle .55s ease both}@keyframes shuffle{50%{transform:translateX(-50%) translateY(0) rotate(0)}}@media(min-width:900px) and (max-height:760px){header{min-height:65px}main{padding:15px 0}.deck{height:275px}.card{width:115px}.table{padding-top:10px}h1{font-size:48px}.screen-footer{padding-bottom:12px}}@media(max-width:850px){.first-screen{padding:0 5vw}header{flex-wrap:wrap;gap:10px;padding:15px 0}.brand{font-size:17px}nav{order:3;width:100%;justify-content:center}nav button{font-size:12px;padding:7px 10px}#material{font-size:11px}main{display:block;padding:20px 0 35px}.intro{text-align:center;padding-bottom:20px}h1{font-size:40px;letter-spacing:-1px;margin:14px 0}.intro>p:not(.eyebrow){margin:10px auto;font-size:13px}.steps{justify-content:center;margin-top:18px}.table{padding:15px 10px}.deck{height:280px;margin-top:15px}.card{width:108px}.table-top{font-size:8px}.selection{gap:3px}.slot{font-size:9px;padding:5px}.screen-footer{font-size:9px;flex-direction:column;text-align:center;gap:5px}.explore{grid-template-columns:1fr;gap:20px;padding:50px 25px}.reading{padding:40px 20px}.reading h2,.explore h2{font-size:34px}.art img{max-width:160px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Material and interaction refinements */
.table:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#f5ddff0a,transparent 35%,transparent 75%,#b58be40a);box-shadow:inset 0 -1px #dfc7ff12;z-index:-1}
.back{background:radial-gradient(ellipse at 20% 10%,#bba4d85c,transparent 60%),repeating-linear-gradient(35deg,#ffffff08 0 1px,transparent 1px 3px),linear-gradient(145deg,#443655,#201a31 70%)}
.back .sigil:after{content:'✧';position:absolute;top:-35%;font:18px Georgia;color:#d7c3ec}
.card-inner{transition-delay:var(--flip-delay,0ms)}
.card:not(:disabled):hover .back{box-shadow:inset 0 0 0 4px #151223,inset 0 0 0 5px #e0c3ff80,inset 0 30px 55px #dfc5ff20,2px 3px 0 #655779,3px 5px 0 #171122}
.card.selected:after{box-shadow:0 0 0 4px #d8b8ff16,0 3px 12px #0005;animation:chosen .25s ease-out}
@keyframes chosen{from{scale:.4;opacity:0}to{scale:1;opacity:1}}
.shuffling .card{animation-duration:.7s;animation-delay:var(--deal)}
.primary:not(:disabled){box-shadow:0 4px 25px #ae8ac63b,inset 0 1px #fff7}
.primary:active:not(:disabled){transform:translateY(1px) scale(.97)}
button:disabled{cursor:default}.table-top button:disabled{opacity:.35}
.reading article{background:linear-gradient(145deg,#b99ad410,#ffffff03);box-shadow:inset 0 1px #ffffff0a}
.reading article img{box-shadow:2px 3px 0 #766586,0 14px 25px #0005}
@media(max-width:850px){header{padding:9px 0;min-height:0}.brand span{height:32px;width:29px}main{padding:14px 0 20px}.intro{padding-bottom:12px}.intro .eyebrow{font-size:8px;margin:4px 0}h1{font-size:34px;margin:9px 0}.intro>p:not(.eyebrow){font-size:12px;line-height:1.5;margin:8px auto}.steps{margin-top:10px;font-size:10px}.table{padding:9px 10px 12px;border-radius:22px}.deck{height:228px;margin-top:8px}.card{width:94px;top:25px}.back:after{font-size:5px;bottom:15px}.selection{margin:6px 0;min-height:30px}.slot{font-size:8px}.controls p{font-size:11px;margin:6px 0 10px}.primary{padding:10px 24px}.fine{margin-top:9px;font-size:9px}.screen-footer{padding:10px 0 15px}.orbit{top:40px;width:85%;left:7.5%}}

/* Reveal: gather, lift, turn, then settle. */
.deck.revealed .card{cursor:pointer}
.deck.revealed .card:hover,.deck.revealed .card:focus-visible{transform:translateX(calc(-50% + var(--x))) translateY(-8px);z-index:20!important}
.deck.revealed .card-inner{transform:rotateY(calc(180deg + var(--tilt-y,0deg))) rotateX(var(--tilt-x,0deg));transition:transform .22s ease;transition-delay:0s}
.deck.revealed .unveiling .card-inner{animation:card-unveil 1.15s cubic-bezier(.22,.65,.25,1) var(--flip-delay) both}
@keyframes card-unveil{
 0%{transform:translateY(0) scale(.96) rotateY(0)}
 18%{transform:translateY(5px) scale(.94) rotateY(-14deg)}
 50%{transform:translateY(-24px) scale(1.08) rotateY(88deg)}
 80%{transform:translateY(-10px) scale(1.035) rotateY(190deg)}
 100%{transform:translateY(0) scale(1) rotateY(180deg)}
}
.face:after{content:'';position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#fff9 48%,#f0d1ff44 53%,transparent 65%);transform:translateX(-110%) rotate(-12deg);opacity:0}
.unveiling .face:after{animation:reveal-sheen .85s ease calc(var(--flip-delay) + .55s) both}
.touch-glow .face:after{animation:reveal-sheen .7s ease both}
@keyframes reveal-sheen{0%{transform:translateX(-90%) rotate(-12deg);opacity:0}25%{opacity:.65}100%{transform:translateX(90%) rotate(-12deg);opacity:0}}
.deck.revealed .card.focused{filter:drop-shadow(0 0 14px #c3a3ed80)}
#results article{transition:border-color .3s,box-shadow .3s}
#results article.focused{border-color:#c7a5ec99;box-shadow:0 0 25px #b18bdb18,inset 0 1px #ffffff20}
@media(prefers-reduced-motion:reduce){.deck.revealed .card-inner{transform:rotateY(180deg)}.face:after{display:none}}
#paidPanel{max-width:1100px;margin:40px auto;padding:40px 28px 100px;border-top:1px solid #bca5ff44}#paidPanel h2{font-size:clamp(28px,4vw,46px)}#paidPanel p,dialog p{line-height:1.75;color:#c8bfdc}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.compare article,.deep-cards article{padding:28px;border:1px solid #bca5ff44;border-radius:22px;background:linear-gradient(145deg,#252035,#17131f)}#paidPanel details{padding:24px 0}#paidPanel button,dialog button{padding:14px 20px;border:1px solid #b69aff66;border-radius:12px;background:#7654bc;color:white;cursor:pointer}.fine{font-size:13px}dialog{max-width:580px;width:calc(100% - 40px);max-height:85dvh;overflow:auto;padding:28px;border:1px solid #bca5ff77;border-radius:24px;background:#191427;color:#fff;box-sizing:border-box}dialog::backdrop{background:#080511bb;backdrop-filter:blur(12px)}#closeCheckout{float:right}.test-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.deep-cards article{display:flex;gap:30px;margin:24px 0}.deep-cards img{width:110px;height:190px;object-fit:contain}#paidPanel[hidden]{display:none}@media(max-width:650px){.compare{grid-template-columns:1fr}.deep-cards article{flex-direction:column}.deep-cards img{align-self:center}}