/* ============================================================
   Mobile Performance Overrides
   Loaded AFTER page styles to override backdrop-filter/blur.
   ============================================================ */
@media (max-width: 768px) {
  /* Kill ALL backdrop-filter on mobile — single biggest perf win */
  *,
  *::before,
  *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Make nav/cards opaque so they still look solid without blur */
  nav,
  .nav-inner {
    background: rgba(6,6,16,0.97) !important;
  }

  /* System fonts on mobile — no render-blocking Google Fonts request */
  body,
  input,
  select,
  textarea,
  button {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
      'Helvetica Neue', Arial, sans-serif !important;
  }

  /* Prevent layout thrashing from box-shadow hover effects */
  * {
    transition-property: transform, opacity, color, background-color, border-color !important;
  }
}