.mobile-support-notice { display: none; }
@media (max-width: 650px), (max-width: 980px) and (max-height: 500px) and (orientation: landscape) and (pointer: coarse) {
  .mobile-support-notice { display: block; margin: .85rem 0 0; padding: .75rem .85rem; border: 1px solid #786542; border-left: 4px solid #f7be63; border-radius: 8px; color: #e5e7df; background: #22231d; font-size: .86rem; line-height: 1.55; }
  .mobile-support-notice p { margin: .45em 0; }
  .mobile-support-notice strong { display: block; }
  body:has(.play:not([hidden])) .mobile-support-notice { display: none; }
}