@import url('https://fonts.googleapis.com/css2?family=Forum&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#101a19;--panel:#182321;--gold:#d7b879;--ink:#f1eadb;--muted:#a7b2aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{padding:30px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff16}.brand{font-family:Forum,Georgia,serif;font-size:28px;color:var(--gold)}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--gold)}section{padding:70px 35px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:620px;background:radial-gradient(ellipse at 80% 45%,#3e493438,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold)}h1,h2{font-family:Forum,Georgia,serif;font-weight:400}h1{font-size:clamp(44px,5vw,72px);line-height:1.06;margin:28px 0}h1 i{color:var(--gold);font-weight:400}h2{font-size:42px;margin:18px 0}p{line-height:1.85;color:var(--muted);font-size:14px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--gold);border:0;color:#182321;padding:18px 25px;border-radius:4px;font:600 13px Manrope,Arial;cursor:pointer;min-height:52px}.primary:hover{background:#e8ca8c}.quiet{font-size:11px;color:var(--muted);line-height:1.7}.hero .primary{margin-top:18px}.hero .quiet{margin-top:20px}.hero-cards{position:relative;height:400px}.art{background-image:url('assets/atlas.webp');background-size:600% 400%;aspect-ratio:2/3;border-radius:9px;box-shadow:0 20px 40px #0007}.hero-cards .art{position:absolute;width:190px;top:35px}.left{left:0;transform:rotate(-17deg)}.center{left:105px;z-index:2;top:0!important}.right{left:205px;transform:rotate(17deg)}.orbit{position:absolute;right:0;top:0;font-size:52px;color:var(--gold)}.reading{background:var(--panel);border:1px solid #ffffff12;border-radius:12px;text-align:center;margin:0 35px;padding:55px}.sub{margin-top:0}.spread-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.option{background:transparent;color:var(--ink);border:1px solid #526057;border-radius:7px;padding:23px 12px;cursor:pointer}.option.selected{border-color:var(--gold);background:#d7b8790c}.option span{font-size:26px;color:var(--gold);display:block;margin-bottom:10px}.option strong,.option small{display:block}.option strong{font-size:14px}.option small{margin-top:8px;color:var(--muted);font-size:11px}.reading>label{display:block;text-align:left;font-size:12px;margin-bottom:10px}.reading>label span{color:var(--muted)}#question{width:100%;border:1px solid #4c5a52;border-radius:5px;background:#101a19;color:var(--ink);padding:16px;font:13px Arial}.toggles{margin:17px 0 25px;font-size:12px;color:var(--muted);text-align:left}input[type=checkbox]{accent-color:var(--gold)}.results{display:grid;gap:25px;margin-top:35px;grid-template-columns:repeat(3,minmax(0,1fr))}.results.single{grid-template-columns:minmax(0,300px);justify-content:center}.result{text-align:left}.result .art{width:100%;max-width:220px;margin:auto}.result h3{font-family:Forum,Georgia,serif;font-size:25px}.position{color:var(--gold);font-size:11px;text-align:center;margin:14px 0}.reversed{transform:rotate(180deg)}.section-head{display:flex;align-items:end;justify-content:space-between}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 20px;margin-top:30px}.gallery button{padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.gallery .art{transition:transform .2s}.gallery button:hover .art{transform:translateY(-7px)}.gallery strong{display:block;font-weight:500;font-size:11px;margin-top:13px}.gallery small{color:var(--gold);display:block;margin-top:5px;font-size:9px}.about{display:flex;gap:55px;border-top:1px solid #ffffff16}.about>span{font-size:90px;color:var(--gold)}.about div{max-width:670px}footer{border-top:1px solid #ffffff16;padding:30px 35px;display:flex;justify-content:space-between;align-items:center}footer span{font-size:11px;color:var(--muted)}dialog{max-width:560px;width:90%;background:var(--panel);color:var(--ink);border:1px solid var(--gold);border-radius:12px;padding:35px}dialog::backdrop{background:#000b}#close{float:right;background:none;border:0;color:var(--gold);font-size:30px;cursor:pointer}dialog .art{width:200px;margin:auto}dialog h2{text-align:center;font-size:34px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.hero-cards{width:360px;max-width:100%;margin:45px auto 0;height:320px}.hero-cards .art{width:155px}.center{left:85px}.right{left:170px}header{padding:22px 20px}nav{gap:15px;font-size:11px}.brand{font-size:23px}section{padding:45px 20px}.reading{margin:0 15px;padding:30px 20px}.gallery{grid-template-columns:repeat(3,1fr);gap:25px 15px}h2{font-size:34px}.spread-options{gap:8px}.option{padding:16px 7px}.option strong{font-size:12px}.option small{font-size:10px}.results{gap:15px}.result p{font-size:12px}.result h3{font-size:20px}.about{gap:20px}.about>span{font-size:45px}footer{flex-direction:column;gap:14px}.section-head{align-items:start;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.filters button{border:1px solid #526057;background:transparent;color:var(--ink);padding:10px 14px;border-radius:20px;cursor:pointer;font:12px Arial}.filters .selected{border-color:var(--gold);color:var(--gold);background:#d7b87912}.gallery button[hidden]{display:none}.personal{text-align:center;background:linear-gradient(120deg,#20312b,#182321);border:1px solid #d7b87940;border-radius:12px;margin:0 35px 45px;padding:45px 30px}.personal p{max-width:620px;margin:15px auto}@media(max-width:800px){.personal{margin:0 15px 35px}.filters button{padding:10px 12px}nav{gap:12px}nav a{font-size:10px}}

nav{font-size:14px;flex-wrap:wrap;gap:20px}p{font-size:16px}.quiet{font-size:14px}.eyebrow{font-size:12px}.primary{font-size:14px}.option small{font-size:14px}.reading>label{font-size:14px}.oracle{margin-top:45px;margin-bottom:45px}.oracle input[type=text],.oracle>input{width:100%;border:1px solid #4c5a52;border-radius:5px;background:var(--bg);color:var(--ink);padding:16px;font:16px Manrope,Arial;margin-bottom:25px}.rune-symbol{font-size:76px;color:var(--gold);text-align:center;background:#101a19;border:1px solid #d7b87955;border-radius:12px;padding:25px;margin:12px auto;max-width:160px}.coin-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.secondary{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:15px 20px;font:14px Manrope;cursor:pointer;border-radius:4px}.hexagram{display:flex;flex-direction:column-reverse;gap:12px;width:160px;margin:25px auto}.hex-line{display:flex;gap:20px;height:12px}.hex-line span{background:var(--gold);flex:1}.hex-line.changing span{background:#f4e5bf}.hex-line.changing{outline:1px solid var(--gold);outline-offset:4px}.hex-report{text-align:left;max-width:700px;margin:25px auto}.hex-report h3{font:30px Forum,serif;color:var(--gold)}.primary:disabled{opacity:.5;cursor:default}@media(max-width:800px){header{flex-direction:column;gap:18px}nav{justify-content:center}nav a{font-size:14px}.oracle{margin:30px 15px}.results{grid-template-columns:1fr}.result p{font-size:16px}.option strong{font-size:14px}.option small{font-size:14px}.hero{min-height:0}.gallery strong{font-size:14px}.gallery small{font-size:12px}}

.overall-summary{text-align:left;border:1px solid #d7b87966;border-radius:12px;padding:25px 30px;margin:30px auto 0;background:linear-gradient(130deg,#d7b87913,transparent);max-width:850px}.overall-summary:empty{display:none}.overall-summary h3{font:32px Forum,Georgia,serif;color:var(--gold);margin:0 0 15px}.summary-question{overflow-wrap:anywhere;font-weight:600;color:var(--ink)}.coin-area{text-align:center}.coin-button{display:block;margin:auto;background:transparent;border:0;border-radius:50%;padding:0;width:200px;height:200px;cursor:pointer;filter:drop-shadow(0 8px 15px #0008);transition:filter .2s,transform .2s}.coin-button img{width:100%;height:100%;object-fit:contain}.coin-button:hover:not(:disabled){transform:scale(1.04);filter:drop-shadow(0 0 18px #d7b87966)}.coin-button:disabled{cursor:default;opacity:.8}.coin-button.toss{animation:coin-toss .65s ease-out}.coin-controls{align-items:center}#coin-counter{color:var(--gold);font-weight:600;margin-bottom:0}@keyframes coin-toss{0%{transform:rotateY(0) translateY(0)}50%{transform:rotateY(180deg) translateY(-15px)}100%{transform:rotateY(360deg) translateY(0)}}@media(prefers-reduced-motion:reduce){.coin-button.toss{animation:none}}@media(max-width:600px){.overall-summary{padding:22px 18px}}

.topic-intro,.topic-guide{max-width:1100px;margin:0 auto;padding:48px 24px}.topic-intro h1{font-size:clamp(32px,5vw,56px);line-height:1.15}.topic-intro p,.topic-guide p{max-width:760px;line-height:1.8}.topic-guide h2{margin-top:32px}.topic-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:24px}.topic-links a{padding:22px;border:1px solid #cbbd9f;border-radius:14px;color:inherit;text-decoration:none}.topic-links a:hover{background:#eee5d5}[hidden]{display:none!important}

.test-page{max-width:1060px;margin:auto;padding:55px 24px 80px}.test-page h1{font-size:clamp(32px,5vw,56px);line-height:1.15}.test-lead{font-size:20px;max-width:740px}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:22px;margin:32px 0}.test-card{display:block;padding:28px;border:1px solid #cbbd9f;border-radius:18px;text-decoration:none;color:inherit}.test-card:hover{background:#eee5d5}.test-card>span{font-size:32px}.test-card h2{font-size:27px}.test-card p{line-height:1.7}.test-note{background:#eee9df;padding:18px 22px;border-radius:12px;line-height:1.7}.test-page fieldset{border:1px solid #cbbd9f;border-radius:14px;margin:24px 0;padding:20px}.test-page legend{font-size:20px;padding:0 8px}.test-page .answer{display:flex;gap:12px;align-items:flex-start;padding:10px;cursor:pointer}.test-page .answer input{width:auto;flex-shrink:0;margin-top:5px}.test-page input[type=date]{display:block;max-width:320px;margin:14px 0 24px}.test-page #test-result:not(:empty){padding:28px;margin:30px 0;border:1px solid #b9a77c;border-radius:18px;background:#f3eddf}.matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:570px}.matrix div{padding:18px;border:1px solid #cbbd9f;border-radius:10px}.matrix strong{display:block;font-size:25px}.matrix small{display:block;line-height:1.5}.test-page p{line-height:1.8}@media(max-width:600px){header nav{flex-wrap:wrap;gap:12px}.matrix div{padding:10px}.matrix small{font-size:12px}}

/* Readable text on light surfaces. */
.test-page #test-result:not(:empty),.test-page .test-note{color:#191b18;--ink:#191b18;--muted:#30362e;--gold:#594218}
.test-page #test-result p,.test-page #test-result h2,.test-page #test-result h3,.test-page #test-result small,.test-page #test-result strong,.test-page .test-note{color:#191b18}
.test-page #test-result h2,.test-page #test-result h3{font-weight:600}
.test-page #test-result p{font-size:17px;line-height:1.85}
.test-page #test-result .secondary{color:#30240f;border-color:#70582c;font-weight:600}
.test-card:hover,.topic-links a:hover{color:#191b18;--muted:#30362e;--ink:#191b18;--gold:#594218}
.test-card:hover p,.test-card:hover h2,.test-card:hover b{color:#191b18}