/* Sound weather overlay and badge; never intercepts input. */
#sound-weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;opacity:0;transition:opacity .8s ease}
#sound-weather.on{opacity:1}
#sound-weather-badge{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:7;margin:0;padding:4px 12px;border-radius:999px;background:rgba(20,36,30,.62);color:#f6edc8;font-size:12.5px;font-weight:700;letter-spacing:.02em;pointer-events:none;opacity:0;transition:opacity .8s ease;white-space:nowrap}
#sound-weather.on~#sound-weather-badge:not(:empty){opacity:1}
@media(prefers-reduced-motion:reduce){#sound-weather,#sound-weather-badge{transition:none}}
.weather-dex{margin:10px 0;padding:10px 12px;border:1px solid #d9dccb;border-radius:12px;background:#fbfaf1}
.weather-dex summary{cursor:pointer;font-weight:700;font-size:14px;min-height:32px}
.dex-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.dex-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:10px;background:#eceee4;color:#7a8076;font-size:12px}
.dex-cell b{font-size:20px;line-height:1.2;filter:grayscale(1);opacity:.5}
.dex-cell.on{background:#e3efe2;color:#2e4a3d}.dex-cell.on b{filter:none;opacity:1}
.dex-cell small{font-size:11px}