.future-map-shell{position:relative}.future-node-buttons{position:absolute;inset:0;z-index:8;pointer-events:none}.future-city-button{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;gap:3px;width:54px;min-height:54px;padding:5px;border:1px solid rgba(105,224,203,.35);border-radius:50%;background:#07151bdd;color:#cce9dc;pointer-events:auto;cursor:pointer;box-shadow:0 0 14px rgba(105,224,203,.08);transition:transform .18s,border-color .18s,background .18s}.future-city-button svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.future-city-button span{position:absolute;top:calc(100% + 5px);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;color:#93ada3;font:10px var(--mono);opacity:0;transition:opacity .18s}.future-city-button:hover,.future-city-button:focus,.future-city-button.active{transform:translate(-50%,-50%) scale(1.18);border-color:#69e0cb;background:#12333bdd;color:#69e0cb;z-index:3}.future-city-button:hover span,.future-city-button:focus span,.future-city-button.active span{opacity:1}.future-city-button.active{box-shadow:0 0 22px rgba(105,224,203,.35)}@media(max-width:700px){.future-city-button{width:48px;min-height:48px}.future-city-button svg{width:27px;height:27px}.future-city-button span{font-size:9px}}