/* Splash inicial (sem esperar bundle/React) — some assim que o app monta (ver
   main.tsx). Cor de fundo igual ao manifest/theme escuro, pra não piscar
   branco antes do JS carregar. Arquivo externo (não <style> inline no
   index.html) por causa do CSP `style-src 'self'` sem 'unsafe-inline' — um
   <style> inline nunca chega a ser aplicado sob essa política (o navegador
   nem cria a CSSStyleSheet pra ele), mesmo motivo que já tinha tirado o
   <script> inline de tema pra theme-init.js. */
#splash {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b0f1a;
  transition: opacity 0.35s ease;
}
#splash img {
  width: 96px;
  max-width: 28vw;
  opacity: 0;
  animation:
    splash-fade-in 0.6s ease forwards,
    splash-pulse 1.6s ease-in-out 0.6s infinite;
}
#splash.splash-hidden {
  opacity: 0;
  pointer-events: none;
}
@keyframes splash-fade-in {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
@keyframes splash-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.75; transform: scale(0.97); }
}