.playback-controls{
  position:absolute;
  z-index:8;
  bottom:14px;
  right:14px;
  display:flex;
  gap:8px;
}
.playback-controls[hidden]{display:none!important}
.playback-controls button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:7px;
  background:rgba(5,12,21,.82);
  color:#fff;
  font:800 11px/1 Arial,sans-serif;
  letter-spacing:.045em;
  cursor:pointer;
  backdrop-filter:blur(9px);
}
.playback-icon{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.playback-volume-icon path:first-child{fill:currentColor;stroke:none}
.playback-controls button:hover:not(:disabled),
.playback-controls button[aria-pressed="true"]{
  border-color:#68c9ff;
  background:rgba(15,82,117,.94);
}
.playback-controls button:focus-visible{outline:2px solid #8ad8ff;outline-offset:2px}
.playback-controls button:disabled{cursor:not-allowed;opacity:.48}
.standby-music-credit{
  align-self:center;
  color:#c9d7e4;
  font:600 10px/1.35 Arial,sans-serif;
  white-space:nowrap;
}
.standby-music-credit[hidden]{display:none!important}
.standby-music-credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.standby-music-credit a:hover{color:#8ad8ff}
.playback-status{
  position:absolute;
  z-index:8;
  right:14px;
  bottom:14px;
  max-width:min(420px,calc(100% - 28px));
  margin:0;
  padding:7px 10px;
  border-radius:5px;
  background:rgba(5,12,21,.82);
  color:#fff;
  font-size:12px;
}
.playback-status:empty{display:none}
.video-box:fullscreen{width:100vw;height:100vh;border-radius:0;background:#000}
.video-box:fullscreen #mainVideo{width:100%;height:100%;object-fit:contain}
.tv-live-video[hidden]{display:none}
.tv-playback-controls{
  z-index:6;
  top:auto;
  right:0;
  bottom:0;
  align-items:center;
  min-height:clamp(39px,6vh,54px);
  padding:0 clamp(16px,3vw,46px);
  background:#08090b;
}
.tv-playback-controls button{min-height:40px;padding:0 15px;white-space:nowrap}
.tv-playback-controls .playback-sound{min-width:166px}
.tv-playback-controls .playback-fullscreen{min-width:148px}
.tv-playback-status{top:clamp(58px,8vh,82px);right:clamp(16px,3vw,46px);bottom:auto}
.tv-video-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff;
  text-align:center;
  text-shadow:0 2px 16px #000;
}
.tv-video-placeholder[hidden]{display:none}
.tv-video-placeholder span{padding:7px 11px;border-radius:3px;background:#d5202c;font-size:11px;font-weight:950;letter-spacing:.14em}
.tv-video-placeholder b{font-size:clamp(14px,1.5vw,20px)}
@media(max-width:520px){
  .playback-controls{bottom:9px;right:9px;gap:6px}
  .playback-controls button{min-height:34px;padding:0 9px;font-size:9px;gap:6px}
  .playback-icon{width:15px;height:15px;flex-basis:15px}
  .playback-status{right:9px;bottom:9px}
  .tv-playback-controls{top:auto;right:0;bottom:0;min-height:clamp(39px,6vh,54px);padding:0 8px}
  .tv-playback-controls .playback-label{display:none}
  .tv-playback-controls button{width:36px;min-height:36px;padding:0}
  .tv-playback-controls .playback-sound,.tv-playback-controls .playback-fullscreen{min-width:36px}
  .tv-playback-controls .playback-icon{width:17px;height:17px;flex-basis:17px}
  .standby-music-credit{max-width:calc(100vw - 150px);overflow:hidden;font-size:8px;text-overflow:ellipsis}
  .tv-playback-status{top:52px;right:9px;bottom:auto}
}