@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{color-scheme:dark;--bg:#191721;--surface:#211d2c;--ink:#f3eade;--muted:#b6aabd;--gold:#d8b77e;--line:#3c3244;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 42%,#30233380,transparent 57%),var(--bg);color:var(--ink);font:16px/1.6 var(--sans)}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-70px;padding:10px;background:var(--gold);color:var(--bg);z-index:9}.skip:focus{top:10px}.site-header{margin:0 auto;max-width:1320px;padding:28px 46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font:34px var(--serif);text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.wordmark>span:first-child{color:var(--gold);font:30px Georgia}.brand-caption{font:11px var(--sans);letter-spacing:2px;margin-left:20px;color:var(--muted)}.header-note{font-size:14px;color:var(--muted)}main{max-width:1080px;margin:auto;padding:28px 36px 0}.introduction{text-align:center;margin-bottom:26px}.eyebrow,.little-label{letter-spacing:2.4px;font-size:11px;color:var(--gold);font-weight:500}.eyebrow{margin:0 0 9px}h1{font:500 clamp(36px,4.4vw,58px)/1.03 var(--serif);letter-spacing:-1.2px;margin:0}h1 em{color:var(--gold);font-weight:400}.introduction>p:last-child{color:var(--muted);margin:14px 0 0;font-size:15px}.mode-tabs{display:flex;justify-content:center;gap:6px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#211c28;max-width:718px;margin:0 auto 28px}.mode-tabs button{flex:1;background:none;border:0;color:var(--muted);padding:12px 15px;border-radius:7px;font-size:14px;white-space:nowrap}.mode-tabs button[aria-selected=true]{background:#3b3040;color:var(--ink);box-shadow:0 2px 6px #0003}.mode-tabs button span{font-size:18px;margin-right:8px;color:var(--gold)}.reading-heading{text-align:center}.reading-heading h2{font:500 30px/1.2 var(--serif);margin:8px 0}.reading-heading p{font-size:14px;color:var(--muted);margin:9px 0}.selection-status{text-align:center;font-size:13px;color:var(--gold);margin:22px 0 0;min-height:22px}.card-table{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px 0 34px;min-height:228px}.draw-card{width:114px;aspect-ratio:2/3;padding:0;border:1px solid #a885524f;border-radius:8px;background:#252135;box-shadow:0 10px 25px #0004;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.draw-card:nth-child(1){transform:rotate(-8deg) translateY(12px)}.draw-card:nth-child(2){transform:rotate(-4deg) translateY(3px)}.draw-card:nth-last-child(2){transform:rotate(4deg) translateY(3px)}.draw-card:last-child{transform:rotate(8deg) translateY(12px)}.draw-card:hover:not(:disabled),.draw-card:focus-visible{transform:translateY(-12px);border-color:var(--gold);box-shadow:0 8px 35px #c1a67522}.draw-card.selected{transform:translateY(-14px);border:2px solid var(--gold)}.draw-card.selected:after{content:'✓';position:absolute;bottom:8px;right:8px;background:var(--gold);color:var(--bg);width:25px;height:25px;border-radius:50%}.draw-card img{width:100%;height:100%;object-fit:cover;display:block}.card-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gold);font:40px Georgia;border:1px solid #8d6c4844;margin:8px;height:calc(100% - 16px)}.card-placeholder small{font:10px var(--sans);letter-spacing:3px;margin-top:12px}.ritual-note{text-align:center;color:var(--muted);font:italic 16px var(--serif);margin:0 0 22px}.about-reading{display:flex;justify-content:space-between;gap:60px;padding:30px 0;border-top:1px solid var(--line);margin-top:42px}.about-reading h2{font:500 28px var(--serif);margin:9px 0}.about-reading>p{max-width:430px;color:var(--muted);font-size:14px;margin:0}footer{max-width:1230px;margin:20px auto 0;border-top:1px solid var(--line);padding:24px 36px 32px;display:flex;align-items:flex-start;gap:24px;color:var(--muted);font-size:12px}footer>span{font:23px var(--serif);color:var(--gold);white-space:nowrap}footer>p{flex:1;margin:5px 0}footer details{max-width:360px;margin-top:5px}footer summary{cursor:pointer}footer details p{font-size:13px}footer a{color:var(--gold)}#question-wrap{max-width:550px;margin:20px auto 0}#question-wrap label{display:block;font-size:14px;margin-bottom:8px}#question-wrap label span{color:var(--muted)}input{width:100%;background:#231e2a;border:1px solid #5b4861;border-radius:8px;padding:13px 16px;color:var(--ink);font-size:15px}input::placeholder{color:#a498ae}.input-note{color:var(--muted);font-size:12px;margin:7px 0}.actions{text-align:center}.secondary-button{border:1px solid #685372;background:transparent;color:var(--ink);border-radius:7px;padding:10px 20px;margin:20px auto}.secondary-button:hover{background:#302637}#results{max-width:850px;margin:0 auto 22px;outline:none}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.result-card{background:#231e2b;border:1px solid var(--line);border-radius:12px;padding:24px;text-align:center;animation:reveal .6s ease both}.result-card img{width:100%;max-width:150px;aspect-ratio:500/839;object-fit:contain;border-radius:5px;box-shadow:0 8px 22px #0004;margin:15px auto;display:block;background:#e0d4bb}.result-card h3{font:500 29px var(--serif);margin:4px 0}.result-card .keywords{font-size:12px;color:var(--gold);margin:8px 0 13px}.result-card p{font-size:14px;color:var(--muted);margin:8px 0}.single-result{display:grid;grid-template-columns:190px 1fr;gap:38px;text-align:left;padding:30px 42px;max-width:730px;margin:auto;align-items:center}.single-result img{max-width:180px;margin:0}.single-result h3{font-size:39px}.result-card .reflection{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;color:var(--ink)}.answer{color:var(--gold);font:500 46px var(--serif);display:block;line-height:1.1;margin:4px 0 15px}.question-echo{font:italic 22px var(--serif);color:var(--ink)!important;overflow-wrap:anywhere}.reading-summary{padding:24px 0 4px;text-align:center;max-width:700px;margin:auto}.reading-summary h3{font:500 30px var(--serif);margin:0 0 10px}.reading-summary p{color:var(--muted);font-size:15px}.noscript{text-align:center;color:var(--gold)}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:700px){.site-header{padding:20px 22px}.brand-caption{display:none}.header-note{font-size:12px}main{padding:24px 18px 0}.mode-tabs{gap:2px;padding:5px}.mode-tabs button{font-size:12px;padding:11px 6px;white-space:normal;line-height:1.4}.mode-tabs button span{display:block;margin:0 0 4px;font-size:18px}.introduction>p:last-child{font-size:14px;max-width:290px;margin:12px auto 0}.reading-heading h2{font-size:27px}.reading-heading p{font-size:14px;max-width:350px;margin:9px auto}.card-table{gap:7px;min-height:174px;padding:20px 2px 28px}.draw-card{width:16.6%;max-width:110px;min-height:95px;border-radius:5px}.card-table.classic-table{gap:5px}.classic-table .draw-card{width:13%;min-height:80px}.single-result{grid-template-columns:110px 1fr;gap:20px;padding:22px 18px}.single-result img{width:110px}.single-result h3{font-size:29px}.result-card p{font-size:14px}.single-result .reflection{font-size:14px}.result-grid{gap:8px}.result-grid .result-card{padding:16px 8px}.result-grid .result-card h3{font-size:22px;line-height:1.1}.result-grid .result-card p{font-size:13px}.result-grid .little-label{font-size:10px;letter-spacing:1px}.result-grid .keywords{font-size:11px}.about-reading{gap:20px;flex-direction:column;padding:24px 0;margin-top:30px}.about-reading>p{max-width:none}footer{padding:24px 20px;flex-wrap:wrap;gap:12px}footer>p{font-size:12px}footer details{width:100%;max-width:none}.eyebrow,.little-label{font-size:10px}.answer{font-size:40px}}@media(max-width:390px){.single-result{grid-template-columns:1fr;text-align:center}.single-result img{width:130px;margin:0 auto 8px}.result-grid{grid-template-columns:1fr}.result-grid .result-card{display:grid;grid-template-columns:85px 1fr;gap:16px;text-align:left;padding:18px}.result-grid .result-card img{margin:0;grid-row:1/6}.header-note{display:none}}

.result-card img{height:auto}
@media(max-width:600px){.result-grid{grid-template-columns:1fr;gap:14px}.result-grid .result-card{display:grid;grid-template-columns:95px minmax(0,1fr);gap:0 18px;text-align:left;padding:20px}.result-grid .result-card>*{grid-column:2}.result-grid .result-card img{grid-column:1;grid-row:1/span 7;margin:0;width:95px;align-self:start}.result-grid .result-card h3{font-size:28px;line-height:1.15}.result-grid .result-card p{font-size:14px}.result-grid .result-card .keywords{font-size:12px}.result-grid .result-card .little-label{letter-spacing:1.2px;font-size:10px}.result-card .answer-note{font-size:12px;margin-top:16px}}

/* Full shuffled deck: every card is reachable in a compact scrollable surface. */
.card-table.full-deck{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:10px;padding:16px 14px;margin:14px auto 24px;max-width:900px;max-height:430px;min-height:0;overflow-y:auto;scrollbar-color:var(--gold) var(--surface);scrollbar-width:thin;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px;background:#211d2c55;align-items:start}.full-deck .draw-card{width:100%;max-width:none;min-height:0;aspect-ratio:2/3;transform:none!important;border-radius:5px;box-shadow:0 3px 9px #0004}.full-deck .draw-card:hover:not(:disabled),.full-deck .draw-card:focus-visible{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);z-index:1}.full-deck .draw-card.selected{border:2px solid var(--gold);opacity:.75}.full-deck .draw-card.selected:after{content:attr(data-selection);bottom:5px;right:5px;width:24px;height:24px;font-size:14px;line-height:24px}.full-deck .draw-card:focus-visible{outline-offset:2px}
@media(max-width:700px){.card-table.full-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px;max-height:390px}.full-deck .draw-card{min-height:0;width:100%}}