/* weather.css (2026-10-25): per-game Weather card (public/weather.js) + scorebug chip. Same tokens as props.css / boxscore.css; 11px floor, tabular numbers.
   The card is a STATIC slot in the focus aside (live/final) and in the pregame grid; nothing here positions or moves it. */
.wxcard{cursor:default;container-type:inline-size;min-width:0}
.wxcard:hover{border-color:var(--line)}
.wxcard .eyebrow .wx-srcs{font-weight:600;letter-spacing:0;text-transform:none;color:var(--gc-ink-3,#9aa5b4)}
.wx-body{display:flex;flex-direction:column;gap:10px;min-width:0}
.wx-body b,.wx-temp,.wx-h b{font-variant-numeric:tabular-nums}
.wx-msg{display:flex;align-items:center;gap:10px;font:700 15px/1.25 var(--disp);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink,#e6edf3)}
.wx-msg.wx-load,.wx-msg.wx-dim{font:500 13px var(--body);text-transform:none;letter-spacing:0;color:var(--mut)}
.wx-msg.wx-err{color:var(--mustard,#d9a21b)}
.wx-ic{flex:none;color:var(--gc-ink-2,#c3ccd8)}
.wx-ic.wx-big{width:44px;height:44px;color:var(--gc-ink,#e6edf3)}
.wx-ic.wx-sm{width:18px;height:18px}
.wx-sub{font-size:12.5px;color:var(--gc-ink-3,#9aa5b4);line-height:1.35}
.wx-dim{color:var(--gc-ink-3,#9aa5b4)}
.wx-na{color:var(--gc-ink-3,#9aa5b4);font-weight:500}
.wx-roof{display:flex;align-items:center;gap:8px;font:700 11px/1.2 var(--body);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--mustard,#d9a21b);border:1px solid color-mix(in srgb,var(--mustard,#d9a21b) 45%,transparent);border-radius:6px;padding:6px 8px}
.wx-roof .wx-ic{color:inherit}
.wx-top{display:flex;align-items:center;gap:12px;min-width:0}
.wx-temp{font:900 40px/1 var(--disp);color:var(--gc-ink,#e6edf3);white-space:nowrap}
.wx-temp small{font:700 14px var(--body);color:var(--gc-ink-3,#9aa5b4);margin-left:2px}
.wx-cs{min-width:0;display:flex;flex-direction:column;gap:3px}
.wx-cond{font:700 15px/1.2 var(--body);color:var(--gc-ink,#e6edf3)}
.wx-basis{font-size:11px;font-weight:700;letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink-3,#9aa5b4)}
.wx-tg{font:600 9px/1 var(--body);font-style:normal;letter-spacing:.04em;color:var(--gc-ink-3,#9aa5b4);border:1px solid var(--line);border-radius:4px;padding:1px 3px;margin-left:5px;vertical-align:middle;text-transform:uppercase;opacity:.8}
.wx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.wx-cell{display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px}
.wx-k{font:700 11px/1.2 var(--body);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink-3,#9aa5b4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wx-cell b{font:800 17px/1.1 var(--body);color:var(--gc-ink,#e6edf3);white-space:nowrap;display:flex;align-items:baseline;gap:3px}
.wx-cell b small,.wx-h b small{font:600 11px var(--body);color:var(--gc-ink-3,#9aa5b4)}
.wx-ar{align-self:center;flex:none;color:var(--gc-ink-2,#c3ccd8);margin-right:3px}
.wx-notes{display:flex;flex-wrap:wrap;gap:6px}
.wx-note{font:700 12px/1.2 var(--body);color:#fbd38d;border:1px solid color-mix(in srgb,#fbbf24 40%,transparent);background:color-mix(in srgb,#fbbf24 10%,transparent);border-radius:999px;padding:5px 10px}
.wx-hl{display:flex;justify-content:space-between;gap:8px;font:700 11px/1 var(--body);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink-3,#9aa5b4)}
.wx-hl .wx-dim{font-weight:600;letter-spacing:0;text-transform:none}
.wx-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.wx-h{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border:1px solid var(--line);border-radius:8px;min-width:0;font-size:11px;color:var(--gc-ink-3,#9aa5b4)}
.wx-h.kick{border-color:var(--gc-ink-3,#9aa5b4);background:color-mix(in srgb,var(--gc-ink,#e6edf3) 6%,transparent)}
.wx-hh{font-weight:700;white-space:nowrap}
.wx-h b{font:800 14px/1 var(--body);color:var(--gc-ink,#e6edf3)}
.wx-hw,.wx-hp{white-space:nowrap;font-variant-numeric:tabular-nums}
.wx-hp{color:#7cb7ff}
.wx-foot{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--gc-ink-3,#9aa5b4);line-height:1.4}
.wx-warn{color:var(--mustard,#d9a21b)}
/* final game: "Weather at game time" stamp (2026-10-26) */
.wx-stamph{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font:700 12px/1.2 var(--body);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink,#e6edf3)}
.wx-badge{font:600 11px/1.2 var(--body);letter-spacing:0;text-transform:none;color:var(--gc-ink-3,#9aa5b4);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.wx-endp{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:8px;min-width:0}
.wx-endt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px}
.wx-endl{font:700 11px/1.2 var(--body);letter-spacing:var(--gc-track-label,.06em);text-transform:uppercase;color:var(--gc-ink-3,#9aa5b4)}
.wx-endv{color:var(--gc-ink,#e6edf3);font-size:14px}.wx-endv b{font-variant-numeric:tabular-nums}
@container (max-width:560px){.wx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:330px){.wx-temp{font-size:34px}.wx-ic.wx-big{width:36px;height:36px}.wx-h b{font-size:13px}}
@container (max-width:260px){.wx-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* scorebug / pregame header chip */
.wxchip{display:inline-block;margin-left:8px;padding:1px 7px;border:1px solid var(--line);border-radius:999px;font:700 11px/1.5 var(--body);letter-spacing:0;color:var(--gc-ink-2,#c3ccd8);vertical-align:1px;white-space:nowrap;max-width:15em;overflow:hidden;text-overflow:ellipsis}
.wxchip[hidden]{display:none}
.wxchip[data-kind=indoor]{color:var(--gc-ink-3,#9aa5b4)}
.wxchip[data-kind=outside]{border-style:dashed}
.pv-meta .wxchip.pvchip{margin-left:0;border:0;padding:0;font:inherit;color:inherit;max-width:none;vertical-align:baseline}
.pv-grid>.wxcard{grid-column:auto}
@media (prefers-reduced-motion:no-preference){.wx-body{animation:none}}