.cr-player__bar { display: flex; align-items: center; gap: .45rem; }
.cr-player__bar b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cr-wind-key { margin-left: auto; flex: 0 0 auto; border: 0; border-radius: 999px; background: #f5a623; color: #1a1408; font: 800 .72rem/1 inherit; letter-spacing: .04em; text-transform: uppercase; padding: .45rem .65rem; }
.cr-wind-key[aria-pressed="true"] { background: #f4f1ea; }
.cr-player.is-wind .cr-player__frame iframe,
.cr-player.is-wind .cr-player__empty { visibility: hidden; }
.cr-wind { position: absolute; inset: 0; z-index: 3; display: grid; grid-template-rows: auto 1fr auto auto auto; gap: .35rem; padding: .7rem .8rem .6rem; color: #f4f1ea; background: radial-gradient(90% 80% at 50% 0%, rgba(56,189,248,.28), transparent 55%), #121418; }
.cr-wind[hidden] { display: none; }
.cr-wind.is-clear { background: radial-gradient(90% 80% at 70% 0%, rgba(255,196,92,.35), transparent 50%), #16324a; }
.cr-wind.is-cloud { background: radial-gradient(90% 80% at 50% 0%, rgba(186,198,214,.28), transparent 55%), #1c2430; }
.cr-wind.is-rain { background: radial-gradient(90% 80% at 40% 0%, rgba(96,165,250,.3), transparent 55%), #142033; }
.cr-wind.is-storm { background: radial-gradient(90% 80% at 50% 0%, rgba(250,204,21,.25), transparent 50%), #241820; }
.cr-wind.is-snow { background: radial-gradient(90% 80% at 50% 0%, rgba(226,232,240,.35), transparent 55%), #243044; }
.cr-wind.is-fog { background: #2a3036; }
.cr-wind.is-night { background: #0e1218; }
.cr-wind__top, .cr-wind__row { display: flex; align-items: center; justify-content: space-between; gap: .4rem; }
.cr-wind__k { font: 800 .68rem/1 inherit; letter-spacing: .14em; text-transform: uppercase; color: #ffd27a; }
.cr-wind button { border: 1px solid rgba(255,255,255,.22); background: rgba(12,14,16,.55); color: #f4f1ea; border-radius: 999px; padding: .35rem .65rem; font: 700 .78rem/1.2 inherit; }
.cr-wind__mid b { display: block; font: 800 clamp(40px, 8vw, 68px)/.9 inherit; letter-spacing: -.03em; }
.cr-wind__mid p { margin: .15rem 0 0; color: #e7e2d8; font-size: .92rem; line-height: 1.3; }
.cr-wind__mark { color: #ffd27a !important; font-size: .8rem !important; }
.cr-wind__hours { display: flex; gap: .35rem; overflow-x: auto; }
.cr-wind__hours button { flex: 0 0 auto; white-space: nowrap; }
.cr-wind__hours button[aria-current="true"] { border-color: #f5a623; color: #ffd27a; }
.cr-wind__alert { margin: 0; color: #ffd0d0; font-size: .82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cr-wind__alert a { color: #ffd27a; }