/* Video player page styles */
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:#000;
  overflow:hidden;
}
.player-wrapper{
  width:100%;
  height:100vh;
  background:#000;
  background-image: url(/assets/loading.gif);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
}
#player-container{
  width:100%;
  height:100vh;
}
.plyr{
  width:100%;
  height:100vh;
}
.stream-iframe{
  width:100%;
  height:100%;
  min-height:100vh;
  border:none;
  display:block;
}
.stream-switcher{
  position:absolute;
  top:8px;
  right:8px;
  display:flex;
  gap:8px;
  z-index:1000;
  flex-wrap:wrap;
}
.stream-btn{
  padding:8px 14px;
  border-radius:4px;
  background:rgba(8,12,22,.85);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(234,240,255,.8);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s;
  backdrop-filter:blur(8px);
}
.stream-btn:hover{
  background:rgba(70,160,255,.25);
  border-color:rgba(70,160,255,.4);
  color:#fff;
}
.stream-btn.active{
  background:rgba(70,160,255,.35);
  border-color:rgba(70,160,255,.5);
  color:#fff;
  font-weight:600;
}
@media (max-width: 980px){
  .player-wrapper{
    background-size: 50%;
  }
}