/* overlays.css - Boot overlay (Aura).
   Wordless and cinematic: tenant logo (when themed) + brand wordmark over a
   deep aurora, with ONE thin hairline tracking real boot progress. No
   scanlines, no HUD frame, no fake sweeping bar. THE ONE LAW: the only text
   is the brand wordmark; the English step log is operator diagnostics,
   hidden behind ?debug / five taps on the brand (BootOverlay.svelte). */

.boot-overlay {
  position: fixed;
  inset: 0;
  z-index: var(--z-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(
      55% 45% at 50% 34%,
      color-mix(in srgb, var(--aurora-primary) 16%, transparent),
      transparent 70%
    ),
    radial-gradient(
      45% 40% at 72% 80%,
      color-mix(in srgb, var(--aurora-violet) 10%, transparent),
      transparent 70%
    ),
    color-mix(in srgb, var(--kuyil-bg) 60%, #05060b);
}

.boot-overlay.hidden {
  display: none;
}

.boot-overlay__frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
  width: min(420px, 80vw);
}

/* Tenant logo — renders nothing until the theme lands (mid-boot). */
.boot-overlay__logo {
  width: 5.5rem;
  height: 5.5rem;
  background-image: var(--kuyil-logo-url);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Brand wordmark — also the hidden operator-diagnostics latch (5 taps), so
   it's a <button> reset back to plain text. */
.boot-overlay__brand {
  appearance: none;
  background: none;
  border: none;
  padding: 0;
  cursor: default;
  font-family: var(--kuyil-font);
  font-weight: 600;
  letter-spacing: 0.45em;
  text-indent: 0.45em; /* re-centers the letterspaced wordmark */
  color: rgba(226, 232, 240, 0.9);
  font-size: var(--text-xl);
}

/* One thin hairline; width tracks REAL boot progress (inline style). */
.boot-overlay__progress {
  height: 2px;
  width: 100%;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.boot-overlay__bar {
  height: 100%;
  width: 0%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    var(--kuyil-accent),
    color-mix(in srgb, var(--kuyil-accent) 45%, #ffffff)
  );
  transition: width 0.4s ease;
}

/* Boot failure — a WORDLESS red hairline (THE ONE LAW: no English on the
   visitor surface); the boot retry loop keeps running underneath. */
.boot-overlay--error .boot-overlay__bar {
  background: var(--state-error);
}

/* Operator diagnostics — gated in BootOverlay.svelte (?debug / 5 brand taps).
   English OK here per THE ONE LAW's operator exception. */
.boot-overlay__log {
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  border-radius: var(--radius-md);
  border: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(2, 6, 23, 0.65);
  padding: 12px 14px;
  font-family:
    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: var(--text-sm);
  color: rgba(226, 232, 240, 0.85);
  line-height: 1.35;
}