// PlayerHidder.js

// CSS selector that targets the div containing player icons
const selector = '#map-container > div > div:nth-child(2)';

// Hide the div that contains the player icons
function hideDiv() {
    const targetDiv = document.querySelector(selector); // Grab the div via the CSS selector
    if (targetDiv) { // Ensure the element exists
        targetDiv.style.display = 'none'; // Hide it
    }
}

// Show the div that contains the player icons
function showDiv() {
    const targetDiv = document.querySelector(selector); // Grab the div via the CSS selector
    if (targetDiv) { // Ensure the element exists
        targetDiv.style.display = ''; // Reset display to show it
    }
}

// Hide the div on load
hideDiv();

// Expose helpers globally
window['open_sesame'] = showDiv;
window['close_sesame'] = hideDiv;