:root{--color-green-soft: #a8cbb0;--color-green: #6fa87c;--color-green-deep: #3d6b4a;--color-white-warm: #f6f3ee;--color-white: #fffdf9;--color-pink-blush: #f3c6cf;--color-pink: #e79fb0;--color-pink-deep: #b05e75;--color-text: #2e4034;--color-text-soft: #5a6e60;--color-text-on-dark: var(--color-white);--color-bg: var(--color-white-warm);--color-surface: var(--color-white);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--font-body: "Avenir Next", Avenir, "Segoe UI", system-ui, -apple-system, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--leading-body: 1.6;--leading-tight: 1.2;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-soft: 0 4px 24px rgb(61 107 74 / .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-text);background:var(--color-bg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{height:100dvh;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:100%;height:100%;max-width:30rem;overflow:hidden;background:var(--color-surface)}@media(min-width:48rem){.stage{max-height:53.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}}.curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(168deg,var(--color-white) 0%,var(--color-white-warm) 52%,color-mix(in oklab,var(--color-pink-blush),var(--color-white) 55%) 100%);opacity:0;pointer-events:none;transition:opacity .4s ease}.curtain.is-covering{opacity:1;pointer-events:auto}.curtain__title{text-align:center;font-size:var(--text-xl);font-weight:500;line-height:1.35;color:var(--color-green-deep);letter-spacing:.02em;max-width:18em}.curtain__title:not(:empty):before{content:"❀";display:block;margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--color-pink);letter-spacing:0}.curtain__title:not(:empty):after{content:"";display:block;width:4rem;height:1px;margin:var(--space-4) auto 0;background:linear-gradient(90deg,transparent,var(--color-green-soft),transparent)}@media(prefers-reduced-motion:reduce){.curtain{transition:none}}.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);background:var(--color-white-warm);color:var(--color-green-deep);font-size:var(--text-lg);line-height:var(--leading-tight)}@media(orientation:landscape)and (max-height:30rem)and (pointer:coarse){.rotate-hint{display:flex}}.stage__placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-5);color:var(--color-text-soft);font-size:var(--text-sm)}.end-card,.extras{position:relative;height:100%;overflow:hidden;background:radial-gradient(95% 55% at 50% 34%,rgb(255 253 249 / .95),transparent 72%),linear-gradient(to bottom,var(--color-white),var(--color-pink-blush));--particle-color: var(--color-pink)}.end-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));animation:end-card-in 1.6s ease-out both}.end-card__title,.end-card__signature,.end-card__critter,.end-card__ornament,.end-card__portrait{position:relative}.end-card__portrait{width:9rem;height:9rem;border-radius:50%;object-fit:cover;border:3px solid color-mix(in oklab,var(--color-pink-blush),var(--color-white) 35%);background:var(--color-white);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-pink-blush),transparent 55%),0 0 42px 10px color-mix(in oklab,var(--color-pink),transparent 55%),0 10px 26px #2e403429}.end-card__title{font-size:var(--text-2xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:.01em;color:var(--color-green-deep)}.end-card__ornament{display:block;width:4rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-pink),transparent)}.end-card__signature{font-size:var(--text-base);letter-spacing:.02em;color:var(--color-pink-deep)}.end-card__critter{height:2rem;width:auto;margin-top:var(--space-4);opacity:.9;animation:critter-float 4.5s ease-in-out infinite alternate}@keyframes critter-float{0%{transform:translateY(0)}to{transform:translateY(-.3rem)}}@keyframes end-card-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.end-card,.end-card__critter{animation:none}}.extras{animation:end-card-in 1.2s ease-out both}.extras__body{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.extras__text{max-width:26rem;font-size:var(--text-lg);line-height:1.65;letter-spacing:.005em;text-wrap:pretty;color:var(--color-text)}.extras__text:first-of-type{color:var(--color-green-deep)}.extras__count{font-size:var(--text-sm);letter-spacing:.12em;color:var(--color-pink-deep)}.extras__frame{width:100%;max-width:24rem;padding:var(--space-2);border-radius:1.25rem;background:linear-gradient(160deg,var(--color-white),color-mix(in oklab,var(--color-pink-blush),var(--color-white) 45%));box-shadow:0 18px 40px #2e40342e,0 2px 8px #2e40341f,inset 0 1px #fff9}.extras__video{display:block;width:100%;max-height:55dvh;border-radius:.85rem;background:color-mix(in oklab,var(--color-green-deep),black 60%);object-fit:contain}.extras__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:var(--text-base);letter-spacing:.02em;color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:999px;background:linear-gradient(160deg,var(--color-green),var(--color-green-deep));box-shadow:0 8px 20px #3d6b4a47,inset 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease;touch-action:manipulation}.extras__button:active{transform:translateY(1px) scale(.98);box-shadow:0 4px 12px #3d6b4a3d,inset 0 1px #ffffff40}@media(prefers-reduced-motion:reduce){.extras{animation:none}.extras__button{transition:none}}.petal-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.petal{position:absolute;display:block;left:var(--x);top:-4%;width:.55rem;height:.45rem;border-radius:62% 38% 55% 45%/55% 60% 40% 45%;background:var(--particle-color);opacity:0;transform:scale(var(--scale, 1));will-change:transform,opacity;animation:petal-fall var(--dur, 10s) linear var(--delay, 0s) infinite}@keyframes petal-fall{0%{transform:translateZ(0) rotate(0) scale(var(--scale, 1));opacity:0}8%{opacity:var(--peak-o, .9)}55%{transform:translate3d(var(--drift, 20px),55vh,0) rotate(170deg) scale(var(--scale, 1));opacity:calc(var(--peak-o, .9) * .94)}to{transform:translate3d(calc(var(--drift, 20px) * -.5),104vh,0) rotate(330deg) scale(var(--scale, 1));opacity:0}}@media(prefers-reduced-motion:reduce){.petal{animation:none;opacity:.3;top:calc(10% + var(--scale, 1) * 30%)}}.character__sprite,.character__facing{width:100%;height:100%}.character__sprite svg{width:100%;height:100%;display:block}.character--image .character__facing{background-size:contain;background-repeat:no-repeat;background-position:bottom center}.character--sheet .character__facing{background-size:400% 400%;background-repeat:no-repeat}.character--sheet.is-walking .character__sprite{animation:none}.character--sheet.character--idle .character__facing{background-size:contain;background-position:center bottom}@keyframes character-bob{0%,49.9%{transform:translateY(0)}50%,to{transform:translateY(-.25rem)}}.character.is-walking .character__sprite{animation:character-bob .36s infinite}.character__eyes{transform-box:fill-box;transform-origin:center;animation:character-blink 4.8s infinite}@keyframes character-blink{0%,92%,to{transform:scaleY(1)}94.5%{transform:scaleY(.12)}97%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.character__eyes{animation:none}}.narration{position:absolute;left:calc(var(--space-4) + env(safe-area-inset-left,0px));right:calc(var(--space-4) + env(safe-area-inset-right,0px));bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));max-width:34rem;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-3);background:color-mix(in srgb,var(--color-white-warm) 88%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid color-mix(in oklab,var(--color-green-soft),var(--color-white) 25%);border-radius:var(--radius-md);box-shadow:0 12px 32px #3d6b4a29,0 2px 8px #3d6b4a1a,inset 0 1px #fffdf9d9;pointer-events:none}@supports not (backdrop-filter: blur(1px)){.narration{background:var(--color-white-warm)}}.narration__chip{position:absolute;top:-.75rem;left:var(--space-4);display:inline-flex;align-items:center;gap:.4rem;padding:.1rem var(--space-3) .1rem .35rem;border-radius:var(--radius-lg);background:linear-gradient(to bottom,var(--color-green),color-mix(in oklab,var(--color-green),var(--color-green-deep) 35%));color:var(--color-text-on-dark);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;box-shadow:0 2px 6px #3d6b4a47}.narration__chip-avatar{height:1.35rem;width:auto;padding:.2rem .3rem;background:var(--color-white-warm);border-radius:var(--radius-lg)}.narration__text{min-height:calc(3 * var(--leading-body) * 1em);font-size:var(--text-base);line-height:1.65;letter-spacing:.006em;text-wrap:pretty}.narration__figure{margin:0 0 var(--space-3);display:flex;justify-content:center}.narration__figure[hidden]{display:none}.narration__image{max-width:100%;max-height:34vh;width:auto;border-radius:var(--radius-sm);border:1px solid color-mix(in oklab,var(--color-green-soft),var(--color-white) 40%);background:var(--color-white);box-shadow:0 4px 14px #3d6b4a24}.narration__controls{margin-top:var(--space-2);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.narration__button{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--color-green-soft),var(--color-white) 30%);border-radius:var(--radius-lg);padding:.3rem var(--space-4);min-height:2.2rem;background:var(--color-white);color:var(--color-green-deep);font-family:inherit;font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:opacity .2s ease,transform .12s ease,background-color .2s ease}.narration__button:active{transform:translateY(1px)}.narration__button:disabled{opacity:.32;cursor:default;pointer-events:none}.narration--ready .narration__button--next{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-pink-blush),transparent 50%),0 2px 10px #b05e7540}.narration__button--next{background:linear-gradient(to bottom,color-mix(in oklab,var(--color-pink-blush),var(--color-white) 45%),var(--color-pink-blush));border-color:color-mix(in oklab,var(--color-pink),var(--color-white) 45%);color:var(--color-pink-deep)}.narration__dots{display:flex;align-items:center;gap:.28rem;flex-wrap:wrap;justify-content:center}.narration__dot{width:.32rem;height:.32rem;border-radius:50%;background:color-mix(in oklab,var(--color-green-soft),var(--color-white) 30%);transition:background-color .25s ease,transform .25s ease}.narration__dot.is-past{background:var(--color-green-soft)}.narration__dot.is-current{background:var(--color-pink);transform:scale(1.55)}@media(prefers-reduced-motion:reduce){.narration__button,.narration__dot{transition:none}}.overworld{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;touch-action:none;background:var(--color-green);--particle-color: var(--color-pink)}.overworld:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(115% 100% at 50% 46%,transparent 56%,rgb(46 64 52 / .18) 100%)}.overworld__world{position:absolute;left:0;top:0;will-change:transform}.overworld__baked{position:absolute;left:0;top:0;pointer-events:none;image-rendering:auto}.overworld__baked--canopy{z-index:2}.overworld__ambience{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.overworld__ambient{position:absolute;display:block;animation:ambient-drift var(--dur, 10s) ease-in-out var(--delay, 0s) infinite;will-change:transform,opacity}@keyframes ambient-drift{0%{opacity:0;transform:translateZ(0) scale(var(--scale, 1))}20%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translate3d(var(--dx, 40px),var(--dy, -60px),0) scale(var(--scale, 1))}}.overworld__ambient--petals{width:9px;height:9px;border-radius:60% 10%;background:var(--color-pink-blush)}.overworld__ambient--butterflies{width:10px;height:8px;border-radius:50% 50% 45% 45%;background:var(--color-pink);box-shadow:0 0 5px color-mix(in oklab,var(--color-white),transparent 30%)}.overworld__ambient--fireflies{width:5px;height:5px;border-radius:50%;background:#fff4cd;box-shadow:0 0 10px 3px #ffeeb0a6}.overworld__ambient--motes{width:4px;height:4px;border-radius:50%;background:var(--color-white);box-shadow:0 0 8px 2px #fffdf999}.overworld__ambient--mist{width:120px;height:34px;border-radius:50%;background:radial-gradient(closest-side,#f6f3ee80,#f6f3ee00)}@media(prefers-reduced-motion:reduce){.overworld__ambient{animation:none;opacity:.55}}.overworld__landmarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.overworld__landmark{position:absolute;transform:translate(-50%,-50%)}.overworld__panel,.overworld__panel-image{position:absolute;left:50%;top:50%;width:46%;height:auto;transform:translate(-50%,-58%);filter:drop-shadow(0 3px 6px rgb(38 54 42 / .28))}.overworld__panel{aspect-ratio:1;height:46%}.overworld__beacon{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .5s ease}.overworld__landmark.is-active .overworld__beacon{opacity:1}.overworld__beacon-ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;display:block;border-radius:50%;border:3px solid color-mix(in oklab,var(--color-pink),var(--color-white) 30%);box-shadow:0 0 26px 8px color-mix(in oklab,var(--color-pink),transparent 55%),inset 0 0 20px color-mix(in oklab,var(--color-pink-blush),transparent 40%);animation:beacon-pulse 2.4s ease-in-out infinite}@keyframes beacon-pulse{0%,to{transform:scale(.94);opacity:.65}50%{transform:scale(1.03);opacity:1}}.overworld__beacon-blossom{position:absolute;left:50%;top:4%;transform:translate(-50%,-50%);font-size:var(--text-xl);color:var(--color-pink-deep);text-shadow:0 0 12px color-mix(in oklab,var(--color-white),transparent 30%);animation:beacon-float 3s ease-in-out infinite}@keyframes beacon-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - .55rem))}}@media(prefers-reduced-motion:reduce){.overworld__beacon-ring,.overworld__beacon-blossom{animation:none}.overworld__beacon-ring{opacity:.9}}.overworld__character.character{position:absolute;left:0;top:0;width:4rem;height:6.25rem;z-index:1;will-change:transform;pointer-events:none}.overworld__character.character--sheet{width:6rem;height:6rem}.overworld__character:before{content:"";position:absolute;left:50%;bottom:-.4rem;width:3.3rem;height:.7rem;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgb(46 64 52 / .32),transparent 100%)}.joystick{position:absolute;left:calc(var(--space-5) + env(safe-area-inset-left,0px));bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));width:6.75rem;height:6.75rem;border-radius:50%;pointer-events:none;display:grid;place-items:center;background:radial-gradient(closest-side,rgb(255 253 249 / .26),rgb(255 253 249 / .12) 72%,transparent 100%);border:1.5px solid rgb(255 253 249 / .5);box-shadow:0 4px 18px #2e40342e;opacity:.5;transition:opacity .35s ease,transform .25s ease}.joystick.is-held{opacity:.95}.joystick.is-hidden{opacity:0;transform:scale(.9)}.joystick__knob{width:3rem;height:3rem;border-radius:50%;background:radial-gradient(circle at 38% 32%,var(--color-white),color-mix(in oklab,var(--color-pink-blush),var(--color-white) 30%) 62%,var(--color-pink) 100%);border:1.5px solid rgb(255 253 249 / .85);box-shadow:0 3px 10px #2e403447,inset 0 1px 2px #ffffffb3}@media(min-width:60rem)and (pointer:fine){.joystick{opacity:.28}}@media(prefers-reduced-motion:reduce){.joystick{transition:none}}.overworld-hint{position:absolute;left:50%;bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));transform:translate(-50%);padding:.4rem var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-white-warm) 84%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid color-mix(in oklab,var(--color-green-soft),var(--color-white) 30%);color:var(--color-pink-deep);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;white-space:nowrap;box-shadow:0 2px 10px #3d6b4a24;opacity:0;transition:opacity .6s ease;pointer-events:none}.overworld-hint.is-visible{opacity:1}.overworld__guide{position:absolute;left:0;top:0;z-index:4;width:3rem;height:3.2rem;opacity:0;pointer-events:none;transition:opacity .5s ease;will-change:transform,opacity}.overworld__guide-inner{width:100%;height:100%;animation:guide-bob 1.9s ease-in-out infinite}.overworld__guide-art{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 5px rgb(61 107 74 / .4)) drop-shadow(0 0 10px rgb(231 159 176 / .65))}@keyframes guide-bob{0%,to{transform:translateY(.18rem) scale(.96)}50%{transform:translateY(-.18rem) scale(1.04)}}@media(prefers-reduced-motion:reduce){.overworld__guide-inner{animation:none}.overworld__guide{transition:none}}@media(min-width:60rem)and (min-height:34rem){.stage{max-width:none;max-height:none;width:100%;height:100%;border-radius:0;box-shadow:none}.narration{left:50%;right:auto;transform:translate(-50%);width:min(46rem,calc(100% - 3rem))}.curtain__title{max-width:34rem}.end-card,.extras{padding-left:max(var(--space-6),calc((100% - 40rem)/2));padding-right:max(var(--space-6),calc((100% - 40rem)/2))}.extras__frame{max-width:46rem;margin-inline:auto}}.dev-menu{position:absolute;z-index:60;top:calc(var(--space-3) + env(safe-area-inset-top,0px));right:calc(var(--space-3) + env(safe-area-inset-right,0px));display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);font-size:var(--text-sm)}.dev-menu__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgb(46 64 52 / .18);background:#fffdf9d1;color:var(--color-text-soft);font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #2e40342e}.dev-menu__panel{display:flex;flex-direction:column;gap:2px;padding:var(--space-2);max-height:70vh;overflow-y:auto;border-radius:var(--radius-sm);border:1px solid rgb(46 64 52 / .14);background:#fffdf9f5;box-shadow:0 8px 24px #2e403438}.dev-menu__panel[hidden]{display:none}.dev-menu__heading{padding:0 var(--space-2) var(--space-1);color:var(--color-text-soft);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.dev-menu__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:.35rem;padding:.32rem var(--space-3);background:transparent;color:var(--color-text);font-family:inherit;font-size:.8rem;text-align:left;white-space:nowrap;cursor:pointer}.dev-menu__item:hover{background:var(--color-white-warm);color:var(--color-green-deep)}.extras__body--reel{gap:var(--space-3);padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));justify-content:center}.extras__body--reel .extras__frame{padding:.35rem;border-radius:1rem;min-height:0;display:flex}.extras__body--reel .extras__frame:nth-of-type(1){flex:0 0 auto;width:100%;aspect-ratio:16 / 9;max-height:32dvh}.extras__body--reel .extras__frame:nth-of-type(2){flex:0 1 auto;height:100%;width:auto;max-width:100%;aspect-ratio:9 / 16}.extras__body--reel .extras__video{width:100%;height:100%;max-height:none;min-height:0;border-radius:.7rem;object-fit:cover}@media(min-width:60rem)and (min-aspect-ratio:1/1){.extras.extras--reel{padding-left:var(--space-5);padding-right:var(--space-5)}.extras__body--reel{display:grid;grid-template-columns:auto auto;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-content:center;gap:var(--space-5)}.extras__body--reel .extras__frame:nth-of-type(1){width:auto;height:62dvh;max-height:62dvh}.extras__body--reel .extras__frame:nth-of-type(2){height:62dvh;max-height:62dvh}.extras__body--reel .extras__button{grid-column:1 / -1;justify-self:center}}.extras__music{display:none}