*{box-sizing:border-box}html,body{background:#f7f8fc;height:100%;margin:0;padding:0;font-family:Arial,sans-serif;overflow:hidden}.celebration-overlay{pointer-events:none;z-index:15;position:fixed;inset:0}.correct-popup{text-align:center;color:#5a2a8f;z-index:20;pointer-events:none;background:radial-gradient(circle,#fffffff5 0%,#fff4baeb 30%,#ffcddfe0 62%,#c2ecffdb 100%);place-content:center;gap:6px;padding:18px 20px;animation:.25s ease-out correctPopupIn;display:grid;position:fixed;inset:0;box-shadow:inset 0 0 120px #ffffff73}.correct-popup.correct-popup-interactive{pointer-events:auto}.correct-popup-stars{letter-spacing:2px;margin-bottom:4px;font-size:clamp(1.4rem,4vw,2rem)}.correct-popup-main{letter-spacing:.02em;color:#3f116f;text-shadow:0 2px #ffffffe6,0 0 6px #ffffffd9,0 8px 16px #4c147c52;font-size:clamp(2.2rem,8vw,4.4rem);font-weight:900;line-height:1.1}.correct-popup-sub{color:#5a2a8f;text-shadow:0 2px 10px #ffffffa6;margin-top:6px;font-size:clamp(1rem,3.2vw,1.6rem);font-weight:700}.celebration-flash{background:radial-gradient(circle,#ffffd7f2 0%,#ffe6fc8c 38%,#ffe6fc00 74%);animation:.9s ease-out forwards celebrationFlash;position:absolute;inset:-20%}.celebration-rays{filter:blur(.8px);opacity:.9;background:conic-gradient(#ffde7a6b,#ffaacd61,#a1e6ff6b,#cdc0ff61,#ffde7a6b);animation:1.4s linear infinite celebrationSpin;position:absolute;inset:-25%}.celebration-confetti{position:absolute;inset:0;overflow:hidden}.celebration-piece{background:hsl(calc(40deg + var(--hue-shift,0deg)) 90% 62%);border-radius:3px;width:10px;height:16px;animation:1s ease-in forwards celebrationDrop;position:absolute;top:-14%;box-shadow:0 0 6px #ffffffa6}.celebration-level-2 .celebration-flash{animation-duration:1.2s}.celebration-level-2 .celebration-rays{opacity:.9;animation-duration:.9s}.celebration-level-2 .celebration-piece{width:12px;height:18px;animation-duration:1.2s}@keyframes celebrationFlash{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes celebrationSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes celebrationDrop{0%{opacity:0;transform:translate(0,0)rotate(0)}15%{opacity:1}to{transform:translate3d(var(--drift,0px), 120%, 0) rotate(480deg);opacity:0}}@keyframes correctPopupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
