/* Öffentliche Replay-Ansicht: auf Smartphones bekommt die Karte Vorrang. */
@media screen and (max-width:899px){
  .public-replay.replay-editing{
    grid-template-rows:52px minmax(0,1fr) 156px!important;
  }
  .public-replay .regie-head{
    gap:6px!important;
    min-height:0!important;
    padding:0 6px!important;
    overflow:hidden!important;
  }
  .public-replay .home-link{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    min-height:42px!important;
    justify-content:center!important;
    padding:0!important;
  }
  .public-replay .brand,
  .public-replay .live-head #headMode,
  .public-replay .live-head #headTime{
    display:none!important;
  }
  .public-replay .public-replay-select{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 78px!important;
    flex:1 1 auto!important;
    gap:5px!important;
    min-width:0!important;
  }
  .public-replay .public-replay-select strong{
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:14px!important;
  }
  .public-replay .public-replay-select select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:40px!important;
    padding:5px!important;
  }
  .public-replay .live-head{
    flex:0 0 44px!important;
    margin:0!important;
  }
  .public-replay .live-head button{
    width:44px!important;
    min-width:44px!important;
    min-height:42px!important;
    padding:0!important;
  }
  .public-replay .regie-grid{
    grid-template-rows:58px minmax(0,1fr)!important;
  }
  .public-replay .public-replay-tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:7px!important;
    min-height:0!important;
    padding:4px 7px!important;
  }
  .public-replay .public-replay-tools .tool-field{
    flex:1 1 0!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .public-replay .public-replay-tools .tool-field>span{
    display:block!important;
    height:12px!important;
    margin:0 2px!important;
    color:#bdd2df!important;
    font-size:10px!important;
    line-height:12px!important;
  }
  .public-replay .public-boat-value,
  .public-replay .trail-value{
    min-height:36px!important;
    margin:2px 0 0!important;
    padding:5px 7px!important;
    font-size:14px!important;
    line-height:20px!important;
  }
  .public-replay .public-boat-value output,
  .public-replay .trail-value output{
    margin:0!important;
    padding:0!important;
    border:0!important;
    font-size:14px!important;
    line-height:20px!important;
  }
  .public-replay .regie-map-stage{
    min-height:0!important;
  }
  .public-replay .boat-count{
    display:none!important;
  }
  .public-replay .map-status{
    right:8px!important;
    bottom:8px!important;
    left:8px!important;
    max-width:none!important;
    padding:5px 7px!important;
    overflow:hidden!important;
    color:#cde1ed!important;
    font-size:10px!important;
    line-height:15px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .public-replay .regie-player{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:40px minmax(0,1fr)!important;
    gap:4px!important;
    height:156px!important;
    padding:5px 7px!important;
    overflow:hidden!important;
  }
  .public-replay .player-buttons{
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .public-replay .player-buttons>button{
    flex:0 0 40px!important;
    width:40px!important;
    min-height:38px!important;
    padding:0!important;
  }
  .public-replay .speed-control{
    flex:0 0 auto!important;
  }
  .public-replay .speed-control span{
    display:none!important;
  }
  .public-replay .speed-control select{
    min-height:36px!important;
    padding:5px!important;
  }
  .public-replay .loop-control{
    min-width:0!important;
    overflow:hidden!important;
    font-size:12px!important;
    text-overflow:ellipsis!important;
  }
  .public-replay .loop-control input{
    flex:0 0 auto!important;
  }
  .public-replay .player-time{
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    gap:5px!important;
    min-width:0!important;
    font-size:12px!important;
  }
  .public-replay .timeline-stack{
    gap:5px!important;
  }
  .public-replay .timeline-window{
    display:none!important;
  }
  .public-replay .player-facts{
    display:none!important;
  }
}

@media screen and (max-width:390px){
  .public-replay .public-replay-select{
    grid-template-columns:minmax(0,1fr) 70px!important;
  }
  .public-replay .public-replay-select strong{
    font-size:13px!important;
  }
  .public-replay .loop-control{
    font-size:11px!important;
  }
}