/* The promo artwork is the palette: lacquer red, lantern orange, gold and sakura pink. */
:root{--ink:#713115;--cream:#fff3cb;--muted:#855031;--orange:#ffcd26;--dark:#7e2013;--line:#efa447;background:#fff0c0}
body{background:radial-gradient(ellipse at 10% 22%,#ffd26b77,transparent 40%),#fff0c0;overflow-x:clip}
h1,h2,h3,.brand,.facts b{font-weight:650}h2{color:#9c391e;text-shadow:0 2px 0 #fff9db}h3{color:#a14320}.eyebrow{color:#af412b;letter-spacing:.13em}
.header{position:relative;z-index:5;background:linear-gradient(180deg,#c34224,#8e261b);border-bottom:3px solid #ffc457;box-shadow:0 4px 0 #622115,0 7px 22px #ff860044}.brand{font-weight:650;text-shadow:0 2px 0 #58200f}.brand em{color:#ffe326}.header nav{font-weight:700}.header nav a:hover{color:#ffe23c}.language{background:#6f1a145c;padding:6px 10px;border:1px solid #f2a04b66;border-radius:12px}.language a{color:#ffe2bf;font-size:.82rem;padding:7px 2px}.language a[aria-current=page]{color:#ffec4c;font-weight:800}.sound{background:#711e13;border-color:#ffcb67;color:#fff2b7}.sound-slash{background:#ffe7a9;box-shadow:0 1px #711e13}
.button{background:linear-gradient(#fff379,#ffc823 50%,#ffad16);border:2px solid #ffe997;border-radius:16px;box-shadow:0 5px 0 #963314,0 7px 0 #f6a43b,0 9px 16px #591d1538;color:#79310f;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:650}.button:hover{background:linear-gradient(#fff9b2,#ffdb37);transform:translateY(-3px)}.button.small{font-size:1rem;padding:10px 20px}
.hero{min-height:760px;background:#ad3c15;overflow:hidden;border-bottom:5px solid #ffc33d}.hero-art{object-position:65% 50%;width:100%;height:100%;filter:saturate(1.13);transform:scale(1.04) translateY(var(--hero-shift,0px));will-change:transform}.hero-shade{background:linear-gradient(90deg,#7b220eef 0%,#9c3818c9 24%,#91311665 46%,transparent 70%),linear-gradient(0deg,#a239145c,transparent 25%)}.hero-content{padding-block:90px 115px;position:relative;z-index:2;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero .eyebrow{display:inline-flex;background:#b32f24;border:1px solid #ffb850;border-radius:30px;padding:8px 16px;box-shadow:0 3px 0 #772015;color:#fff4c7;font-size:.75rem}.hero .eyebrow>span:first-child{background:#ffdf54}.hero h1{font-size:clamp(3.7rem,5.8vw,5.6rem);max-width:650px;font-weight:700;line-height:1.08;letter-spacing:-.025em;color:#fff3ce;-webkit-text-stroke:2px #65230f;paint-order:stroke fill;text-shadow:0 5px 0 #74301c,0 8px 0 #c16a25,0 11px 20px #55210b8c}.hero h1 em{color:#ffe135}.hero-copy{font-weight:500;color:#fff4d7;text-shadow:0 2px 4px #602110;max-width:445px;font-size:1.1rem}.store{background:linear-gradient(#fff7d9,#ffe3a0);color:#70280f;border:2px solid #ffd969;border-radius:16px;box-shadow:0 5px 0 #a84315,0 7px 0 #ffb531,0 12px 20px #52150538;min-width:185px;padding:13px 16px}.store:hover{background:#fff7d3;transform:translateY(-4px)}.store small{font-size:.75rem}.store strong{font-size:1.2rem;font-weight:750}.text-link{color:#fff0bf;font-weight:700;text-shadow:0 2px #762a12}.play-icon{border-color:#ffda60;background:#b73a21;color:#fff4be}.hero-note{background:#962622db;padding:10px 18px;border:1px solid #ffbb66;border-radius:50px;bottom:35px;z-index:2}.hero-note>span:first-child{color:#ffc9d9}.hero-decor{pointer-events:none;position:absolute;inset:0;z-index:1}.hanging-lantern{position:absolute;top:-12px;width:90px;height:160px;filter:drop-shadow(0 0 22px #ffb42b);transform-origin:50% 0;animation:sway 5s ease-in-out infinite}.lantern-left{left:15px;top:0}.lantern-right{right:30px;width:125px;height:195px;animation-delay:-2s}.hero-blossom{position:absolute;right:-40px;top:150px;width:170px;transform:rotate(-20deg);filter:drop-shadow(0 5px 6px #71172155)}.food-friends{position:absolute;bottom:15px;left:max(7%,calc((100vw - 1180px)/2));display:flex;align-items:end;gap:0;z-index:2;pointer-events:none}.food-friends img{width:78px;height:85px;filter:drop-shadow(0 6px 4px #5e200a55);animation:bob 4s ease-in-out infinite}.food-friends img:nth-child(2){animation-delay:-1.4s;transform:rotate(10deg)}.food-friends img:nth-child(3){animation-delay:-2.8s}
.facts{position:relative;z-index:3;background:linear-gradient(#ffd962,#ffb92c);border-block:3px solid #ffeaa0;box-shadow:0 4px 0 #da6a1d,0 8px 24px #c1641229;padding:24px 30px;color:#78300c;font-weight:600}.facts b{font-size:2rem;color:#9e3215;text-shadow:0 2px #fff189}.facts i{color:#c95e18;font-size:20px}
.intro{position:relative}.intro .section-heading h2{font-size:clamp(2.7rem,4.5vw,3.8rem)}.steps{gap:25px;margin-top:48px}.steps article{position:relative;background:linear-gradient(160deg,#fff9dd,#ffdf99);border:3px solid #f3b44b;border-radius:30px;padding:20px 25px 30px;box-shadow:0 7px 0 #d88734,0 13px 25px #c46f1520;transform:rotate(-2deg)}.steps article:nth-child(2){transform:translateY(14px) rotate(2deg);background:linear-gradient(150deg,#fff3e4,#ffd0bb);border-color:#f99c65}.steps article:nth-child(3){transform:rotate(-1deg)}.step-art{width:150px;height:150px;margin:0 0 10px}.step-art img{width:145px;height:145px;filter:drop-shadow(0 9px 6px #b951202b)}.step-art:before{z-index:0;background:radial-gradient(circle,#ffe33e,#ffb73555,transparent 70%);inset:-10px}.step-art img,.step-art span{position:relative}.step-art span{position:absolute;background:#ffb626;border:2px solid #fff0a9;box-shadow:0 2px 0 #b66623;color:#863715;font-size:.8rem;width:34px;height:34px}.steps h3{font-size:1.75rem}.steps p{color:#774429}
.worlds{position:relative;isolation:isolate;overflow:hidden;background:#7b3a6c;border-block:6px solid #ffbf59;box-shadow:0 4px 0 #ba4f35}.worlds:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(110deg,#493377df,#983a6bda),url('../public/assets/poster-worlds.webp') center 38%/cover}.worlds .eyebrow{color:#ffd966}.worlds .section-heading h2{color:#fff2cf;text-shadow:0 3px 0 #823952;font-size:clamp(2.7rem,4.5vw,3.8rem)}.worlds .section-heading>p:last-child{color:#ffe1ed}.world-tabs{gap:12px}.world-tab{background:#7d315a;color:#ffe3ea;border:2px solid #e282aa;border-radius:15px;box-shadow:0 4px 0 #462149;padding:16px 12px;font-size:.9rem}.world-tab[aria-selected=true]{background:linear-gradient(#ffe881,#ffbc3c);border:2px solid #fff0b6;color:#7e321c;transform:translateY(-4px);box-shadow:0 6px 0 #b76424}.world-tab:hover{background:#aa4974;color:#fff}.world-tab[aria-selected=true]:hover{background:#ffdd6b;color:#762510}.world-index{font-size:.8rem;font-weight:650;opacity:1}.world-panel{border:4px solid #ffc75a;border-radius:28px;box-shadow:0 8px 0 #a75034,0 16px 45px #2a183650;background:linear-gradient(120deg,#fff8d9,#ffe5a5);margin-top:30px}.world-image img{filter:saturate(1.3)}.world-info .eyebrow{color:#aa492c;font-size:.75rem}.world-info h3{color:#a43c24;font-weight:650}.world-art-caption{font-size:.75rem}.level-range{background:#ffdb73;border-color:#e89532;color:#8c3c16;font-size:.75rem;border-radius:10px;font-weight:700}.world-controls button{background:#ffd666;border:2px solid #efad43;color:#91401c;box-shadow:0 3px 0 #cb8234;width:39px;height:39px}.world-controls>span{font-size:.75rem;color:#954927}
.moments{position:relative;isolation:isolate;padding-block:95px}.moments:before{content:'';position:absolute;inset:0 calc((min(1180px,100vw - 96px) - 100vw)/2);z-index:-1;background:radial-gradient(ellipse at 15% 40%,#ffd66c,transparent 48%),radial-gradient(ellipse at 85% 20%,#ffa8b7,transparent 50%),#ffdfb2}.moments-heading h2{color:#a33530;font-size:clamp(2.7rem,3.8vw,3.5rem)}.moment-grid{gap:32px;margin-top:55px}.moment-grid article{padding:12px 12px 24px;border:3px solid #f4b64b;border-radius:26px;background:#fff4d4;box-shadow:0 7px 0 #ca7636,0 15px 25px #d15c3329;transform:rotate(-2deg)}.moment-grid article:nth-child(2){transform:translateY(18px) rotate(2deg)}.moment-grid article:nth-child(3){transform:rotate(-1deg)}.poster{border-radius:16px;box-shadow:none;border:2px solid #c57031}.moment-number,.moment-grid h3,.moment-grid article>p{margin-inline:10px}.moment-number{color:#c06123;font-weight:700;font-size:.8rem}.moment-grid h3{color:#a03d28}.poster-zoom{background:#ffce35;color:#813111;border:2px solid #fff1ae;box-shadow:0 3px 0 #b95724}.art-footnote{margin-top:50px;color:#8f4d3a;font-size:.75rem}
.faq{background:radial-gradient(ellipse at 0% 0%,#99e3d6,transparent 60%),#d9f3e3;border-block:3px solid #8ac8b2}.faq h2{color:#2d725c;text-shadow:0 2px #fff5c5}.faq .eyebrow{color:#357863;font-size:.75rem}.faq details{background:#fff8db;border:2px solid #8ac5a3;border-radius:17px;margin-bottom:12px;padding-inline:22px;box-shadow:0 4px 0 #77ad8b}.faq details:first-child{border-top:2px solid #8ac5a3}.faq summary{color:#346953;padding:19px 0}.faq details p{color:#506d4d}.faq-plus{color:#3d936b}.faq img{width:145px;height:160px;animation:bob 5s ease-in-out infinite}
.download{background:linear-gradient(90deg,#8c271cce,#8e221baa),url('../public/assets/poster-food.webp') center 44%/cover;border-block:5px solid #ffbd39}.download h2{color:#ffe239;text-shadow:0 4px 0 #8b2c17,0 6px 0 #dc7b1e;font-size:clamp(2.9rem,5vw,4.3rem)}.download .eyebrow{color:#ffe4a3}.download p:not(.eyebrow){color:#fff2c5}.download .fine{color:#fff0c5!important}.download-mascot{width:155px;height:155px;filter:drop-shadow(0 0 26px #ffc432);animation:bob 4s ease-in-out infinite}.footer{color:#793f24}.footer .brand{text-shadow:none}.footer .brand em{color:#c2621e}.footer p{color:#885437}.plain{color:#8d4125}dialog{border:4px solid #ffc342;background:linear-gradient(#fff7d5,#ffe5ac);box-shadow:0 7px 0 #a95326,0 30px 100px #36120c99}dialog h2{color:#a33923}.art-dialog{background:#8e3623}.art-dialog h2{color:#ffe9ae}.art-dialog p{color:#ffe5bf}
.scroll-progress{position:fixed;top:0;left:0;height:4px;width:100%;background:#ffe02c;transform:scaleX(var(--progress,0));transform-origin:left;z-index:30;box-shadow:0 0 9px #ffcb31;pointer-events:none}
@keyframes sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.motion-ready .reveal{opacity:0;translate:0 32px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.in-view{opacity:1;translate:0 0}
@media(min-width:1600px){.hero{min-height:830px}}@media(max-width:1000px){.hero h1{font-size:4.3rem;max-width:590px}.lantern-left{display:none}.world-tab{font-size:.78rem;padding:14px 9px}.steps article{padding:16px 16px 24px}.moment-grid{gap:20px}.moments:before{inset-inline:-32px}}
@media(max-width:700px){.header{height:82px}.hero{min-height:840px;background:#a43218}.hero-art{height:62%;object-position:70% 20%;transform:scale(1.03)}.hero-shade{background:linear-gradient(0deg,#a43218 0%,#a43218 32%,#a43218ba 49%,transparent 70%)}.hero-content{padding:350px 0 120px}.hero h1{font-size:clamp(2.8rem,10.8vw,4rem);-webkit-text-stroke:1.4px #69230e;text-shadow:0 4px #74301c,0 6px #d88928;max-width:100%}.hero .eyebrow{font-size:.65rem;padding:7px 11px}.hero-copy{font-size:1rem;text-shadow:0 1px #77230c}.store{min-width:0;padding:12px 10px;max-width:210px;gap:7px}.store small{font-size:.7rem}.store strong{font-size:1.05rem}.hero-note{display:none}.food-friends{left:auto;right:20px;bottom:16px}.food-friends img{width:59px;height:66px}.lantern-right{width:80px;height:125px;right:6px}.hero-blossom{width:95px;right:-22px;top:160px}.facts{gap:9px;padding:23px 12px;font-size:.76rem}.facts b{font-size:2rem}.facts i{font-size:15px}.steps{gap:30px}.steps article{padding:16px 24px 25px;width:100%}.steps article:nth-child(2){transform:rotate(2deg)}.step-art{height:125px}.step-art img{width:135px;height:135px}.intro .section-heading h2,.worlds .section-heading h2{font-size:2.65rem}.world-tabs{gap:8px;grid-template-columns:repeat(5,145px);padding:6px 2px 9px}.world-panel{border-width:3px;border-radius:23px}.world-info{padding:26px}.world-info h3{font-size:2.3rem}.moments:before{inset-inline:-20px}.moments-heading h2{font-size:2.5rem}.moment-grid{gap:36px;max-width:350px}.moment-grid article:nth-child(2){transform:rotate(2deg)}.moment-grid h3{font-size:1.55rem}.moment-grid article>p{font-size:.95rem}.art-footnote{margin-top:35px}.faq details{padding-inline:17px}.download h2{font-size:2.9rem}.download .store-buttons{gap:10px}.footer{padding-block:35px}.language{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.hero-art{will-change:auto;transform:none}.motion-ready .reveal{opacity:1;translate:none}.scroll-progress{display:none}}