.weather-controls{color:#eee;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;text-shadow:none;--weather-border:#ffffff30}
.weather-controls *{box-sizing:border-box}
.weather-preset-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px}
.weather-preset-row>span{font-size:13px!important;letter-spacing:.04em;margin:0!important;color:#ddd!important}
.weather-controls select,.weather-controls input,.weather-controls button{font:inherit;color:#eee;background:#111315;border:1px solid var(--weather-border);border-radius:0;box-shadow:none}
.weather-controls select{width:min(58%,255px);min-width:160px;padding:10px 12px;color-scheme:dark;font-size:12px}
.weather-controls option{background:#111315;color:#eee}
.weather-controls button{cursor:pointer;padding:9px 10px;font-size:11px;line-height:1.3}
.weather-controls button:hover:not(:disabled){border-color:#fff;background:#25272a}
.weather-controls button[aria-pressed=true]{background:#eee;color:#111}
.weather-controls :is(input,select,button,summary):focus-visible{outline:2px solid #fff;outline-offset:3px}
.weather-controls :disabled{opacity:.4;cursor:default}
.weather-summary{margin:10px 0 12px!important;color:#a0a5ab;font-size:11px;line-height:1.6}
.weather-details{border:0!important}
.weather-details>summary{font-size:11px!important;font-weight:400!important;color:#b8bcc2;padding:8px 0!important;cursor:pointer;display:flex;justify-content:space-between;list-style:none}
.weather-details>summary::after{content:'+'}
.weather-details[open]>summary::after{content:'−'}
.weather-details>summary::-webkit-details-marker{display:none}
.weather-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.weather-field{display:block!important;min-width:0}
.weather-field>span:first-child{display:block;color:#a8aeb5;font-size:10px!important;margin-bottom:6px!important;line-height:1.5}
.weather-number{position:relative;display:block!important}
.weather-number input{width:100%;min-width:0;padding:10px 35px 10px 9px;font-size:12px;font-variant-numeric:tabular-nums;min-height:37px}
.weather-number em{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;font-style:normal;color:#9299a0;pointer-events:none}
.weather-directions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.weather-directions button{flex:1;white-space:nowrap}
.weather-detail-note,.weather-menu-note{font-size:10px!important;line-height:1.6!important;color:#9299a0;margin:8px 0!important}
.weather-pattern{display:flex;align-items:center;gap:12px;margin-top:14px}
.weather-pattern span{font-size:9px;color:#8d969f;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#mission-weather-settings{border-top:1px solid #ffffff35;margin-top:22px;padding-top:19px}
.weather-controls-compact .weather-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.weather-controls-compact .weather-preset-row{align-items:flex-start;flex-direction:column;gap:9px}
.weather-controls-compact select{width:100%;min-width:0}
.weather-controls-compact .weather-directions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.weather-wind{position:fixed;top:112px;left:50%;transform:translateX(-50%);z-index:41;display:flex;align-items:center;gap:10px;padding:8px 13px;background:#080b0db8;border:1px solid #ffffff20;pointer-events:none;color:#eee;font:11px/1.4 Arial,"PingFang SC",sans-serif;text-shadow:none;min-width:145px}
.weather-wind[hidden],body.custom-scenario-editing .weather-wind,body.failure-replay-active .weather-wind,body:not(.playing) .weather-wind{display:none!important}
.weather-wind-arrow{display:block;font-size:25px;color:#c7d8df;font-weight:300}
.weather-wind-label{color:#b9c0c7;margin-right:8px;font-size:10px}
.weather-wind-speed{font-weight:400;font-variant-numeric:tabular-nums}
.weather-wind-cross{display:block;color:#a4adb6;font-size:9px;font-variant-numeric:tabular-nums;margin-top:2px}
@media(max-width:760px){.weather-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-wind{top:74px;font-size:10px;padding:6px 9px}.weather-preset-row{gap:10px}.weather-controls select{min-width:135px}}

.training-selected-weather,.training-coach-weather{color:#b0b9c2;font-size:10px;line-height:1.6;margin:8px 0}