.storybook-math{--hot:#a378df;--deep:#68469f;--sky:#a3ddf3}.storybook-math.is-immersive{background:linear-gradient(180deg,#a9e1f4,#f7e7c2 62%,#bb8c67)}.storybook-math.is-immersive .prek-machine{background:#8e66bd;box-shadow:0 10px #60418e,0 22px 42px #3d315d40}.storybook-math .prek-status{box-shadow:0 5px #65468c}.storybook-math .prek-sparkles{display:none}.story-stage{--stage-a:#7655a7;--stage-b:#c96696;--stage-shadow:#63336d}.storybook-math.is-immersive .story-stage{position:absolute;inset:0;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1svh,11px);padding:98px clamp(18px,3vw,34px) 15px;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.story-stage:before{z-index:2;background:radial-gradient(circle at 50% 46%,#fff7 0 10%,transparent 43%),linear-gradient(180deg,#fff1,transparent 56%,#3f294522);opacity:1}.storybook-math .kinder-parallax{background:#cfb8df}.storybook-math .kinder-parallax-layer{backface-visibility:visible;animation:none;transform:none;will-change:auto}.storybook-math .kinder-parallax-layer img{object-position:50% 50%;image-rendering:auto;filter:none;transform:none}.storybook-math .kinder-scene-light{background:linear-gradient(180deg,#fff4,transparent 48%,#3f29451c);mix-blend-mode:soft-light}.storybook-math .kinder-mascot{right:auto;bottom:clamp(12px,2svh,24px);left:clamp(12px,2.4vw,30px);width:clamp(132px,17vw,205px);filter:drop-shadow(0 12px 9px #392f2852) saturate(1.02);isolation:isolate}.storybook-math .kinder-mascot:before{position:absolute;z-index:-1;right:13%;bottom:5%;left:13%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#4d362d55 0,#4d362d20 54%,transparent 75%);content:"";filter:blur(4px)}.story-curtain{display:flex;width:fit-content;align-items:center;gap:9px;margin:0 auto;padding:6px 16px;border:0;border-radius:999px;color:#744a67;background:#fff7d9d9;box-shadow:0 5px 14px #54354e2b;font-size:14px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(7px)}.story-curtain span{color:#efa93e}.story-scene{display:grid;width:min(790px,calc(100% - 120px));min-height:clamp(190px,28svh,235px);grid-template-columns:1fr .92fr .45fr;align-items:stretch;gap:clamp(8px,1.3vw,14px);padding:clamp(12px,2vw,20px);border:0;border-radius:30px;background:linear-gradient(145deg,#fff9e8ed,#f7d9a9df);box-shadow:0 13px 28px #50324c3b,inset 0 2px #fff9;backdrop-filter:blur(7px)}.story-action,.story-group,.story-result{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center}.story-action,.story-group{padding:9px 8px;border:0;border-radius:23px;background:#fffaf0ad;box-shadow:0 6px 14px #8b5f5130,inset 0 1px #fff}.story-action.join{background:#eaffddbd}.story-action.leave{background:#e3f4ffc2}.story-group strong{display:inline-grid;width:42px;height:42px;place-items:center;border:0;border-radius:50%;color:#fff;background:linear-gradient(#ff8ba7,#e34d78);box-shadow:inset 0 3px #fff4,0 5px #ad385e;font-size:24px}.story-action>div,.story-group>div{display:flex;min-height:72px;flex-wrap:wrap;align-content:center;justify-content:center;gap:1px;margin-top:5px}.story-token{position:relative!important;display:inline-block;width:clamp(31px,4.4vw,46px);height:clamp(31px,4.4vw,46px);filter:drop-shadow(0 5px 4px #563b3740);transform-origin:50% 90%;animation:story-token-breathe 4.4s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}.story-token:nth-child(2n){animation-delay:-1.5s}.story-token:nth-child(3n){animation-delay:-2.8s}.story-token img{object-fit:contain}.story-action>span{color:#7e5a78;font-size:30px;line-height:1}.story-action b{display:block;margin-top:2px;color:#74476d;font-size:15px}.story-action.leave>div{opacity:.66}.story-action.leave .story-token{animation:story-token-leave 3.8s cubic-bezier(.45,0,.55,1) infinite alternate}.story-result{gap:6px}.story-result>span{color:#6a496c;font-size:33px;font-weight:1000}.story-result strong{display:grid;width:64px;height:64px;place-items:center;border:0;border-radius:21px;color:#fff;background:linear-gradient(#79d9ea,#3c9fc4);box-shadow:inset 0 4px #fff5,0 7px #28728f;font-size:36px}.storybook-math .kinder-feedback{min-height:31px;margin:0;padding:4px 14px;border-radius:999px;background:#4938459c;text-shadow:0 2px 4px #21172480;backdrop-filter:blur(5px)}.story-choices{width:min(700px,calc(100% - 130px));margin:0 auto}.story-choices .kinder-choice{min-height:clamp(68px,9svh,82px);font-size:clamp(18px,3.1vw,29px)}@keyframes story-token-breathe{0%,to{transform:translateZ(0) rotate(-.35deg)}50%{transform:translate3d(0,-3px,0) rotate(.35deg)}}@keyframes story-token-leave{0%{transform:translate3d(-2px,0,0) rotate(-1deg)}to{transform:translate3d(3px,-2px,0) rotate(2deg) scale(.96)}}@media (max-width:1000px){.storybook-math.is-immersive .story-stage{padding-top:137px}.story-scene{width:min(760px,calc(100% - 74px))}.story-choices{width:min(690px,calc(100% - 74px))}.storybook-math .kinder-mascot{width:clamp(116px,16vw,160px)}}@media (max-width:560px){.storybook-math.is-immersive .story-stage{justify-content:flex-start;gap:6px;padding:128px 7px 8px;overflow-y:auto}.story-curtain{display:none}.story-scene{width:100%;min-height:230px;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-radius:21px}.story-action,.story-group{padding:6px 4px;border-radius:17px}.story-action>div,.story-group>div{min-height:56px}.story-token{width:29px;height:29px}.story-result{grid-column:1/-1;flex-direction:row}.story-result strong{width:50px;height:50px;border-radius:16px;font-size:29px}.storybook-math .kinder-feedback{max-width:calc(100% - 82px);align-self:flex-end;font-size:15px}.story-choices{width:100%;gap:6px}.story-choices .kinder-choice{min-height:65px;padding:3px;border-width:4px;font-size:clamp(14px,4vw,19px)}.storybook-math .kinder-mascot{right:auto;bottom:74px;left:2px;width:94px}.storybook-math .kinder-parallax-layer{transform:none;animation:none}}@media (prefers-reduced-motion:reduce){.story-action.leave .story-token,.story-token,.storybook-math .kinder-parallax-layer{animation:none}}