/*
  Mainely Reel mobile reading guard
  ---------------------------------
  Purpose: stop subtle shimmer/vibration on phones and touch browsers while reading long articles.
  This disables the CRT/scanline atmosphere, matrix effects, backdrop filters,
  blend modes, shimmer animations, and text-shadow effects on reading-sized screens.

  Important: do not hide .home-radar-layer here. The Maine radar is a signature
  homepage feature and must remain visible on mobile.
*/

@media (hover: none), (pointer: coarse), (max-width: 1180px), (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }

  body {
    background:
      radial-gradient(circle at 50% 0%, rgba(20, 255, 112, 0.09), transparent 22rem),
      linear-gradient(180deg, #000402, #000 64%, #020804 100%) !important;
  }

  body::before,
  body::after,
  .matrix-rain,
  .hero::before,
  .hero .container::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    pointer-events: none !important;
  }

  .site-header,
  .nav-links,
  .panel,
  .card,
  .terminal,
  .case-sidebar,
  .notice,
  .form-card,
  .map-detail-card,
  .atlas-card,
  .feature-figure,
  .sidebar-map-figure,
  .case-main,
  .case-body,
  .section,
  .container {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    will-change: auto !important;
  }

  .site-header { background: rgba(0, 12, 6, 0.96) !important; }

  .case-main,
  .case-main *,
  .case-sidebar,
  .case-sidebar *,
  .panel,
  .panel *,
  .card,
  .card *,
  .terminal,
  .terminal * {
    text-shadow: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .case-main,
  .case-main *,
  .case-sidebar,
  .case-sidebar *,
  :is(a[class*="-tip-tab"], a[class*="-submit-card"]),
  :is(a[class*="-tip-tab"], a[class*="-submit-card"])::before,
  :is(a[class*="-tip-tab"], a[class*="-submit-card"])::after {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
  }

  .case-main {
    border: 1px solid rgba(119, 217, 255, 0.10) !important;
    border-radius: 18px !important;
    padding: clamp(1rem, 3vw, 1.25rem) !important;
    background: rgba(1, 8, 5, 0.94) !important;
    box-shadow: none !important;
  }

  .case-main p,
  .case-main li,
  .case-main blockquote,
  .case-main figcaption {
    color: #eef8ee !important;
    opacity: 1 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.075rem !important;
    font-weight: 500 !important;
    line-height: 1.78 !important;
    letter-spacing: 0.004em !important;
    text-rendering: optimizeLegibility;
    text-shadow: none !important;
  }

  .case-main a {
    color: #bfffd1 !important;
    opacity: 1 !important;
    font-weight: 650 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.18em !important;
    text-shadow: none !important;
  }
}