*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#031224;overflow:hidden}.scene{position:relative;width:100%;height:100dvh;min-height:400px;overflow:hidden;background:#031224}.art{position:absolute;inset:0;background-image:url("assets/moonlit-home-port.png");background-position:center;background-repeat:no-repeat;background-size:cover;animation:sea-breathe 9s ease-in-out infinite alternate;transform-origin:center 72%}#stars{position:absolute;inset:0;width:100%;height:58%;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.ocean-glimmer{position:absolute;left:0;right:0;bottom:4%;height:19%;pointer-events:none;background:repeating-linear-gradient(175deg,transparent 0 19px,rgba(166,212,244,.04) 21px,transparent 25px 47px);opacity:.55;animation:shimmer 8s linear infinite}.motion-toggle{position:absolute;right:1.25%;bottom:1.25%;width:38px;height:38px;border:0;background:transparent;color:transparent;cursor:pointer;z-index:5}.motion-toggle:focus-visible{outline:2px solid #e4c080;color:#fff}.paused .art,.paused .ocean-glimmer{animation-play-state:paused}@keyframes sea-breathe{from{transform:translateY(0) scale(1.002)}to{transform:translateY(3px) scale(1.006)}}@keyframes shimmer{from{background-position:0 0}to{background-position:160px 0}}@media(prefers-reduced-motion:reduce){.art,.ocean-glimmer{animation:none!important}}