/* A softly illuminated glass player, using the existing heritage silhouette. */
body[data-page="home"] .cinema-hero .hero-player.royal-player {
  box-sizing: border-box;
  width: min(860px, calc(100% - 48px));
  min-height: 92px;
  padding: 13px 20px;
  grid-template-columns: 132px 44px minmax(0, 1fr) 104px 44px;
  grid-template-rows: auto 20px;
  gap: 4px 12px;
  color: #f1e6d9;
}
body[data-page="home"] .cinema-hero .hero-player.royal-player::before {
  background: linear-gradient(135deg, rgba(66, 30, 38, .78), rgba(21, 9, 14, .82)) !important;
  -webkit-backdrop-filter: blur(32px) saturate(130%);
  backdrop-filter: blur(32px) saturate(130%);
  box-shadow: inset 0 1px 12px rgba(241, 230, 217, .12), inset 0 0 25px rgba(146, 66, 79, .15);
  animation: player-glass-glow 4.5s ease-in-out infinite alternate;
}
@keyframes player-glass-glow {
  from { box-shadow: inset 0 1px 12px rgba(241, 230, 217, .09), inset 0 0 20px rgba(146, 66, 79, .12); }
  to { box-shadow: inset 0 1px 16px rgba(241, 230, 217, .19), inset 0 0 34px rgba(189, 89, 104, .25); }
}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track {
  align-self: center;
  min-height: 0;
  line-height: 1.3;
}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track strong {
  color: #fff8f3 !important;
  font-size: 15px;
  line-height: 1.3;
}
body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track :is(small, [data-youtube-status]) {
  color: rgba(241, 230, 217, .78) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}
body[data-page="home"] .cinema-hero .hero-player.royal-player .player-time {
  color: rgba(241, 230, 217, .78);
}

/* Give the title a full row on small screens, keeping every control tappable. */
@media (max-width: 760px) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player {
    width: calc(100% - 24px);
    min-height: 88px;
    padding: 12px 14px 8px;
    grid-template-columns: minmax(0, 1fr) 120px 40px 40px;
    grid-template-rows: minmax(19px, auto) 44px;
    gap: 2px 4px;
  }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-artwork { display: none !important; }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track {
    grid-column: 1 / -1;
    grid-row: 1;
    align-self: center;
    padding-inline: 5px;
  }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-track strong { font-size: 14px; line-height: 1.3; }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .player-timeline { grid-column: 1; grid-row: 2; }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .dock-controls { grid-column: 2; grid-row: 2; }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .player-volume { grid-column: 3; grid-row: 2; }
  body[data-page="home"] .cinema-hero .hero-player.royal-player .player-details { grid-column: 4; grid-row: 2; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player::before { animation: none; }
}
@media (prefers-reduced-transparency: reduce) {
  body[data-page="home"] .cinema-hero .hero-player.royal-player::before {
    background: #210609 !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}