@property --sky-1{syntax:"<color>";inherits:true;initial-value:#2e3a6e}@property --sky-2{syntax:"<color>";inherits:true;initial-value:#b5728a}@property --sky-3{syntax:"<color>";inherits:true;initial-value:#f4a87c}@property --sea-1{syntax:"<color>";inherits:true;initial-value:#d59a8e}@property --sea-2{syntax:"<color>";inherits:true;initial-value:#8c6f96}@property --sea-3{syntax:"<color>";inherits:true;initial-value:#4f5a8c}@property --sea-4{syntax:"<color>";inherits:true;initial-value:#2c3d6e}@property --sand-1{syntax:"<color>";inherits:true;initial-value:#e4c3b4}@property --sand-2{syntax:"<color>";inherits:true;initial-value:#b99a97}:root{--horizon:45%;--shore:80%;--px:0;--py:0}@media (min-aspect-ratio:1){:root{--horizon:52%;--shore:83%}}:root,:root[data-phase=dusk]{--sky-1:#2e3a6e;--sky-2:#b5728a;--sky-3:#f4a87c;--sun:#ffc47a;--sun-glow:#ffaa648c;--sun-x:79%;--sun-y:var(--horizon);--sun-size:clamp(76px, 20vmin, 160px);--sun-mask:linear-gradient(#000 0 31%, transparent 31% 34.5%, #000 34.5% 40%, transparent 40% 43.5%, #000 43.5% 47%, transparent 47% 49.5%, #000 49.5%);--rays:0;--sea-1:#d59a8e;--sea-2:#8c6f96;--sea-3:#4f5a8c;--sea-4:#2c3d6e;--glint:#ffd29a;--glint-opacity:.9;--sand-1:#e4c3b4;--sand-2:#b99a97;--wet-sand:#c9a39c;--foam:#fff6ee;--scene-ink:#fff4ea;--scene-ink-soft:#fff0e6c7;--sand-ink:#5a3f45;--stars:.14;--cloud:#f6b9a1;--cloud-shade:#d98b8c;--cloud-opacity:.85;--land:#7d6385;--land-2:#6a5476;--lh-body:#f7e6dc;--lh-dark:#3c2f4a;--lamp:#ffd27a;--beam:#ffdca0d9;--beam-o:.3;--coral:#e8664f;--coral-deep:#b9473a;--tile:#4f9a9a;--hull:#5e3a48;--sail:#ffe2c8;--gull-white:#fff1e8;--gull-wing:#d6b8bf;--gull-tip:#3c2f4a;--bird:#3c2f4a;--whale:#3a3460;--grass:#9b8a63;--grass-2:#7a6a55;--castle:#d4b0a0;--castle-shade:#b48f86;--shell:#f6d3c6;--shell-deep:#c99286;--conch:#f0bba8;--star-fish:#f08a4b;--post:#6e4a4e;--post-top:#8e6464;--post-band:#4a3038;--wave-mark:#ffe2c880;--birds:0;--flock:1;--mist:0;--biolum:0;--glass-bg:#2e2a5c80;--glass-ink:#fff4ea;--glass-soft:#fff0e6cc}:root[data-phase=dawn]{--sky-1:#6f7fb0;--sky-2:#c9a9c2;--sky-3:#f7cdb5;--sun:#ffe7c2;--sun-glow:#ffd6aa99;--sun-x:30%;--sun-y:calc(var(--horizon) - 4%);--sun-mask:none;--rays:.5;--sea-1:#c4bfd2;--sea-2:#8d9ebe;--sea-3:#6382a8;--sea-4:#3f6290;--glint:#fff0dc;--glint-opacity:.75;--sand-1:#ecd8cd;--sand-2:#cdb5af;--wet-sand:#d8c0b8;--foam:#fffaf6;--scene-ink:#22345a;--scene-ink-soft:#22345ab8;--sand-ink:#4b3b4e;--stars:.25;--cloud:#fbe3d6;--cloud-shade:#e8c7c6;--cloud-opacity:.9;--land:#9da6c6;--land-2:#8892b7;--lh-body:#fbf6f4;--lh-dark:#4a4f6e;--lamp:#ffe8bf;--beam:#ffecc8cc;--beam-o:.14;--coral:#ec7a66;--coral-deep:#c45c4e;--tile:#5aa7aa;--hull:#7d5d68;--sail:#fff5ee;--gull-white:#fffaf7;--gull-wing:#d3cad8;--gull-tip:#4a4f6e;--bird:#4a4f6e;--whale:#4e6290;--grass:#a2ad86;--grass-2:#85927a;--castle:#e2cbc2;--castle-shade:#c7aca6;--shell:#f8e0d6;--shell-deep:#cfa8a0;--conch:#f3cbbd;--star-fish:#f29c62;--post:#806068;--post-top:#9e7e84;--post-band:#5b434b;--wave-mark:#fffaf68c;--birds:.7;--flock:1;--mist:1;--biolum:0;--glass-bg:#fffaf694;--glass-ink:#22345a;--glass-soft:#22345abd}:root[data-phase=day]{--sky-1:#5fb4dc;--sky-2:#a5dcea;--sky-3:#e6f6f3;--sun:#fffbe8;--sun-glow:#fffadcbf;--sun-x:74%;--sun-y:15%;--sun-mask:none;--rays:1;--sea-1:#a6ddd8;--sea-2:#5cc6be;--sea-3:#2fa6a3;--sea-4:#1b7f8a;--glint:#fff;--glint-opacity:.6;--sand-1:#f2e3d3;--sand-2:#d8c3ae;--wet-sand:#dcc4a6;--foam:#fff;--scene-ink:#12385a;--scene-ink-soft:#12385ab3;--sand-ink:#5b4634;--stars:0;--cloud:#fff;--cloud-shade:#d9ecf5;--cloud-opacity:.95;--land:#86c2c6;--land-2:#6fb0b6;--lh-body:#fbfaf5;--lh-dark:#2c4a5e;--lamp:#ffe9a8;--beam:#fff0bee6;--beam-o:0;--coral:#ef6b4f;--coral-deep:#c84d38;--tile:#2fa6a3;--hull:#8a5236;--sail:#fff8ea;--gull-white:#fff;--gull-wing:#c6d3dc;--gull-tip:#2b3f55;--bird:#2b4560;--whale:#1d5f70;--grass:#8db368;--grass-2:#6e9a52;--castle:#e0c7a8;--castle-shade:#c9ab8a;--shell:#f8dccb;--shell-deep:#d9a58e;--conch:#f4c7ae;--star-fish:#f5a144;--post:#9a6a4a;--post-top:#b98b68;--post-band:#6f4a33;--wave-mark:#fff9;--birds:1;--flock:0;--mist:0;--biolum:0;--glass-bg:#ffffff9e;--glass-ink:#12385a;--glass-soft:#12385abd}:root[data-phase=night]{--sky-1:#081428;--sky-2:#12264a;--sky-3:#2a4675;--sun:#f4f1e1;--sun-glow:#d2e1ff52;--sun-x:27%;--sun-y:17%;--sun-size:clamp(46px, 11vmin, 92px);--sun-mask:radial-gradient(circle at 78% 32%, transparent 0 47%, #000 48%);--rays:0;--sea-1:#2f4b78;--sea-2:#1c355e;--sea-3:#142a4e;--sea-4:#0d1f3c;--glint:#dfe8f6;--glint-opacity:.8;--sand-1:#3f4b66;--sand-2:#2d3850;--wet-sand:#36435f;--foam:#c9d6ea;--scene-ink:#e9eef7;--scene-ink-soft:#e9eef7b8;--sand-ink:#d3deef;--stars:1;--cloud:#2b4170;--cloud-shade:#20345c;--cloud-opacity:.75;--land:#172a4d;--land-2:#112241;--lh-body:#c9d3e6;--lh-dark:#0d1a33;--lamp:#ffe08a;--beam:#ffecaad9;--beam-o:.55;--coral:#c7655a;--coral-deep:#9c4a43;--tile:#2f7f86;--hull:#2c3550;--sail:#b9c4da;--gull-white:#c9d3e6;--gull-wing:#8e9cb6;--gull-tip:#22304d;--bird:#9fb0cf;--whale:#0f2343;--grass:#2e4a5c;--grass-2:#233c4d;--castle:#4b5876;--castle-shade:#3a4662;--shell:#8f97b0;--shell-deep:#6b7491;--conch:#8c8fae;--star-fish:#b07a5a;--post:#3a3a52;--post-top:#4b4b66;--post-band:#2a2a3e;--wave-mark:#c9d6ea52;--birds:0;--flock:0;--mist:0;--biolum:1;--glass-bg:#0a183099;--glass-ink:#e9eef7;--glass-soft:#e9eef7c2}.scene{isolation:isolate;background:linear-gradient(180deg, var(--sky-1) 0%, var(--sky-2) calc(var(--horizon) * .62), var(--sky-3) var(--horizon));-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:--sky-1 2.4s,--sky-2 2.4s,--sky-3 2.4s,--sea-1 2.4s,--sea-2 2.4s,--sea-3 2.4s,--sea-4 2.4s,--sand-1 2.4s,--sand-2 2.4s;position:fixed;inset:0;overflow:hidden}.scene-layer{pointer-events:none;position:absolute;inset:0}[data-critter]{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.depth-0{translate:calc(var(--px) * -2px) calc(var(--py) * -1px)}.depth-1{translate:calc(var(--px) * -6px) calc(var(--py) * -3px)}.depth-2{translate:calc(var(--px) * -10px) calc(var(--py) * -2px)}.depth-3{translate:calc(var(--px) * 10px) calc(var(--py) * 4px)}.depth-4{translate:calc(var(--px) * 22px) calc(var(--py) * 8px)}.stars{opacity:var(--stars);transition:opacity 2s}.star{background:#fff;border-radius:50%;animation:5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.25}}.star-bright{color:#fffbe8;filter:drop-shadow(0 0 4px #fffadcb3);animation:4.6s ease-in-out infinite sparkle;position:absolute;translate:-50% -50%}@keyframes sparkle{0%,to{opacity:.55;transform:scale(.55)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.shoot{opacity:0;transform-origin:0;background:linear-gradient(90deg,#fff,#fff0);border-radius:2px;width:120px;height:2px;position:absolute;rotate:152deg}.shoot.s1{animation:13s ease-in 4s infinite shoot;top:8%;left:78%}.shoot.s2{animation:19s ease-in 11s infinite shoot;top:4%;left:46%}.shoot.now{left:calc(var(--sun-x) + 12%);top:calc(var(--sun-y) - 6%);animation:1.2s ease-in forwards shoot-now}@keyframes shoot{0%{opacity:0;transform:translate(0)scaleX(.2)}2%{opacity:1}7%{opacity:0;transform:translate(-46vmin)scaleX(1)}to{opacity:0;transform:translate(-46vmin)scaleX(1)}}@keyframes shoot-now{0%{opacity:0;transform:translate(0)scaleX(.2)}20%{opacity:1}to{opacity:0;transform:translate(-52vmin)scaleX(1)}}.sun{left:var(--sun-x);top:var(--sun-y);width:var(--sun-size);aspect-ratio:1;transition:left 2.4s var(--ease-tide), top 2.4s var(--ease-tide), width 2.4s;border-radius:50%;position:absolute;translate:-50% -50%}.sun-glow{background:radial-gradient(closest-side, var(--sun-glow), color-mix(in oklab, var(--sun-glow) 35%, transparent) 45%, transparent 100%);pointer-events:none;border-radius:50%;animation:7s ease-in-out infinite glow;position:absolute;inset:-90%}@keyframes glow{50%{opacity:.85;transform:scale(1.08)}}.sun-rays-wrap{opacity:var(--rays);pointer-events:none;transition:rotate 1.2s cubic-bezier(.2,1.3,.4,1),opacity 2s;position:absolute;inset:-42%}.sun-rays{opacity:.6;width:100%;height:100%;animation:90s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sun-disc{background:var(--sun);-webkit-mask-image:var(--sun-mask,none);-webkit-mask-image:var(--sun-mask,none);mask-image:var(--sun-mask,none);border-radius:50%;position:absolute;inset:0}.sun-disc[data-wink=true]{animation:.9s cubic-bezier(.2,1.4,.4,1) wink}@keyframes wink{0%{transform:scale(1)}30%{transform:scale(1.16,.88)}60%{transform:scale(.94,1.06)}to{transform:scale(1)}}.cloud-drift{opacity:var(--cloud-opacity);transition:opacity 2s;position:absolute}.cloud-drift .cloud{width:100%;height:auto;display:block}.cloud-drift.c1{width:clamp(110px,34vw,280px);animation:110s ease-in-out infinite alternate drift;top:9%;left:4%}.cloud-drift.c2{width:clamp(70px,20vw,170px);animation:80s ease-in-out -30s infinite alternate-reverse drift;top:21%;right:2%}.cloud-drift.c3{width:clamp(50px,13vw,110px);opacity:calc(var(--cloud-opacity) * .7);animation:140s ease-in-out -70s infinite alternate drift;top:33%;left:46%}@keyframes drift{0%{transform:translate(-9vw)}to{transform:translate(9vw)}}.birds{opacity:var(--birds);transition:opacity 2s}.flock{opacity:var(--flock);transition:opacity 2s}.bird{color:var(--bird);display:block}.flier{animation:34s linear infinite fly;position:absolute;left:0}.flier .bird{width:clamp(16px,4.6vw,28px)}.flier.f1{animation-delay:-6s;top:17%}.flier.f2{animation-duration:46s;animation-delay:-30s;top:25%}.flier.f2 .bird{width:clamp(11px,3.2vw,19px)}.flier.f3{animation-duration:58s;animation-delay:-44s;top:12%}.flier.f3 .bird{width:clamp(9px,2.6vw,15px)}.flier-bob{animation:3.4s ease-in-out infinite flier-bob;display:block}@keyframes fly{0%{transform:translate(-12vw)}to{transform:translate(112vw)}}@keyframes flier-bob{50%{transform:translateY(14px)}}.flock-drift{width:80px;height:40px;animation:70s linear -20s infinite fly-back;position:absolute;top:18%;left:0}.flock-drift .bird{width:16px;position:absolute}@keyframes fly-back{0%{transform:translate(110vw)}to{transform:translate(-20vw)}}.mist{height:7%;opacity:var(--mist);background:radial-gradient(closest-side,#fff6f0bf,#0000);border-radius:50%;transition:opacity 2s;position:absolute;left:-20%;right:-20%}.mist.m1{top:calc(var(--horizon) - 7%);animation:40s ease-in-out infinite alternate drift}.mist.m2{top:calc(var(--horizon) - 3%);animation:55s ease-in-out -20s infinite alternate-reverse drift}.sea{left:0;right:0;top:var(--horizon);background:linear-gradient(180deg, var(--sea-1) 0%, var(--sea-2) 30%, var(--sea-3) 70%, var(--sea-4) 100%);position:absolute;bottom:0}.horizon-haze{left:0;right:0;top:calc(var(--horizon) - 18px);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--sky-3) 70%, transparent) 50%, transparent);filter:blur(6px);height:36px;position:absolute}.island{left:-1%;bottom:calc(100% - var(--horizon) - 1px);aspect-ratio:200/80;width:clamp(150px,40vw,330px);position:absolute}.island-svg{width:100%;height:100%;position:absolute;inset:0}.island .lamp{animation:3.5s ease-in-out infinite lamp}@keyframes lamp{50%{opacity:.75}}.lamp-glow{aspect-ratio:1;background:radial-gradient(closest-side, var(--beam), transparent);width:34px;opacity:calc(var(--beam-o) * 1.6);pointer-events:none;border-radius:50%;position:absolute;top:15%;left:29%;translate:-50% -50%}.beam{transform-origin:0;background:linear-gradient(90deg, var(--beam), transparent 85%);clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);opacity:0;pointer-events:none;width:72vw;height:22px;animation:8s linear infinite beam;position:absolute;top:15%;left:29%;translate:0 -50%}.beam-l{animation-delay:-4s;rotate:180deg}@keyframes beam{0%{opacity:0;transform:scaleX(.04)}12%{opacity:var(--beam-o)}50%{opacity:var(--beam-o);transform:scaleX(1)}88%{opacity:var(--beam-o)}to{opacity:0;transform:scaleX(.04)}}.island[data-flash=true] .lamp-glow{animation:1.4s ease-out lamp-flash}.island[data-flash=true] .beam{animation:1.4s ease-out beam-flash}@keyframes lamp-flash{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(2.4)}to{opacity:calc(var(--beam-o) * 1.6);transform:scale(1)}}@keyframes beam-flash{0%{opacity:0;transform:scaleX(.05)}25%{opacity:.9;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.lenj-sail{left:0;bottom:calc(100% - var(--horizon) - 0.7%);animation:150s linear -55s infinite sail;position:absolute}.lenj-bob{transform-origin:50% 90%;animation:5s ease-in-out infinite lenj-bob;display:block}.lenj{width:clamp(30px,8vw,56px);display:block}@keyframes sail{0%{transform:translate(108vw)}to{transform:translate(-18vw)}}@keyframes lenj-bob{0%,to{transform:rotate(-2.5deg)translateY(0)}50%{transform:rotate(2deg)translateY(6%)}}.whale{left:66%;top:calc(var(--horizon) + 0.4%);aspect-ratio:40/30;width:clamp(18px,5vw,32px);position:absolute;overflow:hidden}.whale-tail{width:100%;animation:47s ease-in-out 9s infinite whale;display:block;transform:translateY(105%)}.whale .spout{opacity:0;animation:47s ease-out 9s infinite spout}@keyframes whale{0%{transform:translateY(105%)rotate(0)}3%{transform:translateY(8%)rotate(-6deg)}7%{transform:translateY(14%)rotate(5deg)}10%,to{transform:translateY(105%)rotate(0)}}@keyframes spout{0%,2%{opacity:0;transform:translateY(6px)}3.5%{opacity:1;transform:translateY(0)}6%,to{opacity:0;transform:translateY(-4px)}}.band{position:absolute;bottom:0;left:0;right:0}.band>.crest{width:200%;height:var(--crest-h,12px);animation:crest var(--speed,30s) linear infinite;animation-direction:var(--dir,normal);margin-bottom:-1px;position:absolute;bottom:100%;left:0}@keyframes crest{to{transform:translate(-50%)}}.band-a{top:calc(var(--horizon) + (var(--shore) - var(--horizon)) * .16);background:linear-gradient(180deg, color-mix(in oklab, var(--sea-2) 85%, var(--sea-1)), var(--sea-3));--crest-h:6px;--speed:70s}.band-b{top:calc(var(--horizon) + (var(--shore) - var(--horizon)) * .4);background:linear-gradient(180deg, color-mix(in oklab, var(--sea-3) 80%, var(--sea-2)), var(--sea-4));--crest-h:10px;--speed:46s;--dir:reverse}.band-c{top:calc(var(--horizon) + (var(--shore) - var(--horizon)) * .7);background:linear-gradient(180deg, var(--sea-4), color-mix(in oklab, var(--sea-4) 80%, #000));--crest-h:14px;--speed:30s}.band-a .crest{color:color-mix(in oklab, var(--sea-2) 85%, var(--sea-1))}.band-b .crest{color:color-mix(in oklab, var(--sea-3) 80%, var(--sea-2))}.band-c .crest{color:var(--sea-4)}.crest-line{stroke:color-mix(in oklab, var(--foam) 50%, transparent)}.wmark{aspect-ratio:3;border-top:1.6px solid var(--wave-mark);border-radius:50% 50% 0 0/100% 100% 0 0;animation:8s ease-in-out infinite wmark;position:absolute;translate:-50%}@keyframes wmark{0%,to{opacity:0;transform:translate(-6px)}30%,70%{opacity:1}50%{transform:translate(6px)}}.biolum{height:6vmin;opacity:var(--biolum);transition:opacity 2s;position:absolute;left:0;right:0}.biolum i{background:#7ff3e6;border-radius:50%;width:3px;height:3px;animation:4s ease-in-out infinite plankton;position:absolute;box-shadow:0 0 6px 2px #6ef0e199}@keyframes plankton{0%,to{opacity:0;transform:scale(.4)}45%{opacity:1;transform:scale(1)}}.glints{left:var(--sun-x);top:var(--horizon);bottom:calc(100% - var(--shore));width:calc(var(--sun-size) * 2.4);transition:left 2.4s var(--ease-tide);mix-blend-mode:screen;pointer-events:none;position:absolute;translate:-50%}.glint{background:var(--glint);opacity:0;border-radius:3px;height:2.5px;animation:3.4s ease-in-out infinite glint;position:absolute;translate:-50%}@keyframes glint{30%,60%{opacity:var(--glint-opacity)}45%{transform:scaleX(1.25)}}.glint-spark{color:var(--glint);opacity:0;animation:4s ease-in-out infinite spark;position:absolute;translate:-50% -50%}@keyframes spark{0%,to{opacity:0;transform:scale(.2)}50%{opacity:var(--glint-opacity);transform:scale(1)rotate(45deg)}}:root[data-phase=day] .glints{top:calc(var(--horizon) + 2%)}.post{left:84%;top:calc(var(--horizon) + (var(--shore) - var(--horizon)) * .5);width:clamp(9px,2.5vmin,16px);height:calc((var(--shore) - var(--horizon)) * .3);position:absolute;translate:-50%}.post-svg{width:100%;height:100%;position:absolute;inset:0}.post-gull{aspect-ratio:42/34;width:clamp(30px,8.4vmin,50px);position:absolute;bottom:calc(100% - 4px);left:50%;translate:-46%}.post-gull:before{content:"";position:absolute;inset:-40%}.gull-perched{transform-origin:50% 100%;width:100%;height:100%;animation:11s ease-in-out infinite gull-idle;position:absolute;inset:0}.gull-head{transform-box:fill-box;transform-origin:30% 80%;animation:5s ease-in-out infinite gull-nod}@keyframes gull-idle{0%,44%{transform:scaleX(1)}46%{transform:scaleX(1)translateY(-14%)}48%,92%{transform:scaleX(-1)}94%{transform:scaleX(-1)translateY(-14%)}96%,to{transform:scaleX(1)}}@keyframes gull-nod{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-14deg)}90%{transform:rotate(4deg)}}.gull-flyer{width:100%;color:var(--bird);opacity:0;position:absolute;top:0;left:0}.post-gull[data-st=leave] .gull-perched,.post-gull[data-st=away] .gull-perched,.post-gull[data-st=return] .gull-perched{opacity:0;animation:none}.post-gull[data-st=leave] .gull-flyer{opacity:1;animation:2.3s ease-in forwards gull-leave}.post-gull[data-st=return] .gull-flyer{opacity:1;animation:2.5s ease-out forwards gull-return}@keyframes gull-leave{0%{transform:translate(0)scale(1)}20%{transform:translate(-10px,-30px)scale(1.1)}to{transform:translate(-60vw,-40vh)scale(.55)}}@keyframes gull-return{0%{transform:translate(40vw,-45vh)scale(.5)}80%{transform:translate(4px,-12px)scale(1)}to{transform:translate(0)scale(1)}}.water-life{pointer-events:none;position:absolute;inset:0}.splash{width:0;height:0;position:absolute}.sp-ring{width:calc(70px * var(--s));aspect-ratio:3;border:2px solid color-mix(in oklab, var(--foam) 85%, transparent);border-radius:50%;animation:1.3s ease-out forwards sp-ring;position:absolute;top:0;left:0;translate:-50% -50%}.sp-ring2{opacity:0;animation-delay:.18s}@keyframes sp-ring{0%{opacity:1;transform:scale(.15)}to{opacity:0;transform:scale(1.6)}}.sp-drop{width:calc(5px * var(--s) + 2px);aspect-ratio:1;background:var(--foam);opacity:0;border-radius:50%;animation:.75s cubic-bezier(.3,.6,.5,1) forwards sp-drop;position:absolute;top:0;left:0}@keyframes sp-drop{0%{opacity:1;transform:translate(0)scale(1)}45%{transform:translate(calc(var(--dx) * var(--s) * .7), calc(var(--dy) * var(--s))) scale(1);opacity:1}to{transform:translate(calc(var(--dx) * var(--s)), calc(var(--dy) * var(--s) * -.1)) scale(.6);opacity:0}}.splash[data-night=true] .sp-ring{border-color:#7ff3e6e6;box-shadow:0 0 10px #6ef0e180}.splash[data-night=true] .sp-drop{background:#7ff3e6;box-shadow:0 0 6px 2px #6ef0e18c}.jump{width:0;height:0;animation:1.15s linear forwards jump-x;position:absolute}.jump-y{animation:1.15s forwards jump-y;position:absolute;top:0;left:0}.jump-rot{animation:1.15s linear forwards jump-rot;display:block;translate:-50% -50%}.jump-fish{width:calc(36px * var(--s) + 8px);transform:scaleX(var(--flip));display:block}@keyframes jump-x{0%{transform:translate(0)}to{transform:translateX(var(--dx))}}@keyframes jump-y{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)}10%{opacity:1}50%{transform:translateY(var(--h));animation-timing-function:cubic-bezier(.6,0,.8,.3)}90%{opacity:1}to{opacity:0;transform:translateY(0)}}@keyframes jump-rot{0%{transform:rotate(calc(48deg * var(--flip)))}to{transform:rotate(calc(-58deg * var(--flip)))}}.shore{left:0;right:0;top:calc(var(--shore) - 3%);position:absolute;bottom:0}.shore svg{width:100%;height:100%;position:absolute;inset:0}.tide-lag{animation:tide 9s var(--ease-tide) -.6s infinite}@keyframes tide{0%,to{transform:translateY(0)}50%{transform:translateY(5%)}}.foam{animation:foam 9s var(--ease-tide) infinite}.foam-2{animation:foam 9s var(--ease-tide) -.4s infinite}@keyframes foam{0%,to{opacity:.95;transform:translateY(0)}50%{opacity:.55;transform:translateY(6%)}}.wash{animation:wash 9s var(--ease-tide) infinite;opacity:0}@keyframes wash{0%,to{opacity:0;transform:translateY(-2%)}35%{opacity:.5}55%{opacity:.32;transform:translateY(7%)}80%{opacity:0}}.speckle{opacity:.45;background-image:radial-gradient(circle, var(--sand-2) .9px, transparent 1.3px), radial-gradient(circle, var(--sand-2) .7px, transparent 1.1px);background-position:0 0,13px 9px;background-size:23px 19px,37px 29px;position:absolute;inset:32% 0 0;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.shore-life{left:0;right:0;top:calc(var(--shore) - 1%);position:absolute;bottom:0}.steps .step{aspect-ratio:1/1.8;background:var(--sand-2);border-radius:50%;width:clamp(5px,1.5vmin,9px);position:absolute}.deco{display:block;position:absolute;translate:-50% -50%}.deco>svg{width:100%;height:auto;display:block}.deco:after{content:"";position:absolute;inset:-40%}.starfish{width:clamp(22px,6.2vmin,38px);top:50%;left:15%;rotate:14deg}.scallop{width:clamp(16px,4.6vmin,28px);top:28%;left:74%;rotate:-14deg}.conch{width:clamp(18px,5vmin,30px);top:20%;left:23%;rotate:8deg}.castle{width:clamp(54px,15vmin,96px);top:62%;left:85%}.starfish[data-poke=true] svg{animation:1.1s cubic-bezier(.2,1.2,.4,1) poke-spin}.scallop[data-poke=true] svg,.conch[data-poke=true] svg{animation:.8s ease-in-out poke-wiggle}.castle .flag{transform-box:fill-box;transform-origin:0;animation:1.6s ease-in-out infinite flag}.castle[data-poke=true] svg{transform-origin:50% 100%;animation:1.3s cubic-bezier(.2,1.4,.4,1) poke-hop}.castle[data-poke=true] .flag{animation-duration:.3s}@keyframes poke-spin{0%{transform:rotate(0)scale(1)}40%{transform:rotate(200deg)scale(1.25)}to{transform:rotate(360deg)scale(1)}}@keyframes poke-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)translateY(-12%)}45%{transform:rotate(14deg)translateY(-4%)}70%{transform:rotate(-8deg)}}@keyframes poke-hop{0%,to{transform:scale(1)}20%{transform:scale(1.08,.9)}45%{transform:scale(.95,1.08)translateY(-8%)}70%{transform:scale(1.03,.97)}}@keyframes flag{0%,to{transform:scaleX(1)skewY(0)}50%{transform:scaleX(.82)skewY(6deg)}}.crab{aspect-ratio:64/44;width:clamp(36px,10vmin,60px);position:absolute;top:9%;left:46%}.crab:before{content:"";translate:var(--crab-x,0) 0;position:absolute;inset:-30% -40%}.crab-walk{animation:16s ease-in-out infinite crab-patrol;position:absolute;inset:0}@keyframes crab-patrol{0%,6%{transform:translate(0)}30%,40%{transform:translate(170%)}64%,72%{transform:translate(60%)}94%,to{transform:translate(0)}}.crab-clip{height:170%;position:absolute;bottom:0;left:-20%;right:-20%;overflow:hidden}.crab-bob{animation:.34s ease-in-out infinite alternate crab-bob;position:absolute;bottom:0;left:16.6%;right:16.6%}.crab-svg{width:100%;height:auto;display:block}@keyframes crab-bob{to{transform:translateY(-4%)}}.crab-legs{transform-box:fill-box;transform-origin:100% 0;animation:.17s ease-in-out infinite alternate crab-legs}.crab-right .crab-legs{animation-delay:-.085s}@keyframes crab-legs{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.crab-claw{transform-box:fill-box;transform-origin:90% 100%;transition:transform .25s cubic-bezier(.2,1.5,.4,1);animation:5s ease-in-out infinite crab-snip}@keyframes crab-snip{0%,88%,to{transform:rotate(0)}91%{transform:rotate(-16deg)}94%{transform:rotate(4deg)}}.crab-eye{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite blink}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.crab-hole{background:color-mix(in oklab, var(--sand-2) 70%, #000 20%);opacity:0;border-radius:50%;width:54%;height:22%;transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1);position:absolute;bottom:-6%;left:50%;transform:scale(.2)}.crab-puff{position:absolute;bottom:0;left:50%}.crab-puff i{background:var(--sand-2);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute}.crab[data-st=alert] .crab-walk,.crab[data-st=flee] .crab-walk,.crab[data-st=hidden] .crab-walk,.crab[data-st=emerge] .crab-walk{animation-play-state:paused}.crab[data-st=alert] .crab-bob{animation:80ms linear infinite alternate crab-jitter}.crab[data-st=alert] .crab-claw{animation:none;transform:rotate(-34deg)translateY(-8%)}.crab[data-st=alert] .crab-eye{animation:none;transform:scale(1.25)}.crab[data-st=flee] .crab-bob{animation:.8s cubic-bezier(.5,0,.8,.4) forwards crab-burrow}.crab[data-st=flee] .crab-hole,.crab[data-st=hidden] .crab-hole,.crab[data-st=emerge] .crab-hole{opacity:1;transform:scale(1)}.crab[data-st=flee] .crab-puff i{animation:.7s ease-out .35s forwards puff}.crab-puff i:first-child{--dx:-16px}.crab-puff i:nth-child(2){--dx:2px}.crab-puff i:nth-child(3){--dx:16px}.crab[data-st=hidden] .crab-bob{animation:none;transform:translateY(105%)}.crab[data-st=emerge] .crab-bob{animation:1.2s cubic-bezier(.2,1.1,.4,1) forwards crab-emerge}@keyframes crab-jitter{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes crab-burrow{0%{transform:translateY(0)}25%{transform:translateY(-14%)}to{transform:translateY(105%)}}@keyframes crab-emerge{0%{transform:translateY(105%)}35%{transform:translateY(62%)}60%{transform:translateY(62%)}to{transform:translateY(0)}}@keyframes puff{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), -18px) scale(.4)}}.front{z-index:1}.grass{width:clamp(64px,20vmin,150px);height:auto;position:absolute;bottom:-2%}.grass-l{left:-3%}.grass-r{width:clamp(52px,16vmin,120px);right:-3%}.blade{transform-box:fill-box;transform-origin:50% 100%;animation:5.5s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}.wordmark{left:50%;top:var(--horizon);width:clamp(270px,74vw,600px);color:var(--scene-ink);pointer-events:none;position:absolute;translate:-50% -50%}.wordmark-svg{width:100%;height:auto;display:block;overflow:visible}.wordmark-text{font-family:var(--font-text);fill:currentColor;text-anchor:middle;direction:rtl;font-size:168px;font-weight:600}.wordmark-tag{white-space:nowrap;font-family:var(--font-text);color:var(--scene-ink-soft);font-size:clamp(17px,4.4vw,24px);position:absolute;bottom:84%;left:50%;translate:-50%}.floater{position:absolute;translate:-50% -100%}.bob{animation:bob 4.6s var(--ease-float) infinite;transform-origin:50% 85%}@keyframes bob{0%,to{transform:translateY(0)rotate(-7deg)}50%{transform:translateY(7%)rotate(5deg)}}.veil{pointer-events:none;height:36%;position:absolute;bottom:-4%;left:-60%;right:-60%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.ring{aspect-ratio:3;border:1.5px solid color-mix(in oklab, var(--foam) 70%, transparent);pointer-events:none;border-radius:50%;width:150%;animation:3.4s ease-out infinite ring;position:absolute;top:62%;left:50%;translate:-50% -50%}.ring.r2{animation-delay:1.7s}@keyframes ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.5)}}.scene-dim{z-index:2;-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .9s var(--ease-tide);pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,#0c1c36b8,#0a162cf0);position:absolute;inset:0}.scene-dim[data-on=true]{opacity:1}.scene-ink{color:var(--scene-ink)}.scene-ink-soft{color:var(--scene-ink-soft)}@media (prefers-reduced-motion:reduce){.scene *,.scene :before,.scene :after{animation-duration:.01ms!important;animation-iteration-count:1!important}.flier,.flock-drift,.lenj-sail,.shoot,.whale,.beam{display:none}}