.scene{--horizon:66vh;--sun:min(54vh, 78vw);--silhouette:#12070a;z-index:-1;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.sky{height:var(--horizon);background:linear-gradient(#1a0714 0%,#3d0c24 16%,#7c1533 34%,#c22a38 52%,#f0552f 68%,#ff8c34 82%,#ffc35a 94%,#ffe08a 100%);position:absolute;inset:0 0 auto;overflow:hidden}.stars{opacity:.7;background-image:radial-gradient(1.5px 1.5px at 8% 22%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 17% 58%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 29% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 41% 40%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 55% 9%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 66% 48%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 77% 20%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 88% 36%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 95% 10%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 3% 70%,#fff 50%,#0000 51%);animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 55%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes twinkle{to{opacity:.35}}.sun{left:50%;bottom:calc(var(--sun) * -.34);width:var(--sun);aspect-ratio:1;background:linear-gradient(#fff6c2 0%,#ffe07a 28%,#ffb347 55%,#ff7a2e 78%);border-radius:50%;animation:7s ease-in-out infinite alternate glow;position:absolute;translate:-50%;box-shadow:0 0 60px 20px #ffd6788c,0 0 220px 110px #ff8c3c73}@keyframes glow{to{box-shadow:0 0 80px 30px #ffdc82a6,0 0 260px 140px #ff8c3c80}}.haze{mix-blend-mode:screen;background:linear-gradient(#0000,#ffe296bf);height:22%;position:absolute;inset:auto 0 0}.cloud{filter:blur(9px);background:linear-gradient(#601030d9,#ff8054e6 70%,#ffc478f2);border-radius:50%;animation:60s ease-in-out infinite alternate cloud-drift;position:absolute}.cloud-1{width:46%;height:4.5%;top:30%;left:-6%}.cloud-2{width:30%;height:3%;animation-duration:75s;top:38%;left:12%}.cloud-3{width:42%;height:4%;animation-direction:alternate-reverse;top:24%;right:-8%}.cloud-4{width:34%;height:3%;animation-duration:85s;animation-direction:alternate-reverse;top:47%;right:6%}.cloud-5{opacity:.8;width:26%;height:2.2%;animation-duration:90s;top:58%;left:22%}@keyframes cloud-drift{to{transform:translate(5vw)}}.ocean{inset:var(--horizon) 0 0;background:repeating-linear-gradient(#ffffff0f 0 1px,#0000 1px 6px),linear-gradient(#ffa24d 0%,#e2553a 7%,#a52a3a 24%,#5a1430 55%,#24091a 100%);position:absolute;overflow:hidden}.reflection{width:calc(var(--sun) * 1.15);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);filter:blur(.6px);background:repeating-linear-gradient(#ffecaaf2 0 2px,#0000 2px 9px);height:100%;animation:1.6s linear infinite ripple;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000,#00000080 45%,#0000 95%);mask-image:linear-gradient(#000,#00000080 45%,#0000 95%)}@keyframes ripple{to{background-position-y:9px}}.reflection-glow{width:calc(var(--sun) * 1.8);background:radial-gradient(50% 100% at 50% 0,#ffbe648c,#0000 70%);height:80%;position:absolute;top:0;left:50%;translate:-50%}.shore{width:100%;height:26vh;fill:var(--silhouette);position:absolute;inset:auto 0 0}.palm{width:var(--w);aspect-ratio:2/3;fill:var(--silhouette);color:var(--silhouette);animation:9s ease-in-out infinite alternate sway;position:absolute;overflow:visible}.palm-crown{animation:5s ease-in-out infinite alternate rustle}.palm-left{--w:min(62vh, 52vw);left:calc(var(--w) * -.14);transform-origin:32% 100%;bottom:-5vh;rotate:5deg}.palm-left-small{--w:min(40vh, 34vw);transform-origin:68% 100%;animation-duration:11s;bottom:4vh;left:min(17vh,14vw);rotate:4deg}.palm-right{--w:min(68vh, 56vw);right:calc(var(--w) * -.16);transform-origin:68% 100%;animation-duration:10s;animation-direction:alternate-reverse;bottom:-7vh;rotate:-4deg}.palm-right-small{--w:min(35vh, 30vw);transform-origin:32% 100%;animation-duration:12s;animation-direction:alternate-reverse;bottom:3vh;right:min(20vh,17vw);rotate:-6deg}.palm-far-left,.palm-far-right{fill:#4a0f25;color:#4a0f25;animation-duration:13s}.palm-far-left{--w:min(23vh, 20vw);transform-origin:32% 100%;bottom:14vh;left:min(40vh,33vw)}.palm-far-right{--w:min(20vh, 17vw);transform-origin:68% 100%;bottom:13vh;right:min(42vh,35vw)}@keyframes sway{0%{transform:rotate(-.8deg)}to{transform:rotate(1.1deg)}}@keyframes rustle{0%{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}.vignette{background:radial-gradient(at 50% 55%,#0000 45%,#0c04088c 100%);position:absolute;inset:0}.grain{opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (max-aspect-ratio:3/4){.palm-left{--w:90vw}.palm-right{--w:98vw}.palm-left-small{--w:54vw}.palm-right-small{--w:48vw}.palm-far-left{--w:30vw}.palm-far-right{--w:26vw}}