.cube-measure{--hot:#ff826d;--deep:#b9474e;--sky:#8fdcf4}.cube-measure .prek-machine{background:linear-gradient(145deg,#ffa98d,#ef6c66);box-shadow:inset 0 -10px #c74d51,inset 0 5px #ffd8ca,0 12px #9d3b4a,0 25px 45px #59345145}.cube-measure .prek-status{box-shadow:0 5px #9d3b4a}.cube-measure.is-immersive{background:linear-gradient(180deg,#9ee6fa,#dcf8ff 53%,#aad87f)}.cube-measure.is-immersive .prek-machine{background:#f28a6f;box-shadow:0 10px #9d3b4a,0 22px 42px #59345145}.measure-stage{--stage-a:#5fcfbe;--stage-b:#4984c8;--stage-shadow:#326499;--cube-size:clamp(42px,7svh,60px)}.cube-measure.is-immersive .measure-stage{position:absolute;inset:0;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,.8svh,9px);padding:92px clamp(14px,3vw,34px) 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.measure-stage:before{background:radial-gradient(circle at 50% 43%,#fff5 0 12%,transparent 45%),linear-gradient(180deg,#fff1,transparent 55%,#40321f1d);opacity:1}.cube-measure .kinder-parallax{background:#a4e5f5}.cube-measure .kinder-parallax-layer{--measure-scene-scale:1.02;animation:none;backface-visibility:hidden;will-change:auto}.cube-measure .kinder-parallax-layer img{object-position:50% 50%;image-rendering:auto;filter:saturate(.97) contrast(1.015) brightness(1.015);transform:translateZ(0)}.cube-measure .kinder-scene-light{background:linear-gradient(180deg,#fff3,transparent 45%,#42351f14);mix-blend-mode:soft-light}.cube-measure .kinder-mascot{right:clamp(8px,2.2vw,25px);bottom:clamp(8px,1.6svh,18px);width:clamp(118px,15vw,188px);filter:drop-shadow(0 10px 8px #563b2950) saturate(.99);isolation:isolate}.cube-measure .kinder-mascot-cherry{right:auto;bottom:clamp(12px,2svh,24px);left:clamp(12px,2.5vw,30px)}.cube-measure .kinder-mascot:before{position:absolute;z-index:-1;right:14%;bottom:3%;left:14%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#4c39294d 0,#4c39291f 52%,transparent 74%);content:"";filter:blur(3px)}.cube-measure .kinder-mascot-cherry .kinder-mascot-float{animation:cherry-idle-motion 4.6s cubic-bezier(.45,0,.55,1) infinite}.cube-measure .kinder-mascot-cherry.is-celebrate .kinder-mascot-float,.cube-measure .kinder-mascot-cherry.is-correct .kinder-mascot-float,.cube-measure .kinder-mascot-cherry.is-wrong .kinder-mascot-float{animation:none}.measure-ruler{position:relative;z-index:4;display:flex;flex:0 0 auto;width:calc(var(--measure-count) * var(--cube-size));max-width:calc(100vw - 20px);flex-direction:column;align-items:stretch;margin:0 auto;transform-origin:50% 75%}.measure-object{position:relative;width:100%;height:clamp(112px,20svh,185px);overflow:visible;border:0;background:transparent;box-shadow:none}.measure-object:after{position:absolute;z-index:-1;right:5%;bottom:4%;left:5%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#3c392e5e 0,#40392c2b 48%,transparent 75%);content:"";filter:blur(5px);opacity:.72}.measure-object-picture{display:block!important;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 5px #274f653d) saturate(1.025);transform:translateZ(0)}.measure-endpoints{display:grid;width:100%;height:15px;grid-template-columns:8px 1fr 8px;align-items:center;margin:-2px 0 2px;filter:drop-shadow(0 2px 1px #57392e40)}.measure-endpoints span{width:8px;height:15px;border:2px solid #fff;border-radius:999px;background:#ffbf45;box-shadow:0 2px #bd6d32}.measure-endpoints i{height:3px;background:linear-gradient(90deg,#fff7,#fff,#fff7);box-shadow:0 2px #57392e38}.measure-cubes{display:flex;width:100%;min-height:calc(var(--cube-size) + 10px);justify-content:center;perspective:700px;filter:drop-shadow(0 8px 6px #563b293f)}.measure-cubes span{position:relative;display:grid;width:var(--cube-size);height:var(--cube-size);flex:0 0 var(--cube-size);place-items:center;border:4px solid #fff;border-radius:clamp(9px,1.3vw,13px);box-shadow:inset -11px -12px #0002,inset 9px 8px #fff7,0 8px 7px #315b765f;transform:rotateX(3deg);transform-origin:50% 100%;transition:transform .18s;animation:cube-arrive .44s cubic-bezier(.2,.85,.3,1.25) both}.measure-cubes span:nth-child(2){animation-delay:.04s}.measure-cubes span:nth-child(3){animation-delay:.08s}.measure-cubes span:nth-child(4){animation-delay:.12s}.measure-cubes span:nth-child(5){animation-delay:.16s}.measure-cubes span:nth-child(6){animation-delay:.2s}.measure-cubes span:nth-child(7){animation-delay:.24s}.measure-cubes span:nth-child(8){animation-delay:.28s}.measure-cubes span:after{position:absolute;inset:7px 9px auto 8px;height:10px;border-radius:999px;background:#fff6;content:"";filter:blur(1px)}.measure-ruler.is-correct .measure-object{animation:measure-object-correct .7s cubic-bezier(.2,.9,.28,1.3) both}.measure-ruler.is-correct .measure-cubes span{animation:measure-cube-success .55s cubic-bezier(.2,.9,.3,1.25) both}.measure-ruler.is-correct .measure-cubes span:nth-child(2){animation-delay:35ms}.measure-ruler.is-correct .measure-cubes span:nth-child(3){animation-delay:.07s}.measure-ruler.is-correct .measure-cubes span:nth-child(4){animation-delay:.105s}.measure-ruler.is-correct .measure-cubes span:nth-child(5){animation-delay:.14s}.measure-ruler.is-correct .measure-cubes span:nth-child(6){animation-delay:.175s}.measure-ruler.is-correct .measure-cubes span:nth-child(7){animation-delay:.21s}.measure-ruler.is-correct .measure-cubes span:nth-child(8){animation-delay:.245s}.cube-measure .kinder-feedback{z-index:5;flex:0 0 auto;min-height:30px;margin:1px 0 0;padding:4px 14px;border-radius:14px;background:#57402f73;backdrop-filter:blur(6px)}.cube-measure .kinder-choices{z-index:5;flex:0 0 auto;width:min(650px,100%);margin:0 auto;gap:clamp(8px,1.5vw,14px)}.cube-measure .kinder-choice{min-height:clamp(75px,11svh,94px);font-size:clamp(26px,4vw,38px)}.cube-measure .kinder-choice small{display:block;font-size:13px}@keyframes cube-arrive{0%{opacity:0;transform:translateY(-14px) rotateX(9deg) scale(.84)}72%{opacity:1;transform:translateY(2px) rotateX(3deg) scale(1.035,.965)}to{opacity:1;transform:rotateX(3deg) scale(1)}}@keyframes measure-object-correct{0%{transform:translateY(0) scale(1)}42%{transform:translateY(-10px) rotate(-.7deg) scale(1.025,.975)}72%{transform:translateY(2px) rotate(.35deg) scale(.99,1.01)}to{transform:translateY(0) scale(1)}}@keyframes measure-cube-success{0%{transform:rotateX(3deg) translateY(0) scale(1)}48%{transform:rotateX(3deg) translateY(-8px) scale(1.07,.93)}to{transform:rotateX(3deg) translateY(0) scale(1)}}@keyframes measure-scene-drift{0%{transform:scale(var(--measure-scene-scale)) translate3d(-.2%,.08%,0)}to{transform:scale(var(--measure-scene-scale)) translate3d(.2%,-.08%,0)}}@media (max-width:1000px){.cube-measure.is-immersive .measure-stage{padding-top:138px}}@media (max-width:560px){.cube-measure.is-immersive .measure-stage{--cube-size:min(10.8vw,46px);gap:4px;padding:130px 7px 8px}.cube-measure .kinder-mascot{right:auto;bottom:8px;left:7px;width:104px}.measure-object{height:clamp(88px,14svh,118px)}.measure-endpoints{margin-top:-1px}.measure-cubes{min-height:calc(var(--cube-size) + 7px)}.measure-cubes span{border-width:3px}.cube-measure .kinder-choices{gap:7px}.cube-measure .kinder-choice{min-height:clamp(68px,10svh,78px);border-width:4px;border-radius:19px}.cube-measure .kinder-choice small{font-size:10px}.cube-measure .kinder-feedback{max-width:calc(100% - 96px);margin-right:0;margin-left:auto;padding:3px 8px;font-size:15px}}@media (max-height:680px) and (min-width:561px){.cube-measure.is-immersive .measure-stage{gap:2px;padding-top:88px}.measure-object{height:102px}.cube-measure .kinder-choice{min-height:70px}}@media (prefers-reduced-motion:reduce){.cube-measure .kinder-parallax-layer,.measure-cubes span,.measure-object{animation:none!important}}