/* The loading screen (shown by index.html before any script runs; removed by src/boot/loading.ts). */
#boot {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at 50% 40%, #12100c, #050404 70%);
  color: #46ff7a;
  font-family: Consolas, "Lucida Console", "Courier New", monospace;
  transition: opacity 0.35s ease-out;
}
#boot.done {
  opacity: 0;
  pointer-events: none;
}
#boot .boot-card {
  width: min(26rem, calc(100vw - 2rem));
  text-align: center;
}
#boot h1 {
  margin: 0 0 0.3rem;
  color: #e9c46a;
  font: 700 2rem/1.1 Georgia, "Times New Roman", serif;
  font-variant: small-caps;
  letter-spacing: 0.08em;
  text-shadow: 0 0 1rem rgba(233, 196, 106, 0.35);
}
#boot .boot-sub {
  margin: 0 0 1.4rem;
  font-size: 0.85rem;
  opacity: 0.8;
}
#boot .boot-bar {
  height: 0.9rem;
  padding: 2px;
  border: 1px solid #46ff7a;
  border-radius: 3px;
  box-shadow: 0 0 0.8rem rgba(70, 255, 122, 0.25);
}
#boot .boot-bar span {
  display: block;
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(90deg, #46ff7a 0 6px, #1c8a3c 6px 8px);
  transition: width 0.2s ease-out;
}
#boot .boot-step {
  min-height: 1.2em;
  margin: 0.7rem 0 0;
  font-size: 0.8rem;
  color: #b6ffd0;
}
@media (prefers-reduced-motion: reduce) {
  #boot,
  #boot .boot-bar span {
    transition: none;
  }
}