/* ============================================================
   H2GO — 배경 애니메이션 캔버스 레이어
   사용처: index.html(로그인) · dashboard.html(대시보드)
   엔진: js/background.js (H2GOBackground)

   스택 순서(body 는 isolation:isolate 로 자체 stacking context):
     body 배경(--bg-black)  →  이 캔버스(z-index:-1)
     →  ambient 블롭(body::before/::after, z-index:0)  →  콘텐츠(z-index:1+)
   z-index:-1 로 두어 어떤 콘텐츠(포지션 유무 무관)도 덮지 않는다.
   ============================================================ */
.h2go-bg-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

/* 모션 최소화 선호 시 애니메이션 캔버스를 숨긴다(엔진 초기화도 스킵). */
@media (prefers-reduced-motion: reduce) {
  .h2go-bg-canvas { display: none; }
}