@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box}:root{--ink:#0d1112;--paper:#eef0ed;--surface:#fafbf9;--line:#0d1112;--muted:#6a7077;--cool:#3a5c84;--accent:#cf2424;--overlay:#ffffffee;--focus:#0d1112}body,html{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;padding:0}body{background:var(--paper);color:var(--ink);font-family:Archivo,system-ui,sans-serif}.district-forward-page,main{height:100dvh;min-height:0}.district-forward-page{overflow:hidden;padding:14px}.district-forward-shell{background:var(--surface);border:1px solid var(--line);color:var(--ink);display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;position:relative}.district-loading-overlay{align-items:center;background:#fff;display:grid;inset:0;justify-items:center;padding:clamp(14px,4vw,48px);position:absolute;z-index:100}.district-loading-panel{background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 var(--ink);display:grid;grid-gap:22px 26px;gap:22px 26px;grid-template-columns:112px minmax(0,1fr);max-width:540px;padding:clamp(22px,3.2vw,38px);width:100%}.district-loading-radar{align-self:center;aspect-ratio:1;width:112px}.flood-loader-icon{animation:flood-loader-badge-in .6s cubic-bezier(.2,.8,.2,1) forwards;filter:drop-shadow(4px 5px 0 rgba(13,17,18,.18));height:100%;opacity:0;transform:scale(.9);width:100%}.flood-loader-icon svg{display:block;height:100%;overflow:visible;width:100%}.flood-loader-static-rings{fill:none;opacity:.9;stroke:#f7f5ef;stroke-width:14}.flood-loader-pulse{animation:flood-loader-pulse 2.6s ease-out infinite;fill:none;opacity:0;stroke:#f7f5ef;stroke-width:10;transform-box:fill-box;transform-origin:center}.flood-loader-pulse-2{animation-delay:.65s}.flood-loader-pulse-3{animation-delay:1.3s}.flood-loader-pulse-4{animation-delay:1.95s}.flood-loader-water-rise{animation:flood-loader-water-rise 1.1s cubic-bezier(.16,1,.3,1) .25s both}.flood-loader-wave-scroll{animation:flood-loader-wave-scroll 3.2s linear infinite}.district-loading-message{align-content:center;display:grid;grid-gap:7px;gap:7px;min-width:0}.district-loading-message h2,.district-loading-message p,.district-loading-message span{margin:0}.district-loading-message p{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.district-loading-message h2{font-size:clamp(24px,4vw,36px);letter-spacing:-.035em;line-height:.98}.district-loading-message span{color:#4b5258;font-size:13px;line-height:1.45}.district-loading-progress{background:#d9ddd8;border:1px solid var(--line);grid-column:1/-1;height:9px;overflow:hidden}.district-loading-progress>span{background:var(--accent);display:block;height:100%;transition:width .42s cubic-bezier(.22,1,.36,1)}.district-loading-overlay.is-complete .district-loading-progress>span{background:#159b60}.district-loading-stages{display:grid;grid-gap:10px;gap:10px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:-8px 0 0;padding:0}.district-loading-stages li{color:#8a9094;display:grid;font-family:IBM Plex Mono,monospace;font-size:9px;grid-gap:5px;gap:5px;letter-spacing:.06em;min-width:0;text-transform:uppercase}.district-loading-stages li>span{align-items:center;border:1px solid #b8bdb8;display:inline-flex;height:19px;justify-content:center;width:24px}.district-loading-stages li.is-active{color:var(--ink);font-weight:700}.district-loading-stages li.is-active>span{animation:district-stage-blink .9s ease-in-out infinite alternate;background:var(--ink);border-color:var(--ink);color:#fff}.district-loading-stages li.is-complete{color:#147d51}.district-loading-stages li.is-complete>span{background:#d9f7e7;border-color:#147d51}@media (min-width:561px){.district-loading-stages li{justify-items:center;text-align:center}}@keyframes flood-loader-badge-in{to{opacity:1;transform:scale(1)}}@keyframes flood-loader-pulse{0%{opacity:.55;transform:scale(.5)}70%{opacity:0}to{opacity:0;transform:scale(1.25)}}@keyframes flood-loader-water-rise{0%{transform:translateY(260px)}to{transform:translateY(0)}}@keyframes flood-loader-wave-scroll{0%{transform:translateX(0)}to{transform:translateX(-1024px)}}@keyframes district-stage-blink{0%{opacity:.72}to{opacity:1}}.district-forward-header{border-bottom:1px solid var(--line);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.district-forward-header-actions{align-items:center;display:flex;flex:0 0 auto;gap:10px;min-width:0}.live-data-status{align-items:center;background:#f7f8f6;border:1px solid #c9cdc7;display:inline-flex;gap:8px;min-width:138px;padding:6px 9px}.live-data-beacon{background:#7a8184;border:1px solid var(--ink);border-radius:50%;flex:0 0 auto;height:9px;width:9px}.live-data-copy{display:grid;grid-gap:1px;gap:1px;min-width:0}.live-data-copy em,.live-data-copy strong{font-family:IBM Plex Mono,monospace;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-data-copy strong{font-size:9px;letter-spacing:.1em;text-transform:uppercase}.live-data-copy em{color:var(--muted);font-size:8px;font-style:normal}.live-data-status.live{background:#e8f8ef;border-color:#147d51}.live-data-status.live .live-data-beacon{animation:district-live-pulse 1.8s ease-out infinite;background:#20c779;border-color:#147d51}.live-data-status.syncing .live-data-beacon{animation:district-live-pulse .9s ease-out infinite;background:var(--accent)}.live-data-status.stale{background:#fff5dd;border-color:#b37400}.live-data-status.stale .live-data-beacon{background:#f0a51b;border-color:#7d5100}.live-data-status.offline{background:#eceeeb;border-color:#737a7d}@keyframes district-live-pulse{0%{box-shadow:0 0 0 0 rgba(32,199,121,.42)}70%,to{box-shadow:0 0 0 6px rgba(32,199,121,0)}}.district-forward-brand{display:flex;align-items:center;flex:0 0 auto;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0;white-space:nowrap}.district-forward-brand-logo{border-radius:7px;flex:0 0 auto;height:32px;width:32px}.district-forward-brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}.district-forward-header small{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.08em;min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.muted{color:var(--muted)}.control-description{margin:0;font-size:10px;color:var(--muted);font-family:IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.district-forward-grid{display:grid;grid-template-columns:340px 1fr 300px;min-height:0;overflow:hidden}.district-forward-map,.district-forward-right,.district-forward-sidebar{border-right:1px solid var(--line)}.district-forward-right,.district-forward-sidebar{display:flex;flex-direction:column;gap:clamp(8px,1.15vh,14px);height:100%;min-width:0;overflow:hidden;padding:clamp(14px,1.55vw,24px)}.district-forward-map{height:100%;min-height:0;position:relative;overflow:hidden}#map{width:100%;height:100%;min-height:0}.rain-particle-layer{inset:0;pointer-events:none;position:absolute;z-index:1}.mapboxgl-control-container{position:relative;z-index:3}.district-forward-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.district-forward-title{margin:0;font-size:clamp(30px,2.55vw,44px);line-height:1;letter-spacing:-.03em;font-weight:800}.district-forward-lede{margin:0;color:#2c3236;font-size:clamp(11px,.8vw,14px);line-height:1.4}.district-forward-cta{margin-top:8px;display:inline-block;font-size:12px;font-weight:600;padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);width:-moz-fit-content;width:fit-content;color:var(--ink);background:#fff}.district-forward-matrix{border-top:1px solid var(--line);border-left:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.district-forward-cell{align-content:start;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(8px,1.15vh,12px) clamp(9px,.9vw,14px);background:#fff;min-height:clamp(60px,8.7vh,88px);min-width:0;overflow:hidden}.district-forward-cell strong{display:block;font-size:clamp(20px,1.8vw,24px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1.05;max-width:100%;overflow-wrap:anywhere}.district-forward-cell .metric-value{white-space:nowrap}.district-forward-cell small{display:block;margin-top:clamp(3px,.65vh,7px);color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;line-height:1.25;overflow-wrap:anywhere;text-transform:uppercase}.district-forward-controlblock{background:#fff;border:1px solid var(--line);padding:clamp(9px,1.2vh,14px);display:grid;grid-gap:clamp(7px,.95vh,12px);gap:clamp(7px,.95vh,12px)}.district-forward-controlblock h2{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;color:var(--muted)}.district-forward-area-picker{display:grid;grid-gap:5px;gap:5px;min-width:0}.area-picker-heading{align-items:center;display:flex;font-family:IBM Plex Mono,monospace;font-size:10px;gap:8px;justify-content:space-between;letter-spacing:.12em;text-transform:uppercase}.area-picker-heading-label{color:var(--muted)}.area-picker-heading span{color:var(--cool);font-size:9px;letter-spacing:.06em}.area-picker-select-wrap{background:#f7f8f6;border:1px solid var(--line);position:relative}.area-picker-trigger{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;gap:10px;justify-content:space-between;min-width:0;padding:9px 10px;text-align:left;width:100%}.area-picker-trigger>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-picker-select-wrap:focus-within{outline:2px solid var(--focus);outline-offset:2px}.area-picker-select-wrap:has(button:disabled){opacity:.55}.area-picker-trigger:disabled{cursor:wait}.area-search-icon{border:1.5px solid;border-radius:50%;color:var(--cool);flex:0 0 auto;height:12px;position:relative;width:12px}.area-search-icon:after{background:currentColor;content:"";height:1.5px;position:absolute;right:-4px;top:9px;transform:rotate(45deg);transform-origin:left center;width:5px}.area-search-backdrop{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(5,12,14,.68);display:grid;inset:0;justify-items:center;padding:clamp(16px,4vw,48px);position:fixed;z-index:90}.area-search-dialog{background:#f7f8f6;border:1px solid var(--line);box-shadow:10px 10px 0 rgba(13,17,18,.88);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);max-height:min(720px,calc(100dvh - 40px));max-width:580px;min-height:min(620px,calc(100dvh - 40px));overflow:hidden;width:100%}.area-search-header{align-items:flex-start;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:20px 22px 18px}.area-search-header div{display:grid;grid-gap:4px;gap:4px}.area-option-level,.area-search-header span,.area-search-meta{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.area-search-header span{color:var(--cool);font-size:9px;letter-spacing:.16em}.area-search-header h2,.area-search-header p{margin:0}.area-search-header h2{font-size:clamp(25px,4vw,34px);letter-spacing:-.035em;line-height:1}.area-search-header p{color:var(--muted);font-size:12px;line-height:1.4}.area-search-header>button{align-items:center;background:var(--ink);border:1px solid var(--ink);color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:24px;height:38px;justify-content:center;line-height:1;width:38px}.area-search-header>button:focus-visible,.area-search-header>button:hover{background:var(--accent);outline:2px solid #fff;outline-offset:-4px}.area-search-input-wrap{margin:14px 16px 0;position:relative}.area-search-input-wrap>.area-search-icon{left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.area-search-input-wrap input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--line);border-radius:0;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:13px;height:48px;outline:0;padding:0 72px 0 44px;width:100%}.area-search-input-wrap input:focus{box-shadow:inset 0 0 0 2px var(--cool)}.area-search-input-wrap input::-webkit-search-cancel-button{display:none}.area-search-clear{background:transparent;border:0;color:var(--cool);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:700;letter-spacing:.08em;padding:8px;position:absolute;right:6px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.area-search-meta{color:var(--muted);display:flex;font-size:8px;justify-content:space-between;letter-spacing:.09em;padding:10px 17px 8px}.area-search-results{display:grid;grid-gap:5px;gap:5px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 16px}.area-search-results>button{align-items:center;background:#fff;border:1px solid #d2d6d0;color:var(--ink);cursor:pointer;display:grid;grid-gap:11px;gap:11px;grid-template-columns:82px minmax(0,1fr) auto;min-height:58px;padding:8px 11px;text-align:left}.area-search-results>button.is-active,.area-search-results>button:hover{background:#eef3ef;border-color:var(--ink)}.area-search-results>button.is-selected{box-shadow:inset 4px 0 0 #159b60}.area-option-level{border:1px solid;color:var(--cool);font-size:8px;letter-spacing:.08em;padding:4px 5px;text-align:center}.area-option-level.province{color:#147d51}.area-option-level.barangay{color:#7f5a00}.area-option-copy{display:grid;grid-gap:3px;gap:3px;min-width:0}.area-option-copy small,.area-option-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-option-copy strong{font-size:13px}.area-option-copy small{font-size:9px}.area-option-action,.area-option-copy small{color:var(--muted);font-family:IBM Plex Mono,monospace}.area-option-action{font-size:8px;letter-spacing:.08em;text-transform:uppercase}.area-search-empty{align-content:center;border:1px dashed #aeb4ae;color:var(--muted);display:grid;grid-gap:6px;gap:6px;justify-items:center;min-height:160px;padding:24px;text-align:center}.area-search-empty strong{color:var(--ink)}.area-search-empty span{font-size:11px}.control-row{display:grid;grid-gap:6px;gap:6px}.control-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;display:flex;justify-content:space-between;gap:8px}.control-label .value{color:var(--ink);background:#f7f8f6;border:1px solid #d7d9d4;font-size:11px;letter-spacing:0;text-transform:none;padding:2px 8px;border-radius:999px}.district-forward-layers{border:0;border-top:1px solid #d7d9d4;display:block;margin:0;min-inline-size:0;padding:clamp(6px,.75vh,10px) 0 0}.layer-options{display:grid;grid-gap:clamp(4px,.65vh,8px);gap:clamp(4px,.65vh,8px);min-width:0}.district-forward-layers legend{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;padding:0 0 clamp(4px,.55vh,8px);text-transform:uppercase}.district-forward-layers label{align-items:center;cursor:pointer;display:grid;font-family:IBM Plex Mono,monospace;font-size:11px;grid-gap:8px;gap:8px;grid-template-columns:16px 1fr auto;line-height:1.3}.district-forward-layers input{accent-color:var(--cool);height:14px;margin:0;width:14px}.district-forward-layers strong{background:#f1f3f0;border:1px solid #d7d9d4;border-radius:999px;font-size:9px;min-width:24px;padding:2px 6px;text-align:center}input[type=range]{width:100%;accent-color:var(--accent);margin:4px 0 0}.status-stack{margin:0;color:#1f2937;font-size:12px;line-height:1.45}.status-stack .status-line{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.status-stack .muted{color:var(--muted)}.district-forward-right h2{margin:0;border-bottom:1px solid var(--line);padding-bottom:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;color:var(--muted)}.district-forward-meta{display:flex;flex-direction:column;gap:clamp(5px,.75vh,8px)}.district-forward-meta-row{display:flex;justify-content:space-between;gap:8px;font-size:clamp(10px,.75vw,13px);border-bottom:1px dashed #c4c8c2;padding-bottom:clamp(4px,.7vh,8px)}.district-forward-meta-row span:last-child{font-family:IBM Plex Mono,monospace;letter-spacing:.06em;color:var(--ink)}.risk-badge{color:#fff;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:700;line-height:1.35}.district-forward-legend{position:absolute;left:16px;top:16px;background:var(--overlay);border:1px solid var(--line);padding:10px 12px;font-size:11px;font-family:IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase;max-width:calc(100% - 88px);z-index:4}.legend-items{display:flex;flex-wrap:wrap;gap:14px}.mobile-legend-toggle{display:none}.district-forward-legend span{display:inline-flex;align-items:center;gap:7px}.district-forward-dot{width:12px;height:12px;border-radius:2px}.district-forward-dot.round{border-radius:50%}.district-forward-dot.water-area{background:#9eb6d1;border:1px solid #3a5c84}.district-forward-dot.rain{background:#2ddc72;border-radius:50%;box-shadow:0 0 0 2px rgba(45,220,114,.2),0 0 8px rgba(45,220,114,.7)}.district-forward-dot.terrain{background:linear-gradient(135deg,#0c2118 0 48%,#9cb39c 50% 100%);border:1px solid #0c2118}.district-forward-dot.barangay{background:hsla(45,86%,67%,.38);border:2px solid #e8bd36}.district-forward-legend .is-hidden{opacity:.38;text-decoration:line-through}.district-forward-timeline{background:var(--overlay);border:1px solid var(--line);bottom:16px;left:16px;padding:12px 14px 10px;position:absolute;right:16px;z-index:4}.timeline-heading{align-items:center;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr) auto auto}.timeline-heading>div{display:grid;grid-gap:2px;gap:2px;min-width:0}.timeline-heading span,.timeline-scale{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.timeline-heading strong{font-family:IBM Plex Mono,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-reading{border-left:1px solid #c4c8c2;padding-left:14px;text-align:right}.timeline-heading button{background:var(--ink);border:1px solid var(--ink);color:#fff;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;min-width:64px;padding:7px 10px;text-transform:uppercase}.timeline-heading button:focus-visible,.timeline-heading button:hover{background:var(--accent);border-color:var(--accent);outline:2px solid #fff;outline-offset:-4px}.district-forward-refresh:disabled,.timeline-heading button:disabled{cursor:wait;opacity:.55;transform:none}.district-forward-timeline input[type=range]{display:block;margin:10px 0 4px}.timeline-scale{display:flex;justify-content:space-between;letter-spacing:.04em;text-transform:none}.district-forward-refresh{background:var(--accent);border:1.5px solid var(--accent);color:#fff;font-size:12px;font-family:IBM Plex Mono,monospace;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:9px 12px;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.district-forward-refresh:focus-visible,.district-forward-refresh:hover{outline:2px solid var(--focus);outline-offset:2px}.district-forward-refresh:hover{background:#a91d1d;border-color:#a91d1d;transform:translateY(-1px)}.refresh-label-compact{display:none}.district-forward-popup{display:grid;font-size:12px;grid-gap:2px;gap:2px;line-height:1.35}@media (max-width:1200px){.district-forward-title{font-size:36px}.district-forward-grid{grid-template-columns:300px 1fr}.district-forward-right{display:none}}@media (min-width:861px) and (min-height:651px){.district-forward-sidebar>.district-forward-controlblock{align-content:stretch;flex:1 1;grid-template-rows:auto auto minmax(62px,.65fr) minmax(62px,.65fr) minmax(130px,1.7fr) auto;min-height:0}.district-forward-sidebar>.district-forward-controlblock .control-row,.district-forward-sidebar>.district-forward-controlblock .district-forward-area-picker{align-content:center}.district-forward-sidebar>.district-forward-controlblock .district-forward-layers{min-height:0}.district-forward-sidebar>.district-forward-controlblock .layer-options{align-content:space-evenly;height:100%}}@media (min-width:861px) and (max-height:950px){.district-forward-header{padding:10px 16px}.district-forward-right,.district-forward-sidebar{gap:6px;padding:12px}.district-forward-title{font-size:30px}.district-forward-lede{font-size:11px;line-height:1.3}.district-forward-cell{min-height:56px;padding:7px 9px}.district-forward-cell strong{font-size:19px}.district-forward-cell small{font-size:8px;letter-spacing:.08em}.district-forward-controlblock{gap:6px;padding:8px}.control-description{display:none}.district-forward-layers label{font-size:9px}}@media (min-width:861px) and (max-height:650px){.district-forward-eyebrow,.district-forward-lede{display:none}.district-forward-cell{min-height:48px}.district-forward-cell strong{font-size:17px}.district-forward-cell small{margin-top:2px}.district-forward-controlblock h2,.district-forward-layers legend{display:none}}@media (max-width:860px){.district-forward-page{padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}.district-forward-header{gap:8px;padding:8px 10px}.district-forward-header-actions{gap:6px}.live-data-status{min-width:112px;padding:5px 7px}.district-forward-grid{grid-template-columns:1fr;grid-template-rows:clamp(260px,38%,320px) minmax(0,1fr)}.district-forward-sidebar{border-right:0;border-bottom:1px solid var(--line);gap:6px;overscroll-behavior:contain;overflow-y:auto;padding:8px;scrollbar-gutter:stable}.district-forward-eyebrow,.district-forward-lede,.district-forward-title{display:none}.district-forward-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.district-forward-cell{min-height:50px;padding:6px 8px}.district-forward-cell strong{font-size:clamp(15px,3.8vw,20px)}.district-forward-cell small{font-size:7px;letter-spacing:.06em;line-height:1.15;margin-top:3px}.district-forward-controlblock{gap:6px 8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px 8px}.district-forward-area-picker,.district-forward-controlblock h2,.district-forward-layers{grid-column:1/-1}.area-picker-heading{font-size:8px;letter-spacing:.07em}.area-picker-heading span{font-size:7px}.area-picker-trigger{font-size:9px;padding:6px 9px 6px 8px}.control-description,.district-forward-controlblock h2{display:none}.control-row{gap:2px}.control-label{font-size:8px;letter-spacing:.06em}.control-label .value{font-size:9px;padding:1px 5px}input[type=range]{margin-top:0}.district-forward-layers{display:block;padding-top:5px}.district-forward-layers legend{padding-bottom:2px}.layer-options{display:flex;gap:5px;margin-right:-8px;overflow-x:auto;padding:1px 8px 5px 0;scroll-padding-inline:0 8px;scroll-snap-type:x proximity;scrollbar-width:thin}.district-forward-layers label{background:#f7f8f6;border:1px solid #d7d9d4;flex:0 0 clamp(116px,28vw,156px);font-size:8px;gap:4px;grid-template-columns:13px 1fr auto;line-height:1.15;min-height:36px;min-width:0;padding:4px 5px;scroll-snap-align:start}.district-forward-layers input{height:12px;width:12px}.district-forward-layers strong{font-size:7px;min-width:18px;padding:1px 3px}.district-forward-right{display:none}.district-forward-legend{left:12px;max-width:calc(100% - 76px);top:12px}.district-forward-timeline{bottom:12px;left:12px;right:12px}.timeline-heading{grid-template-columns:1fr auto}.timeline-reading{border-left:0;grid-column:1/-1;grid-row:2;padding-left:0;text-align:left}}@media (max-width:560px){.area-search-backdrop{align-items:stretch;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))}.area-search-dialog{box-shadow:5px 5px 0 rgba(13,17,18,.88);max-height:none;min-height:0}.area-search-header{padding:14px 14px 12px}.area-search-header h2{font-size:25px}.area-search-header p{font-size:10px}.area-search-header>button{height:36px;width:36px}.area-search-input-wrap{margin:10px 10px 0}.area-search-input-wrap input{font-size:11px;height:44px}.area-search-meta{padding:8px 11px 7px}.area-search-results{padding:0 10px 10px}.area-search-results>button{gap:8px;grid-template-columns:72px minmax(0,1fr);min-height:54px;padding:7px 8px}.area-option-action{display:none}.district-loading-panel{box-shadow:5px 5px 0 var(--ink);gap:16px;grid-template-columns:76px minmax(0,1fr);padding:20px}.district-loading-radar{width:76px}.district-loading-message h2{font-size:24px}.district-loading-message span{font-size:11px}.district-loading-stages{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.district-loading-stages li{font-size:8px;letter-spacing:.04em;white-space:nowrap}.district-forward-header small{display:none}.live-data-status{min-width:0}.live-data-copy em{display:none}.district-forward-brand-wrap{min-width:0}.district-forward-brand{font-size:15px;white-space:nowrap}.district-forward-brand-logo{border-radius:6px;height:26px;width:26px}.district-forward-refresh{font-size:8px;letter-spacing:.04em;max-width:none;min-height:34px;padding:7px 8px}.live-data-status{min-height:34px}.refresh-label-wide{display:none}.refresh-label-compact{display:inline}.district-forward-legend{background:transparent;border:0;max-width:min(248px,calc(100% - 70px));padding:0}.mobile-legend-toggle{align-items:center;background:var(--overlay);border:1px solid var(--line);color:var(--ink);cursor:pointer;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:9px;gap:7px;letter-spacing:.1em;min-height:36px;padding:7px 9px;text-transform:uppercase}.mobile-legend-toggle:focus-visible{outline:2px solid #fff;outline-offset:-4px}.mobile-legend-chevron{border-bottom:1.5px solid;border-right:1.5px solid;height:6px;margin-left:2px;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease;width:6px}.district-forward-legend.is-open .mobile-legend-chevron{transform:translateY(2px) rotate(225deg)}.legend-items{background:var(--overlay);border:1px solid var(--line);display:none;gap:7px;margin-top:5px;max-height:min(224px,calc(100dvh - 360px));overflow-y:auto;padding:9px 10px}.district-forward-legend.is-open .legend-items{display:grid}.district-forward-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.district-forward-cell{min-height:44px;padding:5px 6px}.district-forward-cell strong{font-size:clamp(14px,4vw,18px)}.district-forward-controlblock{gap:5px 7px;padding:6px 7px}.layer-options{margin-right:-7px;padding-right:7px}.district-forward-layers label{flex-basis:122px;font-size:8.5px}.district-forward-timeline{bottom:8px;left:8px;padding:8px 9px 7px;right:8px}.timeline-heading{gap:4px 8px}.timeline-reading{align-items:baseline;display:flex!important;gap:7px!important}.timeline-heading strong{font-size:10px}.timeline-heading span,.timeline-scale{font-size:8px}.timeline-heading button{min-height:34px;min-width:58px;padding:6px 8px}.district-forward-timeline input[type=range]{margin:6px 0 2px}.mapboxgl-ctrl-top-right{right:2px;top:2px}.mapboxgl-ctrl-group button{height:36px;width:36px}.mapboxgl-popup{max-width:min(232px,calc(100vw - 92px))!important}.mapboxgl-popup-content{padding:8px 10px}.district-forward-popup{font-size:10px}.district-forward-popup .popup-detail,.timeline-scale span:nth-child(2){display:none}}@media (max-width:420px){.live-data-status{padding:7px}.live-data-copy{display:none}.district-forward-grid{grid-template-rows:clamp(252px,37%,292px) minmax(0,1fr)}.district-forward-header{padding-inline:7px}.district-forward-sidebar{gap:5px;padding:6px}.layer-options{margin-right:-6px;padding-right:6px}.district-forward-cell small{font-size:6.5px}}@media (max-width:860px) and (max-height:560px) and (orientation:landscape){.district-forward-grid{grid-template-columns:minmax(250px,42%) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.district-forward-sidebar{border-bottom:0;border-right:1px solid var(--line)}.district-forward-timeline{bottom:8px;padding:8px 10px 6px}.district-forward-legend,.timeline-reading,.timeline-scale{display:none!important}.district-forward-timeline input[type=range]{margin:6px 0 0}.mapboxgl-popup{max-width:min(232px,calc(100vw - 92px))!important}.mapboxgl-popup-content{padding:8px 10px}.district-forward-popup{font-size:10px}.district-forward-popup .popup-detail{display:none}}@media (max-height:520px){.district-loading-panel{gap:12px 18px;grid-template-columns:70px minmax(0,1fr);padding:16px 18px}.district-loading-radar{width:70px}.district-loading-message h2{font-size:22px}.district-loading-message span{font-size:10px}.district-loading-stages{margin-top:-4px}}@media (prefers-reduced-motion:reduce){.district-loading-stages li.is-active>span,.flood-loader-icon,.flood-loader-pulse,.flood-loader-water-rise,.flood-loader-wave-scroll{animation:none}.flood-loader-icon{opacity:1;transform:none}.live-data-status .live-data-beacon{animation:none}.district-loading-progress>span{transition:none}}@media (max-width:860px) and (max-height:700px) and (orientation:portrait){.district-forward-grid{grid-template-rows:190px minmax(0,1fr)}.district-forward-cell:nth-child(3),.district-forward-cell:nth-child(5),.district-forward-cell:nth-child(6){display:none}.district-forward-cell{min-height:45px}.district-forward-layers legend,.district-forward-layers strong,.district-forward-legend,.timeline-reading,.timeline-scale{display:none}.district-forward-timeline{padding:8px 10px 6px}.district-forward-timeline input[type=range]{margin:6px 0 0}}@media (max-width:560px) and (max-height:700px) and (orientation:portrait){.district-forward-legend{display:block}}