:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;min-height:100dvh}button{font:inherit}.nightGate,.beachScene{background:#000;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.beachScene{isolation:isolate;touch-action:manipulation;background:linear-gradient(#03070d 0%,#07101a 27%,#0a151d 39%,#111617 62%,#171717 100%)}.sky{z-index:0;background:radial-gradient(circle at 12% 27%,#6984920a 0 1px,#0000 1.8px) 0 0/277px 193px,radial-gradient(circle at 72% 18%,#9db0b812 0 .7px,#0000 1.5px) 0 0/361px 241px,radial-gradient(circle at 39% 9%,#a1b2b90d 0 .8px,#0000 1.5px) 0 0/433px 307px,linear-gradient(#02050a 0%,#071019 68%,#0d1820 100%) 0 0/100% 100%;position:absolute;inset:0 0 52%;overflow:hidden}.moonAssembly{top:max(8%, env(safe-area-inset-top));aspect-ratio:1;opacity:.78;width:clamp(30px,4.3vw,68px);animation:20s ease-in-out infinite alternate moonBreath;position:absolute;right:16%}.moonHalo{filter:blur(2px);background:radial-gradient(circle,#bfd2d621 0 5%,#85a6b10d 16%,#0000 56%),radial-gradient(circle,#5e85940a,#0000 70%);border-radius:50%;position:absolute;inset:-260%}.moon{background:radial-gradient(circle at 30% 29%,#4353584f 0 5%,#0000 6%),radial-gradient(circle at 68% 62%,#36454b3d 0 9%,#0000 10%),radial-gradient(circle at 46% 76%,#39484d30 0 5%,#0000 6%),radial-gradient(circle at 39% 34%,#e5e9e7 0 10%,#bec7c7 38%,#89989c 68%,#566970 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset -8px -5px 12px #0a141a5c,inset 4px 3px 8px #f2f7f529,0 0 13px 2px #b2cbd129,0 0 55px 12px #6f97a414}.moon:before{content:"";filter:blur(1.4px);background:linear-gradient(92deg,#0000,#0a141b2b 36%,#03080d6e 100%);border-radius:48% 55% 53% 46%;position:absolute;inset:-8% -18% -8% 43%}.moon:after{content:"";border:1px solid #eff7f514;border-radius:50%;position:absolute;inset:7%;box-shadow:inset 2px 1px 4px #ffffff12}.moonCrater{z-index:1;border:1px solid #26353b2e;border-radius:50%;display:block;position:absolute;box-shadow:inset 1px 1px 2px #22303640,1px 1px 2px #e9f1ef14}.moonCraterOne{width:15%;height:15%;top:19%;left:54%}.moonCraterTwo{width:22%;height:18%;top:52%;left:24%}.moonCraterThree{width:11%;height:10%;top:69%;left:59%}.moonCloud{z-index:2;filter:blur(3px);pointer-events:none;background:linear-gradient(90deg,#0000,#5c717a14 28%,#75888f24 48%,#495e6712 68%,#0000);border-radius:50%;width:470%;position:absolute;left:-190%;transform:rotate(-4deg)}.moonCloudFar{opacity:.42;height:18%;animation:31s linear infinite cloudPass;top:17%}.moonCloudNear{opacity:.6;height:24%;animation:23s linear -11s infinite reverse cloudPass;top:58%}.horizonMist{filter:blur(8px);background:linear-gradient(#0000,#4a69770d 56%,#556f7917);height:24%;position:absolute;bottom:-1px;left:-8%;right:-8%}.oceanCanvas{z-index:2;pointer-events:none;position:absolute;inset:0}.oceanCanvas canvas{width:100%;height:100%;display:block}.shoreSheen{z-index:3;pointer-events:none;opacity:.34;mix-blend-mode:screen;background:radial-gradient(at 74% 2%,#91aaae14,#0000 25%),linear-gradient(174deg,#0000 0 13%,#7a92950a 14%,#0000 17% 100%);position:absolute;inset:61% 0 -8%}.driftField{z-index:5;pointer-events:none;position:absolute;inset:0}.driftTrack{width:var(--drift-size);height:var(--drift-size);opacity:1;animation:driftAshore var(--drift-duration) cubic-bezier(.33, .04, .2, 1) forwards;will-change:transform;transition:opacity 10s ease-in,filter 10s ease-in;position:absolute;top:0;left:0}.driftTrack.retiring{opacity:0;filter:blur(3px);pointer-events:none}.driftButton{color:#879095;appearance:none;cursor:default;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:100%;height:100%;padding:0;animation:7s ease-in-out infinite alternate driftBreath;display:block;position:relative}.driftButton:focus-visible{outline-offset:5px;outline:1px solid #a4b7bc38}.driftVisual{opacity:.74;filter:saturate(.55)brightness(.7)contrast(1.08)drop-shadow(0 2px 3px #00000085);transition:opacity 1.8s,filter 1.8s;display:block;position:absolute;inset:7%;transform:translateZ(0)}.driftVisual img{object-fit:contain;filter:contrast(1.08)brightness(.96)saturate(.82)}.driftVisual svg{fill:currentColor;stroke:none;width:100%;height:100%;display:block;overflow:visible}.driftVisual .placeholderMark{fill:none;stroke:#1c272b;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.driftVisual .placeholderVoid{fill:#111a1e}.driftShadow{filter:blur(5px);opacity:.7;background:#0000008c;border-radius:50%;height:23%;position:absolute;bottom:2%;left:12%;right:4%;transform:rotate(-6deg)}.driftButton:hover .driftVisual,.driftButton:focus-visible .driftVisual{opacity:.87;filter:saturate(.62)brightness(.82)contrast(1.08)drop-shadow(0 2px 4px #00000094)}.alienCaption{color:#aac2c5a3;filter:drop-shadow(0 0 5px #729ca326);pointer-events:none;width:clamp(96px,11vw,148px);animation:4.6s ease-in-out forwards glyphPresence;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.alienCaption svg{width:100%;display:block;overflow:visible}.alienCaption g{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.alienCaption circle{fill:currentColor;stroke:none}.atmosphere{z-index:7;pointer-events:none;opacity:.085;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:absolute;inset:0}.vignette{z-index:8;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 18vw 4vw #00000085,inset 0 -12vh 20vh #00000038}@keyframes moonBreath{0%{opacity:.68;filter:blur(.15px);transform:scale(.985)}to{opacity:.82;filter:blur(.4px);transform:scale(1.015)}}@keyframes cloudPass{0%{translate:-12%}to{translate:12%}}@keyframes driftAshore{0%{transform:translate3d(var(--x-0), var(--y-0), 0) scale(.34) rotate(var(--rotation-start));opacity:0}7%{opacity:.52}46%{transform:translate3d(var(--x-1), var(--y-1), 0) scale(.69) rotate(var(--rotation-mid));opacity:.88}76%{transform:translate3d(var(--x-2), var(--y-lift), 0) scale(.98) rotate(var(--rotation-end))}88%{transform:translate3d(var(--x-2), var(--y-2), 0) scale(1) rotate(var(--rotation-end))}94%{transform:translate3d(var(--x-2), var(--y-lift), 0) scale(1) rotate(var(--rotation-end))}to{transform:translate3d(var(--x-2), var(--y-2), 0) scale(1) rotate(var(--rotation-end));opacity:1}}@keyframes driftBreath{0%{transform:translateY(calc(var(--bob) * -1)) rotate(-.35deg)}to{transform:translateY(var(--bob)) rotate(.35deg)}}@keyframes glyphPresence{0%{opacity:0;filter:blur(3px);transform:translate(-50%,7px)}18%,68%{opacity:1;filter:blur();transform:translate(-50%)}to{opacity:0;filter:blur(2px);transform:translate(-50%,-5px)}}@media (max-width:700px){.moonAssembly{right:13%;top:max(9%, env(safe-area-inset-top))}.vignette{box-shadow:inset 0 0 22vw 4vw #0000007a,inset 0 -10vh 15vh #0000002e}.alienCaption{bottom:calc(100% + 4px)}}@media (prefers-reduced-motion:reduce){.moonAssembly,.moonCloud,.driftButton{animation:none}.driftTrack{animation-duration:1ms}.alienCaption{animation-duration:5.5s}}