.tank-scope{--paper: #efe9dd;--ink: #39412f;--void: #1d2a1c;--murk: #2c3f2a;--glow: #7fa04e;--green-dark: #3a5233;--green-mid: #5d7a42;--green-light: #8fac59;--green-pale: #b2c47a;--gold: #cdd489;--red-stem: #96503a;--red-deep: #71382e;--wood: #5c4836;--wood-dark: #40332a;--soil: #3d332a;--carpet-lo: #6f9048;--carpet-hi: #a4c266;--betta-body: #96455a;--betta-fin: #c07f90;--pellet: #8a5b38}.tank-scope .tank-caption{font-size:.85rem;letter-spacing:.04em;opacity:.6;margin-bottom:1.2rem;text-align:center}.tank-scope{width:min(980px,100%)}.tank-scope .tank-wrap{width:100%}.tank-scope svg{width:100%;height:auto;display:block;cursor:pointer;touch-action:manipulation}.tank-scope .sway{transform-box:fill-box;transform-origin:50% 100%;animation:tank-sway 8s ease-in-out infinite}.tank-scope .d1{animation-duration:var(--tank-sway-d1, 7s)}.tank-scope .d2{animation-duration:var(--tank-sway-d2, 9s);animation-delay:var(--tank-sway-delay2, -3s)}.tank-scope .d3{animation-duration:var(--tank-sway-d3, 11s);animation-delay:var(--tank-sway-delay3, -5.5s)}.tank-scope .d4{animation-duration:var(--tank-sway-d4, 8.5s);animation-delay:var(--tank-sway-delay4, -1.4s)}.tank-scope .d5{animation-duration:var(--tank-sway-d5, 10s);animation-delay:var(--tank-sway-delay5, -7.2s)}.tank-scope .d6{animation-duration:var(--tank-sway-d6, 12s);animation-delay:var(--tank-sway-delay6, -4.1s)}.tank-scope .gentle{animation-name:tank-swaygentle}.tank-scope .still{animation-name:tank-swaystill;animation-duration:var(--tank-still, 14s)}@keyframes tank-sway{0%,to{transform:rotate(-1.7deg)}50%{transform:rotate(1.9deg)}}@keyframes tank-swaygentle{0%,to{transform:rotate(-.8deg)}50%{transform:rotate(1deg)}}@keyframes tank-swaystill{0%,to{transform:rotate(-.35deg)}50%{transform:rotate(.4deg)}}.tank-scope .valsway{transform-box:fill-box;transform-origin:50% 100%;animation:tank-valsway 10s ease-in-out infinite}.tank-scope .v1{animation-duration:var(--tank-val-v1, 9s)}.tank-scope .v2{animation-duration:var(--tank-val-v2, 12s);animation-delay:var(--tank-val-delay2, -4s)}.tank-scope .v3{animation-duration:var(--tank-val-v3, 10.5s);animation-delay:var(--tank-val-delay3, -7s)}.tank-scope .v4{animation-duration:var(--tank-val-v4, 13s);animation-delay:var(--tank-val-delay4, -2s)}.tank-scope .v5{animation-duration:var(--tank-val-v5, 11s);animation-delay:var(--tank-val-delay5, -8.6s)}@keyframes tank-valsway{0%,to{transform:rotate(-2.6deg) skew(2.2deg)}50%{transform:rotate(3deg) skew(-2.6deg)}}.tank-scope .lilysway{transform-box:fill-box;transform-origin:50% 100%;animation:tank-lilysway var(--tank-lily-l1, 14s) ease-in-out infinite}.tank-scope .l2{animation-duration:var(--tank-lily-l2, 17s);animation-delay:var(--tank-lily-delay2, -6s)}.tank-scope .l3{animation-duration:var(--tank-lily-l3, 15s);animation-delay:var(--tank-lily-delay3, -10s)}@keyframes tank-lilysway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.4deg)}}.tank-scope .fish-inner{animation:tank-bob var(--tank-fin-bob, 3.4s) ease-in-out infinite}@keyframes tank-bob{0%,to{transform:translateY(0) rotate(.6deg)}50%{transform:translateY(-4px) rotate(-.8deg)}}.tank-scope .tail{transform-box:fill-box;transform-origin:100% 50%;animation:tank-tailwave var(--tank-fin-tail, 3.2s) ease-in-out infinite}@keyframes tank-tailwave{0%,to{transform:rotate(-4deg) skewY(2.5deg) scaleX(.97)}30%{transform:rotate(1deg) skewY(-.5deg) scaleX(1.01)}55%{transform:rotate(5deg) skewY(-3deg) scaleX(1.04)}80%{transform:rotate(0) skewY(1deg) scaleX(1)}}.tank-scope .fin-top{transform-box:fill-box;transform-origin:20% 100%;animation:tank-fintop var(--tank-fin-dorsal, 2.8s) ease-in-out infinite}@keyframes tank-fintop{0%,to{transform:rotate(-2.5deg) skew(3deg)}40%{transform:rotate(1deg) skew(-1deg)}65%{transform:rotate(3.5deg) skew(-3deg)}}.tank-scope .fin-bottom{transform-box:fill-box;transform-origin:30% 0%;animation:tank-finbot var(--tank-fin-anal, 3s) ease-in-out infinite}@keyframes tank-finbot{0%,to{transform:rotate(2.5deg) skew(-3deg)}40%{transform:rotate(-1deg) skew(1deg)}65%{transform:rotate(-3.5deg) skew(3deg)}}.tank-scope .pectoral{transform-box:fill-box;transform-origin:0% 50%;animation:tank-pect var(--tank-fin-pectoral, 1.6s) ease-in-out infinite}@keyframes tank-pect{0%,to{transform:rotate(-9deg) scaleX(.94)}50%{transform:rotate(12deg) scaleX(1.06)}}.tank-scope .guppy .pectoral{transform-origin:100% 15%}.tank-scope .guppy .fin-top{transform-origin:80% 100%}.tank-scope .fish.hungry .tail{animation-duration:var(--tank-fin-tail-hungry, 1.2s)}.tank-scope .fish.hungry .pectoral{animation-duration:var(--tank-fin-pectoral-hungry, .55s)}.tank-scope .fish.hungry .fin-top{animation-duration:var(--tank-fin-dorsal-hungry, 1s)}.tank-scope .fish.hungry .fin-bottom{animation-duration:var(--tank-fin-anal-hungry, 1.1s)}.tank-scope .guppy-a{--guppy-body: #9c4432;--guppy-tail: #bf5b3d}.tank-scope .guppy-b{--guppy-body: #b06a38;--guppy-tail: #d08a4e}.tank-scope .guppy-c{--guppy-body: #c08a56;--guppy-tail: #dcae74}.tank-scope .guppy .fish-inner{animation-duration:2.6s}.tank-scope .guppy .tail{animation-name:tank-guppy-caudal;animation-duration:var(--tank-guppy-tail, 2.2s)}.tank-scope .guppy .tail.w2{animation-delay:-.3s}.tank-scope .guppy .tail.w3{animation-delay:-.6s}@keyframes tank-guppy-caudal{0%,to{transform:rotate(-3deg) skewY(3.5deg) scaleX(.96)}35%{transform:rotate(1.5deg) skewY(-1deg) scaleX(1.02)}60%{transform:rotate(4deg) skewY(-4deg) scaleX(1.05)}85%{transform:rotate(-.5deg) skewY(1.5deg) scaleX(.99)}}.tank-scope .guppy .fin-top{animation-duration:var(--tank-guppy-dorsal, 1.9s)}.tank-scope .guppy .fin-bottom{animation-duration:var(--tank-guppy-anal, 2s)}.tank-scope .guppy .pectoral{animation-duration:var(--tank-guppy-pectoral, 1.1s)}.tank-scope .guppy.hungry .tail{animation-duration:var(--tank-guppy-tail-hungry, 1.1s)}.tank-scope .guppy.hungry .fin-top{animation-duration:var(--tank-guppy-dorsal-hungry, .9s)}.tank-scope .guppy.hungry .fin-bottom{animation-duration:var(--tank-guppy-anal-hungry, 1s)}.tank-scope .guppy.hungry .pectoral{animation-duration:var(--tank-guppy-pectoral-hungry, .55s)}.tank-scope .tetra{animation:tank-drift linear infinite}.tank-scope .t1{animation-duration:56s}.tank-scope .t2{animation-duration:70s;animation-delay:-32s}.tank-scope .t3{animation-duration:62s;animation-delay:-15s}@keyframes tank-drift{0%{transform:translate(400px,120px) scaleX(-1)}46%{transform:translate(140px,150px) scaleX(-1)}50%{transform:translate(130px,145px) scaleX(1)}96%{transform:translate(390px,115px) scaleX(1)}to{transform:translate(400px,120px) scaleX(-1)}}.tank-scope .bubble{animation:tank-rise linear infinite;opacity:0}@keyframes tank-rise{0%{transform:translateY(0);opacity:0}8%{opacity:.5}85%{opacity:.45}to{transform:translateY(-300px);opacity:0}}.tank-scope .b1{animation-duration:9s}.tank-scope .b2{animation-duration:12s;animation-delay:-4s}.tank-scope .b3{animation-duration:10s;animation-delay:-7s}.tank-scope .b4{animation-duration:14s;animation-delay:-2s}.tank-scope .shaft{animation:tank-shaft 16s ease-in-out infinite;mix-blend-mode:soft-light}.tank-scope .sh2{animation-duration:21s;animation-delay:-8s}@keyframes tank-shaft{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.75;transform:translate(10px)}}.tank-scope .ripple{transform-box:fill-box;transform-origin:50% 50%;animation:tank-ripple 3.2s cubic-bezier(.16,.5,.25,1) both}@keyframes tank-ripple{0%{transform:scale(.15);opacity:0}12%{opacity:var(--ripple-op, .3)}to{transform:scale(1);opacity:0}}.tank-scope[data-tank-paused=true] *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.tank-scope .sway,.tank-scope .valsway,.tank-scope .lilysway,.tank-scope .bubble,.tank-scope .shaft,.tank-scope .tetra{animation:none}.tank-scope .bubble{opacity:.35}}