/*
 * 1999 Mode arcade bridge v5
 * Shared comfort/accessibility behavior for standalone ARG documents that do
 * not use the main PHP layout. Their individual art direction remains intact.
 */

html[data-mode="1999"] body:not(.site-shell),
html[data-mode="1999"] body:not(.site-shell) * {
  font-family: "Comic Sans MS", "Comic Neue", "Comic Sans", cursive !important;
}

html[data-mode="1999"] body:not(.site-shell) {
  min-inline-size: 0;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

@supports (overflow: clip) {
  html[data-mode="1999"] body:not(.site-shell) {
    overflow-x: clip;
  }
}

html[data-mode="1999"] body:not(.site-shell) :where(button, a, input, select, textarea, summary) {
  min-block-size: 2.75rem;
  touch-action: manipulation;
}

html[data-mode="1999"] body:not(.site-shell) :where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--1999-headingInk, var(--1999-border, #ffff00)) !important;
  outline-offset: 3px !important;
}

html[data-mode="1999"] body:not(.site-shell) :where(main, section, article, form, fieldset, canvas) {
  min-inline-size: 0;
  max-inline-size: 100%;
}

html[data-mode="1999"][data-1999-motion="still"] body:not(.site-shell) *,
html[data-mode="1999"][data-1999-motion="still"] body:not(.site-shell) *::before,
html[data-mode="1999"][data-1999-motion="still"] body:not(.site-shell) *::after {
  scroll-behavior: auto !important;
  animation-duration: 0.001ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.001ms !important;
}

@media (max-width: 47.999rem) {
  html[data-mode="1999"] body:not(.site-shell) {
    font-size: 1rem;
    line-height: 1.58;
  }

  html[data-mode="1999"] body:not(.site-shell) :where(input, select, textarea) {
    font-size: 1rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-mode="1999"] body:not(.site-shell) *,
  html[data-mode="1999"] body:not(.site-shell) *::before,
  html[data-mode="1999"] body:not(.site-shell) *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}