*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#172018;color:#eee6d3;font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}a{color:inherit}.vine{position:fixed;z-index:20;top:90px;color:#66745a;opacity:.28;font-size:54px;pointer-events:none}.vine-left{left:10px;transform:rotate(-28deg)}.vine-right{right:10px;transform:scaleX(-1) rotate(-28deg)}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid #536047;background:#111711;position:relative;z-index:10}.brand{text-decoration:none;letter-spacing:.2em;font-size:17px}.brandmark{color:#b8a56e;margin-right:13px}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#c9c4ae;font-size:14px}.hero{min-height:700px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,#536047 0,#2b392a 27%,#172018 58%,#0e130f 100%)}.forest-layer:before,.forest-layer:after{content:"";position:absolute;top:0;bottom:0;width:29%;opacity:.85;background:repeating-linear-gradient(82deg,transparent 0 24px,#263321 25px 34px,transparent 35px 62px)}.forest-layer:before{left:0}.forest-layer:after{right:0;transform:scaleX(-1)}.hero-content{position:relative;z-index:2;padding:80px 7vw}.sigil{font-size:28px;color:#c0ad78;letter-spacing:.35em}.eyebrow{letter-spacing:.25em;font-size:11px;color:#b9a873}.hero h1,.pagehead h1,.stage h1{font-weight:400;font-size:clamp(48px,6.5vw,88px);line-height:.98;margin:24px 0}.hero h1 em{font-weight:400;color:#d0bd83}.lead{max-width:680px;margin:25px auto 38px;color:#ded8c5;font-size:19px;line-height:1.7}.button{display:inline-block;border:1px solid #b9a56e;background:#253122;color:#f3ecd9;padding:16px 28px;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font:12px Georgia;cursor:pointer}.button:hover{background:#35452f}.ground{position:absolute;bottom:22px;left:0;right:0;color:#7e8b6d;font-size:24px;letter-spacing:1.5em}.intro{background:#d9d0b7;color:#263021;padding:90px 8vw;text-align:center;border-top:8px solid #37462f}.intro h2,.silver-section h2,.prose h2{font-size:clamp(34px,4vw,52px);font-weight:400;margin:20px 0}.introcopy{max-width:760px;margin:0 auto 50px;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1080px;margin:auto}.features article{border:1px solid #8a8e73;background:#e5ddc7;padding:36px 27px;position:relative}.features article:before{content:"";position:absolute;inset:7px;border:1px solid #b5ad94;pointer-events:none}.features span{font-size:32px;color:#58664a}.features h3{font-weight:400;font-size:24px}.features p{line-height:1.6}.silver-section{text-align:center;padding:95px 8vw;background:radial-gradient(circle,#40503a,#202b20 55%,#151c16);border-top:1px solid #5b6850}.silver-section>p:not(.eyebrow){max-width:680px;margin:0 auto 24px;line-height:1.8;color:#d2ccb8}.branch{color:#839074;font-size:28px;letter-spacing:.5em}.textlink{color:#d2bf86}.pagehead{text-align:center;padding:85px 7vw 60px;background:radial-gradient(circle at 50% 20%,#465640,#202b20 55%,#131a14)}.pagehead p{max-width:720px;margin:20px auto;line-height:1.75;color:#d5cfbc}.filterbar{text-align:center;padding:35px 20px 0;background:#d9d0b7}.filterbar button{border:1px solid #69705a;background:transparent;padding:10px 17px;margin:4px;font:12px Georgia;text-transform:uppercase;letter-spacing:.1em;color:#35402e;cursor:pointer}.filterbar button.active{background:#35432f;color:#eee7d4}.spreadgrid{padding:35px 7vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1250px;margin:auto;background:#d9d0b7;color:#283023}.spread{border:1px solid #7d806b;padding:31px;background:#e4dcc6;position:relative;box-shadow:inset 0 0 0 7px #d5ccb4}.spread .leaf{position:absolute;right:20px;top:15px;color:#69745c;font-size:25px}.spread h2{font-weight:400;font-size:26px}.spread p{line-height:1.6;min-height:75px;color:#4f5548}.spread small{display:block;color:#6d744f;letter-spacing:.15em;margin:20px 0}.spread>a{color:#35492e}.pill{font-size:10px;letter-spacing:.18em;color:#6c714f}.reading-wrap{min-height:750px;background:radial-gradient(circle at 50% 25%,#45543d,#202b20 55%,#111711);padding:70px 7vw}.stage{display:none;text-align:center;max-width:1100px;margin:auto}.stage.active{display:block}.stage>p{max-width:670px;margin:15px auto 28px;line-height:1.7;color:#d5cfbd}.stage textarea{display:block;width:min(620px,90%);height:120px;margin:25px auto;background:#dcd3bc;border:1px solid #8c8b72;padding:18px;font:17px Georgia;color:#263021;resize:vertical}.ritual{height:300px;display:flex;justify-content:center;align-items:center;gap:90px}.palm{width:210px;height:230px;border:1px solid #667258;border-radius:48% 48% 42% 42%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2b3828}.palm span{font-size:100px;filter:grayscale(1) sepia(.3)}.palm small{letter-spacing:.18em;color:#a9aa8c}.coin{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f1eee3,#aaa99f 45%,#62665f);border:4px double #e5e0cf;color:#394035;font-size:35px;box-shadow:0 8px 24px #0008;cursor:grab}.coin.spent{opacity:.2;transform:scale(.7);transition:.4s}.quiet{border:0;background:none;color:#aaa994;text-decoration:underline;cursor:pointer}.deck-stack{width:180px;height:280px;margin:35px auto;position:relative}.deck-stack div{position:absolute;inset:0;border:2px solid #9f8d5e;background:#1d2a1d;box-shadow:inset 0 0 0 8px #33432e,inset 0 0 0 10px #9f8d5e}.deck-stack div:nth-child(2){transform:translate(7px,-6px)}.deck-stack div:nth-child(3){transform:translate(14px,-12px)}.deck-stack.shuffling{animation:shuffle .25s linear infinite alternate}@keyframes shuffle{to{transform:translateX(18px) rotate(2deg)}}.fan{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:35px}.mini-card{width:70px;height:120px;border:1px solid #a18f60;background:#1c291d;color:#bda96e;box-shadow:inset 0 0 0 5px #34432e;cursor:pointer;transition:.2s}.mini-card span,.mini-card i{display:block;font-size:22px}.mini-card.picked{transform:translateY(-18px);opacity:.45}.chosen-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin:40px 0}.revealed{width:150px;height:245px;background:#d9d0b7;color:#293122;border:5px double #81724f;display:flex;flex-direction:column;justify-content:center;padding:10px}.revealed span{font-size:40px}.revealed b{margin:15px 0}.revealed small{font-size:11px}.coming,.prose{text-align:center;padding:80px 8vw;background:#d9d0b7;color:#293122}.placeholder-card{width:210px;height:350px;margin:0 auto 35px;border:5px double #84744e;box-shadow:inset 0 0 0 8px #34432e;background:#1b281c;color:#e5dcc5;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:2;letter-spacing:.16em}.placeholder-card span{color:#b9a56e}.prose p{max-width:700px;margin:auto;line-height:1.8}footer{border-top:1px solid #536047;padding:45px 7vw;display:flex;gap:25px;align-items:center;justify-content:space-between;color:#bdb7a2;background:#101611}footer span{display:block;margin-top:7px;font-size:12px;letter-spacing:.12em}footer small{max-width:460px;text-align:right}@media(max-width:760px){header{height:auto;padding:20px;display:block;text-align:center}nav{justify-content:center;gap:15px;margin-top:18px;flex-wrap:wrap}.hero{min-height:620px}.features,.spreadgrid{grid-template-columns:1fr}.spread p{min-height:0}.vine{display:none}.ritual{gap:20px}.palm{width:160px}.coin{width:70px;height:70px}.mini-card{width:54px;height:94px}.ground{letter-spacing:.5em}footer{display:block;text-align:center}footer small{display:block;margin:15px auto;text-align:center}}
/* V3 woodland art direction */
body{background:#11180f;color:#eee8d8}
.vine{display:none}
header{background:#182014;border-color:#4d593f}
.hero{min-height:720px;background:#172014 url('/assets/hero-woodland.png') center 42%/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,19,11,.28),rgba(13,19,11,.06),rgba(13,19,11,.28));pointer-events:none}
.forest-layer{display:none}.hero-content{background:rgba(229,218,192,.86);color:#293322;padding:38px 55px;max-width:720px;border:1px solid rgba(70,78,53,.65);box-shadow:0 15px 50px #0007}
.hero .eyebrow{color:#4d5a3f}.hero h1{font-size:clamp(46px,5.5vw,78px)}.hero h1 em{color:#405139}.lead{color:#30382b}.ground{display:none}
.intro{background:#ded4bc;color:#283323;border-top:8px solid #4c5c42;position:relative}
.intro:before,.intro:after{content:"❦";position:absolute;top:25px;font-size:55px;color:#607052;opacity:.55}.intro:before{left:4vw;transform:rotate(-25deg)}.intro:after{right:4vw;transform:scaleX(-1) rotate(-25deg)}
.features article{background:#e9e0ca;border-color:#858c73;box-shadow:0 6px 18px #4d4b3a22}
.silver-section{background:linear-gradient(rgba(18,28,17,.88),rgba(18,28,17,.94)),url('/assets/hero-woodland.png') center bottom/cover;color:#eee8d8}
.pagehead{background:linear-gradient(rgba(19,29,17,.74),rgba(19,29,17,.9)),url('/assets/hero-woodland.png') center 48%/cover}
.filterbar{background:#d8cfb8;padding:30px 20px 18px}
.filterbar button{font-size:13px;border-color:#59654d;color:#31402d;padding:11px 20px}
.filterbar button.active{background:#3d4d36;color:#f0ead8}
.spreadgrid{max-width:none;width:100%;padding:28px max(7vw,calc((100vw - 1250px)/2)) 100px;background:#d8cfb8}
.spread{background:#e7dec7;border-color:#7c856d;box-shadow:inset 0 0 0 7px #d8cfb8,0 7px 18px #3a3b2b18}
.reading-wrap{background:linear-gradient(rgba(18,28,17,.82),rgba(18,28,17,.93)),url('/assets/hero-woodland.png') center/cover fixed}
footer{background:#172014;border-color:#4d593f}
@media(max-width:760px){.hero-content{margin:20px;padding:30px 22px}.spreadgrid{padding:25px 20px 70px}}

/* V4: concept-led woodland design */
body{background:#1b2419}
header{background:#263122;border-bottom:1px solid #69725c}
.brand{color:#e8dfc7}.brandmark{color:#b9ad83}
.concept-hero{min-height:610px;position:relative;background-image:linear-gradient(90deg,rgba(22,29,18,.10),rgba(22,29,18,.02)),url('/assets/hero-woodland.png');background-size:cover;background-position:center 21%;display:flex;align-items:center;justify-content:center;text-align:center}
.concept-copy{width:min(620px,80%);margin-top:20px;padding:28px 34px;background:rgba(225,215,190,.82);border:1px solid rgba(72,79,56,.55);box-shadow:0 15px 40px rgba(0,0,0,.28);color:#30382a}
.concept-copy .eyebrow{color:#4f5e43}.concept-copy h1{font-size:clamp(43px,5vw,68px);font-weight:400;line-height:.94;margin:18px 0}.concept-copy h1 em{font-weight:400;color:#42553b}.concept-copy p:not(.eyebrow){line-height:1.65}
.concept-copy .button{margin-top:10px;background:#34442f;border-color:#68735a}
.paper-section{background:#ddd3bb;color:#2c3628;padding:72px 7vw 82px;position:relative;border-top:6px solid #56634b;border-bottom:1px solid #7d806b}
.paper-section:before,.paper-section:after{content:"";position:absolute;top:0;bottom:0;width:85px;opacity:.32;background:repeating-linear-gradient(105deg,transparent 0 18px,#617052 19px 22px,transparent 23px 40px)}
.paper-section:before{left:0}.paper-section:after{right:0;transform:scaleX(-1)}
.botanical-title{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center}.botanical-title span{font-size:40px;color:#617052}.botanical-title h2{font-weight:400;font-size:40px;margin:8px 0 35px}
.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:auto}.home-cards article{background:#e8dfc9;border:1px solid #8b8b73;box-shadow:inset 0 0 0 7px #d9d0b8;padding:34px 28px;text-align:center}.home-cards h3{font-size:24px;font-weight:400}.home-cards p{line-height:1.65;color:#515849;min-height:78px}.home-cards a{color:#35482f}.plant{font-size:32px;color:#5e704f}
.ritual-home{min-height:440px;padding:75px 9vw;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;background:linear-gradient(90deg,rgba(21,29,18,.96),rgba(35,45,29,.90)),url('/assets/hero-woodland.png') center bottom/cover;color:#eee6d3}.ritual-copy{max-width:650px}.ritual-copy h2{font-size:48px;font-weight:400;margin:14px 0}.ritual-copy p:not(.eyebrow){line-height:1.8;color:#d5ceba}.ritual-copy a{color:#d7cda9}.coin-art{display:grid;place-items:center}.big-coin{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:65px;color:#41483e;background:radial-gradient(circle at 32% 28%,#f0ede3,#b8b7aa 42%,#777a70 72%,#c8c5b8);border:8px double #dad6c8;box-shadow:0 18px 45px #0009,inset 0 0 0 6px #777b70}.big-coin small{font-size:12px;letter-spacing:.25em}
.pagehead{background:linear-gradient(rgba(26,36,22,.48),rgba(26,36,22,.82)),url('/assets/hero-woodland.png') center 24%/cover}
.filterbar,.spreadgrid{background:#ddd3bb}.spread{background:#e8dfc9;color:#2c3628}
@media(max-width:760px){.concept-hero{min-height:560px;background-position:center}.concept-copy{width:88%;padding:25px 18px}.home-cards{grid-template-columns:1fr}.home-cards p{min-height:0}.ritual-home{grid-template-columns:1fr;text-align:center}.ritual-copy{margin:auto}.big-coin{width:145px;height:145px}.paper-section:before,.paper-section:after{width:35px}}

/* V5 clean woodland hero */
.concept-hero{display:none}
.clean-hero{min-height:650px;background:url('/assets/hero-clean.png') center center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:50px 7vw;position:relative}
.clean-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,12,.10),rgba(14,20,12,.01),rgba(14,20,12,.10));pointer-events:none}
.hero-panel{position:relative;z-index:2;width:min(650px,92%);padding:35px 45px;background:rgba(226,217,194,.88);border:1px solid rgba(76,84,62,.7);box-shadow:0 15px 45px rgba(0,0,0,.3);color:#293426}
.hero-panel .eyebrow{color:#536146}.hero-panel h1{font-size:clamp(44px,5.5vw,72px);font-weight:400;line-height:.95;margin:18px 0}.hero-panel h1 em{font-weight:400;color:#40553a}.hero-panel>p:not(.eyebrow){line-height:1.7}.hero-panel .button{margin-top:10px}
.home-cards article{display:flex;flex-direction:column;align-items:center}.home-cards small{letter-spacing:.16em;color:#59644d;margin:4px 0 18px}.home-cards a{margin-top:auto}.all-readings{text-align:center;margin-top:35px}.all-readings .button{background:#3a4b34}
.pagehead{background:linear-gradient(rgba(25,35,21,.58),rgba(25,35,21,.82)),url('/assets/hero-clean.png') center/cover}
.reading-wrap{background:linear-gradient(rgba(18,28,17,.78),rgba(18,28,17,.92)),url('/assets/hero-clean.png') center/cover fixed}
@media(max-width:760px){.clean-hero{min-height:570px;padding:35px 18px}.hero-panel{padding:28px 18px}}

/* V6 polish: preserve the woodland, reduce the panel, improve typography */
header{height:86px;padding:0 5vw}
.brand{font-size:20px;font-weight:600;letter-spacing:.19em}
.brandmark{font-size:25px}
nav{gap:34px}
nav a{font-size:15px}
.clean-hero{min-height:670px;padding:55px 7vw;background-position:center center}
.hero-panel{width:min(610px,78%);padding:29px 38px;background:rgba(230,221,199,.74);backdrop-filter:blur(1px);border-color:rgba(75,84,61,.55)}
.hero-panel h1{font-size:clamp(46px,5vw,67px);line-height:.94;white-space:normal}
.hero-panel h1 br{display:block}
.hero-panel .eyebrow{margin-bottom:12px}
.hero-panel>p:not(.eyebrow){font-size:16px;margin:18px auto;max-width:520px}
.paper-section{overflow:hidden;padding-top:68px}
.paper-section:before,.paper-section:after{content:"❧";background:none;width:auto;height:auto;top:25px;bottom:auto;font-size:90px;color:#526447;opacity:.38;line-height:1}
.paper-section:before{left:25px;transform:rotate(-32deg)}
.paper-section:after{right:25px;transform:scaleX(-1) rotate(-32deg)}
.botanical-title span{font-size:34px;color:#536548}
.botanical-title h2{font-size:42px}
.home-cards article{position:relative}
.home-cards article:before{content:"";position:absolute;inset:8px;border:1px solid rgba(95,104,79,.28);pointer-events:none}
.home-cards .plant{font-size:29px}
@media(min-width:900px){
  .hero-panel h1{white-space:nowrap}
  .hero-panel h1 br{display:block}
}
@media(max-width:760px){
 header{height:auto}.brand{font-size:17px}
 .hero-panel{width:90%;padding:25px 18px;background:rgba(230,221,199,.80)}
 .hero-panel h1{font-size:45px}
 .paper-section:before,.paper-section:after{font-size:52px}
}

/* V7 interactive reading flow */
.reading-library{background:#ddd3bb}
.question-label{display:block;margin:28px auto 0;color:#e5ddc8;font-size:18px}
.ritual-hint{font-style:italic;font-size:14px}
.palm{transition:.3s}.palm.blessed{box-shadow:0 0 40px rgba(213,210,190,.38);border-color:#d5d0be}
.hidden{display:none!important}
#chooseStage .button{margin-top:35px}
.interpretation{max-width:850px;margin:35px auto 45px;padding:28px 35px;background:rgba(224,214,190,.92);color:#293426;border:1px solid #7e826c;text-align:left}
.interpretation h2{font-weight:400;font-size:30px;margin-top:0}.interpretation p{line-height:1.75}
.revealed-card{width:220px;background:#ded4bc;color:#293426;border:1px solid #80775e;padding:10px 10px 22px;box-shadow:0 12px 25px #0005}
.card-image{height:320px;background:#1d291c;border:4px double #9b895e;display:grid;place-items:center;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover}.card-image>span{display:none;font-size:58px;color:#b8a56e}.card-image.placeholder>span{display:block}
.revealed-card small{display:block;margin-top:16px;letter-spacing:.15em;color:#667052}.revealed-card h3{font-weight:400;font-size:22px;margin:9px 0}.revealed-card p{font-size:14px;line-height:1.55;color:#505748}
@media(max-width:760px){.revealed-card{width:min(260px,90%)}.card-image{height:390px}.ritual{flex-direction:column;height:auto;padding:35px 0;gap:25px}}

/* V8 responsible contextual readings */
.safety-box{max-width:720px;margin:32px auto 0;padding:28px;background:#e5dcc5;color:#273123;border:2px solid #755e4d;text-align:left}
.safety-box h2{font-size:28px;font-weight:400;margin-top:0}.safety-box p{line-height:1.7}.safety-box .button{margin-top:8px}
.sensitive-note{padding:12px;background:#cfc6ad;border-left:3px solid #6a735b}
.path-note{margin-top:25px;padding:20px;background:#d0c6aa;border:1px solid #8c876e;line-height:1.7}
.revealed-card p strong{color:#34452f}

/* V9: tactile tarot fan and cleaner reading results */
#chooseStage{overflow:hidden}
#fan{
  width:min(94vw,1050px);
  height:260px;
  margin:30px auto 10px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:32px 32px 0;
  position:relative;
}
#fan .mini-card{
  flex:0 0 76px;
  width:76px;
  height:132px;
  margin-left:-63px;
  position:relative;
  transform:translateY(var(--lift)) rotate(var(--rot));
  transform-origin:50% 180%;
  transition:transform .18s ease, filter .18s ease;
  cursor:pointer;
  border:2px solid #9b8651;
  box-shadow:0 5px 12px rgba(0,0,0,.38);
}
#fan .mini-card:first-child{margin-left:0}
#fan .mini-card:hover,
#fan .mini-card:focus-visible{
  transform:translateY(-28px) rotate(var(--rot)) scale(1.08);
  z-index:100 !important;
  filter:brightness(1.16);
}
#fan .mini-card.picked{
  transform:translateY(-42px) rotate(var(--rot));
  opacity:.38;
  pointer-events:none;
}
#fan .mini-card span{font-size:18px}
#fan .mini-card i{font-size:12px}
.revealed-card{
  background:rgba(239,232,211,.94) !important;
  border:1px solid rgba(121,104,70,.65) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
#interpretation{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
#interpretation .path-note{
  max-width:760px;
  margin:30px auto 0;
  background:rgba(239,232,211,.94);
  border:1px solid rgba(121,104,70,.65);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.safety-box{
  background:rgba(239,232,211,.97);
  box-shadow:0 10px 28px rgba(0,0,0,.3);
}
@media(max-width:700px){
 #fan{height:225px;width:98vw;padding-left:8px;padding-right:8px}
 #fan .mini-card{flex-basis:58px;width:58px;height:105px;margin-left:-50px}
}

/* V10: proper single tarot fan + side-by-side result */
#chooseStage{overflow:visible!important;min-height:620px}
#fan{
 width:min(96vw,1100px)!important;
 height:350px!important;
 margin:15px auto 0!important;
 display:block!important;
 position:relative!important;
 overflow:visible!important;
 padding:0!important;
}
#fan .mini-card{
 position:absolute!important;
 left:50%!important;
 top:48px!important;
 width:92px!important;
 height:158px!important;
 margin:0!important;
 flex:none!important;
 transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--rot))!important;
 transform-origin:50% 180%!important;
 border:1px solid #a78e4d!important;
 border-radius:5px!important;
 box-shadow:0 7px 14px rgba(0,0,0,.32)!important;
 transition:transform .16s ease,filter .16s ease!important;
}
#fan .mini-card:hover,#fan .mini-card:focus-visible{
 transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 38px)) rotate(var(--rot)) scale(1.07)!important;
 z-index:200!important;filter:brightness(1.16)
}
#fan .mini-card.picked{
 transform:translateX(calc(-50% + var(--x))) translateY(calc(var(--y) - 50px)) rotate(var(--rot))!important;
 opacity:.42!important
}
#chosenCards{
 width:min(1100px,94vw)!important;
 margin:20px auto!important;
 display:flex!important;
 flex-direction:column!important;
 gap:26px!important;
}
.revealed-card{
 width:100%!important;
 max-width:900px!important;
 margin:0 auto!important;
 display:grid!important;
 grid-template-columns:230px minmax(0,1fr)!important;
 grid-template-rows:auto!important;
 column-gap:34px!important;
 align-items:start!important;
 padding:24px!important;
 text-align:left!important;
}
.revealed-card .card-image{
 grid-column:1!important;
 grid-row:1 / span 6!important;
 width:210px!important;
 min-height:350px!important;
 margin:0!important;
}
.revealed-card small,.revealed-card h3,.revealed-card p{
 grid-column:2!important;
}
.revealed-card small{margin-top:8px!important}
.revealed-card h3{font-size:30px!important;margin:5px 0 14px!important}
.revealed-card p{font-size:16px!important;line-height:1.65!important;margin:0 0 14px!important}
#interpretation .path-note{
 max-width:900px!important;
 padding:22px 28px!important;
 font-size:15px!important;
 line-height:1.65!important;
}
@media(max-width:700px){
 #fan{transform:scale(.72);transform-origin:top center;margin-bottom:-70px!important}
 .revealed-card{display:block!important;padding:18px!important}
 .revealed-card .card-image{width:180px!important;min-height:300px!important;margin:0 auto 20px!important}
}

/* V11 reading prose */
.revealed-card h3{font-size:32px!important;line-height:1.1!important}
.revealed-card p{font-size:17px!important;line-height:1.7!important;max-width:620px}
.revealed-card small{text-transform:uppercase;letter-spacing:.16em;font-size:11px}

/* V12 — integrated woodland reading, no pasted-on parchment boxes */
.topic-grid{
 width:min(1000px,92vw);margin:30px auto;display:grid;
 grid-template-columns:repeat(3,1fr);gap:14px
}
.topic-choice{
 appearance:none;border:1px solid rgba(211,192,135,.35);
 background:rgba(16,31,20,.62);backdrop-filter:blur(3px);
 color:#eee7d4;padding:22px 18px;min-height:145px;
 font-family:inherit;cursor:pointer;text-align:left;
 transition:.18s ease
}
.topic-choice span{display:block;color:#cdbb7b;font-size:24px;margin-bottom:10px}
.topic-choice strong{display:block;font-size:18px;font-weight:400;margin-bottom:7px}
.topic-choice small{display:block;color:#c9c5b7;line-height:1.45}
.topic-choice:hover,.topic-choice.selected{
 background:rgba(38,58,36,.82);border-color:#c8ad64;
 transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.25)
}
.focus-wrap{
 width:min(700px,90vw);margin:25px auto;color:#eee7d4;text-align:left
}
.focus-wrap label{font-size:18px}.focus-wrap p{color:#c9c5b7}
.focus-wrap input{
 width:100%;box-sizing:border-box;padding:15px 16px;
 border:1px solid rgba(205,187,123,.45);background:rgba(12,25,16,.7);
 color:#f1ead7;font:inherit;outline:none
}
.focus-wrap input:focus{border-color:#cdbb7b}
.health-boundary{
 width:min(760px,90vw);margin:20px auto;padding:18px 22px;
 border-top:1px solid rgba(205,187,123,.45);
 border-bottom:1px solid rgba(205,187,123,.45);
 color:#e8e0cb;background:rgba(12,25,16,.48);line-height:1.6
}
.health-boundary p{margin:7px 0 0}
#toSilver:disabled{opacity:.4;cursor:not-allowed}

/* Results belong to the forest rather than sitting on a beige rectangle */
.revealed-card{
 background:linear-gradient(90deg,rgba(9,22,13,.78),rgba(15,29,18,.68),rgba(15,29,18,.20))!important;
 border:0!important;border-top:1px solid rgba(205,187,123,.28)!important;
 border-bottom:1px solid rgba(205,187,123,.20)!important;
 box-shadow:none!important;color:#eee8d7!important;
 padding:30px!important;backdrop-filter:blur(2px)
}
.revealed-card h3{color:#f3ecd8!important}
.revealed-card small{color:#cdbb7b!important}
.revealed-card p{color:#ddd7c7!important}
.revealed-card p strong{color:#d9c687!important}
.revealed-card .card-image{
 border:1px solid rgba(205,187,123,.65)!important;
 box-shadow:0 14px 35px rgba(0,0,0,.45)!important;
 background:#142619!important
}
#interpretation .path-note{
 background:transparent!important;border:0!important;
 border-top:1px solid rgba(205,187,123,.30)!important;
 box-shadow:none!important;color:#d8d2c2!important;
 text-align:center!important;padding:24px 10px!important
}
#interpretation .path-note strong{color:#d9c687;font-weight:400;letter-spacing:.05em}
@media(max-width:800px){.topic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topic-grid{grid-template-columns:1fr}}

/* V13 preset focus choices — no free text */
.focus-wrap{display:none!important}
.subtopic-wrap{width:min(900px,92vw);margin:28px auto}
.subtopic-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}
.subtopic-choice{
 appearance:none;background:rgba(13,29,18,.70);color:#e8e0cc;
 border:1px solid rgba(205,187,123,.38);padding:12px 17px;
 font:inherit;cursor:pointer;transition:.16s ease
}
.subtopic-choice:hover,.subtopic-choice.selected{
 border-color:#cdbb7b;background:rgba(47,67,42,.86);
 box-shadow:0 7px 18px rgba(0,0,0,.22);transform:translateY(-1px)
}

/* V14 — broad categories are free; specific focus choices reserved for Premium */
.subtopic-wrap,.subtopic-grid{display:none!important}
.premium-preview{
 width:min(760px,90vw);margin:28px auto 24px;padding:20px 12px;
 border-top:1px solid rgba(205,187,123,.28);
 color:#cfc9b9;text-align:center
}
.premium-preview p{line-height:1.6;margin:8px auto 13px;max-width:650px}
.premium-tag{
 display:inline-block;font-size:10px;letter-spacing:.16em;color:#cdbb7b;
 border:1px solid rgba(205,187,123,.35);padding:7px 10px
}

/* V15 — folklore palm, replacing the emoji/video-game hand */
#palm.palm{
 width:230px!important;height:285px!important;margin:20px auto!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 position:relative!important;display:block!important;font-size:0!important
}
.palm-art{width:100%;height:255px;overflow:visible;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.palm-fill{fill:rgba(225,214,184,.10)}
.palm-line{fill:none;stroke:#d1bd7b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.crease{fill:none;stroke:rgba(209,189,123,.58);stroke-width:1.5;stroke-linecap:round}
.palm-moon{fill:none;stroke:rgba(209,189,123,.55);stroke-width:1.2}
.palm-moon-cut{fill:rgba(20,38,24,.96);stroke:none}
.palm-caption{
 display:block!important;margin-top:-5px!important;text-align:center!important;
 color:#bdb49b!important;font-size:10px!important;text-transform:uppercase!important;
 letter-spacing:.18em!important
}
#palm.blessed .palm-line,#palm.blessed .crease,#palm.blessed .palm-moon{
 stroke:#eee0a7;filter:drop-shadow(0 0 5px rgba(226,203,128,.65))
}

/* V18 reading copy */
.revealed-card p{max-width:650px!important;font-size:17px!important;line-height:1.65!important}
.answer-line{font-family:Georgia,serif;font-size:21px!important;color:#dfca84!important;margin:4px 0 14px!important}
.answer-line strong{font-weight:400!important;color:#dfca84!important}