I created this Tampermonkey script (I've changed some details but kept the most important parts) to automatically click and secure a spot as soon as one becomes available in a room on a website. It monitors the availability list and clicks on the highlighted spot when it appears. However, I am unable to detect a numeric change in the availability counter (I'm not sure how) — only when the spot becomes visually highlighted. Does anyone have a better approach or suggestions for improving how it detects and reacts to an available spot? I need to identify the change and click as quickly as possible.

div data-v-5222ec3e="" data-v-20568db0="" class="c_ChatRoom__list-item-counter" 0 spots available </div> (clickable element when zero spots available)

div data-v-5222ec3e="" data-v-20568db0="" class="c_ChatRoom__list-item-counter is-highlighted"> Available /div

(function() {
    'use strict';

    function startObserver() {
        const observedArea = document.querySelector(".c_ChatRoom__list-item-counter");
        
        if (!observedArea) {
            console.log("⚠️ Observed area not found! Retrying in 1s...");
            setTimeout(startObserver, 1000);
            return;
        }

        const observer = new MutationObserver(() => {
            const highlightedElement = observedArea.querySelector(".c_ChatRoom__list-item-counter.is-highlighted");

            if (highlightedElement) {
                console.log("