.roll-stack-play{--hot:#56a9df;--deep:#326ea7;--sky:#92e0f2}.roll-stack-play .prek-machine{background:linear-gradient(145deg,#77c8ef,#4c9ed8);box-shadow:inset 0 -10px #357eb8,inset 0 5px #ddf6ff,0 12px #286797,0 25px 45px #31536b45}.roll-stack-play .prek-status{box-shadow:0 5px #286797}.roll-stack-play.is-immersive{background:linear-gradient(180deg,#8bdcf5,#d8f5ff 55%,#9dda7a)}.roll-stack-play.is-immersive .prek-machine{background:#5eb5e1;box-shadow:0 10px #286797,0 22px 42px #31536b45}.roll-stack-stage{--stage-a:#5367b5;--stage-b:#7a4ca1;--stage-shadow:#34316a}.roll-stack-play.is-immersive .roll-stack-stage{position:absolute;inset:0;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.3svh,13px);padding:94px clamp(13px,3vw,34px) 17px;border:0;border-radius:0;background:transparent;box-shadow:none}.roll-stack-stage:before{background:radial-gradient(circle at 50% 42%,#fff5 0 16%,transparent 54%),linear-gradient(180deg,#fff1,transparent 55%,#28485326);opacity:1}.roll-stack-play .kinder-parallax{background:#8ddff8}.roll-stack-play .kinder-parallax-layer{--roll-scene-scale:1.04;animation:none;backface-visibility:hidden;will-change:auto}.roll-stack-play .kinder-parallax-layer.layer-0{--roll-scene-scale:1.025}.roll-stack-play .kinder-parallax-layer.layer-1{--roll-scene-scale:1.035}.roll-stack-play .kinder-parallax-layer.layer-2{--roll-scene-scale:1.045}.roll-stack-play .kinder-parallax-layer.layer-3{--roll-scene-scale:1.06}.roll-stack-play .kinder-parallax-layer img{image-rendering:auto;filter:saturate(.96) contrast(1.02);transform:translateZ(0)}.roll-stack-play .kinder-scene-light{background:linear-gradient(180deg,#fff3,transparent 44%,#304f3915)}.roll-stack-play .kinder-mascot{right:clamp(8px,2.3vw,26px);bottom:clamp(9px,1.8svh,20px);width:clamp(103px,13vw,168px);filter:drop-shadow(0 9px 7px #28453452) saturate(.98);isolation:isolate}.roll-stack-play .kinder-mascot-cherry{right:auto;bottom:clamp(12px,2svh,24px);left:clamp(12px,2.5vw,30px)}.roll-stack-play .kinder-mascot:before{position:absolute;z-index:-1;right:12%;bottom:3%;left:12%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#244b344f 0,#244b3426 48%,transparent 72%);content:"";filter:blur(3px)}.toy-test-window{position:relative;flex:0 0 auto;width:min(820px,100%);margin:0 auto;padding:0;overflow:visible}.toy-name{width:max-content;max-width:90%;margin:0 auto -8px;padding:2px 14px;border:0;border-radius:14px;color:#fff;overflow:hidden;background:#294d6770;box-shadow:none;font-size:clamp(17px,2.4vw,23px);font-weight:1000;text-shadow:0 3px 7px #24435c;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;backdrop-filter:blur(4px)}.toy-lane{position:relative;width:calc(100% - 36px);height:clamp(285px,36svh,330px);margin:0 auto;overflow:visible}.toy-lane:before{position:absolute;right:5%;bottom:10px;left:5%;height:30px;border-radius:50%;background:radial-gradient(ellipse,#4e5b3c24 0,#4e5b3c0d 52%,transparent 73%);content:"";filter:blur(7px)}.test-toy{position:absolute;z-index:4;bottom:15px;left:30%;width:clamp(140px,20svh,184px);height:clamp(140px,20svh,184px);translate:-50% 0;transform-origin:50% 88%;overflow:visible;will-change:left,bottom,transform,opacity}.test-toy:after{position:absolute;z-index:0;right:13%;bottom:3%;left:13%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#2c3f3657 0,#2c3f3628 48%,transparent 73%);content:"";filter:blur(4px)}.test-toy-picture{z-index:1;filter:drop-shadow(0 10px 7px #34294b4f);animation:none;transform-origin:50% 50%;will-change:auto}.stack-copy-picture,.test-toy-picture{position:relative;display:block;box-sizing:border-box;width:100%;height:100%;max-width:none!important;max-height:none!important;padding:8%;overflow:visible;object-fit:contain}.toy-test-window[data-object="gift box"] .stack-copy-picture,.toy-test-window[data-object="gift box"] .test-toy-picture,.toy-test-window[data-object=brick] .stack-copy-picture,.toy-test-window[data-object=brick] .test-toy-picture,.toy-test-window[data-object=orange] .test-toy-picture{padding:12%}.toy-test-window[data-object="cardboard box"] .stack-copy-picture,.toy-test-window[data-object="cardboard box"] .test-toy-picture,.toy-test-window[data-object="round bead"] .test-toy-picture,.toy-test-window[data-object=dice] .stack-copy-picture,.toy-test-window[data-object=dice] .test-toy-picture,.toy-test-window[data-object=wheel] .stack-copy-picture,.toy-test-window[data-object=wheel] .test-toy-picture{padding:0}.test-toy.does-roll{animation:none}.test-toy.does-roll .test-toy-picture{animation:none;will-change:transform}.test-toy.does-stack{animation:toy-stack-source .5s ease-in forwards}.stack-landing{position:absolute;z-index:5;bottom:8px;left:65%;display:none;width:clamp(102px,14svh,122px);height:clamp(285px,34svh,315px);overflow:visible;translate:-50% 0}.stack-landing:after{position:absolute;z-index:0;right:3%;bottom:-7px;left:3%;height:17px;border-radius:50%;background:radial-gradient(ellipse,#28395863 0,#2839582b 50%,transparent 74%);content:"";filter:blur(4px)}.stack-landing.show-stack{display:block}.stack-copy{--stack-bottom:0px;--stack-delay:.12s;--stack-tilt:-1deg;position:absolute;z-index:1;bottom:var(--stack-bottom);left:50%;width:100%;aspect-ratio:1;opacity:0;overflow:visible;translate:-50% 0;filter:drop-shadow(0 7px 5px #34294b4f);transform-origin:50% 84%}.stack-copy-1{--stack-bottom:88px;--stack-delay:.4s;--stack-tilt:1.2deg}.stack-copy-2{--stack-bottom:176px;--stack-delay:.68s;--stack-tilt:-.5deg}.show-stack .stack-copy{animation:stack-drop-and-settle .58s var(--stack-delay) cubic-bezier(.22,.78,.3,1) both}.action-choices{display:grid;flex:0 0 auto;width:min(610px,100%);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:clamp(9px,2vw,22px)}.action-choices button{display:grid;min-height:clamp(98px,14svh,118px);padding:7px 13px;grid-template-columns:clamp(44px,6vw,65px) 1fr;align-items:center;cursor:pointer;border:5px solid #fff;border-radius:clamp(22px,2.7vw,29px);color:#fff;background:linear-gradient(#ffad7d,#ed694b);box-shadow:inset 0 5px #fff5,inset 0 -8px #c6523b,0 8px #a64737;text-align:left;transition:transform .15s,filter .15s}.action-choices button:nth-child(2){background:linear-gradient(#ac96f3,#7459ca);box-shadow:inset 0 5px #fff5,inset 0 -8px #6247b8,0 8px #503b9c}.action-choices button>span{display:grid;grid-row:1/3;place-items:center;font-size:clamp(38px,6vw,54px);font-weight:1000}.action-choices button>strong{align-self:end;font-size:clamp(21px,3vw,31px)}.action-choices button>small{align-self:start;font-size:clamp(10px,1.4vw,13px);font-weight:800}.action-choices button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-4px)}.action-choices button:active:not(:disabled){transform:translateY(4px) scale(.98)}.action-choices button:focus-visible{outline:5px solid #fff45a;outline-offset:3px}.action-choices button.is-wrong{animation:kinder-wiggle .45s}.action-choices button.is-right{background:linear-gradient(#a9eb78,#53b967);box-shadow:0 8px #348747;animation:kinder-pop .6s ease-in-out infinite alternate}.roll-stack-play .kinder-feedback{flex:0 0 auto;min-height:30px;margin:1px 0 0;padding:4px 14px;border-radius:14px;background:#2d506f73;backdrop-filter:blur(6px)}@keyframes toy-rest{50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes toy-stack-source{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-24px) scale(.88)}}@keyframes stack-drop-and-settle{0%{bottom:calc(var(--stack-bottom) + 135px);opacity:0;transform:rotate(var(--stack-tilt)) scale(.94)}22%{opacity:1}65%{bottom:calc(var(--stack-bottom) - 7px);opacity:1;transform:rotate(var(--stack-tilt)) scale(1.08,.86)}80%{bottom:calc(var(--stack-bottom) + 7px);transform:rotate(var(--stack-tilt)) scale(.96,1.04)}91%{bottom:calc(var(--stack-bottom) - 2px);transform:rotate(var(--stack-tilt)) scale(1.02,.98)}to{bottom:var(--stack-bottom);opacity:1;transform:rotate(var(--stack-tilt)) scale(1)}}@keyframes roll-scene-drift{0%{transform:scale(var(--roll-scene-scale)) translate3d(-.28%,.12%,0)}to{transform:scale(var(--roll-scene-scale)) translate3d(.28%,-.12%,0)}}@media (max-width:1000px){.roll-stack-play.is-immersive .roll-stack-stage{padding-top:140px}}@media (max-width:560px){.roll-stack-play.is-immersive .roll-stack-stage{gap:6px;padding:132px 7px 9px}.roll-stack-play .kinder-mascot{right:auto;bottom:8px;left:7px;width:104px}.toy-test-window{padding:0}.toy-lane{width:calc(100% - 20px);height:clamp(235px,32svh,270px)}.test-toy{bottom:12px;width:clamp(116px,18svh,138px);height:clamp(116px,18svh,138px)}.stack-landing{bottom:8px;left:65%;width:clamp(84px,13svh,100px);height:clamp(225px,30svh,250px)}.stack-copy-1{--stack-bottom:72px}.stack-copy-2{--stack-bottom:144px}.action-choices{gap:8px}.action-choices button{min-height:clamp(88px,13svh,100px);padding:5px 7px;grid-template-columns:42px 1fr;border-width:4px}.action-choices button>span{font-size:36px}.action-choices button>strong{font-size:20px}.action-choices button>small{font-size:9px}.roll-stack-play .kinder-feedback{max-width:calc(100% - 90px);margin-right:0;margin-left:auto;padding:3px 8px;font-size:15px}}@media (max-height:760px) and (min-width:561px){.roll-stack-play.is-immersive .roll-stack-stage{gap:4px;padding-top:89px}.toy-lane{height:220px}.test-toy{width:124px;height:124px}.stack-landing{width:90px;height:235px}.stack-copy-1{--stack-bottom:70px}.stack-copy-2{--stack-bottom:140px}.action-choices button{min-height:91px}}@media (prefers-reduced-motion:reduce){.roll-stack-play .kinder-parallax-layer,.show-stack .stack-copy,.test-toy,.test-toy-picture{animation:none}.test-toy.does-roll{left:30%}.test-toy.does-stack{opacity:0}.show-stack .stack-copy{bottom:var(--stack-bottom);opacity:1;transform:rotate(var(--stack-tilt))}}