/* FIX FOR START GAME BUTTON CLICKABILITY ISSUE */

/* Ensure the start game button is always clickable */
#startGameButton {
    /* Force the button to be on top of other elements */
    position: relative !important;
    z-index: 999 !important;
    
    /* Ensure it's not blocked by pointer events */
    pointer-events: auto !important;
    
    /* Make sure it has proper display and is clickable */
    display: block !important;
    cursor: pointer !important;
    
    /* Ensure proper sizing for touch/click */
    min-height: 44px !important;
    min-width: 44px !important;
    
    /* Remove any potential transform issues */
    transform: none !important;
    
    /* Ensure button is not covered by overlays */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure the button's parent container doesn't interfere */
#startGameButton:not([style*="display: none"]) {
    display: block !important;
}

/* Make sure overlays don't block the button */
.overlay-menu {
    z-index: 1000 !important;
}

.overlay-menu.active {
    z-index: 1001 !important;
}

/* Ensure the player input container doesn't interfere */
#playerInputFields {
    position: relative;
    z-index: 1;
}

/* Fix any potential flex/grid issues that might block the button */
.fade-in, .player-input-group {
    position: relative;
    z-index: 1;
}