/* public/splash.css — Brücke splash screen styles */

#splash {
  position:        fixed;
  inset:           0;
  z-index:         9999;
  background:      #ffffff;
  display:         flex;
  flex-direction:  column;
  align-items:     center;
  justify-content: center;
  gap:             14px;
  padding-top:     env(safe-area-inset-top, 0px);
  /* Start visible */
  opacity:         1;
  transition:      opacity 0.4s ease;
}

#splash-logo {
  font-family:    "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size:      2.6rem;
  font-weight:    800;
  color:          #0056b3;
  letter-spacing: -0.5px;
  line-height:    1;
}

#splash-flag {
  display:       flex;
  width:         64px;
  height:        10px;
  border-radius: 3px;
  overflow:      hidden;
}

.flag-s       { flex: 1; }
.flag-black   { background: #000000; }
.flag-red     { background: #dd0000; }
.flag-gold    { background: #ffce00; }

#splash-sub {
  margin:      0;
  font-family: "Segoe UI", system-ui, sans-serif;
  font-size:   0.8rem;
  font-weight: 600;
  color:       #94a3b8;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}