/* The boot splash (index.html #splash): static markup styled from this file, because the app CSP allows no inline
   styles. It covers the blank page until main.ts mounts the app and removes it. Colours match app.css. */
#splash {
  position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; background: #0e1013; color: #d8dee9; font: 13px/1.4 system-ui, -apple-system, Segoe UI, sans-serif;
}
#splash .splash-radar {
  position: relative; width: 72px; height: 72px; border-radius: 50%; border: 1px solid #262b33;
  background: radial-gradient(circle, #14171c 0 34%, transparent 35% 64%, #1a1f26 65% 66%, transparent 67%);
}
#splash .splash-radar::before {
  content: ''; position: absolute; inset: 0; border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(86, 180, 233, 0.45), transparent 70deg);
  animation: splash-sweep 1.6s linear infinite;
}
#splash .splash-radar::after {
  content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px;
  border-radius: 2px; background: #56b4e9;
}
#splash .splash-title { font-size: 20px; font-weight: 600; letter-spacing: 0.02em; }
#splash .splash-sub { color: #8a93a3; }
@keyframes splash-sweep { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #splash .splash-radar::before { animation: none; } }