/* Online 51: eine große Zeitleiste mit zuschaltbarer Zeitlupe. */
.orh-regie:not(.tv-mode){
  grid-template-rows:62px minmax(0,1fr) 146px!important;
}
.orh-regie .player-time{
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
}
.orh-regie .timeline-stack{
  display:grid;
  grid-template-rows:58px!important;
  gap:8px!important;
  min-width:0;
}
.orh-regie .timeline-viewport{
  position:relative;
  height:58px;
  min-width:0;
  cursor:ew-resize;
  touch-action:none;
  user-select:none;
}
.orh-regie .timeline-viewport input{
  z-index:3;
  height:58px;
}
.orh-regie .timeline-rail,
.orh-regie .timeline-progress{
  top:38px;
  height:8px;
}
.orh-regie .timeline-progress{background:#1685ff}
.timeline-direct-guide{
  position:absolute;
  z-index:4;
  top:0;
  left:4px;
  right:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  color:#cfe6f4;
  font-size:10px;
  line-height:14px;
  pointer-events:none;
}
.timeline-direct-guide b{color:#fff;font-size:12px}
.orh-regie .timeline-window{
  z-index:4;
  top:16px;
  right:4px;
  color:#d9eef9;
  font-size:10px;
}
.orh-regie .replay-window-highlight{
  top:34px;
  height:14px;
}
.orh-regie .replay-boundary{
  top:25px!important;
  width:auto!important;
  min-width:44px!important;
  height:28px!important;
  padding:0 7px!important;
  font:800 9px/26px Arial!important;
  pointer-events:none;
  opacity:1!important;
}
.orh-regie.boundary-edit-active .replay-boundary{
  pointer-events:auto;
  box-shadow:0 0 0 3px #9bdcff,0 2px 7px #0009!important;
}
.orh-regie .replay-boundary:disabled{
  opacity:1!important;
  cursor:default!important;
}
.slow-motion-controls,
.boundary-edit-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
}
.slow-motion-controls[hidden],
.boundary-edit-controls[hidden]{display:none!important}
.slow-motion-controls button,
.boundary-edit-controls button{
  min-height:36px;
  padding:7px 10px;
  border:1px solid #45677c;
  border-radius:5px;
  background:#102f44;
  color:#fff;
  font-weight:800;
}
.slow-motion-controls button[aria-pressed="true"]{
  border-color:#8bd8ff;
  background:#1678d2;
}
.slow-motion-controls b{color:#fff}
.slow-motion-controls span,
.boundary-edit-controls span{color:#bdd2df}
.boundary-edit-controls #savePublicReplayWindow{background:#128a61}
.boundary-edit-controls #cancelReplayBoundaryEdit{background:#8a3028}
.slow-motion-button[aria-pressed="true"],
#editReplayBoundaries[aria-pressed="true"]{
  border-color:#8bd8ff!important;
  background:#1678d2!important;
}
.orh-regie.slow-motion-active:not(.tv-mode),
.orh-regie.boundary-edit-active:not(.tv-mode){
  grid-template-rows:62px minmax(0,1fr) 198px!important;
}
.orh-regie.slow-motion-active .timeline-stack,
.orh-regie.boundary-edit-active .timeline-stack{
  grid-template-rows:58px auto!important;
}
.replay-options-toggle{display:none}
@media screen and (max-width:899px), (pointer:coarse){
  .orh-regie:not(.tv-mode).public-replay{
    grid-template-rows:58px minmax(0,1fr) 218px!important;
  }
  .orh-regie.slow-motion-active:not(.tv-mode).public-replay,
  .orh-regie.boundary-edit-active:not(.tv-mode).public-replay{
    grid-template-rows:58px minmax(0,1fr) 284px!important;
  }
  .orh-regie:not(.tv-mode):not(.public-replay){
    grid-template-rows:58px minmax(0,1fr) 204px!important;
  }
  .orh-regie.slow-motion-active:not(.tv-mode):not(.public-replay),
  .orh-regie.boundary-edit-active:not(.tv-mode):not(.public-replay){
    grid-template-rows:58px minmax(0,1fr) 270px!important;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .regie-player{
    grid-template-columns:1fr!important;
    padding:7px 9px;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-buttons{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-buttons>*{
    min-width:0;
    min-height:42px;
  }
  .orh-regie:not(.tv-mode) .player-time{
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
  }
  .slow-motion-controls button,
  .boundary-edit-controls button{
    min-height:44px;
  }
  .slow-motion-controls b,
  .slow-motion-controls span,
  .boundary-edit-controls span{
    flex:1 0 100%;
    text-align:center;
  }
  .timeline-direct-guide{font-size:9px}
  .timeline-direct-guide b{font-size:11px}
}
@media screen and (min-width:760px) and (max-width:899px),
       screen and (min-width:760px) and (pointer:coarse){
  .orh-regie:not(.tv-mode):not(.public-replay){
    grid-template-rows:58px minmax(0,1fr) 184px!important;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-buttons{
    grid-template-columns:58px 58px minmax(118px,1fr) max-content minmax(118px,1fr) minmax(160px,1.2fr);
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .speed-control,
  .orh-regie:not(.tv-mode):not(.public-replay) .slow-motion-select{
    justify-content:center;
  }
}
@media(max-width:620px){
  .orh-regie:not(.tv-mode):not(.public-replay){
    grid-template-rows:58px minmax(0,1fr) 184px!important;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-buttons{
    grid-template-columns:52px 52px minmax(0,1fr) 64px;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .replay-options-toggle{
    display:block;
    padding-inline:6px;
  }
  .orh-regie:not(.tv-mode):not(.public-replay):not(.replay-options-open) .replay-secondary-control{
    display:none;
  }
  .orh-regie:not(.tv-mode):not(.public-replay).replay-options-open{
    grid-template-rows:58px minmax(0,1fr) 244px!important;
  }
  .orh-regie.slow-motion-active:not(.tv-mode):not(.public-replay),
  .orh-regie.boundary-edit-active:not(.tv-mode):not(.public-replay){
    grid-template-rows:58px minmax(0,1fr) 326px!important;
  }
  .orh-regie:not(.tv-mode):not(.public-replay).replay-options-open .player-buttons{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .orh-regie:not(.tv-mode):not(.public-replay).replay-options-open .replay-options-toggle{
    grid-column:auto;
  }
  .orh-regie:not(.tv-mode):not(.public-replay).replay-options-open #editReplayBoundaries{
    grid-column:span 2;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-facts #fastestBoat,
  .orh-regie:not(.tv-mode):not(.public-replay) .player-facts #lastReceive,
  .orh-regie:not(.tv-mode):not(.public-replay) .player-facts #connection{
    display:none;
  }
  .orh-regie:not(.tv-mode):not(.public-replay) .player-facts{
    grid-template-columns:max-content minmax(0,1fr)!important;
  }
  .orh-regie .player-time>span{
    font-size:9px;
  }
  .slow-motion-controls button{
    flex:1 1 calc(33.333% - 7px);
  }
  .boundary-edit-controls button{
    flex:1 1 calc(50% - 7px);
  }
}
@media(max-width:520px){
  .orh-regie:not(.tv-mode).public-replay{
    grid-template-rows:58px minmax(0,1fr) 244px!important;
  }
}
.tv-mode .slow-motion-controls,
.tv-mode .boundary-edit-controls,
.tv-mode .timeline-direct-guide{display:none!important}

.slow-motion-speed{
  display:flex;
  flex:1 1 250px;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-weight:800;
}
.slow-motion-speed input{
  flex:1 1 150px;
  min-width:120px;
  accent-color:#63c8ff;
}
.slow-motion-speed output{
  min-width:38px;
  color:#fff;
  font-weight:900;
  text-align:right;
}
@media screen and (max-width:899px), (pointer:coarse){
  .slow-motion-speed{
    flex:1 0 100%;
    min-height:44px;
  }
  .slow-motion-speed input{min-height:44px}
}