/*
  앱 WebView 화면전환 터치 블로커 (see NavigationBlocker.tsx).
  목업에 없는 앱 전용 UI라 app/ 아래 별도 파일로 둔다.

  오버레이는 마운트 즉시 터치를 흡수하되(전환 시작), 시각적 스크림/스피너는 150ms 지연 후
  나타난다 — 빠른 SPA 전환에서는 아무것도 보이지 않고 터치만 잠깐 막혀 깜빡임이 없다.
*/
.app-nav-blocker {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  animation: app-nav-blocker-fade 0.2s ease-out 0.15s forwards;
}

.app-nav-blocker-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(237, 87, 61, 0.25);
  border-top-color: #ed573d;
  border-radius: 50%;
  animation: app-nav-blocker-spin 0.7s linear infinite;
}

@keyframes app-nav-blocker-fade {
  to {
    opacity: 1;
  }
}

@keyframes app-nav-blocker-spin {
  to {
    transform: rotate(360deg);
  }
}