html,
body {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-image: url(https://kltraid.pages.dev/images/player.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		background-color: black;
}

.shaka-video-container {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
}

.shaka-video {
		width: 100%;
		height: 100%;
}

/* Hilangkan volume bar */
.shaka-volume-bar-container {
		display: none !important;
}

/* Button icons (play, pause, etc) */
.shaka-controls-button-panel button {
		color: #f1ff00 !important;
}

/* Tombol Unmute besar */
.player-unmute {
		position: absolute;
		top: 10px;
		right: 12px;
		z-index: 9999;
		display: none;
		padding: 10px 12px;
		border: 0;
		border-radius: 999px;
		background: rgba(0, 0, 0, .6);
		color: #fdff00;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 1;
		align-items: center;
		justify-content: center;
		cursor: pointer;
}

.player-unmute:hover {
		background: rgba(0, 0, 0, .75);
		color: #e6e800;
}

.player-unmute svg {
		display: inline-block;
		vertical-align: middle;
}

/* Hide volume/mute button bawaan Shaka by default (mencegah flicker) */
/* .shaka-video-container .shaka-mute-button {
    display: none;
} */

/* Class untuk show kembali setelah unmute */
/* .shaka-video-container .shaka-mute-button.volume-visible {
    display: inline-block;
/* } */