.balloon-pop-addition{--hot:#ff7da8;--deep:#bd4c7d;--ink:#414b78;--sky:#8eddf8;background:linear-gradient(180deg,#9be2fb,#d7f4ff 68%,#78c967 0)}.balloon-pop-addition .prek-immersive-heading p{color:#9b4770}.balloon-pop-addition.is-immersive .prek-machine{background:#ee78a2;box-shadow:0 10px 0 #a94473,0 22px 42px #56394c45}.balloon-pop-addition.is-immersive .prek-prompt,.balloon-pop-addition.is-immersive .prek-status{background:#fffbedeb;box-shadow:0 7px 20px #4056772e}.balloon-pop-addition.is-immersive .prek-stars svg{color:#a8a8bd;fill:#e5e5f1}.balloon-pop-addition.is-immersive .prek-stars svg.is-done{color:#cf8c18;fill:#ffdb57}.balloon-pop-addition.is-immersive .prek-stars svg.is-current{color:#bd4c7d;fill:#ff9abe}.balloon-scene{position:absolute;z-index:0;inset:0;min-height:0;overflow:hidden;background:#8eddf8;isolation:isolate}.balloon-background{z-index:-5;object-fit:cover;object-position:center;image-rendering:auto;transform:translateZ(0) scale(1.002);backface-visibility:hidden}.balloon-sunlight{position:absolute;z-index:-4;inset:0;pointer-events:none;background:radial-gradient(circle at 65% 17%,#fff7 0 5%,transparent 27%),linear-gradient(180deg,#fff1 0 58%,#31592b18 100%)}.balloon-equation{position:absolute;z-index:15;top:108px;left:50%;display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.5vw,18px);color:#fffdf4;font-size:clamp(46px,6.8vw,84px);font-weight:1000;line-height:1;letter-spacing:-.035em;text-shadow:0 3px 0 #485d87,0 6px 0 #334b78,0 11px 18px #38537448;translate:-50% 0;white-space:nowrap}.balloon-equation span{color:#ffe360}.balloon-equation-answer{display:grid;width:1.1em;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff;background:radial-gradient(circle at 36% 28%,#ff9cba,#ed5f8e 72%);box-shadow:inset 0 4px #fff7,0 6px 0 #b83e6a,0 10px 18px #40567b3d;font-size:.78em;text-shadow:0 3px #9a3459}.balloon-answer-field{position:absolute;z-index:10;top:30%;right:4%;bottom:16%;left:20%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;gap:clamp(4px,1.5vw,24px)}.balloon-slot{position:relative;display:grid;width:min(100%,200px);place-items:center}.balloon-slot:nth-child(2),.balloon-slot:nth-child(4){translate:0 7%}.answer-balloon{position:relative;display:grid;width:clamp(128px,16vw,190px);aspect-ratio:2/3;place-items:center;padding:0;border:0;outline:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 80%;animation:balloon-natural-float 3.6s var(--float-delay) ease-in-out infinite;filter:drop-shadow(0 14px 10px #324e6b42)}.answer-balloon-art{object-fit:contain;object-position:center;transform:translateZ(0);backface-visibility:hidden}.balloon-blue .answer-balloon-art{filter:hue-rotate(135deg) saturate(.9) brightness(1.05)}.balloon-yellow .answer-balloon-art{filter:hue-rotate(55deg) saturate(.95) brightness(1.08)}.balloon-purple .answer-balloon-art{filter:hue-rotate(245deg) saturate(.75) brightness(.98)}.answer-balloon>span{position:absolute;z-index:3;top:32%;left:50%;color:#fffdf6;font-size:clamp(45px,6vw,72px);font-weight:1000;line-height:1;text-shadow:0 3px 0 #75405b,0 7px 10px #65384c66;translate:-50% -50%}.balloon-yellow>span{color:#654d2c;text-shadow:0 2px 0 #fff6,0 5px 8px #684f2a42}.answer-balloon:hover:not(:disabled){animation-play-state:paused;filter:brightness(1.05) drop-shadow(0 18px 12px #324e6b4d)}.answer-balloon:focus-visible:after{position:absolute;z-index:4;top:7%;left:12%;width:76%;height:58%;border:6px solid #fff36c;border-radius:50%;content:"";box-shadow:0 0 0 4px #3e4a75}.answer-balloon:disabled{cursor:default}.answer-balloon.is-popping{pointer-events:none;animation:balloon-pop-enhanced .46s ease-out forwards}.pop-burst{position:absolute;z-index:16;top:36%;left:50%;width:1px;height:1px;overflow:visible;pointer-events:none}.pop-burst:after,.pop-burst:before{position:absolute;top:0;left:0;width:145px;height:145px;border:8px solid #fff;border-radius:50%;content:"";opacity:0;transform:translate(-50%,-50%) scale(.15);animation:balloon-pop-ring .46s ease-out forwards}.pop-burst:after{width:105px;height:105px;border-color:#fff6a4;animation-delay:.04s}.pop-burst b{position:absolute;z-index:3;top:0;left:0;color:#fff;font-size:25px;font-weight:1000;letter-spacing:.04em;-webkit-text-stroke:5px #e84c78;paint-order:stroke fill;white-space:nowrap;transform:translate(-50%,-50%) scale(.2) rotate(-10deg);animation:balloon-pop-word .62s cubic-bezier(.18,1.6,.35,1) forwards}.pop-burst em{position:absolute;top:-7px;left:-7px;width:14px;height:14px;border:3px solid #fff;background:#ffd84f;clip-path:polygon(50% 0,62% 35%,100% 38%,70% 59%,80% 100%,50% 76%,20% 100%,30% 59%,0 38%,38% 35%);animation:balloon-pop-particle .58s ease-out forwards}.pop-burst em:first-of-type{--pop-x:0px;--pop-y:-105px}.pop-burst em:nth-of-type(2){--pop-x:67px;--pop-y:-82px;background:#ff8eb0}.pop-burst em:nth-of-type(3){--pop-x:108px;--pop-y:-25px;background:#78d9f5}.pop-burst em:nth-of-type(4){--pop-x:90px;--pop-y:60px}.pop-burst em:nth-of-type(5){--pop-x:35px;--pop-y:100px;background:#a88cf1}.pop-burst em:nth-of-type(6){--pop-x:-35px;--pop-y:100px;background:#72dfa3}.pop-burst em:nth-of-type(7){--pop-x:-90px;--pop-y:60px}.pop-burst em:nth-of-type(8){--pop-x:-108px;--pop-y:-25px;background:#ff8eb0}.pop-burst em:nth-of-type(9){--pop-x:-67px;--pop-y:-82px;background:#78d9f5}.pop-burst em:nth-of-type(10){--pop-x:0px;--pop-y:76px;background:#a88cf1}.balloon-cherry{position:absolute;z-index:13;bottom:1.5%;left:-4%;width:clamp(210px,25.5vw,300px);aspect-ratio:1;pointer-events:none;transform-origin:50% 92%;filter:drop-shadow(0 13px 8px #38533b4a)}.balloon-cherry:after{position:absolute;z-index:-1;right:13%;bottom:2%;left:13%;height:13%;border-radius:50%;background:radial-gradient(ellipse,#344d3257,transparent 70%);content:"";filter:blur(3px)}.balloon-cherry img{object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .12s linear}.balloon-cherry.is-happy img.is-happy,.balloon-cherry.is-idle img.is-idle,.balloon-cherry.is-surprised img.is-surprised{opacity:1}.balloon-feedback{position:absolute;z-index:14;right:4%;bottom:3%;left:22%;margin:0;color:#fffdf0;font-size:clamp(18px,2.3vw,28px);font-weight:1000;text-align:center;text-shadow:0 3px 0 #46613e,0 7px 14px #31472f66}@keyframes balloon-natural-float{0%,to{transform:translate3d(0,8px,0) rotate(-1.5deg)}50%{transform:translate3d(0,-15px,0) rotate(1.5deg)}}@keyframes balloon-pop-enhanced{0%{transform:scale(1)}32%{transform:scale(1.18,.9)}55%{opacity:.72;transform:scale(.86,1.1)}to{opacity:0;transform:scale(.04) rotate(22deg)}}@keyframes balloon-pop-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes balloon-pop-word{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-10deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(5deg)}to{opacity:0;transform:translate(-50%,-85%) scale(1) rotate(-3deg)}}@keyframes balloon-pop-particle{0%{opacity:1;transform:translate(0) scale(.4) rotate(0)}to{opacity:0;transform:translate(var(--pop-x),var(--pop-y)) scale(1.15) rotate(180deg)}}@media (max-width:1000px){.balloon-equation{top:144px}.balloon-answer-field{top:33%;right:2%;bottom:17%;left:18%}.answer-balloon{width:clamp(120px,18vw,165px)}.balloon-cherry{left:-4.5%;width:clamp(188px,27vw,255px)}}@media (max-width:650px){.balloon-background{object-position:50% center}.balloon-equation{top:137px;font-size:clamp(40px,12vw,57px)}.balloon-answer-field{top:205px;right:5%;bottom:112px;left:12%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0 13px}.balloon-slot{width:min(100%,145px);height:100%}.balloon-slot:nth-child(2),.balloon-slot:nth-child(4){translate:0 0}.answer-balloon{width:clamp(98px,31vw,130px)}.answer-balloon>span{font-size:clamp(39px,13vw,56px)}.balloon-cherry{bottom:1%;left:-8%;width:168px}.balloon-feedback{right:3%;bottom:2%;left:25%;font-size:16px}}@media (max-width:390px){.balloon-equation{top:141px;font-size:39px}.balloon-answer-field{top:198px;bottom:105px;left:10%}.answer-balloon{width:102px}.balloon-cherry{left:-9%;width:141px}.balloon-feedback{font-size:14px}}@media (max-height:700px) and (min-width:651px){.balloon-equation{top:124px;font-size:54px}.balloon-answer-field{top:29%;bottom:12%}.answer-balloon{width:128px}.balloon-cherry{width:203px}}@media (prefers-reduced-motion:reduce){.answer-balloon,.answer-balloon.is-popping,.pop-burst b,.pop-burst em,.pop-burst:after,.pop-burst:before{animation:none!important}.balloon-cherry img{transition:none}}