/**
 * Watch page behaviour layer.
 *
 * The bulk of the watch layout styling already ships in style.css (the original
 * build's compiled CSS-module classes). This file only adds the small bits the
 * dynamic player needs: sizing the JS-mounted engine surface, the embed iframe,
 * and the "Lights Off" theater dim.
 */


[data-kisskh-player] [data-media-provider] video,
[data-kisskh-player] .plyr {
	width: 100%;
	height: 100%;
}

/* Embed surface uses the original container / iframe. */
[data-kisskh-embed] {
	width: 100%;
	z-index: var(--z-index-modal);
}

/* Active toggle state in the player menu. */
[data-kisskh-player-menu] [data-active="true"] {
	color: var(--primary-accent, #6ca2ff);
}

/* Disabled download button (selected server has no download link). */
[data-kisskh-download][disabled],
[data-kisskh-download][aria-disabled="true"] {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}

@media (min-width: 750px) {
	#comments-button,
	[data-comments-notice] {
		display: none;
	}
}
@media (max-width: 750px) {
	[data-kisskh-comments]:not(.sheet) {
		display: none !important;
	}
}



/* Skip Intro / Skip Outro button (direct API sources). Shown while playback is
   inside a reported intro/outro range and Auto Skip is off. */
[data-kisskh-player] {
	position: relative;
}

.kisskhSkipBtn {
	position: absolute;
	right: 16px;
	bottom: 64px;
	z-index: 20;
	padding: 8px 16px;
	font: 600 13px/1 inherit;
	font-family: inherit;
	color: #fff;
	background: rgba(20, 20, 24, 0.85);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: calc(var(--global-border-radius, 8px) * 1px + 4px);
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s;
}

.kisskhSkipBtn:hover {
	background: var(--primary-accent, #6ca2ff);
	border-color: var(--primary-accent, #6ca2ff);
}

.kisskhSkipBtn[hidden] {
	display: none;
}