@import "https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";
.kid-font{font-family:Comic Neue,cursive,sans-serif}.kid-font .font-black,.kid-font .font-extrabold{font-weight:700!important}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.egg-shape{border-radius:50%/60% 60% 40% 40%;box-shadow:inset -10px -10px 20px #00000026,inset 10px 10px 20px #fff6,0 8px 15px #0000001a}.wobble{animation:3.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.02)}}@keyframes fall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}@keyframes winner-action{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.6)rotate(0)}70%{transform:scale(1.6)rotate(360deg)}to{transform:scale(1)rotate(360deg)}}.animate-winner{transform-origin:50%;z-index:10;animation:1.5s ease-in-out forwards winner-action}@keyframes crown-drop{0%{opacity:0;transform:translateY(-20px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-crown{opacity:0;animation:.4s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards crown-drop}.toggle-checkbox:checked{border-color:#10b981;right:0}.toggle-checkbox:checked+.toggle-label{background-color:#10b981}.toggle-checkbox:checked+.toggle-label:after{border-color:#fff;transform:translate(100%)}
.kid-font{font-family:Comic Neue,cursive,sans-serif}.kid-font .font-black,.kid-font .font-extrabold{font-weight:700!important}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.wobble{animation:3.5s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.02)}}@keyframes winner-action{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.6)rotate(0)}70%{transform:scale(1.6)rotate(360deg)}to{transform:scale(1)rotate(360deg)}}.animate-winner{transform-origin:50%;z-index:10;animation:1.5s ease-in-out forwards winner-action}@keyframes crown-drop{0%{opacity:0;transform:translateY(-20px)scale(0)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-crown{opacity:0;animation:.4s cubic-bezier(.175,.885,.32,1.275) 1.5s forwards crown-drop}@keyframes fall{0%{opacity:1;transform:translateY(-5vh)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(720deg)}}.word-scroll::-webkit-scrollbar{width:8px}.word-scroll::-webkit-scrollbar-track{background:0 0}.word-scroll::-webkit-scrollbar-thumb{background-color:#fde68a;border-radius:20px}
.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.card-shadow{box-shadow:0 8px 32px #3b82f62e,0 2px 8px #00000014}@keyframes flyToGot{0%{opacity:1;transform:scale(1)translate(0)rotate(0)}to{opacity:0;transform:scale(.85)translate(-30%,50%)rotate(-3deg)}}@keyframes flyToAlmost{0%{opacity:1;transform:scale(1)translate(0)rotate(0)}to{opacity:0;transform:scale(.85)translateY(50%)rotate(0)}}.fly-got{pointer-events:none;animation:.3s ease-in-out forwards flyToGot}.fly-almost{pointer-events:none;animation:.3s ease-in-out forwards flyToAlmost}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes error-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.animate-error-shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both error-shake}@keyframes glow-green{0%{border-color:#bfdbfe;box-shadow:0 0 #10b98100}50%{background-color:#f0fdf4;border-color:#10b981;box-shadow:0 0 40px #10b98199}to{border-color:#bfdbfe;box-shadow:0 0 #10b98100}}.animate-glow-green{animation:.4s ease-in-out glow-green}