/* Render-blocking startup styles, served from self to satisfy production CSP. */
html { background: #050708; }
#soos-splash {
  position: fixed; inset: 0; z-index: 9999; min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 20px; text-align: center; color: #f3f1e7; background: #050708;
  padding: 32px; box-sizing: border-box;
}
#soos-splash img { display: block; width: 160px; height: 126px; object-fit: contain; }
#soos-splash .soos-loader-spinner {
  display: block; width: 36px; height: 36px; box-sizing: border-box;
  border: 4px solid rgba(243, 241, 231, .2); border-top-color: #f15a28;
  border-radius: 50%; animation: soos-loader-spin 1s linear infinite;
}
#soos-splash p { margin: 0; font: 600 24px/1.3 Arial, sans-serif; }
#soos-splash.soos-splash-hide { visibility: hidden; pointer-events: none; }
@keyframes soos-loader-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #soos-splash .soos-loader-spinner { animation: none; }
}