:root{--paper:#f4f7e9;--ink:#244a37;--leaf:#416d47;--line:#d6e1c9;--gold:#ad914d}html{scroll-behavior:auto}body{background:var(--paper)}body.story-mode #header{position:absolute;top:0;left:0;width:100%;background:transparent;border:0;z-index:20}#header{background:#f4f7e9;border-color:#e5ebdb}.sound{background:#f4f8e4bb;border-color:#ffffff91;box-shadow:inset 0 1px 0 #fff}.hero{display:block;position:relative;height:min(940px,100svh);min-height:720px;isolation:isolate;overflow:hidden;background:#dce9c4}.hero-scene{position:absolute;inset:0;overflow:hidden}.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translate3d(0,calc(var(--hero-scroll,0px)*-.25),0) scale(1.025);pointer-events:none}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f5dfe8 0%,#edf3dabb 27%,#f1f5de40 49%,transparent 65%);pointer-events:none;z-index:3}.hero-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero:after{content:'';position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,var(--paper));z-index:7;pointer-events:none}.hero-character{position:absolute;left:57%;bottom:12%;height:72%;width:auto;max-width:46%;object-fit:contain;z-index:4;pointer-events:none;will-change:transform}.hero-copy{position:relative;inset:auto;align-self:auto;width:55%;padding:165px 0 70px 8vw;pointer-events:none;z-index:6}.hero-copy .origin{letter-spacing:.2em;font-size:12px;color:#63815a}.hero-copy h1{font:500 clamp(86px,9vw,132px)/1.14 var(--display);letter-spacing:.09em;margin:25px 0 26px;max-width:3em;white-space:normal}.hero-copy .subtitle{font:25px/1.7 var(--display);letter-spacing:.07em}.hero-copy .liquid-intro{font:14px/2 var(--font);color:#66815d;margin-top:18px;max-width:21em}.hero-copy .begin{margin-top:38px;position:static;pointer-events:auto;background:#f6fae6bd;border:1px solid #ffffffd9;padding:9px 22px 9px 12px;border-radius:35px;box-shadow:inset 0 1px 0 #fff,0 6px 22px #4963350c;gap:14px;font-size:11px;display:inline-flex}.begin i{width:23px;height:36px;border-color:#86a16c}.begin i:after{left:9px;top:6px}.floating-candy{position:absolute;z-index:5;pointer-events:none;width:100px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f9fbe2b3,transparent 70%);will-change:transform}.floating-candy img{width:100%;height:100%;object-fit:cover;border-radius:50%;mask-image:radial-gradient(circle,#000 45%,#000a 58%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 45%,#000a 58%,transparent 70%)}.candy-a{left:45%;bottom:25%;width:120px}.candy-b{right:3%;bottom:35%;width:100px}.candy-c{right:14%;top:15%;width:76px}.hero-lens{position:absolute;right:9%;bottom:11%;z-index:8;width:185px;height:66px;border-radius:34px;padding:0;isolation:isolate;overflow:hidden;border:1px solid #ffffffe0;box-shadow:inset 0 2px 0 #fff9,inset 0 -1px 0 #65864844,0 8px 22px #324d2d15;background:#edf6d43d;cursor:pointer;touch-action:pan-y}.hero-lens-backdrop{position:absolute;inset:0;background-image:url('assets/jade-village-v2-large.webp');background-color:#d5e7b7;background-repeat:no-repeat;z-index:-2;pointer-events:none}.hero-lens-tint{position:absolute;inset:0;background:#faffed75;z-index:-1;pointer-events:none}.hero-lens strong{font:19px var(--display);font-weight:500;letter-spacing:2px}.hero-lens small{display:block;font-size:9px;letter-spacing:1px;color:#526e3a;margin-top:5px}.story-index{border:0;background:var(--paper);padding-block:18px;color:#68815a}.story-index a{position:relative}.story-index a:after{content:'';position:absolute;bottom:2px;left:30%;right:30%;height:1px;background:#aac08e;transform:scaleX(0);transition:transform .3s}.story-index a:hover:after{transform:scaleX(1)}.ingredients,.motif-story{background:transparent}.story-section{padding-top:110px;padding-bottom:100px}.ingredients{padding:0}.ingredients .story-section{padding-top:95px;padding-bottom:95px}.motif-story .story-section{padding-top:95px;padding-bottom:95px}.chapter-visual{isolation:isolate;overflow:hidden;border-radius:46% 46% 12px 12px}.chapter-visual>img{border-radius:0;transform:translate3d(0,var(--drift,0px),0) scale(1.045);height:auto;aspect-ratio:.78;max-height:730px;object-fit:cover;transition:none}.chapter-visual .caption{position:relative;margin:0;padding:20px 10px 0;background:var(--paper);z-index:2}.chapter-visual:before{content:'';position:absolute;inset:1px 0 40px;z-index:-1;background:#e0eccf}.ingredients .chapter-visual>img{border-radius:0}.motif-story .chapter-visual{border-radius:50% 50% 15% 15%}.motif-story .chapter-visual>img{border-radius:50%;aspect-ratio:1;object-fit:contain;background:#e7efda}.renewal .chapter-visual{border-radius:44% 44% 12px 12px}.renewal .chapter-visual>img{border-radius:0}.chapter-number{color:#9b925c}.chapter-copy>p{font-size:15px;color:#66805e}.chapter-copy .quote{border-left-color:#aabe8c}.scroll-card{padding:22px 10px;background:linear-gradient(90deg,#eef4e0,transparent);border-color:#d4e2c3;border-radius:4px;transition:background .2s}.ingredient-list button{background:linear-gradient(140deg,#e3edcf90,transparent);border-color:#c6d6ae;border-radius:12px 12px 0 0;padding:20px 14px}.process-list button{border-color:#d5e0c6;padding-block:18px}.process-list b{color:#a4ae84}.motif-grid button{border-color:#ccdcb7}.entry-section{border:0;position:relative;padding-top:95px}.entry-section:before{content:'';position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#b8ca99,transparent)}.entry-card{background:linear-gradient(145deg,#fffef1b3,#e1edc69c);border:1px solid #fff;border-radius:28px 44px 28px 28px;box-shadow:inset 0 1px 0 #fff,0 10px 25px #34572608}.farm{border-color:#d4dfc5}.story-progress{position:fixed;right:7px;top:28%;bottom:28%;width:2px;z-index:15;pointer-events:none;border-radius:3px;background:#5d7a3b12;overflow:hidden}.story-progress span{display:block;width:100%;height:100%;background:linear-gradient(#bdd395,#76985c);transform-origin:top;transform:scaleY(0)}#nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(150deg,#f9fceef5,#eaf2dcec);border-color:#ffffffdb;box-shadow:inset 0 2px 0 #fff,0 8px 24px #23472412;isolation:isolate;padding:8px;overflow:visible}#nav a{position:relative;z-index:2;background:none!important;color:#6e865d}#nav a.active{color:#315b32}.nav-liquid-indicator{position:absolute;top:0;left:0;border:1px solid #fff;border-radius:30px;z-index:1;overflow:hidden;pointer-events:none;background:#cfdfb16b;box-shadow:inset 0 2px 1px #ffffffeb,inset 0 -2px 2px #6b8d5b19,0 3px 9px #34582d0c;will-change:transform}.nav-liquid-texture{position:absolute;inset:0;background-color:#d7e7ba;background-image:radial-gradient(ellipse at 25% 15%,#fffde4 0%,transparent 60%),repeating-linear-gradient(135deg,transparent 0 13px,#91b06d16 15px 17px,transparent 20px 32px);background-size:150% 150%}.primary{background:linear-gradient(145deg,#668b51,#466f44);box-shadow:inset 0 1px 0 #a6c38a60,0 5px 12px #3a602414;border:1px solid #597c4740}.pill,.secondary{background:#f8fbe9a8;border-color:#d2dfc1;box-shadow:inset 0 1px 0 #fff}.dialog{box-shadow:0 18px 60px #153f2025,inset 0 2px 0 #fff;background:#f8fbef;border:1px solid #ffffffc9}#ip{backdrop-filter:none;background:#f6fbe7ed;box-shadow:inset 0 1px 0 #fff,0 4px 15px #294a2510}.product img{border-radius:18px;background:#e9efdf}.category-tabs button[aria-selected=true]{background:linear-gradient(140deg,#749651,#467344);border-color:#698a4e;box-shadow:inset 0 1px 0 #e7efcc66}.craft-stage{border-radius:34px;background:radial-gradient(ellipse at 40% 25%,#fbfff0,#e3edcc);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 7px 28px #38562509;overflow:hidden;isolation:isolate}.craft-stage>svg{position:relative;z-index:2}.craft-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.craft-stage .stage-water{display:none}.craft-stage .stage-flash{z-index:4}.craft-stage .stage-tip{z-index:6;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff;background:#faffedcf}.craft-stage svg .layer.selected{filter:none}.craft-stage svg .layer{will-change:auto}.craft-page .page-head h1 small{font:16px/1.8 var(--display);display:block;color:#81916f;margin-top:12px}.craft-page .page-head p{display:none}.craft-page .page-head{margin-bottom:26px}.craft-layout{grid-template-columns:minmax(0,1fr) 345px;gap:44px}.craft-side .step-label{font-size:14px}.craft-side h2{font-size:27px}.craft-side p{font-size:12px;line-height:1.95}.craft-shortcuts{color:#7d936e}.fruit-option{background:linear-gradient(140deg,#fdfef3,#eaf1dc);border-color:#d9e3cc;border-radius:18px}.fruit-option[aria-pressed=true]{background:linear-gradient(140deg,#eff6de,#dceabb);border-color:#95ae70;box-shadow:inset 0 1px 0 #fff}.motif-palette button{border-color:#d7e3c4;border-radius:14px;background:linear-gradient(145deg,#ffffffbc,#e7efd97d)}.layer-controls{border-top-color:#d8e3c9}.craft-cursor{pointer-events:none}.craft-stage.is-working{box-shadow:inset 0 0 0 1px #fff,0 6px 30px #8fad5c20}
@media(max-width:950px){.hero-character{height:66%;left:53%;max-width:52%}.hero-copy{padding-left:6vw;padding-top:170px}.hero-copy h1{font-size:100px}.candy-a{left:40%;bottom:20%;width:100px}.hero-lens{right:4%;bottom:10%}.craft-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}}
@media(max-width:700px){body.story-mode #header{height:65px;padding-inline:23px}.hero{height:100svh;min-height:650px;max-height:1000px}.hero-scene:after{background:linear-gradient(180deg,#f0f5ded9 0%,#f0f5de82 22%,transparent 43%,transparent 76%,#eff5dd33 100%)}.hero-landscape{object-position:51% center;transform:scale(1.035)}.hero-character{height:55%;max-width:95%;left:50%;bottom:15%;margin-left:-23%;width:46%;object-fit:contain;object-position:center bottom;will-change:transform}.hero-copy{position:absolute;top:92px;left:25px;padding:0;width:calc(100% - 50px);pointer-events:none}.hero-copy .origin{font-size:9px;letter-spacing:.14em}.hero-copy h1{font-size:clamp(54px,16vw,76px);max-width:none;letter-spacing:.08em;white-space:nowrap;line-height:1.2;margin:18px 0 13px}.hero-copy h1 br{display:none}.hero-copy .subtitle{font-size:18px;letter-spacing:.06em}.hero-copy .liquid-intro{font-size:11px;margin-top:12px;color:#648151}.hero-copy .begin{position:fixed;position:absolute;top:calc(100svh - 186px);left:-5px;font-size:9px;padding:7px 12px 7px 8px;gap:9px;margin:0;white-space:nowrap}.hero-copy .begin i{height:29px;width:20px}.hero-copy .begin i:after{left:8px;top:5px;height:8px}.hero-lens{width:145px;height:56px;right:19px;bottom:13%;border-radius:30px}.hero-lens strong{font-size:17px}.hero-lens small{font-size:8px;letter-spacing:.05em;margin-top:3px}.candy-a{left:3%;bottom:29%;width:95px}.candy-b{right:0%;bottom:39%;width:78px}.candy-c{right:6%;top:30%;width:57px;opacity:.85}.hero:after{height:72px}.story-index{padding-block:18px;font-size:14px;gap:0}.story-section,.ingredients .story-section,.motif-story .story-section{padding:72px 25px}.chapter-visual{border-radius:46% 46% 10px 10px}.chapter-visual>img{aspect-ratio:1;max-height:none;height:auto}.chapter-visual .caption{padding-top:18px;font-size:9px}.chapter-copy h2{font-size:33px}.chapter-copy>p{font-size:14px;line-height:2.1}.chapter-grid{gap:37px}.ingredients{padding:0}.ingredients .chapter-visual>img{aspect-ratio:1}.motif-story .chapter-visual{border-radius:50% 50% 12px 12px}.motif-story .chapter-visual>img{aspect-ratio:1}.entry-section{padding:70px 25px 95px}.entry-grid{gap:10px}.entry-card{padding:25px 12px;border-radius:20px 32px 20px 20px}.entry-card h3{font-size:17px}.entry-card small{font-size:9px}.entry-card svg{margin-bottom:15px}.story-progress{right:4px;width:2px}.craft-page{padding-top:23px}.craft-page .page-head{margin-bottom:17px}.craft-page .page-head h1{font-size:27px}.craft-page .page-head h1 small,.craft-page .page-head>a{display:none}.craft-steps{margin-bottom:18px}.craft-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.craft-side{display:contents}.craft-side>.step-label{grid-row:1;font-size:12px;margin-bottom:5px}.craft-side>h2{grid-row:2;margin:0 0 10px;font-size:24px}.craft-side>p:not(.stage-note){grid-row:3;margin:0 0 18px;font-size:11px;line-height:1.9}.craft-table{grid-row:4;width:100%}.craft-stage{border-radius:26px;aspect-ratio:1.08}.craft-status{padding:10px 0;font-size:10px}.craft-shortcuts{margin:5px 0 16px;font-size:10px}.fruit-options,.motif-palette{grid-row:5;margin:2px 0 16px}.fruit-options{gap:10px}.fruit-option{border-radius:14px;padding:5px;font-size:10px}.fruit-option svg{max-height:70px}.motif-palette{gap:6px}.motif-palette button{font-size:8px;padding:8px 2px;border-radius:12px}.motif-palette svg{width:29px;height:29px;margin-bottom:4px}#layer-controls{grid-row:6;margin-bottom:14px}.layer-controls{padding-top:14px;gap:10px}.selection-label{font-size:10px}.craft-side>#assist{grid-row:5;justify-self:start;margin:0 0 12px;font-size:12px;padding:7px 12px;border:1px solid #c8d9ae;border-radius:22px;background:#eef5dd}.craft-side>#craft-next{grid-row:7;width:100%;margin:3px 0 12px;padding:13px 24px}.craft-side>#craft-export{grid-row:8;width:100%;margin:0 0 12px}.craft-side>.stage-note{grid-row:9;font-size:9px;margin:0 0 12px}.craft-page .farm{margin-top:40px}body[data-route=craft] #ip-wrap{right:13px;bottom:102px;max-width:220px}body[data-route=craft] #ip{padding:4px}body[data-route=craft] #ip span,body[data-route=craft] #ip b{display:none}body[data-route=craft] #ip img{width:31px;height:31px}body[data-route=craft] #ip-bubble{font-size:13px}.stage-tip{font-size:9px;bottom:15px}.story-section .scroll-card{padding:19px 8px}.nav-liquid-indicator{border-radius:29px}#nav{width:min(410px,calc(100% - 36px));padding:7px}}
@media(max-width:360px){.hero-copy{left:22px;width:calc(100% - 44px)}.hero-copy h1{font-size:52px}.hero-copy .subtitle{font-size:16px}.hero-copy .origin{font-size:8px}.hero-character{width:54%;margin-left:-27%;height:53%;bottom:16%}.hero-copy .liquid-intro{font-size:10px}.hero-lens{width:132px;right:13px;bottom:12%}.candy-a{width:80px;bottom:30%}.candy-b{width:66px;bottom:44%}.candy-c{top:32%;width:50px}.craft-page{padding-inline:18px}.craft-side>h2{font-size:22px}.chapter-copy h2{font-size:30px}}
.hero-character-frame{position:absolute;left:55%;bottom:11%;height:75%;width:39%;z-index:4;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.hero-character-frame .hero-character{position:static;height:100%;width:auto;max-width:100%;margin:0;object-fit:contain;object-position:center bottom}
@media(max-width:700px){.hero-character-frame{left:12%;width:76%;height:56%;bottom:15%}.hero-character-frame .hero-character{position:static;height:100%;width:auto;max-width:100%;margin:0}.hero-lens{bottom:12%}}
@media(max-width:360px){.hero-character-frame{left:9%;width:82%;height:54%;bottom:16%}}
@media(prefers-reduced-motion:reduce){.hero-character,.floating-candy{will-change:auto}.chapter-visual>img{transform:none}.hero-landscape{transform:none}.story-progress{display:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.hero-lens-tint{background:#f4f8ddf5}#nav{background:#f4f8e8}.nav-liquid-texture{background:#dce8c5}.hero-lens-backdrop{filter:none!important}}

.hero-character-frame .plate-hotspot{position:absolute;left:75%;top:64%;width:32px;height:32px;border:1px solid #fff9;border-radius:50%;background:#f4f9dfb3;font:20px var(--display);color:#547546;z-index:5;pointer-events:auto;box-shadow:inset 0 1px 0 #fff;touch-action:pan-y}@media(max-width:700px){.hero-character-frame .plate-hotspot{left:80%;top:66%;width:26px;height:26px;font-size:17px}}