.story-scene{background:linear-gradient(#ffe6a8 0%,#ffcf8a 35%,#ffb56b 70%,#e88a4a 100%);flex-direction:column;justify-content:flex-end;transition:background .9s;display:flex;position:absolute;inset:0;overflow:hidden}.story-scene.far{background:radial-gradient(120% 55% at 50% 100%,#ffb47859 0%,#c96b8a00 55%),linear-gradient(#241442 0%,#3d2568 40%,#6a4c93 72%,#c96b8a 100%)}.story-scene.field{background:radial-gradient(120% 50% at 50% 0,#ffecc866 0%,#ffecc800 60%),linear-gradient(#d9dcc0 0%,#b6bf98 42%,#8f9e73 74%,#6f8455 100%)}.story-scene.home{background:radial-gradient(120% 60% at 50% 92%,#fff6d899 0%,#ff9a5a00 60%),linear-gradient(#ffeec2 0%,#ffd58a 40%,#ff9a5a 74%,#e06f52 100%)}.sky-orb{background:radial-gradient(circle at 40% 38%,#fffdf3,#fff0c0 55%,#ffd45e 100%);border-radius:50%;width:92px;height:92px;transition:background .9s,box-shadow .9s;position:absolute;top:9%;right:14%;box-shadow:0 0 50px 14px #ffe0968c,0 0 120px 44px #ffd45e47}.story-scene.far .sky-orb{background:radial-gradient(circle at 40% 38%,#fff,#eaf2ff 55%,#c7d4f5 100%);box-shadow:0 0 46px 12px #d2e0ff80,0 0 110px 40px #96afff38}.hill{background:#0000001a;border-radius:50% 50% 0 0;height:34%;transition:background .9s;position:absolute;bottom:34%;left:-12%;right:-12%}.hill-2{background:#00000029;height:40%;bottom:32%}.hill-3{background:#0000003d;height:30%;bottom:30%;left:-20%;right:-20%}.story-scene.home .hill{background:#78361e2e}.story-scene.home .hill-2{background:#78361e42}.story-scene.home .hill-3{background:#5a281861}.story-scene.far .hill{background:#140a2d59}.story-scene.far .hill-2{background:#0f08248c}.story-scene.far .hill-3{background:#0a051abf}.story-scene.home .hill-3:before,.story-scene.home .hill-3:after{content:"";background:#ffe9a8;border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite lightTwinkle;position:absolute;bottom:12%;box-shadow:0 0 8px 3px #ffe096cc}.story-scene.home .hill-3:before{left:40%}.story-scene.home .hill-3:after{animation-delay:.9s;bottom:15%;left:56%}@keyframes lightTwinkle{0%,to{opacity:.55}50%{opacity:1}}.portrait-wrap{transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.portrait-wrap.enter{animation:.45s cubic-bezier(.34,1.56,.64,1) portraitIn}@keyframes portraitIn{0%{opacity:0;transform:translate(-50%)translateY(20px)scale(.85)}to{opacity:1;transform:translate(-50%)}}.portrait{filter:drop-shadow(0 8px 12px #0000004d);width:clamp(120px,26vw,190px);height:auto}.portrait.talking{animation:.5s ease-in-out infinite talkBob}@keyframes talkBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.story-progress{gap:6px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.pip{background:#fff6;border:2px solid #2a1b3d80;border-radius:50%;width:10px;height:10px}.pip.on{background:#ffd45e}.restart-btn{color:#fff9f0;cursor:pointer;background:#2a1b3dbf;border:2px solid #fff9f0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:600;position:absolute;top:14px;left:14px}.chapter-label{z-index:6;color:#fff9f0;letter-spacing:.3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2a1b3d8c;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600;position:absolute;top:56px;left:14px}.chapter-card{z-index:30;cursor:pointer;background:radial-gradient(circle at 50% 45%,#2a1b3db8,#140c22eb);justify-content:center;align-items:center;animation:2s forwards cardFade;display:flex;position:absolute;inset:0}.chapter-card-inner{text-align:center;padding:0 24px;animation:2s cubic-bezier(.22,1,.36,1) forwards cardRise}.chapter-card-eyebrow{letter-spacing:3px;text-transform:uppercase;color:#ffd45e;font-family:inherit;font-size:clamp(13px,3vw,16px);font-weight:600;display:block}.chapter-card-title{color:#fff9f0;text-shadow:0 4px 18px #00000080;margin:10px 0 0;font-family:Fredoka,inherit;font-size:clamp(30px,8vw,56px);font-weight:700;line-height:1.1}@keyframes cardFade{0%{opacity:0}15%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes cardRise{0%{opacity:0;transform:translateY(14px)scale(.94)}18%{opacity:1;transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.chapter-card,.chapter-card-inner{animation:2s step-end forwards cardFadeStill}.story-scene.home .hill-3:before,.story-scene.home .hill-3:after{animation:none}}@keyframes cardFadeStill{0%{opacity:1}99%{opacity:1}to{opacity:0}}
