/* PORTRAIT-WF11: approved one-row portrait controls and adjacent page numbers. */
#playerVersionsDirect,#portraitPageStrip,#portraitStopInSettings,#portraitTempoTicks,#portraitTempoSteps{display:none!important}
@media (max-width:650px) and (orientation:portrait){
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #practiceFooter{
   order:7;display:flex!important;flex-direction:row!important;direction:rtl;align-items:center;justify-content:space-between;
   gap:2px;min-height:49px;height:49px;flex:none;padding:2px max(4px,env(safe-area-inset-right)) 2px max(4px,env(safe-area-inset-left));
   overflow-x:auto;overflow-y:hidden;border-top:1px solid var(--nr-border,var(--line));
   background:var(--nr-surface,var(--card));scrollbar-width:none;
 }
 body.nr-site.player-layout #practiceFooter::-webkit-scrollbar{display:none}
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #playerQuickControls,
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #playerDock{display:contents!important}
 body.nr-site.player-layout #practiceFooter :is(#desktopPracticeActions,#desktopPracticePages,#playerMoreButton,#stop,#seek){display:none!important}
 body.nr-site.player-layout #practiceFooter #loading:not(:empty){position:absolute;bottom:100%;right:8px;z-index:5}
 body.nr-site.player-layout #practiceFooter :is(.practice-hand-chip,#handCoordinationToggle,#metro,#play,#playerSpeed,#playerSettingsButton,#playerPedalToggle,#playerVersionsDirect){
   box-sizing:border-box;flex:0 0 auto;display:inline-flex!important;align-items:center;justify-content:center;
   width:34px!important;min-width:34px!important;height:44px!important;min-height:44px!important;
   margin:0!important;padding:4px!important;border:1px solid var(--nr-border,var(--line))!important;border-radius:11px!important;
   background:var(--soft);color:var(--nr-text,var(--text));box-shadow:none;line-height:1.2;
 }
 body.nr-site.player-layout #practiceFooter .practice-hand-chip:has(#right){order:1}
 body.nr-site.player-layout #practiceFooter #handCoordinationToggle{order:2}
 body.nr-site.player-layout #practiceFooter .practice-hand-chip:has(#left){order:3}
 body.nr-site.player-layout #practiceFooter #play{order:4;width:38px!important;min-width:38px!important;background:#176db0!important;color:white!important;border-color:#176db0!important}
 body.nr-site.player-layout #practiceFooter #metro{order:5}
 body.nr-site.player-layout #practiceFooter #playerSpeed{order:6;width:46px!important;min-width:46px!important;direction:ltr;font-size:11px;gap:1px}
 body.nr-site.player-layout #practiceFooter #playerSettingsButton{order:7}
 body.nr-site.player-layout #practiceFooter #playerPedalControl{order:8;display:contents!important}
 body.nr-site.player-layout #practiceFooter #playerPedalToggle{order:8}
 body.nr-site.player-layout #practiceFooter #playerVersionsDirect:not([hidden]){
   order:9;display:inline-flex!important;width:48px!important;min-width:48px!important;
   padding:3px!important;white-space:normal;text-align:center;font-size:9px;font-weight:700;color:var(--nr-primary,#176db0);
 }
 body.nr-site.player-layout #practiceFooter #playerVersionsDirect[hidden]{display:none!important}
 body.nr-site.player-layout #practiceFooter :is(#handCoordinationToggle,#playerPedalToggle,#playerSettingsButton) span{display:none!important}
 body.nr-site.player-layout #practiceFooter :is(.ui-icon,.icon,.practice-hand-icon){width:20px;height:20px;flex:none}
 body.nr-site.player-layout #practiceFooter .practice-chip-status{width:4px;height:4px}
 body.nr-site.player-layout #practiceFooter .practice-hand-chip{gap:2px}
 body.nr-site.player-layout #playerSettings #portraitStopInSettings{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px}
 body.nr-site.player-layout #player>.score-tools{
   grid-template-columns:100px minmax(142px,1fr) 60px!important;
   gap:3px!important;padding-inline:6px!important;
 }
 body.nr-site.player-layout #player>.score-tools .page-control{min-width:0}
 body.nr-site.player-layout #player>.score-tools .page-control :is(#prev,#next,#pageLabel){display:none!important}
 body.nr-site.player-layout #player>.score-tools .page-control #portraitPageStrip{
   display:inline-flex!important;direction:ltr;align-items:center;gap:2px;
 }
 body.nr-site.player-layout #player>.score-tools .page-control .portrait-page-number{
   width:30px!important;min-width:30px!important;height:34px!important;min-height:34px!important;
   margin:0;padding:2px!important;border:1px solid #57b2e9;border-radius:7px;background:#eef8ff;color:#0889d2;
   font-size:15px;font-weight:700;line-height:1;
 }
 body.nr-site.player-layout #player>.score-tools .page-control .portrait-page-number[aria-current=page]{
   background:#128de0;color:#fff;border-color:#128de0;box-shadow:0 2px 5px #0876bd35;
 }
 body.nr-site.dark.player-layout #player>.score-tools .page-control .portrait-page-number{background:#173a54;color:#b6e7ff}
 body.nr-site.dark.player-layout #player>.score-tools .page-control .portrait-page-number[aria-current=page]{background:#087cca;color:#fff}
 #playerTempo[open]{
   position:fixed!important;margin:0!important;width:158px!important;max-width:158px!important;
   min-height:0;max-height:calc(100dvh - 16px);padding:10px!important;border-radius:18px;
   overflow:visible;background:var(--nr-surface,var(--card));box-shadow:0 12px 34px #15344c45;
 }
 #playerTempo[open]::after{content:'';position:absolute;top:100%;left:calc(var(--tempo-tail-x,79px) - 7px);border:7px solid transparent;border-top-color:var(--nr-surface,var(--card))}
 #playerTempo header{padding-bottom:3px}
 #playerTempo h2{font-size:12px;font-weight:800}
 #playerTempo header button{width:28px;height:28px;min-width:28px!important;min-height:28px!important;padding:4px}
 #playerTempo .panel-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:0}
 #playerTempo .tempo-controls{display:flex!important;flex-direction:column;align-items:center;width:100%;height:214px;padding:0!important;gap:0}
 #playerTempo .tempo-equation{order:0;width:100%;height:29px;display:flex;justify-content:center;gap:3px;font-size:9px}
 #playerTempo .tempo-equation #unitBtn,#playerTempo .tempo-equation #resetTempo{width:28px;min-width:28px;min-height:28px;height:28px;padding:3px}
 #playerTempo .tempo-equation #tempoWord,#playerTempo .tempo-equation>span{display:none}
 #playerTempo #speed{
   order:1;display:block;writing-mode:vertical-lr;direction:rtl;appearance:slider-vertical;
   width:28px!important;min-width:28px!important;max-width:28px;height:171px!important;min-height:171px;
   margin:3px 0 7px -35px!important;flex:none;accent-color:#078de1;touch-action:none;
 }
 #playerTempo #portraitTempoTicks{display:block!important;position:absolute;left:68px;top:35px;width:48px;height:165px;pointer-events:none}
 #playerTempo #portraitTempoTicks span{position:absolute;left:0;transform:translateY(-50%);font-size:10px;color:var(--nr-muted,var(--muted));white-space:nowrap}
 #playerTempo #portraitTempoTicks span::before{content:'—';margin-right:3px;color:#aacbdd}
 #playerTempo #portraitTempoSteps{display:flex!important;direction:ltr;justify-content:space-between;align-items:center;gap:3px;width:116px;margin-top:2px}
 #playerTempo #portraitTempoSteps button{width:29px;min-width:29px!important;height:30px;min-height:30px!important;padding:0;border-radius:50%;font-size:16px}
 #playerTempo #bpm{position:absolute;top:216px;left:50%;transform:translateX(-50%);z-index:2;
   width:48px;min-width:48px;height:34px;margin:0;padding:2px;border:1px solid #aacfe5;border-radius:8px;
   background:var(--nr-surface,var(--card));color:var(--nr-text,var(--text));font-size:17px;font-weight:700;text-align:center;
 }
 #playerTempo #bpm::-webkit-inner-spin-button,#playerTempo #bpm::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
 #playerTempo #unitOptions:not([hidden]){position:absolute;top:25px;left:0;right:0;z-index:3;display:flex;flex-wrap:wrap;background:var(--nr-surface,var(--card));box-shadow:0 4px 14px #1234}
}
@media (max-width:350px) and (orientation:portrait){
 body.nr-site.player-layout #player>.score-tools{grid-template-columns:88px minmax(135px,1fr) 55px!important;padding-inline:4px!important}
 body.nr-site.player-layout #player>.score-tools .page-control .portrait-page-number{width:27px!important;min-width:27px!important}
}