#station{
  position:absolute; width:200px; height:150px; transform:translate(-50%,-40%);
}
#station .st-roof{
  position:absolute; left:0; top:0; width:100%; height:52%; border-radius:14px;
  background: radial-gradient(circle at 35% 20%, #e2665f, #a83a34 85%);
  box-shadow:0 8px 14px rgba(0,0,0,0.25);
}
#station .st-wall{
  position:absolute; left:6%; top:40%; width:88%; height:56%; border-radius:8px;
  background:#e7d9c4;
}
#station .st-door{
  position:absolute; left:32%; top:56%; width:36%; height:38%; border-radius:5px;
  background:#2c2f36;
}
#station .st-doorstripe{
  position:absolute; left:32%; top:70%; width:36%; height:8%;
  background:#e8b923;
}

#watertower{
  position:absolute; width:130px; height:184px; transform:translate(-50%,-72%);
}
#watertower svg{
  width:100%; height:100%; display:block;
  filter: drop-shadow(0 8px 10px rgba(0,0,0,0.32));
}
#tank-fill-rect{ transition: y 0.6s ease, height 0.6s ease; }