@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:block;src:url(/assets/outfit-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:block;src:url(/assets/outfit-latin-ext-DdQaqQDo.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:block;src:url(/assets/baloo2-latin-B_TVFhwJ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:400 800;font-display:block;src:url(/assets/baloo2-latin-ext-Dz43yst_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light;font-family:Outfit,Segoe UI,system-ui,sans-serif;--ground: rgb(247, 246, 242);background:var(--ground)}:root[data-skin=aquarium]{color-scheme:dark;--ground: rgb(2, 16, 23);--eq-shell: #58909f;--eq-shell-dark: #3b6b7a;--eq-shell-deep: #29525f;--eq-shell-light: #8ec2ce;--eq-ink: #071c24;--eq-detail: #9ed3de;--eq-rim: rgba(255, 203, 0, .55);--eq-accent: #ffcb00;--eq-outline: #8ec2ce;--eq-cloud: #6f9aa8;--eq-cloud-light: #93bccb;--eq-rain: #5dbee0;--eq-water: #4ae8d8;--eq-water-dull: #2f8f96;--eq-dirty: #b3814a;--eq-media: #dcab3f;--eq-media-dark: #a97c2a;--eq-plant: #2f8a3e;--eq-plant-dark: #1e6b2c;--eq-glow: #8fb2dd;--eq-foam: #eaf9ff;--eq-soil: #5c3d22;--eq-soil-dark: #34210f;--animal-hide: #a596ad;--animal-hide-dark: #7d7088;--animal-muzzle: #e0a8a8;--animal-ink: #241c2a;--animal-dung: #c08a4a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}html,svg{touch-action:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none}.app{position:relative;height:100%;width:100%;background:var(--ground)}.rest-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#26303a;opacity:0;transition:opacity .5s ease-out;--rest-dim: .5}:root[data-skin=aquarium] .rest-veil{background:#000508;--rest-dim: .45}:root[data-resting] .rest-veil{opacity:var(--rest-dim);transition:opacity 20s ease-in-out}.flow-glow{display:none}:root[data-skin=aquarium] .flow-glow{display:inline}.glow-ring{--glow: .5;stroke-opacity:calc(var(--glow) * .2)}.glow-ring[data-meaning=dirty]{--glow: .16}.flow,.flow-glow{pointer-events:none}@property --waterway-at{syntax: "<length>"; inherits: true; initial-value: 0px;}.waterway{pointer-events:none}.waterway:not([data-length]){visibility:hidden}.waterway path{fill:none;stroke-linecap:round;stroke-linejoin:round}.waterway-glow,.waterway-core{stroke-dasharray:var(--waterway-dash);stroke-dashoffset:var(--waterway-at)}.waterway-glow{opacity:.75}.waterway-trail{stroke-dasharray:var(--waterway-trail);stroke-dashoffset:calc(var(--waterway-at) + var(--waterway-shift));opacity:.85;transition:opacity .8s ease-in-out}.waterway[data-fading] .waterway-trail{opacity:0}.water-glow .equipment{transition:color 1.6s ease-in-out}@media(prefers-reduced-motion:reduce){.water-glow .equipment{transition:none}}.basin-halo{display:none;pointer-events:none;stroke:#4ae8d8}:root[data-skin=aquarium] .basin-halo{display:inline}.halo-ring-1{stroke-opacity:.08}.halo-ring-2{stroke-opacity:.12}.halo-ring-3{stroke-opacity:.18}.brand-negative{filter:invert(1) hue-rotate(180deg) brightness(1.35) saturate(.75)}.diagram{position:relative;display:block;width:100%;height:100%}.gl-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gl-layer canvas{display:block}:root[data-gl] [data-section=background],:root[data-gl] .flow-arrows{display:none}:root[data-gl] .flow-glow,:root[data-gl] .basin-halo{opacity:0}:root[data-gl] .flow{visibility:hidden}.equipment[data-state=inactive]{opacity:.45}.flow-sheen{stroke-dasharray:calc(var(--dash-period, 32px) * .5) calc(var(--dash-period, 32px) * .5);animation:wave-in .9s ease-out;opacity:.4}.flow-shade{opacity:.3}.flow-fading{animation:wave-out .9s ease-in forwards}@keyframes wave-in{0%{opacity:0}}@keyframes wave-out{to{opacity:0}}@property --tap-on{syntax: "<number>"; inherits: true; initial-value: 0;}@property --phase{syntax: "<number>"; inherits: false; initial-value: 0;}@property --period{syntax: "<time>"; inherits: false; initial-value: 1s;}.spin,.bubble,.bio,.glow,.seep,.foam,.pop,.ray{animation-duration:calc(var(--period) * var(--tap-on));animation-delay:calc(var(--period) * var(--phase) * var(--tap-on) * -1);animation-iteration-count:calc(var(--phase) + var(--tap-on) * 1000000);animation-fill-mode:forwards}.sway{--tilt: 8deg;transform-box:view-box;animation-name:sway;animation-duration:calc(5s * var(--tap-on));animation-iteration-count:var(--run-count, 1);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.sway-wide{--tilt: 11deg}.sway-1{animation-delay:0s}.sway-2{animation-delay:.07s}.sway-3{animation-delay:.14s}.sway-4{animation-delay:.21s}.sway-5{animation-delay:.28s}@keyframes sway{0%{transform:rotate(0)}8%{transform:rotate(var(--tilt))}25%{transform:rotate(calc(var(--tilt) * -.85))}42%{transform:rotate(calc(var(--tilt) * .65))}60%{transform:rotate(calc(var(--tilt) * -.45))}78%{transform:rotate(calc(var(--tilt) * .25))}92%{transform:rotate(calc(var(--tilt) * -.1))}to{transform:rotate(0)}}.rain{animation-name:rain;animation-duration:calc(1s * var(--tap-on));animation-iteration-count:var(--run-count, 5);animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.rain-1{animation-delay:0s}.rain-2{animation-delay:.5s}.rain-3{animation-delay:.17s}.rain-4{animation-delay:.83s}.rain-5{animation-delay:.33s}.rain-6{animation-delay:.67s}@keyframes rain{0%{transform:translateY(0);opacity:1}55%{transform:translateY(8.5px);opacity:1}72%{transform:translateY(12px);opacity:0}72.01%{transform:translateY(-8px);opacity:0}85%{transform:translateY(-4px);opacity:1}to{transform:translateY(0);opacity:1}}.cloud{transform-box:fill-box;transform-origin:bottom center;animation-name:cloud-breathe;animation-duration:calc(1.7s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}@keyframes cloud-breathe{0%{transform:translate(0) scale(1)}30%{transform:translate(-1.5px,.5px) scale(1.05,.9)}60%{transform:translate(1.5px,-.5px) scale(.97,1.06)}to{transform:translate(0) scale(1)}}.spin{animation-name:drum-spin;--period: 2s;animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.spin-1{--phase: 0}.spin-2{--phase: .125}.spin-3{--phase: .25}.spin-4{--phase: .375}.spin-5{--phase: .5}.spin-6{--phase: .625}.spin-7{--phase: .75}.spin-8{--phase: .875}@keyframes drum-spin{0%{transform:translateY(0);opacity:.9}12.5%{transform:translateY(-12.73px);opacity:.82}25%{transform:translateY(-18px);opacity:.62}37.5%{transform:translateY(-12.73px);opacity:.43}50%{transform:translateY(0);opacity:.35}62.5%{transform:translateY(12.73px);opacity:.43}75%{transform:translateY(18px);opacity:.62}87.5%{transform:translateY(12.73px);opacity:.82}to{transform:translateY(0);opacity:.9}}.bubble{transform-box:fill-box;transform-origin:center;animation-name:bubble-rise;--period: 2.4s;animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.bubble-1{--phase: 0}.bubble-2{--phase: .0833}.bubble-3{--phase: .1667}.bubble-4{--phase: .25}.bubble-5{--phase: .3333}.bubble-6{--phase: .4167}.bubble-7{--phase: .5}.bubble-8{--phase: .5833}.bubble-9{--phase: .6667}.bubble-10{--phase: .75}.bubble-11{--phase: .8333}.bubble-12{--phase: .9167}@keyframes bubble-rise{0%{transform:translateY(0) scale(.7);opacity:0}10%{transform:translateY(-2.8px) scale(.8);opacity:1}85%{transform:translateY(-23.8px) scale(1.25);opacity:1}to{transform:translateY(-28px) scale(1.35);opacity:0}}.bio{transform-box:fill-box;transform-origin:center;animation-name:bio-grow;--period: 2.4s;animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.bio-2{--phase: .3333}.bio-3{--phase: .6667}@keyframes bio-grow{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1.7);opacity:1}}.glow{animation-name:lamp-glow;--period: 1.8s;animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}@keyframes lamp-glow{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation-name:fibre-pulse;animation-duration:calc(1s * var(--tap-on));animation-iteration-count:var(--run-count, 5);animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.pulse-2{animation-delay:.33s}.pulse-3{animation-delay:.17s}@keyframes fibre-pulse{0%{transform:translateY(0);opacity:0}15%{opacity:.95}85%{opacity:.95}to{transform:translateY(17px);opacity:0}}.ripple{transform-box:view-box;animation-name:ripple;animation-duration:calc(1.8s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:ease-out;animation-play-state:var(--tap-run, paused)}.ripple-2{animation-delay:.6s}@keyframes ripple{0%{transform:scale(.2);opacity:0}15%{opacity:.5}to{transform:scale(1);opacity:0}}.wave{transform-box:view-box;animation-name:wave;animation-duration:calc(3.4s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.wave-2{animation-duration:calc(4.2s * var(--tap-on));animation-delay:.9s}@keyframes wave{0%,to{transform:scaleY(1)}30%{transform:scaleY(.5)}70%{transform:scaleY(1.2)}}.seep{transform-box:fill-box;transform-origin:center;animation-name:seep-down;--period: 2s;animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.seep-1{--phase: 0}.seep-2{--phase: .1667}.seep-3{--phase: .3333}.seep-4{--phase: .5}.seep-5{--phase: .6667}.seep-6{--phase: .8333}@keyframes seep-down{0%{transform:translateY(0);opacity:0}12%{opacity:.9}85%{opacity:.9}to{transform:translateY(32px);opacity:0}}.foam{transform-box:fill-box;transform-origin:bottom;animation-name:foam-swell;--period: 2s;animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.foam-bob{animation-name:foam-bob}.foam-2{--phase: .25}.foam-3{--phase: .5}.foam-4{--phase: .75}@keyframes foam-swell{0%,to{transform:scale(1)}50%{transform:scale(1.08,1.4)}}@keyframes foam-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.28)}}.pop{transform-box:fill-box;transform-origin:center;animation-name:foam-pop;--period: 2.2s;animation-timing-function:ease-out;animation-play-state:var(--tap-run, paused)}.pop-2{--phase: .75}@keyframes foam-pop{0%{transform:scale(.2);opacity:0}30%{transform:scale(1);opacity:.95}65%{transform:scale(1.3) translateY(-2px);opacity:0}to{transform:scale(.2);opacity:0}}.ray{transform-box:fill-box;animation-name:ray-pulse;--period: 1.6s;animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.ray-up{transform-origin:bottom}.ray-down{transform-origin:top}.ray-2{--phase: .3333}.ray-3{--phase: .6667}@keyframes ray-pulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.45);opacity:.35}}.clink{transform-box:view-box;transform-origin:center;animation-name:clink;animation-duration:calc(.9s * var(--tap-on));animation-iteration-count:var(--run-count, 2);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.clink-left{--swing: -14deg}.clink-right{--swing: 14deg}@keyframes clink{0%,to{transform:rotate(0)}35%{transform:rotate(var(--swing))}60%{transform:rotate(calc(var(--swing) * -.3))}}.hop{animation-name:hop;animation-duration:calc(.8s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:ease-out;animation-play-state:var(--tap-run, paused)}.hop-2{animation-delay:.13s}@keyframes hop{0%{transform:translateY(0)}30%{transform:translateY(-7px)}55%{transform:translateY(0)}70%{transform:translateY(-2.5px)}to{transform:translateY(0)}}.swim{transform-box:view-box;animation-name:swim;animation-duration:calc(2s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}.swim-tail{transform-origin:43px 39px;animation-name:tail-flick;animation-duration:calc(.5s * var(--tap-on));animation-iteration-count:var(--run-count, 12);animation-timing-function:ease-in-out}@keyframes swim{0%,to{transform:translate(0)}25%{transform:translate(-3px,-1.5px)}50%{transform:translate(-5px)}75%{transform:translate(-3px,1.5px)}}@keyframes tail-flick{0%,to{transform:rotate(0)}25%{transform:rotate(11deg)}75%{transform:rotate(-11deg)}}.float{transform-box:view-box;animation-name:float-up;animation-duration:calc(1.8s * var(--tap-on));animation-iteration-count:var(--run-count, 3);animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.float-2{animation-delay:.4s}@keyframes float-up{0%{transform:translateY(0);opacity:1}45%{transform:translateY(-8px);opacity:1}62%{transform:translateY(-12px);opacity:0}62.01%{transform:translateY(5px);opacity:0}80%{transform:translateY(3px);opacity:1}to{transform:translateY(0);opacity:1}}.drip{animation-name:drip;animation-duration:calc(1s * var(--tap-on));animation-fill-mode:both;animation-iteration-count:var(--run-count, 5);animation-timing-function:linear;animation-play-state:var(--tap-run, paused)}.drip-2{animation-delay:.33s}.drip-3{animation-delay:.67s}@keyframes drip{0%{transform:translateY(0);opacity:0}15%{transform:translateY(1px);opacity:1}75%{transform:translateY(11px);opacity:1}to{transform:translateY(15px);opacity:0}}.wobble{--tilt: 5deg;transform-box:view-box;animation-name:wobble;animation-duration:calc(1.6s * var(--tap-on));animation-iteration-count:var(--run-count, 1);animation-timing-function:ease-in-out;animation-play-state:var(--tap-run, paused)}@keyframes wobble{0%{transform:rotate(0)}12%{transform:rotate(var(--tilt))}32%{transform:rotate(calc(var(--tilt) * -.7))}52%{transform:rotate(calc(var(--tilt) * .38))}72%{transform:rotate(calc(var(--tilt) * -.18))}88%{transform:rotate(calc(var(--tilt) * .07))}to{transform:rotate(0)}}.alive{transform-box:view-box;transform-origin:50% 100%;animation:breathe 3.4s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(.995,1.025)}}.blink{transform-box:view-box;animation:blink 5.2s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}.ear{transform-box:view-box;animation:ear-twitch 4.3s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes ear-twitch{0%,64%,to{transform:rotate(0)}70%{transform:rotate(-13deg)}78%{transform:rotate(6deg)}}.trunk{transform-box:view-box;animation:trunk-swing 3.6s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes trunk-swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}.paddle{transform-box:view-box;animation:paddle 3.1s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes paddle{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}.tail{transform-box:view-box;animation:tail-swing 2.8s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}.tail-spin{animation-name:tail-spin;animation-duration:.42s;animation-timing-function:linear}@keyframes tail-spin{to{transform:rotate(360deg)}}@keyframes tail-swing{0%,to{transform:rotate(-9deg)}50%{transform:rotate(11deg)}}.splat{transform-box:fill-box;transform-origin:center;animation:splat 1.1s ease-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes splat{0%{transform:translate(0) scale(.6);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translate(var(--dx, 40px),var(--dy, -24px)) scale(1.5);opacity:0}}.spray{transform-box:view-box;animation:spray-swell 1.1s ease-in-out infinite;animation-delay:var(--beat, 0s);animation-play-state:var(--alive-run, paused)}@keyframes spray-swell{0%,to{transform:scale(.96)}50%{transform:scale(1.06)}}.sign-stamp{transform-box:view-box;transform-origin:60px 60px;animation:sign-stamp .9s cubic-bezier(.34,1.56,.64,1) both}@keyframes sign-stamp{0%{transform:scale(.2) rotate(-14deg);opacity:0}55%{transform:scale(1.06) rotate(3deg);opacity:1}75%{transform:scale(.99) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.tappable{cursor:pointer}@media(prefers-reduced-motion:reduce){.flow-sheen{display:none}.sway,.rain,.cloud,.spin,.bubble,.glow,.seep,.bio,.foam,.pop,.ray,.pulse,.ripple,.clink,.hop,.swim,.swim-tail,.float,.drip,.wobble,.alive,.blink,.ear,.trunk,.paddle,.tail,.tail-spin,.splat,.spray,.sign-stamp{animation:none}}.spotlight,.callout{animation:focus-in .24s ease-out both}@keyframes focus-in{0%{opacity:0}to{opacity:1}}.camera{transition:transform var(--camera-time, .8s) cubic-bezier(.4,0,.2,1)}.drift{transition:transform 12s ease-in-out}.countdown{transform-box:fill-box;transform-origin:left center;animation-name:countdown;animation-timing-function:linear;animation-fill-mode:both}@keyframes countdown{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-bar,.story-button{animation:focus-in .24s ease-out both}@media(prefers-reduced-motion:reduce){.camera{transition:none}}