.lw{--bg:#0e1822;--sky:#14283a;--sun:#e9c46a;--sea:#1f5f7a;--wb:#2a7894;--wf:#1a526b;--hull:#c9503a;--trim:#d49a32;--ink:#b9d6e6;--glass:rgba(190,225,240,.16);--tw:#2f7f99;--body:#f3efe2;--fin:#6f9bd0;--red:#e5484d;--pill:#16303f;--lt:#e4f2f8;--coat:#3a86ab;--skin:#e0b48e;--hat:#d49a32;--sheen:#cfeaf5;--tag:#d6e8f1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:block;width:100%;height:auto}
:root[data-theme="light"] .lw,[data-theme="light"] .lw{--bg:#f3f7fa;--sky:#dcf0f7;--sun:#ffd776;--sea:#79bfd4;--wb:#9ad3e3;--wf:#5fa9c2;--hull:#e9634b;--trim:#f5b94a;--ink:#1f3a4d;--glass:rgba(255,255,255,.45);--tw:#8fd0e0;--body:#fffaf0;--fin:#7fa9dc;--red:#d93a3a;--pill:#fff;--lt:#1f3a4d;--coat:#2f6f8f;--skin:#f1c9a5;--hat:#f5b94a;--sheen:#fff;--tag:#1f3a4d}
@media (prefers-color-scheme:light){:root:not([data-theme]) .lw{--bg:#f3f7fa;--sky:#dcf0f7;--sun:#ffd776;--sea:#79bfd4;--wb:#9ad3e3;--wf:#5fa9c2;--hull:#e9634b;--trim:#f5b94a;--ink:#1f3a4d;--glass:rgba(255,255,255,.45);--tw:#8fd0e0;--body:#fffaf0;--fin:#7fa9dc;--red:#d93a3a;--pill:#fff;--lt:#1f3a4d;--coat:#2f6f8f;--skin:#f1c9a5;--hat:#f5b94a;--sheen:#fff;--tag:#1f3a4d}}
.bg{fill:var(--bg)}.sky{fill:var(--sky)}.sun{fill:var(--sun)}.sea{fill:var(--sea)}
.wb{fill:var(--wb)}.wf{fill:var(--wf);fill-opacity:.4}
.o{stroke:var(--ink);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.hull{fill:var(--hull)}.trim{fill:var(--trim)}.glass{fill:var(--glass)}.twater{fill:var(--tw);fill-opacity:.8}
.coat{fill:var(--coat)}.skin{fill:var(--skin)}.hat{fill:var(--hat)}.arm{stroke-width:5;stroke:var(--coat)}
.smile{fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round}
.rod{fill:none;stroke-width:2.4}.ln{fill:none;stroke:var(--ink);stroke-width:1}
.hk{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}
.body{fill:var(--body)}.fin{fill:var(--fin)}.flap{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
.eye{fill:#fff}.lk{fill:none;stroke:#1f3a4d;stroke-width:1.2}
.red{fill:var(--red);stroke:#fff;stroke-width:1.5}.bang{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}
.rim{fill:none;stroke:var(--ink);stroke-width:2.2}.sheen{fill:none;stroke:var(--sheen);stroke-width:2.5;stroke-linecap:round;opacity:.6}
.ripple{fill:none;stroke:#fff;stroke-width:1.5;opacity:0}
.bub{fill:var(--pill);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.st{fill:var(--lt);font-size:15px;font-weight:600;text-anchor:middle}
.mark{fill:var(--tag);font-size:30px;font-weight:700}.tag{fill:var(--tag);font-size:25px;text-anchor:middle}
.fish{transform:translate(362px,163px) scale(.8)}.bdgi{opacity:0}.bdg{transform:translate(318px,125px)}
.lineg{transform-origin:300px 92px}
@media (prefers-reduced-motion:no-preference){
.boat{animation:bob 5s ease-in-out infinite alternate}
.wvb{animation:wv 7s linear infinite}.wvf{animation:wv 5s linear infinite reverse}
.lineg{animation:ln 10s ease-in-out infinite}.hookg{animation:hk 10s ease-in-out infinite}
.fish{animation:fish 10s ease-in-out infinite}
.bdg{animation:bm 10s ease-in-out infinite}.bdgi{animation:bp 10s ease-in-out infinite}
.ripple{transform-origin:300px 202px;animation:rp 10s ease-out infinite}
.say{transform-origin:503px 124px;animation:say 10s ease-out infinite both}
}
@keyframes bob{to{transform:translateY(1.5px)}}
@keyframes wv{to{transform:translateX(-80px)}}
@keyframes ln{0%{transform:scaleY(.35)}10%,20%{transform:scaleY(1)}42%,45%{transform:scaleY(.12)}58%,96%{transform:scaleY(1)}100%{transform:scaleY(.35)}}
@keyframes hk{0%{transform:translateY(-103px)}10%,20%{transform:translateY(0)}42%,45%{transform:translateY(-139px)}58%,96%{transform:translateY(0)}100%{transform:translateY(-103px)}}
@keyframes fish{
0%{transform:translate(420px,280px) rotate(0) scale(1);opacity:0}
4%{transform:translate(398px,277px) rotate(0) scale(1);opacity:1}
14%,17%{transform:translate(320px,258px) rotate(0) scale(1)}
20%{transform:translate(300px,278px) rotate(90deg) scale(1)}
42%{transform:translate(300px,139px) rotate(90deg) scale(1)}
47%{transform:translate(350px,96px) rotate(20deg) scale(.9)}
51%{transform:translate(362px,125px) rotate(-10deg) scale(.9)}
54%{transform:translate(362px,150px) rotate(0) scale(.8)}
62%{transform:translate(354px,163px) rotate(-20deg) scale(.8)}
70%{transform:translate(362px,170px) rotate(0) scale(-.8,.8)}
78%{transform:translate(370px,163px) rotate(-20deg) scale(-.8,.8)}
86%{transform:translate(362px,152px) rotate(0) scale(.8)}
96%{transform:translate(362px,163px) rotate(0) scale(.8);opacity:1}
99.5%,100%{transform:translate(362px,163px) rotate(0) scale(.8);opacity:0}}
@keyframes bm{0%,20%{transform:translate(318px,264px)}42%,100%{transform:translate(318px,125px)}}
@keyframes bp{0%,24%{opacity:0;transform:scale(.6)}27%,42%{opacity:1;transform:scale(1)}44%,100%{opacity:0;transform:scale(1)}}
@keyframes rp{0%,14%{opacity:0;transform:scale(.4)}18%{opacity:.8}26%,100%{opacity:0;transform:scale(1.6)}}

@keyframes say{0%,52%{opacity:0;transform:scale(.7)}55%,96%{opacity:1;transform:none}99.5%,100%{opacity:0;transform:none}}