@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{--paper:#f5f2e9;--ink:#293e30;--accent:#526143;--muted:#737969;--line:#dedfd1;--soft:#e9eadf;--sky-center:#6b805c;--sky-edge:#263f34;--moon-color:#d5d6a0;--distant-tree:#3d5844;--tree-color:#20392e;--leaf-color:#294535;--back-ground:#4c6548;--ground-light:#627b4b;--ground-dark:#304c38;--fern-color:#8eaa63;--mushroom-color:#be7955}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px;transition:background .5s,color .5s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}::selection{background:var(--accent);color:var(--paper)}.site-header{max-width:1440px;margin:auto;padding:29px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;gap:10px;align-items:center}.brand svg{width:36px;height:41px}.brand>span{font-family:"Playfair Display",Georgia,serif;font-size:26px;font-weight:500;white-space:nowrap}.brand i,.footer-brand i{font-weight:400}.brand small{display:block;font-family:"DM Sans",sans-serif;font-size:7px;font-weight:600;letter-spacing:2px;margin-top:5px}.site-header nav{display:flex;gap:32px;font-size:12px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-header nav span{margin-left:5px}.header-cta{background:transparent;border:1px solid var(--ink);padding:12px 19px;border-radius:5px;font-size:12px}.header-cta span{margin-left:18px}.hero{max-width:1440px;margin:auto;padding:56px 5.5% 58px;display:grid;grid-template-columns:1fr 1fr;gap:6.5%;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.8}.little-star{font-size:20px;margin-right:8px;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:400}h1{font-size:clamp(45px,5.3vw,78px);line-height:1.1;letter-spacing:-2.5px;margin:23px 0 24px}h1 em,h2 em{color:var(--accent);font-weight:400}#hero-description{max-width:375px;color:var(--muted);font-size:14px;line-height:1.9}.primary-button{margin-top:27px;padding:16px 22px;background:var(--ink);color:var(--paper);border-radius:5px;font-size:12px;display:inline-flex;gap:35px;justify-content:space-between;align-items:center;transition:background .3s,transform .2s}.primary-button:hover{background:var(--accent);transform:translateY(-2px)}.realm-picker{margin-top:39px}.realm-picker>span{font-size:8px;font-weight:600;letter-spacing:1.5px}.switch{margin-top:11px;display:flex;gap:4px;border:1px solid var(--line);border-radius:7px;padding:4px;width:max-content;background:#ffffff30}.switch button{background:transparent;border-radius:4px;padding:10px 15px;font-size:11px;transition:background .3s,color .3s}.switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.switch button span{font-size:16px;vertical-align:middle;margin-right:6px}.realm-picker small{display:block;font-size:10px;color:var(--muted);margin-top:11px}.hero-art{position:relative;min-width:0;border-radius:140px 140px 8px 8px;background:var(--sky-edge);box-shadow:0 12px 30px #243b2910;padding:0;isolation:isolate}.woodland{display:block;width:100%;border-radius:140px 140px 0 0;overflow:hidden}.art-topline{position:absolute;top:34px;left:0;width:100%;padding:0 48px;display:flex;justify-content:space-between;color:#e6e8c0;font-size:7px;letter-spacing:1.5px;z-index:1}.art-caption{background:var(--sky-edge);color:#d7dbbb;padding:17px 22px;display:flex;align-items:center;gap:9px;border-radius:0 0 8px 8px;font-size:10px}.art-caption>span:last-child{margin-left:auto;font-size:20px}.caption-dot{width:5px;height:5px;background:#c0cda0;border-radius:50%}.floating-note{position:absolute;right:-27px;bottom:93px;display:flex;gap:10px;align-items:center;background:var(--paper);border:1px solid var(--line);box-shadow:2px 4px 0 #243b290c;transform:rotate(8deg);padding:15px 18px;font-family:"Playfair Display",Georgia,serif;font-size:15px}.floating-note>span:first-child{font-size:32px;color:var(--accent)}.floating-note i{font-size:19px}.fairy-character{opacity:0;transition:opacity .6s}.troll-character{opacity:1;transition:opacity .6s}.moon-cutout{opacity:0;transition:opacity .6s}.fireflies{animation:twinkle 5s ease-in-out infinite}.world-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-evenly;gap:15px;align-items:center;padding:20px 5%;font-size:9px;font-weight:500;letter-spacing:1.7px}.world-strip>span:nth-child(even){font-size:21px;color:var(--accent)}.section{max-width:1440px;padding:65px 5.5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:25px}h2{font-size:39px;line-height:1.25;letter-spacing:-1px}.section-heading h2{margin-top:12px}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.local-card{padding:0;text-align:left;background:transparent;border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .2s,box-shadow .2s}.local-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #243b2910}.card-illustration{height:174px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#e0e5d5;color:#788565}.card-two{background:#efe4d4;color:#b17958}.card-three{background:#e2e3d9;color:#879174}.card-illustration svg{height:145px;width:240px}.card-number{position:absolute;left:17px;bottom:13px;font-size:7px;letter-spacing:1.4px;color:#5d6854}.card-spark{position:absolute;top:26px;right:40px;font-size:25px}.creature{font-family:Georgia,serif;background:#9eac83;border-radius:47% 47% 35% 35%;width:105px;height:100px;text-align:center;font-size:77px;line-height:1.05;box-shadow:-30px 12px 0 -22px #9eac83,30px 12px 0 -22px #9eac83;transform:rotate(-7deg);color:#3c543f}.illustration-sprig{position:absolute;z-index:1;top:8px;left:calc(50% - 18px);font-size:60px;transform:rotate(-25deg);color:#526c41}.card-text{padding:22px 19px}.card-category{font-size:8px;letter-spacing:1.5px;font-weight:500;color:var(--muted)}h3{font-size:21px;margin:10px 0;letter-spacing:-.4px}h3 span{float:right;font-family:"DM Sans",sans-serif;font-size:20px}.card-text p{font-size:11px;color:var(--muted);line-height:1.7}.field-notes{display:grid;grid-template-columns:1fr 1.3fr;gap:9%;border-top:1px solid var(--line);padding-top:53px;padding-bottom:55px}.notes-intro h2{margin:13px 0 17px}.notes-intro p{font-size:12px;color:var(--muted);line-height:1.9}.notebook-flower{display:block;font-size:43px;color:var(--accent);margin-top:16px}.notes-list{padding-top:17px}details{border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:23px;padding:27px 0;font-family:"Playfair Display",Georgia,serif;font-size:21px}summary::-webkit-details-marker{display:none}.note-index{font-family:"DM Sans",sans-serif;font-size:9px;color:var(--muted)}.expand-icon{font-family:"DM Sans",sans-serif;margin-left:auto;font-size:22px;font-weight:400}details[open] .expand-icon{transform:rotate(45deg)}details p{padding:0 30px 25px;font-size:13px;color:var(--muted);line-height:1.85}.closing{background:var(--soft);text-align:center;padding:48px 20px 52px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.closing>span{font-size:30px;display:block;margin-bottom:14px}.closing h2{font-size:34px;margin:17px 0}.closing p{font-size:12px;color:var(--muted);line-height:1.9}.text-button{background:transparent;border-bottom:1px solid var(--ink);padding:0 0 7px;margin-top:25px;font-size:12px}.text-button span{margin-left:24px}footer{max-width:1440px;margin:auto;padding:30px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}footer>a:last-child{font-size:10px}.footer-brand{font-family:"Playfair Display",Georgia,serif;font-size:21px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:45px;max-width:520px;width:calc(100% - 32px);box-shadow:0 25px 100px #14271940}dialog::backdrop{background:#14271990;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:10px;background:transparent;font-size:28px}.dialog-star{display:block;color:var(--accent);font-size:45px;margin:16px 0}dialog h2{font-size:34px}dialog p{margin-top:20px;line-height:1.9;color:var(--muted);font-size:14px}.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}
html[data-realm=fairy]{--paper:#f7f2f6;--ink:#46354f;--accent:#87668e;--muted:#817487;--line:#e2d9e5;--soft:#eee5f0;--sky-center:#8875a5;--sky-edge:#3f3557;--moon-color:#f6e2bd;--distant-tree:#675780;--tree-color:#372d4b;--leaf-color:#493b61;--back-ground:#756389;--ground-light:#9182a2;--ground-dark:#514762;--fern-color:#b6a2b8;--mushroom-color:#c7a1c3}html[data-realm=fairy] .fairy-character{opacity:1}html[data-realm=fairy] .troll-character{opacity:0}html[data-realm=fairy] .moon-cutout{opacity:1}html[data-realm=fairy] .card-one{background:#e6dced;color:#9a7da7}html[data-realm=fairy] .card-two{background:#f0e1ea;color:#b98eaf}html[data-realm=fairy] .card-three{background:#e2dfe9;color:#94829f}html[data-realm=fairy] .creature{background:#cab4d5;color:#70537d;box-shadow:-40px 5px 0 -16px #f7edf4,40px 5px 0 -16px #f7edf4;border-radius:50%;font-size:63px;line-height:1.4;width:75px;height:90px}html[data-realm=fairy] .illustration-sprig{color:#9a79a4}html[data-realm=fairy] .card-number{color:#76667f}
.switch{width:fit-content;max-width:100%;flex-wrap:wrap}
.ultimate-character{opacity:0;transition:opacity .6s}
.pet-ming{--fur:#865a3c;--points:#785137;--stripes:.28;--eyes:#c7ec9c}
.pet-misty,.pet-princess{--fur:#d9c9aa;--points:#5c443a;--eyes:#97d9dc}
.pet-princess{--fur:#e5d5bd}
.pet-angel{--fur:#fffaf0;--points:#e4ded7;--eyes:#b0d9ef}
html[data-realm=ultimate]{--paper:#f1f3e8;--ink:#233e30;--accent:#506943;--muted:#65735d;--line:#d4dcc8;--soft:#e1e8d5;--sky-center:#789253;--sky-edge:#203e34;--moon-color:#e2d393;--distant-tree:#526b48;--tree-color:#1c382e;--leaf-color:#34583b;--back-ground:#68804c;--ground-light:#78914e;--ground-dark:#354e33}
html[data-realm=ultimate] .ultimate-character{opacity:1}
html[data-realm=ultimate] .troll-character,html[data-realm=ultimate] .mushrooms{opacity:0}
html[data-realm=ultimate] .card-illustration{background:#dee7ce}
html[data-realm=ultimate] .local-card:nth-child(even) .card-illustration{background:#e8dfec}
html[data-realm=ultimate] .local-card:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 2fr;align-items:center}
html[data-realm=ultimate] .hero-copy h1{font-size:clamp(42px,4.8vw,68px)}
html[data-realm=ultimate] .floating-note{top:85px;bottom:auto}
@media(max-width:760px){html[data-realm=ultimate] .local-card:first-child{grid-template-columns:38% 1fr}html[data-realm=ultimate] .hero-copy h1{font-size:clamp(40px,9vw,64px)}}
[hidden]{display:none!important}
@keyframes twinkle{50%{opacity:.4}}
@media(min-width:1450px){.hero{gap:90px}.hero-art{max-width:545px}.hero-copy{padding-left:20px}}
@media(max-width:1050px){.site-header nav{gap:20px}.hero{gap:5%;padding-top:40px}h1{font-size:56px}.art-topline{padding:0 35px;font-size:6px}.floating-note{right:-15px;padding:12px}.section{padding-top:48px;padding-bottom:48px}.card-text{padding:20px 14px}h3{font-size:18px}.world-strip{letter-spacing:1px;font-size:8px}}
@media(max-width:760px){.site-header{padding:22px 6%}.site-header nav{display:none}.brand>span{font-size:23px}.brand small{font-size:6px;letter-spacing:1.4px}.header-cta{padding:10px 12px;font-size:10px}.header-cta span{margin-left:8px}.hero{grid-template-columns:1fr;padding:35px 7% 40px;gap:37px}.hero-copy{max-width:510px}h1{font-size:clamp(49px,10vw,68px);letter-spacing:-1.8px;margin-top:19px}.eyebrow{font-size:8px;letter-spacing:1.4px}#hero-description{font-size:13px;max-width:400px}.realm-picker{margin-top:28px}.hero-art{max-width:510px;width:100%;justify-self:center}.art-topline{font-size:7px;padding:0 40px}.floating-note{right:-10px}.world-strip{padding:16px 6%;font-size:7px;text-align:center;line-height:1.7}.world-strip>span:last-child,.world-strip>span:nth-child(4){display:none}.section{padding:40px 7%}.section-heading{align-items:start}.section-heading>p{font-size:10px;white-space:nowrap}h2{font-size:30px}.cards{grid-template-columns:1fr;gap:18px}.local-card{display:grid;grid-template-columns:38% 1fr;align-items:center}.card-illustration{height:154px}.card-illustration svg{min-width:170px;width:170px}.card-text{padding:16px}.card-text h3{font-size:19px;line-height:1.4}.card-text h3 span{margin-left:8px}.card-text p{font-size:11px}.card-category{font-size:7px}.card-number{font-size:6px;left:10px}.card-spark{right:12px;top:15px;font-size:20px}.creature{transform:rotate(-7deg) scale(.8)}.illustration-sprig{top:0;font-size:53px}.field-notes{grid-template-columns:1fr;gap:15px}.notes-intro h2 br{display:none}.notebook-flower{display:none}summary{font-size:19px;padding:23px 0;gap:18px}.closing{padding:39px 7%}.closing h2{font-size:27px}.closing h2 br{display:none}footer{padding:25px 7%;flex-wrap:wrap}footer>span{order:3;width:100%;font-size:6px}dialog{padding:35px 26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.visitor-count{display:block;margin-top:10px;color:var(--muted);font-size:9px;letter-spacing:1px}
.brand .brand-mark{width:48px;height:34px;flex:none;object-fit:contain}
footer .footer-brand{display:inline-flex;align-items:center;gap:8px}
footer .brand-mark{width:38px;height:27px;flex:none;object-fit:contain}