@font-face{font-family:Garden;src:url('assets/garden_sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:GardenLabels;src:url('assets/growth_labels.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#112b31;--cream:#f4dcba;--gold:#efc47c;--muted:#a9c3bb;--header:76px;--view-h:100dvh;--ease:cubic-bezier(.16,1,.3,1);--px:0px;--py:0px;--rail-step:48px;color-scheme:dark;background:var(--ink)}
*{box-sizing:border-box}html{scrollbar-color:#a87e49 #12272e;scrollbar-width:thin}body{margin:0;background:var(--ink);color:var(--cream);font-family:Garden,'Microsoft YaHei','PingFang SC',sans-serif;line-height:1.7;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}h1,h2{line-height:1.3;font-weight:900;letter-spacing:.035em;text-wrap:balance}h1{font-size:clamp(30px,3.35vw,54px)}h2{font-size:clamp(32px,3.8vw,58px)}button:focus-visible,a:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid #ffdf9a;outline-offset:5px}::selection{background:#edc67c;color:#382315}[hidden]{display:none!important}
.js,.js body{height:100%;overflow:hidden;overscroll-behavior:none}.js #main{height:var(--view-h);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior:none;outline:none}.js #main::-webkit-scrollbar{display:none}#main::-webkit-scrollbar{width:7px}#main::-webkit-scrollbar-thumb{background:#b68b53;border-radius:6px}#main::-webkit-scrollbar-track{background:#153035}.js #main.is-travelling{scroll-snap-type:none}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:var(--cream);color:var(--ink);padding:10px 20px}.skip-link:focus{top:10px}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:var(--header);display:flex;align-items:center;gap:36px;padding:0 4vw;background:linear-gradient(#112a30f5,#142e34ec 70%,#173139be);border-bottom:1px solid #c8b58318;box-shadow:0 6px 26px #0a1c251a}.brand{width:142px;margin-right:auto;flex:none}.brand img{height:64px;width:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #061b2744)}.desktop-nav{display:flex;gap:32px;color:#b5cabb;font-size:14px}.desktop-nav a{padding:14px 0;position:relative;transition:color .3s}.desktop-nav a:after{content:'';position:absolute;bottom:7px;left:50%;right:50%;height:1px;background:var(--gold);transition:left .45s,right .45s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#ffdb9a}.desktop-nav a[aria-current]:after,.desktop-nav a:hover:after{left:10%;right:10%}
.wood-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:285px;min-height:76px;padding:13px 30px 18px;background:url('assets/wood_button.webp') center/100% 100% no-repeat;color:#4d2918;font-size:23px;font-weight:900;line-height:1.2;text-shadow:0 1px #ffe4b588;filter:drop-shadow(0 6px 2px #20181055);transition:transform .45s var(--ease),filter .45s}.wood-button:after{content:'';position:absolute;z-index:-1;inset:10% 2% 14%;border-radius:12px;background:linear-gradient(110deg,transparent 25%,#fff3bf80 48%,transparent 67%);background-size:300% 100%;background-position:150% 0;opacity:0;transition:background-position 1s,opacity .4s;pointer-events:none}.wood-button:hover{transform:translateY(-5px) rotate(-1deg);filter:drop-shadow(0 12px 20px #f0ad473d) brightness(1.08)}.wood-button:hover:after{opacity:1;background-position:-50% 0}.wood-button:active{transform:translateY(1px)}.header-download{min-width:174px;min-height:47px;padding:8px 18px 12px;font-size:15px}.windows-icon{width:17px;height:17px;flex:none;background:linear-gradient(to right,transparent 44%,#dfaa49 44% 55%,transparent 55%),linear-gradient(to bottom,transparent 44%,#dfaa49 44% 55%,transparent 55%),currentColor;transform:perspective(30px) rotateY(-8deg)}.header-download .windows-icon{width:13px;height:13px}.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;background:#f1d5aa;margin:6px 0;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:absolute;top:var(--header);left:0;right:0;background:#153138f5;padding:16px 26px 25px;border-bottom:1px solid #d9af6440;box-shadow:0 20px 30px #0a1c2677}.mobile-nav a{display:block;padding:12px;border-bottom:1px solid #c5cfa218}
.chapter{--drift:0px;position:relative;isolation:isolate;height:100svh;min-height:640px;overflow:hidden;background:#17363b;scroll-snap-align:start;scroll-snap-stop:always}.js .chapter{height:var(--view-h);min-height:0;max-height:var(--view-h)}.chapter:after{content:'';position:absolute;z-index:8;inset:0;pointer-events:none;box-shadow:inset 0 0 100px 20px #061c2433;background:linear-gradient(0deg,#09282c92,transparent 13%,transparent 89%,#10293144)}.scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:translate3d(calc(var(--px)*-.7),calc(var(--py)*-.5 + var(--drift)),0) scale(1.035);transform-origin:center;will-change:transform}.scene-art img{width:100%;height:100%;object-fit:cover}.hero-art{top:var(--header);height:calc(100% - var(--header))}.hero-shade{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 50% 35%,#112b3018,transparent 58%),linear-gradient(0deg,#112b313b,transparent 16%)}.hero-copy{position:absolute;z-index:3;top:calc(var(--header) + 3vh);left:50%;width:80%;transform:translateX(-50%);text-align:center;text-shadow:0 3px 6px #142b4166;display:flex;flex-direction:column;align-items:center}.hero-logo{width:clamp(270px,28vw,430px);margin-bottom:18px;filter:drop-shadow(0 10px 5px #0b203544);transform-origin:50% 0}.hero-copy p{font-size:clamp(14px,1.45vw,21px);margin-top:15px;color:#f0dcba}.hero-download{margin-top:27px}.platform-note{display:block;font-size:12px;color:#e0d8bd;margin-top:10px}.scroll-cue,.chapter-index{display:none}.lantern-aura{position:absolute;pointer-events:none;left:69%;top:73%;width:20vw;height:22vw;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#ffd48626 2%,#efb14e12 26%,transparent 68%);mix-blend-mode:screen;animation:lamp-breath 4.5s ease-in-out infinite}
.chapter-heading{position:absolute;z-index:6;top:calc(var(--header) + 25px);left:7%;right:7%;text-align:center}.eyebrow{display:block;margin-bottom:13px;color:#aec7ba;font-size:11px;letter-spacing:.2em}.chapter-heading h2{color:#f5d69d;text-shadow:0 4px 0 #173134,0 8px 22px #10262d}.chapter-heading p{margin-top:13px;color:#cfdbbf;font-size:15px}.tactics{background:#14373c}.battle-backdrop{position:absolute;inset:-4%;z-index:-4;background:radial-gradient(ellipse at 50% 66%,#235258,#17383f 70%);filter:none;transform:scale(1.04)}.tactics:before{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(#132f36 6%,#132f36e6 12%,#132f3644 28%,transparent 50%)}.battle-scene{position:absolute;z-index:2;left:50%;bottom:24px;width:min(100vw,calc((var(--view-h) - 135px)*1.792));aspect-ratio:2752/1536;transform:translate3d(calc(-50% + var(--px)*.5),calc(var(--py)*.3 + var(--drift)*.35),0);will-change:transform}.battle-art{width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(0deg,transparent,black 18% 78%,transparent),radial-gradient(ellipse at 52% 54%,black 44%,black 65%,transparent 97%);mask-composite:intersect}.illustration-label{pointer-events:none;position:absolute;top:19%;left:50%;transform:translateX(-50%) rotate(-2deg);padding:3px 14px;color:#dec297;background:#403525bb;border:1px solid #a2814a77;border-radius:4px;font-size:10px}.lane-controls{position:absolute;left:26%;top:15%;width:67%;height:75%;display:flex;flex-direction:column}.lane{position:relative;z-index:2;flex:1;border:0;background:none;text-align:left;padding:0;width:100%;height:20%;transition:background .35s}.lane:hover{background:linear-gradient(90deg,transparent,#ffe6ac12,transparent)}.lane:focus-visible{outline:2px dashed #ffe2a0;outline-offset:-3px}.lane span{position:absolute;top:50%;left:-23px;transform:translateY(-50%);font-size:10px;color:#c4d4be;opacity:.55}.lane[aria-pressed=true] span{opacity:1;color:#ffe7b4;text-shadow:0 0 12px #ffc15d}.lane-light{position:absolute;pointer-events:none;z-index:1;left:-6%;top:0;width:110%;height:20%;transform:translateY(calc(var(--lane)*100%));background:radial-gradient(ellipse at 48% 50%,#ffda875e, #eed18b25 45%,transparent 72%);transition:transform 1s var(--ease);mix-blend-mode:screen}.moving-lamp{position:absolute;z-index:3;left:42%;top:0;width:9%;height:20%;display:flex;align-items:center;justify-content:center;transform:translateY(calc(var(--lane)*100%));transition:transform 1s var(--ease);pointer-events:none}.moving-lamp:before{content:'';position:absolute;inset:-90% -170%;background:radial-gradient(ellipse,#ffd67d55,transparent 66%);animation:lamp-breath 3s ease-in-out infinite}.moving-lamp img{position:relative;width:auto;height:110%;object-fit:contain;filter:drop-shadow(0 0 14px #faca7277);transform-origin:50% 10%;animation:lantern-sway 5s ease-in-out infinite}.moving-lamp.is-moving img{animation:lantern-travel .9s var(--ease)}.wood-sign{position:relative;padding:15px 24px 19px;background:url('assets/wood_button.webp') center/100% 100% no-repeat;color:#593421;text-align:center;filter:drop-shadow(0 7px 5px #09222a66)}.wood-sign strong{display:block;font-size:18px;line-height:1.4}.wood-sign span{font-size:11px}.battle-sign{position:absolute;z-index:4;right:7%;bottom:4%;transform:rotate(-3deg);pointer-events:none}.interaction-hint{position:absolute;z-index:5;left:15%;right:15%;bottom:67px;text-align:center;color:#e4d7b5;text-shadow:0 2px 5px #122e35;font-size:12px}.js-hint{display:none}.js .js-hint{display:inline}
.growth{background:#20424a}.growth:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 20%,#102c3026 90%),linear-gradient(0deg,#12313cdd,transparent 23%)}.growth .chapter-heading{top:calc(var(--header) + 25px)}.growth-logo{width:clamp(270px,26vw,385px);margin:auto;filter:drop-shadow(0 7px 4px #17272866)}.nursery-scene{--plant-x:32%;position:absolute;width:max(100vw,calc((var(--view-h) - 160px)*1.792));aspect-ratio:2752/1536;left:50%;top:49%;transform:translate3d(calc(-50% - var(--px)*.6),calc(-50% + var(--py)*.4 + var(--drift)*.4),0);z-index:1}.nursery-art{width:100%;height:100%;mask-image:linear-gradient(180deg,transparent,black 17% 67%,transparent 90%)}.nursery-light{position:absolute;z-index:1;left:var(--plant-x);top:52%;width:24%;height:44%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#fff0aa17,#e9d28b0a 40%,transparent 70%);mix-blend-mode:screen;pointer-events:none;transition:left .9s var(--ease),opacity .8s}.nursery-tabs{position:absolute;z-index:3;left:26.8%;top:68.5%;width:46.5%;height:7%;display:flex;justify-content:space-between;align-items:center}.nursery-tab{position:relative;flex:0 0 20.7%;height:100%;padding:0;border:0;white-space:nowrap;background:none;color:#704a34;font-size:clamp(22px,2.45vw,38px);font-weight:900;line-height:1;text-shadow:0 1px #ffedc9;transform:rotate(-7deg);transition:transform .5s var(--ease),color .4s,filter .4s}.nursery-tab:before{content:'';position:absolute;inset:-12px -4px}.nursery-tab:hover,.nursery-tab[aria-pressed=true]{color:#482716;transform:rotate(-7deg) translateY(-5px);filter:drop-shadow(0 4px 4px #ffc86966)}.nursery-tab[aria-pressed=true]:after{content:'';position:absolute;bottom:-2px;left:25%;width:50%;height:2px;background:#9d7044;border-radius:50%}.growth-copy{position:absolute;z-index:5;left:7%;right:7%;bottom:95px;text-align:center;text-shadow:0 2px 5px #14333a}.growth-copy>p:first-child{font-size:18px;min-height:32px;color:#f6dfb6}.growth-rule{color:#d9c99d;font-size:14px;margin-top:8px}.small-note{display:block;color:#9bb8b2;font-size:11px;margin-top:8px}
.story{background:#162e37}.story-art{object-position:center}.story-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#0f2c3477,transparent 72%),linear-gradient(0deg,#142e36aa,transparent 30%)}.story-copy{position:absolute;z-index:4;top:50%;left:9%;max-width:530px;transform:translateY(-43%);text-shadow:0 3px 8px #102a35}.story-copy h2{font-size:clamp(45px,5vw,76px);color:#ffdab6;text-shadow:0 5px 0 #543b3266,0 8px 22px #112d36}.story-copy h2+p{margin-top:27px}.story-copy p{font-size:clamp(15px,1.4vw,21px);color:#edcfac}.story-copy p+p{margin-top:8px}.story-link{display:inline-flex;align-items:center;gap:32px;margin-top:28px;padding:8px 0;border-bottom:1px solid #ddb87c88;color:#f6d390;font-size:14px}.story-link span{font-size:27px;transition:transform .45s}.story-link:hover span{transform:translateX(8px)}.route-sign{position:absolute;left:83%;top:61%;font-size:clamp(20px,2.3vw,35px);font-weight:900;color:#613934;transform:rotate(5deg)}.mobile-break{display:none}
.download{background:#15313b}.porch{position:absolute;inset:var(--header) 0 0;isolation:isolate}.porch-art{object-position:center}.porch-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(0deg,#112b32e6, #112b3220 34%,transparent 74%)}.download-copy{position:absolute;z-index:4;left:50%;bottom:135px;transform:translateX(-50%);width:85%;text-align:center;text-shadow:0 3px 8px #112d37}.download-copy .eyebrow{color:#e7cf9d}.download-copy h2{font-size:clamp(34px,3.9vw,58px);color:#ffdfb1;text-shadow:0 4px 0 #59372d,0 8px 15px #142b3a}.download-button{min-width:345px;min-height:87px;font-size:28px;margin-top:24px}.download-meta{margin-top:13px;color:#eee0b9;font-size:13px;letter-spacing:.08em}.download-guide{margin-top:7px;color:#d6d0b7;font-size:11px}.mobile-download-note{display:none}.help-trigger{border:0;background:none;color:#d9c7a2;font-size:11px;padding:7px 10px;margin-top:8px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.help-trigger span{margin-left:10px}.site-footer{position:absolute;z-index:5;left:6%;right:6%;bottom:38px;display:flex;align-items:center;justify-content:center;gap:25px;padding:13px 0 0;border-top:1px solid #c4b68825;color:#98b4ae;font-size:10px;line-height:1.8}.footer-brand{width:100px;flex:none}.site-footer p:first-child{color:#c8bba0}.back-to-top{margin-left:25px;color:#b9c8b8}.back-to-top span{margin-left:12px}.site-footer a:hover{color:#f2d19c}
#atmosphere{position:fixed;z-index:12;inset:0;width:100%;height:100%;pointer-events:none;opacity:.94;transition:opacity .8s}.chapter-nav{position:fixed;z-index:30;right:28px;top:50%;height:calc(var(--rail-step)*4 + 44px);width:44px;transform:translateY(-50%);display:none;flex-direction:column;gap:4px}.js .chapter-nav{display:flex}.chapter-nav:before{content:'';position:absolute;left:20px;top:22px;bottom:22px;width:4px;border-left:1px solid #d3ab6744;border-right:1px solid #091f2780;background:repeating-linear-gradient(24deg,#544634 0 3px,#957146 4px 6px);box-shadow:0 0 0 3px #142d3433,0 0 18px #061e2777}.chapter-nav a{position:relative;display:block;width:44px;height:44px;flex:none;padding:18px}.chapter-nav a:after{content:'';display:block;width:8px;height:8px;transform:rotate(45deg);border:1px solid #d9b67b;background:#294047;box-shadow:0 0 8px #102a36;transition:background .4s}.chapter-nav a[aria-current]:after{background:#f5d28d}.chapter-nav a span{position:absolute;right:43px;top:10px;white-space:nowrap;font-size:11px;letter-spacing:.15em;color:#d8c39d;padding:2px 9px;opacity:0;transform:translateX(8px);transition:opacity .35s,transform .35s;text-shadow:0 2px 5px #102a35}.chapter-nav:hover a span,.chapter-nav a:focus-visible span,.chapter-nav a[aria-current] span{opacity:1;transform:none}.rail-lantern{position:absolute;left:6px;top:0;width:32px;height:44px;transform:translateY(calc(var(--stop,0)*var(--rail-step)));filter:drop-shadow(0 0 9px #f2c47799);transition:transform 1s var(--ease);touch-action:none;cursor:grab;will-change:transform}.rail-lantern:active{cursor:grabbing}.rail-lantern img{width:100%;height:100%;object-fit:contain;pointer-events:none;transform-origin:50% 0;animation:lantern-sway 5s ease-in-out infinite}.journey-status{position:fixed;z-index:25;bottom:22px;left:4vw;display:none;align-items:center;gap:12px;font-size:10px;color:#c9cbb1;letter-spacing:.1em;text-shadow:0 2px 5px #0b2530}.js .journey-status{display:flex}.journey-number{font-size:17px;color:#efc889;font-variant-numeric:tabular-nums}.journey-divider{width:28px;height:1px;background:#b9aa7866}.journey-total{font-size:9px;color:#8ca6a0;margin-left:4px}
.help-dialog{padding:38px 38px 30px;max-width:min(470px,calc(100vw - 36px));max-height:calc(100dvh - 40px);overflow:auto;color:#e9d3af;border:2px solid #9c7a4e;border-radius:10px;background:radial-gradient(ellipse at 50% 0,#314940,#162f36 60%);box-shadow:0 25px 100px #081a2599}.help-dialog::backdrop{background:#071822bb;backdrop-filter:blur(5px)}.help-dialog>img{width:42px;height:auto;margin:0 auto 13px;filter:drop-shadow(0 0 20px #f2c97b66)}.help-dialog h2{font-size:30px;text-align:center;margin-bottom:20px}.help-dialog p{font-size:13px;line-height:1.9;margin:12px 0;color:#bbcebd}.help-dialog .wood-button{display:flex;min-width:0;min-height:65px;margin-top:24px;font-size:20px}.dialog-close{position:absolute;right:10px;top:7px;width:36px;height:36px;background:none;border:0;font-size:26px;color:#cfbb93}
.js [data-enter]{--enter-animation:text-arrive;--enter-duration:950ms;opacity:0;transform-origin:50% 80%}
.js [data-enter=title]{--enter-animation:title-arrive;--enter-duration:1100ms;transform-origin:50% 100%}
.js [data-enter=card]{--enter-animation:card-arrive;--enter-duration:1200ms;transform-origin:50% 15%}
.js .is-active [data-enter],.js .is-revealing [data-enter]{opacity:1;animation:var(--enter-animation) var(--enter-duration) cubic-bezier(.2,.75,.25,1) var(--enter-delay,0ms) both}
.chapter:not(.is-active):not(.is-entering) *{animation-play-state:paused}
@keyframes text-arrive{0%{opacity:0;translate:0 calc(64px * var(--enter-direction,1));scale:.97}25%{opacity:1}72%{translate:0 calc(-4px * var(--enter-direction,1));scale:1}100%{opacity:1;translate:0 0;scale:1}}
@keyframes title-arrive{0%{opacity:0;translate:0 calc(88px * var(--enter-direction,1));scale:.91;rotate:-1.5deg}24%{opacity:1}66%{translate:0 calc(-10px * var(--enter-direction,1));scale:1.025;rotate:.4deg}84%{translate:0 calc(3px * var(--enter-direction,1));scale:.997;rotate:0deg}100%{opacity:1;translate:0 0;scale:1;rotate:0deg}}
@keyframes card-arrive{0%{opacity:0;translate:28px calc(105px * var(--enter-direction,1));scale:.84;rotate:-7deg}20%{opacity:1}58%{translate:-3px calc(-12px * var(--enter-direction,1));scale:1.04;rotate:2.5deg}78%{translate:1px calc(4px * var(--enter-direction,1));scale:.99;rotate:-1deg}100%{opacity:1;translate:0 0;scale:1;rotate:0deg}}
.js .is-active [data-enter].copy-changing{animation:copy-arrive .65s var(--ease)}
@keyframes lamp-breath{0%,100%{opacity:.55;scale:.95}45%{opacity:1;scale:1.08}65%{opacity:.83;scale:1.03}}@keyframes lantern-sway{0%,100%{rotate:-3deg}50%{rotate:3deg}}@keyframes lantern-travel{0%{rotate:0deg}24%{rotate:13deg}60%{rotate:-7deg}100%{rotate:0deg}}@keyframes copy-arrive{0%{opacity:0;translate:0 28px;scale:.97}30%{opacity:1}72%{translate:0 -3px;scale:1.01}100%{opacity:1;translate:0 0;scale:1}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition-duration:0ms!important;transition-delay:0ms!important}.motion-paused #atmosphere{opacity:.45}.motion-paused [data-enter]{filter:none}.motion-paused .hero-logo{opacity:1}.motion-paused .scene-art{will-change:auto}
@media(min-width:701px) and (max-height:780px){:root{--header:66px}.brand{width:123px}.brand img{height:56px}.hero-copy{top:calc(var(--header) + 15px)}.hero-logo{width:280px;margin-bottom:11px}.hero-copy h1{font-size:35px}.hero-copy p{font-size:16px;margin-top:10px}.hero-download{margin-top:20px;min-height:65px;font-size:21px}.platform-note{font-size:10px}.chapter-heading{top:calc(var(--header) + 19px)}.chapter-heading h2{font-size:40px}.chapter-heading p{font-size:13px;margin-top:9px}.eyebrow{font-size:10px;margin-bottom:9px}.battle-scene{bottom:30px;width:min(100vw,calc((var(--view-h) - 100px)*1.792))}.battle-sign{bottom:5%;right:9%;padding:13px 21px 17px}.wood-sign strong{font-size:16px}.wood-sign span{font-size:10px}.growth-logo{width:260px}.nursery-scene{width:max(100vw,calc((var(--view-h) - 150px)*1.792));top:49%}.growth-copy{bottom:74px}.growth-copy>p:first-child{font-size:15px}.growth-rule{font-size:12px;margin-top:3px}.small-note{font-size:10px;margin-top:4px}.download-copy{bottom:115px}.download-copy h2{font-size:40px}.download-button{min-height:73px;min-width:310px;font-size:24px;margin-top:17px}.download-guide{display:none}.download-meta{font-size:12px;margin-top:10px}.site-footer{bottom:38px;padding-top:10px}.footer-brand{width:83px}.story-copy h2{font-size:50px}.story-copy{max-width:470px}.story-copy p{font-size:17px}}
@media(max-width:1050px){.site-header{gap:20px;padding:0 25px}.desktop-nav{gap:20px;font-size:13px}.desktop-nav a[href='#story']{display:none}.brand{width:130px}.header-download{min-width:155px;font-size:13px}.chapter-nav{right:13px}.chapter-heading{left:5%;right:5%}.story-copy{left:7%;max-width:49%}.story-copy h2{font-size:48px}.story-copy p{font-size:16px}.route-sign{display:none}.journey-name{display:none}.journey-divider{width:17px}.journey-status{gap:9px}.site-footer{left:6%;right:9%}.back-to-top{display:none}}
@media(min-width:701px) and (max-width:1050px) and (orientation:portrait){.hero-art img{object-position:center bottom}.hero-copy{top:calc(var(--header) + 32px)}.hero-logo{width:350px}.hero-copy h1{font-size:37px}.hero-copy p{font-size:17px}.battle-scene{width:150vw;bottom:14%}.chapter-heading{top:calc(var(--header) + 65px)}.nursery-scene{width:155vw;top:53%}.growth .chapter-heading{top:calc(var(--header) + 64px)}.growth-logo{width:360px}.growth-copy{bottom:14%}.story-copy{top:28%;max-width:80%}.story-art{object-position:65% bottom}.story-shade{background:linear-gradient(#142c3788,transparent 65%)}.download-copy{bottom:145px}}
@media(max-width:700px){:root{--header:64px;--rail-step:34px}.site-header{padding:0 13px;gap:8px}.brand{width:111px}.brand img{height:51px}.desktop-nav{display:none}.header-download{min-width:137px;min-height:41px;font-size:12px;padding:8px 15px 11px;gap:7px}.header-download .windows-icon{width:12px;height:12px}.js .menu-toggle{display:block}.chapter:after{box-shadow:inset 0 0 45px #08263344;background:linear-gradient(0deg,#102b3377,transparent 9%)}.hero-copy{top:calc(var(--header) + 5vh);width:92%}.hero-logo{width:min(72vw,340px);margin-bottom:21px}.hero-copy h1{font-size:clamp(24px,6.5vw,34px);white-space:nowrap}.hero-copy p{font-size:12px;max-width:92%;margin-top:13px}.hero-download{min-width:245px;min-height:66px;font-size:20px;margin-top:23px}.platform-note{font-size:10px;margin-top:9px}.hero-art img{object-position:center bottom}.hero-shade{background:linear-gradient(0deg,#102b3225,transparent 14%)}.lantern-aura{left:70%;top:84%;width:45vw;height:50vw}.chapter-nav{right:5px;width:32px;height:calc(var(--rail-step)*4 + 30px)}.chapter-nav:before{left:15px;top:15px;bottom:15px;width:3px}.chapter-nav a{width:32px;height:30px;padding:12px}.chapter-nav a:after{width:6px;height:6px}.chapter-nav a span{display:none}.rail-lantern{left:5px;width:24px;height:30px}.journey-status{left:19px;bottom:19px;font-size:9px}.journey-number{font-size:14px}.journey-total{font-size:8px}.journey-divider{width:15px}.chapter-heading{top:calc(var(--header) + 42px);left:20px;right:20px}.eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:12px}.chapter-heading h2{font-size:31px;line-height:1.45}.chapter-heading h2 span{display:block}.chapter-heading p{font-size:12px;margin-top:12px}.battle-backdrop{background-position:70% center;filter:blur(5px)}.tactics:before{background:linear-gradient(#132f36 7%,#132f36bb 26%,transparent 62%,#102d34cc)}.battle-scene{width:155vw;left:43%;bottom:19%;}.battle-art{mask-image:radial-gradient(ellipse at 52% 51%,black 44%,black 70%,transparent 94%)}.illustration-label{top:3%;left:52%;font-size:9px;padding:2px 10px}.lane span{font-size:9px;left:-16px}.moving-lamp{width:10%}.battle-sign{right:13%;bottom:-35px;padding:12px 19px 15px}.wood-sign strong{font-size:14px}.wood-sign span{font-size:9px}.interaction-hint{bottom:12%;left:18px;right:24px;font-size:10px}.growth .chapter-heading{top:calc(var(--header) + 36px)}.growth-logo{width:270px}.nursery-scene{width:170vw;top:51%}.nursery-tab{font-size:clamp(22px,5.6vw,28px)}.growth-copy{bottom:16%;left:22px;right:26px}.growth-copy>p:first-child{font-size:13px;line-height:1.8;min-height:3.6em;max-width:320px;margin:auto}.growth-rule{font-size:12px;margin-top:5px}.small-note{font-size:9px;margin-top:8px}.story-copy{top:calc(var(--header) + 56px);left:27px;right:29px;max-width:none;transform:none}.story-copy h2{font-size:43px}.story-copy .eyebrow{font-size:9px}.story-copy h2+p{margin-top:23px}.story-copy p{font-size:13px}.story-copy p+p{max-width:280px;margin-top:7px}.story-link{font-size:12px;gap:23px;margin-top:20px;padding:5px 0}.story-art{object-position:67% bottom}.story-shade{background:linear-gradient(#142d38eb 5%,#142d38cc 27%,#142d3877 47%,transparent 74%)}.download-copy{bottom:125px;width:90%}.download-copy .eyebrow{font-size:10px;margin-bottom:12px}.download-copy h2{font-size:31px}.download-button{min-width:270px;min-height:76px;font-size:23px;margin-top:21px}.download-meta{font-size:11px;margin-top:12px}.download-guide{display:none}.mobile-download-note{display:block;max-width:280px;margin:9px auto 0;font-size:10px;color:#d8d3b8}.help-trigger{font-size:10px;margin-top:8px}.porch-shade{background:linear-gradient(0deg,#102c33e8,#142d3366 27%,transparent 61%)}.site-footer{bottom:56px;left:15px;right:15px;gap:10px;padding-top:10px;font-size:8px}.footer-brand{width:76px}.help-dialog{padding:29px 25px 23px}.help-dialog h2{font-size:27px}.help-dialog p{font-size:12px}}
@media(max-width:700px) and (max-height:740px){.hero-copy{top:calc(var(--header) + 20px)}.hero-logo{width:65vw;margin-bottom:14px}.hero-copy h1{font-size:25px}.hero-copy p{font-size:11px;margin-top:9px}.hero-download{min-height:59px;min-width:225px;font-size:18px;margin-top:17px}.platform-note{font-size:9px}.chapter-heading{top:calc(var(--header) + 20px)}.chapter-heading h2{font-size:27px;line-height:1.35}.eyebrow{margin-bottom:8px}.battle-scene{width:146vw;bottom:18%}.battle-sign{bottom:-20px;right:10%;padding:10px 16px 14px}.wood-sign strong{font-size:12px}.wood-sign span{font-size:8px}.interaction-hint{bottom:10%;font-size:9px}.growth .chapter-heading{top:calc(var(--header) + 20px)}.growth-logo{width:220px}.nursery-scene{width:154vw;top:51%}.nursery-tab{font-size:20px}.growth-copy{bottom:13%}.growth-copy>p:first-child{font-size:12px;min-height:3.1em}.growth-rule{font-size:11px}.small-note{font-size:8px;margin-top:5px}.story-copy{top:calc(var(--header) + 26px)}.story-copy h2{font-size:37px}.story-copy h2+p{margin-top:18px}.story-copy p{font-size:12px}.story-link{margin-top:15px}.download-copy{bottom:115px}.download-copy h2{font-size:27px}.download-copy .eyebrow{font-size:9px}.download-button{min-height:65px;min-width:250px;font-size:21px;margin-top:17px}.download-meta{font-size:10px;margin-top:9px}.mobile-download-note{font-size:9px;margin-top:7px}.help-trigger{font-size:9px;margin-top:3px}.site-footer{bottom:53px;font-size:7px}.footer-brand{width:65px}}
@media(max-width:370px){.brand{width:100px}.site-header{padding:0 9px;gap:5px}.header-download{min-width:128px;font-size:11px}.hero-copy h1{font-size:23px}.hero-logo{width:66vw}.hero-copy p{font-size:10px}.chapter-nav{right:2px}.growth-copy{left:20px;right:24px}.growth-rule{font-size:10px}.site-footer{gap:7px}}
@media(max-height:520px) and (orientation:landscape){:root{--header:50px;--rail-step:29px}.site-header{gap:20px;padding:0 25px}.brand{width:98px}.brand img{height:44px}.desktop-nav{font-size:11px;gap:20px}.header-download{min-height:36px;min-width:135px;font-size:11px}.hero-copy{top:60px}.hero-logo{width:164px;margin-bottom:7px}.hero-copy h1{font-size:24px}.hero-copy p{font-size:10px;margin-top:8px}.hero-download{min-width:205px;min-height:47px;font-size:17px;margin-top:11px}.platform-note{font-size:8px;margin-top:5px}.chapter-heading{top:65px}.chapter-heading h2{font-size:26px}.chapter-heading p{font-size:10px;margin-top:4px}.eyebrow{font-size:8px;margin-bottom:5px}.battle-scene{width:calc((var(--view-h) - 80px)*1.792);bottom:4px}.battle-sign{padding:9px 16px 12px;right:3%;bottom:7%}.wood-sign strong{font-size:12px}.wood-sign span{font-size:8px}.interaction-hint{bottom:43px;font-size:9px}.growth .chapter-heading{top:62px}.growth-logo{width:155px}.nursery-scene{width:calc((var(--view-h) - 60px)*1.792);top:47%}.nursery-tab{font-size:19px}.growth-copy{bottom:47px}.growth-copy>p:first-child{font-size:11px;min-height:19px}.growth-rule{font-size:9px;margin-top:1px}.small-note{font-size:8px;margin-top:1px}.story-copy{left:8%;top:54%;max-width:46%;transform:translateY(-50%)}.story-copy h2{font-size:33px}.story-copy p{font-size:11px}.story-copy h2+p{margin-top:12px}.story-link{font-size:10px;margin-top:9px;padding:2px 0}.download-copy{bottom:67px}.download-copy .eyebrow{font-size:8px;margin-bottom:5px}.download-copy h2{font-size:28px}.download-button{min-width:235px;min-height:57px;font-size:20px;margin-top:10px}.download-meta{font-size:9px;margin-top:7px}.help-trigger{font-size:8px;margin-top:2px;padding:3px}.site-footer{bottom:31px;font-size:7px;padding-top:5px;gap:12px}.footer-brand{width:57px}.journey-status{bottom:10px;font-size:8px}.journey-number{font-size:12px}.chapter-nav{height:calc(var(--rail-step)*4 + 25px);width:30px;right:16px;gap:4px}.chapter-nav a{width:30px;height:25px;padding:9px 11px}.chapter-nav:before{left:14px;top:12px;bottom:12px}.rail-lantern{width:24px;height:29px;left:4px;top:-2px}.chapter-nav a span{top:3px;font-size:9px;right:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js [data-enter]{filter:none}.js .is-active [data-enter]{opacity:1;transform:none}.scene-art{will-change:auto}#atmosphere{opacity:.3}}

h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}

.battle-art,.nursery-art{display:block}.battle-art img,.nursery-art img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px) and (orientation:portrait){
  .battle-backdrop{display:none}.tactics:before{z-index:3;background:linear-gradient(#132f3677,transparent 33%);pointer-events:none}
  .battle-scene{left:50%;top:var(--header);bottom:auto;width:max(100vw,calc((var(--view-h) - var(--header))*.55814));aspect-ratio:1536/2752;transform:translate3d(-50%,calc(var(--drift)*.2),0)}
  .battle-art{mask-image:linear-gradient(0deg,transparent,black 5% 97%,transparent);mask-composite:add}
  .lane-controls{left:16%;top:34%;width:82%;height:34%}.moving-lamp{width:12%;left:42%}.moving-lamp img{height:92%}
  .lane-light{width:110%;left:-6%}.illustration-label{top:27%;left:52%}.battle-sign{right:8%;bottom:15%;max-width:84%;padding:12px 20px 16px}
  .interaction-hint{bottom:10%;font-size:10px}.wood-sign strong{font-size:14px}.wood-sign span{font-size:9px}
  .nursery-scene{width:max(100vw,calc((var(--view-h) - var(--header))*.55814));aspect-ratio:1536/2752;top:var(--header);left:50%;transform:translate3d(-50%,calc(var(--drift)*.25),0)}
  .nursery-art{mask-image:none}.nursery-tabs{left:18.8%;top:59%;width:62%;height:3.6%}.nursery-tab{flex-basis:22%;font-size:22px}
  .nursery-light{top:51%;width:35%;height:25%}.growth-copy{bottom:14%;left:24px;right:24px}.growth-copy>p:first-child{min-height:3.6em}
}
@media(max-width:700px) and (orientation:portrait) and (max-height:740px){
 .battle-sign{bottom:23%;padding:10px 17px 14px}.wood-sign strong{font-size:12px}.wood-sign span{font-size:8px}.interaction-hint{bottom:8.5%;font-size:9px}
 .nursery-tab{font-size:20px}.growth-copy{bottom:11%}.growth-copy>p:first-child{min-height:3.3em}.growth-rule{font-size:10px}
}

.return-top{position:fixed;z-index:30;right:24px;bottom:22px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:1px;width:52px;height:64px;border:1px solid #c49c5966;border-radius:6px 6px 11px 11px;background:linear-gradient(150deg,#314844ee,#142e34f5 65%);box-shadow:inset 0 0 0 3px #101f242e,0 5px 16px #081f2744;color:#e8c68e;opacity:0;visibility:hidden;translate:0 14px;transition:opacity .35s,translate .5s var(--ease),background .3s,border-color .3s,box-shadow .3s,visibility .35s}
.js .return-top{display:flex}.return-top.is-visible{opacity:1;visibility:visible;translate:0 0}.return-top:before,.return-top:after{content:'';position:absolute;top:5px;width:3px;height:3px;border-radius:50%;background:#bf995e;box-shadow:0 1px 1px #061c26}.return-top:before{left:5px}.return-top:after{right:5px}.return-top svg{width:23px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:translate .45s var(--ease)}.return-top span{font-size:10px;letter-spacing:.14em}.return-top:hover,.return-top:focus-visible{border-color:#e6bd78;background:linear-gradient(150deg,#475748f5,#203e40);box-shadow:inset 0 0 0 3px #b7923c0b,0 0 23px #d6af4726;translate:0 -3px}.return-top:hover svg{translate:0 -4px}.return-top:active{translate:0 0}
@media(max-width:1050px){.return-top{right:9px}}
@media(max-width:700px){.return-top{right:9px;bottom:14px;width:44px;height:54px}.return-top svg{width:21px;height:25px}.return-top span{font-size:9px}}
@media(max-height:520px) and (orientation:landscape){.return-top{right:9px;bottom:9px;width:44px;height:48px}.return-top svg{height:22px}.return-top span{font-size:8px}}

/* Label centers follow the paper artwork, independent of selection or hover. */
.nursery-scene{container-type:inline-size}
.nursery-tabs{inset:0;width:100%;height:100%;display:block;pointer-events:none}
.nursery-tab{position:absolute;left:var(--label-x);top:71.9%;width:10.3%;height:9%;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex:none;font-family:GardenLabels, sans-serif;font-size:clamp(16px,2cqw,38px);font-weight:700;letter-spacing:0;line-height:1;color:#50331d;text-shadow:none;filter:none;transform:translate(-50%,-50%) rotate(-7deg);transform-origin:center;pointer-events:auto;transition:color .16s}
.nursery-tab:nth-child(1){--label-x:31.98%}.nursery-tab:nth-child(2){--label-x:50.06%}.nursery-tab:nth-child(3){--label-x:68.14%}
.nursery-tab:before{display:none}
.nursery-tab:hover,.nursery-tab[aria-pressed=true]{color:#50331d;filter:none;transform:translate(-50%,-50%) rotate(-7deg)}
.nursery-tab:after{content:'';position:absolute;bottom:15%;left:30%;width:40%;height:2px;border-radius:2px;background:#79552e;opacity:0;transform:scaleX(.3);transition:opacity .16s,transform .16s}
.nursery-tab[aria-pressed=true]:after{bottom:15%;left:30%;width:40%;opacity:1;transform:scaleX(1)}
.nursery-tab:focus-visible{outline:2px solid #573c20;outline-offset:-4px;border-radius:3px}
@media(max-width:700px) and (orientation:portrait){
  .nursery-tabs{inset:0;width:100%;height:100%}
  .nursery-tab{top:59.85%;width:13.8%;height:4.3%;font-size:clamp(13px,4.1cqw,22px);flex:none}
  .nursery-tab:nth-child(1){--label-x:25.72%}.nursery-tab:nth-child(2){--label-x:50.31%}.nursery-tab:nth-child(3){--label-x:74.90%}
}