/* Portrait keeps the lower shore and tabletop contact points unobstructed.
   A stable top dock avoids controls following individual actors. */
@media (max-aspect-ratio: 4/5) {
  #sound,#pause,#resume,#replay {
    top:max(18px,env(safe-area-inset-top));
    bottom:auto;
  }
  #sound-panel {
    top:calc(max(18px,env(safe-area-inset-top)) + 58px);
    bottom:auto;
  }
  #sound-hint {
    top:calc(max(18px,env(safe-area-inset-top)) + 58px);
    bottom:auto;
  }
  body:has(#sound-panel:not([hidden])) #sound-hint {display:none}
}