:root{color-scheme:dark;--ink:#e9f0f5;--muted:#8a9ba9;--accent:#77decc;--base:#080d14;--glass:rgba(17,25,36,.88)}
*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--base);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--muted);text-decoration:none}a:hover{color:var(--ink)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}p,h2{margin:0}.glass,.glass-button{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #d2e5ff14;box-shadow:0 16px 65px #0005;border-radius:16px}.world-view,.city-view{position:absolute;inset:0}#globe,#city-map{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#182735 0,#0b131e 48%,#060a10 85%)}
.city-picker{position:absolute;left:28px;top:28px;z-index:4}.glass-button{padding:13px 18px;display:flex;gap:25px;align-items:center;font-size:14px}.glass-button span{color:var(--accent)}.city-list{width:240px;margin-top:10px;padding:8px;max-height:calc(100svh - 140px);overflow:auto;scrollbar-width:thin}.city-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;background:transparent;border:0;border-radius:10px;text-align:left}.city-button:hover{background:#8cdac512}.city-number{font-size:12px;color:var(--muted)}.city-name{font-size:15px}.city-country{display:block;font-size:12px;color:var(--muted)}.city-button .arrow{margin-left:auto;color:var(--accent)}.globe-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:var(--muted);font-size:12px;white-space:nowrap;pointer-events:none}
.city-controls{position:absolute;top:24px;left:24px;z-index:4;display:flex;gap:12px;align-items:center;padding:7px 18px 7px 7px}.city-controls button,.inspector-controls button{border:0;background:transparent;font-size:25px;line-height:1;width:34px;height:34px;border-radius:10px;color:var(--muted)}.city-controls button:hover,.inspector-controls button:hover{background:#ffffff0c;color:white}.city-controls span{font-size:14px}.city-notice{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);padding:18px 24px;font-size:14px;color:var(--muted);max-width:calc(100% - 32px);width:max-content}
.inspector{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);width:min(760px,calc(100% - 48px));max-height:66svh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#475969 transparent;animation:appear .22s ease-out}.inspector-controls{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 9px 20px}.inspector-controls span{font-size:12px;color:var(--muted)}.panorama-wrap{position:relative;aspect-ratio:2/1;overflow:hidden;background:#080c11}.panorama-wrap>img{width:100%;height:100%;display:block;object-fit:contain}.panorama-controls{padding:14px 20px 18px}.image-credit{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.detection-action{display:flex;justify-content:space-between;align-items:center;gap:16px}.detection-action p{font-size:12px;color:var(--muted)}.primary{background:var(--accent);color:#102727;border:0;border-radius:10px;padding:11px 16px;white-space:nowrap;font-size:13px;font-weight:550}.primary:hover{background:#a1eddf}.detection-box{position:absolute;border:2px solid #77decc;background:#77decc06;padding:0;z-index:1}.detection-box:hover,.detection-box.selected{border-color:#fff;background:#ffffff12;z-index:2}.box-tag{position:absolute;top:-1px;left:-1px;background:var(--accent);color:#122521;font-size:12px;font-weight:600;padding:1px 6px}.detection-box.selected .box-tag{background:white}.building-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 20px 18px}.building-image{min-width:0}.building-image img{width:100%;height:230px;display:block;object-fit:contain;background:#080e16;border-radius:8px}.building-image p{font-size:12px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.building-attributes .eyebrow{display:none}.building-attributes h2{font-size:16px;font-weight:500;margin-bottom:16px}.attribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}.attribute-grid dt{font-size:12px;color:var(--muted);margin-bottom:3px}.attribute-grid dd{font-size:13px;margin:0}.caption{font-size:13px;line-height:1.65;color:#adbac4}.inference-note{font-size:12px;color:var(--muted);padding:0 20px 20px}.view-marker{width:28px;height:28px;border:2px solid #d9fff4;border-radius:50%;background:#17574e;color:white;font-size:12px;display:grid;place-items:center;padding:0;box-shadow:0 0 18px #77decc40}.view-marker.selected{outline:5px solid #77decc25;background:#359e8e}.building-marker{width:26px;height:26px;border:1px solid #ffc294;background:#854d2e;color:#fff;border-radius:7px;font-size:12px;display:grid;place-items:center;padding:0;box-shadow:0 0 14px #fbb98c22}.building-marker.selected{background:#359e8e;border-color:var(--accent)}.map-fallback,.load-error{position:absolute;left:16px;bottom:20px;color:var(--muted);font-size:12px;padding:10px 14px;z-index:6;background:#111924e8;border-radius:10px}.maplibregl-ctrl-group{background:#111924e8!important;box-shadow:0 3px 20px #0004!important;border-radius:10px!important}.maplibregl-ctrl-group button{border-color:#ffffff10!important}.maplibregl-ctrl-icon{filter:invert(1)}.maplibregl-ctrl-attrib{background:#0c1420d9!important;color:#8193a2!important;font-size:10px!important}.maplibregl-ctrl-attrib a{color:#8193a2!important}.maplibregl-popup-content{background:#152130;color:var(--ink);border-radius:10px;padding:8px 13px;font:13px Inter,sans-serif;box-shadow:0 8px 25px #0004}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#152130}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#152130}
@keyframes appear{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:700px){.city-picker{left:16px;top:16px}.city-controls{left:16px;top:16px}.inspector{bottom:90px;width:calc(100% - 24px);max-height:calc(100svh - 174px);border-radius:14px}.building-content{grid-template-columns:1fr;gap:18px}.building-image img{height:210px}.detection-action{gap:10px}.primary{padding:10px 12px;font-size:12px}.panorama-controls{padding:12px 16px 16px}.image-credit{font-size:12px}.building-content,.inference-note{padding-left:16px;padding-right:16px}.globe-hint{bottom:40px}.city-notice{bottom:80px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}



.inspector-controls>div{display:flex;align-items:center;gap:8px}.building-panel{padding-top:8px}

@media(max-width:700px){.detection-action p{min-width:0}}

.inspector{left:auto;right:24px;top:88px;bottom:auto;transform:none;width:min(520px,46vw);max-height:calc(100svh - 112px)}
.inspector-controls{padding:7px 10px 7px 16px}.panorama-controls{padding:12px 16px}.image-credit{margin-bottom:10px}.detection-action{justify-content:flex-end}.building-content{grid-template-columns:1fr;padding:0 16px 16px;gap:16px}.building-image img{height:260px}.building-panel{padding-top:0}.inference-note{padding:0 16px 16px;font-size:12px}.view-marker{width:18px;height:18px;border-width:2px}.view-marker.selected{outline-width:4px}.sightline-pulses{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.city-controls{z-index:4}
@media(max-width:700px){.inspector{right:10px;top:76px;bottom:auto;width:54vw;max-height:calc(100svh - 100px)}.inspector-controls{padding:6px}.inspector-controls button{width:28px;height:28px}.panorama-controls{padding:10px}.image-credit{font-size:12px}.image-credit a{display:none}.primary{font-size:12px;padding:9px 10px}.building-content{padding:0 10px 12px;gap:12px}.building-image img{height:170px}.attribute-grid{grid-template-columns:1fr;gap:9px}.inference-note{padding:0 10px 12px}}


/* A steady line with a soft, moving brightness gradient. */
.line-base,.line-glow,.line-shine{fill:none;stroke-linecap:butt}
.line-base{stroke:#77bbaa;stroke-width:2;opacity:.6}
.line-glow{stroke-width:9;opacity:.8;filter:blur(2.5px)}
.line-shine{stroke-width:2;opacity:.95}
@media(prefers-reduced-motion:reduce){.line-glow,.line-shine{display:none}}

.building-marker{background:#17574e;border:2px solid #d9fff4;box-shadow:0 3px 10px #0005}.building-marker.selected{background:#359e8e;border-color:#d9fff4;outline:4px solid #77decc25}

.type-controls{position:absolute;top:88px;left:24px;z-index:4}.type-controls .glass-button{padding:10px 14px;font-size:12px}.type-legend{margin-top:8px;padding:13px 14px;min-width:180px;font-size:12px}.type-legend>div{display:flex;align-items:center;gap:9px;margin:7px 0}.type-legend i{width:8px;height:8px;border-radius:2px}.type-legend>div>span:last-child:not(:nth-child(2)){margin-left:auto;color:var(--muted)}.type-legend p{font-size:12px;color:var(--muted);margin-top:10px}@media(max-width:700px){.type-controls{top:77px;left:16px}.type-controls .glass-button{padding:9px 10px}.type-legend{min-width:130px;padding:8px}.type-legend>div{gap:5px}}

.distribution-picker{position:relative;width:190px}
#map-attribute{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;border-radius:16px;padding:10px 14px;color:var(--ink);font-size:12px}
#map-attribute::-webkit-details-marker{display:none}
#distribution-label{color:var(--ink)}
#map-attribute svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.distribution-picker[open] #map-attribute svg{transform:rotate(180deg)}
.distribution-options{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:2;padding:6px;border-radius:16px}
.distribution-options button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:10px;font-size:12px}
.distribution-options button:hover,.distribution-options button[aria-pressed=true]{background:#77decc12;color:var(--accent)}
summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.project-credit{position:absolute;left:50%;right:auto;transform:translateX(-50%);bottom:30px;z-index:6;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;white-space:nowrap;text-shadow:0 1px 5px #000}
.project-credit a{color:var(--muted)}.project-credit a:hover{color:var(--ink)}
.maplibregl-ctrl-bottom-right{bottom:16px}
.inspector{max-height:calc(100svh - 156px)}
@media(max-width:700px){.maplibregl-ctrl-bottom-right{bottom:14px}.distribution-picker{width:166px}.project-credit{bottom:28px;font-size:10px;gap:6px}.inspector{max-height:calc(100svh - 144px)}}

#globe{background:#080808}


#city-map .view-marker,#city-map .building-marker{z-index:3}

.site-logo{position:absolute;top:28px;right:28px;z-index:6;width:min(280px,32vw);pointer-events:none;mix-blend-mode:screen}.site-logo img{display:block;width:100%;height:auto;filter:invert(1);opacity:.85}@media(max-width:700px){.site-logo{top:18px;right:16px;width:180px;max-width:42vw}}

@media(max-width:700px) and (orientation:portrait){.inspector{left:12px;right:12px;top:auto;bottom:64px;width:calc(100% - 24px);max-height:50svh;transform:none}.building-image img{height:210px}.attribute-grid{grid-template-columns:1fr 1fr}}