.home{--water:#a6e0e7;--water-deep:#57a9d2;--sun:#f1fffebf;--ray:#ffffff4d;--caustic:#ffffff73;--wave:#fff9;--weed:#458554;--weed-deep:#0e6549;--ink:#0d1c27;--ink-soft:#0d1c27b8;--rule:#15212729;--card:#ffffff8c;--pellet:#a87346;--hamsi-silver:#b7c7ce;--hamsi-belly:#ecf3f5;--hamsi-shine:#f9fcfe;--hamsi-back:#2b6d7c;--hamsi-back-green:#307672;--hamsi-back-deep:#20536e;--hamsi-spine:#0d3242;--hamsi-fin:#b0c1c773;--hamsi-eye:#0a0e11;--hamsi-shadow:#07333f47}@supports (color:lab(0% 0 0)){.home{--water:lab(85.4563% -18.1009 -9.6501);--water-deep:lab(65.3989% -17.1394 -28.8692);--sun:lab(99.183% -10.007 -2.06586/.75);--ray:lab(100% 0 0/.3);--caustic:lab(100% 0 0/.45);--wave:lab(100% 0 0/.6);--weed:lab(50.237% -30.0123 19.5898);--weed-deep:lab(37.3927% -30.9165 8.7562);--ink:lab(9.51601% -3.84469 -9.50136);--ink-soft:lab(9.51601% -3.84469 -9.50136/.72);--rule:lab(11.9034% -3.93395 -5.70445/.16);--card:lab(100% 0 0/.55);--pellet:lab(53.2863% 17.9193 33.2263);--hamsi-silver:lab(79.2186% -4.64702 -5.3785);--hamsi-belly:lab(95.4093% -2.04507 -1.97092);--hamsi-shine:lab(98.8648% -1.02499 -.986993);--hamsi-back:lab(42.4522% -18.0338 -14.8818);--hamsi-back-green:lab(45.1166% -23.5896 -4.72586);--hamsi-back-deep:lab(32.7802% -10.3507 -20.8724);--hamsi-spine:lab(18.9139% -8.81116 -13.9746);--hamsi-fin:lab(76.9209% -5.06452 -4.89874/.45);--hamsi-eye:lab(3.69007% -.552692 -2.32546);--hamsi-shadow:lab(19.0508% -11.4749 -11.7986/.28)}}.home[data-mode=dark]{--water:#003948;--water-deep:#000a18;--sun:#50afb44d;--ray:#a9e4e721;--weed:#194e35;--weed-deep:#00372c;--caustic:#80babd1f;--wave:#98c8ca2e;--ink:#e4edee;--ink-soft:#e4edeebd;--rule:#e4edee29;--card:#04191f99;--pellet:#c59c6d;--hamsi-shadow:#00000073}@supports (color:lab(0% 0 0)){.home[data-mode=dark]{--water:lab(21.3787% -12.8976 -14.6578);--water-deep:lab(2.38896% -.509083 -9.17319);--sun:lab(66.0766% -28.2571 -11.6467/.3);--ray:lab(86.6715% -18.9236 -7.86343/.13);--weed:lab(29.0061% -23.2079 9.13216);--weed-deep:lab(19.5756% -21.2111 1.82884);--caustic:lab(71.5901% -18.9079 -7.84297/.12);--wave:lab(77.2935% -15.7758 -6.56123/.18);--ink:lab(93.1397% -3.16554 -1.32862);--ink-soft:lab(93.1397% -3.16554 -1.32862/.74);--rule:lab(93.1397% -3.16554 -1.32862/.16);--card:lab(7.37143% -6.16032 -7.07407/.6);--pellet:lab(67.4478% 11.2981 30.9362);--hamsi-shadow:lab(0% 0 0/.45)}}@media (prefers-color-scheme:dark){.home:not([data-mode=light]){--water:#003948;--water-deep:#000a18;--sun:#50afb44d;--ray:#a9e4e721;--weed:#194e35;--weed-deep:#00372c;--caustic:#80babd1f;--wave:#98c8ca2e;--ink:#e4edee;--ink-soft:#e4edeebd;--rule:#e4edee29;--card:#04191f99;--pellet:#c59c6d;--hamsi-shadow:#00000073}@supports (color:lab(0% 0 0)){.home:not([data-mode=light]){--water:lab(21.3787% -12.8976 -14.6578);--water-deep:lab(2.38896% -.509083 -9.17319);--sun:lab(66.0766% -28.2571 -11.6467/.3);--ray:lab(86.6715% -18.9236 -7.86343/.13);--weed:lab(29.0061% -23.2079 9.13216);--weed-deep:lab(19.5756% -21.2111 1.82884);--caustic:lab(71.5901% -18.9079 -7.84297/.12);--wave:lab(77.2935% -15.7758 -6.56123/.18);--ink:lab(93.1397% -3.16554 -1.32862);--ink-soft:lab(93.1397% -3.16554 -1.32862/.74);--rule:lab(93.1397% -3.16554 -1.32862/.16);--card:lab(7.37143% -6.16032 -7.07407/.6);--pellet:lab(67.4478% 11.2981 30.9362);--hamsi-shadow:lab(0% 0 0/.45)}}}.home[data-theme]{--water:var(--c-bg);--water-deep:var(--c-bg-deep);--ink:var(--c-fg);--ink-soft:var(--c-muted);--rule:var(--c-line-strong);--card:var(--c-card);--sun:color-mix(in oklab, var(--c-accent) 14%, transparent);--ray:color-mix(in oklab, var(--c-accent) 11%, transparent);--weed:color-mix(in oklab, var(--c-accent) 55%, var(--c-bg-deep));--weed-deep:color-mix(in oklab, var(--c-accent) 35%, var(--c-bg-deep));--caustic:color-mix(in oklab, var(--c-accent) 16%, transparent);--wave:color-mix(in oklab, var(--c-accent) 30%, transparent);--pellet:var(--c-accent)}.home body{background:radial-gradient(70% 45% at 50% -8%, var(--sun), transparent 70%), linear-gradient(180deg, var(--water), var(--water-deep)) fixed;color:var(--ink);font-family:var(--font-glass-sans), ui-sans-serif, system-ui, sans-serif;transition:background-color .3s,color .3s}.home main{text-shadow:0 0 2px var(--water-deep), 0 0 14px var(--water-deep)}.pond{pointer-events:none;position:fixed;inset:0;overflow:hidden}.pond-rays{position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#0000008c 45%,#0000 92%);mask:linear-gradient(#000,#0000008c 45%,#0000 92%)}.pond-rays:before,.pond-rays:after{content:"";transform-origin:20% 0;background:conic-gradient(from 112deg at 20% 0%, transparent 0deg, var(--ray) 2.5deg, transparent 6deg, transparent 10deg, color-mix(in oklab, var(--ray) 70%, transparent) 12deg, transparent 13.5deg, transparent 19deg, var(--ray) 23deg, transparent 29deg, transparent 34deg, color-mix(in oklab, var(--ray) 55%, transparent) 36deg, transparent 38deg, transparent 44deg, var(--ray) 47deg, transparent 52deg, transparent 57deg, color-mix(in oklab, var(--ray) 65%, transparent) 60deg, transparent 64deg);animation:19s ease-in-out infinite alternate pond-rays;position:absolute;inset:-20% -50% 0}.pond-rays:after{transform-origin:26% 0;background:conic-gradient(from 122deg at 26% 0%, transparent 0deg, color-mix(in oklab, var(--ray) 60%, transparent) 4deg, transparent 7deg, transparent 15deg, var(--ray) 17deg, transparent 19deg, transparent 27deg, color-mix(in oklab, var(--ray) 75%, transparent) 31deg, transparent 36deg, transparent 41deg, var(--ray) 43.5deg, transparent 46deg);animation:27s ease-in-out infinite alternate pond-rays-b,9s ease-in-out infinite alternate pond-rays-breathe}@keyframes pond-rays{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes pond-rays-b{0%{transform:rotate(4deg)}to{transform:rotate(-2deg)}}@keyframes pond-rays-breathe{0%{opacity:.45}to{opacity:1}}.pond-weeds{height:220px;position:absolute;inset:auto 0 0}@media (max-width:640px){.pond-weeds{transform-origin:50% 100%;scale:1 .65}}.weed{fill:var(--weed);opacity:.85;transform-origin:50% 100%;animation:weed-sway var(--sway,6s) ease-in-out var(--delay,0s) infinite alternate;position:absolute;bottom:-6px}.weed[data-tone="1"]{fill:var(--weed-deep)}.weed[data-tone="2"]{opacity:.65}@keyframes weed-sway{0%{transform:rotate(-5deg)skew(4deg)}to{transform:rotate(5deg)skew(-4deg)}}.pond-caustics{background:radial-gradient(40% 30% at 20% 30%, var(--caustic), transparent 70%), radial-gradient(35% 25% at 70% 60%, var(--caustic), transparent 70%), radial-gradient(30% 22% at 45% 85%, var(--caustic), transparent 70%);animation:26s ease-in-out infinite alternate pond-drift;position:absolute;inset:-20%}@keyframes pond-drift{to{transform:translate(6%,-4%)rotate(4deg)scale(1.08)}}.pond-waves{background:var(--wave);opacity:.45;animation:70s linear infinite pond-waves;position:absolute;inset:0 -800px 0 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='c' x='0' y='0' width='800' height='800' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.0045' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='1 .72 .45 .24 .1 .03 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23c)'/%3E%3C/svg%3E") 0 0/800px 800px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='c' x='0' y='0' width='800' height='800' filterUnits='userSpaceOnUse'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.0045' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='table' tableValues='1 .72 .45 .24 .1 .03 0 0 0 0 0 0'/%3E%3C/feComponentTransfer%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23c)'/%3E%3C/svg%3E") 0 0/800px 800px}.pond-waves-back{opacity:.2;animation-duration:110s;animation-direction:reverse;inset:0 0 0 -800px;rotate:-8deg;scale:1.9}@keyframes pond-waves{to{transform:translate(-800px)}}.pond-floor{--c0:8vw;--c1:31vw;--c2:54vw;--c3:40vw;height:90px;scale:var(--k,1);transform-origin:50% 100%;opacity:0;transition:opacity .8s;position:absolute;inset:auto 0 0}.pond-floor[data-placed]{opacity:1}.shell{opacity:.9;position:absolute;bottom:10px}.shell[hidden]{display:none}.shell svg{width:100%;height:100%}.crab{width:64px;height:49px;animation:crab-walk 64s ease-in-out var(--crab-start,0s) infinite;margin-left:-32px;position:absolute;bottom:14px;left:0}.crab-body{width:100%;height:100%;overflow:visible;rotate:-90deg}.crab-legs{transform-box:fill-box;animation:.32s ease-in-out infinite alternate crab-scuttle}.crab-legs-a{transform-origin:100% 100%}.crab-legs-b{transform-origin:100% 0;animation-delay:-.16s}@keyframes crab-scuttle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes crab-walk{0%,9%{translate:var(--c0) 0}24%,33%{translate:var(--c1) -4px}47%,56%{translate:var(--c2) 0}70%,79%{translate:var(--c3) -6px}to{translate:var(--c0) 0}}.hamsi{--x:50vw;--y:50vh;--a:0deg;--d:4s;--s:1;width:120px;height:48px;translate:var(--x) var(--y);rotate:var(--a);scale:calc(var(--s) * .9 * var(--k,1));opacity:.78;transition:translate var(--d) cubic-bezier(.42, 0, .38, 1), rotate calc(var(--d) * .35 + .3s) cubic-bezier(.3, 0, .2, 1), scale .9s cubic-bezier(.3, 0, .2, 1), opacity .9s, filter .9s;filter:drop-shadow(3px 6px 3px var(--hamsi-shadow));margin:-24px 0 0 -60px;position:absolute;top:0;left:0}.hamsi[data-surface]{z-index:3;scale:calc(var(--s) * 1.12 * var(--k,1));opacity:1;filter:drop-shadow(10px 18px 6px var(--hamsi-shadow))}.hamsi[hidden]{display:none}@media (max-width:640px){.hamsi,.shark{filter:none}.pond-waves-back,.pond-rays:after{display:none}.home:not([data-theme]) .choice,.home .choice{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in oklab, var(--water-deep) 88%, transparent)}}.hamsi-body{transform-origin:70%;width:100%;height:100%;transition:scale .2s;animation:1.1s ease-in-out infinite hamsi-sway;overflow:visible}.hamsi[data-gulp] .hamsi-body{scale:1.06 .9}.hamsi-tail{transform-origin:12px 8px;animation:1.1s ease-in-out infinite hamsi-tail}.hamsi-fin{transform-box:fill-box;animation:1.6s ease-in-out infinite hamsi-fin}.hamsi-fin-l{transform-origin:100% 100%}.hamsi-fin-r{transform-origin:100% 0;animation-name:hamsi-fin-r}@keyframes hamsi-tail{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@keyframes hamsi-sway{0%,to{rotate:2.5deg}50%{rotate:-2.5deg}}@keyframes hamsi-fin{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}@keyframes hamsi-fin-r{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}.shark{--x:-400px;--y:-400px;--a:0deg;--d:0s;z-index:4;width:240px;height:86px;translate:var(--x) var(--y);rotate:var(--a);scale:var(--k,1);opacity:0;visibility:hidden;filter:drop-shadow(14px 26px 10px var(--hamsi-shadow));margin:-43px 0 0 -120px;transition:opacity .4s,visibility 0s .4s;position:absolute;top:0;left:0}.shark[data-active]{opacity:1;visibility:visible;transition:opacity .4s}.shark-body{transform-origin:70%;width:100%;height:100%;transition:scale .15s;animation:.9s ease-in-out infinite shark-sway;overflow:visible}.shark[data-gulp] .shark-body{scale:1.04 .94}.shark-tail{transform-origin:14px 18px;animation:.9s ease-in-out infinite shark-tail}.shark-fin{transform-box:fill-box;animation:.9s ease-in-out infinite shark-fin-l}.shark-fin-l{transform-origin:100% 100%}.shark-fin-r{transform-origin:100% 0;animation-name:shark-fin-r}@keyframes shark-fin-l{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes shark-fin-r{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}@keyframes shark-tail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes shark-sway{0%,to{rotate:1.5deg}50%{rotate:-1.5deg}}.pond-pellet{background:var(--pellet);z-index:2;width:7px;height:7px;translate:var(--x) var(--y);animation:pellet-drop .5s cubic-bezier(.2, .8, .3, 1) backwards, pellet-sink var(--sink,14s) cubic-bezier(.3, 0, .6, 1) .5s forwards, pellet-under 1ms steps(1) calc(var(--sink,14s) / 2 + .5s) forwards;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:0}@keyframes pellet-sink{to{opacity:0;scale:.25}}@keyframes pellet-under{to{z-index:0}}.pond-pellet[data-eaten]{background:0 0}.pond-splash{border:1.5px solid var(--wave);border-radius:50%;animation:.7s ease-out forwards pellet-splash;position:absolute;inset:-6px}@keyframes pellet-splash{0%{opacity:1;scale:.4}to{opacity:0;scale:3.2}}.pond-ripple{border:1px solid var(--rule);border-radius:50%;animation:1.4s ease-out forwards pellet-ripple;position:absolute;inset:-10px}@keyframes pellet-drop{0%{opacity:0;scale:2.2}}@keyframes pellet-ripple{0%{opacity:1;scale:.3}to{opacity:0;scale:4}}.caret{animation:1.1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.home:not([data-theme]) .choice{background:var(--card);border:1px solid var(--rule);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.choice{border-radius:var(--r-card,1rem);transition:translate .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s}.choice:hover,.choice:focus-visible{box-shadow:0 0 0 1px color-mix(in oklab, var(--glow) 70%, transparent), 0 16px 40px -14px var(--glow);translate:0 -3px}.choice:active{translate:0}.choice-rim{z-index:1;border-radius:inherit;pointer-events:none;opacity:.85;padding:1.5px;transition:opacity .3s;position:absolute;inset:0;overflow:hidden;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.choice-rim:before{content:"";aspect-ratio:1;background:conic-gradient(transparent 0 58%, color-mix(in oklab, var(--glow) 60%, transparent) 74%, var(--glow) 84%, #fff 87%, transparent 90%);width:200%;animation:4s linear infinite choice-spin;position:absolute;top:50%;left:50%;translate:-50% -50%}@supports (color:lab(0% 0 0)){.choice-rim:before{background:conic-gradient(transparent 0 58%, color-mix(in oklab, var(--glow) 60%, transparent) 74%, var(--glow) 84%, lab(100% 0 0) 87%, transparent 90%)}}.choice:hover .choice-rim,.choice:focus-visible .choice-rim{opacity:1}li+li .choice-rim:before{animation-delay:-2s}@keyframes choice-spin{to{rotate:360deg}}.choice-sheen{z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff47,#0000);background:linear-gradient(100deg,#0000,lab(100% 0 0/.28),#0000);width:35%;animation:6s cubic-bezier(.4,0,.2,1) infinite choice-sheen;position:absolute;inset:-20% auto -20% 0;translate:-150%}li+li .choice-sheen{animation-delay:3s}@keyframes choice-sheen{0%,70%{translate:-150%}to{translate:400%}}.choice-arrow{background:var(--glow);color:#071418;color:lab(5.35061% -3.4732 -4.15824);border-radius:9999px;place-items:center;width:1.375rem;height:1.375rem;font-size:12px;transition:translate .3s cubic-bezier(.2,.8,.3,1);display:inline-grid;position:relative}.choice-arrow:after{content:"";border-radius:inherit;border:1px solid var(--glow);animation:2.4s cubic-bezier(0,0,.2,1) infinite choice-ping;position:absolute;inset:0}.choice:hover .choice-arrow{translate:3px -3px}@keyframes choice-ping{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:2}}.choice-domain{color:color-mix(in oklab, var(--glow) 55%, var(--ink))}
