.wind-widget{position:absolute;top:306px;right:18px;width:280px;z-index:13;border:1px solid #aa8d56;background:#172822;box-shadow:0 3px 14px #0008}.wind-widget #windIndicator{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:3px 7px;color:#ead29b;background:#1a2b25;font-size:12px}.wind-widget svg{width:28px;height:28px;fill:none;stroke:#d7ba78;stroke-width:1.2}.wind-widget #windArrow path{fill:#d7ba78;stroke:#d7ba78}.wind-widget circle{stroke:#756745}.wind-widget output{font-size:11px;color:#c5bd9d}.wind-panel{position:absolute;right:calc(100% + 14px);top:0;width:240px;padding:12px;background:#172822fa;border:1px solid #aa8d56;border-radius:3px;box-shadow:0 5px 18px #0009;z-index:20;color:#e8dab9;font-size:12px}.wind-panel strong{font:17px Georgia,serif;color:#edce8e}.wind-panel dl{margin:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px 9px}.wind-panel dt{color:#babfae}.wind-panel dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.wind-panel[hidden]{display:none}@media(max-width:1100px){.wind-widget{top:246px;width:220px}}@media(max-width:680px){.wind-widget{top:182px;right:10px;width:164px}.wind-widget #windIndicator{gap:5px;font-size:11px}.wind-widget svg{width:23px;height:23px}.wind-panel{width:min(224px,calc(100vw - 204px));padding:9px;font-size:11px}.wind-panel dl{display:block}.wind-panel dt{margin-top:5px}.wind-panel dd{text-align:left}}
