/* Android in-app browser handoff: the landing page remains visible while the APK redirect begins. */
.external-download-pending::before {
  position: fixed;
  z-index: 2147483645;
  inset: 0;
  background: rgba(4, 18, 14, .42);
  backdrop-filter: blur(2px);
  content: '';
}

.external-download-status {
  position: fixed;
  z-index: 2147483646;
  top: max(18px, env(safe-area-inset-top));
  left: 50%;
  display: flex;
  align-items: center;
  gap: 11px;
  width: min(356px, calc(100% - 32px));
  padding: 13px 15px;
  transform: translateX(-50%);
  border: 1px solid rgba(255, 207, 91, .54);
  border-radius: 15px;
  background: linear-gradient(130deg, rgba(6, 55, 38, .97), rgba(10, 100, 68, .97));
  box-shadow: 0 14px 35px rgba(0, 0, 0, .28), 0 0 24px rgba(77, 246, 197, .18);
  color: #fff;
  font: 14px/1.35 Inter, "Segoe UI", Arial, sans-serif;
}

.external-download-status strong,
.external-download-status small {
  display: block;
}

.external-download-status strong { font-weight: 800; }
.external-download-status small { margin-top: 2px; color: rgba(255, 255, 255, .74); font-size: 11px; }

.external-download-status__pulse {
  display: block;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
  background: #ffca56;
  box-shadow: 0 0 0 0 rgba(255, 202, 86, .75);
  animation: external-download-pulse 1.1s ease-out infinite;
}

@keyframes external-download-pulse {
  70% { box-shadow: 0 0 0 10px rgba(255, 202, 86, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 202, 86, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .external-download-status__pulse { animation: none; }
}
