.cityscape{position:relative;width:285px;height:55px;background:linear-gradient(to bottom,#0a1b2d,#0f2534);overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start;margin-right:1.25em}.sun{position:absolute;top:-15px;right:10px;width:30px;height:30px;background:radial-gradient(circle,#00ffff,#0077ff);border-radius:50%;box-shadow:0 0 30px #00ffff,0 0 60px #0077ff;animation:pulse 3s infinite alternate}.building{position:relative;background:#2a4e6c;border-top:2px solid rgba(0,255,255,0.3);transition:all 0.3s ease;margin:0 3px;cursor:crosshair}.building::before{content:'';position:absolute;top:20%;left:20%;width:2px;height:8px;background:rgba(0,255,255,0.5);transition:all 0.3s ease}.b1{width:20px;height:31px}.b2{width:23px;height:29px;background-color:#2a4e6ca4}.b3{width:22px;height:33px}.b4{width:27px;height:38px;background-color:#009696b7}.b5{width:22px;height:34px}.b6{width:25px;height:28px;background-color:#2a4e6c6c}.b7{width:21px;height:32px}.b8{width:23px;height:35px;background-color:#2e4658}@keyframes pulse{from{transform:scale(1);box-shadow:0 0 30px #00ffff,0 0 60px #0077ff}to{transform:scale(1.2);box-shadow:0 0 40px #00ffff,0 0 80px #0077ff}}.building:hover{transform:translateY(-3px);background:linear-gradient(to bottom,#00ffff,#2a4e6c)}.popup-container{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);background:#027478;color:#fff;padding:2px 5px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:10;opacity:0;transition:opacity 0.3s ease;display:flex;flex-direction:column;align-items:center;min-width:100px}.popup-node{font-weight:700;color:#fff}.popup-description{font-size:10px;color:rgba(255,255,255,0.7);margin-top:3px}.popup-container.active{opacity:1}