.berry-story-game,.berry-story-game *,.berry-story-game :before,.berry-story-game :after{box-sizing:border-box}.berry-story-game{--berry-cream:#fff7db;--berry-ink:#173a2c;--berry-moss:#335a31;min-height:100svh;color:var(--berry-cream);font-family:var(--font-body), "Trebuchet MS", sans-serif;isolation:isolate;background:#19351f;place-items:center;display:grid;position:relative;overflow:hidden}.berry-story-game:before{z-index:-2;content:"";filter:blur(18px)saturate(.8);background:linear-gradient(#122e1952,#0b1f1285),url(/games/berry-story/art/forest-clearing.webp) 50%/cover no-repeat;position:fixed;inset:-30px;transform:scale(1.06)}.berry-story-game:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 40%,#081c0f6b 100%);position:fixed;inset:0}.berry-story-game button,.berry-story-game input{font:inherit}.berry-story-game button:focus-visible,.berry-story-game input:focus-visible{outline-offset:4px;outline:3px solid #fff8b4}.berry-story-orientation-hint{display:none}.berry-story-stage{width:min(100vw,159.88svh);max-width:1_586px;aspect-ratio:1586/992;background:#456638 url(/games/berry-story/art/forest-clearing.webp) 50%/100% 100% no-repeat;position:relative;overflow:hidden;box-shadow:0 0 90px #061b0e7a}.berry-story-stage:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(#0b25143d,#0000 24% 73%,#0d251524);position:absolute;inset:0}.berry-story-sunlight{z-index:1;filter:blur(14px);mix-blend-mode:screen;opacity:.74;pointer-events:none;transform-origin:100% 0;background:conic-gradient(from 206deg at 72% 0,#0000,#fff5aa1f 9deg,#0000 21deg,#fff4a514 29deg,#0000 43deg);width:47%;height:72%;animation:12s ease-in-out infinite alternate berry-sun-breathe;position:absolute;top:-13%;right:6%}.berry-story-canopy{z-index:13;filter:blur(10px);pointer-events:none;transform-origin:top;background:radial-gradient(#18481e38,#0000 68%);border-radius:50%;width:28%;height:30%;animation:9s ease-in-out infinite alternate berry-canopy;position:absolute;top:-6%}.berry-story-canopy--left{left:-8%}.berry-story-canopy--right{animation-delay:-4s;right:-7%}.berry-story-controls{z-index:40;align-items:center;gap:clamp(6px,.8vw,12px);display:flex;position:absolute;top:clamp(10px,2.3%,24px);right:clamp(10px,2%,26px)}.berry-story-control{color:#fff9df;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;letter-spacing:.02em;background:#153e249e;border:1px solid #fffbdb61;border-radius:999px;min-height:40px;padding:8px 14px;font-size:clamp(.68rem,1vw,.84rem);font-weight:760;transition:background-color .18s,transform .18s;box-shadow:0 7px 20px #0c271433}.berry-story-control:hover{background:#1e5330c7;transform:translateY(-1px)}.berry-story-sound{align-items:center;gap:7px;display:flex}.berry-story-sound>span{justify-content:center;align-items:flex-end;gap:2px;width:16px;height:15px;display:flex}.berry-story-sound i{background:currentColor;border-radius:2px;width:2px;animation:1.4s ease-in-out infinite alternate berry-sound-wave;display:block}.berry-story-sound i:first-child{height:5px}.berry-story-sound i:nth-child(2){height:11px;animation-delay:-.5s}.berry-story-sound i:nth-child(3){height:8px;animation-delay:-.9s}.berry-story-sound span.is-muted i{opacity:.58;height:2px;animation:none}.berry-story-heading{z-index:32;color:#fff9dd;width:min(68%,900px);font-family:var(--font-display), Georgia, serif;text-align:center;text-wrap:balance;text-shadow:0 2px 2px #16381c7a,0 8px 25px #082211a6;margin:0;font-size:clamp(1.15rem,2.35vw,2.45rem);font-weight:720;line-height:1.12;position:absolute;top:clamp(11px,2.4%,27px);left:50%;transform:translate(-50%)}.berry-story-intro,.berry-story-playfield,.berry-story-ending,.berry-story-complete{z-index:5;position:absolute;inset:0}.berry-story-intro:after{z-index:2;content:"";pointer-events:none;background:linear-gradient(90deg,#16351b24,#0000 44%,#fff2a30d);position:absolute;inset:0}.berry-story-intro p{z-index:14;color:#fff5d4;width:min(42%,500px);font-family:var(--font-display), Georgia, serif;opacity:0;text-align:center;text-shadow:0 2px 3px #0d2b16b8,0 8px 22px #0b25129e;margin:0;font-size:clamp(.9rem,1.8vw,1.6rem);line-height:1.25;transition:opacity .9s,transform .9s;position:absolute;bottom:12%;right:10%;transform:translateY(8px)}.berry-story-intro p.is-visible{opacity:1;transform:translateY(0)}.berry-story-butterfly{z-index:18;aspect-ratio:1;opacity:0;pointer-events:none;width:6.5%;animation:15s cubic-bezier(.45,.04,.43,.96) 1.1s infinite berry-butterfly-cross;position:absolute;top:30%;left:-12%}.berry-story-butterfly .berry-object-sprite{width:100%;height:100%}.berry-hero{z-index:17;aspect-ratio:1;pointer-events:none;transform-origin:50% 90%;width:24%;position:absolute;bottom:-1.2%;left:-.5%}.berry-hero-sprite{filter:drop-shadow(0 9px 7px #1f2d1452);background-image:url(/games/berry-story/art/hedgehog-poses.webp);background-repeat:no-repeat;background-size:300% 200%;animation:4.8s ease-in-out infinite alternate berry-hero-breathe;position:absolute;inset:0}.berry-hero--idle .berry-hero-sprite{background-position:0 0}.berry-hero--walk .berry-hero-sprite{background-position:50% 0;animation:.72s ease-in-out infinite alternate berry-hero-step}.berry-hero--curious .berry-hero-sprite{background-position:100% 0;animation:1.1s ease-out both berry-hero-look}.berry-hero--cheer .berry-hero-sprite{background-position:0 100%;animation:.9s cubic-bezier(.2,.82,.38,1) both berry-hero-cheer}.berry-hero--shrug .berry-hero-sprite{background-position:50% 100%;animation:1s ease-out both berry-hero-shrug}.berry-hero--full .berry-hero-sprite{background-position:100% 100%;animation:1.15s ease-in-out infinite alternate berry-hero-full}.berry-basket-fill{z-index:3;pointer-events:none;width:24%;height:18%;position:absolute}.berry-hero--idle .berry-basket-fill{top:57%;left:44%}.berry-hero--walk .berry-basket-fill{top:56%;left:17%}.berry-hero--curious .berry-basket-fill{top:63%;left:69%}.berry-hero--cheer .berry-basket-fill{top:45%;left:5%}.berry-hero--shrug .berry-basket-fill{top:70%;left:17%}.berry-hero--full .berry-basket-fill{display:none}.berry-basket-berry{aspect-ratio:1;width:24%;transform:translate(-50%, 50%) rotate(calc((var(--berry-order) - 4) * 5deg));background:radial-gradient(circle at 34% 25%,#fff3bd 0 6%,#e95d48 9% 24%,#a9252d 58%,#651d29 100%);border-radius:50%;animation:.42s cubic-bezier(.2,.9,.28,1.18) both berry-basket-arrive;position:absolute;box-shadow:0 1px 2px #32191166}.berry-leaf{z-index:10;aspect-ratio:1.14;cursor:pointer;width:7.2%;transform:translate(-50%, -50%) scale(var(--leaf-scale));transform-origin:50%;background:0 0;border:0;padding:0;position:absolute}.berry-leaf--front{z-index:15}.berry-leaf:disabled{cursor:default}.berry-leaf:not(:disabled):hover .berry-leaf-sprite{transform:translateY(-3%)rotate(-2deg)scale(1.025)}.berry-leaf:focus-visible{outline-offset:-7px;border-radius:50%}.berry-leaf-shadow{z-index:1;filter:blur(7px);background:#252b1557;border-radius:50%;height:22%;transition:transform .5s,opacity .5s;position:absolute;bottom:13%;left:10%;right:10%;transform:scaleX(.85)}.berry-leaf-sprite,.berry-object-sprite{background-image:url(/games/berry-story/art/forest-objects.webp);background-repeat:no-repeat;background-size:400% 300%;display:block}.berry-leaf-sprite{z-index:3;filter:saturate(.84)brightness(.95)drop-shadow(0 5px 4px #2d311642);transform-origin:48% 76%;animation:berry-leaf-idle 7s var(--leaf-delay) ease-in-out infinite alternate;transition:transform .22s;position:absolute;inset:-12%}.berry-leaf-sprite--0{background-position:0 0}.berry-leaf-sprite--1{background-position:33.333% 0}.berry-leaf-sprite--2{background-position:66.666% 0}.berry-leaf-sprite--3{background-position:100% 0}.berry-leaf.is-open .berry-leaf-shadow{opacity:0;transform:scaleX(.35)}.berry-leaf.is-open .berry-leaf-sprite{pointer-events:none}.berry-leaf--turn-right.is-open .berry-leaf-sprite{animation:.82s cubic-bezier(.2,.76,.32,1) forwards berry-leaf-open-right}.berry-leaf--turn-left.is-open .berry-leaf-sprite{animation:.82s cubic-bezier(.2,.76,.32,1) forwards berry-leaf-open-left}.berry-discovery{z-index:2;opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:11%;transform:scale(.45)translateY(14%)}.berry-leaf.is-open .berry-discovery{animation:.76s cubic-bezier(.18,.82,.3,1.1) .145s both berry-discovery-pop}.berry-leaf.is-open .berry-discovery--berry{animation:1.12s cubic-bezier(.18,.82,.3,1.1) .13s both berry-discovery-berry}.berry-discovery .berry-object-sprite{width:100%;height:100%}.berry-object--berry{background-position:0}.berry-object--berry-pair{background-position:33.333%}.berry-object--butterfly{background-position:0 100%}.berry-object--beetle{background-position:33.333% 100%}.berry-object--acorn{background-position:66.666% 100%}.berry-object--frog{background-position:100% 100%}.berry-leaf.is-open .berry-discovery--butterfly .berry-object-sprite{animation:1.5s ease-in .42s forwards berry-surprise-butterfly}.berry-leaf.is-open .berry-discovery--beetle .berry-object-sprite{animation:1.25s ease-in .42s forwards berry-surprise-beetle}.berry-leaf.is-open .berry-discovery--acorn .berry-object-sprite{animation:1.1s ease-out .42s forwards berry-surprise-acorn}.berry-leaf.is-open .berry-discovery--frog .berry-object-sprite{animation:1.15s cubic-bezier(.28,.75,.4,1) .42s forwards berry-surprise-frog}.berry-empty-glimmer{filter:blur(3px);background:radial-gradient(#fff4b566,#0000 70%);border-radius:50%;width:54%;height:34%}.berry-flight{z-index:28;aspect-ratio:1;pointer-events:none;width:5.8%;position:absolute;transform:translate(-50%,-50%)}.berry-flight i{opacity:0;position:absolute;inset:0}.berry-flight--turn-right i{animation:berry-flight-right .9s calc(var(--flight-order) * 80ms) cubic-bezier(.2, .72, .28, 1) forwards}.berry-flight--turn-left i{animation:berry-flight-left .9s calc(var(--flight-order) * 80ms) cubic-bezier(.2, .72, .28, 1) forwards}.berry-intro-hero{z-index:12;opacity:0;width:27%;transition:left 3.35s cubic-bezier(.25,.62,.38,1),opacity .65s;bottom:-2%;left:-26%}.berry-intro-hero--beat-1,.berry-intro-hero--beat-2{opacity:1;left:2%}.berry-story-ending{z-index:6;overflow:hidden}.berry-ending-art{z-index:4;opacity:0;background:#6b7f42 url(/games/berry-story/art/grandmother-pie.webp) 50%/100% 100% no-repeat;transition:opacity 1.25s,transform 4.5s;position:absolute;inset:0;transform:scale(1.025)}.berry-story-game[data-ending-step="1"] .berry-ending-art,.berry-story-game[data-ending-step="2"] .berry-ending-art,.berry-story-game[data-ending-step="3"] .berry-ending-art{opacity:1;transform:scale(1)}.berry-ending-walk{z-index:7;width:23%;animation:2.45s cubic-bezier(.3,.62,.46,1) forwards berry-ending-journey;bottom:2%;left:-18%}.berry-ending-caption{z-index:12;color:#fff8dc;width:min(47%,620px);font-family:var(--font-display), Georgia, serif;opacity:0;text-align:center;text-shadow:0 2px 3px #2a2513b3,0 8px 28px #182c15a6;margin:0;font-size:clamp(1rem,2.15vw,2.15rem);font-weight:720;line-height:1.2;transition:opacity .8s,transform .8s;position:absolute;bottom:10%;right:6%;transform:translateY(12px)}.berry-story-game[data-ending-step="2"] .berry-ending-caption,.berry-story-game[data-ending-step="3"] .berry-ending-caption{opacity:1;transform:translateY(0)}.berry-ending-actions{z-index:14;opacity:0;text-align:center;width:min(47%,620px);transition:opacity .6s,transform .6s;position:absolute;bottom:3.2%;right:6%;transform:translateY(8px)}.berry-story-game[data-ending-step="3"] .berry-ending-actions{opacity:1;transform:translateY(0)}.berry-ending-actions button,.berry-story-complete>button{color:#173b2a;cursor:pointer;background:#fff6d2e6;border:1px solid #fffbdaa3;border-radius:999px;min-height:46px;padding:10px 22px;font-size:clamp(.8rem,1.2vw,1rem);font-weight:820;transition:background-color .18s,transform .18s;box-shadow:0 8px 26px #172d1740}.berry-ending-actions button:hover,.berry-story-complete>button:hover{background:#fff9df;transform:translateY(-2px)}.berry-story-complete{text-align:center;align-content:center;justify-items:center;padding-left:28%;display:grid}.berry-story-complete .berry-hero{width:26%;left:10%}.berry-story-complete p{max-width:490px;font:720 clamp(1rem, 2vw, 2rem) / 1.2 var(--font-display), Georgia, serif;text-shadow:0 2px 8px #183820}.berry-story-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.berry-story-gate-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b2817b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.berry-story-gate{width:min(500px,100%);color:var(--berry-ink);background:#fff6d9;border:1px solid #ffffffb8;border-radius:30px;padding:clamp(25px,4vw,38px);box-shadow:0 30px 80px #0e23156b}.berry-story-kicker{color:#4b7041;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:900}.berry-story-gate h2{color:var(--berry-ink);margin:0;font-size:clamp(1.8rem,5vw,2.7rem)}.berry-story-gate>p:not(.berry-story-kicker){margin:12px 0 20px;line-height:1.5}.berry-story-gate label{margin-bottom:6px;font-size:.78rem;font-weight:900;display:block}.berry-story-gate input{width:100%;min-height:54px;color:var(--berry-ink);background:#fffdf5;border:2px solid #25533552;border-radius:14px;padding:10px 14px;font-size:1.2rem}.berry-story-gate-error{color:#765631;min-height:24px;padding-top:5px;font-size:.76rem;font-weight:750;display:block}.berry-story-gate form>div{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.berry-story-primary,.berry-story-secondary{cursor:pointer;border-radius:999px;min-height:44px;padding:8px 18px;font-weight:800}.berry-story-primary{color:#fff9df;background:#315b3a;border:0}.berry-story-secondary{color:#284c34;background:#fffdf4;border:1px solid #25533540}@keyframes berry-sun-breathe{to{opacity:.5;transform:rotate(1.4deg)scaleX(.96)}}@keyframes berry-canopy{to{transform:rotate(1.6deg)translate(1%)}}@keyframes berry-sound-wave{to{transform:scaleY(.46)}}@keyframes berry-butterfly-cross{0%,4%{opacity:0;transform:translate(0)rotate(-6deg)scale(.72)}9%{opacity:.7}36%{transform:translate(650%,-75%)rotate(8deg)scale(.84)}67%{opacity:.62;transform:translate(1350%,45%)rotate(-4deg)scale(.74)}82%,to{opacity:0;transform:translate(1780%,-40%)rotate(10deg)scale(.68)}}@keyframes berry-hero-breathe{to{transform:translateY(-.7%)scaleY(1.005)}}@keyframes berry-hero-step{to{transform:translateY(-2.4%)rotate(1.5deg)}}@keyframes berry-hero-look{0%{transform:rotate(0)}42%{transform:rotate(-2.5deg)translateY(1%)}to{transform:rotate(0)}}@keyframes berry-hero-cheer{0%{transform:translateY(7%)scale(.96)}45%{transform:translateY(-4%)rotate(-2deg)}to{transform:translateY(0)}}@keyframes berry-hero-shrug{0%{transform:scale(.98)}44%{transform:translateY(-1.5%)rotate(1deg)}to{transform:scale(1)}}@keyframes berry-hero-full{to{transform:translateY(-1.1%)rotate(.7deg)}}@keyframes berry-basket-arrive{0%{opacity:0;transform:translate(-50%,-60%)scale(.45)}to{opacity:1}}@keyframes berry-leaf-idle{0%,74%{transform:rotate(0)}to{transform:rotate(2.2deg)translateY(-1%)}}@keyframes berry-leaf-open-right{0%{transform:rotate(0)translate(0)rotateX(0)}26%{transform:rotate(-7deg)translate(-2%,-9%)rotateX(42deg)scale(1.04)}to{opacity:0;transform:rotate(43deg)translate(56%,-43%)rotateX(178deg)scale(.86)}}@keyframes berry-leaf-open-left{0%{transform:rotate(0)translate(0)rotateX(0)}26%{transform:rotate(7deg)translate(2%,-9%)rotateX(42deg)scale(1.04)}to{opacity:0;transform:rotate(-46deg)translate(-58%,-42%)rotateX(178deg)scale(.86)}}@keyframes berry-discovery-pop{0%{opacity:0;transform:scale(.45)translateY(14%)}55%{opacity:1;transform:scale(1.08)translateY(-7%)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes berry-discovery-berry{0%{opacity:0;transform:scale(.45)translateY(14%)}48%{opacity:1;transform:scale(1.1)translateY(-14%)}76%{opacity:1;transform:scale(.98)translateY(0)}to{opacity:0;transform:scale(.82)translateY(-8%)}}@keyframes berry-surprise-butterfly{to{opacity:0;transform:translate(130%,-120%)rotate(12deg)scale(.75)}}@keyframes berry-surprise-beetle{to{opacity:0;transform:translate(170%,40%)rotate(8deg)scale(.72)}}@keyframes berry-surprise-acorn{to{opacity:.76;transform:translate(88%,48%)rotate(160deg)scale(.8)}}@keyframes berry-surprise-frog{45%{transform:translate(25%,-70%)rotate(-4deg)}to{opacity:0;transform:translate(95%,25%)scale(.72)}}@keyframes berry-flight-right{0%{opacity:0;transform:translate(0)scale(.65)rotate(0)}12%{opacity:1}46%{transform:translate(var(--flight-mid-x), var(--flight-mid-y)) scale(1) rotate(95deg)}to{opacity:.92;transform:translate(var(--flight-end-x), var(--flight-end-y)) scale(.46) rotate(245deg)}}@keyframes berry-flight-left{0%{opacity:0;transform:translate(0)scale(.65)rotate(0)}12%{opacity:1}46%{transform:translate(var(--flight-mid-x), var(--flight-mid-y)) scale(1) rotate(-90deg)}to{opacity:.92;transform:translate(var(--flight-end-x), var(--flight-end-y)) scale(.46) rotate(-225deg)}}@keyframes berry-ending-journey{0%{left:-18%;transform:scale(.92)}60%{left:50%;transform:scale(.72)}to{opacity:0;bottom:24%;left:77%;transform:scale(.36)}}@media (max-width:820px){.berry-story-control{min-height:36px;padding:6px 10px}.berry-story-heading{width:62%;font-size:clamp(.9rem,3vw,1.45rem);top:2.5%}.berry-leaf{width:8%}.berry-hero{width:27%}.berry-intro-hero{width:29%}.berry-ending-caption,.berry-ending-actions{width:54%}}@media (max-width:640px) and (orientation:portrait){.berry-story-stage{width:100vw}.berry-story-controls{top:2%;right:2%}.berry-story-control{background:#153e24db}.berry-story-heading{text-align:left;width:50%;font-size:clamp(.68rem,3vw,.82rem);top:3%;left:3%;transform:none}.berry-story-orientation-hint{z-index:50;color:#fff7dbe6;text-align:center;width:min(330px,100% - 32px);margin:0;font-size:.78rem;font-weight:700;line-height:1.35;display:block;position:absolute;top:calc(50% - 31.3vw - 72px)}}@media (prefers-reduced-motion:reduce){.berry-story-game *,.berry-story-game :before,.berry-story-game :after{scroll-behavior:auto!important}.berry-story-sunlight,.berry-story-canopy,.berry-story-butterfly,.berry-leaf-sprite,.berry-hero-sprite,.berry-story-sound i{animation:none!important}.berry-intro-hero{opacity:1;transition-duration:.18s;left:2%}.berry-leaf.is-open .berry-leaf-sprite{opacity:0;transition:opacity .18s,transform .18s;transform:translateY(-12%)rotate(8deg)}.berry-leaf.is-open .berry-discovery,.berry-flight i{animation-duration:.18s;animation-delay:0s}.berry-ending-walk{animation-duration:.22s}.berry-ending-art,.berry-ending-caption,.berry-ending-actions{transition-duration:.18s}}