/* Artwork is decorative; the original controls keep their actions and labels. */
.bdm-art-button {
  -webkit-tap-highlight-color: transparent;
  transition: filter 160ms ease, transform 160ms ease;
}
.bdm-art-button:focus-visible { outline: 2px solid #ffe783; outline-offset: 3px; }
.bdm-art-button:hover { filter: brightness(1.08); }
.bdm-art-button:active { filter: brightness(.92); }
.bdm-art-button img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
#dash-toggle.bdm-art-button,
#notif-btn.bdm-art-button {
  background: transparent; border: 0; box-shadow: none; padding: 0;
}
#dash-toggle-icon { display: block; width: 100%; height: 100%; }
#dash-toggle.open #dash-toggle-icon { transform: none; }
#dash-toggle.open { filter: brightness(1.16); }
#notif-btn.bdm-art-button img { position: absolute; inset: 0; }
#notif-btn.bdm-art-button #notif-badge { z-index: 1; }
#screen-content .back-btn.bdm-art-button {
  padding: 0 !important; aspect-ratio: 1507 / 423; min-height: 44px; background: transparent;
  border: 0; border-radius: 0; box-shadow: none;
}
.top-nav .nav-btn.bdm-art-button {
  width: clamp(94px, 27vw, 120px); min-height: 44px; padding: 0;
  border: 0; background: transparent; box-shadow: none; flex-shrink: 0;
}
.top-nav .nav-btn.bdm-art-button img { height: auto; }
.top-nav .nav-btn.bdm-art-button:active { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
  .bdm-art-button { transition: none; }
}