/* Reset total */
* { margin: 0; padding: 0; box-sizing: border-box; }

body, html { 
    width: 100%; 
    height: 100%; 
    background: #000; 
    overflow: hidden; 
}

/* Mengatur agar Iframe dan Video selalu memenuhi layar */
#playerFrame, video { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    border: none;
    display: block;
    object-fit: contain;
    background-color: #000;
}

/* Loading Banner */
#banner { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh; 
    background: #000; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    z-index: 9999; 
}
.spinner { 
    width: 50px; height: 50px; border: 5px solid #1a1a1a; 
    border-top: 5px solid #ff0000; border-radius: 50%; 
    animation: spin 1s linear infinite; 
}
@keyframes spin { to { transform: rotate(360deg); } }

/* Logo Overlay: Diletakkan di atas video dengan z-index tinggi */
.player-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10000;
    pointer-events: none; /* Agar tidak mengganggu klik player */
}
.player-logo img {
    width: 150px; 
    height: auto;
    opacity: 0.8;
}