Girl Gone Trigger Happy. Good For Girl...Not So Much For Learner :-)

Need help, please!

I've made the following changes to an existing template (see attached):

• Added 3 additional "Hazard" btns, initially was only 4
• Added the Visited states, initially only Normal & Selected
• Changed the trigger states from 'reset' to 'visited' When next Hazard is selected
• Added a Disabled Next button and set to Initial state. The Next button will change to Normal when all Hazard buttons have been visited.

MY ISSUE:
As it is now, if the learner click the hazards out of numerical order the visual states will be very confusing, though the Next button will eventually appear allowing learner to move forward. I'm trying to prevent this confusion.

QUESTION:
What trigger(s) needs to be added, or adjusted, to make this a seamless process if user clicks out of numerical order?

Thanks you in advance for any helps.

I'm using SL2