.weather-side{display:grid;gap:10px}.weather-summary-card{position:relative;width:100%;display:grid;gap:9px;padding:14px;text-align:left;border:1px solid #cadde8;border-left:6px solid #4f7e99;border-radius:10px;background:linear-gradient(135deg,#fff,#edf6fb);color:#18202a;box-shadow:0 2px 9px #18202a12;cursor:pointer;transition:transform .15s,box-shadow .15s}.weather-summary-card:hover,.weather-summary-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #18202a24}.weather-summary-card.game-weather-summary{border-left-color:#e87722;background:linear-gradient(135deg,#fff,#fff3e9)}.weather-summary-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.weather-summary-top strong{font-size:16px;color:#861f41}.weather-summary-top small,.weather-summary-current small,.weather-summary-facts small{display:block;color:#67717c}.weather-summary-current{display:flex;align-items:center;gap:10px}.weather-summary-icon{font-size:38px}.weather-summary-current b{display:block;font-size:27px;line-height:1;color:#18202a}.weather-summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.weather-summary-facts small{padding:5px 7px;border-radius:5px;background:#fff9}.weather-summary-warning{padding:6px 8px;border-radius:6px;background:#fff3bf;color:#704f00;font-size:11px;font-weight:bold}.weather-expand-label{color:#861f41;font-size:12px;font-weight:bold}.weather-side .add-game-weather{min-height:0;padding:9px;background:#fff}.weather-popout{width:min(900px,calc(100% - 28px));max-height:90vh;padding:24px;border:0;border-radius:14px;background:#f8fafb;color:#18202a;box-shadow:0 24px 70px #0008}.weather-popout::backdrop{background:#111a26b8}.weather-popout header{padding-right:48px}.weather-popout header h2{margin:2px 0;font-size:30px;color:#861f41}.weather-popout header p:last-child{margin:5px 0 14px;color:#67717c}.weather-popout-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#861f41;color:#fff;font-size:25px;cursor:pointer}.weather-popout .forecast-strip{grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;margin-top:15px}.weather-popout .forecast-strip.game-days{grid-template-columns:repeat(2,minmax(180px,1fr))}.weather-popout .forecast-day{padding:11px 7px;gap:4px}.weather-popout .forecast-day strong{font-size:13px}.weather-popout .forecast-day small,.weather-popout .forecast-day span{font-size:11px}.weather-popout .forecast-icon{font-size:28px!important}.weather-popout .forecast-day b{font-size:15px}.weather-popout .weather-credit{display:block;margin-top:12px;text-align:right}@media(max-width:850px){.weather-summary-card{max-width:none}.weather-popout .forecast-strip{grid-template-columns:repeat(5,minmax(100px,1fr));overflow-x:auto}.weather-popout{padding:18px}}@media(max-width:520px){.weather-summary-facts{grid-template-columns:1fr}.weather-popout{width:calc(100% - 14px);padding:15px}.weather-popout header h2{font-size:25px}.weather-popout .forecast-strip.game-days{grid-template-columns:repeat(2,minmax(145px,1fr))}}