@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#080a10;--gold:#dfc699;--muted:#a29f9a;--white:#f4eee4;--cyan:#7ec8cd;--rose:#c982a5;font-family:'DM Sans',Arial,sans-serif;background:var(--ink);color:var(--white)}*{box-sizing:border-box}body{margin:0;background:var(--ink)}a{color:inherit}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,.deck:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-70px;left:16px;background:var(--gold);color:#080a10;padding:12px;z-index:20}.skip:focus{top:10px}.cosmos{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 45%,#15495228,transparent 47%),radial-gradient(ellipse at 80% 57%,#62214922,transparent 43%),radial-gradient(circle at 15% 24%,#e8d9ba80 0 .7px,transparent 1px),radial-gradient(circle at 85% 34%,#e8d9ba70 0 1px,transparent 1.3px),radial-gradient(circle at 80% 80%,#e8d9ba40 0 .7px,transparent 1px);background-size:auto,auto,173px 219px,311px 367px,197px 271px}.masthead{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;z-index:3;border-bottom:1px solid #dfc69914}.brand{font-weight:700;letter-spacing:-.045em;font-size:19px;text-decoration:none}.brand span{color:var(--rose)}.exit{font-size:11px;color:#c7c1b8;text-decoration:none}.exit span{margin-left:12px;color:var(--gold)}.observatory{position:relative;min-height:calc(100svh - 66px);display:flex;flex-direction:column;align-items:center;padding:22px 0 max(14px,env(safe-area-inset-bottom));overflow:hidden}.intro{text-align:center;padding:0 18px}.eyebrow{text-transform:uppercase;letter-spacing:.27em;font-size:9px;color:var(--gold);margin:0 0 7px}h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:clamp(29px,3.2vw,46px);line-height:1.08;margin:0}h1 em{font-weight:500;color:var(--gold)}.edition{font-size:10px;letter-spacing:.035em;color:var(--muted);margin:9px 0 0}.stage{position:relative;width:100%;flex:1;min-height:0;display:flex;align-items:center;margin:12px 0 6px}.deck{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:16px calc((100% - min(380px,86vw))/2);gap:44px;cursor:grab;touch-action:pan-x pan-y pinch-zoom;outline-offset:-5px!important}.deck::-webkit-scrollbar{display:none}.deck.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.card{position:relative;flex:0 0 min(380px,86vw);height:clamp(430px,58svh,620px);scroll-snap-align:center;scroll-snap-stop:always;perspective:1600px;user-select:none;transition:opacity .35s,scale .35s;opacity:.42;scale:.93}.card.active{opacity:1;scale:1}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1);border-radius:18px;box-shadow:0 22px 55px #0009,0 0 40px #6dccd50b}.card.flipped .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #bba07880;border-radius:18px;background:linear-gradient(145deg,#18272c 0%,#0c131d 38%,#171322 100%);overflow:hidden}.face::before{content:'';position:absolute;inset:10px;border:1px solid #bba07840;border-radius:10px;pointer-events:none}.face::after{content:'';position:absolute;inset:17px;border:1px solid #bba07819;border-radius:5px;pointer-events:none}.front{width:100%;display:flex;flex-direction:column;align-items:center;padding:28px 22px 24px;text-align:center}.top-ornament{width:100%;display:flex;align-items:center;gap:14px;color:var(--gold);font-family:Georgia,serif;font-size:12px}.top-ornament:before,.top-ornament:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#dfc69970)}.top-ornament:after{transform:rotate(180deg)}.arcana{font-size:9px;letter-spacing:.32em;text-transform:uppercase;margin:17px 0 0;color:var(--gold)}.zodiac-art{width:100%;max-height:270px;min-height:120px;flex:1;color:var(--gold);filter:drop-shadow(0 0 13px #d8b77a20);margin:9px 0}.sign-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:49px;font-weight:500;line-height:1;margin:0;color:var(--white)}.dates{font-size:9px;letter-spacing:.17em;color:#baaea0;margin:12px 0 0}.reveal{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);display:flex;align-items:center;gap:12px;margin-top:25px}.reveal:before{content:'✦';font-size:13px}.back{transform:rotateY(180deg);display:flex;flex-direction:column;padding:29px 28px 22px;background:radial-gradient(ellipse at 90% 0%,#214b503d,transparent 50%),linear-gradient(155deg,#182025,#14121f)}.back-top{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #dfc69930;padding-bottom:15px;flex-shrink:0}.back-sign{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold);font-size:26px}.turn-back{border:1px solid #dfc69940;border-radius:50%;background:transparent;min-width:42px;min-height:42px;color:var(--gold);font-size:20px}.reading{overflow-y:auto;overscroll-behavior-y:contain;overscroll-behavior-x:auto;touch-action:pan-x pan-y pinch-zoom;min-height:0;padding:15px 3px 9px;scrollbar-width:thin;scrollbar-color:#dfc69955 transparent;user-select:text}.reading h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:30px;line-height:1.03;margin:0 0 17px;color:var(--white)}.reading p{font-size:14px;line-height:1.7;color:#d7d2ce;margin:0 0 18px}.reading .punchline{color:var(--gold);font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.18;border-top:1px solid #dfc69930;padding-top:15px;margin-bottom:8px}.seal{text-align:center;flex-shrink:0;font-size:8px;text-transform:uppercase;letter-spacing:.22em;color:#a7947c;margin-top:auto;padding-top:11px}.side-note{position:absolute;font-size:9px;letter-spacing:.23em;line-height:2.2;color:#877d70;z-index:1;pointer-events:none}.left-note{right:calc(50% + 290px);text-align:right}.right-note{left:calc(50% + 290px)}.controls{display:flex;align-items:center;gap:26px}.arrow{background:#dfc69907;border:1px solid #dfc69935;border-radius:50%;width:44px;height:44px;font-size:19px;transition:background .2s}.arrow:hover{background:#dfc69918}.arrow:disabled{opacity:.25;cursor:default}.selector{display:flex;align-items:center;gap:18px}.selector select{max-width:130px;background:transparent;color:var(--white);border:0;font-size:13px;padding:9px 20px 9px 5px;cursor:pointer}.selector option{background:#10141d;color:var(--white)}.counter{font-size:9px;letter-spacing:.1em;color:#a39175;white-space:nowrap}.instructions{font-size:10px;color:#b9afa2;margin:13px 12px 0;text-align:center}.instructions span{color:var(--gold);margin:0 7px}.disclaimer{font-size:8px;color:#746f6b;margin:8px 12px 0;text-align:center}.noscript{position:absolute;inset:30% 20px auto;background:#171923;padding:30px;border:1px solid var(--gold);text-align:center}.archive-note{color:var(--gold)}
@media(min-width:1000px){.deck{mask-image:linear-gradient(90deg,transparent,black 27%,black 73%,transparent)}.card:not(.active){opacity:.18}.side-note{background:var(--ink);padding:14px 0}.intro{padding-top:3px}}
@media(max-width:600px){.masthead{height:51px;padding:0 20px}.brand{font-size:16px}.exit{font-size:10px}.observatory{height:calc(100svh - 51px);min-height:590px;padding:14px 0 max(10px,env(safe-area-inset-bottom))}.eyebrow{font-size:7px;letter-spacing:.22em;margin-bottom:6px}h1{font-size:29px}.edition{font-size:8px;margin-top:7px}.stage{margin:4px 0;flex:1}.deck{height:100%;gap:7vw;padding:10px 7vw}.card{flex-basis:86vw;height:100%;min-height:0;scale:.98}.card.active{scale:1}.side-note{display:none}.front{padding:24px 23px 20px}.zodiac-art{max-height:none;margin:7px 0;min-height:80px}.arcana{margin-top:11px;font-size:8px}.sign-name{font-size:43px}.dates{font-size:8px;margin-top:9px}.reveal{margin-top:17px;font-size:8px}.controls{gap:24px}.arrow{width:39px;height:39px}.instructions{font-size:9px;margin-top:8px}.disclaimer{font-size:7px;margin-top:6px}.back{padding:23px 25px 20px}.reading h2{font-size:29px;margin-bottom:13px}.reading p{font-size:13px;line-height:1.65}.reading .punchline{font-size:22px}.back-top{padding-bottom:9px}.reading{padding-top:13px}.seal{padding-top:7px}}
@media(max-height:720px) and (max-width:600px){.observatory{min-height:490px}.front{padding-top:22px}.arcana{margin-top:8px}.sign-name{font-size:35px}.reveal{margin-top:11px}.zodiac-art{min-height:70px}.reading h2{font-size:26px}.reading p{font-size:12px;line-height:1.55}.reading .punchline{font-size:20px}.back-top{padding-bottom:6px}.back-sign{font-size:23px}.turn-back{min-height:35px;min-width:35px}.instructions{margin-top:5px}.disclaimer{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

:root{--masthead-height:calc(66px + env(safe-area-inset-top,0px))}.masthead{height:var(--masthead-height);padding-top:env(safe-area-inset-top,0px)}.observatory{min-height:calc(100svh - var(--masthead-height))}@media(max-width:600px){:root{--masthead-height:calc(51px + env(safe-area-inset-top,0px))}.observatory{height:calc(100svh - var(--masthead-height));min-height:490px}}