@media screen and (max-width: 600px) {
  body > .omnibar-toggle {
    width: 48px;
    height: 48px;
    right: max(12px, env(safe-area-inset-right, 0px));
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    border-radius: 12px;
  }

  html.dtoj-mobile-editing body > .omnibar-toggle,
  html.dtoj-mobile-search-obstructed body > .omnibar-toggle,
  html.dtoj-mobile-pet-keyboard .pet-seat-floating,
  html.dtoj-mobile-pet-keyboard .pet-seat-floating *,
  html.dtoj-mobile-floating-pet-present.dtoj-mobile-editing body > .pet-code-hint,
  html.dtoj-mobile-floating-pet-present.dtoj-mobile-editing body > .pet-knowledge-bubble,
  html.dtoj-mobile-pet-hints-obstructed body > .pet-code-hint,
  html.dtoj-mobile-pet-hints-obstructed body > .pet-knowledge-bubble,
  html.dtoj-mobile-pet-obstructed .pet-seat-floating .pet-companion-controls,
  html.dtoj-mobile-pet-obstructed body > .pet-code-hint,
  html.dtoj-mobile-pet-obstructed body > .pet-knowledge-bubble {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .pet-seat-floating > .pet-companion {
    translate: var(--dtoj-mobile-pet-x, 0px) var(--dtoj-mobile-pet-y, 0px);
  }
  html.dtoj-mobile-pet-obstructed .pet-seat-floating > .pet-companion,
  html.dtoj-mobile-pet-obstructed .pet-seat-floating > .pet-companion * {
    pointer-events: none !important;
  }
}

@media screen {
  #dtoj-submit-page .submit-difficulty { display:inline-flex; align-items:center; min-height:24px; padding:2px 8px; border-radius:6px; background:#eef3fb; color:#3e5d88; font-size:12px; line-height:1.4; text-decoration:none; }
  #dtoj-submit-page .submit-difficulty:focus-visible { outline:2px solid #4777da; outline-offset:3px; }
}