*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#570275;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.acorn{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transform-origin:center;transition:transform .1s ease-out,box-shadow .1s ease-out}.acorn:hover{animation:vibrate .2s linear infinite}.acorn__image{display:block;max-width:220px;width:100%;height:auto;filter:drop-shadow(0 0 25px rgba(0, 0, 0, 0.4))}@keyframes vibrate{0%{transform:translate(0, 0) rotate(0deg)}20%{transform:translate(-2px, 1px) rotate(-1deg)}40%{transform:translate(2px, -1px) rotate(1deg)}60%{transform:translate(-1px, 2px) rotate(0deg)}80%{transform:translate(1px, -2px) rotate(1deg)}100%{transform:translate(0, 0) rotate(0deg)}}.droplet{position:fixed;top:-5vh;width:10px;height:24px;border-radius:50% 50% 50% 50%;background:hsla(0,0%,100%,.95);box-shadow:0 0 10px hsla(0,0%,100%,.9);pointer-events:none;animation:fall 1.5s linear forwards}@keyframes fall{0%{transform:translateY(0) scaleX(0.9);opacity:1}90%{transform:translateY(110vh) scaleX(1);opacity:1}100%{transform:translateY(120vh) scaleX(1.1);opacity:0}}