/* Фоновая музыка МЛП: кнопка управления звуком.
   Стоит над переключателем языка (#mlp-lang сидит внизу справа),
   высота — как у кнопки языка, ширина — примерно половина, как просил клиент. */

#mlp-music{
	position:fixed; right:14px; bottom:62px; z-index:99999;
	background:rgba(12,12,12,.92); border:1px solid #4a4022; border-radius:999px;
	padding:4px; box-shadow:0 6px 18px rgba(0,0,0,.55); line-height:0;
}
#mlp-music .mlp-music__btn{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:30px; height:29px; padding:0; border:0; border-radius:999px;
	background:transparent; cursor:pointer;
}
/* Значок: четыре золотых столбика эквалайзера. Пока музыка идёт — они шевелятся,
   на паузе стоят ровно. Клиент попросил заменить скрипичный ключ (24.09.2026). */
#mlp-music .mlp-music__eq{
	display:flex; align-items:flex-end; justify-content:center; gap:2px;
	width:18px; height:15px;
}
#mlp-music .mlp-music__eq i{
	display:block; width:3px; height:100%; border-radius:2px;
	background:linear-gradient(180deg,#f7dc8c,#c9a24a);
	transform:scaleY(.3); transform-origin:bottom;
	transition:transform .2s;
}
#mlp-music .mlp-music__btn:hover .mlp-music__eq i{ background:linear-gradient(180deg,#ffe9a8,#d9b158); }
#mlp-music.is-playing .mlp-music__eq i{ animation:mlp-eq .85s ease-in-out infinite; }
#mlp-music.is-playing .mlp-music__eq i:nth-child(2){ animation-duration:1.15s; animation-delay:-.4s; }
#mlp-music.is-playing .mlp-music__eq i:nth-child(3){ animation-duration:.7s;  animation-delay:-.2s; }
#mlp-music.is-playing .mlp-music__eq i:nth-child(4){ animation-duration:1s;   animation-delay:-.6s; }
@keyframes mlp-eq{
	0%,100%{ transform:scaleY(.28); }
	50%    { transform:scaleY(1); }
}
/* кому мешает движение — столбики просто стоят */
@media (prefers-reduced-motion: reduce){
	#mlp-music.is-playing .mlp-music__eq i{ animation:none; transform:scaleY(.6); }
}

/* выключено: красный кружок с перечёркиванием под 45 градусов */
#mlp-music .mlp-music__ban{
	position:absolute; inset:0; display:none; border:2px solid #e02020; border-radius:50%;
}
#mlp-music .mlp-music__ban:before{
	content:""; position:absolute; left:50%; top:50%; width:100%; height:2px;
	background:#e02020; transform:translate(-50%,-50%) rotate(45deg);
}
#mlp-music.is-off .mlp-music__ban{ display:block; }
#mlp-music.is-off .mlp-music__eq i{ background:#6f6238; transform:scaleY(.28); animation:none; }

@media (max-width:560px){
	#mlp-music{ right:10px; bottom:56px; }
	#mlp-music .mlp-music__btn{ width:26px; height:26px; }
	#mlp-music .mlp-music__eq{ width:16px; height:13px; }
}