/* v38 performance safety */
@media(max-width:700px){
  /* Mobile already has the native homepage canvas; hide duplicate decorative cursors/canvases. */
  #ufp-particles,.danger-cursor{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #ufp-particles,.danger-cursor{display:none!important}
}

/* v39 core stability */
@media(max-width:700px){
  /* Keep the mobile GPU/paint budget predictable. */
  .danger-cursor,#ufp-particles{display:none!important}
  .danger-shell:after{filter:none!important}
}


/* =========================================================
   v41 — Homepage mobile background stability
   Avoid delayed repaint when slowly scrolling up/down.
   Desktop remains unchanged.
   ========================================================= */
@media(max-width:700px){
  html{
    background:#020308!important;
  }
  body.homepage-v41{
    background:#020308!important;
    overscroll-behavior-y:none;
  }

  /* One fixed, lightweight background replaces two moving blurred blobs. */
  body.homepage-v41::before{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100svh!important;
    border-radius:0!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
    animation:none!important;
    transform:translateZ(0)!important;
    will-change:auto!important;
    background:
      radial-gradient(520px 360px at 10% 8%,rgba(47,95,255,.20),transparent 64%),
      radial-gradient(520px 380px at 92% 34%,rgba(151,62,255,.16),transparent 66%),
      linear-gradient(180deg,#050611 0%,#020308 48%,#010205 100%)!important;
    background-repeat:no-repeat!important;
  }
  body.homepage-v41::after{
    display:none!important;
  }

  /* Static grid is cheaper and stays fully painted while scrolling. */
  body.homepage-v41 .danger-shell::before{
    position:fixed!important;
    inset:0!important;
    opacity:.16!important;
    animation:none!important;
    transform:translateZ(0)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
    background-size:58px 58px!important;
  }
  body.homepage-v41 .danger-shell::after{
    display:none!important;
  }

  /* The original moving canvas can visibly repaint late on mobile.
     The fixed CSS background above replaces its decorative job. */
  body.homepage-v41 #root canvas.fixed.inset-0{
    display:none!important;
  }
}