:root{color:#f9f2df;font-synthesis:none;text-rendering:optimizelegibility;--night:#102735;--night-deep:#091923;--night-soft:#183a4a;--sky:#9ab9c6;--leaf:#668a68;--leaf-dark:#315b4a;--sunshine:#f4ce78;--coral:#d77d70;--plum:#766281;--ink:#19343a;--cream:#fff7e3;--mist:#d9e7e5;--blue-scarf:#507da3;--focus:#ffe083;--panel:#091923d1;--panel-light:#fff7e3f0;--soft-shadow:0 20px 70px #00000047;--button-shadow:0 7px 0 #04111847, 0 14px 28px #00000038;--safe-top:max(14px, env(safe-area-inset-top));--safe-right:max(14px, env(safe-area-inset-right));--safe-bottom:max(14px, env(safe-area-inset-bottom));--safe-left:max(14px, env(safe-area-inset-left));background:#102735;font-family:Arial Rounded MT Bold,Trebuchet MS,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--night);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 75% 12%, #f4ce781f, transparent 26rem), linear-gradient(155deg, #173949, var(--night) 45%, var(--night-deep));min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid var(--focus);outline-offset:4px}button:disabled{cursor:default;opacity:.38}svg{width:1.45em;height:1.45em}.app-shell,#root,.app-screen{min-height:100vh}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow,.collection-mark,.scene-count{color:var(--sunshine);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.primary-button,.secondary-button,.start-button{border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:58px;padding:.8rem 1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.primary-button,.start-button{color:var(--ink);background:linear-gradient(#ffe6a5, var(--sunshine));box-shadow:var(--button-shadow)}.secondary-button{color:var(--cream);background:#ffffff1a;border:2px solid #ffffff47}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.utility-bar{z-index:20;min-height:76px;padding:var(--safe-top) var(--safe-right) 10px var(--safe-left);background:linear-gradient(#05121ac7,#05121a38);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid;position:relative}.utility-title{color:var(--cream);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.9rem,2.2vw,1.15rem);font-weight:900;overflow:hidden}.utility-actions{align-items:center;gap:.45rem;display:flex}.utility-actions .language-selector{min-height:50px;margin:0;padding:.2rem .5rem}.utility-actions .language-selector select{max-width:8.5rem;min-height:42px}.utility-button{width:50px;min-width:50px;height:50px;color:var(--cream);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1c;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.utility-home{color:var(--ink);background:var(--sunshine);border-color:#0000}.welcome-screen{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:1;width:100%;padding:18px max(18px, var(--safe-right)) max(24px, var(--safe-bottom)) max(18px, var(--safe-left));flex:1;place-items:center;display:grid;position:relative}.welcome-screen:before,.welcome-screen:after{content:"";z-index:-2;background:#244d47;border-radius:50% 50% 0 0;height:58%;position:absolute;inset:auto -15% -28%;transform:rotate(-2deg)}.welcome-screen:after{z-index:-1;background:#183d39;inset:auto -15% -35% -10%;transform:rotate(3deg)}.welcome-stars,.welcome-stars:before,.welcome-stars:after{z-index:-3;content:"";background-image:radial-gradient(circle,#ffe7a6d1 0 1.5px,#0000 2px),radial-gradient(circle,#ffffff9e 0 1px,#0000 1.5px);background-position:10% 16%,80% 23%;background-size:150px 120px,190px 150px;position:absolute;inset:0}.cover-card{text-align:center;width:min(760px,100%);min-height:min(720px,100vh - 48px);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d2834a8,#091b25e0),radial-gradient(circle at 50% 20%,#f4ce7829,#0000 46%);border:1px solid #ffffff29;border-radius:clamp(28px,5vw,52px);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,52px);display:flex}.cover-moon{width:66px;height:66px;color:var(--sunshine);filter:drop-shadow(0 0 22px #f4ce7873);place-items:center;margin:1rem 0 .5rem;display:grid}.cover-moon svg{width:100%;height:100%}.cover-card h1{color:var(--cream);letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,7vw,4.7rem);font-weight:700;line-height:.98}.cover-card h1 span{color:#f7d994;font-size:.76em}.cover-subtitle{color:var(--mist);margin:1rem 0 0;font-size:clamp(1rem,2.4vw,1.35rem)}.cover-illustration{aspect-ratio:16/9;background:#162b35;border:1px solid #fff3;border-radius:clamp(18px,3vw,30px);width:min(600px,88vw);height:auto;margin:1.35rem 0 .75rem;position:relative;overflow:hidden;box-shadow:0 18px 42px #0000004d}.cover-illustration img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.cover-oak{background:#563d32;border-radius:50% 50% 12px 12px;width:38px;height:126px;position:absolute;bottom:8px;left:12%;transform:rotate(4deg)}.cover-oak:before{content:"";background:radial-gradient(circle at 35% 35%,#638367,#2f5a4b 72%);border-radius:50%;width:180px;height:112px;position:absolute;top:-46px;left:-72px;box-shadow:76px 8px 0 -20px #496e57}.cover-cave{background:#2c3e3b;border-radius:90px 90px 16px 16px;height:92px;position:absolute;bottom:0;left:29%;right:5%;box-shadow:inset 0 10px 28px #00000047}.cover-cave:before{content:"";background:radial-gradient(circle at 50% 48%,#c59759,#5a4536 66%,#111d1d 70%);border-radius:50% 50% 12px 12px;width:88px;height:70px;position:absolute;bottom:0;left:36%;box-shadow:0 0 34px #f4ce7840}.cover-benny,.fallback-bear{z-index:2;background:#795744;border-radius:46% 46% 42% 42%;width:58px;height:66px;display:block;position:absolute;box-shadow:inset 0 -7px #482d2338}.cover-benny{bottom:8px;left:55%}.cover-benny:before,.cover-benny:after,.fallback-bear:before,.fallback-bear:after{content:"";background:#795744;border-radius:50%;width:22px;height:22px;position:absolute;top:-7px}.cover-benny:before,.fallback-bear:before{left:0}.cover-benny:after,.fallback-bear:after{right:0}.cover-benny i,.fallback-bear i{background:#bd9778;border-radius:50%;width:30px;height:26px;position:absolute;top:15px;left:14px}.cover-benny b,.fallback-bear b{background:var(--blue-scarf);border-radius:999px;height:9px;position:absolute;top:40px;left:-4px;right:-4px;transform:rotate(-4deg)}.start-button{min-width:min(330px,90%);min-height:72px;margin-top:.4rem;font-size:clamp(1.15rem,3vw,1.45rem)}.review-link{color:#d9e7e5;text-underline-offset:4px;background:0 0;min-height:48px;margin-top:1rem;padding:.6rem 1rem;text-decoration:underline}.cover-links{flex-wrap:wrap;justify-content:center;gap:.55rem 1.1rem;margin-top:1rem;display:flex}.cover-links a{color:#d9e7e5;text-underline-offset:4px;align-items:center;min-height:44px;font-weight:800;display:inline-flex}.mode-content{width:min(1080px,100%);padding:clamp(30px, 7vh, 76px) max(18px, var(--safe-right)) var(--safe-bottom);text-align:center;margin:0 auto}.language-selector{min-height:50px;color:var(--cream);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.35rem .8rem;display:inline-flex}.language-selector select{max-width:11rem;min-height:40px;color:var(--cream);background:var(--night-soft);font:inherit;border:0;border-radius:10px;font-weight:800}.locale-pending{width:min(680px,100%);color:var(--mist);background:#ffffff17;border:1px solid #f4ce7873;border-radius:22px;margin:0 auto 1.5rem;padding:1.2rem 1.4rem}.locale-pending h2,.locale-pending p{margin:0}.locale-pending h2{color:var(--cream)}.locale-pending p{margin-top:.5rem;line-height:1.5}.mode-content h1{color:var(--cream);margin:.45rem 0 2rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4rem)}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.5vw,28px);display:grid}.mode-card{min-height:270px;color:var(--cream);box-shadow:var(--soft-shadow);background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:2px solid #ffffff29;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;padding:2rem 1.4rem;display:flex;position:relative}.mode-card:hover{border-color:#f4ce7899;transform:translateY(-3px)}.mode-card.recommended{background:linear-gradient(155deg,#7662818c,#1c3745cc);border-color:#f4ce78ad}.mode-badge{color:var(--ink);background:var(--sunshine);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.32rem .72rem;font-size:.75rem;font-weight:900;position:absolute;top:14px}.mode-icon{width:74px;height:74px;color:var(--sunshine);background:#ffffff17;border-radius:50%;place-items:center;display:grid}.mode-icon svg{width:42px;height:42px}.mode-card strong{font-size:clamp(1.3rem,2.5vw,1.7rem)}.mode-card>span:last-child{color:#d5e1df;max-width:17rem;line-height:1.45}.mode-note{color:#b9cfce;margin:1.7rem 0 0}.player-screen{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.player-screen .player-content{width:min(1220px,100%);height:auto;min-height:0;padding:0 max(12px, var(--safe-right)) var(--safe-bottom);flex-direction:column;flex:1;margin:0 auto;display:flex}.scene-heading{justify-content:space-between;align-items:end;gap:1rem;padding:.5rem 0 .8rem;display:flex}.scene-heading h1{color:var(--cream);margin:.15rem 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.35rem,3.2vw,2.25rem)}.scene-heading progress{background:#ffffff1f;border:0;border-radius:999px;width:min(260px,34vw);height:9px;overflow:hidden}.scene-heading progress::-webkit-progress-bar{background:#ffffff1f}.scene-heading progress::-webkit-progress-value{background:var(--sunshine);border-radius:999px}.scene-heading progress::-moz-progress-bar{background:var(--sunshine);border-radius:999px}.story-stage{min-height:0;box-shadow:var(--soft-shadow);isolation:isolate;background:#1b3b45;border:1px solid #ffffff26;border-radius:clamp(20px,3vw,34px);flex:1;position:relative;overflow:hidden;container-type:inline-size}.story-art{background:linear-gradient(#4f7182,#a17b6b 58%,#314c42);position:absolute;inset:0;overflow:hidden}.story-art.theme-journey{background:linear-gradient(#465f78,#b48666 57%,#63533d)}.story-art.theme-cave{background:linear-gradient(#233a48,#192d34 56%,#171c1c)}.scene-image{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.story-art.has-image .scene-image{opacity:1}.fallback-sky{position:absolute;inset:0;overflow:hidden}.fallback-sky:after{content:"";background:radial-gradient(circle at 52% 68%,#0000 0 18%,#05111821 70%);position:absolute;inset:0}.fallback-moon{background:#f5dda3;border-radius:50%;width:clamp(54px,9vw,112px);height:clamp(54px,9vw,112px);position:absolute;top:10%;right:12%;box-shadow:0 0 54px #f5dda36b}.fallback-star{background:#fff4c9;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 12px #fff4c9}.star-one{top:17%;left:18%}.star-two{top:11%;left:60%;transform:scale(.65)}.star-three{top:30%;left:74%;transform:scale(.8)}.fallback-hill{background:#315a50;border-radius:50% 50% 0 0;height:72%;position:absolute;bottom:-35%;left:-10%;right:-10%}.hill-back{background:#4d7062;bottom:-42%;left:-22%;right:22%}.hill-front{background:#24483f;bottom:-40%;left:15%;right:-28%}.fallback-oak{background:#584337;border-radius:50% 50% 8px 8px;width:38px;height:35%;position:absolute;bottom:17%;left:16%}.fallback-oak:before{content:"";background:#345c4d;border-radius:50%;width:clamp(120px,20vw,230px);height:clamp(90px,15vw,165px);position:absolute;top:-28%;left:50%;transform:translate(-50%);box-shadow:-55px 28px 0 -28px #416856,64px 16px 0 -24px #294c42}.fallback-bear{width:clamp(54px,8vw,90px);height:clamp(64px,9vw,102px);bottom:16%;left:49%}.media-note{z-index:4;color:#dbe9e5;background:#0818209e;border-radius:999px;margin:0;padding:.5rem .85rem;font-size:.78rem;position:absolute;top:1rem;left:14px;transform:none}.scene-hotspot{z-index:5;background:0 0;border:3px solid #ffe08370;border-radius:42%;min-width:72px;min-height:72px;padding:0;position:absolute;box-shadow:0 0 0 7px #ffe08314,inset 0 0 28px #ffe08312}.scene-hotspot:hover,.scene-hotspot:focus-visible{border-color:var(--sunshine);box-shadow:0 0 0 10px #ffe08326,inset 0 0 34px #ffe08324}.hotspot-marker{width:44px;height:44px;color:var(--ink);background:var(--sunshine);border:4px solid #fff7e3e0;border-radius:50%;place-items:center;animation:2.8s ease-in-out infinite calm-pulse;display:grid;position:absolute;top:-14px;right:-14px;box-shadow:0 6px 20px #00000040}.scene-hotspot.is-resolved{box-shadow:none;border-color:#0000}.scene-hotspot.is-resolved .hotspot-marker{opacity:0}.interaction-glow{z-index:6;pointer-events:none;color:#fff1b3;filter:drop-shadow(0 0 20px #ffe08399);background:radial-gradient(circle,#ffefa875,#0000 68%);border-radius:50%;place-items:center;width:110px;height:110px;animation:2.2s ease-out both gentle-reveal;display:grid;position:absolute;top:44%;left:50%}.interaction-glow svg{width:58px;height:58px}.caption-panel{z-index:8;max-height:38%;color:var(--cream);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff29;border-radius:20px;padding:clamp(.8rem,2vw,1.15rem) clamp(1rem,3vw,1.6rem);position:absolute;bottom:clamp(10px,2vw,22px);left:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px);overflow:auto;box-shadow:0 12px 34px #00000038}.caption-panel p{white-space:pre-line;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,2.5vw,1.65rem);line-height:1.45}.caption-panel.caption-full{max-height:44%}.caption-panel.caption-full p{font-size:clamp(1rem,2vw,1.35rem)}.player-mode-picture-book .story-stage{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:#102d38;overflow:hidden auto}.player-mode-picture-book .story-art{aspect-ratio:16/9;border-bottom:1px solid #ffffff24;width:100%;height:auto;position:relative;inset:auto}.player-mode-picture-book .caption-panel{max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#173943;border:0;border-radius:0;padding:clamp(1rem,2.5vw,1.6rem) clamp(1rem,3.5vw,2rem);position:relative;inset:auto;overflow:visible}.player-mode-picture-book .audio-fallback{border-radius:0;max-width:none;margin:0;position:relative;inset:auto}.interaction-outcome{color:#ffe49a;font-weight:800;margin-top:.65rem!important;font-family:inherit!important;font-size:clamp(.95rem,2vw,1.15rem)!important}.gentle-prompt{z-index:7;max-width:78%;color:var(--ink);background:#fff7e3eb;border-radius:999px;margin:0;padding:.55rem 1rem;font-size:clamp(.82rem,2vw,1rem);position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.audio-fallback{z-index:9;max-width:34%;color:var(--cream);background:#5f4249e0;border-radius:14px;margin:0;padding:.55rem .9rem;font-size:.82rem;position:absolute;top:14px;right:14px;transform:none}.resume-card{z-index:15;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07141cd1;place-content:center;justify-items:center;gap:1rem;padding:2rem;display:grid;position:absolute;inset:0}.resume-card p{margin:0;font-size:1.15rem}.playback-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.5vw,16px);padding-top:12px;display:grid}.story-control{min-height:62px;color:var(--cream);background:#ffffff17;border:1px solid #ffffff24;border-radius:18px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .7rem;font-weight:900;display:flex}.story-control-main{color:var(--ink);background:var(--sunshine);border-color:#0000}.next-control{background:#416e61}.ending-screen{background:radial-gradient(circle at 50% 24%, #f4ce7829, transparent 30%), linear-gradient(var(--night), var(--night-deep))}.ending-content{min-height:calc(100vh - 80px);padding:2rem max(18px, var(--safe-right)) max(2rem, var(--safe-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ending-moon{width:clamp(90px,17vw,170px);height:clamp(90px,17vw,170px);color:var(--sunshine);filter:drop-shadow(0 0 50px #f4ce7861)}.ending-moon svg{width:100%;height:100%}.ending-content h1{color:var(--cream);margin:.5rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,5rem)}.ending-content>p:not(.eyebrow){color:#d8e5e1;max-width:590px;margin:.5rem 0 1.8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,2.5vw,1.4rem);line-height:1.5}.ending-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.text-link-button{color:#d8e5e1;text-underline-offset:4px;align-items:center;min-height:52px;padding:.6rem .9rem;font-weight:800;display:inline-flex}@keyframes calm-pulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #00000040}50%{transform:scale(1.08);box-shadow:0 6px 24px #ffe08347}}@keyframes gentle-reveal{0%{opacity:0;transform:translate(-50%,10%)scale(.72)}32%{opacity:1}to{opacity:0;transform:translate(-50%,-12%)scale(1.2)}}@media (width>=760px){.story-stage{min-height:0}}@media (width<=759px){.utility-bar{gap:.35rem;min-height:68px}.utility-button{width:48px;min-width:48px;height:48px}.utility-actions{gap:.25rem}.utility-title{display:none}.utility-bar{grid-template-columns:auto 1fr auto}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:170px}.mode-content{padding-top:1.6rem}.player-content{height:calc(100dvh - 68px);min-height:0}.scene-heading{align-items:center}.scene-heading progress{width:34%}.story-stage{min-height:0}.caption-panel{max-height:42%}.playback-controls{grid-template-columns:repeat(4,1fr)}.story-control{border-radius:15px;flex-direction:column;gap:.1rem;min-height:58px;padding:.35rem;font-size:.72rem}.story-control svg{width:24px;height:24px}}@media (width<=430px){.cover-card{min-height:calc(100vh - 104px);padding:24px 16px}.cover-illustration{width:min(100%,430px);height:auto}.scene-heading h1{font-size:1.25rem}.scene-count{font-size:.65rem}.story-stage{min-height:52vh}.story-art{height:56.25cqw;inset:0 0 auto}.caption-panel{max-height:none;top:calc(56.25cqw + 8px);bottom:8px}.caption-panel p{font-size:1rem}.gentle-prompt{max-width:90%;top:8px}.media-note{display:none}.audio-fallback{max-width:calc(100% - 16px);top:54px;right:8px}}@media (width<=540px){.utility-actions .language-selector{gap:0;padding-inline:.35rem}.utility-actions .language-selector>span[aria-hidden=true],.utility-replay{display:none}.utility-actions .language-selector select{max-width:7rem}}@media (orientation:landscape) and (height<=540px){.utility-bar{min-height:58px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:4px}.utility-button{width:48px;min-width:48px;height:48px}.player-content{height:calc(100dvh - 58px);min-height:0}.scene-heading{z-index:22;padding:0;position:absolute;top:8px;left:76px}.scene-heading h1{display:none}.scene-heading progress{width:150px}.story-stage{aspect-ratio:auto;min-height:calc(100vh - 128px)}.caption-panel{max-height:38%;left:18%;right:18%}.playback-controls{padding-top:6px}.story-control{min-height:54px}.mode-content{padding-top:.8rem}.mode-content h1{margin-bottom:.8rem;font-size:2rem}.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-card{gap:.4rem;min-height:160px;padding:1rem}.mode-icon{width:50px;height:50px}.mode-icon svg{width:30px;height:30px}.mode-badge{display:none}}@media (orientation:landscape) and (width>=760px) and (height<=900px){.player-mode-picture-book .story-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);display:grid;overflow:hidden}.player-mode-picture-book .story-art{border-bottom:0;border-right:1px solid #ffffff24;grid-area:1/1;align-self:center;width:100%;height:auto}.player-mode-picture-book .caption-panel{grid-area:1/2;align-self:stretch;min-height:0;padding:clamp(1rem,2.2vw,1.65rem);overflow:hidden auto}.player-mode-picture-book .audio-fallback{z-index:10;grid-area:1/2;align-self:end}}@media (forced-colors:active){.scene-hotspot,.mode-card,.story-control,.utility-button,.hotspot-marker{border:2px solid buttontext}.caption-panel{color:canvastext;background:canvas}}