@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.number-display.wrong{animation:shake .5s}.fruit.dragging{opacity:.7;transform:scale(.9)}.drop-box.hover{background:#fff6!important;transform:scale(1.05)}.drop-box.active{transform:scale(1.08);background:#fff6!important;transition:all .2s ease-out}@media (max-width: 768px){.drop-zones{grid-template-columns:repeat(5,minmax(50px,1fr));gap:1rem}.drop-box{height:60px;width:60px}.fruits-container{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:1rem}.fruit{font-size:2rem}}.feedback-message{padding:10px 20px;border-radius:20px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;display:none}.feedback-message.correct{background-color:#0f03;border:1px solid #00FF00}.feedback-message.wrong{background-color:#f003;border:1px solid #FF0000}