@font-face{font-family:Fredoka;src:url('../public/assets/fredoka.ttf') format('truetype');font-display:swap;font-weight:300 700}
:root{--ink:#43291f;--cream:#fff8e8;--muted:#796458;--orange:#ffad48;--dark:#25140f;--line:#e8dbc3;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;object-fit:contain}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.facts b{font-family:Fredoka,Arial,sans-serif;font-weight:500}h2{font-size:clamp(2.2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.025em}h3{font-size:1.65rem}p{font-size:1rem;line-height:1.8}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #db7030;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.section{padding-block:90px}.header{height:92px;background:var(--dark);color:#fff3d9;display:flex;align-items:center;justify-content:space-between;padding:0 max(40px,calc((100vw - 1280px)/2));gap:30px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:8px;font-size:1.45rem;line-height:.95;letter-spacing:-.02em}.brand img{object-fit:contain;filter:drop-shadow(0 4px 4px #0003)}.brand em{display:block;font-style:normal;color:var(--orange);font-size:1.3rem;letter-spacing:.09em;margin-top:4px}.header nav{display:flex;gap:32px;font-size:.9rem}.header nav a:hover{color:var(--orange)}.header-actions{display:flex;align-items:center;gap:22px}.button{background:var(--orange);border:1px solid #ffce75;border-radius:9px;padding:15px 25px;display:inline-flex;justify-content:center;font-weight:700;color:#432211;box-shadow:0 3px 0 #af6129;transition:transform .2s,background .2s}.button:hover{background:#ffc46e;transform:translateY(-2px)}.button.small{padding:11px 22px;font-size:.875rem}.language{display:flex;gap:7px;align-items:center;font-size:.8rem}.language button{background:transparent;color:#c5afa1;border:0;padding:8px 2px}.language button[aria-pressed=true]{color:#ffbb65;font-weight:bold}.language span{opacity:.4}.sound{position:relative;background:none;border:1px solid #695043;border-radius:50%;color:#f4cf9c;width:34px;height:34px;font-size:19px}.sound-slash{position:absolute;width:21px;height:1px;background:#f4cf9c;transform:rotate(-45deg);left:6px;top:16px;box-shadow:0 1px var(--dark)}.sound[aria-pressed=true] .sound-slash{display:none}.hero{position:relative;isolation:isolate;min-height:665px;display:flex;align-items:center;background:#2c1c17;color:var(--cream);overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#24130ff5 0%,#24130feb 23%,#24130f8a 51%,#24130f08 78%),linear-gradient(0deg,#21130e9c,transparent 30%);z-index:-2}.hero-content{padding-block:70px 85px}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:bold;line-height:1.6;color:#a66332}.hero .eyebrow{color:#ffcf8b;display:flex;align-items:center;gap:10px}.hero .eyebrow>span:first-child{width:22px;height:1px;background:#ffcf8b}.hero h1{font-size:clamp(3.3rem,5.3vw,5rem);line-height:1.045;letter-spacing:-.03em;margin-top:22px;max-width:650px}.hero h1 em{font-style:normal;color:#ffc171}.hero-copy{max-width:435px;font-size:1.08rem;color:#e7cfbb;margin-top:25px;line-height:1.8}.store-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.store{display:flex;align-items:center;gap:11px;min-width:177px;text-align:left;padding:11px 17px;border:1px solid #e5ba8866;border-radius:10px;background:#201510e0;color:#fff5e4;transition:background .2s,transform .2s}.store:hover{background:#513321;transform:translateY(-3px)}.store svg{fill:currentColor;width:27px;height:31px}.store small{display:block;font-size:.67rem;margin-bottom:2px;letter-spacing:.015em}.store strong{font-size:1.18rem;font-weight:600}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.88rem;margin-top:25px;color:#efcfb0}.text-link:hover{color:white}.play-icon{display:flex;align-items:center;justify-content:center;border:1px solid #b58a63;border-radius:50%;width:27px;height:27px;font-size:18px}.hero-note{position:absolute;right:5%;bottom:36px;display:flex;align-items:center;gap:9px;color:#fff2d3;font-size:.85rem;text-shadow:0 2px 5px #000}.hero-note>span:first-child{font-size:24px;color:#ffc67c}.facts{display:flex;justify-content:center;align-items:center;gap:56px;padding:26px 30px;background:#efe2c9;border-bottom:1px solid #dfcbb0;font-size:.9rem;color:#78523b}.facts b{font-size:1.45rem;margin-right:6px;color:#543523}.facts i{font-size:12px;color:#b98240;font-style:normal}.section-heading{text-align:center;max-width:650px;margin:0 auto}.section-heading h2{margin-top:12px}.section-heading>p:last-child{margin:20px auto 0;color:var(--muted);max-width:550px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:68px;margin-top:42px;text-align:center}.step-art{position:relative;display:inline-flex;width:140px;height:140px;align-items:center;justify-content:center;margin-bottom:20px}.step-art:before{content:'';position:absolute;inset:20px;border-radius:50%;background:#f3e7ce;z-index:-1}.step-art img{width:125px;height:125px;filter:drop-shadow(0 8px 5px #79380c19)}.step-art span{position:absolute;bottom:1px;right:0;font-size:.7rem;font-weight:bold;width:29px;height:29px;border:1px solid #d3b98f;border-radius:50%;background:var(--cream);display:grid;place-items:center}.steps p{margin-top:12px;color:var(--muted);font-size:.94rem;line-height:1.75}.download{text-align:center;background:#39241a;color:var(--cream);position:relative;overflow:hidden}.download .wrap{position:relative}.download .eyebrow{color:#e8b87d;margin:8px 0 16px}.download p:not(.eyebrow){color:#ddc5ac;max-width:530px;margin:18px auto 0}.download-mascot{width:110px;height:110px;filter:drop-shadow(0 10px 15px #0005)}.download .store-buttons{justify-content:center}.download .fine{font-size:.8rem!important;color:#c1a58e!important}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:34px}.footer p{font-size:.75rem;color:#826d5c}.footer .brand{font-size:1.1rem}.footer .brand em{font-size:1rem;color:#a05c2d}.plain{border:0;background:none;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;padding:10px 0}.skip{position:fixed;left:20px;top:-80px;padding:12px;background:var(--cream);z-index:20}.skip:focus{top:10px}dialog{border:1px solid #d9b785;border-radius:20px;background:var(--cream);color:var(--ink);max-width:470px;width:calc(100% - 40px);padding:36px;text-align:center;box-shadow:0 20px 100px #0006}dialog::backdrop{background:#1b0d09bf;backdrop-filter:blur(5px)}dialog h2{font-size:2rem;margin:12px 0}dialog p{color:var(--muted);margin-bottom:25px}dialog .close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:30px;padding:7px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero{min-height:740px}}@media(max-width:1000px){.header{padding-inline:24px}.header nav{gap:20px}.header-actions{gap:15px}.wrap{width:calc(100% - 64px)}.hero h1{font-size:4rem;max-width:560px}.hero-shade{background:linear-gradient(90deg,#24130ff5,#24130fbc 45%,#24130f25)}.facts{gap:25px}.steps{gap:30px}.footer{flex-wrap:wrap}.hero-note{display:none}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:78px;padding-inline:18px;gap:10px}.brand{font-size:1.2rem}.brand em{font-size:1.05rem}.brand img{width:39px;height:43px}.header nav,.header-actions>.button{display:none}.header-actions{gap:15px}.hero{min-height:790px;align-items:flex-end}.hero-art{object-position:68% 0;height:67%;opacity:1}.hero-shade{background:linear-gradient(0deg,#24130f 10%,#24130ff5 35%,#24130f9c 59%,#24130f08 85%)}.hero-content{padding:300px 0 45px}.hero h1{font-size:clamp(2.9rem,11vw,4.2rem);margin-top:16px}.hero-copy{font-size:1rem;line-height:1.7;max-width:430px;margin-top:18px}.hero .eyebrow{font-size:.65rem}.store-buttons{gap:10px;margin-top:25px}.store{min-width:0;flex:1;max-width:200px;padding:12px;gap:7px}.store svg{width:23px}.store strong{font-size:1.06rem}.store small{font-size:.62rem}.text-link{margin-top:22px}.facts{padding:23px 17px;gap:12px;font-size:.72rem;align-items:start;text-align:center}.facts>span{flex:1;max-width:125px}.facts b{display:block;font-size:1.7rem;margin:0 0 4px}.facts i{align-self:center;font-size:9px}.section{padding-block:65px}.steps{grid-template-columns:1fr;gap:32px;margin-top:32px}.steps article{max-width:370px;margin:auto}.step-art{margin-bottom:10px;width:115px;height:115px}.step-art img{width:110px;height:110px}.steps p{margin-top:8px}.section-heading h2{font-size:2.4rem}.section-heading>p:last-child{font-size:.95rem}.download h2{font-size:2.7rem}.download p:not(.eyebrow){font-size:.95rem}.download .store-buttons{max-width:390px;margin-inline:auto}.footer{flex-direction:column;gap:20px;text-align:center}.footer p{font-size:.75rem}.footer .plain{font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.worlds{background:#ede6d6;border-block:1px solid #e4d7c2}.world-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px}.world-tab{padding:16px 12px;border:1px solid transparent;border-bottom:2px solid #d1c3ad;background:transparent;text-align:left;color:#7e6a59;display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;border-radius:8px 8px 0 0;transition:background .2s}.world-index{font-size:.65rem;font-weight:400;opacity:.65}.world-tab[aria-selected=true]{color:#6a361c;border-bottom-color:#a95c2a;background:#fff8e8}.world-tab:hover{background:#ffffff60}.world-panel{display:grid;grid-template-columns:1.15fr 1fr;margin-top:24px;background:#fff8e8;border-radius:16px;overflow:hidden;box-shadow:0 14px 45px #5c42200c;min-height:410px;border:1px solid #e1d0b6}.world-image{position:relative;min-height:410px}.world-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.world-art-caption{position:absolute;bottom:16px;left:20px;color:#ffedd3;font-size:.65rem;text-shadow:0 1px 8px #000;background:#25140f85;padding:5px 9px;border-radius:5px}.world-info{padding:45px 44px;display:flex;align-items:flex-start;flex-direction:column}.world-info .eyebrow{font-size:.65rem;letter-spacing:.15em}.world-info .eyebrow i{font-style:normal;margin:0 8px;opacity:.5}.world-info h3{font-size:2.65rem;line-height:1.08;margin-top:18px;letter-spacing:-.02em}.world-info>p:not(.eyebrow){color:var(--muted);margin-top:18px;font-size:.95rem}.level-range{font-size:.67rem;letter-spacing:.1em;margin-top:24px;border:1px solid #dfc7a6;padding:7px 11px;border-radius:5px;color:#8d5d39}.world-controls{display:flex;gap:19px;align-items:center;margin-top:auto;padding-top:23px;color:#967353}.world-controls button{border:1px solid #d9c5a6;border-radius:50%;background:transparent;width:33px;height:33px;font-size:25px;line-height:25px;display:grid;place-items:center;padding:0 0 3px}.world-controls button:hover{background:#f1dfbd}.world-controls>span{font-size:.65rem;letter-spacing:.12em}.moments-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.moments-heading h2{white-space:pre-line;margin-top:12px;font-size:clamp(2.2rem,3.5vw,3rem)}.moments-heading>p{max-width:300px;color:var(--muted);font-size:.95rem}.moment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.poster{display:block;position:relative;aspect-ratio:941/1672;background:#4e2b19;padding:0;border:0;border-radius:13px;overflow:hidden;box-shadow:0 8px 23px #57331e17;width:100%}.poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.poster:hover img{transform:scale(1.035)}.poster-zoom{position:absolute;bottom:14px;right:14px;border:1px solid #fff6;background:#31170dbb;color:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:22px}.moment-number{display:block;font-size:.7rem;color:#a7754b;letter-spacing:.1em;margin-top:25px}.moment-grid h3{font-size:1.6rem;margin-top:8px}.moment-grid p{font-size:.92rem;color:var(--muted);margin-top:10px}.art-footnote{text-align:center;font-size:.68rem;color:#897563;margin-top:30px}.faq{background:#f6eddc;border-top:1px solid #ecddc6}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq h2{font-size:2.65rem;margin-top:16px;max-width:400px}.faq .eyebrow{font-size:.65rem}.faq img{margin-top:30px;transform:rotate(-8deg);filter:drop-shadow(0 8px 9px #68321b18)}.faq details{border-bottom:1px solid #d9c7ab}.faq details:first-child{border-top:1px solid #d9c7ab}.faq summary{padding:23px 0;font-size:1rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq-plus{font-size:23px;font-weight:400;color:#a17d56}.faq details[open] .faq-plus{transform:rotate(45deg)}.faq details p{font-size:.93rem;line-height:1.8;color:var(--muted);padding:0 24px 23px 0}.art-dialog{max-width:650px;padding:16px;background:#26150f;color:var(--cream)}.art-dialog>img{width:100%;height:auto;max-height:76vh;object-fit:contain;margin-top:24px}.art-dialog h2{font-size:1.25rem}.art-dialog p{font-size:.75rem;color:#dec0a3;margin-bottom:10px}.art-dialog .close{color:white}.art-dialog #notice-ok{padding:8px 22px;margin:8px}
@media(max-width:1000px){.world-info{padding:32px}.world-info h3{font-size:2.2rem}.world-tab{font-size:.74rem;gap:6px;padding:14px 8px}.moment-grid{gap:20px}.moments-heading>p{max-width:250px}.faq-layout{gap:45px}.faq h2{font-size:2.2rem}}@media(max-width:700px){.world-tabs{gap:5px;overflow-x:auto;grid-template-columns:repeat(5,minmax(140px,1fr));padding-bottom:5px;margin-top:28px}.world-tab{font-size:.78rem;white-space:normal;min-height:55px}.world-panel{grid-template-columns:1fr;margin-top:18px}.world-image{min-height:270px}.world-info{padding:28px}.world-info h3{font-size:2.4rem}.world-info>p:not(.eyebrow){font-size:.95rem}.world-controls{padding-top:25px}.moments-heading{display:block}.moments-heading>p{max-width:none;margin-top:20px}.moments-heading h2{font-size:2.35rem}.moment-grid{grid-template-columns:1fr;gap:40px;max-width:400px;margin-inline:auto;margin-top:30px}.poster{max-height:none}.moment-grid h3{font-size:1.7rem}.moment-grid p{font-size:1rem}.moment-number{margin-top:20px}.art-footnote{font-size:.7rem}.faq-layout{grid-template-columns:1fr;gap:26px}.faq img{display:none}.faq h2{font-size:2.4rem}.faq summary{font-size:.95rem;padding:22px 0}.faq details p{font-size:.94rem}.art-dialog>img{max-height:68vh}.art-dialog{padding:12px}}