/* 4.89 · il pulsante della musica: tondo, piccolo, in basso a sinistra */
#fpe-musica { position: fixed; left: 12px; bottom: 12px; z-index: 9990; width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid rgba( 255, 255, 255, .3 ); cursor: pointer;
	display: grid; place-items: center; font-size: 17px; line-height: 1; color: #eaf6ff;
	background: linear-gradient( 180deg, rgba( 255, 255, 255, .24 ), rgba( 255, 255, 255, .06 ) 50%, rgba( 62, 198, 255, .2 ) ), rgba( 8, 16, 40, .7 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .45 ), 0 4px 14px -4px rgba( 0, 0, 0, .7 ); -webkit-tap-highlight-color: transparent; opacity: .8; transition: opacity .2s, transform .2s; }
#fpe-musica:hover, #fpe-musica:focus-visible { opacity: 1; transform: scale( 1.08 ); }
#fpe-musica .fpe-mu-x { position: absolute; width: 24px; height: 2px; background: #fff; border-radius: 2px; transform: rotate( -45deg ); box-shadow: 0 0 0 1px rgba( 8, 16, 40, .8 ); }
#fpe-musica.e-su { opacity: 1; border-color: #2dd4bf; box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .45 ), 0 0 14px rgba( 45, 212, 191, .7 ); animation: fpe-mu-ritmo 1.6s ease-in-out infinite; }
#fpe-musica.e-su .fpe-mu-x { display: none; }
#fpe-musica.e-attesa { animation: fpe-mu-ritmo 1.6s ease-in-out infinite; }
@keyframes fpe-mu-ritmo { 50% { transform: scale( 1.04 ); } }
@media ( prefers-reduced-motion: reduce ) { #fpe-musica.e-su, #fpe-musica.e-attesa { animation: none; } }
@media print { #fpe-musica { display: none; } }