.edition-switch {display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}
.edition-switch button,.score-navigation button {border:1px solid #cbd8c1;border-radius:12px;background:#f5f8ef;color:#42583b;padding:10px 14px;min-height:44px}
.edition-switch [aria-pressed=true],.edition-switch button[aria-pressed=true]:hover {background:#506e45;color:white}
.score-panel {padding:20px;border:1px solid #dce1d6;border-radius:20px;background:#fffefa;margin:16px 0;min-width:0}
.score-note {font-size:12px;color:#687365;line-height:1.7}
.score-toolbar {display:flex;align-items:center;gap:28px;padding:0 0 20px;flex-wrap:wrap}
.score-toolbar input {width:56px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:center}
.score-toolbar .bpm-value {display:flex;align-items:center;gap:4px}
.score-navigation {display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}
.score-navigation label {font-size:12px;color:#687365}
.score-navigation select {max-width:180px;padding:10px;border:1px solid #cbd8c1;border-radius:10px;background:#f5f8ef;color:#42583b}
.score-events {display:flex;justify-content:center;flex-wrap:wrap;gap:2px}
.score-events span {border-radius:4px;transition:background .1s,color .1s}
.score-events .score-event-active {background:#506e45;color:white}
.score-panel .player-song {min-width:0}
.score-panel .player-song strong {white-space:normal}
@media(max-width:760px) {.score-panel{padding:12px}.score-panel .beat-cell .beat-val{font-size:18px}.score-navigation{gap:6px}.score-navigation select{max-width:150px}}
@media(prefers-reduced-motion:reduce) {.score-events span{transition:none}}

@media(max-width:760px) {.score-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.score-navigation label{min-width:0;font-size:0}.score-navigation select{width:100%;max-width:none;font-size:12px}.score-navigation button{padding:10px 8px;font-size:12px}}

.score-panel #scoreSongMenuButton {position:static;pointer-events:auto;width:44px;height:44px;min-height:44px}
.score-tab-note {display:flex;flex-direction:column;align-items:center;min-width:24px;font-size:19px}
.score-tab-note small {font-size:10px;font-weight:400;line-height:1.2}
.score-panel .chord-diagram:empty {min-height:120px}

.score-note-focus {min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#506e45}
.score-note-focus strong {font-size:52px;line-height:1}
.score-note-focus small {font-size:12px;text-align:center;line-height:1.5}

.score-lyrics {margin:18px 0 0;padding:16px 18px;background:#f1f5eb;border:1px solid #dce6d2;border-radius:16px}
.score-lyrics-heading {display:flex;justify-content:space-between;gap:10px;color:#687365;font-size:11px;line-height:1.5}
#scoreLyric {margin:12px 0;font-size:clamp(19px,2.2vw,26px);font-weight:600;line-height:1.6;color:#3f5c35;min-height:2em;overflow-wrap:anywhere}
.score-lyric-next {display:flex;gap:12px;align-items:baseline;margin:0;color:#74816b;font-size:13px;line-height:1.6;min-height:2em}
#scoreNextLyricLabel {flex-shrink:0;font-size:11px}
#scoreNextLyric {overflow-wrap:anywhere}
@media(max-width:760px) {.score-lyrics{padding:12px}.score-lyric-next{gap:8px}}
