/* V2: tactile postcard framing, layered light, calmer controls. */
#moon circle:first-child{mask:url(#crescent)}#moon circle:last-child{display:none}
body{background:radial-gradient(ellipse at 80% 0,#fff9eb,transparent 65%),#f5eee2}header{border-bottom:1px solid #344d4b12;margin-bottom:3px}.intro{padding-top:32px}.world{border:6px solid #fff8e9;box-shadow:0 16px 35px -22px #685d46a6,0 1px 0 #cbb9a1;border-radius:22px}#beach{isolation:isolate}#sun{filter:drop-shadow(0 0 19px #ffd4a15e)}#skyline{filter:drop-shadow(0 4px 0 #8d727126)}#dj{filter:drop-shadow(3px 5px 2px #7c715128)}.seabirds{animation:drift 21s ease-in-out infinite;opacity:.65}.night-wash{opacity:0;transition:opacity 1.4s}.party-pool{opacity:0;transition:opacity 1.2s}.refreshment{opacity:0;transition:opacity .4s}.refreshment.served{opacity:1}.sailing{transition:transform 4s cubic-bezier(.2,.6,.35,1)}.sailing.out{transform:translate(-140px,-8px)}body[data-time=night] .night-wash{opacity:.25}body[data-time=night] .seabirds{opacity:0}body[data-time=night] #lights{filter:drop-shadow(0 0 10px #ffbf55)}body[data-time=night] #moon{filter:drop-shadow(0 0 13px #fff0c038)}body[data-time=night] .clouds{opacity:.12}.partying .party-pool{opacity:.35}.partying .dancer,.partying #crowd use:nth-child(even){animation:none}.partying .guest{animation:groove .95s ease-in-out infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:center bottom}.partying .arms{animation:arms .95s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.partying #dj{filter:drop-shadow(0 0 12px #edbda4)}@keyframes groove{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-7px)}}@keyframes arms{to{transform:rotate(-8deg)}}.spot{width:46px;height:46px;transition:background .2s,box-shadow .2s;box-shadow:0 0 0 5px #fff9eb24,0 4px 15px #274b5040}.spot:hover{background:#fffaf1;box-shadow:0 0 0 7px #fff9eb38,0 4px 18px #274b5040}.spot span{opacity:1;background:#fff9edee;color:#365e63;font-size:9px;letter-spacing:.4px;bottom:-25px;padding:4px 8px;border-radius:12px}#toast{min-height:42px;display:grid;place-items:center;bottom:15px;backdrop-filter:blur(8px);max-width:85%;font-size:12px}.scene-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:8px;color:#596c62;font-size:10px}.scene-hint{line-height:1.5}.scene-hint span{color:#bc684c;margin-right:5px}#motion{background:transparent;border:0;padding:10px 4px;min-height:44px;color:#526a62;font-size:11px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.controls{margin-top:4px}.time-picker button{transition:background .25s,border-color .25s;touch-action:manipulation}.time-picker button:hover:not([aria-pressed=true]){background:#fff8ec;border-color:#9ba998}#party{box-shadow:0 4px 0 #884a3925;transition:background .25s,box-shadow .25s}#party:hover{background:#a75b45}#party[aria-pressed=true]:hover{background:#6c4e6e}button:active{box-shadow:none}.bottom{padding-top:24px;padding-bottom:20px}.audio-panel{display:flex;align-items:center;gap:12px;background:#e7e7da;border:1px solid #cfd4c2;border-radius:12px;padding:10px 15px;margin-top:14px;font-size:11px}.audio-panel[hidden]{display:none}.audio-panel input{accent-color:#2e5555;width:140px;min-height:44px}.audio-panel output{font-variant-numeric:tabular-nums;min-width:30px}.audio-panel span{margin-left:auto;color:#66746b;font-size:10px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}.paused #confetti{display:none}button:disabled{opacity:.6;cursor:wait}.sound[aria-pressed=true]{background:#2e5555;color:#fff6e5;border-color:#2e5555}body[data-time=night] .sky-label{text-shadow:0 1px 4px #23294d}.world .sky-label{z-index:3}.celebrating #confetti rect{animation-duration:3.7s}
@media(max-width:700px){header{margin:0 16px;padding:20px 0}.wordmark{font-size:18px}.wordmark span{font-size:6.5px}.sound{flex-shrink:0;white-space:nowrap;min-height:44px}.intro{padding-top:24px}h1{font-size:clamp(35px,10.5vw,48px)}.world{border-width:4px;border-radius:18px}#beach{width:145%;margin-left:-22.5%}.sky-label{top:15px;left:15px}#mood{max-width:200px;font-size:6.5px}.spot{width:44px;height:44px}.spot span{font-size:8px;bottom:-21px}.hut{left:9%;top:51%}.boat{left:77%;top:42%}.dance{left:57%;top:67%}#toast{position:relative;left:auto;bottom:auto;transform:none;width:auto;max-width:none;border-radius:0;box-shadow:none;border-top:1px solid #dfd2be;margin:0;min-height:56px;font-size:11px;padding:12px 18px;background:#fff8eafa}.hotspots{bottom:56px}.scene-tools{margin:4px 2px}.scene-hint{font-size:9px;max-width:65%}.controls{margin-top:4px}.audio-panel{gap:9px;flex-wrap:wrap;padding:7px 12px}.audio-panel input{flex:1;min-width:80px}.audio-panel span{flex-basis:100%;margin:0 0 6px;font-size:9px}.bottom{padding:19px 3px 18px}.bottom p{max-width:65%}#surprise{max-width:100px}.sky-label #clock{font-size:19px}footer{border-top:1px solid #344d4b12;margin:0 19px;padding:17px 0 25px}.partying #crowd{filter:none}}
@media(prefers-reduced-motion:reduce){.guest,.arms,.seabirds{animation:none!important}.sailing{transition:none}#confetti{display:none}}