/* ---- SHARED KEYBOARD FOCUS ------------------------------------------------------------------
   The bestiary's gold glow, for every control a keyboard can land on. An OUTLINE rather than a
   border colour, because hotbar cells write their borders inline and would hide a border change.
   The bare `:focus-visible` is the FLOOR: any focusable thing with no rule of its own still shows
   the gold ring, so a panel cannot ship a control that a keyboard reaches invisibly. A rule that
   sets `outline: none` on a `:focus-visible` state defeats it — give the state its own visible
   indicator instead (rpgCssFocus.test scans for the bare form). */
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.rpg-close:focus-visible, .rpg-btn:focus-visible, .hud-slot:focus-visible,
input[type="text"]:focus-visible, input[type="search"]:focus-visible, input:not([type]):focus-visible,
input[type="number"]:focus-visible, select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--gold); outline-offset: 2px; box-shadow: 0 0 10px var(--gold-glow); }

/* ---- REDUCED MOTION, GLOBALLY ----------------------------------------------------------------
   The per-widget blocks above stay (they say what each one stops); this is the floor under them. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    transition-duration: .01ms !important; scroll-behavior: auto !important; }
}