/* Native HTML anchors cover each building; labels are links too. */
#city-life{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.city-scene{perspective:none;transform-style:flat}
.city-canvas{transform:none!important;transform-style:flat;animation:none;translate:none}
#city-regions{position:absolute;inset:0;z-index:2;pointer-events:none}
#city-regions .city-region{display:block;position:absolute;pointer-events:auto;background:transparent;transition:background .18s;cursor:pointer;transform:translateZ(0)}
#city-regions .city-region:hover,#city-regions .city-region:focus-visible{background:#7ce8af26;outline:none;box-shadow:inset 0 0 20px #64e2a644}
#city-links .city-marker{pointer-events:auto;cursor:pointer}
.city-marker:focus-visible{outline:2px solid #247d57;outline-offset:3px}
.city-scene #city-traffic{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;transform:none;transition:none;overflow:visible}
#city-traffic *{pointer-events:none}
.walking-legs{transform-box:fill-box;transform-origin:center top;animation:walking .45s ease-in-out infinite alternate}
@keyframes walking{to{transform:skewX(15deg)}}
@media(prefers-reduced-motion:reduce){.walking-legs{animation:none}}