body.js-ready>audio{display:none}body>audio{width:100%}
html[data-interlude-work="bach-bwv1012-wang-jian"] .stage{background:#11151a}
html[data-interlude-work="bach-bwv1012-wang-jian"] .chapters>button{flex:1 1 0;min-width:0}
html[data-interlude-work="bach-bwv1012-wang-jian"] .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}
#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}}

@media(max-width:600px){html[data-interlude-work="bach-bwv1012-wang-jian"] .chapters>button{flex:1 1 calc(50% - 8px)!important}}

html[data-interlude-work="bach-bwv1012-wang-jian"] .score-position{display:grid;gap:23px;padding:22px 0 24px;border-bottom:1px solid var(--line)}
html[data-interlude-work="bach-bwv1012-wang-jian"] .score-position strong{display:block;margin-top:7px;font-size:15px;font-weight:400;line-height:1.8;color:var(--ink)}
html[data-interlude-work="bach-bwv1012-wang-jian"] #evidenceLabel{overflow-wrap:anywhere}
html[data-interlude-work="bach-bwv1012-wang-jian"] #movementSelect{max-width:200px}
html[data-interlude-work="bach-bwv1012-wang-jian"] .stage-center{z-index:2}
@media(max-width:760px){html[data-interlude-work="bach-bwv1012-wang-jian"] #movementSelect{max-width:178px}}

#linesCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
html[data-interlude-work="bach-bwv1012-wang-jian"] .stage{isolation:isolate;overflow:hidden;background:#10151b}
html[data-interlude-work="bach-bwv1012-wang-jian"] .stage-top{z-index:3;align-items:center}
.lines-immersive-button{padding:3px 5px;color:#a59c88;pointer-events:auto}
.lines-message{position:absolute;inset:44px 20px auto;display:flex;align-items:center;justify-content:center;gap:12px;z-index:4;font-size:11px;color:#a4a59a;pointer-events:none}
.lines-message button{pointer-events:auto}.lines-message [hidden]{display:none!important}
.lines-immersive{overflow:hidden}
.lines-immersive .stage{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important;z-index:100!important}
.lines-immersive .player{position:fixed!important;left:22px;right:22px;bottom:0;width:auto!important;z-index:101!important;background:linear-gradient(transparent,#10151b 20%);padding-top:15px}
.lines-immersive .stage-hud{bottom:180px}
.lines-immersive .stage-center{z-index:102}
.lines-immersive .stage.started .stage-center{pointer-events:none}
.lines-immersive .transport-visual{display:none}
@media(max-width:760px){.lines-immersive .player{left:12px;right:12px}.lines-immersive .stage-hud{bottom:205px}.lines-message{inset:50px 14px auto;font-size:10px}}
@media(max-width:480px){.visual-controls{flex-wrap:wrap;gap:14px}}