/**
 * Shared baseline for game pages (loaded early; page styles can override).
 * Improves focus visibility, text sizing on mobile, and safe areas where body allows.
 */

@layer game-shell {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  /* Keyboard / screen reader friendly focus (does not override mouse-only outlines from games) */
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible,
  summary:focus-visible,
  [role="button"]:focus-visible,
  [tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 2px solid #5eead4;
    outline-offset: 2px;
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
  }
}