/* Keep the footer in normal page flow, with scroll room for the fixed player. */
body { padding-bottom: 0 !important; }
footer { position: static; z-index: auto; }
.player-clearance { height: 220px; }
.footer-about-link { color: var(--cyan); text-decoration: none; text-align: center; }
.footer-about-link:hover { text-decoration: underline; }
@media (max-width: 670px) {
  .player-clearance { height: calc(210px + env(safe-area-inset-bottom, 0px)); }
  footer { position: relative; z-index: 6; display: grid; grid-template-columns: 1fr; justify-items: center; gap: 9px; padding: 18px 14px; background: var(--bg); text-align: center; }
  footer > span:first-child { grid-row: 1; }
  .footer-about-link { position: static; grid-row: 2; justify-self: center; padding: 8px 0; white-space: nowrap; }
  footer > span:last-child { grid-row: 3; text-align: center; }
}