/* Ajouts limités aux deux vues du lecteur. Le disque rouge reste le repli. */
#mini-vinyl.has-cover,
#fs-vinyl.has-cover {
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  border-color: #ff2b2b;
  background: #100909;
  box-shadow: 0 0 0 1px rgba(255,43,43,.12), 0 0 14px rgba(255,43,43,.28);
  animation: none !important;
  transform: none;
}
#mini-vinyl.has-cover::after,
#fs-vinyl.has-cover::after { display: none; }
#fs-vinyl.has-cover {
  width: 200px !important;
  height: 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
  min-height: 200px !important;
  max-height: 200px !important;
}
.reign-player-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.reign-player-cover[hidden] { display: none; }
.reign-progress {
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 2;
  cursor: default;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.reign-progress__range {
  --progress: 0%;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  touch-action: none;
}
.reign-progress__range::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #ff2b2b var(--progress), #492020 var(--progress));
}
.reign-progress__range::-moz-range-track {
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, #ff2b2b var(--progress), #492020 var(--progress));
}
.reign-progress__range::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  margin-top: -5px;
  border: 2px solid #ff2b2b;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  -webkit-appearance: none;
}
.reign-progress__range::-moz-range-thumb {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #ff2b2b;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
}
.reign-progress__range:focus-visible { outline: 1px solid #ff2b2b; outline-offset: 2px; }
.reign-progress__range.pointer-focus:focus-visible { outline: none; }
.reign-progress__range:disabled { opacity: .4; cursor: default; }
.reign-progress__times {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #c7baba;
  font: 12px/1.2 system-ui, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
/* La barre prend la place de l'indication "Tap to expand"; le chevron reste visible. */
.reign-player-ui #mini-player .mini-player__hint { display: none; }
.reign-player-ui #mini-player .reign-progress__range { height: 26px; }
.reign-player-ui #mini-player .reign-progress__times { font-size: 10px; }
.reign-player-ui #mini-player { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
body.reign-player-ui { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
#fs-player.reign-player-ui { overflow-y: auto; }
#fs-player.reign-player-ui .fs-player__title { margin-bottom: 12px; }
#fs-player.reign-player-ui > .reign-progress { max-width: 340px; margin-bottom: 28px; flex-shrink: 0; }
@media (max-height: 700px) {
  #fs-player.reign-player-ui { justify-content: flex-start; padding-top: 54px; padding-bottom: 30px; }
  #fs-player.reign-player-ui .fs-player__date { margin-bottom: 16px; }
  #fs-player.reign-player-ui .fs-player__vinyl { margin-bottom: 18px; }
  #fs-player.reign-player-ui .fs-player__controls { margin-bottom: 20px; }
  #fs-player.reign-player-ui > .reign-progress { margin-bottom: 20px; }
}