:root{--bg:#0b1220;--panel:#111827;--panel-border:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--accent:#38bdf8;--good:#34d399;--warn:#fbbf24}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent)}.app-shell{height:100vh;min-height:100dvh}.app-shell,.header{display:flex;flex-direction:column}.header{gap:8px;padding:8px 12px;background:linear-gradient(180deg,#0f172a,#0b1220);border-bottom:1px solid var(--panel-border);flex-shrink:0;z-index:2}.header h1{margin:0;font-size:1rem;font-weight:650;letter-spacing:.01em}.map-wrap{position:relative;flex:1 1;min-height:0;--scrub-lift:86px}.map-root,.map-root-wrap{position:absolute;inset:0;width:100%;height:100%}.map-root{background:#222327}.radar-site-marker{padding:0;border:0;background:transparent;cursor:pointer;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.radar-site-marker,.radar-site-marker svg{display:block;width:28px;height:28px}.radar-site-marker:focus-visible{outline:2px solid #fbbf24;outline-offset:2px;border-radius:50%}.radar-site-popup .maplibregl-popup-content{padding:6px 10px;font-weight:650}.tmd-clock{position:absolute;z-index:3;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;max-width:min(280px,calc(100vw - 80px));background:rgba(15,23,42,.92);border:1px solid #334155;border-radius:999px;padding:5px 12px;font-size:.72rem;color:#e2e8f0;box-shadow:0 4px 16px rgba(0,0,0,.35);pointer-events:none;white-space:nowrap}.tmd-clock .edge-name{color:#38bdf8;font-weight:700}.tmd-clock .edge-time{color:#94a3b8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tmd-clock.is-missing{border-color:#92400e}.tmd-clock.is-missing .edge-time{color:var(--warn)}@media (max-width:720px){.tmd-clock{left:8px;font-size:.65rem;padding:4px 9px;gap:6px;max-width:min(240px,70vw)}}.maplibregl-ctrl-group button.legend-toggle{display:grid;place-items:center;padding:0}.legend-toggle svg{width:18px;height:18px;display:block}.maplibregl-ctrl-group.legend-toggle-ctrl[data-open=true],.maplibregl-ctrl-group.products-toggle-ctrl[data-open=true]{box-shadow:0 0 0 2px rgb(0 150 255/.9)}.map-root-wrap .maplibregl-ctrl-top-right{z-index:5}.maplibregl-ctrl-group button.products-toggle{display:grid;place-items:center;padding:0;color:#1f2937}.products-toggle svg{width:18px;height:18px;display:block}.products-panel{position:absolute;z-index:3;top:48px;right:52px;width:min(340px,calc(100% - 64px));max-height:calc(100% - 48px - var(--scrub-lift) - 12px);overflow:auto;padding:8px 10px 6px;background:rgba(15,23,42,.94);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);pointer-events:auto}.products-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.products-head h2{margin:0;font-size:.78rem;font-weight:650}.products-close{width:28px;height:28px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:1.15rem;line-height:1;cursor:pointer}.products-close:hover{color:var(--text);background:rgba(255,255,255,.06)}.product-list{list-style:none;margin:0;padding:0}.product-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:4px 0;border-top:1px solid rgba(148,163,184,.16);font-size:.72rem}.product-row.is-feed{padding-left:10px}.product-name,.product-state{font-weight:650}.product-state{margin-left:auto;font-size:.62rem;letter-spacing:.02em;text-transform:lowercase}.product-state.state-on{color:var(--accent)}.product-state.state-off{color:var(--muted)}.product-state.state-left{color:var(--warn)}.product-detail{flex-basis:100%;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.3}.legend{position:absolute;left:8px;bottom:var(--scrub-lift);z-index:2;background:rgba(15,23,42,.9);border:1px solid var(--panel-border);border-radius:10px;padding:8px 10px;font-size:.68rem;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(240px,calc(100vw - 20px))}.legend h3{margin:0 0 5px;font-size:.7rem;color:var(--text);font-weight:600}.dbz-bar{display:flex;height:12px;border-radius:3px;overflow:hidden;border:1px solid #0f172a}.dbz-bar span{flex:1 1;min-width:0}.dbz-ticks{display:flex;justify-content:space-between;margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.legend-note{margin-top:5px;opacity:.85}.legend-bma{margin-top:8px;padding-top:6px;border-top:1px solid var(--panel-border)}.legend.has-ctt{max-width:min(280px,calc(100vw - 20px))}.legend-ctt,.legend-water{margin-top:8px;padding-top:6px;border-top:1px solid var(--panel-border)}.legend-ctt h3{line-height:1.25}.ctt-bar{height:10px;border-radius:3px;border:1px solid #0f172a}.ctt-ticks{position:relative;height:1.15em;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ctt-ticks span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ctt-ticks span:first-child{transform:none}.ctt-ticks span:last-child{transform:translateX(-100%)}.swatches{display:flex;gap:3px;margin-bottom:4px}.swatches span{width:16px;height:9px;border-radius:2px;border:1px solid #0f172a}.error-banner{position:absolute;top:52px;left:50%;transform:translateX(-50%);z-index:3;background:rgba(127,29,29,.9);color:#fecaca;border:1px solid #991b1b;border-radius:8px;padding:6px 12px;font-size:.75rem;max-width:min(90vw,520px)}.maplibregl-popup-content{background:#111827!important;color:var(--text)!important;border-radius:8px!important;padding:10px 12px!important;box-shadow:0 8px 24px rgba(0,0,0,.45)!important;font-size:.8rem}.maplibregl-popup-close-button{color:var(--muted)!important;font-size:16px!important}.maplibregl-ctrl-attrib{background:rgba(15,23,42,.75)!important;color:var(--muted)!important}.maplibregl-ctrl-attrib a{color:var(--accent)!important}.map-root-wrap .maplibregl-ctrl-attrib.maplibregl-compact:not(.maplibregl-compact-show){width:24px;height:24px;min-height:24px;padding:0!important;margin:0 8px 8px 0!important;overflow:hidden;background:transparent!important}.map-root-wrap .maplibregl-ctrl-attrib.maplibregl-compact.maplibregl-compact-show{max-width:min(360px,calc(100vw - 16px));max-height:min(42vh,280px);overflow:auto;margin:0 8px 8px 0!important;padding:8px 28px!important;background:rgba(15,23,42,.94)!important;color:#e5e7eb!important;border-radius:12px;font-size:.72rem;line-height:1.4;white-space:normal}.map-root-wrap .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.map-root-wrap .maplibregl-ctrl-attrib.maplibregl-compact.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block;white-space:normal}.map-root-wrap .maplibregl-ctrl-attrib-button{width:24px!important;height:24px!important;left:0!important;right:auto!important;top:0!important}.map-root-wrap .credits-close{display:none}.map-root-wrap .maplibregl-ctrl-attrib.maplibregl-compact-show .credits-close{display:grid;place-items:center;position:absolute;top:4px;right:4px;z-index:1;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#e5e7eb;font-size:16px;line-height:1;cursor:pointer}.map-root-wrap .maplibregl-ctrl-bottom-left,.map-root-wrap .maplibregl-ctrl-bottom-right{bottom:var(--scrub-lift)!important}@media (max-width:720px){.header{padding:6px 10px}.header h1{font-size:.92rem}.products-panel{top:46px;right:48px;width:min(340px,calc(100% - 56px));max-height:calc(100% - 46px - var(--scrub-lift) - 8px);padding:6px 8px 4px}.product-row{padding:3px 0;font-size:.68rem}.legend{bottom:var(--scrub-lift);left:8px;padding:6px 8px;font-size:.62rem;max-width:min(168px,42vw)}.legend.has-ctt{max-width:min(230px,calc(100vw - 16px))}}.layers-control{position:absolute;z-index:4;top:10px;left:10px;pointer-events:auto}.layers-button{width:29px;height:29px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:4px;background:#fff;color:#1f2937;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.layers-button svg{width:18px;height:18px;display:block}.layers-button[aria-expanded=true]{box-shadow:0 0 0 2px rgb(0 150 255/.9)}.layers-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layers-panel{position:absolute;top:37px;left:0;width:min(292px,calc(100vw - 20px));max-height:min(640px,calc(100dvh - 120px));overflow:auto;padding:8px;background:rgba(15,23,42,.94);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layer-toggles,.layers-panel{display:flex;flex-direction:column;align-items:stretch;gap:8px}.layer-toggles{pointer-events:auto}.layer-group{display:flex;flex-direction:column;align-items:stretch;gap:4px}.layer-group-title{margin:0;padding:2px 2px 0;color:var(--muted);font-size:.68rem;font-weight:650}.layer-toggle{display:inline-flex;align-items:center;gap:5px;margin:0;padding:5px 10px;background:rgba(15,23,42,.92);border:1px solid var(--panel-border);border-radius:8px;font-size:.72rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layer-toggle.on{color:var(--text);border-color:#334155}.layer-toggle span{min-width:0;line-height:1.25}.layer-toggle.on span{color:var(--accent);font-weight:650}.layer-toggle input{margin:0;accent-color:var(--accent);width:14px;height:14px;cursor:pointer}@media (max-width:720px){.layers-control{top:10px;left:10px}.layers-panel{top:42px;width:min(292px,calc(100vw - 20px))}.layer-toggle{font-size:.65rem;padding:4px 8px}}.bma-mode-toggle{display:inline-flex;align-self:flex-start;gap:0;pointer-events:auto;background:rgba(15,23,42,.92);border:1px solid var(--panel-border);border-radius:999px;overflow:hidden}.bma-mode-btn{margin:0;padding:5px 10px;border:none;background:transparent;color:var(--muted);font-size:.72rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bma-mode-btn+.bma-mode-btn{border-left:1px solid var(--panel-border)}.bma-mode-btn.on{color:var(--accent);font-weight:650;background:rgba(56,189,248,.12)}@media (max-width:720px){.bma-mode-toggle{display:flex;width:100%}.bma-mode-btn{flex:1 1;min-height:44px;padding:12px 10px;font-size:.875rem;touch-action:manipulation}}.layer-fade{display:flex;align-items:center;gap:8px;margin:-2px 2px 2px;color:var(--muted);font-size:.68rem}.layer-fade input[type=range]{flex:1 1;min-width:0;height:28px;margin:0;accent-color:var(--accent)}@media (max-width:720px){.layer-fade input[type=range]{height:40px}}.history-scrubber{position:absolute;left:12px;right:12px;bottom:10px;z-index:4;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;grid-column-gap:6px;column-gap:6px;padding:7px 8px 8px;background:rgba(32,36,42,.86);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(720px,calc(100vw - 24px));margin:0 auto;color:#f4f7fb}.scrub-now,.scrub-play{width:44px;height:44px;display:grid;place-items:center;padding:0;border:none;border-radius:12px;background:transparent;color:#f8fafc;cursor:pointer}.scrub-now:hover,.scrub-play:hover{background:rgba(255,255,255,.08)}.scrub-now:disabled,.scrub-play:disabled{opacity:.35;cursor:not-allowed}.scrub-now.at-live,.scrub-play[aria-pressed=true]{color:#7ec8ff}.scrub-icon{width:22px;height:22px;display:block}.scrub-track{min-width:0;display:flex;flex-direction:column;gap:1px}.scrub-caption{text-align:center;font-size:.95rem;font-weight:650;letter-spacing:.01em;line-height:1.15;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#f8fafc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scrub-caption.is-live:after{content:"live";margin-left:8px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7ec8ff;vertical-align:2px}.scrub-rail{--thumb:28px;position:relative;height:32px}.scrub-ticks{position:absolute;left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);top:0;bottom:0;pointer-events:none}.scrub-ticks span{position:absolute;top:50%;width:1.5px;height:8px;border-radius:1px;background:rgba(255,255,255,.55);transform:translate(-50%,-50%)}.scrub-ticks span.is-head{width:3px;height:18px;background:#3b97ff;box-shadow:0 0 8px rgba(59,151,255,.7);z-index:1}.scrub-rail:focus-within .scrub-ticks span.is-head{box-shadow:0 0 8px rgba(59,151,255,.7),0 0 0 3px rgba(59,151,255,.35)}.scrub-range{position:absolute;left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);top:0;width:auto;height:32px;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;touch-action:none}.scrub-range:disabled{cursor:not-allowed}.scrub-range::-webkit-slider-runnable-track,.scrub-range::-webkit-slider-thumb{height:32px;background:transparent;border:none}.scrub-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb);cursor:-webkit-grab;cursor:grab}.scrub-range::-moz-range-thumb,.scrub-range::-moz-range-track{height:32px;background:transparent;border:none}.scrub-range::-moz-range-thumb{width:var(--thumb);cursor:grab}.scrub-range:focus{outline:none}@media (max-width:720px){.app-shell,body,html{overflow:hidden}.app-shell{height:100svh;height:100dvh;min-height:0;max-height:100dvh}.map-wrap{--scrub-lift:80px}.edge-south{left:auto;right:8px;transform:none;bottom:calc(var(--scrub-lift) + 52px);max-width:54vw}.map-root-wrap .maplibregl-ctrl-bottom-right{left:auto!important;width:auto!important;max-width:min(360px,calc(100% - 16px))}.history-scrubber{position:absolute;z-index:6;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,0px));padding:4px 4px 6px;border-radius:16px;max-width:none;margin:0}.scrub-caption{font-size:.88rem}.scrub-now,.scrub-play{width:44px;height:44px}}.legend-bma-labels{margin-top:.25rem;font-size:.65rem;line-height:1.2;color:var(--muted);word-break:break-word}.swatches-rate span,.swatches-water span{flex:1 1;width:auto;min-width:.45rem}.bma-station-panel{position:absolute;z-index:4;right:8px;bottom:var(--scrub-lift);width:min(420px,calc(100vw - 16px));max-height:min(300px,46vh);overflow:auto;pointer-events:auto;background:rgba(15,23,42,.94);border:1px solid var(--panel-border);border-radius:12px;padding:8px 10px;box-shadow:0 10px 28px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bma-station-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.bma-station-title{min-width:0;display:flex;flex-direction:column;gap:1px}.water-status{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-weight:650}.water-status i{width:8px;height:8px;border-radius:99px;display:inline-block}.water-levels{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px 10px;gap:2px 10px;margin-top:6px;font-size:.72rem;color:var(--muted)}.water-levels b{color:var(--text);font-weight:650}.water-hover,.water-hover .maplibregl-popup-content,.water-hover .maplibregl-popup-tip{pointer-events:none}.water-hover .maplibregl-popup-content{padding:6px 8px!important;font-size:.72rem;line-height:1.35}.water-hover-card strong{display:block;font-size:.75rem}.bma-station-title strong{font-size:.82rem;line-height:1.25;color:var(--text)}.bma-station-code{font-size:.66rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bma-station-close{flex-shrink:0;width:32px;height:32px;margin:-4px -4px 0 0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer}.bma-station-close:hover{color:var(--text);background:rgba(148,163,184,.12)}.bma-station-empty,.bma-station-note,.bma-station-now{margin:4px 0 0;font-size:.66rem;line-height:1.35;color:var(--muted)}.bma-station-now b{color:var(--text);font-weight:650}.bma-station-time{color:var(--muted)}.bma-chart-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.66rem;color:var(--text)}.bma-chart-legend span{display:inline-flex;align-items:center;gap:5px}.bma-legend-bar,.bma-legend-line{display:inline-block;width:14px;height:8px;border-radius:2px}.bma-legend-bar{background:#38bdf8}.bma-legend-line{height:0;border-top:2px solid #fbbf24;border-radius:0;position:relative}.bma-legend-rule{display:inline-block;width:14px;height:0;border-top:2px solid #38bdf8}.bma-legend-rule.river{border-top-color:#c4b5fd}.bma-legend-rule.warn{border-top-style:dashed;border-top-color:#f4b05b}.bma-legend-rule.crit{border-top-style:dashed;border-top-color:#e85965}.bma-station-chart{display:block;width:100%;height:148px;margin-top:2px}.bma-axis{fill:var(--muted);font-size:9px;font-family:ui-sans-serif,system-ui,sans-serif}.place-search{position:absolute;z-index:5;top:10px;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:min(260px,calc(100vw - 108px));display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:6px;pointer-events:auto;font-size:.78rem}.place-search[data-open=true]{width:min(260px,calc(100vw - 108px))}.place-search-toggle{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:4px;background:#fff;color:#1f2937;cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.place-search-toggle svg{width:16px;height:16px;display:block}.place-search-toggle[aria-expanded=true]{box-shadow:0 0 0 2px rgb(0 150 255/.9)}.place-search-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.place-search-bar{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;background:rgba(15,23,42,.92);border:1px solid var(--panel-border);border-radius:999px;box-shadow:0 4px 16px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2px 4px 2px 12px}.place-search-input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;padding:6px 0;outline:none}.place-search-input::placeholder{color:var(--muted)}.place-search-clear{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:1.05rem;line-height:1;padding:4px 8px;border-radius:999px}.place-search-clear:hover{color:var(--text)}.place-search-list{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:rgba(15,23,42,.96);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.45);max-height:min(280px,46vh);overflow:auto}.place-search-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;padding:6px 8px;border-radius:8px;cursor:pointer}.place-search-option:hover,.place-search-option[aria-selected=true]{background:rgba(56,189,248,.14)}.place-search-name{display:block;font-weight:650}.place-search-sub{display:block;color:var(--muted);font-size:.68rem;margin-top:1px}.place-search-note,.place-search-status{padding:6px 8px;color:var(--muted);font-size:.66rem}.place-pin{width:0;height:0;overflow:visible}.place-pin-dot{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:#38bdf8;border:2px solid #f8fafc;box-shadow:0 1px 4px rgba(0,0,0,.55)}.place-pin-label{position:absolute;left:12px;top:-12px;max-width:200px;padding:2px 7px;border-radius:6px;background:rgba(15,23,42,.94);color:#f8fafc;font:650 12px/1.3 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px rgba(0,0,0,.45)}@media (max-width:900px){.place-search,.place-search[data-open=true]{max-width:min(240px,calc(100vw - 108px))}.place-search[data-open=true]{width:min(240px,calc(100vw - 108px))}}@media (max-width:720px){.place-search{top:10px}.place-search,.place-search[data-open=true]{max-width:min(220px,calc(100vw - 108px))}.place-search[data-open=true]{width:min(220px,calc(100vw - 108px))}.place-search-input{padding:4px 0;font-size:.72rem}.bma-station-panel{left:8px;right:8px;width:auto;bottom:var(--scrub-lift);max-height:min(270px,42vh)}.bma-station-chart{height:132px}.bma-station-title strong{font-size:.76rem}}.water-station-panel{max-height:min(520px,68vh)}@media (max-width:720px){.water-station-panel{max-height:min(460px,64vh)}}