.drop-wrap.collected{animation:collected .92s cubic-bezier(.22,.72,.18,1)}.drop-wrap.collected .aqua-character{filter:drop-shadow(0 7px 12px rgba(85,174,241,.2))}@keyframes collected{0%{transform:scale(1)}24%{transform:scale(1.045)}58%{transform:scale(.985)}100%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media (max-height:820px) and (min-width:651px){.drop-wrap{width:min(24vw,275px)}.timer{font-size:clamp(50px,5.2vw,72px)}.controls{margin-top:14px}.drops-section{margin-top:20px}}
.drop-wrap{width:clamp(300px,17vw,330px);min-width:0;aspect-ratio:4/5}.drop-fill{fill:#edf7fd}.drop-outline{stroke:#5aaef3;stroke-width:2.2;stroke-linejoin:round}.wave{fill:#63baf8}.wave-back{fill:#82cbfa;opacity:.65}.face circle{fill:#123e67}.face path{stroke:#123e67;stroke-width:4}.highlight{display:none}@media (max-height:820px) and (min-width:651px){.drop-wrap{width:min(24vw,275px)}}@media (max-width:650px){.drop-wrap{width:min(70vw,300px)}}
.drop-wrap{position:relative}.aqua-character{position:absolute;width:145%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.aqua-layer,.aqua-water-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}.aqua-body{z-index:1}.aqua-water-clip{z-index:2;overflow:hidden}.aqua-water{position:absolute;inset:0;background:#69bcf7;transition:transform .35s linear;will-change:transform}.aqua-water svg{position:absolute;width:125%;height:7%;left:-12.5%;top:-3.4%;overflow:visible}.water-wave-back{fill:#8bcdf9;opacity:.9;animation:aquaWaveBack 9s linear infinite}.water-wave-front{fill:#69bcf7;animation:aquaWaveFront 6.5s linear infinite}.aqua-highlight{z-index:3}.aqua-face{z-index:4;transform:translate(-1%,-13.5%)}@keyframes aquaWaveBack{from{transform:translateX(-3%)}to{transform:translateX(3%)}}@keyframes aquaWaveFront{from{transform:translateX(3%)}to{transform:translateX(-3%)}}