.world-screen{--sea-light:#a6dcd7;--sea-deep:#75bdc7;background:var(--sea-deep)}.sea-base{fill:var(--sea-light);transition:fill 3s}.water-waves{animation:sea-drift 20s linear infinite;opacity:.65}.water-waves-secondary{animation:sea-return 29s linear infinite;opacity:.19}.world-screen[data-period="night"] .water-waves{opacity:.24}.world-screen[data-period="night"] #island stop:first-child{stop-color:#a6bf98}.world-screen[data-period="night"] #island stop:last-child{stop-color:#7d9e79}.world-screen #island stop{transition:stop-color 3s}.world-sky{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.sky-haze{height:28%;background:linear-gradient(var(--sea-deep),transparent);opacity:.2;transition:background 3s}.sky-sun,.sky-moon{position:absolute;left:var(--celestial-x);top:var(--celestial-y);width:clamp(34px,4vw,62px);aspect-ratio:1;border-radius:50%;transition:opacity 3s,left 1s linear,top 1s linear;transform:translate(-50%,-50%)}.sky-sun{background:#fff0b0;box-shadow:0 0 35px 14px #ffe9a445;opacity:.95}.sky-moon{opacity:0;background:#eef3d7;box-shadow:0 0 24px #e8f6e746}.sky-moon:after{content:'';position:absolute;inset:15% 40% 60% 20%;border-radius:50%;background:#c6d7c2;box-shadow:14px 18px 0 1px #c6d7c2}.world-screen[data-period="night"] .sky-sun{opacity:0}.world-screen[data-period="night"] .sky-moon{opacity:1}.world-screen[data-period="dawn"] .sky-sun,.world-screen[data-period="dusk"] .sky-sun{background:#ffcf8b;box-shadow:0 0 55px 22px #ffc38d55}.sky-stars{position:absolute;inset:0;opacity:0;transition:opacity 3s}.world-screen[data-period="night"] .sky-stars{opacity:1}.sky-stars i{position:absolute;width:var(--size);height:var(--size);background:#fff8da;border-radius:50%;box-shadow:0 0 7px #fff9df80;animation:star-glow 5s ease-in-out var(--delay) infinite alternate}.sky-cloud{position:absolute;left:-25%;top:10%;width:150px;height:25px;border-radius:50%;background:#fffbe6b3;animation:cloud-drift 110s linear infinite;filter:drop-shadow(0 5px 8px #234c4b08)}.sky-cloud b{position:absolute;border-radius:50%;background:inherit;width:65px;height:30px;bottom:0;left:20px}.sky-cloud b:nth-child(2){left:52px;height:46px;width:74px}.sky-cloud b:nth-child(3){left:94px;height:24px;width:55px}.cloud-1{top:5%;animation-duration:145s;animation-delay:-78s;transform:scale(.7)}.cloud-2{top:18%;animation-duration:175s;animation-delay:-46s;transform:scale(.5)}.world-screen[data-period="night"] .sky-cloud{opacity:.18}.sky-birds{position:absolute;top:3%;left:0;width:100%;height:24%;overflow:visible;opacity:.7}.bird-flight{animation:bird-cross var(--duration) linear var(--delay) infinite}.bird-wing{fill:none;stroke:#315e68;stroke-width:2.1;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:wing-beat 1.2s ease-in-out infinite alternate}.world-screen[data-period="night"] .sky-birds{opacity:.08}.world-clock{position:absolute;bottom:19px;left:22px;z-index:2;display:flex;gap:10px;align-items:center;padding:10px 15px;border-radius:18px;background:#fffbece8;color:#315e50;box-shadow:0 3px 15px #214e4220;pointer-events:none}.world-clock>span{font-size:26px}.world-clock time{font-size:19px;letter-spacing:1px;font-variant-numeric:tabular-nums;font-weight:700;display:block;line-height:1.3}.world-clock small{display:block;font-size:11px}.world-screen[data-period="night"] .world-gesture-note{background:#e5efdfdf}@keyframes sea-drift{from{transform:translate(0,0)}to{transform:translate(90px,0)}}@keyframes sea-return{from{transform:translate(0,7px)}to{transform:translate(-90px,7px)}}@keyframes cloud-drift{to{left:115%}}@keyframes bird-cross{0%{transform:translate(-220px,10px)}50%{transform:translate(500px,-5px)}100%{transform:translate(1250px,12px)}}@keyframes wing-beat{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes star-glow{from{opacity:.3}to{opacity:.95}}@media(max-width:650px){.world-clock{left:11px;bottom:52px;padding:8px 11px;gap:7px}.world-clock time{font-size:16px}.world-clock small{font-size:10px}.world-clock>span{font-size:21px}.sky-cloud{width:125px}}@media(prefers-reduced-motion:reduce){.world-sky *,.water-waves,.water-waves-secondary{animation:none!important;transition:none!important}}body.reduce-motion .world-sky *,body.reduce-motion .water-waves,body.reduce-motion .water-waves-secondary{animation:none!important;transition:none!important}