:root{font-family:Comic Sans MS,Chalkboard,cursive,system-ui;line-height:1.5;font-weight:400;background:linear-gradient(180deg,#87ceeb,#b0e0e6,#98d8c8);overflow:hidden;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;position:relative;overflow:hidden}.ground{position:absolute;bottom:0;width:100%;height:20vh;background:linear-gradient(180deg,#7cfc00,#32cd32 30%,#228b22);border-top:8px solid #228B22;z-index:0}.sticker{position:absolute;font-size:60px;font-weight:700;color:#333;background:#fff;width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:2px 4px 8px #0003;cursor:grab;z-index:5;touch-action:none;border:4px solid white;transition:transform .1s ease-out}.sticker.rainbow-sticker{background:#fff;border-width:4px}.sticker.interactive{transition:transform .1s,box-shadow .1s}.sticker:active{cursor:grabbing;transform:scale(1.15)!important;box-shadow:4px 8px 16px #0000004d;z-index:100}.sticker.found-word{background:linear-gradient(135deg,#90ee90,#7cfc00);border-color:#32cd32;box-shadow:0 0 30px #32cd32,0 0 60px #32cd3280;transform:scale(1.2) rotate(0)!important;z-index:50;animation:found-pulse .5s ease-out}@keyframes found-pulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.4)}}.bg-item{position:absolute;bottom:20vh;font-size:80px;z-index:1;opacity:.9;pointer-events:auto!important;cursor:pointer;transition:transform .2s cubic-bezier(.25,1.5,.5,1);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.bg-item:active,.bg-item.wiggle{transform:scale(1.3) rotate(15deg)!important}.seagull{position:absolute;font-size:60px;z-index:200;pointer-events:auto;cursor:pointer;transition:transform .1s linear;filter:drop-shadow(4px 4px 4px rgba(0,0,0,.2))}.image-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:linear-gradient(135deg,#fff,#f0f8ff);padding:25px;border-radius:30px;box-shadow:0 15px 50px #0000004d;z-index:1000;text-align:center;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;gap:15px;border:5px solid #FFD93D}.image-popup.visible{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.image-popup img{width:280px;height:280px;object-fit:cover;border-radius:20px;background-color:#eee;border:4px solid #4ECDC4}.image-popup h2{margin:0;font-size:3rem;color:#ff6b6b;font-family:Comic Sans MS,cursive;text-shadow:2px 2px 0 #FFD93D}.popup-definition{font-size:1.1rem;color:#666;margin-top:5px;max-width:350px;text-align:center}.sparkle{position:absolute;width:15px;height:15px;background:radial-gradient(circle,#fff 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:200;animation:sparkle-fade .8s forwards ease-out}@keyframes sparkle-fade{0%{transform:scale(0) rotate(0);opacity:1}50%{opacity:.8}to{transform:scale(3) rotate(180deg);opacity:0}}.confetti{position:absolute;width:12px;height:12px;background-color:red;z-index:999;pointer-events:none;animation:fall 3s linear forwards}@keyframes fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}}@keyframes elephant-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sun-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}@keyframes cloud-float{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes flower-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes rainbow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes sparkle-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes popup-appear{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes popup-disappear{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes counting-pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes counting-fadeout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes confetti-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0)) rotate(720deg);opacity:0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes color-banner{0%{transform:translate(-50%,-50%) scale(0) rotate(-10deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes color-item-float{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:1}to{transform:translateY(-50vh) scale(1);opacity:0}}@keyframes color-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}@keyframes rainbow-appear{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:.8;transform:translate(-50%) scale(1)}}@keyframes rainbow-text{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}@keyframes rainbow-item-burst{0%{transform:translate(0) scale(0);opacity:0}30%{opacity:1}to{transform:translate(var(--end-x),var(--end-y)) scale(1);opacity:0}}@keyframes letter-bounce{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(5deg)}}@keyframes celebration-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes celebration-pop{0%{transform:translate(-50%,-50%) scale(0)}70%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes celebration-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}@keyframes trail-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes firework-particle{0%{transform:translate(0);opacity:1}to{transform:translate(var(--vx),calc(var(--vy) + 100px));opacity:0}}@keyframes flash-fade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3)}}@keyframes phrase-pop{0%{transform:translate(-50%,-50%) scale(0)}60%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes confetti-rain{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100vh) translate(var(--drift)) rotate(var(--spin));opacity:0}}@keyframes star-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + cos(var(--angle)) * var(--distance)),calc(-50% + sin(var(--angle)) * var(--distance) * -1)) scale(1);opacity:0}}@keyframes heart-float{0%{transform:translateY(0) translate(0);opacity:1}to{transform:translateY(-100vh) translate(var(--sway));opacity:0}}@keyframes balloon-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:1}to{transform:translateY(-120vh) translate(var(--sway)) scale(.8);opacity:0}}@keyframes sparkle-trail{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes celebration-btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff6b6b66}50%{transform:scale(1.05);box-shadow:0 6px 30px #ff6b6b99}}@media (max-width: 768px){.sticker{width:70px;height:70px;font-size:50px}.image-popup img{width:200px;height:200px}.image-popup h2{font-size:2.5rem}.controls{flex-wrap:wrap;gap:5px}.controls button{padding:8px 15px;font-size:1rem}.animal-zoo{max-height:60vh}.counting-corner{transform:translateY(-50%) scale(.85)}.color-corner{padding:8px 15px}.color-corner button{width:40px;height:40px}}@media (pointer: coarse){.sticker{width:90px;height:90px;font-size:55px}.zoo-animal-btn{width:70px!important;height:70px!important;font-size:45px!important}.number-btn{width:55px!important;height:55px!important;font-size:28px!important}.helper-letter{width:80px!important;height:90px!important;font-size:52px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.animal-zoo::-webkit-scrollbar{width:0;background:transparent}.animal-zoo{scrollbar-width:none}@keyframes shape-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shape-appear{0%{transform:translate(-50%,-50%) scale(0) rotate(-20deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes shape-text{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}@keyframes shape-burst{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rot));opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes egg-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes sparkle-twinkle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes crack-appear{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes shell-fly{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.5) rotate(var(--rot));opacity:0}}@keyframes hatch-appear{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes hatched-bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes confetti-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes egg-btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #ffdab980}50%{transform:scale(1.05);box-shadow:0 6px 25px #ffdab9b3}}@keyframes abc-btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #667eea80}50%{transform:scale(1.05);box-shadow:0 6px 25px #667eeab3}}@keyframes instrument-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes note-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(1.5);opacity:0}}@keyframes music-btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #667eea80}50%{transform:scale(1.03);box-shadow:0 6px 25px #667eeab3}}@keyframes rainbow-glow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px #FF6B6B}25%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px #FFD700}50%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px #4ECDC4}75%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px #A55EEA}}@keyframes dino-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes footprint-fade{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes lava-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes star-explode{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes flame-trail{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(var(--ty)) scale(.5);opacity:0}}@keyframes space-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes space-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff450080}50%{box-shadow:0 0 40px #ff4500cc,0 0 60px #ff450066}}@keyframes bubble-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-200px) scale(.5);opacity:0}}@keyframes fire-flicker{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-10px) scale(1.2)}to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes snow-fall{0%{transform:translateY(0) translate(0) rotate(0);opacity:1}to{transform:translateY(100px) translate(30px) rotate(180deg);opacity:0}}@keyframes stamp-pop{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes paint-btn-pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff475780}50%{transform:scale(1.03);box-shadow:0 6px 25px #ff4757b3}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes ocean-bubble-rise{0%{transform:translateY(0) translate(0) scale(1);opacity:.8}to{transform:translateY(-150px) translate(20px) scale(.5);opacity:0}}@keyframes splash-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes swim-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes popup-bubble{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-200px);opacity:0}}@keyframes body-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1);opacity:0}}@keyframes body-bounce{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.dino-world::-webkit-scrollbar,.space-corner::-webkit-scrollbar,.ocean-corner::-webkit-scrollbar,.body-parts-corner::-webkit-scrollbar{width:0;background:transparent}.dino-world,.space-corner,.ocean-corner,.body-parts-corner{scrollbar-width:none}@keyframes world-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes world-disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.world-selector{z-index:1000!important}
