#soft-window .wind-stage{position:relative;margin-top:21px;padding:5px 9px 0;background:#f6efe6;border:1px solid #e6d9c8;border-radius:10px;overflow:hidden}
#soft-window .wind-stage>svg{display:block;width:100%;height:auto;aspect-ratio:460/320}
#soft-window .wind-weather{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
#soft-window .wind-weather button{flex:1;min-height:44px;border:1px solid #e1d5c9;border-radius:22px;background:#fffbf5;color:#9f8776;font-size:11px;padding:9px 11px;white-space:nowrap}
#soft-window .wind-weather button[aria-pressed=true]{background:#f2e5e8;border-color:#d1a4b2;color:#ab7489}
#soft-window .wind-weather button:focus-visible{outline:3px solid #a17da7;outline-offset:3px}
#soft-window .wind-sky-sun,#soft-window .wind-sun,#soft-window .wind-day-hills{opacity:1}
#soft-window .wind-sky-rain,#soft-window .wind-rain-cloud,#soft-window .wind-rain,#soft-window .wind-sky-stars,#soft-window .wind-stars{opacity:0}
#soft-window .wind-sky-sun,#soft-window .wind-sky-rain,#soft-window .wind-sky-stars,#soft-window .wind-sun,#soft-window .wind-rain-cloud,#soft-window .wind-stars,#soft-window .wind-day-hills{transition:opacity .45s}
#soft-window[data-wind-weather=rain] .wind-sky-sun,#soft-window[data-wind-weather=rain] .wind-sun,#soft-window[data-wind-weather=stars] .wind-sky-sun,#soft-window[data-wind-weather=stars] .wind-sun{opacity:0}
#soft-window[data-wind-weather=rain] .wind-sky-rain,#soft-window[data-wind-weather=rain] .wind-rain-cloud,#soft-window[data-wind-weather=rain] .wind-rain{opacity:1}
#soft-window[data-wind-weather=stars] .wind-sky-stars,#soft-window[data-wind-weather=stars] .wind-stars{opacity:1}
#soft-window[data-wind-weather=stars] .wind-day-hills{opacity:.23}
#soft-window .wind-water{fill:#d0ddcf;transition:fill .4s}
#soft-window[data-wind-weather=rain] .wind-water{fill:#bbcdd0}
#soft-window[data-wind-weather=stars] .wind-water{fill:#686d8a}
#soft-window .wind-drop{animation:none}
#soft-window[data-wind-weather=rain] .wind-drop{animation:wind-rain-fall 1.7s linear infinite;animation-delay:var(--wind-delay,0s)}
#soft-window .wind-bulb{fill:#e2d4bd;transition:fill .3s,filter .3s}
#soft-window .wind-light-glow{opacity:0;transition:opacity .3s}
#soft-window[data-wind-light=true] .wind-bulb{fill:#f3ce77;filter:drop-shadow(0 0 4px #e9b86b)}
#soft-window[data-wind-light=true] .wind-light-glow{opacity:.32}
#soft-window .wind-boat-inner{opacity:0;transform:translateX(0)}
#soft-window.wind-boat-visible .wind-boat-inner{opacity:1}
#soft-window .wind-boat-inner.wind-sailing{animation:wind-boat-sail 4.5s ease-in-out both}
#soft-window .wind-boat-inner.wind-arrived{transform:translateX(215px)}
#soft-window .wind-stage-note{font:italic 14px/1.6 var(--serif);text-align:center;color:#ab9480;padding-bottom:14px;margin-top:-2px}
#soft-window .wind-actions{margin-top:18px;display:flex;gap:9px;flex-wrap:wrap}
#soft-window .wind-actions .soft-button{flex:1;min-width:0;min-height:44px}
#soft-window .wind-status{min-height:82px}
#soft-window.wind-paused .wind-drop,#soft-window.wind-paused .wind-boat-inner{animation-play-state:paused}
@keyframes wind-rain-fall{from{transform:translateY(-18px)}to{transform:translateY(31px)}}
@keyframes wind-boat-sail{0%{transform:translate(0,1px);opacity:0}8%{opacity:1}30%{transform:translate(61px,-2px)}65%{transform:translate(149px,1px)}100%{transform:translate(215px,0);opacity:1}}
@media(max-width:760px){#soft-window .wind-stage{padding-inline:2px}#soft-window .wind-weather{gap:6px}#soft-window .wind-weather button{font-size:10px;padding-inline:8px}#soft-window .wind-stage-note{font-size:12px;padding-bottom:12px}#soft-window .wind-actions .soft-button{font-size:10px;padding-inline:10px}#soft-window .wind-status{min-height:0}}
@media(max-width:370px){#soft-window .wind-weather button{font-size:9px;padding-inline:6px}#soft-window .wind-actions{gap:7px}#soft-window .wind-actions .soft-button{font-size:9px;padding-inline:7px}#soft-window .wind-stage-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){#soft-window[data-wind-weather=rain] .wind-drop,#soft-window .wind-boat-inner.wind-sailing{animation:none}#soft-window .wind-sky-sun,#soft-window .wind-sky-rain,#soft-window .wind-sky-stars,#soft-window .wind-sun,#soft-window .wind-rain-cloud,#soft-window .wind-stars,#soft-window .wind-day-hills,#soft-window .wind-water,#soft-window .wind-bulb,#soft-window .wind-light-glow{transition:none}}