/* source: ./arrival-play.css?v=56085-fs4 */
/* Shared-work arrival: visible, touch-sized action until sound starts. */
#player-video-shell > #player-video-start.is-needed {
  inset: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-sizing: border-box;
  width: auto;
  min-width: 112px;
  max-width: calc(100% - 24px);
  height: 56px;
  min-height: 56px;
  padding: 0 20px;
  border: 1px solid rgba(236, 234, 228, .65);
  border-radius: 28px;
  background: rgba(10, 10, 9, .88);
  color: #eceae4;
  font: 400 16px/1 'IBM Plex Sans', sans-serif;
  letter-spacing: .02em;
  white-space: nowrap;
  pointer-events: auto;
  cursor: pointer;
  z-index: 4;
}
#player-video-shell > #player-video-start.is-needed::before {
  content: '';
  display: block;
  width: 12px;
  height: 14px;
  flex: 0 0 auto;
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
#player-video-shell > #player-video-start.is-needed:hover {
  background: rgba(38, 38, 35, .96);
  border-color: #eceae4;
}
#player-video-shell > #player-video-start.is-needed:focus-visible {
  outline: 2px solid #eceae4;
  outline-offset: 4px;
}

/* Browser-blocked YouTube playback needs a tap inside the iframe itself. */
body.single-player-ui #player-video-shell.needs-video-gesture > #player-artwork,
body.single-player-ui #player-video-shell.needs-video-gesture > #player-video-start {
  display: none !important;
  pointer-events: none !important;
}
body.single-player-ui #player-video-shell.needs-video-gesture > #youtube-player {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* source: ./fullscreen-idle.css?v=56085-fs4 */
/* Fullscreen fades to the work after 3 seconds; Exit remains available. */
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen .fullscreen-chrome{
  pointer-events:none!important;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen :is(.fullscreen-brand,#player-dragzone,.player-video-controls){
  opacity:1!important;pointer-events:auto!important;
  transition:opacity .3s ease!important;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen:not(.controls-awake) :is(.fullscreen-brand,#player-dragzone,.player-video-controls){
  opacity:0!important;pointer-events:none!important;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen:not(.controls-awake)::after{
  opacity:0!important;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen.controls-awake::after{
  opacity:1!important;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen #fullscreen-exit{
  box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;
  margin-left:auto;padding:0;border-color:transparent;background:transparent;
  opacity:.65!important;visibility:visible!important;pointer-events:auto!important;
  transition:opacity .2s ease,background .2s ease;
}
body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen #fullscreen-exit:is(:hover,:focus-visible){
  opacity:1!important;background:#191918b3;border-color:#e2e0d942;
}
@media(prefers-reduced-motion:reduce){
  body.single-player-ui #player-video-panel#player-video-panel.is-site-fullscreen :is(.fullscreen-brand,#player-dragzone,.player-video-controls,#fullscreen-exit){transition:none!important}
}

/* source: ./info-pages.css?v=56085-fs4 */
/* The reader covers the scene while the original media keeps playing. */
#info-page-dialog{
  position:fixed;inset:0;box-sizing:border-box;
  margin:0;padding:0;width:100%;height:100%;height:100dvh;
  max-width:none;max-height:none;border:0;background:#26332c;
  overflow:hidden;color:#dbe1da;
}
#info-page-dialog::backdrop{background:#26332c}
#info-page-frame{display:block;width:100%;height:100%;border:0;background:#26332c}
.info-page-open{overflow:hidden}
#info-page-dialog .info-page-close{
  position:absolute;z-index:1;top:max(12px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));
  width:44px;height:44px;padding:0;border:0;background:#26332c;color:#dbe1da;font:29px/1 Arial,sans-serif;
}
#info-page-dialog .info-page-close[hidden]{display:none}
#info-page-dialog .info-page-close:focus-visible{outline:2px solid currentColor;outline-offset:-2px}

/* retained caption/tuner adapter */
/* Approved album caption: one tuner, full name, category/title hierarchy. */
body.single-player-ui :is(.works-selector,#player-expanded-browse):has(.is-album-caption){
  min-width:44px!important;
  min-height:44px!important;
  height:auto!important;
  max-width:100%!important;
  gap:8px!important;
  padding-block:4px!important;
  box-sizing:border-box;
}
body.single-player-ui :is(.works-label,#player-tuner-label).is-album-caption{
  display:inline-flex!important;
  align-items:baseline;
  gap:5px;
  flex:0 1 auto;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  line-height:1.2!important;
}
body.single-player-ui .is-album-caption .album-caption-kind{
  flex:none;
  white-space:nowrap;
  font-family:var(--fs-ui-sans,"IBM Plex Sans",Arial,sans-serif)!important;
  font-size:13px!important;
  font-weight:400;
  line-height:1.3;
  letter-spacing:.06em;
  color:rgba(250,249,244,.72);
}
body.single-player-ui .is-album-caption .album-caption-name{
  min-width:0;
  font-family:"EB Garamond",Georgia,serif!important;
  font-size:20px!important;
  font-weight:400;
  line-height:1.2;
  letter-spacing:.015em;
  color:rgba(250,249,244,.96);
  overflow-wrap:anywhere;
}
body.single-player-ui #player-dragzone:has(.is-album-caption){
  grid-template-rows:minmax(44px,auto) minmax(44px,auto)!important;
}

/* Keep ORDER visible when the compact player reduces the mobile panel height. */
@media(max-width:760px), (orientation:landscape) and (max-height:600px) and (pointer:coarse){
  body.single-player-ui #works-menu#works-menu .tuner-body{
    display:flex!important;
    flex-direction:column;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.single-player-ui #works-menu#works-menu .tuner-meters{
    flex:1 1 auto;
    min-height:0!important;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    overscroll-behavior:contain;
  }
  body.single-player-ui #works-menu#works-menu .tuner-order{
    flex:0 0 auto;
  }
  body.single-player-ui #works-menu#works-menu .tuner-type .tuner-meter{
    height:clamp(176px,calc(var(--tuner-available-height,600px) - 264px),205px)!important;
  }
  body.single-player-ui #works-menu#works-menu .tuner-stories .tuner-meter{
    height:clamp(132px,calc(var(--tuner-available-height,600px) - 304px),165px)!important;
  }

  body.single-player-ui #works-menu#works-menu.is-height-constrained{
    padding-top:8px!important;
    padding-bottom:10px!important;
  }
  body.single-player-ui #works-menu#works-menu.is-height-constrained .tuner-head{
    min-height:44px!important;
    margin-bottom:8px!important;
    padding-bottom:4px!important;
  }
  body.single-player-ui #works-menu#works-menu.is-height-constrained .tuner-meters{
    padding-bottom:8px!important;
    margin-bottom:8px!important;
  }
}
/* Use the landscape width for the same three instruments. */
body.single-player-ui #works-menu#works-menu.is-landscape-tuner{
  padding-top:8px!important;
  padding-bottom:6px!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-head{
  min-height:44px!important;
  padding-bottom:0!important;
  margin-bottom:4px!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-body{
  display:flex!important;
  flex-direction:row!important;
  gap:22px;
  min-height:0!important;
  overflow:hidden!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-meters{
  flex:1 1 auto;
  min-width:0;
  min-height:0!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
  border-bottom:0;
  overflow-y:auto;
  overflow-x:hidden;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-section h3{
  margin-bottom:0!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-play-head{
  margin-bottom:0!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-order{
  flex:0 0 clamp(200px,38%,260px);
  align-self:center;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-order-control{
  padding-inline:0!important;
}
body.single-player-ui #works-menu#works-menu.is-landscape-tuner .tuner-order-options{
  padding-inline:0!important;
  margin-inline:0!important;
}