/* 9.12.4 · portrait concept 1, landscape concept 3. All frames retain their aspect ratio. */
.player-icon{width:22px;height:22px;fill:currentColor;flex:none;pointer-events:none}
#openReferencePlayer{position:relative;z-index:45;display:flex;flex:none;align-items:center;gap:9px;min-height:40px;padding:8px 14px;border:1px solid #58646d;border-radius:9px;background:#20262bf5;color:#f2f4f6;font:600 13px Arial,sans-serif;box-shadow:0 3px 12px #0003}
body.v9-map-first.layout-map-only #openReferencePlayer{display:none!important}
body.v9-map-first.reference-player-open{overflow:hidden}
body.v9-map-first #officialPrecipViewer.atlas-player:not([hidden]){
 position:fixed!important;inset:0!important;z-index:500!important;display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;
 width:100%!important;max-width:none!important;height:100dvh!important;min-height:0!important;max-height:none!important;
 padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important;
 gap:0!important;margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;
 background:#1c2227!important;color:#eff2f4;font:14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 box-shadow:none;touch-action:manipulation;isolation:isolate;justify-items:stretch!important;align-items:stretch!important;
}
body.v9-map-first #officialPrecipViewer.atlas-player,body.v9-map-first #officialPrecipViewer.atlas-player *{font-family:Arial,Helvetica,sans-serif!important}
body.v9-map-first #officialPrecipViewer.atlas-player :is(button,select){box-sizing:border-box;min-width:44px;min-height:44px;border:1px solid #46515b;border-radius:9px;background:#272e35;color:#f3f5f7;font:500 14px system-ui;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;padding:8px}
body.v9-map-first #officialPrecipViewer.atlas-player button:hover{background:#36424c}
body.v9-map-first #officialPrecipViewer.atlas-player button:disabled{opacity:.4;cursor:default}
body.v9-map-first #officialPrecipViewer.atlas-player :is(button,select,input):focus-visible{outline:2px solid #d5e6ef;outline-offset:-3px}
body.v9-map-first #officialPrecipViewer.atlas-player button[aria-pressed=true]{background:#465c6a;border-color:#90a9b8}
body.v9-map-first #officialPrecipViewer.atlas-player .player-header{grid-column:1!important;grid-row:1!important;min-height:58px;padding:7px 12px;gap:6px;margin:0;border:0;background:#1c2227;z-index:3}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerTitle{border:0;background:none;gap:14px;padding:0;min-width:0;font-size:15px;white-space:nowrap}
#officialPlayerTitle b{font-size:21px;letter-spacing:.09em;font-weight:800}
#officialPlayerTitle span{border-left:1px solid #48535d;padding-left:14px;font-weight:600}
.reference-header-actions{display:flex;gap:4px;flex:none}
body.v9-map-first #officialPrecipViewer.atlas-player .reference-header-actions button{min-width:36px;width:36px;border:0;background:none;padding:6px}
body.v9-map-first #officialPrecipViewer.atlas-player .reference-product-controls{grid-column:1!important;grid-row:2!important;display:block;padding:0 12px 10px;margin:0;min-width:0}
.atlas-player .reference-product-controls label{display:block!important;width:100%;min-width:0}
body.v9-map-first #officialPrecipViewer.atlas-player #officialProduct{display:block!important;min-width:0;width:100%;height:44px;padding:8px 12px;font-size:15px;letter-spacing:0}
body.v9-map-first #officialPrecipViewer.atlas-player #officialProduct{background:#272e35!important}
.atlas-player .player-map{grid-column:1;grid-row:3;position:relative;min-height:0;min-width:0;background:#12191d;overflow:hidden}
body.v9-map-first #officialPrecipViewer.atlas-player #officialImageViewport{display:block!important;position:absolute!important;inset:0;min-height:0!important;width:100%!important;height:100%!important;margin:0!important;border:0;border-radius:0;background:#141b20;grid-column:auto!important;grid-row:auto!important}
body.v9-map-first #officialPrecipViewer.atlas-player #officialImageViewport img{position:absolute!important;max-width:none!important;max-height:none!important;object-fit:contain}
.atlas-player .player-fit{position:absolute;right:12px;top:12px;display:flex;padding:3px;background:#20262bf2;border:1px solid #4a5660;border-radius:11px;gap:3px}
body.v9-map-first #officialPrecipViewer.atlas-player .player-fit button{min-height:38px;font-size:12px;padding:8px 12px;background:transparent;border-color:transparent}
body.v9-map-first #officialPrecipViewer.atlas-player .player-fit button[aria-pressed=true]{background:#465c6a;border-color:#90a9b8}
.atlas-player .official-reference-zoom{position:absolute;left:12px;bottom:12px;display:flex;gap:2px;padding:3px;background:#20262bf2;border:1px solid #4a5660;border-radius:11px}
body.v9-map-first #officialPrecipViewer.atlas-player .official-reference-zoom button{background:transparent;border:0;min-width:38px;min-height:38px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialZoomReset{padding:4px;font-size:11px}
.atlas-player .player-dock{grid-column:1;grid-row:4;padding:12px 18px 10px;min-width:0;background:#1c2227;border-top:1px solid #36424a;z-index:2}
body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeline{display:block!important;grid-row:auto!important;grid-column:auto!important;border:0;margin:0;padding:0;overflow:visible}
.atlas-player .player-time-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px;color:#eff2f4;font-variant-numeric:tabular-nums}
body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeLabel{font-size:15px!important;font-weight:650;text-align:left;white-space:nowrap}
#officialFrameCount{font-size:12px;color:#b2bdc6;white-space:nowrap}
body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeSlider{display:block;width:100%;height:36px;margin:5px 0 0;padding:0;accent-color:#f4f6f8;cursor:pointer;background:none}
body.v9-map-first #officialPrecipViewer.atlas-player .official-reference-time-ends{display:none!important}
.atlas-player .player-transport{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:9px auto 10px;max-width:450px}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport :is(button,select){width:48px;height:48px;flex:none}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport .player-icon{width:24px;height:24px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlay{width:60px;height:56px;background:#4b6575;border-color:#8ca9ba}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlay .player-icon{width:34px;height:34px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoop[aria-pressed=true]{background:#272e35;border-color:#91a8b6}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoop[aria-pressed=false]{opacity:.5}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlaySpeed{appearance:none;text-align:center;text-align-last:center;font-size:16px;padding:5px}
.atlas-player .player-source-row{display:flex;align-items:center;gap:10px;min-height:30px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPrecipCaption{display:block!important;flex:1;min-width:0;font-size:10px;line-height:1.4;color:#b1bdc6;margin:0;white-space:normal}
body.v9-map-first #officialPrecipViewer.atlas-player #officialCompact{min-width:36px;min-height:32px;width:36px;height:32px;border:0;background:transparent;padding:4px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialCompact .player-icon{width:17px;height:17px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialFullscreen{flex:none;min-height:44px;padding:6px 9px;gap:6px;font-size:11px;white-space:nowrap}
body.v9-map-first #officialPrecipViewer.atlas-player #officialFullscreen .player-icon{width:16px;height:16px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialFullscreenHelp:not([hidden]){position:absolute;z-index:6;inset:auto 12px 12px auto;box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;padding:16px;background:#20282ff5;border:1px solid #8497a4;border-radius:12px;box-shadow:0 6px 30px #0005;color:#f3f5f7;font-size:14px;line-height:1.5}
body.v9-map-first #officialPrecipViewer.atlas-player #closeOfficialFullscreenHelp{float:right;margin:-6px -6px 0 8px;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent}
#officialFullscreenHelpTitle{display:block;padding-top:3px}#officialFullscreenHelpText{margin:10px 0 0}
body.v9-map-first #officialPrecipViewer.atlas-player #officialFullscreenHelpText{font-size:14px;line-height:1.5;color:#d9e1e7}
#officialPrecipViewer::backdrop{background:#1c2227}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlaybackStatus:not([hidden]){position:absolute;bottom:64px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);padding:6px 10px;border-radius:6px;background:#1c2227ed;color:#fff;font:12px/1.4 system-ui;pointer-events:none}
body.v9-map-first #officialPrecipViewer.atlas-player:is([data-playback=playing],[data-playback=paused]) #officialPlaybackStatus{display:none!important}
body.v9-map-first #officialPrecipViewer.atlas-player #retryOfficialVedur{position:absolute;left:12px;bottom:64px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerOptions:not([hidden]){position:absolute;top:calc(60px + env(safe-area-inset-top));right:12px;z-index:5;display:grid;gap:10px;max-width:min(330px,calc(100% - 24px));padding:14px;background:#272f36;border:1px solid #647581;border-radius:10px;box-shadow:0 10px 40px #0006}
body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeMode{display:block!important;font-size:12px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialProductNote{font-size:11px}
body.v9-map-first #officialPrecipViewer.atlas-player.reference-collapsed:not([hidden]){inset:12px auto auto 12px!important;width:min(390px,calc(100% - 84px))!important;height:auto!important;padding:0!important;display:block!important;border:1px solid #56656f!important;border-radius:12px!important}
body.v9-map-first #officialPrecipViewer.atlas-player.reference-collapsed #officialOptionsToggle{display:none!important}
body.v9-map-first #officialPrecipViewer.atlas-player.player-compact:not(.reference-collapsed){grid-template-rows:minmax(0,1fr) auto!important}
body.v9-map-first #officialPrecipViewer.atlas-player.player-compact:not(.reference-collapsed)>.player-header,body.v9-map-first #officialPrecipViewer.atlas-player.player-compact>.reference-product-controls{display:none!important}
.atlas-player.player-compact .player-map{grid-row:1}.atlas-player.player-compact .player-dock{grid-row:2}
@media(max-width:899px){#openReferencePlayer{position:fixed;top:calc(12px + env(safe-area-inset-top));left:12px;font-size:12px;min-height:40px}body.v9-map-first:has(#openReferencePlayer) :is(.official-overlay-status,#surfaceFrameTrust){top:64px!important;max-width:calc(100vw - 92px)!important}}
@media(max-width:370px){body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerTitle{gap:8px;font-size:13px}#officialPlayerTitle b{font-size:18px}#officialPlayerTitle span{padding-left:8px}.atlas-player .player-dock{padding-left:12px;padding-right:12px}}
@media(orientation:landscape) and (min-width:640px){
 body.v9-map-first #officialPrecipViewer.atlas-player:not(.reference-collapsed){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr) auto!important}
 body.v9-map-first #officialPrecipViewer.atlas-player .player-header{min-height:0;height:64px;padding:7px 20px;border-bottom:1px solid #35404a}
 body.v9-map-first #officialPrecipViewer.atlas-player .reference-product-controls{position:absolute;left:36%;right:20%;top:calc(10px + env(safe-area-inset-top));z-index:4;padding:0;grid-row:1!important}
 .atlas-player .player-map{grid-row:2}.atlas-player .player-dock{grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 26px;padding:10px 24px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeline{display:flex!important;align-items:center;gap:20px;grid-column:1 / -1!important;grid-row:1!important}
 .atlas-player .player-time-heading{display:contents}#officialFrameCount{order:3}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeSlider{width:auto;flex:1;min-width:50px;margin:0}
 .atlas-player .player-transport{grid-column:1 / -1;grid-row:2;width:360px;margin:5px auto}
 .atlas-player .player-source-row{grid-column:1 / -1;grid-row:3}
 .atlas-player .player-fit{right:20px;top:10px}
 body.v9-map-first #officialPrecipViewer.atlas-player.player-compact:not(.reference-collapsed){grid-template-rows:minmax(0,1fr) auto!important}
 .atlas-player.player-compact .player-map{grid-row:1}.atlas-player.player-compact .player-dock{grid-row:2}
}
@media(orientation:landscape) and (max-height:550px){
 body.v9-map-first #officialPrecipViewer.atlas-player:not(.reference-collapsed){grid-template-rows:52px minmax(0,1fr) auto!important}
 body.v9-map-first #officialPrecipViewer.atlas-player .player-header{height:52px;padding:3px 12px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerTitle{font-size:13px;gap:9px}#officialPlayerTitle b{font-size:18px}#officialPlayerTitle span{padding-left:9px}
 body.v9-map-first #officialPrecipViewer.atlas-player .reference-product-controls{left:34%;right:20%;top:calc(4px + env(safe-area-inset-top))}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialProduct{font-size:12px}
 .atlas-player .player-dock{grid-template-columns:minmax(0,1fr) auto;gap:0 14px;padding:4px 12px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeline{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr auto;gap:0 10px}
 .atlas-player .player-time-heading{display:contents}#officialFrameCount{order:1;grid-column:2;grid-row:1}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeLabel{order:0;grid-column:1!important;grid-row:1!important}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeLabel{font-size:12px!important}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeSlider{order:2;grid-column:1 / -1;grid-row:2;width:100%;height:28px}
 .atlas-player .player-transport{grid-column:2;grid-row:1;width:auto;gap:8px;margin:0}
 body.v9-map-first #officialPrecipViewer.atlas-player .player-transport :is(button,select){width:44px;height:44px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPlay{width:48px;height:48px}
 .atlas-player .player-source-row{grid-column:1 / -1;grid-row:2;min-height:20px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialCompact{min-height:24px;height:24px}
 .atlas-player .player-fit{top:6px;right:8px}.atlas-player .official-reference-zoom{left:8px;bottom:6px}
}
@media(min-width:900px) and (min-height:551px){
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerTitle{font-size:20px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPlayerTitle b{font-size:26px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialProduct{font-size:17px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialTimeLabel{font-size:18px!important}
 body.v9-map-first #officialPrecipViewer.atlas-player .player-transport :is(button,select){width:56px;height:56px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPlay{width:72px;height:64px}
 body.v9-map-first #officialPrecipViewer.atlas-player #officialPrecipCaption{font-size:12px}
 .atlas-player .player-transport{width:410px;margin:8px auto}
}

/* 9.13.1: the weather map player belongs to the weather/sea views; never cover LAND search. */
body.land-mode #officialPrecipViewer{display:none!important}
/* 9.13.1: on phones an open graph dock owns the screen; the colour legend must not cover the graph (it returns when the dock collapses). */
@media (max-width:600px){html body[data-dock-mode="half"] #mapLegend,html body[data-dock-mode="full"] #mapLegend,html body.v9-map-first.detailed-legend-open[data-dock-mode="half"] #mapLegend,html body.v9-map-first.detailed-legend-open[data-dock-mode="full"] #mapLegend{display:none!important}}
/* 9.19.12: the independent VÍ range uses the main map's player controls. */
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport{display:grid;grid-template-columns:minmax(0,1fr) 30px 44px 30px minmax(0,1fr);gap:3px;max-width:none;width:100%;margin:4px 0}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport #officialTimeLabel{min-width:0;font-size:12px!important;white-space:normal;line-height:1.3}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport :is(#officialTimePrev,#officialTimeNext){width:30px;min-width:30px;height:36px;min-height:36px;padding:0;border:0;background:transparent}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport #officialPlay{width:44px;min-width:44px;height:40px;min-height:40px;padding:0}
body.v9-map-first #officialPrecipViewer.atlas-player .reference-loop-tools{justify-content:flex-end;gap:3px;min-width:0}
body.v9-map-first #officialPrecipViewer.atlas-player .reference-loop-tools button{width:auto;min-width:0;height:36px;min-height:36px;padding:0 5px;font-size:11px}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport [hidden]{display:none!important}
.loop-picker .loop-picker-play{width:100%;background:#39464f;border-color:#83929e;font-weight:700}

/* Shared row geometry; only time-player controls are affected. */
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 44px 30px minmax(0,1fr)!important;align-items:center!important;gap:3px!important;min-height:40px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>.timeline-live-label,html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>.timeline-actions{display:none!important}
.atlas-playback-clock{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:2px}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-clock .timeline-day-select{display:flex!important;width:64px!important;min-width:0!important;margin:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-clock .timeline-day-select select{width:64px!important;min-width:0!important;padding:0 2px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-clock #timeLabel{width:auto!important;max-width:100%!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;padding:0!important;min-width:0!important;height:auto!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>:is(#timePrev,#timeNext){display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:36px!important;margin:0!important;padding:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>#timePlay{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;width:44px!important;min-width:44px!important;height:40px!important;margin:0!important;padding:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>.loop-tools{display:flex!important;position:static!important;justify-content:flex-end!important;gap:3px!important;margin:0!important;min-width:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row .loop-tools>:is(#loopToggle,#loopSpeed){display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:36px!important;padding:0 5px!important;font-size:11px!important}
.atlas-playback-row .loop-caption{display:none}
/* Match the shared picker inside the VÍ modal, including browser fullscreen. */
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker,body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker *{font-family:system-ui,sans-serif!important}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker button{display:inline-block;min-width:0;width:auto;height:auto;min-height:30px;padding:6px 9px;border:1px solid #596670;border-radius:6px;background:#263039;color:#eef2f4;font:500 12px/1.4 system-ui,sans-serif;box-shadow:none}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker .loop-picker-head button{padding:2px 9px;font-size:18px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker .loop-days button{padding:5px 3px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker .loop-days button[aria-pressed=true]{background:#47535c;border-color:#a4b0b8}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker .loop-presets button{padding:6px 4px}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker select{display:inline-block;min-width:78px;width:100%;height:34px;min-height:34px;padding:0 4px;border:1px solid #66717a;border-radius:6px;background:#263039;color:#f3f5f7;font:500 12px/1.4 system-ui,sans-serif}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker .loop-picker-play{width:100%;background:#39464f;border-color:#83929e;font-weight:700}
body.v9-map-first #officialPrecipViewer.atlas-player #officialLoopPicker button:disabled{opacity:.4}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport :is(#officialTimePrev,#officialTimeNext){font-size:22px}
body.v9-map-first #officialPrecipViewer.atlas-player .player-transport #officialPlay svg,html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .atlas-playback-row>#timePlay svg{width:20px;height:20px}

/* 9.19.12: on wide screens the frame status pill sat behind the layer chips (chips end at 96px); place it just below them. */
@media(min-width:900px){html body.v9-map-first #surfaceFrameTrust#surfaceFrameTrust{top:104px!important}}

/* 9.19.13: one control row on both maps — day/time left, ‹ ▶ › centred, Tímabil and 1× right.
   Every item gets an explicit cell so phone/collapsed-dock rules can neither hide nor reorder the step buttons. */
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row{grid-template-columns:minmax(0,1fr) 36px 48px 36px minmax(0,1fr)!important;grid-auto-flow:row!important;column-gap:4px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>:is(.timeline-live-label,.timeline-actions){display:none!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>.atlas-playback-clock{grid-column:1!important;grid-row:1!important;order:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timePrev{grid-column:2!important;grid-row:1!important;order:0!important;display:flex!important;visibility:visible!important;width:36px!important;min-width:36px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timePlay{grid-column:3!important;grid-row:1!important;order:0!important;display:flex!important;width:48px!important;min-width:48px!important;height:40px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timeNext{grid-column:4!important;grid-row:1!important;order:0!important;display:flex!important;visibility:visible!important;width:36px!important;min-width:36px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>.loop-tools{grid-column:5!important;grid-row:1!important;order:0!important;justify-self:end!important;min-width:0!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .loop-tools>#loopToggle{flex:0 0 auto!important;width:auto!important;min-width:64px!important;padding:0 8px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .loop-tools>#loopSpeed{flex:0 0 36px!important;width:36px!important;min-width:36px!important}
/* VÍ player: the same row sits directly above its slider. */
body.v9-map-first #officialPrecipViewer.atlas-player .player-dock{display:flex!important;flex-direction:column!important}
body.v9-map-first #officialPrecipViewer.atlas-player .player-dock>.player-transport{order:-1!important}

/* 9.19.15: during playback an older rule (atlas-regional.css) moved the time label into grid column 2, so it wrapped and
   pushed ‹ ▶ › apart. Pin every item to its own cell, keep the label on one line, and keep ‹ ▶ › together in the centre. */
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport{grid-template-columns:minmax(0,1fr) 30px 44px 30px minmax(0,1fr)!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialTimeLabel{grid-column:1!important;grid-row:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;font-size:12px!important;line-height:1.3!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialTimePrev{grid-column:2!important;grid-row:1!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialPlay{grid-column:3!important;grid-row:1!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialTimeNext{grid-column:4!important;grid-row:1!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>.reference-loop-tools{grid-column:5!important;grid-row:1!important;justify-self:end!important}
@media(max-width:430px){body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialTimeLabel{font-size:11px!important}}
/* 9.19.15: VÍ row like the live map row — no separate n/N line, NÚNA on the right, drag bubble over the thumb. */
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-time-heading{display:none!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .reference-loop-tools{display:flex!important;gap:3px!important;align-items:center!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .reference-loop-tools>.official-now{flex:0 0 auto;height:36px;min-width:0;padding:0 7px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#f4f7f8;font:700 11px/1 system-ui,-apple-system,sans-serif;letter-spacing:.02em}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .official-slider-bubble{position:absolute;z-index:5;transform:translateX(-50%);padding:3px 7px;border-radius:7px;background:#f4f7f8;color:#12181d;font:700 11px/14px system-ui,-apple-system,sans-serif;white-space:nowrap;pointer-events:none}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .official-slider-bubble[hidden]{display:none}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport{grid-template-columns:minmax(0,1fr) 30px 48px 30px minmax(0,1fr)!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialPlay{width:48px!important;min-width:48px!important;height:42px!important}
/* 9.19.15: desktop showed the old CSS triangle (::before) next to the SVG play icon — keep only the icon. */
html body.v9-map-first #weatherGraphSystem #timePlay#timePlay::before,html body.v9-map-first #weatherGraphSystem #timePlay#timePlay::after{content:none!important;display:none!important}
/* 9.19.15: narrow and embedded views (arctic-market.com frame, 320–380 px): the row stays on one line and nothing spills onto the ruler. */
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>.atlas-playback-clock{flex-wrap:nowrap!important;overflow:hidden!important;min-width:0!important}
@media(max-width:380px){
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row{grid-template-columns:minmax(0,1fr) 30px 40px 30px minmax(0,1fr)!important;column-gap:3px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timePrev,html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timeNext{width:30px!important;min-width:30px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row>#timePlay{width:40px!important;min-width:40px!important;height:36px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .atlas-playback-clock #timeLabel{flex:0 0 auto!important;width:auto!important;min-width:0!important;font-size:12px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .atlas-playback-clock .timeline-day-select,html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .atlas-playback-clock .timeline-day-select select{width:54px!important;min-width:0!important;max-width:54px!important;font-size:11px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .loop-tools{gap:2px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .loop-tools>#loopToggle{min-width:0!important;padding:0 5px!important;font-size:11px!important}
html body.v9-map-first #weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem#weatherGraphSystem #timeDock#timeDock .timeline-head.atlas-playback-row .loop-tools>#loopSpeed{flex:0 0 28px!important;width:28px!important;min-width:28px!important;font-size:11px!important}
}
/* 9.19.15: VÍ row at ≤400px – keep ‹ › clear of NÚNA */
@media(max-width:400px){body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport{column-gap:3px!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .reference-loop-tools{gap:2px!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .reference-loop-tools button,body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .reference-loop-tools>.official-now{padding:0 4px!important;font-size:10.5px!important}
body.v9-map-first #officialPrecipViewer#officialPrecipViewer.atlas-player .player-transport>#officialTimeLabel{font-size:10.5px!important;letter-spacing:-.1px}}
/* 9.19.25: day+hour readout big and steady while playing */
#officialTimeLabel{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;min-width:21ch;display:inline-block;color:#fff}