/* =========================================================
   LAST BELL STUDIO — SHARED APP UX GUARDRAILS — V16.9
   Consistent keyboard focus, reduced-motion support, and
   neutral fallbacks for media that fails to load.
   ========================================================= */

:where(
  button,
  a[href],
  input,
  select,
  textarea,
  summary,
  [role="button"],
  [tabindex]:not([tabindex="-1"])
):focus-visible {
  outline: 3px solid #ffd84a !important;
  outline-offset: 3px !important;
}

.lbs-asset-fallback {
  display: grid;
  width: 100%;
  min-height: 120px;
  place-items: center;
  padding: 20px;
  border: 2px dashed currentColor;
  color: inherit;
  background: rgba(0, 0, 0, 0.22);
  font: inherit;
  text-align: center;
}

.lbs-media-fallback-note {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px dashed currentColor;
  color: inherit;
  background: rgba(0, 0, 0, 0.18);
  font: inherit;
}

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

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    transition-delay: 0ms !important;
  }
}

/* =========================================================
   V17 — RARE LOCAL USAGE MILESTONE CARD
   ========================================================= */
.lbs-milestone-card{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:999999;
  width:min(360px,calc(100vw - 36px));
  padding:18px 42px 18px 18px;
  border:3px solid #062b63;
  background:#fff8e8;
  color:#062b63;
  box-shadow:8px 8px 0 #062b63;
  font-family:Montserrat,Arial,sans-serif;
  transform:translateY(22px);
  opacity:0;
  transition:transform .18s ease,opacity .18s ease;
}
.lbs-milestone-card.is-visible{transform:translateY(0);opacity:1}
.lbs-milestone-card strong{display:block;margin:6px 0 8px;font:900 26px/1 "League Spartan",Arial,sans-serif}
.lbs-milestone-card p{margin:0 0 12px;font-size:13px;line-height:1.45;color:#4a315d}
.lbs-milestone-card a{font-weight:900;color:#062b63;text-underline-offset:3px}
.lbs-milestone-kicker{display:block;font:400 7px/1.5 "Press Start 2P",monospace;color:#d85234}
.lbs-milestone-close{position:absolute;right:9px;top:8px;width:27px;height:27px;border:2px solid #062b63;background:#ffbf18;color:#062b63;font:900 18px/20px Arial,sans-serif;cursor:pointer}
@media(max-width:600px){.lbs-milestone-card{right:10px;bottom:10px;width:calc(100vw - 20px)}}
@media(prefers-reduced-motion:reduce){.lbs-milestone-card{transition:none!important;transform:none!important}}