/*
 * Lyrical Player Styles
 * Lyrics display is injected between .current-artist and .song-description-container
 * inside the Music Voting .song-info container.
 */

#lyrical-lyrics-display {
	margin: 5px 0 3px;
	text-align: center;
	min-height: 1.3em; /* reserve space so layout doesn't jump when lyrics change */
	overflow: hidden;
}

/* All lyric lines are hidden by default — only the active one shows */
.lyrical-line {
	display: none;
	margin: 0;
	padding: 0;
	font-size: 14px;     /* matches .current-title in Music Voting */
	font-weight: 600;    /* matches .current-title in Music Voting */
	color: #222;         /* matches .current-title color */
	line-height: 1.3;
}

/* ---- Effect: highlight (default) ----------------------------------------- */

.lyrical-effect-highlight .lyrical-line.lyrical-active {
	display: block;
	color: #0073aa;
	animation: lyrical-pop 0.2s ease;
}

/* ---- Effect: fade --------------------------------------------------------- */

.lyrical-effect-fade .lyrical-line.lyrical-active {
	display: block;
	color: #222;
	animation: lyrical-fadein 0.4s ease;
}

/* ---- Effect: karaoke (underline sweep) ------------------------------------ */

.lyrical-effect-karaoke .lyrical-line.lyrical-active {
	display: block;
	color: #222;
	text-decoration: underline;
	text-decoration-color: #0073aa;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
	animation: lyrical-fadein 0.25s ease;
}

/* ---- Animations ----------------------------------------------------------- */

@keyframes lyrical-pop {
	0%   { opacity: 0; transform: scale( 0.96 ); }
	100% { opacity: 1; transform: scale( 1 ); }
}

@keyframes lyrical-fadein {
	0%   { opacity: 0; transform: translateY( 3px ); }
	100% { opacity: 1; transform: translateY( 0 ); }
}