.lighthouse{container-type:size;overflow:hidden;perspective:none}.lh-stars{position:absolute;top:0;right:0;bottom:35%;left:0;background-image:radial-gradient(1.2px 1.2px at 8% 14%,#fff,transparent),radial-gradient(1px 1px at 22% 32%,#fff,transparent),radial-gradient(1.4px 1.4px at 36% 9%,#fff,transparent),radial-gradient(1px 1px at 47% 26%,#fff,transparent),radial-gradient(1.2px 1.2px at 63% 16%,#fff,transparent),radial-gradient(1px 1px at 71% 38%,#fff,transparent),radial-gradient(1.4px 1.4px at 86% 12%,#fff,transparent),radial-gradient(1px 1px at 93% 30%,#fff,transparent),radial-gradient(1px 1px at 14% 48%,#fff,transparent),radial-gradient(1.2px 1.2px at 55% 44%,#fff,transparent);opacity:.55}.lh-stars-b{background-image:radial-gradient(1px 1px at 4% 28%,#fff,transparent),radial-gradient(1.3px 1.3px at 18% 8%,#fff,transparent),radial-gradient(1px 1px at 30% 42%,#fff,transparent),radial-gradient(1.3px 1.3px at 42% 18%,#fff,transparent),radial-gradient(1px 1px at 58% 6%,#fff,transparent),radial-gradient(1.3px 1.3px at 77% 24%,#fff,transparent),radial-gradient(1px 1px at 97% 44%,#fff,transparent);animation:lh-twinkle 3.6s ease-in-out infinite alternate}@keyframes lh-twinkle{to{opacity:.1}}.lh-sea{position:absolute;left:0;right:0;bottom:0;height:30%;overflow:hidden;background:linear-gradient(180deg,#071226,#02060d)}.lh-sea>i{position:absolute;left:-50%;right:-50%;top:6%;height:30%;background:radial-gradient(ellipse 50% 22% at 50% 50%,rgb(255 236 170 / .12),transparent) 0 0 / 7rem 1.4rem;animation:lh-waves 16s linear infinite}.lh-sea>i:nth-child(2){top:34%;background-size:10rem 1.8rem;opacity:.7;animation-duration:22s;animation-direction:reverse}.lh-sea>i:nth-child(3){top:64%;background-size:14rem 2.4rem;opacity:.5;animation-duration:30s}@keyframes lh-waves{to{transform:translate3d(14rem,0,0)}}.lh-ship{position:absolute;left:22%;bottom:28.5%;width:6rem;animation:lh-bob 5s var(--ease-in-out) infinite alternate}.lh-ship>svg{display:block;width:100%}@keyframes lh-bob{to{transform:translate3d(0,3px,0) rotate(1.5deg)}}.lh-tower{position:absolute;right:3%;bottom:0;height:64%;aspect-ratio:120 / 220}.lh-tower>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lh-beam-pivot{position:absolute;left:53.3%;top:24.1%;width:0;height:0;perspective:50cqh}.lh-beam{position:absolute;left:0;top:-9cqh;width:150cqw;height:18cqh;transform-origin:0 50%;background:linear-gradient(90deg,rgb(255 238 180 / .6),rgb(255 238 180 / .16) 30%,rgb(255 238 180 / .04) 70%,transparent);clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);animation:lh-sweep 10s linear infinite}@keyframes lh-sweep{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}