/* Fold8 V282: viewport corrections for VINYL only. Do not style Avee. */
html.samsung-device:not([data-player-style="avee"]) #nowPlaying {
  background:radial-gradient(ellipse at 50% -1%,#292832 0,#1b1a22 18%,#111016 39%,#08080b 72%)!important;
  box-sizing:border-box!important;
}
html.samsung-device:not([data-player-style="avee"]) #npVinyl.playing:not(.paused) {
  animation:vinylspin var(--vinyl-speed,2.5s) linear infinite!important;
  animation-play-state:running!important;
}
html.samsung-device:not([data-player-style="avee"]) #npVinyl.paused {
  animation-play-state:paused!important;
}

/* Closed cover screen portrait: whole transport fits, scrolls on short displays. */
@media (orientation:portrait) and (max-width:599.98px) {
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying:not(.hidden) {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding-top:max(9px,env(safe-area-inset-top))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    padding-left:16px!important;
    padding-right:16px!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none;
  }
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying::-webkit-scrollbar {display:none;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .np-header {margin:0 0 12px!important;flex:0 0 auto!important;}
  html.samsung-device:not([data-player-style="avee"]) #npVinyl {
    width:min(64vw,290px,38dvh)!important;
    height:min(64vw,290px,38dvh)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0 auto 16px!important;
    flex:0 0 auto!important;
    border-radius:50%!important;
    aspect-ratio:1/1!important;
  }
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .np-info-row{margin:0 0 7px!important;flex:0 0 auto!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .quality-badge{margin:0 0 8px!important;flex:0 0 auto!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .scrubber-wrap{margin:0 0 5px!important;flex:0 0 auto!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .transport{margin:5px 0 0!important;flex:0 0 auto!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .np-actions{margin-top:10px!important;flex:0 0 auto!important;}
}

/* Closed cover landscape: side-by-side record and controls, safe for camera/notch. */
@media (orientation:landscape) and (max-height:500px) and (max-width:950px) {
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying:not(.hidden) {
    display:grid!important;
    grid-template-columns:minmax(0,40%) minmax(0,1fr)!important;
    grid-template-rows:24px minmax(0,1fr) auto auto auto auto minmax(0,1fr)!important;
    column-gap:14px!important;
    row-gap:3px!important;
    height:100dvh!important;
    min-height:0!important;
    padding:max(8px,env(safe-area-inset-top)) max(15px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))!important;
    overflow-y:auto!important;
  }
  html.samsung-device:not([data-player-style="avee"]) #npVinyl {
    grid-column:1!important;
    grid-row:2/8!important;
    width:min(55dvh,36vw,265px)!important;
    height:min(55dvh,36vw,265px)!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    border-radius:50%!important;
    aspect-ratio:1/1!important;
  }
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .np-info-row {grid-column:2!important;grid-row:3!important;align-self:center!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .quality-badge {grid-column:2!important;grid-row:4!important;justify-self:start!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .scrubber-wrap {grid-column:2!important;grid-row:5!important;}
  html.samsung-device:not([data-player-style="avee"]) #nowPlaying .transport {grid-column:2!important;grid-row:6!important;}
}

@media (orientation:portrait) and (min-width:600px) {
  html.samsung-device:not([data-player-style="avee"]) #npVinyl {
    width:min(37dvh,55vw,355px)!important;
    height:min(37dvh,55vw,355px)!important;
    max-width:100%!important;
    max-height:none!important;
    margin:0 auto 15px!important;
  }
}