:root{--ink:#432f27;--muted:#79624f;--cream:#f4e7cf;--cream-deep:#ead3ad;--gold:#bd8b3d;--gold-deep:#8c622b;--night:#3a3338;--night-soft:#51464c;--card-width:288px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream-deep);font-family:Georgia,Times New Roman,serif}button,textarea{font:inherit}button{color:inherit}main{overflow:hidden}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--night)}.hero,.hero-art{min-height:100svh}.hero-art{position:relative;overflow:hidden;background:#2f292e}.hero-img{object-fit:contain;object-position:center center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,transparent 82%,rgba(58,51,56,.62)),linear-gradient(0deg,rgba(38,28,26,.08),transparent 40%);pointer-events:none}.hero-copy{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(60px,8vw,130px) clamp(48px,8vw,130px);color:#f5e6cb;background:radial-gradient(circle at 13% 45%,rgba(188,134,62,.13),transparent 35%),linear-gradient(145deg,#3b3439,#302b30)}.hero-copy:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(224,183,107,.65),transparent)}.hero-star{color:#d7af68;font-size:26px;margin-bottom:26px}.hero-copy h1{margin:0;max-width:560px;font-size:clamp(2.7rem,4.15vw,5.15rem);line-height:.92;font-weight:400;letter-spacing:-.05em;text-transform:uppercase}.hero-rule{width:min(380px,80%);display:flex;align-items:center;gap:14px;color:#c99a4f;margin:30px 0 28px}.hero-rule span{height:1px;flex:1 1;background:linear-gradient(90deg,transparent,rgba(207,164,91,.55))}.hero-rule span:last-child{transform:scaleX(-1)}.hero-copy p{max-width:650px;margin:0;color:#dfd0bd;font-size:clamp(1.03rem,1.3vw,1.24rem);line-height:1.72;font-style:italic}.hero-button{margin-top:38px;display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:#34251c;background:#e7ca92;border:1px solid #f2ddba;padding:16px 22px;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease}.hero-button:hover{transform:translateY(-2px);background:#eed8aa}.reader-section{min-height:100svh;padding:72px 20px 96px;position:relative;background:radial-gradient(circle at 50% 0,rgba(255,248,229,.96),transparent 38%),repeating-linear-gradient(0deg,rgba(107,73,42,.025) 0 1px,transparent 1px 5px),#ead5b2}.reader-section:after,.reader-section:before{content:"✦";position:absolute;color:rgba(145,96,40,.19);font-size:90px}.reader-section:before{left:5vw;top:12vh}.reader-section:after{right:5vw;bottom:10vh}.reader-shell{max-width:1180px;margin:0 auto;position:relative;z-index:1}.reading-prompt{max-width:1120px;margin:0 auto 30px;text-align:center}.reading-question{font-size:clamp(1.55rem,2.15vw,2.15rem);line-height:1.25;font-weight:400;color:var(--ink);letter-spacing:-.025em;white-space:nowrap}.reading-prompt p{max-width:820px;margin:16px auto 0;color:var(--muted);font-style:italic;font-size:clamp(.9rem,1.35vw,1.05rem);line-height:1.6}.spread-switch{display:flex;justify-content:center;gap:8px;margin:0 auto 34px}.spread-switch button{min-width:130px;padding:11px 17px;border:1px solid rgba(131,86,35,.35);background:rgba(255,248,234,.36);cursor:pointer;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}.spread-switch button.active{background:#4b3a30;color:#f4dfb9;border-color:#4b3a30}.deck-stage{display:flex;flex-direction:column;align-items:center;min-height:430px;justify-content:flex-start}.mini-deck{width:min(var(--card-width),82vw);aspect-ratio:1109/1621;position:relative;margin:3px auto 26px;filter:drop-shadow(0 25px 19px rgba(79,51,29,.23))}.deck-shadow,.deck-top{position:absolute;inset:0;border-radius:8px;overflow:hidden}.deck-top{z-index:4;background:#c7a15c}.deck-shadow{border:1px solid rgba(113,78,29,.32)}.deck-shadow-1{background:#d4b46f;transform:translate(4px,4px) rotate(.7deg);z-index:3}.deck-shadow-2{background:#c49a50;transform:translate(8px,7px) rotate(1.4deg);z-index:2}.deck-shadow-3{background:#b7863f;transform:translate(12px,10px) rotate(2deg);z-index:1}.mini-deck.shuffle .deck-top{animation:shuffle-top .7s ease-in-out}.mini-deck.shuffle .deck-shadow-1{animation:shuffle-one .7s ease-in-out}@keyframes shuffle-top{40%{transform:translateX(-40px) rotate(-6deg)}75%{transform:translateX(24px) rotate(3deg)}}@keyframes shuffle-one{40%{transform:translate(44px,5px) rotate(7deg)}75%{transform:translate(-15px,5px) rotate(-2deg)}}.draw-button,.ghost-button{border:1px solid var(--gold-deep);cursor:pointer;padding:15px 24px;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;transition:transform .2s ease,opacity .2s ease}.draw-button{background:var(--ink);color:#f6e2be;box-shadow:0 11px 25px rgba(70,44,25,.17)}.draw-button:hover,.ghost-button:hover{transform:translateY(-1px)}.draw-button:disabled,.ghost-button:disabled{opacity:.6;cursor:wait}.deck-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.draw-button.secondary{background:#514033}.ghost-button{background:transparent;color:var(--ink)}.deck-count{margin-top:15px;color:#8d765f;font-style:italic;font-size:.86rem}.draw-grid{display:grid;justify-content:center;align-items:start}.draw-grid-after-deck{margin-top:52px}.spread-1{grid-template-columns:var(--card-width)}.spread-3{grid-template-columns:repeat(3,var(--card-width));gap:30px}.draw-slot{width:100%;text-align:center;min-width:0}.spread-label{min-height:32px;margin-bottom:11px;color:#8e6a3f;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.flip-card{display:block;width:100%;aspect-ratio:1109/1621;border:0;padding:0;background:transparent;perspective:1400px;cursor:pointer;filter:drop-shadow(0 26px 22px rgba(75,47,26,.22))}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .82s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;overflow:hidden;border-radius:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-back{background:#d9a7b0}.flip-front{transform:rotateY(180deg);background:#ead5b2;border:1px solid rgba(140,90,30,.32)}.card-image{object-fit:cover}.card-reading{padding:21px 8px 0;animation:rise .45s ease both}.reading-number{color:#9c7444;font-size:.68rem;letter-spacing:.12em}.card-reading h3{margin:7px 0;font-weight:400;font-size:1.08rem;letter-spacing:.08em;text-transform:uppercase}.card-reading p{margin:0;color:#6c5847;line-height:1.5;font-style:italic;font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reading-actions{margin-top:48px}.reading-actions,footer{display:flex;justify-content:center;gap:10px}footer{min-height:250px;flex-direction:column;align-items:center;text-align:center;background:#2f292e;color:#d7b579;border-top:1px solid #70562f}footer div{font-size:26px}footer strong{font-weight:400;text-transform:uppercase;letter-spacing:.16em;font-size:1.2rem}footer span{color:#bba891;font-style:italic}@media (max-width:980px){:root{--card-width:260px}.spread-3{grid-template-columns:repeat(3,var(--card-width));gap:18px;margin:0 auto}}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-art{min-height:72svh}.hero-copy{min-height:auto;padding:72px 9vw 84px}.hero-copy:before{display:none}.hero-copy h1{font-size:clamp(2.8rem,10vw,4.8rem)}}@media (max-width:820px){:root{--card-width:min(330px,82vw)}.reading-question{white-space:normal}.hero-art{min-height:64svh}.reader-section{padding-top:74px}.spread-3{gap:48px}.spread-1,.spread-3{grid-template-columns:var(--card-width)}.spread-1{margin:0 auto}.spread-label{min-height:0}.reading-actions{flex-direction:column;align-items:center}.reading-actions button{min-width:220px}.reader-section:after,.reader-section:before{font-size:58px;opacity:.5}}