body{align-items:center;background-color:#f0f8ff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="10" cy="10" r="3" fill="%23C6E6FB" /><circle cx="40" cy="30" r="4" fill="%23A1D6F7" /><circle cx="70" cy="15" r="3" fill="%23C6E6FB" /><circle cx="30" cy="70" r="5" fill="%23A1D6F7" /><circle cx="90" cy="85" r="4" fill="%23C6E6FB" /><circle cx="55" cy="50" r="3" fill="%23A1D6F7" /></svg>');color:#333;display:flex;font-family:Inter,Noto Sans SC,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:20px 0}.game-container{background:#fff;border:6px solid #ffd166;border-radius:20px;box-shadow:0 15px 25px rgba(0,0,0,.1);max-width:400px;padding:20px;text-align:center;width:90%}header h1{color:#ff6b6b;font-size:2.5em;letter-spacing:1px;margin-bottom:10px;text-shadow:2px 2px 0 hsla(0,100%,71%,.2)}.score-board{background:#fff7e0;border:2px dashed #ffd166;border-radius:10px;box-shadow:inset 0 0 10px rgba(255,209,102,.3);display:flex;justify-content:space-around;margin-bottom:20px;padding:10px;position:relative}.score-item{font-size:1.2em;width:80px}.score-item span{display:block}.score-item span:first-child{color:#4ecdc4;font-weight:700}#timer{color:#ff6b6b}#score,#timer{font-size:1.3em;font-weight:700}#score{color:#06d6a0}.dinosaur img{filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));margin-bottom:-20px;transition:transform .3s ease;width:110px}.dinosaur img:hover{transform:scale(1.1) rotate(5deg)}.question-area{align-items:center;display:flex;justify-content:center;margin-bottom:25px;min-height:120px;position:relative}.speech-bubble{background:#e7f9ff;border:3px solid #1a535c;border-radius:30px;box-shadow:0 5px 0 #1a535c;color:#1a535c;display:inline-block;font-size:2.5em;font-weight:700;padding:20px 30px;position:relative;transition:all .3s ease}.speech-bubble:after{border-color:#e7f9ff transparent transparent;border-style:solid;border-width:15px 15px 0;bottom:-15px;z-index:1}.speech-bubble:after,.speech-bubble:before{content:"";left:50%;position:absolute;transform:translateX(-50%)}.speech-bubble:before{border-color:#1a535c transparent transparent;border-style:solid;border-width:20px 20px 0;bottom:-20px;z-index:0}.speech-bubble.correct{background-color:#e8f9f0;border-color:#06d6a0;box-shadow:0 5px 0 #06d6a0;color:#06d6a0;transform:scale(1.05)}.speech-bubble.correct:after{border-color:#e8f9f0 transparent transparent}.speech-bubble.correct:before{border-color:#06d6a0 transparent transparent}.speech-bubble.incorrect{background-color:#ffe8e8;border-color:#ff6b6b;box-shadow:0 5px 0 #ff6b6b;color:#ff6b6b;transform:scale(.95)}.speech-bubble.incorrect:after{border-color:#ffe8e8 transparent transparent}.speech-bubble.incorrect:before{border-color:#ff6b6b transparent transparent}.options-grid{align-content:center;display:grid;gap:15px;grid-template-columns:1fr 1fr;min-height:180px}.option-btn{background:linear-gradient(145deg,#4ecdc4,#2ec4b6);border:none;border-radius:15px;box-shadow:0 5px #26a69a;color:#fff;cursor:pointer;font-family:Inter,Noto Sans SC,sans-serif;font-size:1.8em;padding:20px;transition:all .2s ease-in-out}.option-btn:hover{box-shadow:0 8px #26a69a;transform:translateY(-3px)}.option-btn:active{box-shadow:0 2px #26a69a;transform:translateY(3px)}#play-again-btn,#reset-collection-btn,#start-btn{background:linear-gradient(145deg,#ffd166,#f4a261);border:none;border-radius:15px;box-shadow:0 5px #e76f51;color:#fff;cursor:pointer;font-family:Inter,Noto Sans SC,sans-serif;font-size:1.2em;grid-column:1/-1;padding:15px;transition:all .2s ease-in-out}#play-again-btn:hover,#reset-collection-btn:hover,#start-btn:hover{box-shadow:0 8px #e76f51;transform:translateY(-3px)}#play-again-btn:active,#reset-collection-btn:active,#start-btn:active{box-shadow:0 2px #e76f51;transform:translateY(3px)}.sticker-wall-container{background:#fafafa;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect width="20" height="20" fill="%23FAFAFA"/><circle cx="10" cy="10" r="1" fill="%23f0f0f0" /></svg>');border:2px dashed #e0e0e0;border-radius:10px;margin-top:30px;padding:15px 10px}.sticker-wall-container h2{color:#1a535c;font-size:1.4em;margin-bottom:15px;margin-top:0;text-align:center}.modal-overlay{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:pop-in .5s ease;background:#fff;border:6px solid #ffd166;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.3);max-width:80%;padding:30px 40px;text-align:center}.modal-content h2{color:#ff6b6b;margin-top:0}.hint-btn{align-items:center;animation:pop-in .5s ease,pulse 2s ease-in-out infinite;background:#ffed66;border:3px solid #ffd166;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:2em;height:50px;justify-content:center;position:absolute;right:0;top:-10px;width:50px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animation-content{background:#fff;border:6px solid #4ecdc4;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#333;font-family:Inter,Noto Sans SC,sans-serif;font-size:1.1em;font-weight:700;max-width:500px;min-height:280px;padding:25px;position:relative;width:90%}.animation-content .close-btn{background:none;border:none;color:#ff6b6b;cursor:pointer;font-size:1.5em;position:absolute;right:15px;top:10px}.animation-content h3{color:#1a535c;font-size:1.3em;margin:0 0 15px;text-align:center}.anim-step{border-radius:10px;margin-bottom:15px;opacity:0;padding:10px;text-align:center;transition:opacity .5s ease;visibility:hidden}.anim-step.visible{background:#f7fdff;opacity:1;visibility:visible}.anim-num{background:#e7f9ff;border:2px solid #4ecdc4;border-radius:10px;color:#1a535c;font-size:1.1em;margin:0 8px;padding:4px 12px}.anim-num,.anim-op{display:inline-block}.anim-op{color:#ff6b6b;font-weight:700;text-align:center;width:25px}.sticker-book{display:grid;gap:10px;grid-template-columns:repeat(6,1fr);padding:10px}.sticker-item{align-items:center;aspect-ratio:1/1;background-color:#f0f0f0;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:100%}.sticker-item.unlocked{background-color:#e8f9f0;box-shadow:0 3px 6px rgba(0,0,0,.1);transform:scale(1.05);z-index:1}.sticker-item:hover{transform:scale(1.1);z-index:2}.sticker-item img{height:80%;transition:all .5s ease;width:80%}.sticker-item.locked img{opacity:.4}.sticker-item.unlocked:after{bottom:2px;color:#06d6a0;content:"✓";font-size:.8em;font-weight:700;position:absolute;right:5px}.anim-tabs{border-bottom:2px solid #e7f9ff;display:flex;justify-content:center;margin-bottom:15px}.anim-tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:#1a535c;cursor:pointer;font-size:.9em;padding:8px 12px;transition:all .3s ease}.anim-tab-btn:hover{background:#f7fdff}.anim-tab-btn.active{border-bottom:3px solid #4ecdc4;color:#4ecdc4;font-weight:700}.anim-method-container{display:none}.anim-method-container.active{display:block}@media (max-width:420px){.animation-content{font-size:.9em;min-height:250px;padding:15px}.anim-num{margin:0 5px;padding:2px 8px}.game-container{padding:15px}.option-btn{font-size:1.6em;padding:15px 10px}}.sparkle{animation:twinkle 1.5s ease-in-out infinite;display:inline-block}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.cloud{animation:float 8s ease-in-out infinite;font-size:2em;opacity:.8;position:absolute}.cloud-left{animation-delay:0s;left:20px;top:10px}.cloud-right{animation-delay:2s;right:20px;top:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stars{margin:10px 0 20px}.stars span{animation:rotate 3s linear infinite;display:inline-block;font-size:1.5em;margin:0 5px}.stars span:nth-child(2){animation-delay:.3s}.stars span:nth-child(3){animation-delay:.6s}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confetti{margin:10px 0}.confetti span{animation:jump 1s ease-in-out infinite;display:inline-block;font-size:1.5em;margin:0 5px}.confetti span:nth-child(2){animation-delay:.2s}.confetti span:nth-child(3){animation-delay:.4s}.confetti span:nth-child(4){animation-delay:.6s}.confetti span:nth-child(5){animation-delay:.8s}@keyframes jump{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}