/* style.css - Version Nucléaire Anti-Mouvement */
html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    background-color: #000000;
    
    /* BLOQUAGE TOTAL DU SCROLL */
    overflow: hidden !important;
    position: fixed !important; 
    top: 0;
    left: 0;
    
    /* BLOQUAGE DU TACTILE (Empêche de glisser le doigt) */
    touch-action: none; 
}

#ocean-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* La souris passe au travers */
    z-index: 1;
}

#video-player {
    position: absolute;
    /* On réduit un peu la taille pour éviter que ça dépasse trop */
    max-width: 60vw; 
    max-height: 60vh;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.visible {
    opacity: 1 !important;
}