/* The start screen held from the very first paint (see stabilizeInitialStartMenu
   in game-menu.js, which releases it). The kit is a module and loads after the
   browser has already painted the page once, so without this a menu marked
   data-oto-start-state="holding" in the HTML would flash in, vanish behind the
   loader, then come back.

   Failsafe: if the kit never loads, the menu shows itself after 7 s anyway
   (visibility animates discretely). */
[data-oto-start-state="holding"] > :not(.oto-start-loader) {
  /* not !important: an important declaration would outrank the failsafe animation */
  visibility: hidden;
  animation: otoStartGateFailsafe 0s linear 7s forwards !important;
}
@keyframes otoStartGateFailsafe { to { visibility: visible; } }

/* Shared keyboard focus ring for all kit/arcade games */
button:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid #9b6cff;
  outline-offset: 3px;
}