Customize slapstreams to prioritize the video player

slapstreams.io-injection-script.css

/* 1. LAYOUT: Unlock full width for the page */
.container {
    max-width: 100% !important;
    width: 98% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2. LAYOUT: Hide the Sidebar */
.col-md-4.wp-bp-sidebar-width {
    display: none !important;
}

/* 3. LAYOUT: Force Video Column to fill the screen */
.col-md-8.wp-bp-content-width {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 4. TARGETING FIX: Hide ONLY the Top Player's Container */
/* "Find any .vplayer that contains the bad #player ID and hide it." */
.vplayer:has(#player) {
    display: none !important;
}

/* 5. CLEANUP: Hide Team Logos Strip */
#reportOptionsHidden {
    display: none !important;
}

/* 6. UI: Ghost Mode for Dark Mode Toggle */
.dracula-toggle-wrap {
    opacity: 0.1 !important;
    filter: grayscale(100%) !important;
    transform: scale(0.8) !important;
    transform-origin: right center !important;
    transition: all 0.3s ease !important;
}
.dracula-toggle-wrap:hover {
    opacity: 1 !important;
    filter: none !important;
    transform: scale(1) !important;
}

/* 7. SAFETY: Ensure the Bottom Player is visible */
#playerss,
#multi-button {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 8. CONSTRAINT: Prevent Player from getting too tall */
/* Logic: The player maintains a 16:9 ratio. */
/* If we limit the width to ~165vh, the height will never exceed ~93% of the viewport. */
#playerss {
    max-width: 165vh !important; 
    margin: 0 auto !important; /* Centers the player if the screen is super wide */
}