/* LANDSCAPE-WF12: share the portrait control order without adding toolbar height. */
@media (orientation:landscape) and (max-width:1100px) and (max-height:650px){
 body.nr-site.player-layout:not(.stage-view):not(.note-reading-active) #practiceFooter{
   order:7;display:flex!important;flex-direction:row!important;direction:rtl;
   justify-content:space-between;align-items:center;gap:3px;
   width:100%;height:51px!important;min-height:51px!important;max-height:51px!important;
   padding:2px max(6px,env(safe-area-inset-right)) 2px max(6px,env(safe-area-inset-left));
   overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
   border-top:1px solid var(--nr-border,var(--line));
   background:var(--nr-surface,var(--card));
 }
 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:42px!important;min-width:42px!important;
   height:44px!important;min-height:44px!important;margin:0!important;padding:5px!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;
 }
 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;background:#176db0!important;color:#fff!important;border-color:#176db0!important}
 body.nr-site.player-layout #practiceFooter #metro{order:5}
 body.nr-site.player-layout #practiceFooter #playerSpeed{order:6;width:66px!important;min-width:66px!important;direction:ltr;font-size:11px}
 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:74px!important;min-width:74px!important;
   white-space:normal;text-align:center;font-size:10px;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 .page-control{order:10;flex:0 0 auto;display:flex!important;margin:0!important}
 body.nr-site.player-layout #practiceFooter .time-readout{order:11;flex:0 0 auto;margin:0!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-hand-chip{gap:2px}
 body.nr-site.player-layout #practiceFooter .practice-chip-status{width:4px;height:4px}
 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 .page-control :is(#prev,#next,#pageLabel){display:none!important}
 body.nr-site.player-layout .page-control #portraitPageStrip{display:inline-flex!important;direction:ltr;align-items:center;gap:2px}
 body.nr-site.player-layout .page-control .portrait-page-number{
   display:inline-flex;align-items:center;justify-content:center;
   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:14px;font-weight:700;line-height:1;
 }
 body.nr-site.player-layout .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 .page-control .portrait-page-number{background:#173a54;color:#b6e7ff}
 body.nr-site.dark.player-layout .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:8px!important;border-radius:16px;
   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:2px}
 #playerTempo h2{font-size:12px;font-weight:800}
 #playerTempo header button{width:26px;height:26px;min-width:26px!important;min-height:26px!important;padding:4px}
 #playerTempo .panel-content{position:relative;display:flex;flex-direction:column;align-items:center;padding:0}
 #playerTempo .tempo-controls{
   --wf12-track:clamp(108px,calc(100dvh - 210px),165px);
   position:relative;display:flex!important;flex-direction:column;align-items:center;
   width:100%;height:calc(var(--wf12-track) + 43px);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>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:var(--wf12-track)!important;min-height:var(--wf12-track);
   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:calc(var(--wf12-track) - 6px);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:calc(var(--wf12-track) + 45px);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}
}