.mv-lyrics { position: absolute; bottom: 8px; left: 12px; right: 12px; z-index: 2; margin: 0; color: #fff; text-align: center; font-family: var(--kai); font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; text-shadow: 0 1px 3px #000, 0 0 8px #000; pointer-events: none; }
.mv-lyrics.line-in { animation: lyric-in .25s ease-out; }
.mv-start-hint { position: absolute; z-index: 3; left: 0; right: 0; bottom: 12px; width: fit-content; max-width: calc(100% - 24px); margin: auto; background: #183644e6; border: 1px solid #efd46d; border-radius: 6px; color: #fff8dd; padding: 9px 16px; font: inherit; font-size: 14px; cursor: pointer; animation: play-invite 1.7s ease-in-out infinite; }
.mv-start-hint[hidden], .mv-lyrics[hidden] { display: none; }
#mvSongSelect { max-width: 140px; padding: 7px; color: #28628a; background: #fff; border: 1px solid #bddbea; border-radius: 6px; font: inherit; font-size: 12px; }
@keyframes play-invite { 0%,100% { opacity: 1; } 50% { opacity: .65; } }
@keyframes lyric-in { from { opacity: .3; } to { opacity: 1; } }
@media (max-width: 600px) { .mv-lyrics { font-size: 14px; bottom: 6px; line-height: 1.5; } .mv-start-hint { font-size: 12px; padding: 7px 12px; } }
@media (prefers-reduced-motion: reduce) { .mv-start-hint, .mv-lyrics.line-in { animation: none; } }