body, html { 
    margin: 0; padding: 0; background: #000; height: 100vh; width: 100vw; 
    overflow: hidden; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
}

/* Player Frame */
#playerFrame { 
    width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0; z-index: 1; 
}

/* Loading Spinner */
#banner { 
    position: absolute; width: 100%; height: 100%; background: #000; 
    display: flex; justify-content: center; align-items: center; z-index: 10; 
}

.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); } }

/* Utility */
.hidden { display: none !important; }

/* Logo Overlay */
.player-logo {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
    pointer-events: none; /* Agar tidak menghalangi klik pada player */
}

.player-logo img {
    width: 100px; /* Sesuaikan ukuran logo Anda */
    height: auto;
    opacity: 0.8;
}