html{box-sizing:border-box;height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;position:fixed;overflow:hidden;height:100%;width:100%;touch-action:none}@keyframes wave{0%{transform:rotate(-6deg) skewY(3deg)}to{transform:rotate(6deg) skewY(-3deg)}}.whale-wavy-segment{animation:wave .8s ease-in-out infinite alternate}@keyframes fin-flap{0%,to{transform:rotate(30deg)}50%{transform:rotate(-25deg)}}.animate-fin-flap{transform-origin:0px 5px;animation:fin-flap 1.5s ease-in-out infinite alternate}@keyframes body-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-body-bob{animation:body-bob 2s ease-in-out infinite}@keyframes fish-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-fish-bob{animation:fish-bob 2.5s ease-in-out infinite}@keyframes fish-tail-wag{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.animate-fish-tail-wag{transform-origin:-10px 0;transform-box:fill-box;animation:fish-tail-wag 1.8s ease-in-out infinite}@keyframes tremble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(-1deg)}50%{transform:translate(-1px,1px) rotate(1deg)}75%{transform:translate(1px,1px) rotate(-1deg)}}.animate-fish-panic{animation:tremble .2s linear infinite}@keyframes fish-hit-animation{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.animate-fish-hit{transform-origin:center;transform-box:fill-box;animation:fish-hit-animation .5s ease-out forwards}@keyframes drift{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,20px) rotate(180deg)}}.animate-drift{animation:drift 20s ease-in-out infinite alternate}@keyframes bubble-rise{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-1000px);opacity:0}}.animate-bubble-rise{animation:bubble-rise 10s linear infinite}@keyframes light-shimmer{0%{transform:translate(-150px) skew(-30deg);opacity:.1}50%{transform:translate(150px) skew(-10deg);opacity:.22}to{transform:translate(-150px) skew(-30deg);opacity:.1}}.animate-light-shimmer{animation:light-shimmer 15s ease-in-out infinite;animation-fill-mode:backwards;opacity:.1}@keyframes seaweed-sway{0%{transform:rotate(-7deg) skew(-4deg)}to{transform:rotate(7deg) skew(4deg)}}.animate-seaweed-sway{transform-origin:bottom center;transform-box:stroke-box;animation:seaweed-sway 2.5s ease-in-out infinite alternate}@keyframes starfish-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.animate-starfish-pulse{transform-origin:center;transform-box:fill-box;animation:starfish-pulse 4s ease-in-out infinite alternate}@keyframes school-roam{0%{transform:translate(-200px) translateY(350px) rotate(-5deg)}to{transform:translate(1800px) translateY(400px) rotate(5deg)}}.animate-school-roam{animation:school-roam 90s ease-in-out infinite alternate;animation-delay:-15s}@keyframes pulse-glow{0%,to{filter:brightness(1.2)}50%{filter:brightness(1.8)}}.animate-pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx, 0),var(--ty, 0)) scale(.5);opacity:0}}.animate-particle-burst{animation:particle-burst .8s ease-out forwards}@keyframes float-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60px);opacity:0}}.animate-float-up{animation:float-up 1.5s ease-out forwards}@keyframes bubble-trail{0%{transform:scale(1);opacity:.7}to{transform:translateY(-40px) scale(0);opacity:0}}.animate-bubble-trail{animation:bubble-trail .8s ease-out forwards}@media (max-width: 639px){[filter="url(#watery-distortion)"]{filter:none!important}.animate-pulse-glow,.animate-light-shimmer{animation:none}}