.MusicPlayerDOM { display: none !important; }
.soundtrack-toggle {
  position: fixed;
  top: max(24px, env(safe-area-inset-top));
  right: max(24px, env(safe-area-inset-right));
  z-index: 999998;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 24px;
  background: rgba(5, 10, 15, 0.72);
  color: #f4f4f4;
  font: 12px 'nbarchitekt', Architekt, monospace;
  letter-spacing: 0.07em;
  cursor: pointer;
}
.soundtrack-toggle:hover { border-color: #f4f4f4; }
.soundtrack-toggle:focus-visible { outline: 2px solid #00ffff; outline-offset: 4px; }
.soundtrack-toggle:disabled { cursor: default; opacity: 0.65; }
.soundtrack-icon { width: 12px; height: 14px; position: relative; }
.soundtrack-icon::before {
  content: '';
  position: absolute;
  top: 1px;
  left: 2px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 9px solid currentColor;
}
.soundtrack-toggle[aria-pressed="true"] .soundtrack-icon::before {
  left: 1px;
  top: 1px;
  width: 10px;
  height: 12px;
  border: 0;
  background: linear-gradient(to right, currentColor 0 3px, transparent 3px 7px, currentColor 7px);
}
html[data-embedded-works] .soundtrack-toggle { display: none; }

/* Direct Works keeps the music action above, not across, its mobile title.
   Embedded Works already has the parent's separate navigation/control bar. */
@media (max-width: 760px) {
  html[data-soundtrack-autoplay]:not([data-embedded-works]) #works {
    padding-top: max(72px, calc(env(safe-area-inset-top) + 54px));
  }
}