/* mw-legacy-native */ /* Station Atlas. Device-gated native CSS; the shared weather nodes stay mounted. Weighted scope replaces the legacy wall-layout cascade only on non-phones. */ html.mytempest-atlas { height: auto !important; overflow: auto !important; background: #091720; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) { --atlas-accent: #73cef1; --atlas-muted: #b6cdd7; --atlas-gap: 10px; --atlas-type-scale: 1; display: block !important; height: auto !important; min-height: 100vh; overflow: visible !important; background: #091720 !important; color: #eff7fa; font-family: system-ui, sans-serif !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDisplay { position: relative !important; inset: auto !important; top: auto !important; left: auto !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 100vh !important; max-height: none !important; margin: 0 auto !important; padding: 14px 18px !important; padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 190px !important; grid-template-rows: auto auto !important; align-content: start !important; gap: 10px 12px !important; box-sizing: border-box !important; overflow: visible !important; transform: none !important; background: linear-gradient(130deg, #132c38, #091720 45%) !important; font-family: system-ui, sans-serif !important; color: #eff7fa !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b).mytempest-night-appearance #myTempestDisplay { background: #08131d !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestScene, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-vignette, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-topbar, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-current-main, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-current > .mytempest-section-kicker, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-metric-heading, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-location-divider { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark { position: relative !important; grid-column: 1 !important; grid-row: 1 !important; width: auto !important; height: 44px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; padding: 0 0 0 38px !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-name { font: 750 25px/1.2 Arial !important; letter-spacing: -1px !important; color: #f3f7fa !important; white-space: nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-copy { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-radar { width: 34px !important; height: 26px !important; left: 0 !important; top: 12px !important; opacity: 1; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-location-block { position: static !important; grid-column: 2 !important; grid-row: 1 !important; width: auto !important; max-width: none !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; justify-content: center !important; transform: none !important; gap: 3px !important; text-align: right !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPlace { font: 650 1.125rem/1.3 system-ui !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: break-word; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestClock { font: 450 .8125rem/1.4 system-ui !important; color: var(--atlas-muted) !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHeaderVersion, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPresence { position: static !important; grid-row: 3 !important; font: 400 calc(.625rem * var(--atlas-type-scale))/1.4 system-ui !important; color: var(--atlas-muted) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPresence { grid-column: 2 !important; justify-self: end; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { display: grid !important; position: static !important; z-index: auto !important; grid-column: 1 / -1 !important; grid-row: 2 !important; grid-template-columns: repeat(2, minmax(0, 19fr)) minmax(0, 47fr) minmax(150px, 15fr) !important; grid-template-rows: 44px minmax(150px, auto) repeat(5, minmax(88px, auto)) !important; gap: var(--atlas-gap) !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard[hidden] { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDataDashboard:not([hidden]), body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestMetrics, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-metric-group, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-metric-grid, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-current { display: contents !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestControls { position: absolute !important; top: calc(14px + env(safe-area-inset-top, 0px)) !important; right: 18px !important; bottom: auto !important; left: auto !important; display: flex !important; gap: 6px !important; width: auto !important; height: 44px !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; z-index: 6 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton { position: static !important; display: block !important; min-width: 76px !important; min-height: 44px !important; padding: 8px 12px !important; font: 600 calc(.875rem * var(--atlas-type-scale))/1.2 system-ui !important; color: #e7f6fc !important; background: #193441 !important; border: 1px solid #456573 !important; border-radius: 10px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric { position: relative !important; inset: auto !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; min-width: 0 !important; width: auto !important; height: auto !important; min-height: 88px !important; max-height: none !important; margin: 0 !important; padding: 10px 12px !important; gap: 2px !important; border-radius: 12px !important; border: 1px solid #304d5c !important; border-left: 2px solid var(--atlas-accent, #73cef1) !important; background: linear-gradient(120deg, var(--atlas-tint, #16313e), #10212c) !important; color: #eff7fa !important; text-align: left !important; transform: none !important; box-shadow: none !important; overflow: visible !important; contain: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card::before, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card::after, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric::before, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric::after { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card > span, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric > span { position: static !important; display: block !important; font: 550 calc(.8125rem * var(--atlas-type-scale))/1.25 system-ui !important; color: var(--atlas-muted) !important; max-width: calc(100% - 34px) !important; white-space: normal !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card strong, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric > strong { position: static !important; display: block !important; font: 650 calc(1.6rem * var(--atlas-type-scale))/1.1 Arial !important; letter-spacing: -.6px !important; height: auto !important; width: auto !important; min-height: 0 !important; max-width: 100% !important; overflow: visible !important; clip-path: none !important; opacity: 1 !important; visibility: visible !important; transform: none !important; text-align: left !important; text-shadow: none !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; color: #f1f8fc !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card small, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card em, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric small { position: static !important; display: block !important; font: 450 calc(.72rem * var(--atlas-type-scale))/1.25 Arial !important; color: var(--atlas-muted) !important; width: auto !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; white-space: normal !important; overflow: visible !important; clip-path: none !important; -webkit-line-clamp: unset !important; opacity: 1 !important; transform: none !important; background: none !important; text-shadow: none !important; text-align: left !important; box-shadow: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric-value-unit { display: inline !important; font: 450 calc(.75rem * var(--atlas-type-scale))/1.2 system-ui !important; margin-left: 3px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric-instrument, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric-readout, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-wind-console, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card-visual, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric-cue { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-phone-card-graphic { display: block !important; position: absolute !important; right: 10px; top: 30px; width: 32px; height: 32px; color: var(--atlas-accent); opacity: .85; pointer-events: none; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] { grid-column: 1 / 3 !important; grid-row: 2 !important; display: grid !important; grid-template-columns: minmax(0,1fr) 52px !important; grid-template-rows: 20px 1fr !important; padding: 12px 14px !important; gap: 5px 0 !important; min-height: 150px !important; border: 1px solid #3b6175 !important; background: linear-gradient(120deg,#1a4053,#142a38 85%) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"]::before { content: "• TEMPEST NOW" !important; display: block !important; position: static !important; grid-column: 1 !important; grid-row: 1 !important; background: none !important; height: auto !important; font: 600 calc(11px * var(--atlas-type-scale))/calc(20px * var(--atlas-type-scale)) Arial !important; letter-spacing: 1.3px !important; color: #c0e6f6 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card-trailing { grid-column: 1 !important; grid-row: 2 !important; position: static !important; display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; grid-template-rows: auto auto auto auto !important; align-content: center !important; align-items: center !important; gap: 3px 10px !important; width: auto !important; min-width: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] strong { grid-column: 1 !important; grid-row: 1 / 4 !important; font-size: calc(68px * var(--atlas-type-scale)) !important; line-height: 1 !important; letter-spacing: -3px !important; white-space: nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-now-condition { font: 600 calc(15px * var(--atlas-type-scale))/1.3 Arial !important; color: #edf7fa !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-visual--thermometer { grid-column: 2 !important; grid-row: 1 / 3 !important; display: block !important; position: static !important; width: 52px !important; height: 110px !important; min-height: 0 !important; max-height: none !important; margin: auto !important; padding: 0 !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-visual-svg { width: 100% !important; height: 100% !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-visual-thermo-label { font-size: calc(11px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] { grid-column: 1 !important; grid-row: 3 !important; --atlas-accent: #65cbfa; --atlas-tint: #143346; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] { grid-column: 2 !important; grid-row: 3 !important; --atlas-accent: #f7c475; --atlas-tint: #323025; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] { grid-column: 1 !important; grid-row: 4 !important; --atlas-accent: #89dfb4; --atlas-tint: #15392f; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] { grid-column: 2 !important; grid-row: 4 !important; --atlas-accent: #f2b17c; --atlas-tint: #363026; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] { grid-column: 1 !important; grid-row: 5 !important; --atlas-accent: #72d6d9; --atlas-tint: #173640; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] { grid-column: 2 !important; grid-row: 5 !important; --atlas-accent: #baa9ef; --atlas-tint: #2b2c47; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] { grid-column: 1 !important; grid-row: 6 !important; --atlas-accent: #edca7b; --atlas-tint: #343227; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] { grid-column: 2 !important; grid-row: 6 !important; --atlas-accent: #8cdbb7; --atlas-tint: #1c3732; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] { grid-column: 1 !important; grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] { grid-column: 2 !important; grid-row: 7 !important; --atlas-accent: #eac975; --atlas-tint: #35322b; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-next-card { grid-column: 1 / -1 !important; grid-row: 1 !important; position: relative !important; display: flex !important; width: 100% !important; height: auto !important; min-height: 44px !important; margin: 0 !important; padding: 0 6px 0 12px !important; background: #03080d !important; border: 1px solid #344a54 !important; border-left: 3px solid #efc378 !important; border-radius: 10px !important; gap: 6px !important; overflow: hidden !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestTickerViewport { flex: 1; min-width: 0; height: 44px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-run { font: 500 calc(.9375rem * var(--atlas-type-scale))/44px system-ui !important; color: #eff7fb !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-toggle { position: relative !important; width: 44px !important; min-width: 44px !important; height: 44px !important; border: 0 !important; background: #0e2029 !important; border-radius: 6px !important; flex-shrink: 0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon { grid-column: 3 !important; grid-row: 2 !important; position: relative !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; width: auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 1px solid #233a48 !important; border-radius: 16px !important; background: #10222f !important; overflow: hidden !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary { display: flex !important; align-items: center !important; gap: 8px !important; min-height: 36px !important; padding: 8px 10px 0 !important; border: 0 !important; margin: 0 !important; flex-wrap: wrap !important; font: 400 calc(11px * var(--atlas-type-scale))/1.3 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary > span { font: 600 calc(15px * var(--atlas-type-scale))/1.3 Arial !important; margin-right: auto !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary > strong { font: 500 calc(11px * var(--atlas-type-scale))/1.3 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary-details { font: 450 calc(.75rem * var(--atlas-type-scale))/1.4 system-ui !important; color: var(--atlas-muted) !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-chart { display: flex !important; flex-direction: column !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 125px !important; flex: 1 !important; margin: 0 !important; padding: 4px 8px 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-plot { position: relative !important; width: 100% !important; height: auto !important; min-height: 108px !important; flex: 1 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-plot > svg { width: 100% !important; height: 100% !important; position: absolute !important; inset: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-ticks { height: 22px !important; min-height: 22px !important; position: relative !important; margin: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-tick b, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-temp-label, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-rain-label, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-wind-label { font-family: system-ui !important; font-size: calc(.75rem * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insights { order: 2 !important; position: static !important; display: block !important; padding: 4px 10px !important; margin: 0 !important; border-top: 1px solid #30434f !important; min-height: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insights-primary { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 5px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insight { position: static !important; display: flex !important; flex-direction: column !important; padding: 0 0 0 5px !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; border-left-width: 2px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insight span, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insight small { font: 400 calc(10px * var(--atlas-type-scale))/1.3 Arial !important; color: #b6cdd7 !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insight strong { font: 600 calc(11px * var(--atlas-type-scale))/1.3 Arial !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { grid-column: 3 !important; grid-row: 3 / 8 !important; position: relative !important; min-width: 0 !important; width: auto !important; height: auto !important; min-height: 312px !important; max-height: none !important; margin: 0 !important; border: 1px solid #233a48 !important; border-radius: 16px !important; overflow: hidden !important; transform: none !important; background: #0d1e29 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta { left: 0 !important; right: auto !important; top: 0 !important; width: auto !important; max-width: calc(100% - 272px) !important; height: 44px !important; min-height: 0 !important; padding: 10px !important; border: 0 !important; border-radius: 0 !important; background: none !important; font: 500 calc(11px * var(--atlas-type-scale))/24px Arial !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-map { top: 44px !important; bottom: 64px !important; height: auto !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls { top: 0 !important; right: 4px !important; display: flex !important; flex-direction: row !important; gap: 0 !important; height: 44px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-control { width: 44px !important; height: 44px !important; min-width: 44px !important; border-radius: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-control--loop { top: auto !important; bottom: 20px !important; left: 5px !important; right: auto !important; width: 44px !important; height: 44px !important; border: 1px solid #4e9492 !important; border-radius: 7px !important; background: #174140 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-dbz-legend { top: auto !important; bottom: 0 !important; left: 8px !important; height: 20px !important; min-height: 0 !important; font: 400 calc(8px * var(--atlas-type-scale))/20px Arial !important; padding: 0 !important; background: none !important; border: 0 !important; gap: 3px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-playback { left: 53px !important; bottom: 20px !important; right: 5px !important; width: auto !important; height: 44px !important; max-width: none !important; display: flex !important; align-items: center !important; gap: 4px !important; background: none !important; border: 0 !important; padding: 0 !important; transform: none !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber { flex: 1 !important; min-width: 20px !important; width: 70px !important; height: 44px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-step, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed-option { min-width: 32px !important; width: 32px !important; min-height: 44px !important; height: 44px !important; font: 500 calc(10px * var(--atlas-type-scale))/1 Arial !important; padding: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-frame-label { font: 500 calc(10px * var(--atlas-type-scale))/1.2 Arial !important; white-space: nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-source-readout { top: 44px !important; bottom: auto !important; right: 5px !important; max-width: 75% !important; font: 450 calc(9px * var(--atlas-type-scale))/1.2 Arial !important; border: 0 !important; padding: 3px !important; background: #08131dcc !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-attribution { bottom: 0 !important; left: auto !important; right: 6px !important; max-width: calc(100% - 160px) !important; font: 400 calc(7px * var(--atlas-type-scale))/18px Arial !important; background: none !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours { grid-column: 4 !important; grid-row: 2 / 8 !important; position: static !important; width: auto !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHourTrack { display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: repeat(5,minmax(0,1fr)) !important; gap: 8px !important; width: 100% !important; height: 100% !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day { display: flex !important; flex-direction: column !important; position: relative !important; min-width: 0 !important; width: auto !important; height: auto !important; min-height: 112px !important; padding: 10px 12px !important; margin: 0 !important; border: 1px solid #29404e !important; border-radius: 14px !important; background: #10222f !important; overflow: visible !important; text-align: left !important; gap: 8px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day::before, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day::after, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-data-rails { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-topline { position: static !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; width: 100% !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-topline b { font: 650 calc(.8125rem * var(--atlas-type-scale))/1.2 system-ui !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-date { font: 450 calc(.625rem * var(--atlas-type-scale))/1.2 system-ui !important; color: var(--atlas-muted) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-readout { position: static !important; display: flex !important; flex-direction: column !important; flex: 1 !important; align-items: flex-start !important; justify-content: space-between !important; gap: 6px !important; transform: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps { display: block !important; padding-left: 34px !important; font: 650 calc(25px * var(--atlas-type-scale))/1.2 Arial !important; white-space: nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps span { font: inherit !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-precip { font: 400 calc(12px * var(--atlas-type-scale))/1.3 Arial !important; color: #8fd1ed !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope { position: absolute !important; top: 4px !important; right: 6px !important; left: auto !important; bottom: auto !important; width: 34px !important; height: 34px !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-svg { width: 100% !important; height: 100% !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-track, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-progress, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-marker, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-ticks { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope-crown { transform: translate(-30px, 5px) scale(1.6); } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) button:focus-visible, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) [role="button"]:focus-visible, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) a:focus-visible { outline: 3px solid #a3e4ff !important; outline-offset: 3px !important; } /* Dialogs retain their original controls and scroll independently of the board. */ body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-history-dialog-backdrop, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-daily-forecast-dialog-backdrop, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetup { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; padding: 24px !important; padding-top: calc(24px + env(safe-area-inset-top, 0px)) !important; padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important; background: rgba(2, 9, 15, .88) !important; align-items: center !important; justify-content: center !important; overflow-y: auto !important; backdrop-filter: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-history-dialog-panel, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-daily-forecast-dialog-panel, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; max-width: 1000px !important; max-height: calc(100vh - 64px) !important; margin: auto !important; padding: 24px !important; border: 1px solid #45616f !important; border-radius: 18px !important; background: #10232f !important; color: #edf8fc !important; box-shadow: 0 20px 60px #0008 !important; overflow-y: auto !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card { max-width: 700px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-history-dialog-header, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .daily-forecast-dialog-header { position: sticky !important; top: -24px !important; z-index: 8 !important; background: #10232f !important; padding: 12px 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-history-dialog-close, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .daily-forecast-dialog-close { min-width: 44px !important; min-height: 44px !important; position: static !important; flex-shrink: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card input, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card select, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card button { min-height: 44px !important; font-size: calc(1rem * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card p, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-card label { font-size: calc(.875rem * var(--atlas-type-scale)) !important; line-height: 1.5 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-section { border: 1px solid #38515f !important; background: #142c38 !important; border-radius: 12px !important; padding: 16px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-setup-actions { position: sticky; bottom: -24px; background: #10232f; padding: 12px 0; z-index: 4; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b).mytempest-history-dialog-open, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b).mytempest-daily-forecast-dialog-open { overflow: hidden !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton { position: static !important; display: flex !important; align-items: center !important; gap: 6px !important; min-width: 88px !important; min-height: 44px !important; padding: 8px 12px !important; font: 500 14px/1.2 Arial !important; color: #e7f6fc !important; background: #132735 !important; border: 1px solid #2c4554 !important; border-radius: 12px !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-phone-card-graphic { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] small, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] em { grid-column: 2 !important; font: 400 calc(12px * var(--atlas-type-scale))/1.3 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-post-meta { grid-column: 1 / -1 !important; padding-top: 6px !important; margin-top: 4px !important; border-top: 1px solid #3b5665 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insight svg { width: 14px !important; height: 14px !important; display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-playback::before, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-playback::after { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed { display: flex !important; gap: 0 !important; width: auto !important; height: 44px !important; max-width: none !important; flex-shrink: 0 !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-topline .mytempest-hour-time { font: 600 calc(14px * var(--atlas-type-scale))/1.3 Arial !important; color: #f3f7fa !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps small { font: 400 calc(15px * var(--atlas-type-scale))/1.2 Arial !important; color: #aec3d0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temp-separator { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy { font: 400 calc(11px * var(--atlas-type-scale))/1.3 Arial !important; white-space: normal !important; overflow: visible !important; max-height: none !important; -webkit-line-clamp: unset !important; color: #c1d7e0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-scope, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-touch-cue { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-phone-day-icon { position: absolute !important; top: 36px !important; left: 10px !important; display: block !important; width: 30px !important; height: 30px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-phone-day-icon svg { width: 100% !important; height: 100% !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-observed { position: absolute !important; top: 12px !important; right: 14px !important; color: #b6cdd7 !important; font: 400 calc(10px * var(--atlas-type-scale))/calc(20px * var(--atlas-type-scale)) Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-open-forecast { border: 0 !important; background: transparent !important; min-width: 32px !important; min-height: 28px !important; color: #aec3d0 !important; cursor: pointer !important; font: 500 calc(16px * var(--atlas-type-scale))/1 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-name { position: static !important; margin: 0 !important; padding: 0 !important; transform: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-radar { position: absolute !important; top: 8px !important; left: 0 !important; width: 32px !important; height: 28px !important; transform: none !important; visibility: visible !important; opacity: 1 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-radar path { fill: none !important; stroke: #78cdef !important; stroke-width: 7 !important; opacity: 1 !important; animation: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"]::before { opacity: 1 !important; inset: auto !important; width: auto !important; border: 0 !important; transform: none !important; box-shadow: none !important; filter: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-observed { position: absolute !important; top: 10px !important; right: 14px !important; bottom: auto !important; left: auto !important; color: #b6cdd7 !important; font: 400 calc(10px * var(--atlas-type-scale))/calc(20px * var(--atlas-type-scale)) Arial !important; width: auto !important; max-width: 55% !important; margin: 0 !important; padding: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { align-self: stretch !important; align-items: center !important; gap: 3px 10px !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-visual--thermometer { background: none !important; border: 0 !important; box-shadow: none !important; opacity: 1 !important; overflow: visible !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric > span, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card > span:not(.mytempest-atlas-observed) { align-self: flex-start !important; text-align: left !important; width: auto !important; padding: 0 !important; margin: 0 !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; line-height: calc(16px * var(--atlas-type-scale)) !important; min-height: 16px !important; flex-shrink: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric strong, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card strong { flex-shrink: 0 !important; margin: 0 !important; text-overflow: clip !important; word-break: normal !important; overflow-wrap: break-word !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric > small, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card > small, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card em { flex-shrink: 0 !important; line-height: calc(14px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric-helper-copy { position: static !important; display: inline !important; color: #b6cdd7 !important; font: inherit !important; white-space: normal !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-phone-card-graphic { top: 32px !important; right: 8px !important; width: 28px !important; height: 28px !important; opacity: .75 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card:not([data-mytempest-data-card="now"]) > strong, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric > strong { max-width: calc(100% - 28px) !important; font-size: calc(25px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-metric { padding: 7px 11px !important; row-gap: 1px !important; font-family: Arial !important; background: linear-gradient(120deg,var(--atlas-tint,#17313d),#10222f 88%) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] { padding: 12px 14px !important; background: linear-gradient(120deg,#1a4053,#142a38 85%) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-plot > svg { min-height: 0 !important; max-height: none !important; height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-lane-label { font: 400 calc(10px * var(--atlas-type-scale))/1 Arial !important; max-width: 45px !important; white-space: normal !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-rain-label, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-temp-label, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-tick b { font: 500 calc(11px * var(--atlas-type-scale))/1 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary { min-height: 36px !important; flex-shrink: 0 !important; padding: 6px 10px 0 !important; gap: 6px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-forecast-summary-details { font: 400 calc(10px * var(--atlas-type-scale))/1.3 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-observation-insights-secondary { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon .mytempest-observation-insights-primary { display: block !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon .mytempest-observation-insight--temperature, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon .mytempest-observation-insight--pressure { display: none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon .mytempest-observation-insight--comparison { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; border: 0 !important; padding: 0 !important; min-height: 18px !important; } @media (orientation: landscape) and (min-width: 1151px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-rows:44px calc(150px * var(--atlas-type-scale)) calc(66px * var(--atlas-type-scale)) 12px repeat(4,minmax(87px,1fr)) !important; min-height:690px !important; height:calc(100vh - 110px - 14px * (var(--atlas-type-scale) - 1)) !important; row-gap:10px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] { grid-row:3 / 5 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] { grid-row:3 / 5 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] { grid-row:5 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] { grid-row:5 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] { grid-row:6 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] { grid-row:6 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] { grid-row:7 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] { grid-row:7 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] { grid-row:8 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] { grid-row:8 !important; min-height:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon { grid-row:2 / 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { grid-row:4 / 9 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours { grid-row:2 / 9 !important; } } @media (orientation: portrait), (max-width: 1150px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDisplay { padding: 12px 16px !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) 170px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestControls { top: 12px !important; right: 16px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton { min-width: 76px !important; padding: 8px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-columns: repeat(12,minmax(0,1fr)) !important; grid-template-rows: 46px minmax(146px,auto) repeat(2,minmax(88px,auto)) minmax(220px,auto) minmax(360px,1fr) minmax(99px,auto) minmax(114px,auto) !important; gap: 7px !important; height: auto !important; min-height: calc(100vh - 110px - 14px * (var(--atlas-type-scale) - 1)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] { grid-column: 1 / -1 !important; grid-row: 2 !important; min-height: 146px !important; padding: 12px 16px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] strong { font-size: calc(84px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] { grid-column: 1 / 5 !important; grid-row: 3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] { grid-column: 5 / 9 !important; grid-row: 3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] { grid-column: 9 / 13 !important; grid-row: 3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] { grid-column: 1 / 5 !important; grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] { grid-column: 5 / 9 !important; grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] { grid-column: 9 / 13 !important; grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] { grid-column: 1 / 4 !important; grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] { grid-column: 4 / 7 !important; grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] { grid-column: 7 / 10 !important; grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] { grid-column: 10 / 13 !important; grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon { grid-column: 1 / -1 !important; grid-row: 5 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { grid-column: 1 / -1 !important; grid-row: 6 !important; min-height: 360px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours { grid-column: 1 / -1 !important; grid-row: 8 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHourTrack { grid-template-columns: repeat(5,minmax(0,1fr)) !important; grid-template-rows: auto !important; gap: 0 !important; background: #10222f !important; border-radius: 14px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day { border-radius: 0 !important; border-width: 0 0 0 1px !important; background: none !important; padding: 10px 8px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps { font-size: calc(22px * var(--atlas-type-scale)) !important; padding-left: 29px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-map { bottom: 64px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-control--loop, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-playback { height: 44px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-step, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed-option, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber { height: 44px !important; } } /* Larger weather type grows with the display, rather than leaving tiny readouts in oversized cards. Explicit tiers also work in Chromium 85. */ @media (min-width:1000px) and (min-height:1500px), (min-width:1800px) and (min-height:1000px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) { --atlas-type-scale:1.25; } } @media (min-width:1400px) and (min-height:2400px), (min-width:2500px) and (min-height:1400px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) { --atlas-type-scale:1.6; } } @media (min-width:2000px) and (min-height:3000px), (min-width:3500px) and (min-height:1900px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) { --atlas-type-scale:2; } } @media (orientation:portrait) and (min-width:1000px) and (min-height:1500px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-rows:44px minmax(180px,.8fr) repeat(2,minmax(110px,.5fr)) minmax(280px,1.2fr) minmax(360px,3fr) minmax(130px,.6fr) minmax(150px,.7fr) !important; } } @media (max-width: 700px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDisplay { grid-template-columns: minmax(0,1fr) 180px !important; gap: 10px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-name { font-size: calc(20px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-location-block { grid-column: 1 / -1 !important; grid-row: 2 !important; align-items: flex-start !important; text-align: left !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-row: 3 !important; grid-template-rows: auto auto repeat(3,auto) minmax(240px,auto) minmax(340px,auto) auto auto auto !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHeaderVersion, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPresence { grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] { grid-column: 1 / 7 !important; grid-row: 3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] { grid-column: 7 / 13 !important; grid-row: 3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] { grid-column: 1 / 7 !important; grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] { grid-column: 7 / 13 !important; grid-row: 4 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] { grid-column: 1 / 7 !important; grid-row: 5 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] { grid-column: 7 / 13 !important; grid-row: 5 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] { grid-column: 1 / 7 !important; grid-row: 8 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] { grid-column: 7 / 13 !important; grid-row: 8 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] { grid-column: 1 / 7 !important; grid-row: 9 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] { grid-column: 7 / 13 !important; grid-row: 9 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon { grid-row: 6 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { grid-row: 7 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours { grid-row: 10 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHourTrack { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] strong { font-size: calc(60px * var(--atlas-type-scale)) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card-trailing { grid-template-columns: auto minmax(0,1fr) !important; } } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog:not([hidden]) { display:flex; position:fixed; inset:0; z-index:14000; background:#02090fe8; padding:24px; align-items:center; justify-content:center; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog[hidden] { display:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog-panel { background:#10222f; color:#f3f7fa; border:1px solid #38515f; border-radius:16px; width:100%; max-width:1000px; max-height:calc(100vh - 48px); overflow:auto; padding:20px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog-panel > header { display:flex; justify-content:space-between; align-items:center; position:sticky; top:-20px; background:#10222f; z-index:3; padding:8px 0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog-panel h2 { font:600 calc(20px * var(--atlas-type-scale))/1.3 Arial; margin:0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog button { min-width:44px; min-height:44px; border:1px solid #3b6175; border-radius:8px; padding:8px 12px; background:#173440; color:#f3f7fa; cursor:pointer; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog button[aria-pressed="true"] { border-color:#78cdef; background:#235264; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog .mytempest-phone-horizons { display:flex; gap:8px; margin:12px 0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPhoneChart svg { width:100%; max-height:360px; fill:#b6cdd7; font:calc(12px * var(--atlas-type-scale)) Arial; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPhoneHour { width:100%; min-height:44px; accent-color:#78cdef; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog summary { cursor:pointer; padding:14px 0; min-height:44px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPhoneHourData { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPhoneHourData > div { display:flex; flex-direction:column; gap:6px; border:1px solid #29404e; border-radius:10px; padding:12px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPhoneHourData span { color:#aec3d0; font-size:calc(12px * var(--atlas-type-scale)); } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded { position:fixed !important; top:16px !important; right:16px !important; bottom:16px !important; left:16px !important; width:auto !important; height:auto !important; z-index:13000 !important; box-shadow:0 0 0 50vw #02090fe8 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-map { top:48px !important; bottom:76px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-controls { height:48px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-control { width:48px !important; height:48px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-playback { height:48px !important; left:62px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-step, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-speed-option { width:44px !important; height:44px !important; } body.mytempest-atlas.mytempest-atlas-radar-open, body.mytempest-atlas.mytempest-atlas-forecast-open { overflow:hidden !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:6px 10px 0; min-height:36px; flex-shrink:0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head h2 { font:600 calc(15px * var(--atlas-type-scale))/1.3 Arial; margin:0 auto 0 0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head > span { font:400 calc(10px * var(--atlas-type-scale))/1.3 Arial; color:#aec3d0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head > button { border:0; background:none; color:#aec3d0; min-height:44px; min-width:44px; cursor:pointer; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-chart { display:block; width:100%; height:auto; min-height:0; flex:1; overflow:visible; cursor:crosshair; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison { min-height:24px; flex-shrink:0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-apparent-line { display:none; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="heat-drying-risk"] > strong, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="visibility-sky"] > strong { font-size:calc(20px * var(--atlas-type-scale)) !important; max-width:100% !important; padding-right:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="heat-drying-risk"] .mytempest-phone-card-graphic, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="visibility-sky"] .mytempest-phone-card-graphic { top:8px !important; width:20px !important; height:20px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-apparent-line.is-visible { display:block; } body.mytempest-atlas .atlas-history-select { display:flex; gap:12px; align-items:center; margin:12px 0; } body.mytempest-atlas .atlas-history-select select { min-height:44px; background:#173440; color:#f3f7fa; border:1px solid #608393; border-radius:8px; padding:8px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .mytempest-data-card strong.atlas-text-value { font-size:calc(18px * var(--atlas-type-scale)) !important; line-height:calc(20px * var(--atlas-type-scale)) !important; max-width:100% !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-chart { height:0 !important; min-height:130px !important; flex:1 1 0px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] .mytempest-phone-card-graphic { top:8px !important; width:20px !important; height:20px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer { grid-column:1 / -1; grid-row:3; display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; min-width:0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHealth { display:flex !important; position:static !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; font:400 calc(10px * var(--atlas-type-scale))/1.4 system-ui !important; color:var(--atlas-muted) !important; gap:5px !important; flex:1; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-backdrop:not([hidden]) { position:fixed; inset:0; z-index:12999; background:#02090fe8; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-backdrop[hidden] { display:none; } @media (max-width:700px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer { grid-row:4; } } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-readout { min-height:0 !important; height:auto !important; gap:4px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-precip, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps { margin:0 !important; min-height:0 !important; position:static !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day { gap:4px !important; } /* Approved ticker hierarchy and discoverable hourly inspection. */ body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestTickerToggle { display:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestAlertCenterToggle { order:-1; display:flex !important; align-items:center; gap:8px; width:auto !important; min-width:0 !important; padding:0 12px 0 3px !important; background:transparent !important; color:#efc378 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-alert-center-symbol { display:flex !important; align-items:center; justify-content:center; font-size:20px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-alert-center-count { position:static !important; display:block !important; min-width:0 !important; width:auto !important; height:auto !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:inherit !important; font:700 calc(13px * var(--atlas-type-scale))/1.2 Arial !important; white-space:nowrap; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:2px 10px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison > button { padding:4px 0; border:0; background:transparent; color:#aec3d0; font:inherit; cursor:pointer; min-height:28px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison > button:focus-visible { outline:2px solid #78cdef; outline-offset:2px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-next-card:hover .mytempest-ticker-track { animation-play-state:running; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item-badge { border:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important; border-radius:0 !important; font-weight:700 !important; font-size:inherit !important; color:#c4d6df !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item[data-alert="true"] .mytempest-ticker-item-badge { color:#f7c475 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison { padding:2px 12px; border-top:1px solid #30434f; background:#0c202b; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insights { border:0 !important; padding:4px 0 !important; background:transparent !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item-badge { text-transform:none !important; letter-spacing:normal !important; } /* Portrait reference: four-row instruments and explicit daily space. */ body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument { display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto auto auto auto !important; align-content:center !important; gap:2px !important; min-height:calc(96px * var(--atlas-type-scale)) !important; padding:10px 12px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-title { font:400 calc(13px * var(--atlas-type-scale))/1.2 Arial,Helvetica,sans-serif !important; max-width:calc(100% - 22px) !important; white-space:nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-reading { display:block !important; font:600 calc(28px * var(--atlas-type-scale))/1.05 Arial,Helvetica,sans-serif !important; letter-spacing:-.5px !important; padding-right:32px !important; white-space:nowrap !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-reading.atlas-text-value { font-size:calc(17px * var(--atlas-type-scale)) !important; letter-spacing:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument .atlas-card-unit { font:400 calc(11px * var(--atlas-type-scale))/1.2 Arial,Helvetica,sans-serif !important; letter-spacing:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-detail, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-source { font:400 calc(10.5px * var(--atlas-type-scale))/1.3 Arial,Helvetica,sans-serif !important; white-space:nowrap !important; max-width:100% !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument *, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day * { text-shadow:none !important; -webkit-text-stroke:0 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument .mytempest-phone-card-graphic { top:30px !important; right:10px !important; width:28px !important; height:28px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-card-history { position:absolute; top:6px; right:10px; color:#8faebc; font:400 11.25px/1 Arial; pointer-events:none; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-observed { right:44px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-card-history { top:10px; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton { width:44px !important; min-width:44px !important; justify-content:center !important; padding:8px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton svg { flex-shrink:0; color:#aec3d0; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPlace { font-family:Arial,Helvetica,sans-serif !important; font-weight:600 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestClock { font-family:Arial,Helvetica,sans-serif !important; font-weight:400 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-run { font-family:Arial,Helvetica,sans-serif !important; font-weight:400 !important; text-shadow:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day { min-height:calc(140px * var(--atlas-type-scale)) !important; display:grid !important; grid-template-rows:auto auto minmax(calc(27px * var(--atlas-type-scale)),1fr) auto !important; align-content:start !important; gap:6px !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-readout { display:contents !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps { font-weight:600 !important; text-shadow:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy { align-self:start; line-height:1.3 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy > span { font:inherit !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-precip { align-self:end; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison > button { font:400 calc(10px * var(--atlas-type-scale))/1.2 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-layers-toggle { width:auto !important; padding:0 10px !important; font:400 calc(12px * var(--atlas-type-scale))/1.2 Arial !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls { overflow:visible !important; z-index:30 !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers { position:absolute; top:calc(100% + 4px); right:0; width:210px; padding:6px; border:1px solid #456573; border-radius:12px; background:#10222f; box-shadow:0 8px 24px #0008; display:flex; flex-direction:column; gap:6px; z-index:40; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers[hidden] { display:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers > span { display:none; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .atlas-radar-layers .mytempest-radar-control, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers button, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers .mytempest-radar-control { display:block !important; position:static !important; width:100% !important; height:auto !important; min-height:44px !important; padding:10px 12px !important; font:400 14px/1.3 Arial !important; text-align:left; border:1px solid #345160 !important; border-radius:7px !important; background:#152f3d !important; color:#edf7fa !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers .mytempest-radar-control::before { content:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers button[aria-pressed="true"]::after { content:"✓"; float:right; color:#83dcc4; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar[data-atlas-temperatures="false"] .mytempest-radar-temp-marker:not(.mytempest-radar-station-value) { display:none !important; } @media (orientation:portrait), (max-width:1150px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-rows:46px minmax(146px,auto) repeat(2,minmax(calc(104px * var(--atlas-type-scale)),auto)) minmax(calc(200px * var(--atlas-type-scale)),auto) minmax(360px,1fr) minmax(calc(104px * var(--atlas-type-scale)),auto) minmax(calc(145px * var(--atlas-type-scale)),auto) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument[data-mytempest-metric-history="sun-moon"] .atlas-card-source { font-size:calc(9px * var(--atlas-type-scale)) !important; } } @media (max-width:700px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-rows:auto auto repeat(3,auto) minmax(220px,auto) minmax(340px,auto) auto auto auto !important; } } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-card-history { position:absolute !important; inset:auto 10px auto auto !important; top:6px !important; width:11.25px !important; height:11.25px !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; transform:none !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-copy, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-temps, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-day-precip { text-align:left !important; } @media (orientation:portrait) and (min-width:701px) and (min-height:1100px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { height:calc(100vh - 110px - 14px * (var(--atlas-type-scale) - 1)) !important; min-height:0 !important; grid-template-rows:44px minmax(calc(146px * var(--atlas-type-scale)),.75fr) repeat(2,minmax(calc(96px * var(--atlas-type-scale)),.48fr)) minmax(max(220px,calc(240px * var(--atlas-type-scale) - 20px)),1fr) minmax(260px,3fr) minmax(calc(96px * var(--atlas-type-scale)),.55fr) minmax(calc(140px * var(--atlas-type-scale)),.8fr) !important; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { min-height:260px !important; } } @media (orientation:landscape) and (min-width:1151px) { body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]) { grid-template-rows:44px calc(150px * var(--atlas-type-scale)) calc(82px * var(--atlas-type-scale)) 12px repeat(4,minmax(calc(96px * var(--atlas-type-scale)),1fr)) !important; min-height:calc(126px + 616px * var(--atlas-type-scale)) !important; } } /* Measured 10-inch reference. Coordinates come from myTempestAtlasGeometry; every length below is expressed in the same reference CSS-pixel unit. Branding uses the gap below its original position inside the fixed 44-unit header. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDisplay { display:block !important; height:var(--atlas-height) !important; min-height:var(--atlas-height) !important; padding:0 !important; background:radial-gradient(ellipse at 20% 0%,#17344070,transparent 54%),#08131d !important; font-family:Arial,Helvetica,sans-serif !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard:not([hidden]), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestDataDashboard:not([hidden]), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestMetrics, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-current { display:contents !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark { position:absolute !important; top:var(--atlas-header-y,var(--atlas-pad-y)) !important; left:var(--atlas-pad-x) !important; height:calc(44 * var(--atlas-unit)) !important; padding-left:calc(44 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-name { font:700 calc(28 * var(--atlas-unit))/1.2 Arial !important; letter-spacing:calc(-1 * var(--atlas-unit)) !important; text-shadow:none !important; transform:translateY(calc(3 * var(--atlas-unit))) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-wordmark-radar { width:calc(39 * var(--atlas-unit)) !important; height:calc(39 * var(--atlas-unit)) !important; top:calc(4.5 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-location-block { position:absolute !important; top:var(--atlas-header-y,var(--atlas-pad-y)) !important; right:calc(237 * var(--atlas-unit)) !important; left:auto !important; height:calc(44 * var(--atlas-unit)) !important; max-width:calc(100% - calc(520 * var(--atlas-unit))) !important; gap:calc(4 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPlace { font:700 calc(18 * var(--atlas-unit))/1.15 Arial !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestClock { font:400 calc(13 * var(--atlas-unit))/1.15 Arial !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestControls { top:var(--atlas-header-y,var(--atlas-pad-y)) !important; right:var(--atlas-pad-x) !important; gap:calc(5 * var(--atlas-unit)) !important; height:calc(44 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton { min-height:calc(44 * var(--atlas-unit)) !important; height:calc(44 * var(--atlas-unit)) !important; padding:0 calc(12 * var(--atlas-unit)) !important; font:400 calc(14 * var(--atlas-unit))/1.2 Arial !important; gap:calc(7 * var(--atlas-unit)) !important; border-radius:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton { width:calc(44 * var(--atlas-unit)) !important; min-width:calc(44 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton svg, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton svg { width:calc(18 * var(--atlas-unit)) !important; height:calc(18 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHistoryButton .atlas-history-word { display:inline !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestSetupButton { min-width:calc(87.59 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"], body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar:not(.mytempest-atlas-radar-expanded), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-next-card, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer { position:absolute !important; left:var(--slot-x) !important; top:var(--slot-y) !important; width:var(--slot-width) !important; height:var(--slot-height) !important; min-height:0 !important; max-height:none !important; min-width:0 !important; margin:0 !important; box-sizing:border-box !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer { display:flex !important; padding:0 !important; gap:calc(15 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHealth, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHeaderVersion, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestPresence { font:400 calc(10 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument { display:grid !important; grid-template-rows:calc(15 * var(--atlas-unit)) calc(28 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) !important; align-content:start !important; gap:0 !important; padding:calc(6 * var(--atlas-unit)) calc(12 * var(--atlas-unit)) !important; border:calc(1 * var(--atlas-unit)) solid #263e4c !important; border-radius:calc(13 * var(--atlas-unit)) !important; background:linear-gradient(120deg,var(--atlas-tint),#10222f 88%) !important; overflow:hidden !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument::before { content:'' !important; display:block !important; position:absolute !important; left:0 !important; top:calc(14 * var(--atlas-unit)) !important; height:calc(24 * var(--atlas-unit)) !important; width:calc(2 * var(--atlas-unit)) !important; background:var(--atlas-accent) !important; opacity:.9 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-title { font:400 calc(13 * var(--atlas-unit))/calc(15 * var(--atlas-unit)) Arial !important; color:#c8d8e2 !important; max-width:calc(100% - calc(20 * var(--atlas-unit))) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-reading { font:600 calc(26 * var(--atlas-unit))/calc(28 * var(--atlas-unit)) Arial !important; letter-spacing:calc(-.8 * var(--atlas-unit)) !important; padding:0 calc(29 * var(--atlas-unit)) 0 0 !important; margin:0 0 calc(1 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument .atlas-card-unit { font:400 calc(12 * var(--atlas-unit))/1.2 Arial !important; color:#aec3d0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-reading.atlas-text-value { font-size:calc(17 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-detail, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument > .atlas-card-source { font:400 calc(12 * var(--atlas-unit))/calc(14 * var(--atlas-unit)) Arial !important; color:#b2c7d4 !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument .mytempest-phone-card-graphic { position:absolute !important; right:calc(10 * var(--atlas-unit)) !important; top:calc(30 * var(--atlas-unit)) !important; width:calc(34 * var(--atlas-unit)) !important; height:calc(34 * var(--atlas-unit)) !important; opacity:.76 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-card-history { top:calc(6 * var(--atlas-unit)) !important; right:calc(10 * var(--atlas-unit)) !important; width:calc(9 * var(--atlas-unit)) !important; height:calc(10.125 * var(--atlas-unit)) !important; font:400 calc(10.125 * var(--atlas-unit))/1 Arial !important; color:#9ab5c5 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] { display:block !important; padding:calc(12 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) 0 !important; border:calc(1 * var(--atlas-unit)) solid #3b6175 !important; border-radius:calc(16 * var(--atlas-unit)) !important; background:linear-gradient(120deg,#1a4053,#142a38 85%) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"]::before { position:absolute !important; top:calc(15 * var(--atlas-unit)) !important; left:calc(14 * var(--atlas-unit)) !important; font:600 calc(11 * var(--atlas-unit))/calc(20 * var(--atlas-unit)) Arial !important; letter-spacing:calc(1.3 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"]::after { content:'' !important; display:block !important; position:absolute !important; left:calc(14 * var(--atlas-unit)) !important; top:0 !important; width:calc(54 * var(--atlas-unit)) !important; height:calc(2 * var(--atlas-unit)) !important; background:#78cdef !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-observed { top:calc(19 * var(--atlas-unit)) !important; right:calc(36 * var(--atlas-unit)) !important; font:400 calc(11 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-card-history { top:calc(15 * var(--atlas-unit)) !important; right:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { display:grid !important; position:absolute !important; left:calc(14 * var(--atlas-unit)) !important; top:calc(35 * var(--atlas-unit)) !important; right:calc(14 * var(--atlas-unit)) !important; width:auto !important; height:calc(86 * var(--atlas-unit)) !important; grid-template-columns:auto minmax(0,1fr) !important; grid-template-rows:repeat(3,auto) !important; column-gap:calc(10 * var(--atlas-unit)) !important; row-gap:calc(7 * var(--atlas-unit)) !important; align-content:center !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > strong { grid-column:1 !important; grid-row:1/4 !important; font:600 calc(76 * var(--atlas-unit))/1 Arial !important; letter-spacing:calc(-4 * var(--atlas-unit)) !important; align-self:center !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small:not(.mytempest-data-card-post-meta), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > em { grid-column:2 !important; font:400 calc(12 * var(--atlas-unit))/1.2 Arial !important; padding-right:calc(35 * var(--atlas-unit)) !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small.mytempest-data-card-now-condition:not(.mytempest-data-card-post-meta) { font:600 calc(15 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-post-meta { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-bottom { position:absolute !important; left:calc(14 * var(--atlas-unit)) !important; right:calc(14 * var(--atlas-unit)) !important; top:calc(121 * var(--atlas-unit)) !important; border-top:calc(1 * var(--atlas-unit)) solid #3b5665 !important; padding-top:calc(8 * var(--atlas-unit)) !important; display:flex !important; justify-content:space-between !important; font:400 calc(11 * var(--atlas-unit))/1.2 Arial !important; color:#bcd3df !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { position:absolute !important; width:calc(47 * var(--atlas-unit)) !important; height:calc(97 * var(--atlas-unit)) !important; right:calc(8 * var(--atlas-unit)) !important; top:calc(34 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon { --atlas-forecast-head-units:40; --atlas-forecast-footer-units:26; gap:0 !important; border:calc(1 * var(--atlas-unit)) solid #233a48 !important; border-radius:calc(16 * var(--atlas-unit)) !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; padding:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head { height:calc(var(--atlas-forecast-head-units) * var(--atlas-unit)) !important; min-height:calc(var(--atlas-forecast-head-units) * var(--atlas-unit)) !important; padding:calc(3 * var(--atlas-unit)) calc(10 * var(--atlas-unit)) calc(1 * var(--atlas-unit)) !important; gap:calc(6 * var(--atlas-unit)) !important; flex-wrap:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head h2 { font:600 calc(15 * var(--atlas-unit))/1.1 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head > span { font:400 calc(11 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head > button { width:calc(36 * var(--atlas-unit)) !important; min-width:calc(36 * var(--atlas-unit)) !important; min-height:calc(32 * var(--atlas-unit)) !important; padding:0 !important; font-size:calc(17 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-head [data-atlas-apparent] { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-chart { width:100% !important; min-height:0 !important; height:0 !important; flex:1 1 0 !important; padding:0 calc(7 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison { height:calc(var(--atlas-forecast-footer-units) * var(--atlas-unit)) !important; min-height:calc(var(--atlas-forecast-footer-units) * var(--atlas-unit)) !important; padding:calc(3 * var(--atlas-unit)) calc(10 * var(--atlas-unit)) !important; font:400 calc(10 * var(--atlas-unit))/1.2 Arial !important; flex-wrap:nowrap !important; gap:calc(6 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison > button { font:400 calc(10 * var(--atlas-unit))/1.2 Arial !important; min-height:0 !important; padding:0 !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insights, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insight { font:inherit !important; padding:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar { border:calc(1 * var(--atlas-unit)) solid #233a48 !important; border-radius:calc(16 * var(--atlas-unit)) !important; background:#0d1e29 !important; padding:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta { left:0 !important; top:0 !important; width:100% !important; min-height:0 !important; height:calc(36 * var(--atlas-unit)) !important; padding:0 calc(11 * var(--atlas-unit)) !important; display:flex !important; align-items:center !important; border-bottom:calc(1 * var(--atlas-unit)) solid #29404e !important; font-size:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta::before { content:'Radar nearby' !important; font:600 calc(14 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls { right:calc(10 * var(--atlas-unit)) !important; top:0 !important; height:calc(36 * var(--atlas-unit)) !important; gap:calc(1 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls > .mytempest-radar-control { width:calc(44 * var(--atlas-unit)) !important; min-width:calc(44 * var(--atlas-unit)) !important; height:calc(36 * var(--atlas-unit)) !important; min-height:calc(36 * var(--atlas-unit)) !important; padding:0 !important; font:400 calc(18 * var(--atlas-unit))/1 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls > .atlas-layers-toggle { font:400 calc(11 * var(--atlas-unit))/1 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-controls > .mytempest-radar-control::before { inset:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-map { top:calc(36 * var(--atlas-unit)) !important; bottom:calc(50 * var(--atlas-unit)) !important; left:0 !important; right:0 !important; width:auto !important; height:auto !important; border-radius:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-source-readout { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-control--loop { left:calc(8 * var(--atlas-unit)) !important; bottom:calc(18 * var(--atlas-unit)) !important; width:calc(44 * var(--atlas-unit)) !important; min-width:calc(44 * var(--atlas-unit)) !important; height:calc(32 * var(--atlas-unit)) !important; min-height:calc(32 * var(--atlas-unit)) !important; padding:calc(5 * var(--atlas-unit)) !important; border:0 !important; background:transparent !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-control--loop::before { inset:calc(4 * var(--atlas-unit)) calc(5 * var(--atlas-unit)) !important; background:#174140 !important; border:calc(1 * var(--atlas-unit)) solid #478b88 !important; border-radius:calc(6 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-playback { top:auto !important; bottom:calc(18 * var(--atlas-unit)) !important; left:calc(60 * var(--atlas-unit)) !important; right:calc(8 * var(--atlas-unit)) !important; height:calc(32 * var(--atlas-unit)) !important; gap:calc(8 * var(--atlas-unit)) !important; border:0 !important; padding:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-step { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber { height:calc(32 * var(--atlas-unit)) !important; min-height:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber::-webkit-slider-runnable-track { height:calc(3 * var(--atlas-unit)) !important; background:#4b777c !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber::-webkit-slider-thumb { width:calc(9 * var(--atlas-unit)) !important; height:calc(9 * var(--atlas-unit)) !important; margin-top:calc(-3 * var(--atlas-unit)) !important; background:#99dfd0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-frame-label { font:400 calc(10 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed { width:calc(44 * var(--atlas-unit)) !important; height:calc(32 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed-option { display:none !important; width:calc(44 * var(--atlas-unit)) !important; height:calc(32 * var(--atlas-unit)) !important; min-height:0 !important; font:400 calc(11 * var(--atlas-unit))/1 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-speed-option.is-active { display:block !important; border:calc(1 * var(--atlas-unit)) solid #426573 !important; border-radius:calc(6 * var(--atlas-unit)) !important; background:#172f3e !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-dbz-legend { left:calc(9 * var(--atlas-unit)) !important; bottom:calc(5 * var(--atlas-unit)) !important; min-height:0 !important; padding:0 !important; background:none !important; font:400 calc(8 * var(--atlas-unit))/1.2 Arial !important; gap:calc(3 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-attribution { right:calc(8 * var(--atlas-unit)) !important; bottom:calc(4 * var(--atlas-unit)) !important; left:auto !important; max-width:calc(100% - calc(175 * var(--atlas-unit))) !important; font:400 calc(8 * var(--atlas-unit))/1.2 Arial !important; padding:0 !important; text-align:right !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-dbz-legend i { width:calc(10 * var(--atlas-unit)) !important; height:calc(5 * var(--atlas-unit)) !important; box-shadow:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHourTrack { display:grid !important; height:100% !important; grid-template-columns:1fr !important; grid-template-rows:repeat(5,minmax(0,1fr)) !important; gap:calc(9 * var(--atlas-unit)) !important; padding:0 !important; background:none !important; border:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day { display:flex !important; flex-direction:column !important; justify-content:center !important; min-height:0 !important; height:auto !important; padding:calc(6 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) !important; gap:0 !important; border:calc(1 * var(--atlas-unit)) solid #2a4352 !important; border-radius:calc(14 * var(--atlas-unit)) !important; background:#10232f !important; overflow:hidden !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-topline, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-temps, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-precip { flex-shrink:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-topline .mytempest-hour-time { font:600 calc(14 * var(--atlas-unit))/1.15 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-date { font:400 calc(11 * var(--atlas-unit))/1.15 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-readout { display:contents !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-temps { display:flex !important; align-items:center !important; font:600 calc(27 * var(--atlas-unit))/calc(31 * var(--atlas-unit)) Arial !important; padding:0 0 0 calc(40 * var(--atlas-unit)) !important; margin:calc(8 * var(--atlas-unit)) 0 calc(6 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-temps small { font:400 calc(16 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-copy { font:400 calc(11 * var(--atlas-unit))/calc(14 * var(--atlas-unit)) Arial !important; height:auto !important; min-height:calc(25 * var(--atlas-unit)) !important; flex-shrink:0 !important; display:block !important; color:#c8d8e2 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-precip { font:400 calc(12 * var(--atlas-unit))/1.2 Arial !important; margin-top:calc(4 * var(--atlas-unit)) !important; align-self:auto !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-phone-day-icon { width:calc(31 * var(--atlas-unit)) !important; height:calc(31 * var(--atlas-unit)) !important; left:calc(14 * var(--atlas-unit)) !important; top:calc(39 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-scope { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-next-card { padding:0 calc(13 * var(--atlas-unit)) !important; border-radius:calc(12 * var(--atlas-unit)) !important; border:calc(1 * var(--atlas-unit)) solid #37454a !important; border-left:calc(3 * var(--atlas-unit)) solid #f3c775 !important; gap:calc(16 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestAlertCenterToggle { gap:calc(7 * var(--atlas-unit)) !important; padding:0 !important; position:relative !important; } /* Two slow, local pulses announce a new alert revision. The count and text stay readable; NEW remains until the update list is opened or items expire. */ body.mytempest-atlas #myTempestAlertCenterToggle[data-update-new="true"]::after { content:"NEW"; display:block; font:700 calc(9 * var(--atlas-unit))/1.2 Arial; letter-spacing:.04em; color:#f8d99b; border:1px solid #9b7f48; border-radius:3px; padding:2px 3px; } body.mytempest-atlas #myTempestAlertCenterToggle.is-update-pulsing::before { content:""; position:absolute; top:0; right:-5px; bottom:0; left:-5px; border-radius:5px; background:#f3c775; pointer-events:none; opacity:0; animation:mytempest-update-pulse 1.6s ease-in-out 2; } @keyframes mytempest-update-pulse { 0%,100% {opacity:0;} 45%,55% {opacity:.22;} } @media(prefers-reduced-motion:reduce) { body.mytempest-atlas #myTempestAlertCenterToggle.is-update-pulsing::before {animation:none; opacity:0;} } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-alert-center-count { font:600 calc(13 * var(--atlas-unit))/1.2 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-alert-center-symbol { font-size:calc(17 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-run { font:400 calc(13 * var(--atlas-unit))/1.3 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers { top:100% !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers .mytempest-radar-control, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-radar-layers button { min-height:44px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-map { top:48px !important; bottom:64px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-control--loop, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-playback { bottom:18px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-controls { height:48px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-controls > .mytempest-radar-control { height:48px !important; width:48px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar.mytempest-atlas-radar-expanded .mytempest-radar-meta { height:48px !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-atlas-dialog [data-atlas-apparent] { display:inline-flex !important; } /* Portrait uses the measured three-column instruments and four-column environment. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-wordmark { padding-left:calc(38 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-wordmark-name { font-size:calc(25.5 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-wordmark-radar { width:calc(34 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-location-block { right:calc(157.36 * var(--atlas-unit)) !important; max-width:calc(100% - calc(390 * var(--atlas-unit))) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestPlace { font-size:calc(17 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestClock { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHistoryButton { width:calc(44 * var(--atlas-unit)) !important; min-width:calc(44 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHistoryButton .atlas-history-word { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestSetupButton { min-width:calc(78.36 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHistoryButton, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestSetupButton { font-size:calc(12 * var(--atlas-unit)) !important; padding:0 calc(10 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument { grid-template-rows:calc(15 * var(--atlas-unit)) calc(30 * var(--atlas-unit)) calc(13 * var(--atlas-unit)) calc(13 * var(--atlas-unit)) !important; padding:calc(6 * var(--atlas-unit)) calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument > .atlas-card-reading { font-size:calc(28 * var(--atlas-unit)) !important; line-height:calc(28 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument > .atlas-card-detail, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument > .atlas-card-source { font-size:calc(11 * var(--atlas-unit)) !important; line-height:calc(13 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument .mytempest-phone-card-graphic { width:calc(32 * var(--atlas-unit)) !important; height:calc(32 * var(--atlas-unit)) !important; top:calc(25 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument.atlas-environment { padding:calc(10 * var(--atlas-unit)) !important; grid-template-rows:calc(16 * var(--atlas-unit)) calc(34 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment > .atlas-card-title { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment > .atlas-card-reading { font-size:calc(25 * var(--atlas-unit)) !important; line-height:calc(29 * var(--atlas-unit)) !important; padding-right:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment .atlas-card-unit { font-size:calc(10 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment > .atlas-card-detail, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment > .atlas-card-source { font-size:calc(10 * var(--atlas-unit)) !important; line-height:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-environment .mytempest-phone-card-graphic { width:calc(24 * var(--atlas-unit)) !important; height:calc(24 * var(--atlas-unit)) !important; top:calc(31 * var(--atlas-unit)) !important; right:calc(9 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-metric-history="sun-moon"] > .atlas-card-reading { font-size:calc(22 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-metric-history="sun-moon"] > .atlas-card-source { font-size:calc(9 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] { padding:calc(11 * var(--atlas-unit)) calc(16 * var(--atlas-unit)) 0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"]::before { font-size:calc(12 * var(--atlas-unit)) !important; top:calc(14 * var(--atlas-unit)) !important; left:calc(16 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { left:calc(16 * var(--atlas-unit)) !important; right:calc(16 * var(--atlas-unit)) !important; top:calc(35 * var(--atlas-unit)) !important; height:calc(87 * var(--atlas-unit)) !important; column-gap:calc(24 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > strong { font-size:calc(84 * var(--atlas-unit)) !important; letter-spacing:calc(-5 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small:not(.mytempest-data-card-post-meta), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > em { font-size:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small.mytempest-data-card-now-condition:not(.mytempest-data-card-post-meta) { font-size:calc(18 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-observed { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-bottom { top:calc(121 * var(--atlas-unit)) !important; left:calc(16 * var(--atlas-unit)) !important; right:calc(16 * var(--atlas-unit)) !important; padding-top:calc(7 * var(--atlas-unit)) !important; font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { width:calc(55 * var(--atlas-unit)) !important; height:calc(103 * var(--atlas-unit)) !important; right:calc(21 * var(--atlas-unit)) !important; top:calc(32 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestForecastRibbon { --atlas-forecast-head-units:32; --atlas-forecast-footer-units:22; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-forecast-head { height:calc(32 * var(--atlas-unit)) !important; min-height:calc(32 * var(--atlas-unit)) !important; padding:0 calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-forecast-head h2 { font-size:calc(16 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-forecast-head > span { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-forecast-comparison { height:calc(22 * var(--atlas-unit)) !important; min-height:calc(22 * var(--atlas-unit)) !important; font-size:calc(11 * var(--atlas-unit)) !important; padding:calc(3 * var(--atlas-unit)) calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-forecast-comparison > button { font-size:calc(9 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-map { bottom:calc(54 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-control--loop, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-playback, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-speed, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-speed-option { height:calc(36 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-radar-dbz-legend { font-size:calc(9 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHourTrack { grid-template-columns:repeat(5,minmax(0,1fr)) !important; grid-template-rows:1fr !important; gap:0 !important; padding:calc(8 * var(--atlas-unit)) 0 !important; border:calc(1 * var(--atlas-unit)) solid #233a48 !important; border-radius:calc(16 * var(--atlas-unit)) !important; background:#10232f !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day { display:block !important; padding:0 calc(12 * var(--atlas-unit)) !important; border-radius:0 !important; background:none !important; border:0 !important; border-left:calc(1 * var(--atlas-unit)) solid #2a404d !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day:first-child { border:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day-date { font-size:calc(10 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day-temps { display:block !important; margin:calc(6 * var(--atlas-unit)) 0 calc(4 * var(--atlas-unit)) !important; padding-left:calc(37 * var(--atlas-unit)) !important; font-size:calc(23 * var(--atlas-unit)) !important; line-height:calc(28 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day-temps small { font-size:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day-copy { height:auto !important; min-height:calc(26 * var(--atlas-unit)) !important; font-size:calc(11 * var(--atlas-unit)) !important; line-height:calc(13 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-phone-day-icon { width:calc(30 * var(--atlas-unit)) !important; height:calc(30 * var(--atlas-unit)) !important; left:calc(12 * var(--atlas-unit)) !important; top:calc(23 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHours .mytempest-day-precip { margin:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-ticker-run { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-ticker-item { display:inline-flex !important; flex:0 0 auto !important; flex-wrap:nowrap !important; white-space:nowrap !important; gap:calc(6 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-ticker-item-copy { font-size:calc(11 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-alert-center-count { font-size:calc(11 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHealth, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestHeaderVersion, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestPresence { font-size:calc(9 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] .mytempest-location-block { left:var(--atlas-pad-x) !important; right:auto !important; top:calc(var(--atlas-header-y,var(--atlas-pad-y)) + 44 * var(--atlas-unit)) !important; max-width:100% !important; height:calc(36 * var(--atlas-unit)) !important; gap:calc(2 * var(--atlas-unit)) !important; align-items:flex-start !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestHourTrack { grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-rows:repeat(2,minmax(0,1fr)) !important; row-gap:calc(7 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] .mytempest-wordmark-name { font-size:calc(23 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > strong { font-size:calc(66 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { column-gap:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small:not(.mytempest-data-card-post-meta), body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > em { font-size:calc(11 * var(--atlas-unit)) !important; padding-right:calc(26 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > small.mytempest-data-card-now-condition:not(.mytempest-data-card-post-meta) { font-size:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-summary-temp, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-summary-rain { display:inline-block !important; width:calc(6 * var(--atlas-unit)) !important; height:calc(6 * var(--atlas-unit)) !important; border-radius:50% !important; background:#ffb385 !important; margin:0 calc(4 * var(--atlas-unit)) 0 calc(8 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-summary-rain { background:#78cdef !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-phone-day-icon { color:#f7cf7c !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta { max-width:calc(100% - calc(240 * var(--atlas-unit))) !important; overflow:visible !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta > * { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-scrubber { appearance:none !important; -webkit-appearance:none !important; background:transparent !important; border:0 !important; box-shadow:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-dbz-legend { height:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-chart { font:12px Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insight strong, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insight small { font:inherit !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-bottom { width:auto !important; max-width:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours .mytempest-day-temps { justify-content:flex-start !important; gap:calc(7 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-viewport { display:flex !important; align-items:center !important; height:100% !important; flex:1 !important; min-width:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-track { align-items:center !important; height:100% !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-run { display:flex !important; align-items:center !important; height:100% !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item { align-items:center !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-next-change { position:relative !important; display:flex !important; flex:none !important; align-items:center !important; gap:calc(8 * var(--atlas-unit)) !important; width:calc(244 * var(--atlas-unit)) !important; height:100% !important; border:0 !important; background:transparent !important; padding:0 calc(16 * var(--atlas-unit)) 0 0 !important; color:#aec3d0 !important; font:400 calc(13 * var(--atlas-unit))/1.2 Arial !important; text-align:left !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-next-change > span { color:#78cdef !important; white-space:nowrap !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-next-change small { font:inherit !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-next-change i { position:absolute !important; right:0 !important; font:400 calc(24 * var(--atlas-unit))/1 Arial !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-next-change { display:grid !important; grid-template-rows:auto auto !important; align-content:center !important; width:calc(138 * var(--atlas-unit)) !important; gap:calc(4 * var(--atlas-unit)) !important; font-size:calc(11 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .atlas-next-change > span { font-size:calc(12 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] .atlas-next-change { display:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument.atlas-environment > .atlas-card-reading.atlas-text-value { font-size:calc(15 * var(--atlas-unit)) !important; letter-spacing:0 !important; padding-right:calc(20 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours { display:block !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHourTrack { min-height:100% !important; max-height:none !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-hero-degree { font-size:65% !important; line-height:1 !important; vertical-align:top !important; letter-spacing:calc(-2 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard .atlas-instrument > .atlas-card-reading.atlas-text-value { font-size:calc(15 * var(--atlas-unit)) !important; letter-spacing:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] .mytempest-location-block { overflow:visible !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b)[data-atlas-layout="compact"] #myTempestClock { margin-top:0 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] { --atlas-tint:#1e3848 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] { --atlas-tint:#2e3838 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] { --atlas-tint:#1e3940 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] { --atlas-tint:#2e343a !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] { --atlas-tint:#1d3944 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] { --atlas-tint:#263449 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] { --atlas-tint:#2e393a !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] { --atlas-tint:#1e3940 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] { --atlas-tint:#213845 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] { --atlas-tint:#2e393a !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-next-card {--slot-x:var(--atlas-ticker-x); --slot-y:var(--atlas-ticker-y); --slot-width:var(--atlas-ticker-width); --slot-height:var(--atlas-ticker-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestForecastRibbon {--slot-x:var(--atlas-forecast-x); --slot-y:var(--atlas-forecast-y); --slot-width:var(--atlas-forecast-width); --slot-height:var(--atlas-forecast-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestRadar {--slot-x:var(--atlas-radar-x); --slot-y:var(--atlas-radar-y); --slot-width:var(--atlas-radar-width); --slot-height:var(--atlas-radar-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestHours {--slot-x:var(--atlas-daily-x); --slot-y:var(--atlas-daily-y); --slot-width:var(--atlas-daily-width); --slot-height:var(--atlas-daily-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer {--slot-x:var(--atlas-footer-x); --slot-y:var(--atlas-footer-y); --slot-width:var(--atlas-footer-width); --slot-height:var(--atlas-footer-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="now"] {--slot-x:var(--atlas-now-x); --slot-y:var(--atlas-now-y); --slot-width:var(--atlas-now-width); --slot-height:var(--atlas-now-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="rain-truth"] {--slot-x:var(--atlas-rain-truth-x); --slot-y:var(--atlas-rain-truth-y); --slot-width:var(--atlas-rain-truth-width); --slot-height:var(--atlas-rain-truth-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="lightning-event"] {--slot-x:var(--atlas-lightning-event-x); --slot-y:var(--atlas-lightning-event-y); --slot-width:var(--atlas-lightning-event-width); --slot-height:var(--atlas-lightning-event-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="wind"] {--slot-x:var(--atlas-wind-x); --slot-y:var(--atlas-wind-y); --slot-width:var(--atlas-wind-width); --slot-height:var(--atlas-wind-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="heat-drying-risk"] {--slot-x:var(--atlas-heat-drying-risk-x); --slot-y:var(--atlas-heat-drying-risk-y); --slot-width:var(--atlas-heat-drying-risk-width); --slot-height:var(--atlas-heat-drying-risk-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="humidity"] {--slot-x:var(--atlas-humidity-x); --slot-y:var(--atlas-humidity-y); --slot-width:var(--atlas-humidity-width); --slot-height:var(--atlas-humidity-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="pressure"] {--slot-x:var(--atlas-pressure-x); --slot-y:var(--atlas-pressure-y); --slot-width:var(--atlas-pressure-width); --slot-height:var(--atlas-pressure-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="sun-moon"] {--slot-x:var(--atlas-sun-moon-x); --slot-y:var(--atlas-sun-moon-y); --slot-width:var(--atlas-sun-moon-width); --slot-height:var(--atlas-sun-moon-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="air-quality"] {--slot-x:var(--atlas-air-quality-x); --slot-y:var(--atlas-air-quality-y); --slot-width:var(--atlas-air-quality-width); --slot-height:var(--atlas-air-quality-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="visibility-sky"] {--slot-x:var(--atlas-visibility-sky-x); --slot-y:var(--atlas-visibility-sky-y); --slot-width:var(--atlas-visibility-sky-width); --slot-height:var(--atlas-visibility-sky-height);} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-metric-history="uv-solar"] {--slot-x:var(--atlas-uv-solar-x); --slot-y:var(--atlas-uv-solar-y); --slot-width:var(--atlas-uv-solar-width); --slot-height:var(--atlas-uv-solar-height);} /* Detail fidelity: keep the reference geometry while restoring its hierarchy. */ body.mytempest-atlas[data-atlas-layout] .atlas-forecast-subtitle {display:block; margin-top:calc(1 * var(--atlas-unit)); font:400 calc(12 * var(--atlas-unit))/1.1 Arial; color:#b5c7d2;} body.mytempest-atlas[data-atlas-layout]:not([data-atlas-layout="landscape"]) .atlas-forecast-subtitle {display:none;} body.mytempest-atlas[data-atlas-layout] .atlas-footer-credit {margin-right:auto; white-space:nowrap;} body.mytempest-atlas[data-atlas-layout] .atlas-footer-hint {color:#b5c7d2; margin-right:auto;} body.mytempest-atlas[data-atlas-layout]:not([data-atlas-layout="landscape"]) .atlas-footer-hint {display:none;} @media(max-width:1100px){body.mytempest-atlas[data-atlas-layout] .atlas-footer-hint {display:none;}} body.mytempest-atlas[data-atlas-layout] .atlas-expand-icon {width:calc(15 * var(--atlas-unit)); height:calc(15 * var(--atlas-unit)); color:#91adbb; vertical-align:middle;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insight strong {color:#d8e5ee !important; font-weight:600 !important;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-forecast-comparison .mytempest-observation-insight small {color:#ffb385 !important;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .atlas-status-footer {font:400 calc(10 * var(--atlas-unit))/1.2 Arial !important; color:#a9c0ce !important; flex-wrap:nowrap !important;} body.mytempest-atlas[data-atlas-layout] .atlas-radar-duration {font:400 calc(10 * var(--atlas-unit))/1.2 Arial; color:#b5c7d2; white-space:nowrap; flex-shrink:0;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-radar-meta {max-width:100% !important;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-location-block {right:calc(186.44 * var(--atlas-unit)) !important;} body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) .mytempest-location-block {right:calc(157.36 * var(--atlas-unit)) !important;} /* Keep the moving feed on one baseline at every Atlas viewport. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item { display:inline-flex !important; flex:0 0 auto !important; flex-wrap:nowrap !important; white-space:nowrap !important; gap:calc(6 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) .mytempest-ticker-item-copy { font-size:inherit !important; line-height:inherit !important; white-space:nowrap !important; } /* The thermometer follows the weather text in a third intrinsic grid column, so wide cards add breathing room to the right instead of separating it. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { right:calc(18 * var(--atlas-unit)) !important; grid-template-columns:auto minmax(0,max-content) auto !important; justify-content:start !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { position:static !important; grid-column:3 !important; grid-row:1 / 4 !important; align-self:center !important; margin:0 !important; } /* Keep Now copy compact independently of the spanning thermometer. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing { grid-template-rows:minmax(0,1fr) !important; z-index:1 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-data-card-trailing > strong, body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { grid-row:1 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-copy { grid-column:2 !important; grid-row:1 !important; align-self:center !important; display:flex !important; flex-direction:column !important; gap:calc(4 * var(--atlas-unit)) !important; min-width:0 !important; padding-right:calc(10 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-copy > * { margin:0 !important; padding:0 !important; font:400 calc(12 * var(--atlas-unit))/1.2 Arial !important; white-space:normal !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-copy > .mytempest-data-card-now-condition { font-size:calc(15 * var(--atlas-unit)) !important; font-weight:600 !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-copy > * { font-size:calc(14 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b):not([data-atlas-layout="landscape"]) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-copy > .mytempest-data-card-now-condition { font-size:calc(18 * var(--atlas-unit)) !important; } body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .atlas-now-bottom { z-index:0 !important; } /* Clear the footer rule with the whole bulb at either display orientation. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { transform:translateY(calc(-12 * var(--atlas-unit))) !important; } body.mytempest-atlas[data-atlas-layout="landscape"]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard [data-mytempest-data-card="now"] .mytempest-atlas-thermometer { height:calc(82 * var(--atlas-unit)) !important; transform:translateY(calc(-4 * var(--atlas-unit))) !important; } /* Rain provenance must remain readable when sources differ or readings age. */ body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument[data-mytempest-data-card="rain-truth"] > .atlas-card-detail, body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument[data-mytempest-data-card="rain-truth"] > .atlas-card-source { white-space: normal !important; max-width: calc(100% - 38px) !important; overflow-wrap: break-word; } body.mytempest-atlas:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument[data-mytempest-data-card="rain-truth"] { grid-template-rows: repeat(4, min-content) !important; } /* Alert brightness overrides the normal muted instrument opacity. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument .mytempest-phone-card-graphic[data-lightning-level]:not([data-lightning-level="none"]) { opacity: 1 !important; } /* Family links reuse Setup controls and preserve the approved dashboard branding. */ .mytempest-family-access { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(170, 207, 236, .22); } .mytempest-family-device { display: grid; gap: 9px; margin-top: 14px; min-width: 0; } .mytempest-family-actions { display: flex; flex-wrap: wrap; gap: 8px; } .mytempest-family-url { width: 100%; min-width: 0; box-sizing: border-box; font-size: 12px; } .mytempest-shared-credit { position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; padding: 4px 10px; text-align: center; font: 11px/1.4 system-ui, sans-serif; color: #d8eaf7; background: #0b1c2e; } .mytempest-shared-credit a { color: inherit; text-decoration: underline; } .mytempest-shared-unavailable { position: fixed; inset: 0; z-index: 2147483646; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; text-align: center; color: #e4f1ff; background: #0b1c2e; font-family: system-ui, sans-serif; } .mytempest-shared-unavailable p { max-width: 480px; line-height: 1.6; } body.mytempest-phone .mytempest-shared-credit { position: static; padding: 3px 0 0; text-align: left; background: transparent; font-size: 11px; } .mytempest-beta-tag { display: inline-block; align-self: center; padding: 2px 7px; border: 1px solid rgba(79, 215, 232, .5); border-radius: 5px; color: #8be5ef; font-size: 11px; font-weight: 600; line-height: 1.4; } /* Setup has one scroll surface, including the space beside the card. Nested scrolling left mouse-wheel users on large displays over a dead backdrop. Auto margins center short forms but never place long forms above the top. */ body.mytempest-display-mode:not(#setup-layout-a):not(#setup-layout-b) #myTempestSetup:not([hidden]) { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; height: 100vh !important; height: 100dvh !important; bottom: auto !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; } body.mytempest-display-mode:not(#setup-layout-a):not(#setup-layout-b) #myTempestSetupForm { flex: 0 0 auto !important; min-width: 0 !important; max-height: none !important; overflow: visible !important; margin: auto !important; box-sizing: border-box !important; } /* Reuse the existing phone keyboard/visual viewport measurement. */ body.mytempest-display-mode.mytempest-phone:not(#setup-layout-a):not(#setup-layout-b) #myTempestSetup { top: var(--phone-dialog-top, 0px) !important; height: var(--phone-dialog-height, 100vh) !important; } /* Selected Tempest radar reading; shared across phone, tablet and desktop. */ #myTempestRadar .mytempest-radar-marker, body.mytempest-phone:not(#phone-layout-weight-a):not(#phone-layout-weight-b) #myTempestRadar .mytempest-radar-marker { -webkit-appearance: none; appearance: none; position: absolute; z-index: 5 !important; display: grid; place-items: center; width: 44px !important; height: 72px !important; max-height: 72px !important; min-width: 0; min-height: 72px !important; padding: 0; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #fff; font: inherit; box-shadow: none !important; transform: none !important; cursor: pointer; overflow: visible; touch-action: manipulation; pointer-events: auto; } /* The transparent target joins the raised label and exact station location. A light, compact label reveals echoes; only the digits receive a dark halo. */ #myTempestRadar .mytempest-radar-station-value { display: block !important; left: var(--station-label-x, 50%); top: auto; bottom: 29px; width: max-content; min-width: 36px; max-width: 66px; padding: 3px 5px; border: 1px solid rgba(235, 249, 245, .12); border-radius: 5px; background: rgba(3, 13, 18, .30); box-shadow: none; transform: translateX(-50%); color: #fff !important; pointer-events: auto; } #myTempestRadar .mytempest-radar-station-value .value { font-size: clamp(16px, 1.14rem, 20px); text-shadow: -1px -1px 0 #071018, 1px -1px 0 #071018, -1px 1px 0 #071018, 1px 1px 0 #071018; } #myTempestRadar .mytempest-radar-station-ring { position: absolute; left: 22px; top: 50px; width: 9px; height: 9px; box-sizing: border-box; transform: translate(-50%, -50%); border: 1.5px solid #fff; border-radius: 50%; background: transparent; box-shadow: 0 0 0 1px rgba(8, 22, 27, .85); pointer-events: none; } #myTempestRadar .mytempest-radar-marker[data-label-placement="below"] .mytempest-radar-station-value { top: 29px; bottom: auto; } #myTempestRadar .mytempest-radar-marker[data-label-placement="below"] .mytempest-radar-station-ring { top: 22px; } #myTempestRadar .mytempest-radar-marker[data-reading-state="stale"] .mytempest-radar-station-value { border-style: dashed; } #myTempestRadar .mytempest-radar-marker:focus-visible { outline: none; } #myTempestRadar .mytempest-radar-marker:focus-visible .mytempest-radar-station-value { outline: 2px solid #fff; outline-offset: 2px; } #myTempestRadar .mytempest-radar-station-detail { position: absolute; display: none; left: var(--station-detail-x); top: var(--station-detail-y); width: var(--station-detail-width); height: 80px; box-sizing: border-box; padding: 9px; border: 1px solid #91dcee; border-radius: 7px; background: #071d29; color: #f0fbff; font: 12px/1.5 Arial, sans-serif; text-align: left; pointer-events: none; } #myTempestRadar .mytempest-radar-marker[aria-expanded="true"] .mytempest-radar-station-detail { display: block; } #myTempestRadar .mytempest-radar-station-detail strong, #myTempestRadar .mytempest-radar-station-detail span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Tempest Now: current sky and solar/lunar context reuse the existing data clock. */ body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-body { position:absolute !important; inset:calc(35 * var(--atlas-unit,1px)) calc(16 * var(--atlas-unit,1px)) calc(27 * var(--atlas-unit,1px)) !important; display:grid !important; grid-template-columns:calc(210 * var(--atlas-unit,1px)) calc(90 * var(--atlas-unit,1px)) minmax(0,1fr) !important; grid-template-rows:calc(43 * var(--atlas-unit,1px)) calc(18 * var(--atlas-unit,1px)) calc(17 * var(--atlas-unit,1px)) !important; gap:calc(2 * var(--atlas-unit,1px)) calc(12 * var(--atlas-unit,1px)) !important; align-content:center !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-thermal { position:static !important; display:block !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; grid-column:1 !important; grid-row:1/4 !important; align-self:center !important; min-width:0 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-temperature { display:block !important; padding:0 !important; margin:0 !important; font:600 calc(94 * var(--atlas-unit,1px))/.92 Arial,sans-serif !important; letter-spacing:calc(-6 * var(--atlas-unit,1px)) !important; color:#deeffa !important; white-space:nowrap !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-temp-whole, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-temp-decimal { font:inherit !important; letter-spacing:inherit !important; color:inherit !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-temp-degree { font-size:.5em !important; line-height:1 !important; vertical-align:top !important; letter-spacing:-1px !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card[data-now-long-temp="true"] .mytempest-now-temperature { font-size:calc(78 * var(--atlas-unit,1px)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy.atlas-now-copy { grid-column:3 !important; grid-row:1 !important; align-self:center !important; min-width:0 !important; padding:0 !important; margin:0 !important; display:block !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy .mytempest-data-card-now-condition { font:600 calc(18 * var(--atlas-unit,1px))/1.15 Arial !important; color:#e5f3f8 !important; white-space:normal !important; padding:0 !important; margin:0 0 calc(4 * var(--atlas-unit,1px)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-phone-feels { font:400 calc(13 * var(--atlas-unit,1px))/1.25 Arial !important; color:#d5e8f1 !important; white-space:normal !important; margin:0 !important; padding:0 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-comfort { color:#acd5df !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels .now-comfort:before { content:' · '; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-phone-feels { display:none !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-astro { grid-column:3 !important; grid-row:2 !important; align-self:center !important; font:400 calc(13 * var(--atlas-unit,1px))/1.2 Arial !important; color:#ead6a6 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-solar-event, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-lunar-phase { white-space:nowrap; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-forecast { grid-column:3 !important; grid-row:3 !important; align-self:center !important; font:400 calc(12 * var(--atlas-unit,1px))/1.2 Arial !important; color:#adc3cf !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-forecast-values { white-space:nowrap !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art { grid-column:2 !important; grid-row:1/4 !important; align-self:center !important; justify-self:center !important; width:calc(86 * var(--atlas-unit,1px)) !important; height:calc(86 * var(--atlas-unit,1px)) !important; position:relative !important; padding:0 !important; margin:0 !important; pointer-events:none; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art > svg { width:100% !important; height:100% !important; display:block !important; overflow:visible !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-footer.atlas-now-bottom { top:auto !important; bottom:calc(5 * var(--atlas-unit,1px)) !important; left:calc(16 * var(--atlas-unit,1px)) !important; right:calc(16 * var(--atlas-unit,1px)) !important; padding-top:calc(6 * var(--atlas-unit,1px)) !important; font:400 calc(11 * var(--atlas-unit,1px))/1.2 Arial !important; gap:calc(8 * var(--atlas-unit,1px)) !important; color:#afc7d3 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-footer .mytempest-data-card-post-meta { display:inline !important; position:static !important; border:0 !important; padding:0 !important; margin:0 !important; font:inherit !important; color:inherit !important; white-space:nowrap !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-body { left:calc(14 * var(--atlas-unit)) !important; right:calc(14 * var(--atlas-unit)) !important; grid-template-columns:calc(178 * var(--atlas-unit)) minmax(0,1fr) calc(88 * var(--atlas-unit)) !important; column-gap:calc(8 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-temperature { font-size:calc(86 * var(--atlas-unit)) !important; letter-spacing:calc(-5 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card[data-now-long-temp="true"] .mytempest-now-temperature { font-size:calc(69 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy.atlas-now-copy { grid-column:2 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy .mytempest-data-card-now-condition { font-size:calc(15 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels { font-size:calc(12 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels .now-comfort { display:block !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels .now-comfort:before { content:none; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-astro, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-forecast { grid-column:2/4 !important; font-size:calc(11 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card .mytempest-now-art { grid-column:3 !important; grid-row:1/4 !important; width:calc(64 * var(--atlas-unit)) !important; height:calc(64 * var(--atlas-unit)) !important; transform:none !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card { --atlas-unit:1px; display:block !important; height:auto !important; min-height:0 !important; padding:12px !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-phone-now-heading { display:flex !important; flex-wrap:wrap !important; gap:4px 8px !important; justify-content:space-between !important; font:400 11px/1.3 Arial !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-body { position:static !important; display:grid !important; grid-template-columns:minmax(0,.95fr) minmax(0,1fr) !important; grid-template-rows:minmax(64px,auto) auto auto auto !important; gap:6px 12px !important; margin:10px 0 10px !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-thermal { position:static !important; display:contents !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; transform:none !important; grid-column:1 !important; grid-row:1/5 !important; align-self:center !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-temperature { grid-column:1 !important; grid-row:1 !important; align-self:center !important; font-size:clamp(62px,19vw,76px) !important; letter-spacing:-5px !important; line-height:.98 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card[data-now-long-temp="true"] .mytempest-now-temperature { font-size:clamp(48px,15vw,61px) !important; letter-spacing:-3px !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-phone-feels { display:block !important; grid-column:1 !important; grid-row:2 !important; align-self:start !important; margin-top:0 !important; font:400 12px/1.3 Arial !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-phone-feels > span { display:block !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-phone-feels .now-comfort { margin-top:3px !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy.atlas-now-copy { grid-column:2 !important; grid-row:2 !important; align-self:start !important; text-align:center !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-copy .mytempest-data-card-now-condition { font-size:15px !important; margin:0 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-feels { display:none !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-astro { grid-column:1/-1 !important; grid-row:3 !important; display:grid !important; grid-template-columns:minmax(0,.95fr) minmax(0,1fr) !important; gap:4px 12px !important; margin-top:6px !important; font-size:12px !important; line-height:1.3 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .now-solar-event, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .now-lunar-phase { display:block !important; white-space:normal !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .now-astro-separator { display:none !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-forecast { grid-column:1/-1 !important; grid-row:4 !important; font-size:11px !important; line-height:1.3 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-forecast > span { display:inline !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-art { grid-column:2 !important; grid-row:1 !important; width:72px !important; height:72px !important; transform:none !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-footer.atlas-now-bottom { display:flex !important; position:static !important; flex-direction:column !important; gap:4px !important; padding-top:7px !important; border-top:1px solid #3a5360 !important; font:400 11px/1.3 Arial !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-footer .mytempest-data-card-post-meta { white-space:normal !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .atlas-card-history { position:absolute !important; bottom:9px !important; right:10px !important; top:auto !important; font:12px Arial !important; color:#7998a9 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-sun { stroke:none; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-moon-dark { fill:#1b3040; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-moon-lit { fill:#d4dce0; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-stars { fill:#c7e3f1;stroke:#c7e3f1;stroke-width:1; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-cloud { stroke:none; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-rain { fill:none;stroke:#74c9f0;stroke-width:3;stroke-linecap:round; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-bolt { fill:#ffdc86; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-snow { fill:none;stroke:#d8ecf7;stroke-width:2;stroke-linecap:round; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-fog, body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-wind { fill:none;stroke:#accad9;stroke-width:3;stroke-linecap:round; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-sky-unknown { fill:none;stroke:#83a3b4;stroke-width:2; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-approved-sun{position:absolute;left:40%;top:8%;width:42%;height:42%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffecaf,#efb94e);box-shadow:0 0 24px 8px #efbb4420} body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-approved-cloud{position:absolute;left:8%;top:43%;width:80%;height:29%;border-radius:22px;background:linear-gradient(#dcecf3,#8baab9);box-shadow:0 7px 10px #08182528} body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-approved-cloud:before{content:'';position:absolute;left:16%;top:-55%;width:44%;height:128%;border-radius:50%;background:#d7e8f0} body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-approved-cloud:after{content:'';position:absolute;left:44%;top:-31%;width:43%;height:104%;border-radius:50%;background:linear-gradient(#cfe2ec,#a8c4d2)} body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .now-approved-cloud-front{position:absolute;left:0;top:63%;width:48%;height:16%;border-radius:20px;background:linear-gradient(#759aaa,#547b91);opacity:.70} /* Long observed condition phrases retain all text without changing the ordinary layout. */ body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card[data-now-long-condition="true"] .mytempest-now-body { grid-template-rows:calc(54 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) calc(14 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card[data-now-long-condition="true"] .mytempest-now-copy .mytempest-data-card-now-condition { font-size:calc(12 * var(--atlas-unit)) !important; line-height:1.1 !important; margin-bottom:calc(2 * var(--atlas-unit)) !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card[data-now-long-condition="true"] .mytempest-now-feels { font-size:calc(11 * var(--atlas-unit)) !important; line-height:1.1 !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-atlas[data-atlas-layout="landscape"] #myTempestBoard .mytempest-now-sky-card[data-now-long-condition="true"] .mytempest-now-art { transform:none !important; } /* Approved mobile context rows and optical centering of existing sky artwork. */ body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .now-lunar-phase { text-align:center !important; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="partly"][data-sky-time="day"] .now-approved-sun { left:46%; top:14.5%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="partly"][data-sky-time="day"] .now-approved-cloud { left:14%; top:49.5%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="partly"][data-sky-time="day"] .now-approved-cloud-front { left:6%; top:69.5%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="cloudy"] .now-approved-cloud { left:14%; top:40%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="cloudy"] .now-approved-cloud-front { left:6%; top:60%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="clear"][data-sky-time="day"] .now-approved-sun { left:11%; top:11%; width:78%; height:78%; } body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c) #myTempestBoard .mytempest-now-sky-card .mytempest-now-art[data-sky-kind="clear"][data-sky-time="night"] > svg[viewBox="0 0 80 80"] { transform:scale(1.08); } @media(max-width:350px) { body:not(#now-layout-a):not(#now-layout-b):not(#now-layout-c).mytempest-phone #myTempestBoard .mytempest-now-sky-card .mytempest-now-art { width:64px !important; height:64px !important; } } /* Keep tomorrow's lunar event readable in narrow Sun / Moon cards. */ body.mytempest-atlas[data-atlas-layout]:not(#atlas-layout-a):not(#atlas-layout-b) #myTempestBoard .atlas-instrument[data-mytempest-metric-history="sun-moon"] > .atlas-card-source { white-space: normal !important; overflow-wrap: anywhere; } /* Transient radar feedback also serves phone and legacy layouts. */ .mytempest-radar-period-status { position:absolute; top:calc(100% + 5px); left:0; width:230px; max-width:calc(100vw - 60px); padding:8px 10px; border:1px solid #456273; border-radius:7px; background:rgba(9,25,35,.96); color:#e0eff6; font:12px/1.4 Arial,sans-serif; pointer-events:none; } .mytempest-radar-period-status[hidden] { display:none !important; } /* Compact radar period switch. The painted surface stays 32px tall while coarse-pointer devices retain separate 44px-high touch targets. */ #myTempestRadar .mytempest-radar-period { --radar-period-hit-height: 28px; --radar-period-face-inset: 0px; box-sizing: border-box; width: 108px; display: flex; align-items: center; gap: 0; padding: 2px; border: 0; border-radius: 6px; background: transparent; isolation: isolate; } #myTempestRadar .mytempest-radar-period::before { content: ""; position: absolute; inset: var(--radar-period-face-inset) 0; border: 1px solid #456273; border-radius: 6px; background: rgba(9,25,35,.94); pointer-events: none; z-index: -1; } #myTempestRadar .mytempest-radar-period > button { position: relative; box-sizing: border-box; flex: 0 0 52px; width: 52px !important; min-width: 52px !important; height: var(--radar-period-hit-height) !important; min-height: var(--radar-period-hit-height) !important; margin: 0; padding: 0 6px !important; border: 0; border-radius: 4px; background: transparent !important; color: #c5d8e2; font: 600 12px/1.2 Arial, sans-serif !important; letter-spacing: normal; text-align: center; white-space: nowrap; touch-action: manipulation; isolation: isolate; } #myTempestRadar .mytempest-radar-period > button::before { content: ""; position: absolute; inset: var(--radar-period-face-inset) 0; border-radius: 4px; pointer-events: none; z-index: -1; } #myTempestRadar .mytempest-radar-period > button[aria-pressed="true"] { color: #eefaff; } #myTempestRadar .mytempest-radar-period > button[aria-pressed="true"]::before { background: #28556a; } #myTempestRadar .mytempest-radar-period > button:focus-visible { outline: 2px solid #8ed8f0; outline-offset: 1px; } @media (any-pointer: coarse) { #myTempestRadar .mytempest-radar-period { --radar-period-hit-height: 44px; --radar-period-face-inset: 8px; margin-top: -8px; } } /* Optional tropical advisories: shared by phone, Atlas and expanded radar. */ #myTempestRadar .tropical-geometry, #myTempestRadar .tropical-markers { position:absolute; inset:0; overflow:hidden; pointer-events:none; } #myTempestRadar .tropical-geometry { z-index:1; } #myTempestRadar .tropical-geometry svg { width:100%; height:100%; display:block; } #myTempestRadar .tropical-geometry path { fill:none; stroke-width:1.5; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; } #myTempestRadar .tropical-geometry path[stroke-width="3"] { stroke-width:3; } #myTempestRadar .tropical-markers { z-index:5; } #myTempestRadar .tropical-storm-marker { position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:0; border:0; padding:0; width:44px; height:44px; min-width:44px; min-height:44px; background:transparent; color:#ffda8b; cursor:pointer; pointer-events:auto; box-shadow:none; } #myTempestRadar .tropical-storm-marker > span { font:700 30px/30px Arial,sans-serif; text-shadow:0 1px 3px #000; } #myTempestRadar .tropical-storm-marker b { position:absolute; top:38px; white-space:nowrap; max-width:130px; overflow:hidden; text-overflow:ellipsis; font:600 12px/17px Arial,sans-serif; color:#fff0d4; background:rgba(3,16,24,.3); border-radius:3px; padding:0 3px; text-shadow:0 1px 2px #000; } #myTempestRadar .tropical-disturbance { position:absolute; transform:translate(-50%,-50%); color:#ffcd7a; font:700 28px/1 Arial,sans-serif; text-shadow:0 1px 2px #000; } /* The idle layer occupies one short row. Lists and details open only on request. */ #myTempestRadar .tropical-toolbar { position:absolute; z-index:8; left:8px; bottom:var(--tropical-toolbar-bottom,70px); max-width:calc(100% - 16px); width:max-content; padding:0; border:1px solid #476173; border-radius:8px; background:rgba(7,23,33,.76); color:#dce9f1; font:12px/1.35 Arial,sans-serif; box-sizing:border-box; } #myTempestRadar .tropical-summary { display:flex; align-items:center; min-width:0; flex-shrink:0; } #myTempestRadar .tropical-toolbar button, #myTempestRadar .tropical-details button, #myTempestRadar .tropical-details a { border:1px solid #4f6f7e; background:rgba(28,53,67,.72); color:#dfecf4; border-radius:6px; padding:5px 8px; font:600 12px/1.3 Arial,sans-serif; cursor:pointer; text-decoration:none; white-space:nowrap; box-sizing:border-box; min-height:32px; } #myTempestRadar .tropical-summary > button { display:flex; align-items:center; justify-content:flex-start; gap:8px; background:transparent; border:0; min-width:0; } #myTempestRadar .tropical-summary-status { font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #myTempestRadar .tropical-summary > [data-tropical-home] { flex-shrink:0; border-left:1px solid #476173; border-radius:0 7px 7px 0; } #myTempestRadar .tropical-list-panel { width:280px; max-width:100%; min-height:0; overflow:auto; overscroll-behavior:contain; padding:6px 8px 8px; box-sizing:border-box; border-top:1px solid #476173; } #myTempestRadar .tropical-toolbar[data-open="true"] { display:flex; flex-direction:column; max-height:var(--tropical-panel-height,260px); background:rgba(7,23,33,.9); } #myTempestRadar .tropical-status { display:block; color:#b9d4e1; font-size:11px; } #myTempestRadar .tropical-storm-list { display:flex; flex-direction:column; gap:4px; margin:6px 0; } #myTempestRadar .tropical-storm-list > button { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; text-align:left; white-space:normal; } #myTempestRadar .tropical-toolbar small { display:block; font-size:11px; color:#b9d4e1; } #myTempestRadar .tropical-detail-host { position:absolute; z-index:10; left:8px; bottom:var(--tropical-toolbar-bottom,70px); width:min(280px,calc(100% - 16px)); max-height:var(--tropical-panel-height,300px); pointer-events:none; } #myTempestRadar .tropical-details { position:relative; display:flex; flex-direction:column; pointer-events:auto; max-height:var(--tropical-panel-height,300px); overflow:hidden; overscroll-behavior:contain; box-sizing:border-box; background:rgba(10,28,39,.9); color:#dce9f1; border:1px solid #617e8d; border-radius:8px; padding:0; font:12px/1.35 Arial,sans-serif; box-shadow:0 4px 12px #0004; } #myTempestRadar .tropical-detail-heading > strong { display:block; padding-right:36px; font-size:16px; } #myTempestRadar .tropical-detail-heading > span, #myTempestRadar .tropical-detail-heading > small { display:block; margin-top:3px; } #myTempestRadar .tropical-detail-heading > small { color:#b9d4e1; font-size:11px; } #myTempestRadar .tropical-detail-heading > [data-tropical-close] { position:absolute; right:4px; top:4px; width:32px; height:32px; padding:0; font-size:24px; } #myTempestRadar .tropical-details dl { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin:8px 0; } #myTempestRadar .tropical-details dt { font-size:11px; color:#abc6d4; } #myTempestRadar .tropical-details dd { margin:0; font-size:13px; } #myTempestRadar .tropical-details p { margin:7px 0; font-size:12px; } #myTempestRadar .tropical-caution { color:#f4d998; } #myTempestRadar .tropical-details summary { cursor:pointer; padding:7px 0; } #myTempestRadar .tropical-details ol { padding-left:18px; font-size:12px; } #myTempestRadar .tropical-actions { display:flex; flex-wrap:wrap; gap:6px; padding:7px 9px; flex-shrink:0; border-top:1px solid #476173; } #myTempestRadar [class^="tropical-"][hidden] { display:none !important; } #myTempestRadar .tropical-toggle[aria-pressed="true"] { color:#ffda8b; border-color:#c1a268; } #myTempestRadar .tropical-storm-marker:focus-visible, #myTempestRadar .tropical-details :focus-visible, #myTempestRadar .tropical-toolbar button:focus-visible { outline:2px solid #a7e3ff; outline-offset:2px; } body.mytempest-phone:not(#phone-layout-weight-a):not(#phone-layout-weight-b) #myTempestRadar .tropical-storm-marker { width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0!important; } @media (any-pointer:coarse) { #myTempestRadar .tropical-toolbar button, #myTempestRadar .tropical-details button, #myTempestRadar .tropical-details a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; } } /* Keep phone's generic button sizing from clipping multi-line list entries. */ body.mytempest-phone:not(#phone-layout-weight-a):not(#phone-layout-weight-b) #myTempestRadar .tropical-toolbar button, body.mytempest-phone:not(#phone-layout-weight-a):not(#phone-layout-weight-b) #myTempestRadar .tropical-details button { max-height:none!important; height:auto!important; } @media (pointer:coarse), (any-pointer:coarse) { #myTempestRadar .tropical-detail-heading > strong { padding-right:42px; } #myTempestRadar .tropical-detail-heading > [data-tropical-close] { width:44px; height:44px; } } #myTempestRadar .tropical-detail-heading { position:relative; padding:9px 10px 7px; flex-shrink:0; border-bottom:1px solid #476173; } #myTempestRadar .tropical-detail-body { overflow:auto; min-height:0; padding:0 10px; overscroll-behavior:contain; } #myTempestRadar .tropical-details .tropical-actions a { display:inline-flex; align-items:center; }