/* GameOver Site Skin Frontend Styles */

/* Base styles are added inline via PHP to include the dynamic image URL */

/* Additional styling for better integration */
@media (min-width: 1025px) {
    body.gameover-site-skin {
        position: relative;
    }
    
    /* Make sure all interactive elements work properly - but don't apply to containers */
    body.gameover-site-skin a,
    body.gameover-site-skin button,
    body.gameover-site-skin input,
    body.gameover-site-skin select,
    body.gameover-site-skin textarea,
    body.gameover-site-skin [role="button"] {
        pointer-events: auto;
        cursor: pointer;
    }
    
    /* Smooth transition when toggling */
    body.gameover-site-skin {
        transition: max-width 0.3s ease, margin 0.3s ease;
    }
}

/* Mobile and tablet - no skin applied */
@media (max-width: 1024px) {
    body.gameover-site-skin {
        max-width: 100%;
        margin: 0;
        background: none;
    }
}