:root{color:#263e51;font-synthesis:none;background:#f7f9fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#app{background:#f7f9fa;width:100vw;height:100dvh;position:relative;overflow:hidden}canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.labels{pointer-events:none;position:absolute;inset:0}.map-label{color:#62717b;text-shadow:0 1px 2px #fff,1px 0 2px #fff,-1px 0 2px #fff,0 -1px 2px #fff;white-space:nowrap;font-size:12px;transition:opacity .4s}.overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:42px 48px;display:flex;position:absolute;inset:0}header{z-index:2;position:relative}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,56px);font-weight:600;line-height:1.08}h1 span{color:#4fa9de}header p{color:#617482;margin:14px 0 0;font-size:14px}.map-key{color:#60727e;width:174px;font-size:11px;position:absolute;top:48px;right:48px}.color-scale{background:linear-gradient(90deg,#eaf8fd,#c6ecf8,#8fd3f0,#4fa9de,#2a6fc0,#0b3c8c);border-radius:2px;height:5px;margin:10px 0 7px}.scale-labels{justify-content:space-between;display:flex}footer{z-index:3;justify-content:space-between;align-items:flex-end;display:flex}.credit{color:#61727d;font-size:10px;line-height:1.6}.transport{pointer-events:auto;gap:9px;display:flex}button{font:inherit;color:#425a69;cursor:pointer;background:#fffd;border:1px solid #d6dfe5;border-radius:7px;align-items:center;gap:10px;padding:10px 13px;font-size:12px;display:flex}button:hover{background:#fff;border-color:#9bb5c5}button:focus-visible{outline-offset:3px;outline:2px solid #2a6fc0}button:disabled{cursor:wait;opacity:.65}kbd{font:inherit;color:#708591;border:1px solid #e1e7eb;border-radius:3px;padding:1px 4px;font-size:9px}button i{background:#2a6fc0;border-radius:50%;width:6px;height:6px}.timeline{background:#e5edf2;height:2px;position:absolute;bottom:0;left:0;right:0}.timeline div{background:#4fa9de;width:0;height:100%}.tooltip{pointer-events:none;z-index:10;color:#60717d;background:#fff;border:1px solid #d4dce2;border-radius:12px;max-width:265px;padding:13px 16px;font-size:11px;line-height:1.7;position:fixed}.tooltip strong{color:#314a5b;margin-bottom:5px;font-size:12px;display:block}.tooltip .value{color:#0b3c8c;font-weight:600}.notice{color:#425a69;max-width:280px;font-size:12px;position:absolute;bottom:95px;right:48px}.loading{color:#617482;font-size:14px;position:absolute;top:160px;left:48px}.recording .transport{opacity:.65}.recording .map-key{display:none}@media (width<=700px){.overlay{padding:28px 24px}header p{margin-top:10px;font-size:12px}.map-key{width:135px;font-size:10px;top:auto;bottom:115px;right:24px}.credit{font-size:8px}.transport{gap:6px}button{gap:6px;padding:9px;font-size:11px}kbd{display:none}.notice{bottom:158px;right:24px}.map-label{font-size:10px}.loading{top:125px;left:24px}}@media (prefers-reduced-motion:reduce){.map-label{transition:none}}.context-label{color:#738591;font-size:11px;font-weight:500}.context-label:before{content:"";vertical-align:middle;background:#a5b9c4;border-radius:50%;width:3px;height:3px;margin-right:5px;display:inline-block}.metric-switch{pointer-events:auto;background:#e7eef3;border-radius:8px;gap:3px;width:fit-content;margin-top:22px;padding:3px;display:flex}.metric-switch button{background:0 0;border:0;border-radius:6px;padding:9px 15px;font-size:12px}.metric-switch button[aria-pressed=true]{color:#0b3c8c;background:#fff}.rent-comparison{background:#f7f9faf0;border:1px solid #dbe5eb;border-radius:12px;width:225px;padding:18px 18px 16px;position:absolute;bottom:110px;left:48px}.rent-comparison[hidden]{display:none}.rent-comparison h2{letter-spacing:-.02em;margin:0 0 5px;font-size:14px;font-weight:600}.rent-comparison>p{color:#647783;margin:0 0 19px;font-size:10px}.comparison-row{margin-top:13px}.comparison-row>div:first-child{color:#5c727f;justify-content:space-between;font-size:10px;display:flex}.comparison-row strong{color:#294d68;font-size:11px;font-weight:600}.bar-track{background:#e4edf2;border-radius:2px;height:4px;margin-top:6px}.bar-track>div{background:#8db9d5;border-radius:2px;height:100%}.home-row .bar-track>div{background:#2a6fc0}.home-row span{color:#2a6fc0;font-weight:600}.rent-note{color:#667b87;margin-top:18px;font-size:9px;line-height:1.6}.credit a{color:inherit;pointer-events:auto;text-decoration:none}.credit a:hover{text-decoration:underline}.water-label{color:#4f8ea8;letter-spacing:.02em;font-size:12px;font-style:italic}.overlay[data-metric=rent] h1{font-size:clamp(30px,3.4vw,49px)}@media (width<=700px){.metric-switch{margin-top:16px}.metric-switch button{padding:8px 12px;font-size:11px}.rent-comparison{width:170px;padding:12px;bottom:106px;left:24px}.rent-comparison>p{margin-bottom:10px;font-size:8px}.comparison-row{margin-top:8px}.comparison-row>div:first-child{font-size:9px}.comparison-row strong{font-size:10px}.rent-note{margin-top:10px;font-size:8px}.overlay[data-metric=rent] .map-key{width:110px;bottom:112px}.water-label{font-size:11px}.overlay[data-metric=rent] .rent-comparison{width:calc(100% - 48px);padding:12px 14px;bottom:101px;left:24px}.rent-comparison h2{font-size:12px}.rent-comparison>p{margin-bottom:7px}.comparison-bars{grid-template-columns:1fr 1fr;gap:8px 18px;display:grid}.comparison-row{margin:0}.rent-note{margin-top:8px;line-height:1.3}.overlay[data-metric=rent] .map-key{width:110px;bottom:278px;right:24px}}canvas.dragging{cursor:grabbing}.region-title{letter-spacing:-.02em;margin:18px 0 0;font-size:clamp(20px,1.7vw,27px);font-weight:500;line-height:1.2}header .subtitle{margin-top:8px;font-size:12px}@media (width<=700px){.region-title{margin-top:14px;font-size:20px}header .subtitle{font-size:11px}}.overlay h1,.overlay[data-metric=rent] h1{letter-spacing:-.035em;font-size:clamp(25px,2.6vw,38px)}.city-label{color:#324b5c;text-shadow:0 1px 4px #fff,0 0 8px #fff;font-size:20px;font-weight:600}@media (width<=700px){.city-label{font-size:16px}}