/* Splash: arquivo pequeno, carregado antes do style.css, para aparecer na hora. */
#splash { position: fixed; inset: 0; z-index: 9999; background: #0e1624; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 16px; transition: opacity .4s ease; }
#splash.saindo { opacity: 0; pointer-events: none; }
#splash img { width: 128px; height: 128px; border-radius: 30px; box-shadow: 0 0 0 1px rgba(212,175,55,.25), 0 10px 40px rgba(212,175,55,.18);
  animation: splash-entra .6s ease-out both, splash-pulso 2.2s ease-in-out .6s infinite; }
#splash strong { color: #d4af37; font: 700 1.45rem/1 -apple-system, system-ui, sans-serif; letter-spacing: .02em; animation: splash-entra .6s .12s ease-out both; }
#splash small { color: #8a96ab; font: .85rem -apple-system, system-ui, sans-serif; min-height: 1.1em; }
.splash-barra { width: 132px; height: 3px; border-radius: 3px; background: rgba(212,175,55,.15); overflow: hidden; margin-top: 6px; }
.splash-barra span { display: block; width: 40%; height: 100%; border-radius: 3px; background: #d4af37; animation: splash-corre 1.1s ease-in-out infinite; }
@keyframes splash-entra { from { opacity: 0; transform: scale(.92) translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes splash-pulso { 50% { transform: scale(1.04); } }
@keyframes splash-corre { from { transform: translateX(-110%); } to { transform: translateX(260%); } }
@media (prefers-reduced-motion: reduce) { #splash *, #splash { animation: none !important; transition: none !important; } }