html,body{margin:0;background:#06183d;overflow:hidden}
#game-ecosystem-art{display:block;width:100%;height:auto;aspect-ratio:2/1;image-rendering:pixelated}
.pool-liquid-backing{opacity:.88}
.pool-caustic-network{fill:none;stroke:#89eaff;stroke-width:2.5;stroke-linejoin:bevel;opacity:.18;animation:pool-current-r23 36s steps(72,end) infinite}
.pool-caustic-line{animation:pool-light-r23 var(--period,28s) steps(24,end) infinite;animation-delay:var(--phase,0s)}
.pool-current-ribbon{fill:#70cdff;opacity:.06;animation:pool-ribbon-r23 42s steps(84,end) infinite}
.current-b{opacity:.09;animation-duration:48s;animation-delay:-17s}
.current-c{opacity:.07;animation-duration:39s;animation-delay:-25s}
.orb-source-gleam{opacity:0;animation:orb-gleam-r23 19s steps(8,end) infinite}
@keyframes pool-current-r23{0%,100%{transform:translate(-10px,0)}50%{transform:translate(12px,7px)}}
@keyframes pool-light-r23{0%,100%{opacity:.2}30%{opacity:.48}65%{opacity:1}85%{opacity:.44}}
@keyframes pool-ribbon-r23{0%,100%{transform:translate(-12px,-2px)}50%{transform:translate(16px,7px)}}
@keyframes orb-gleam-r23{0%,64%,100%{opacity:0}72%{opacity:.3}82%{opacity:.64}90%{opacity:.2}}
.paused .pool-caustic-network,.paused .pool-caustic-line,.paused .pool-current-ribbon,.paused .orb-source-gleam{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.pool-caustic-network,.pool-caustic-line,.pool-current-ribbon,.orb-source-gleam{animation:none}.orb-source-gleam{opacity:.12}}