Splitting mobile viewports into 3 separate properties seems incredibly hacky to me. I really can't believe it's an official CSS spec.

IMO the browser makers are at fault for making the viewport be partially obscured under the UI.

The viewport should be just that: viewable.