body.js-ready>audio{display:none}body>audio{width:100%}
html[data-interlude-work="debussy-suite-bergamasque"] .stage{background:#11151a}
html[data-interlude-work="debussy-suite-bergamasque"] .chapters>button{flex:1 1 0;min-width:0}
html[data-interlude-work="debussy-suite-bergamasque"] .chapters>button small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
#movementSelect{max-width:148px;padding:5px 6px;background:#14171b;color:#bdb7aa;border:1px solid #383a37;font:inherit}
.harmonic-beats button{cursor:pointer}

#pitchNames{overflow-wrap:anywhere}.score-loading{padding:30px;color:#73674e}
.score-box:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column;border-radius:0;padding:12px 18px}
.score-box:fullscreen .score-scroll{flex:1;min-height:0;height:auto;max-height:none}
.score-box:fullscreen .score-fullscreen-exit{display:flex}
body.score-fullscreen-fallback{overflow:hidden}
.score-fullscreen-fallback .score-box.score-fullscreen-active{position:fixed;inset:0;width:100vw;height:100dvh;z-index:1000;display:flex;flex-direction:column;border-radius:0;padding:12px 18px}
.score-fullscreen-fallback .score-box.score-fullscreen-active .score-scroll{flex:1;min-height:0;height:auto;max-height:none}
.score-fullscreen-active .score-fullscreen-exit{display:flex}
@media(max-width:760px){#movementSelect{max-width:133px}.live-measure{font-size:10px}.score-box:fullscreen{padding:7px 4px}.score-fullscreen-fallback .score-box.score-fullscreen-active{padding:7px 4px}}



html[data-interlude-work="debussy-suite-bergamasque"] .stage{background:#080e15}
html[data-interlude-work="debussy-suite-bergamasque"] .stage.visual-waiting #flow{visibility:hidden}





html[data-interlude-work="debussy-suite-bergamasque"] .immersive .stage{height:100dvh}
@media(max-width:760px){html[data-interlude-work="debussy-suite-bergamasque"] .stage .visual-mood{max-width:48%}}

html[data-interlude-work="debussy-suite-bergamasque"] .visual-status{position:absolute;left:24px;right:24px;bottom:88px;display:flex;align-items:center;justify-content:center;gap:12px;color:#b9b8af;font-size:12px;z-index:2;pointer-events:none}
html[data-interlude-work="debussy-suite-bergamasque"] .visual-status[hidden]{display:none}
html[data-interlude-work="debussy-suite-bergamasque"] .visual-status button{pointer-events:auto;border:1px solid #766446;border-radius:4px;padding:5px 12px;color:#ecd1a2;background:#131b24;font:inherit;cursor:pointer}
html[data-interlude-work="debussy-suite-bergamasque"] .visual-status button[hidden]{display:none}


/* Match chapter cells to original recording durations, on the waveform width. */
html[data-interlude-work="debussy-suite-bergamasque"] .chapters{display:grid;grid-template-columns:var(--chapter-columns);gap:0!important;width:100%;max-width:100%;min-width:0;overflow:hidden}
html[data-interlude-work="debussy-suite-bergamasque"] .chapters>button{min-width:0;width:100%;padding-left:2px;padding-right:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-interlude-work="debussy-suite-bergamasque"] .chapters .chapter-name{display:block;float:none;max-width:100%;margin:0;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
html[data-interlude-work="debussy-suite-bergamasque"] .chapters>button small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}