#weather-regions{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}#weather-regions button,.weather-controls button{font:inherit;font-size:12px;color:#d8f4d8;background:#173e28;border:1px solid #638b64;border-radius:10px;padding:8px 11px;cursor:pointer}#weather-regions button[aria-selected=true]{background:#8aff6a;color:#082112;border-color:#8aff6a}.weather-controls{display:flex;gap:8px;margin:10px 0}.weather-controls button:focus-visible,#weather-regions button:focus-visible{outline:3px solid #fff;outline-offset:2px}#belgium-forecast{display:block;margin:8px 0}.live-weather-scene{display:grid;grid-template-columns:minmax(100px,1fr) 1.2fr;align-items:center;border-radius:18px;min-height:190px;background:linear-gradient(145deg,#376f88,#173b42);overflow:hidden;padding:8px}.live-weather-scene.is-night{background:linear-gradient(145deg,#14283f,#152b37)}.live-weather-scene.scene-sun.is-day{background:linear-gradient(135deg,#387db1,#81c7bc)}.live-weather-scene svg{width:100%;max-height:190px}.live-weather-info{display:grid;gap:3px;color:white;text-shadow:0 1px 4px #0009}.live-weather-info strong{font-size:44px;line-height:1.2}.live-weather-info span{font-size:18px;font-weight:700}.live-weather-info small{font-size:11px}.wx-sun{transform-origin:135px 60px;animation:wx-spin 30s linear infinite}.wx-cloud{animation:wx-drift 6s ease-in-out infinite alternate}.wx-drop{animation:wx-rain 1.1s linear infinite}.wx-snow{animation:wx-snow 3s linear infinite}.wx-fog{animation:wx-drift 7s ease-in-out infinite alternate}.wx-lightning{animation:wx-flash 5s steps(1) infinite}.weather-paused svg *{animation-play-state:paused!important}@keyframes wx-spin{to{transform:rotate(360deg)}}@keyframes wx-drift{from{transform:translateX(-7px)}to{transform:translateX(7px)}}@keyframes wx-rain{0%{transform:translate(4px,-12px);opacity:0}25%{opacity:1}100%{transform:translate(-7px,22px);opacity:0}}@keyframes wx-snow{0%{transform:translate(-3px,-13px);opacity:0}30%{opacity:1}100%{transform:translate(9px,28px);opacity:0}}@keyframes wx-flash{0%,94%,100%{opacity:.25}95%,97%{opacity:1}}
@media(prefers-reduced-motion:reduce){.live-weather-scene *{animation:none!important}}@media(max-width:700px){#belgium-forecast{display:block}.live-weather-scene{min-height:125px;grid-template-columns:100px 1fr}.live-weather-scene svg{height:115px}.live-weather-info strong{font-size:32px}.live-weather-info span{font-size:15px}#weather-regions{gap:4px;margin:7px 0}#weather-regions button{font-size:10px;padding:6px}.weather-controls button{font-size:10px;padding:5px 8px}}