/* 491: integrate the initial play action and Tuner into one quiet control cluster. */
body.single-player-ui .player-bar.is-idle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  margin:8px clamp(16px,5.15vw,84px) 0!important;
  padding:4px 0 0!important;
  background:transparent!important;
}
body.single-player-ui .player-bar.is-idle #player-controls-dock,
body.single-player-ui .player-bar.is-idle .main-insight-settings,
body.single-player-ui .player-bar.is-idle .video-toggle{display:none!important}
body.single-player-ui .player-bar.is-idle .player-state{
  order:1!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  height:54px!important;
  min-height:54px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  color:rgba(250,249,244,.98)!important;
  cursor:pointer!important;
  line-height:1!important;
}
body.single-player-ui .player-bar.is-idle .player-state>*{display:none!important}
body.single-player-ui .player-bar.is-idle .player-state::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(250,249,244,.16) 0%,rgba(250,249,244,.06) 42%,transparent 72%);
  filter:blur(1px);
  pointer-events:none;
}
body.single-player-ui .player-bar.is-idle .player-state::before{
  content:"";
  position:relative;
  z-index:1;
  margin-left:5px;
  width:0;height:0;
  border-top:16px solid transparent;
  border-bottom:16px solid transparent;
  border-left:25px solid rgba(250,249,244,.98);
  filter:drop-shadow(0 0 7px rgba(250,249,244,.45));
}
body.single-player-ui .player-bar.is-idle .player-collection{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
body.single-player-ui .player-bar.is-idle .works-selector{
  min-width:0!important;
  width:auto!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 2px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(250,249,244,.92)!important;
  font-size:16px!important;
  text-shadow:0 1px 4px rgba(0,0,0,.38)!important;
  gap:7px!important;
}
body.single-player-ui .player-bar.is-idle .works-selector .tuner-gauge{
  width:36px!important;height:24px!important;
  opacity:.98!important;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.32));
}
body.single-player-ui .player-bar.is-idle .works-selector .works-label{
  border:0!important;
  padding:0!important;
}
body.single-player-ui .player-bar.is-idle .works-selector:hover,
body.single-player-ui .player-bar.is-idle .works-selector:focus-visible{
  background:rgba(18,20,19,.08)!important;
  border-radius:3px!important;
}
body.single-player-ui .top-controls>*{
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}
@media(min-width:761px){
  body.single-player-ui .player-bar.is-idle{
    transform:translateY(-2px);
  }
}
@media(max-width:760px){
  body.single-player-ui .player-bar.is-idle{
    gap:10px!important;
    margin:7px 16px 0!important;
    padding-top:2px!important;
  }
  body.single-player-ui .player-bar.is-idle .player-state{
    flex-basis:52px!important;width:52px!important;min-width:52px!important;height:48px!important;min-height:48px!important;
  }
  body.single-player-ui .player-bar.is-idle .player-state::before{
    border-top-width:14px;border-bottom-width:14px;border-left-width:22px;
  }
  body.single-player-ui .player-bar.is-idle .works-selector{font-size:15px!important;min-height:46px!important;height:46px!important}
  body.single-player-ui .player-bar.is-idle .works-selector .tuner-gauge{width:32px!important;height:22px!important}
}