*{box-sizing:border-box;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{color:#333;background:radial-gradient(125% 125% at 50% -10%,#10b981 0%,#047857 55%,#065f46 100%) fixed;width:100%;height:100%;font-family:"Baloo 2",Nunito,sans-serif;overflow:hidden}.screen{opacity:0;pointer-events:none;justify-content:safe center;align-items:center;width:100%;height:100%;padding:1.25rem 1rem;transition:opacity .3s;display:flex;position:absolute;overflow-y:auto}.screen.active{opacity:1;pointer-events:auto}.start-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:100%;display:flex}.pip-intro{filter:drop-shadow(0 10px 18px #00000038);width:auto;height:160px;margin-bottom:1rem;animation:2.6s ease-in-out infinite charFloat}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.welcome-text{color:#fff;text-shadow:0 2px 14px #00000038;margin-bottom:1rem;font-size:clamp(1.5rem,5vw,3rem);font-weight:800;line-height:1.2}.welcome-subtext{color:#ffffffeb;margin-bottom:2rem;font-size:clamp(1rem,4vw,1.5rem);font-weight:500}.mode-selector{flex-direction:column;gap:1rem;width:100%;max-width:500px;margin-bottom:2rem;display:flex}.mode-btn{backdrop-filter:blur(6px);color:#fff;cursor:pointer;text-align:center;background:#ffffff29;border:2px solid #ffffff73;border-radius:30px;justify-content:center;align-items:center;min-height:80px;padding:1.5rem 2rem;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.1rem,4vw,1.4rem);font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 22px #0000002e}.mode-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #10b98166}.mode-btn:active{transform:translateY(-1px)}.pop-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e72 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:min(150px,30vw);height:min(150px,30vw);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;transition:all .2s;display:flex;box-shadow:0 8px 20px #ff6b6b4d}.pop-btn:hover{transform:scale(1.05);box-shadow:0 10px 25px #ff6b6b66}.pop-btn:active{transform:scale(.98)}.game-screen{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative;overflow-y:auto}.game-header{justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.score-display{color:#10b981;background:#fff;border-radius:20px;padding:.8rem 1.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;box-shadow:0 2px 10px #10b98133}.round-display{color:#047857;background:#fff;border-radius:20px;padding:.6rem 1.2rem;font-size:clamp(1rem,3vw,1.3rem);font-weight:700}.question-area{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:100px;margin-bottom:2rem;display:flex}.question-text{color:#10b981;margin-bottom:1rem;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;line-height:1.2}.question-hint{color:#047857;font-size:clamp(1rem,4vw,1.3rem);font-weight:500}.bubbles-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;min-height:300px;margin-bottom:2rem;display:flex;position:relative}.bubble{cursor:pointer;color:#fff;text-shadow:1px 1px 3px #0003;user-select:none;border-radius:50%;justify-content:center;align-items:center;min-width:clamp(80px,15vw,100px);min-height:clamp(80px,15vw,100px);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:800;transition:all .2s;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 4px 15px #00000026}.bubble:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.bubble:active{transform:scale(.95)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.bubble.float-1{animation:3s ease-in-out infinite float}.bubble.float-2{animation:3.5s ease-in-out .5s infinite float}.bubble.float-3{animation:2.8s ease-in-out 1s infinite float}.bubble.float-4{animation:3.2s ease-in-out .3s infinite float}.bubble.float-5{animation:2.9s ease-in-out .8s infinite float}.bubble.float-6{animation:3.1s ease-in-out .6s infinite float}@keyframes popBubble{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.bubble.popped{animation:.5s ease-out forwards popBubble}.bubble.wobble{opacity:.5;animation:.4s wobble}.particle{pointer-events:none;border-radius:50%;position:absolute}@keyframes particleExplode{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(0)}}.particle.burst{animation:.6s ease-out forwards particleExplode}.bubble-wobble{opacity:.5;animation:.4s wobble}.progress-dots{flex-wrap:wrap;justify-content:center;gap:.8rem;width:100%;max-width:400px;display:flex}.progress-dot{background:#ddd;border-radius:50%;width:clamp(20px,5vw,25px);height:clamp(20px,5vw,25px);transition:all .3s;box-shadow:0 2px 5px #0000001a}.progress-dot.completed{background:linear-gradient(135deg,#10b981 0%,#047857 100%);box-shadow:0 2px 10px #10b9814d}.progress-dot.current{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e72 100%);box-shadow:0 2px 10px #ff6b6b4d}.end-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:100%;display:flex}.celebration-pip{filter:drop-shadow(0 10px 18px #00000038);width:auto;height:178px;margin-bottom:1rem;animation:.6s infinite celebration}@keyframes celebration{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-20px)rotate(5deg)}75%{transform:translateY(-20px)rotate(-5deg)}}.celebration-text{color:#10b981;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.2}.final-score-text{color:#fffffff2;text-shadow:0 1px 6px #0003;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:600}.stars-display{flex-wrap:wrap;justify-content:center;gap:.8rem;max-width:500px;margin:1rem 0;display:flex}.star{font-size:clamp(2rem,6vw,3rem);animation:.5s forwards starPop}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.star:first-child{animation-delay:.1s}.star:nth-child(2){animation-delay:.2s}.star:nth-child(3){animation-delay:.3s}.star:nth-child(4){animation-delay:.4s}.star:nth-child(5){animation-delay:.5s}.star:nth-child(6){animation-delay:.6s}.star:nth-child(7){animation-delay:.7s}.star:nth-child(8){animation-delay:.8s}.star:nth-child(9){animation-delay:.9s}.star:nth-child(10){animation-delay:1s}.pip-message{color:#ff6b6b;font-size:clamp(1.2rem,4vw,1.6rem);font-style:italic;font-weight:700}.play-again-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#047857 100%);border:none;border-radius:30px;justify-content:center;align-items:center;min-height:80px;padding:1.5rem 3rem;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 15px #10b9814d}.play-again-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #10b98166}.play-again-btn:active{transform:translateY(-1px)}.encouraging-message{color:#ff6b6b;text-align:center;pointer-events:none;z-index:1000;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:800;animation:1.2s ease-out forwards messageFloat;position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%)}@keyframes messageFloat{0%{opacity:1;transform:translate(-50%,50%)scale(1)}to{opacity:0;transform:translate(-50%,-100%)scale(1.2)}}.confetti{pointer-events:none;z-index:999;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(360deg)}}.confetti-piece{animation:2s ease-out forwards confettiFall}.bubble.color-1{background:linear-gradient(135deg,#ff6b6b 0%,#ff8e72 100%)}.bubble.color-2{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%)}.bubble.color-3{background:linear-gradient(135deg,#ffe66d 0%,#ffc93c 100%)}.bubble.color-4{background:linear-gradient(135deg,#95e1d3 0%,#38ada9 100%)}.bubble.color-5{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)}.bubble.color-6{background:linear-gradient(135deg,#ff9a56 0%,#ff6348 100%)}@media (width<=600px){.game-header{margin-bottom:.5rem}.question-area{margin-bottom:1rem}.bubbles-container{min-height:280px;margin-bottom:1rem}}@media (orientation:landscape) and (height<=600px){.game-screen{padding:.5rem}.question-area{margin-bottom:1rem}.bubbles-container{min-height:200px;margin-bottom:.5rem}}a:focus-visible,button:focus-visible,[role=button]:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #ff6b35}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.skip-link{color:#fff;z-index:9999;background:#2d2d44;border-radius:0 0 8px 8px;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}