.water-depth-chart-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:440px;margin:1.5rem auto 1rem;font-family:Outfit,Inter,-apple-system,sans-serif;display:flex}.water-depth-chart-container.puddle-chart-view{aspect-ratio:1;background:0 0;justify-content:center;align-items:center;width:100%;max-width:420px;height:auto;transition:filter .8s;display:flex;position:relative}.puddle-svg{width:100%;height:100%;overflow:visible}.puddle-blob{transform-origin:150px 150px}.blob-1{animation:9s ease-in-out infinite alternate puddle-liquid-float-1}.blob-2{animation:11s ease-in-out infinite alternate puddle-liquid-float-2}.blob-3{animation:13s ease-in-out infinite alternate puddle-liquid-float-3}.blob-4{animation:15s ease-in-out infinite alternate puddle-liquid-float-4}.blob-5{animation:17s ease-in-out infinite alternate puddle-liquid-float-5}.blob-6{animation:19s ease-in-out infinite alternate puddle-liquid-float-6}.blob-7{animation:21s ease-in-out infinite alternate puddle-liquid-float-7}@keyframes puddle-liquid-float-1{0%{transform:scale(1)rotate(0)}to{transform:scale(1.02)rotate(4deg)}}@keyframes puddle-liquid-float-2{0%{transform:scale(1)rotate(0)}to{transform:scale(1.04)rotate(-5deg)}}@keyframes puddle-liquid-float-3{0%{transform:scale(1)rotate(0)}to{transform:scale(1.06)rotate(6deg)}}@keyframes puddle-liquid-float-4{0%{transform:scale(1)rotate(0)}to{transform:scale(1.08)rotate(-7deg)}}@keyframes puddle-liquid-float-5{0%{transform:scale(1)rotate(0)}to{transform:scale(1.1)rotate(8deg)}}@keyframes puddle-liquid-float-6{0%{transform:scale(1)rotate(0)}to{transform:scale(1.12)rotate(-9deg)}}@keyframes puddle-liquid-float-7{0%{transform:scale(1)rotate(0)}to{transform:scale(1.15)rotate(10deg)}}.puddle-text-score{fill:#fff;letter-spacing:-1px;filter:drop-shadow(0 2px 4px #0f172a66);font-family:Outfit,Inter,-apple-system,sans-serif;font-size:36px;font-weight:900}.puddle-blob.inactive{animation:none!important}