.phone-dock-actions {display:none}
@media (max-width:700px), (max-height:500px) and (pointer:coarse) {
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock {border-radius:24px!important;padding:8px 12px!important;gap:5px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 -4px 24px rgba(32,54,77,.1)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock > .transpose-bar {display:flex!important;justify-content:center!important;gap:5px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;min-height:0!important;width:100%!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .transpose-label,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .transpose-info,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .play-top-btn {display:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .transpose-btn {flex:1!important;max-width:110px!important;min-width:0!important;height:32px!important;min-height:32px!important;border-radius:10px!important;padding:4px 8px!important;font-size:12px!important;background:#f3f4f6!important;color:#354052!important;border:1px solid #dce0e7!important;box-shadow:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .transpose-btn.active {background:#ffe08a!important;color:#423619!important;border-color:#edc04b!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .phone-dock-actions {display:flex!important;gap:5px!important;width:100%!important;justify-content:center!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-dock-actions button {flex:1;min-width:0;min-height:34px;padding:5px 3px;border:1px solid #dce0e7;border-radius:9px;background:#f6f7f9;color:#46566a;font:600 11px/1.15 system-ui,sans-serif;box-shadow:none}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-dock-actions button.active {background:#e2f2eb;color:#216348;border-color:#91c8b0}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .control-row.nav-row {gap:8px!important;min-height:58px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .ctrl-btn.play {width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;min-height:58px!important;background:#ffcf4d!important;color:#282718!important;border:0!important;box-shadow:0 3px 10px rgba(230,179,47,.18)!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .ctrl-btn.play span:first-child {font-size:24px!important;line-height:1!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .ctrl-btn.stop {background:#fff0f5!important;color:#a92d56!important;border:0!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .ctrl-btn.nav {background:#f3f4f6!important;color:#354052!important;border:0!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .progress-row {height:24px!important;min-height:24px!important;gap:8px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .progress-label {display:block!important;flex:0 0 auto!important;min-width:70px!important;font-size:10px!important;line-height:1.3!important;color:#647084!important;white-space:nowrap!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock #progress-slider {min-width:0!important;flex:1!important;accent-color:#e27398!important;height:24px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock #progress-slider::-webkit-slider-thumb {background:#e27398!important;border:2px solid #fff!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .container {padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #score {scroll-margin-bottom:190px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #harmo-passage {scroll-margin-top:calc(65px + env(safe-area-inset-top,0px))!important}
}
@media (max-height:500px) and (pointer:coarse) {
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock > .transpose-bar,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .phone-dock-actions {display:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock {max-width:480px!important;padding:4px 10px!important;border-radius:16px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .ctrl-btn.play {width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .control-row.nav-row {min-height:48px!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .container {padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
}

/* Reading aids are also available in the iPad and desktop transport. */
@media (min-width:701px) and (min-height:501px) {
 body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) .phone-ios-dock .phone-dock-actions {display:flex!important;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;padding:4px 0}
 body.partitions-page.mozscore-pro .phone-dock-actions button {min-height:44px;padding:8px 14px;border:1px solid #ccd8e6;border-radius:10px;background:#f4f7fb;color:#40556e;font:600 13px system-ui,sans-serif}
 body.partitions-page.mozscore-pro .phone-dock-actions button.active {background:#e2f2eb;color:#216348;border-color:#91c8b0}
}

/* ibody.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) ad: one transport body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) lay, matching body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) iano Score's 52px blue circle. */
@media (min-width:701px) and (pointer:coarse) {
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-focus-play {position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;min-height:52px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#2565bb!important;color:#fff!important;font:20px/1 system-ui,sans-serif!important;box-shadow:0 4px 12px #2663b849!important;transform:none!important;text-shadow:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play:hover,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-focus-play:hover {background:#174f9b!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play .play-label,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play-top,body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #harmo-play {display:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play span:first-child {font-size:20px!important;line-height:1!important;position:static!important;background:none!important;box-shadow:none!important}
body.partitions-page.mozscore-pro:not(.partitions-library-mode):not(.mozhooks-reader-mode):not(.mozhooks-editor-mode) #btn-play:not(.playing) span:first-child {transform:translateX(1px)}
}