I figured out why it wouldn't work on my machine:

    @media (prefers-reduced-motion: reduce) {
        *, *::before, *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
    }

With reduced-motion enabled (which is basically required in Tahoe :eyeroll:), animations complete immediately and there is no chance to click the salt/water.