:root{--sky: #7eb6d9;--sky-deep: #4a8fb8;--sky-zenith: #3572a8;--sky-horizon: #cfe8ef;--moss: #5a7d5a;--moss-deep: #3d5a3d;--moss-bright: #7da368;--cream: #f7f2e3;--cream-warm: #e8dcc8;--peach: #f5c8a0;--sunset-rose: #e8a58a;--indigo: #141f3c;--indigo-soft: #2c3e5c;--indigo-violet: #3a3c6e;--teal-dusk: #2e5951;--lantern-gold: #f0c45c;--lantern-glow: #ffe9a8;--ink: #243044;--font-display: "Fraunces", "Palatino Linotype", serif;--font-body: "Nunito", "Segoe UI", sans-serif;--ease-soft: cubic-bezier(.33, 1, .68, 1)}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--cream);position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.atmosphere__sky{position:absolute;top:0;right:0;bottom:0;left:0}.atmosphere__cloud{position:absolute;left:-36%;animation-name:atmosphere-drift;animation-timing-function:linear;animation-iteration-count:infinite;filter:drop-shadow(0 6px 18px rgba(20,31,60,.08))}.atmosphere__cloud-body{fill:#ffffffeb}.atmosphere__cloud-shade{fill:#4a8fb838}.atmosphere__celestial{position:absolute;top:9%;right:12%;width:clamp(70px,12vw,130px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.atmosphere__celestial-core{width:58%;height:58%;border-radius:50%;animation:celestial-breathe 7s var(--ease-soft) infinite alternate}.atmosphere__stars{position:absolute;top:0;right:0;bottom:0;left:0}.atmosphere__star{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cream);box-shadow:0 0 6px #ffe9a8e6;animation:star-twinkle 3.5s ease-in-out infinite alternate}.atmosphere__hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(120px,26vh,260px)}.atmosphere__motes{position:absolute;top:0;right:0;bottom:0;left:0}.atmosphere__mote{position:absolute;bottom:-4%;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.65;animation-name:atmosphere-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.atmosphere__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 90% at 50% 42%,transparent 58%,rgba(20,31,60,.22) 100%)}.atmosphere--calm .atmosphere__cloud,.atmosphere--calm .atmosphere__mote,.atmosphere--calm .atmosphere__star,.atmosphere--calm .atmosphere__celestial-core{animation:none}.atmosphere--day .atmosphere__sky{background:linear-gradient(180deg,var(--sky-zenith) 0%,var(--sky-deep) 30%,var(--sky) 58%,var(--sky-horizon) 100%)}.atmosphere--day .atmosphere__celestial-core{background:radial-gradient(circle,#fffbe8 0%,var(--lantern-glow) 55%,transparent 72%);box-shadow:0 0 60px 28px #ffe9a880}.atmosphere--day .atmosphere__hill--far{fill:#9dc3ad;opacity:.75}.atmosphere--day .atmosphere__hill--mid{fill:var(--moss-bright)}.atmosphere--day .atmosphere__hill--near{fill:var(--moss)}.atmosphere--day .atmosphere__mote{color:#fff}.atmosphere--golden .atmosphere__sky{background:linear-gradient(180deg,var(--sky-deep) 0%,#d8a874 38%,var(--peach) 62%,var(--sunset-rose) 100%)}.atmosphere--golden .atmosphere__cloud-body{fill:#fff1d9f0}.atmosphere--golden .atmosphere__cloud-shade{fill:#e8a58a66}.atmosphere--golden .atmosphere__celestial{top:auto;bottom:24%;right:auto;left:14%}.atmosphere--golden .atmosphere__celestial-core{background:radial-gradient(circle,#fff4d6 0%,var(--lantern-gold) 60%,transparent 75%);box-shadow:0 0 80px 40px #f0c45c8c}.atmosphere--golden .atmosphere__hill--far{fill:#b9825f;opacity:.7}.atmosphere--golden .atmosphere__hill--mid{fill:#8a6a4f}.atmosphere--golden .atmosphere__hill--near{fill:#5f4a3a}.atmosphere--golden .atmosphere__mote{color:var(--lantern-gold);box-shadow:0 0 8px #f0c45c99}.atmosphere--playful .atmosphere__sky{background:linear-gradient(180deg,var(--sky-deep) 0%,var(--sky) 40%,#b5d6a7 72%,var(--moss-bright) 100%)}.atmosphere--playful .atmosphere__celestial-core{background:radial-gradient(circle,#fffbe8 0%,var(--lantern-glow) 55%,transparent 72%);box-shadow:0 0 50px 22px #ffe9a873}.atmosphere--playful .atmosphere__hill--far{fill:#86ab74;opacity:.8}.atmosphere--playful .atmosphere__hill--mid{fill:var(--moss)}.atmosphere--playful .atmosphere__hill--near{fill:var(--moss-deep)}.atmosphere--playful .atmosphere__mote{color:var(--lantern-glow);width:4px;height:4px}.atmosphere--night .atmosphere__sky{background:linear-gradient(180deg,#0c1430 0%,var(--indigo) 34%,var(--indigo-violet) 62%,var(--teal-dusk) 100%)}.atmosphere--night .atmosphere__cloud-body{fill:#3a3c6e8c}.atmosphere--night .atmosphere__cloud-shade{fill:#0c143080}.atmosphere--night .atmosphere__celestial-core{background:radial-gradient(circle at 38% 38%,#fdf8e4 0%,#e8ddb8 55%,transparent 74%);box-shadow:0 0 60px 26px #fdf8e459}.atmosphere--night .atmosphere__hill--far{fill:#26404a;opacity:.85}.atmosphere--night .atmosphere__hill--mid{fill:#1d3230}.atmosphere--night .atmosphere__hill--near{fill:#14231e}.atmosphere--night .atmosphere__mote{color:var(--lantern-gold);box-shadow:0 0 10px var(--lantern-glow)}@keyframes atmosphere-drift{0%{transform:translate(0)}to{transform:translate(380%)}}@keyframes atmosphere-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.65}90%{opacity:.65}to{transform:translateY(-110vh) translate(14px);opacity:0}}@keyframes star-twinkle{0%{opacity:.25}to{opacity:1}}@keyframes celestial-breathe{0%{transform:scale(1)}to{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.atmosphere__cloud,.atmosphere__mote,.atmosphere__star,.atmosphere__celestial-core{animation:none}}.photo-window{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4 / 5;border:6px solid var(--cream);box-shadow:0 0 0 1px #141f3c26,0 16px 40px #141f3c59;isolation:isolate;background:var(--cream)}.photo-window:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-3deg);width:42%;height:16px;background:#f0c45c8c;border-left:1px dashed rgba(74,55,20,.25);border-right:1px dashed rgba(74,55,20,.25);z-index:2}.photo-window__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:5px}.photo-window__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:1rem;color:var(--cream);border-radius:5px;background:radial-gradient(ellipse 90% 50% at 70% 18%,rgba(255,251,232,.35) 0%,transparent 60%),linear-gradient(165deg,var(--sky-deep) 0%,var(--sky) 38%,var(--moss-bright) 72%,var(--moss) 100%);transition:opacity .4s var(--ease-soft)}.photo-window__fallback:after{content:"";position:absolute;bottom:-12%;left:-10%;right:-10%;height:34%;border-radius:50% 50% 0 0;background:var(--moss-deep);opacity:.75}.photo-window__fallback[aria-hidden=true]{opacity:0;pointer-events:none}.photo-window__fallback-label{font-family:var(--font-display);font-style:italic;font-size:1.05rem;letter-spacing:.01em;z-index:1;text-shadow:0 1px 8px rgba(20,31,60,.4)}.photo-window__fallback-id{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;opacity:.9;z-index:1;background:#141f3c59;padding:.2rem .6rem;border-radius:999px}.scene{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.scene__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.1rem,3.5vw,1.8rem);padding:clamp(1.5rem,5vw,3rem);max-width:56rem;margin:0 auto;width:100%;box-sizing:border-box;animation:scene-enter .9s var(--ease-soft) both}.scene__eyebrow{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);opacity:.85;margin:0;text-shadow:0 1px 8px rgba(20,31,60,.35)}.scene__title{font-family:var(--font-display);font-size:clamp(2.2rem,7.5vw,3.8rem);font-weight:600;line-height:1.05;color:var(--cream);margin:0;text-align:center;text-shadow:0 2px 0 rgba(20,31,60,.12),0 6px 30px rgba(20,31,60,.45)}.scene__title:after{content:"";display:block;width:3.5rem;height:3px;margin:.9rem auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,var(--lantern-gold),transparent)}.scene__line{font-family:var(--font-body);font-size:clamp(1rem,2.8vw,1.2rem);line-height:1.7;color:var(--cream);text-align:center;max-width:32rem;margin:0;text-shadow:0 1px 10px rgba(20,31,60,.4)}.scene__cta{font-family:var(--font-body);font-size:1rem;font-weight:700;letter-spacing:.05em;color:#4a3714;background:linear-gradient(180deg,var(--lantern-glow) 0%,var(--lantern-gold) 100%);border:1px solid rgba(255,249,224,.7);border-radius:999px;padding:.9rem 2rem;cursor:pointer;box-shadow:0 8px 24px #f0c45c66,inset 0 1px #fff9;transition:transform .35s var(--ease-soft),box-shadow .35s var(--ease-soft)}.scene__cta:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 34px #f0c45c8c,inset 0 1px #fff9}.scene__cta:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.scene__cta--ghost{background:#141f3c40;color:var(--cream);border:1px solid rgba(247,242,227,.5);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scene__cta--ghost:hover{background:#f7f2e324;box-shadow:none}.scene__cta-group{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}@keyframes scene-enter{0%{transform:translateY(18px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.scene__content{animation:none}}.quiet-sky__photo{width:min(100%,18rem);transform:rotate(-2deg);transition:transform .5s var(--ease-soft)}.quiet-sky__photo:hover{transform:rotate(0) scale(1.02)}.little-world__photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,3vw,1.4rem);width:min(100%,42rem)}.little-world__photo-btn{padding:0;border:none;background:none;cursor:pointer;border-radius:12px;transition:transform .4s var(--ease-soft),filter .4s var(--ease-soft)}.little-world__photo-btn:nth-child(1){transform:rotate(-3deg)}.little-world__photo-btn:nth-child(2){transform:rotate(1.5deg) translateY(-8px)}.little-world__photo-btn:nth-child(3){transform:rotate(3deg)}.little-world__photo-btn:hover{transform:rotate(0) translateY(-6px) scale(1.04);filter:brightness(1.05)}.little-world__photo-btn:focus-visible{outline:2px solid var(--lantern-gold);outline-offset:4px}.little-world__note{position:relative;background:#f7f2e3f0;color:var(--ink);text-shadow:none;border-radius:12px;padding:1rem 1.5rem;max-width:28rem;box-shadow:0 10px 30px #141f3c4d;font-family:var(--font-display);font-style:italic;animation:note-bloom .6s var(--ease-soft)}.little-world__note:before{content:"✦";position:absolute;top:-.7rem;left:50%;transform:translate(-50%);color:var(--lantern-gold);text-shadow:0 0 12px var(--lantern-glow)}.little-world__hint{opacity:.85;font-style:italic}@keyframes note-bloom{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:640px){.little-world__photos{grid-template-columns:1fr;max-width:15rem}.little-world__photo-btn:nth-child(2){transform:rotate(1.5deg)}}.playful-path__spirits{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.playful-path__spirit{position:absolute;bottom:14%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a3a3a,#141414 65%);box-shadow:0 0 0 2px #14141440,0 0 12px #ffe9a866;animation-name:spirit-bounce;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.playful-path__spirit:before,.playful-path__spirit:after{content:"";position:absolute;top:5px;width:4.5px;height:4.5px;border-radius:50%;background:#fff;box-shadow:inset -1px 1px #141f3ccc}.playful-path__spirit:before{left:3.5px}.playful-path__spirit:after{right:3.5px}.playful-path__photos{position:relative;width:min(100%,24rem);min-height:15rem}.playful-path__photo{width:70%;transform:rotate(-3deg)}.playful-path__photo--offset{position:absolute;right:0;bottom:-1.25rem;width:54%;transform:rotate(5deg)}@keyframes spirit-bounce{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-34px) translate(8px) scale(1.05,.95)}50%{transform:translateY(-6px) translate(16px) scale(.97,1.03)}75%{transform:translateY(-24px) translate(6px) scale(1.02,.98)}}@media(prefers-reduced-motion:reduce){.playful-path__spirit{animation:none}}.evening-meadow__fireflies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.evening-meadow__firefly{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--lantern-gold);box-shadow:0 0 12px 3px #ffe9a8b3,0 0 30px 8px #f0c45c40;animation:firefly-drift 5s ease-in-out infinite alternate,firefly-pulse 2.2s ease-in-out infinite alternate}@keyframes firefly-drift{0%{transform:translate(0)}to{transform:translate(22px,-26px)}}@keyframes firefly-pulse{0%{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.evening-meadow__firefly{animation:none;opacity:.8}}.evening-game{position:relative;min-height:100dvh;display:flex;flex-direction:column;background:#0c1430}.evening-game__hud{position:absolute;top:0;left:0;right:0;z-index:2;padding:1.25rem 1.5rem;text-align:center;color:var(--cream);font-family:var(--font-body);pointer-events:none;background:linear-gradient(180deg,rgba(12,20,48,.75) 0%,transparent 100%)}.evening-game__hint{margin:0;font-family:var(--font-display);font-style:italic;font-size:clamp(1rem,3vw,1.2rem);text-shadow:0 1px 10px rgba(12,20,48,.8)}.evening-game__progress{margin:.4rem 0 0;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lantern-glow);text-shadow:0 0 12px rgba(240,196,92,.5)}.evening-game__surface{flex:1;position:relative;min-height:100dvh;touch-action:none}.evening-game__canvas{display:block;width:100%;height:100%;cursor:none}.closing-bloom__title{font-size:clamp(3.2rem,13vw,5.5rem);background:linear-gradient(180deg,#ffffff 10%,var(--cream) 50%,var(--lantern-glow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(240,196,92,.4))}.closing-bloom__title:after{background:linear-gradient(90deg,transparent,var(--lantern-glow),transparent)}.closing-bloom__line{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,3.2vw,1.4rem);max-width:28rem}.closing-bloom__petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.closing-bloom__petal{position:absolute;bottom:-10%;width:8px;height:8px;border-radius:50%;background:var(--lantern-gold);box-shadow:0 0 10px var(--lantern-glow),0 0 26px #f0c45c66;animation-name:petal-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.closing-bloom__petal:nth-child(3n){width:5px;height:5px}.closing-bloom__petal:nth-child(4n){background:var(--cream)}@keyframes petal-rise{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}15%{opacity:.95}to{transform:translateY(-112vh) translate(24px) scale(1.05);opacity:0}}@media(prefers-reduced-motion:reduce){.closing-bloom__petal{animation:none;opacity:.6}}.password-gate__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:clamp(1.5rem,5vw,3rem);width:min(100%,22rem);margin:auto;text-align:center;animation:scene-enter .9s var(--ease-soft) both}.password-gate__title{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,4rem);font-weight:700;margin:0;background:linear-gradient(180deg,#ffffff 10%,var(--cream) 50%,var(--lantern-glow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(240,196,92,.35))}.password-gate__hint{font-family:var(--font-body);font-size:1rem;color:var(--cream);margin:0 0 .5rem;opacity:.9;text-shadow:0 1px 10px rgba(12,20,48,.6)}.password-gate__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.password-gate__input{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:1.05rem;letter-spacing:.12em;text-align:center;color:var(--ink);background:#f7f2e3f0;border:2px solid rgba(247,242,227,.5);border-radius:999px;padding:.85rem 1.25rem;outline:none;box-shadow:0 8px 24px #0c143059;transition:border-color .25s var(--ease-soft),box-shadow .25s var(--ease-soft)}.password-gate__input:focus{border-color:var(--lantern-gold);box-shadow:0 8px 24px #0c143059,0 0 0 3px #f0c45c59}.password-gate__input--error{border-color:#e8a58a;animation:password-shake .4s var(--ease-soft)}.password-gate__error{margin:0;min-height:1.25rem;font-family:var(--font-body);font-size:.9rem;color:#f5c8a0;text-shadow:0 1px 8px rgba(12,20,48,.5)}.password-gate__spacer{margin:0;min-height:1.25rem}@keyframes password-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.password-gate__input--error{animation:none}}.portal-door{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--cream);transition:transform .4s var(--ease-soft)}.portal-door:hover:not(:disabled){transform:translateY(-6px)}.portal-door:hover:not(:disabled) .portal-door__frame{box-shadow:0 0 0 3px #ffe9a880,0 18px 40px #141f3c73}.portal-door:focus-visible{outline:2px solid var(--lantern-gold);outline-offset:6px;border-radius:14px}.portal-door--locked{opacity:.55;cursor:not-allowed}.portal-door__frame{position:relative;width:clamp(5.2rem,15vw,7.2rem);height:clamp(7rem,20vw,9.8rem);border-radius:999px 999px 14px 14px;overflow:hidden;border:3px solid rgba(247,242,227,.85);box-shadow:0 0 0 3px #141f3c40,0 14px 32px #141f3c66;transition:box-shadow .4s var(--ease-soft)}.portal-door__scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.portal-door__scene-sky,.portal-door__scene-glow,.portal-door__scene-hill{position:absolute;display:block}.portal-door__scene-sky{top:0;right:0;bottom:0;left:0}.portal-door__scene-glow{top:16%;left:50%;width:46%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;animation:door-glow 4s var(--ease-soft) infinite alternate}.portal-door__scene-hill{left:-12%;right:-12%;border-radius:50% 50% 0 0}.portal-door__scene-hill--back{bottom:-8%;height:42%;opacity:.8}.portal-door__scene-hill--front{bottom:-16%;height:36%}.portal-door__mist{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#2c3e5c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portal-door[data-chapter=quiet-sky] .portal-door__scene-sky{background:linear-gradient(180deg,var(--sky-deep) 0%,var(--sky) 55%,var(--sky-horizon) 100%)}.portal-door[data-chapter=quiet-sky] .portal-door__scene-glow{background:radial-gradient(circle,#fffbe8 0%,transparent 70%)}.portal-door[data-chapter=quiet-sky] .portal-door__scene-hill--back{background:#9dc3ad}.portal-door[data-chapter=quiet-sky] .portal-door__scene-hill--front{background:var(--moss-bright)}.portal-door[data-chapter=little-world] .portal-door__scene-sky{background:linear-gradient(180deg,#d8a874 0%,var(--peach) 55%,var(--sunset-rose) 100%)}.portal-door[data-chapter=little-world] .portal-door__scene-glow{background:radial-gradient(circle,#fff4d6 0%,transparent 70%)}.portal-door[data-chapter=little-world] .portal-door__scene-hill--back{background:#b9825f}.portal-door[data-chapter=little-world] .portal-door__scene-hill--front{background:#8a6a4f}.portal-door[data-chapter=playful-path] .portal-door__scene-sky{background:linear-gradient(180deg,var(--sky) 0%,#b5d6a7 60%,var(--moss-bright) 100%)}.portal-door[data-chapter=playful-path] .portal-door__scene-glow{background:radial-gradient(circle,var(--lantern-glow) 0%,transparent 70%)}.portal-door[data-chapter=playful-path] .portal-door__scene-hill--back{background:#86ab74}.portal-door[data-chapter=playful-path] .portal-door__scene-hill--front{background:var(--moss)}.portal-door[data-chapter=evening-meadow] .portal-door__scene-sky{background:linear-gradient(180deg,#0c1430 0%,var(--indigo-violet) 60%,var(--teal-dusk) 100%)}.portal-door[data-chapter=evening-meadow] .portal-door__scene-glow{background:radial-gradient(circle,var(--lantern-gold) 0%,transparent 70%)}.portal-door[data-chapter=evening-meadow] .portal-door__scene-hill--back{background:#26404a}.portal-door[data-chapter=evening-meadow] .portal-door__scene-hill--front{background:#14231e}.portal-door--completed .portal-door__frame{border-color:var(--lantern-gold);box-shadow:0 0 0 3px #f0c45c59,0 0 30px #f0c45c73,0 14px 32px #141f3c66}.portal-door__label{font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.05rem);text-align:center;max-width:8.5rem;line-height:1.3;text-shadow:0 1px 8px rgba(20,31,60,.5)}.portal-door__mark{position:absolute;top:0;right:.15rem;color:var(--lantern-gold);font-size:1rem;text-shadow:0 0 10px var(--lantern-glow)}@keyframes door-glow{0%{transform:translate(-50%) scale(.85);opacity:.6}to{transform:translate(-50%) scale(1.1);opacity:1}}@media(prefers-reduced-motion:reduce){.portal-door__scene-glow{animation:none}}.portal-hub__content{justify-content:center;min-height:100dvh}.portal-hub__doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.1rem,4vw,2.2rem);width:min(100%,38rem);margin-top:1rem;justify-items:center}.portal-hub__doors>:nth-child(1){animation:door-arrive .7s var(--ease-soft) .05s both}.portal-hub__doors>:nth-child(2){animation:door-arrive .7s var(--ease-soft) .15s both}.portal-hub__doors>:nth-child(3){animation:door-arrive .7s var(--ease-soft) .25s both}.portal-hub__doors>:nth-child(4){animation:door-arrive .7s var(--ease-soft) .35s both}@keyframes door-arrive{0%{transform:translateY(20px) scale(.96)}to{transform:translateY(0) scale(1)}}@media(min-width:640px){.portal-hub__doors{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.portal-hub__doors>*{animation:none}}.title-screen{align-items:center;justify-content:center}.title-screen__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(.9rem,3.5vw,1.5rem);padding:2rem 1.5rem;text-align:center;animation:title-enter 1.2s var(--ease-soft) both}.title-screen__kicker{font-family:var(--font-body);font-size:.8rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--cream);opacity:.9;margin:0;text-shadow:0 1px 10px rgba(20,31,60,.4)}.title-screen__brand{font-family:var(--font-display);font-size:clamp(4.5rem,20vw,9.5rem);font-weight:700;line-height:.95;margin:0;letter-spacing:-.02em;background:linear-gradient(180deg,#ffffff 12%,var(--cream) 55%,var(--lantern-glow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 28px rgba(20,31,60,.45));animation:title-breathe 6s var(--ease-soft) infinite alternate}.title-screen__tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,3.2vw,1.5rem);color:var(--cream);margin:0;max-width:22rem;line-height:1.5;text-shadow:0 2px 14px rgba(20,31,60,.5)}.title-screen__enter{margin-top:.75rem}.title-screen__birds{position:absolute;top:12%;left:8%;width:clamp(120px,22vw,220px);z-index:1;fill:none;stroke:#2430448c;stroke-width:2.5;stroke-linecap:round;pointer-events:none}.title-screen__petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.title-screen__petal{position:absolute;top:-6%;width:10px;height:7px;border-radius:60% 40% 55% 45%;background:linear-gradient(135deg,#fff6f0 0%,var(--peach) 100%);opacity:.85;box-shadow:0 1px 4px #141f3c26;animation-name:petal-fall;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes petal-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}8%{opacity:.85}92%{opacity:.85}to{transform:translateY(115vh) translate(-60px) rotate(320deg);opacity:0}}@keyframes title-breathe{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes title-enter{0%{transform:translateY(24px)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.title-screen__brand,.title-screen__petal,.title-screen__content{animation:none}}.app{min-height:100dvh}