/* ════════════════════════════════════════════════════
   03-splash.css — Pantalla de carga a pantalla completa
   ════════════════════════════════════════════════════ */

#splash {
  position: fixed; inset: 0; z-index: 200;
  background: #070707;
  display: flex; align-items: center; justify-content: center;
  opacity: 1;
  transition: opacity .9s ease;
  pointer-events: all;
}
#splash.fade   { opacity: 0; pointer-events: none; }
#splash.hidden { display: none; }

#splash-inner {
  display: flex; flex-direction: column; align-items: center;
  width: min(480px, 80vw);
}

#splash-title {
  font: 600 13px/1 var(--mono);
  letter-spacing: .40em;
  color: rgba(200,192,184,0.9);
  margin-bottom: 8px;
}
#splash-sub {
  font: 10px/1 var(--mono);
  letter-spacing: .22em;
  color: rgba(200,192,184,0.25);
  margin-bottom: 48px;
}

#splash-bar-wrap {
  width: 100%; height: 1px;
  background: rgba(255,255,255,0.06);
  margin-bottom: 18px; overflow: hidden;
}
#splash-bar-fill {
  height: 100%; width: 0%;
  background: rgba(200,192,184,0.55);
  transition: width .3s ease;
}

#splash-status {
  font: 10px/1 var(--mono); letter-spacing: .18em;
  color: rgba(200,192,184,0.35);
  margin-bottom: 10px;
}
#splash-feed {
  font: 10px/1 var(--mono); letter-spacing: .06em;
  color: rgba(200,192,184,0.15);
  max-width: 100%; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;
  text-align: center; margin-bottom: 32px;
}

#splash-close {
  display: none;
  background: none;
  border: 1px solid rgba(200,192,184,0.20);
  color: rgba(200,192,184,0.40);
  font: 10px/1 var(--mono); letter-spacing: .18em;
  padding: 8px 20px; cursor: pointer; border-radius: 2px;
  transition: color .2s, border-color .2s;
  margin-top: 8px;
}
#splash-close:hover {
  color: rgba(200,192,184,0.80);
  border-color: rgba(200,192,184,0.50);
}
#splash-close.visible { display: block; }