/* =====================================================
   WILDVERSE PLAYER SHELL — DESKTOP LAYOUT
   Fixes progress/visualizer overlap
===================================================== */

#wvNowDeck.wv-player-shell .wv-player-bar {
    position: relative;
    pointer-events: auto;
    display: grid;
    grid-template-columns: minmax(240px, 0.85fr)
    minmax(360px, 1.5fr)
    minmax(371px, auto);
    grid-template-areas: "track progress actions";
    align-items: center;
    gap: 1.15rem;
    min-height: 88px;
    padding: 0.82rem 1.05rem;
    overflow: hidden;
    border: 1px solid rgba(190, 255, 255, 0.34);
    border-radius: 0px;
    background: radial-gradient(circle at 8% 18%, rgba(125, 249, 255, 0.22), transparent 34%),
    radial-gradient(circle at 76% 18%, rgba(255, 79, 216, 0.16), transparent 36%),
    linear-gradient(135deg, rgba(6, 22, 31, 0.95), rgba(4, 6, 17, 0.97));
    box-shadow: 0 10px 0 rgba(0, 0, 0, 0.42),
    0 24px 70px rgba(0, 0, 0, 0.72),
    0 0 42px rgba(125, 249, 255, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.23),
    inset 0 -22px 34px rgba(0, 0, 0, 0.32);
    backdrop-filter: blur(22px) saturate(130%);
    -webkit-backdrop-filter: blur(22px) saturate(130%);
}

#wvNowDeck.wv-player-shell .wv-player-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.15;
  background-image:
    linear-gradient(rgba(125, 249, 255, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(125, 249, 255, 0.16) 1px, transparent 1px);
  background-size: 30px 30px;
}

#wvNowDeck.wv-player-shell .wv-player-main {
  grid-area: track;
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;

  min-width: 0;
  overflow: visible;
}

#wvNowDeck.wv-player-shell .wv-player-now {
  min-width: 0;
  overflow: hidden;
}

#wvNowDeck.wv-player-shell #wvNowProgressTitle {
  display: block;
  max-width: 100%;
  overflow: hidden;

  color: #ffffff;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;

  text-shadow:
    0 0 14px rgba(125, 249, 255, 0.3),
    0 0 30px rgba(255, 79, 216, 0.12);
}

#wvNowDeck.wv-player-shell #wvNowCount {
  display: block;
  overflow: hidden;

  color: var(--wv-player-muted);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#wvNowDeck.wv-player-shell .wv-player-progress {
  grid-area: progress;
  position: relative;
  z-index: 2;
  min-width: 0;
  overflow: visible;
}

#wvNowDeck.wv-player-shell .wv-player-bottom {
  grid-area: actions;
  position: relative;
  z-index: 3;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;

  min-width: 0;
  overflow: visible;
}

#wvNowDeck.wv-player-shell #wvNowMode {
  position: absolute;
  right: 1.1rem;
  top: -1.55rem;

  color: rgba(222, 240, 248, 0.5);
  font-size: 0.62rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  pointer-events: none;
}