@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #020606;--ink: #eef8f6;--muted: rgba(218, 238, 235, .5);--line: rgba(177, 221, 217, .19);--cyan: #6fffe9;--cyan-bright: #cafff8;--cyan-dim: rgba(63, 229, 211, .12);--danger: #ff645f;--storm: #ff785f;--font-display: "Barlow Condensed", "PingFang SC", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--eazo-safe-area-top: max(56px, env(safe-area-inset-top, 0px));--eazo-safe-area-bottom: max(34px, env(safe-area-inset-bottom, 0px))}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg)}body{color:var(--ink);font-family:var(--font-display);font-size:16px;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{color:inherit}#scene,#scene canvas,.atmosphere,.grain{position:fixed;inset:0;width:100%;height:100%}#scene{z-index:0}#scene canvas{display:block}.atmosphere{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 40%,transparent 0 22%,rgba(1,15,16,.12) 47%,rgba(0,0,0,.76) 100%),linear-gradient(180deg,rgba(0,0,0,.28),transparent 30%,rgba(0,15,16,.32))}.grain{z-index:2;pointer-events:none;opacity:.085;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.masthead{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:clamp(22px,3.2vw,48px);pointer-events:none;animation:enter-top .9s .15s cubic-bezier(.16,1,.3,1) both}.kicker,.metric-label,.inspector-head,.system-state,.source,.scale,.method-note,.region-tab,.day-button span,.day-button small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em}.kicker{display:flex;align-items:center;gap:9px;color:#cafff894;font-size:9px;font-weight:500}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);animation:live 1.6s ease-in-out infinite}h1{margin:7px 0 0;font-size:clamp(42px,6.3vw,94px);font-weight:600;letter-spacing:-.055em;line-height:.77}h1 span{color:transparent;-webkit-text-stroke:1px var(--cyan)}.identity>p{margin:11px 0 0 2px;color:#eafaf7b8;font-size:13px;font-weight:500;letter-spacing:.22em}.impact-strip{display:flex;align-items:center;gap:10px;width:max-content;margin-top:13px;padding-top:9px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:8px;letter-spacing:.09em}.impact-strip span{color:var(--storm);text-shadow:0 0 12px rgba(255,120,95,.5)}.impact-strip b{color:#ebf9f6bf;font-weight:500}.impact-strip em{color:var(--muted);font-style:normal}.system-state{display:grid;justify-items:end;gap:6px;color:var(--muted);font-size:9px;text-align:right}.system-state span:before{content:"";display:inline-block;width:28px;height:1px;margin-right:9px;background:var(--cyan);vertical-align:3px}.system-state strong{color:var(--ink);font-family:var(--font-display);font-size:clamp(27px,3.4vw,49px);font-weight:500;letter-spacing:.02em;line-height:.85}.system-state small{font-size:8px}.hud{position:fixed;z-index:7;inset:0;pointer-events:none}.overview,.city-inspector{position:absolute;top:50%;width:min(280px,22vw);transform:translateY(-42%);pointer-events:auto}.overview{left:clamp(22px,3.2vw,48px);animation:enter-left .9s .25s cubic-bezier(.16,1,.3,1) both}.city-inspector{right:clamp(22px,3.2vw,48px);animation:enter-right .9s .32s cubic-bezier(.16,1,.3,1) both}.region-tabs{display:flex;gap:5px;margin-bottom:clamp(28px,4vh,48px)}.region-tab{appearance:none;min-width:44px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:6px 4px 8px;color:var(--muted);font-size:9px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.region-tab:hover,.region-tab:focus-visible,.region-tab.active{outline:none;border-color:var(--cyan);color:var(--cyan-bright);background:linear-gradient(180deg,transparent,var(--cyan-dim))}.metric-label{color:var(--muted);font-size:8px}.hero-number{display:flex;align-items:flex-end;gap:9px;margin-top:2px;color:var(--cyan-bright);text-shadow:0 0 32px rgba(111,255,233,.35)}.hero-number span{font-size:clamp(64px,8.6vw,132px);font-weight:500;letter-spacing:-.07em;line-height:.8}.hero-number em{margin-bottom:10px;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-style:normal;letter-spacing:.1em}.severity-row{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.severity-row strong{color:var(--cyan);font-size:16px;font-weight:600;letter-spacing:.08em}.severity-row span{color:var(--muted);font-family:var(--font-mono);font-size:9px}.micro-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:17px 0 0}.micro-metrics div{min-width:0}.micro-metrics dt{overflow:hidden;margin-bottom:5px;color:var(--muted);font-size:10px;white-space:nowrap}.micro-metrics dd{overflow:hidden;margin:0;font-family:var(--font-mono);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.method-note{max-width:260px;margin:18px 0 0;color:#cee7e457;font-size:7px;line-height:1.7}.inspector-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px}.inspector-head b{color:var(--cyan)}.city-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px}.city-title h2{margin:0;font-size:clamp(27px,3vw,44px);font-weight:500;line-height:1}.city-title span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.city-reading{display:flex;align-items:end;gap:6px;margin-top:4px;color:var(--cyan-bright)}.city-reading strong{font-size:clamp(39px,4.8vw,72px);font-weight:500;letter-spacing:-.05em;line-height:.9}.city-reading span{margin-bottom:6px;color:var(--muted);font-family:var(--font-mono);font-size:9px}.comparison{margin-top:20px}.comparison>span,.comparison>b{display:block;color:var(--muted);font-family:var(--font-mono);font-size:8px;font-weight:400;letter-spacing:.08em}.comparison-track{display:grid;gap:3px;margin:7px 0}.comparison-track i{display:block;width:0;height:3px;background:#dff7f452;transition:width .7s cubic-bezier(.16,1,.3,1)}.comparison-track i:last-child{background:var(--cyan);box-shadow:0 0 10px #6fffe999}.ranking{display:grid;gap:1px;margin-top:22px}.rank-row{position:relative;display:grid;grid-template-columns:20px 1fr auto;gap:7px;align-items:center;overflow:hidden;min-height:27px;border:0;border-bottom:1px solid rgba(187,224,220,.1);background:transparent;padding:0 3px;text-align:left;cursor:pointer}.rank-row:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--bar, 0%);background:linear-gradient(90deg,rgba(79,226,211,.14),transparent);transition:width .6s cubic-bezier(.16,1,.3,1)}.rank-row:hover,.rank-row:focus-visible,.rank-row.active{outline:none;color:var(--cyan-bright);background:#6fffe90e}.rank-row span{color:var(--muted);font-family:var(--font-mono);font-size:8px}.rank-row b{overflow:hidden;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.rank-row em{color:var(--cyan);font-family:var(--font-mono);font-size:9px;font-style:normal}.flood-panel{margin-top:18px;padding-top:12px;border-top:1px solid rgba(83,239,255,.28);transition:opacity .25s,transform .25s}.flood-panel.hidden{opacity:0;pointer-events:none;transform:translate(12px)}.flood-head{display:flex;justify-content:space-between;color:var(--muted);font-family:var(--font-mono);font-size:7px;letter-spacing:.11em}.flood-head b{color:#54eaff;font-weight:500}.flood-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.flood-kpis div{display:grid;grid-template-columns:auto auto;align-items:end;min-width:0;border-left:1px solid rgba(84,234,255,.34);padding-left:7px}.flood-kpis span{grid-column:1 / -1;color:var(--muted);font-size:8px}.flood-kpis strong{color:#8ff5ff;font-family:var(--font-display);font-size:25px;font-weight:500;line-height:.9}.flood-kpis em{margin-left:2px;color:var(--muted);font-family:var(--font-mono);font-size:6px;font-style:normal}.flood-ranking{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:10px}.flood-row{appearance:none;display:grid;grid-template-columns:1fr auto;grid-template-areas:"name name" "rain depth";gap:2px 4px;align-content:center;min-width:0;min-height:38px;border:1px solid rgba(187,224,220,.08);background:linear-gradient(135deg,rgba(54,217,234,var(--flood-alpha, .08)),transparent var(--flood-bar, 58%));padding:4px 5px;color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.flood-row:hover,.flood-row:focus-visible,.flood-row.active{outline:none;border-color:#8ffff5b8;background-color:#54eaff21;box-shadow:inset 0 0 14px #54eaff1a,0 0 10px #54eaff1f;transform:translateY(-1px)}.flood-row span,.flood-row em{color:var(--muted);font-family:var(--font-mono);font-size:7px;font-style:normal}.flood-row b{grid-area:name;overflow:hidden;color:#eef8f6d1;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.flood-row span{grid-area:rain}.flood-row em{grid-area:depth;color:#8ff5ff}.flood-row.active b,.flood-row.active em{color:var(--cyan-bright)}.flood-panel>p{margin:8px 0 0;color:#cee7e461;font-family:var(--font-mono);font-size:6px;line-height:1.55}.flood-panel>p b{color:#8ff5ffb8;font-weight:500}.city-label{position:fixed;z-index:9;display:grid;gap:3px;min-width:82px;padding:7px 9px;border-left:1px solid var(--cyan);background:linear-gradient(90deg,#020d0edb,#020d0e00);opacity:0;transform:translate(14px,-50%);transition:opacity .2s}.city-label.visible{opacity:1}.city-label span{color:var(--muted);font-size:10px}.city-label strong{color:var(--cyan-bright);font-family:var(--font-mono);font-size:9px}.timeline{position:fixed;z-index:10;right:clamp(22px,3.2vw,48px);bottom:clamp(20px,2.7vw,42px);left:clamp(22px,3.2vw,48px);display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:end;pointer-events:none;animation:enter-bottom .9s .4s cubic-bezier(.16,1,.3,1) both}.date-switch{display:flex;gap:3px;pointer-events:auto}.day-button{appearance:none;display:grid;gap:3px;min-width:104px;border:1px solid var(--line);background:#020a0b94;padding:9px 12px 8px;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s}.day-button:hover,.day-button:focus-visible,.day-button.active{outline:none;border-color:#6fffe99e;background:#1b5a5533}.day-button span,.day-button small{color:var(--muted);font-size:7px}.day-button strong{font-family:var(--font-mono);font-size:11px;font-weight:500}.day-button.active strong{color:var(--cyan-bright)}.scrub-timeline{width:min(40vw,520px);min-width:280px;pointer-events:auto}.scrub-head,.scrub-ticks{display:flex;align-items:center;font-family:var(--font-mono);letter-spacing:.08em}.scrub-head{gap:9px}.scrub-head button{appearance:none;border:0;background:transparent;padding:0;color:var(--cyan-bright);font:inherit;font-size:7px;letter-spacing:inherit;cursor:pointer}.scrub-head button:hover,.scrub-head button:focus-visible{color:#fff;outline:none}.scrub-head strong{color:#e7fcf8d1;font-size:9px;font-weight:500}.scrub-head em{margin-left:auto;color:var(--muted);font-size:7px;font-style:normal}#timeline-scrubber{--scrub: 78%;appearance:none;width:100%;height:18px;margin:2px 0 0;background:transparent;cursor:ew-resize}#timeline-scrubber::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--cyan-bright) 0 var(--scrub),rgba(111,255,233,.16) var(--scrub) 100%)}#timeline-scrubber::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-5.5px;border:1px solid rgba(206,255,247,.92);border-radius:50%;background:#071717;box-shadow:0 0 0 3px #6fffe91a,0 0 15px #6fffe9b3}#timeline-scrubber::-moz-range-track{height:1px;background:#6fffe929}#timeline-scrubber::-moz-range-progress{height:1px;background:var(--cyan-bright)}#timeline-scrubber::-moz-range-thumb{width:12px;height:12px;border:1px solid rgba(206,255,247,.92);border-radius:50%;background:#071717;box-shadow:0 0 15px #6fffe9b3}.scrub-ticks{justify-content:space-between;color:#dbf1ee52;font-size:6px}.scrub-ticks i{flex:1;height:1px;margin:0 8px;background:repeating-linear-gradient(90deg,rgba(111,255,233,.19) 0 1px,transparent 1px 14px)}.source{display:grid;grid-template-columns:auto auto;gap:4px 10px;justify-items:end;color:var(--muted);font-size:7px}.source>span{grid-column:1 / -1}.source a{color:#def6f2b8;text-decoration:none;pointer-events:auto}.source a:hover,.source a:focus-visible{color:var(--cyan);outline:none}.loading{position:fixed;z-index:50;inset:0;display:grid;place-content:center;justify-items:center;background:#020606;transition:opacity .8s .2s,visibility .8s .2s}.loading.hidden{visibility:hidden;opacity:0;pointer-events:none}.loading-mark{display:flex;gap:4px;height:64px;align-items:flex-start}.loading-mark i{width:2px;height:20px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:loading-rain .9s ease-in-out infinite}.loading-mark i:nth-child(2){height:42px;animation-delay:.12s}.loading-mark i:nth-child(3){height:29px;animation-delay:.24s}.loading p{margin:8px 0 5px;font-size:16px;letter-spacing:.18em}.loading>span{color:var(--muted);font-family:var(--font-mono);font-size:7px;letter-spacing:.15em}@keyframes live{50%{opacity:.35;transform:scale(.65)}}@keyframes loading-rain{50%{transform:translateY(18px);opacity:.32}}@keyframes enter-top{0%{opacity:0;transform:translateY(-16px)}}@keyframes enter-left{0%{opacity:0;transform:translate(-24px,-42%)}}@keyframes enter-right{0%{opacity:0;transform:translate(24px,-42%)}}@keyframes enter-bottom{0%{opacity:0;transform:translateY(18px)}}@media(max-width:960px){.overview,.city-inspector{width:min(240px,28vw)}.timeline{grid-template-columns:auto minmax(240px,1fr)}.source{display:none}}@media(max-width:700px){.masthead{padding:var(--eazo-safe-area-top) 18px 18px}h1{font-size:40px}.identity>p{margin-top:8px;font-size:10px}.impact-strip{margin-top:9px;padding-top:7px;font-size:7px}.system-state{display:none}.overview{top:calc(var(--eazo-safe-area-top) + 94px);left:18px;width:calc(100% - 36px);transform:none;pointer-events:none}.region-tabs{width:max-content;margin:0 auto;pointer-events:auto}.metric-label{margin-top:10px}.hero-number span{font-size:72px}.hero-number em{margin-bottom:6px}.severity-row{width:260px;gap:12px;margin-top:12px}.severity-row strong{font-size:14px;white-space:nowrap}.severity-row span{font-size:8px;white-space:nowrap}.micro-metrics,.method-note{display:none}.city-inspector{top:auto;right:18px;bottom:calc(var(--eazo-safe-area-bottom) + 94px);left:18px;width:auto;transform:none}.inspector-head,.comparison,.ranking,.flood-head,.flood-panel>p{display:none}.city-title{justify-content:flex-end;gap:9px;margin:0}.city-title h2{font-size:23px}.city-reading{justify-content:flex-end}.city-reading strong{font-size:47px}.flood-panel{margin-top:7px;padding-top:8px;border-top-color:#54eaff2e}.flood-kpis{width:250px;margin:0 0 0 auto}.flood-kpis strong{font-size:20px}.flood-ranking{grid-template-columns:none;grid-auto-columns:60px;grid-auto-flow:column;gap:3px;overflow-x:auto;width:100%;margin-top:7px;padding-bottom:2px;overscroll-behavior-x:contain;scrollbar-width:none}.flood-ranking::-webkit-scrollbar{display:none}.flood-row{min-height:34px;padding:3px 4px}.timeline{right:18px;bottom:var(--eazo-safe-area-bottom);left:18px;display:block}.date-switch{width:100%}.day-button{flex:1;min-width:0}.scrub-timeline{width:100%;min-width:0;margin-top:8px}.source,.city-label{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}