/* 498: restore the lower-scene atmospheric fade without attaching it to the raised rail. */
body.single-player-ui .works{
  background:transparent!important;
}
body.single-player-ui .world::before{
  content:"";
  position:absolute;
  z-index:20;
  left:0;
  right:0;
  bottom:0;
  height:clamp(210px,31vh,300px);
  pointer-events:none;
  background:linear-gradient(
    0deg,
    rgba(14,14,13,.60) 0%,
    rgba(14,14,13,.22) 60%,
    transparent 100%
  );
}
body.single-player-ui .rail-viewport,
body.single-player-ui .rail{
  background:transparent!important;
}
/* Closed-player hierarchy: current title is the second focal point after Play. */
body.single-player-ui .player-bar:not(.is-idle) .player-state{
  width:auto!important;
  min-width:0!important;
  max-width:min(68vw,860px)!important;
}
body.single-player-ui .player-bar:not(.is-idle) .player-title{
  width:auto!important;
  max-width:100%!important;
  color:rgba(252,251,247,.97)!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  line-height:1.25!important;
  text-align:left!important;
  text-shadow:
    0 0 8px rgba(250,249,244,.28),
    0 1px 5px rgba(0,0,0,.68)!important;
}
body.single-player-ui .player-bar:not(.is-idle) .works-selector{
  color:rgba(250,249,244,.92)!important;
  text-shadow:
    0 0 6px rgba(250,249,244,.15),
    0 1px 4px rgba(0,0,0,.58)!important;
}
body.single-player-ui .player-bar:not(.is-idle) .works-selector .tuner-gauge{
  filter:drop-shadow(0 0 4px rgba(250,249,244,.13)) drop-shadow(0 1px 3px rgba(0,0,0,.48))!important;
}
@media(max-width:760px){
  body.single-player-ui .world::before{
    height:clamp(150px,26vh,230px);
    background:linear-gradient(
      0deg,
      rgba(12,12,11,.68) 0%,
      rgba(12,12,11,.30) 60%,
      rgba(12,12,11,.08) 80%,
      transparent 100%
    );
  }
  body.single-player-ui .player-bar:not(.is-idle) .player-state{
    max-width:52vw!important;
  }
}
/* Logo acts as a clean home/reset without changing its visual treatment. */
body.single-player-ui .signal .home-reset{
  all:unset;
  display:inline;
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
  text-transform:inherit;
  cursor:pointer;
}
body.single-player-ui .signal .home-reset:focus-visible{
  outline:1px solid rgba(250,249,244,.55);
  outline-offset:5px;
}