/**
 * Firewall-safe local assets — no Google Fonts / CDN required.
 * Brand fonts fall back to system UI so the app still looks intentional offline.
 */
:root {
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-headers: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-stats: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

/* Compact stroke icons used in the rail / mobile nav (replaces Material Symbols CDN). */
.shell-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  vertical-align: middle;
}
.shell-mobile-more__icon.shell-icon {
  width: 1.35em;
  height: 1.35em;
}
.injury-icon.shell-icon {
  width: 1em;
  height: 1em;
  color: var(--danger, #f87171);
  margin-right: 4px;
}