.egg__loading {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 0.75rem;
  padding: 2rem;
  background:
    radial-gradient(ellipse 60% 45% at 50% 50%, rgba(var(--cyan-rgb), 0.08), transparent 70%),
    rgba(3, 15, 22, 0.94);
  color: var(--cyan);
  font: 0.85rem var(--font-mono);
  letter-spacing: 0.08em;
  text-align: center;
  pointer-events: none;
}
.egg__load-status {
  text-transform: uppercase;
  text-shadow: 0 0 12px rgba(var(--cyan-rgb), 0.45);
}
.egg__load-bar {
  width: min(280px, 78vw);
  height: 6px;
  padding: 1px;
  border: 1px solid rgba(var(--cyan-rgb), 0.45);
  background: rgba(var(--ink-rgb), 0.85);
  box-shadow: 0 0 14px rgba(var(--cyan-rgb), 0.18);
}
.egg__load-fill {
  display: block;
  height: 100%;
  width: 100%;
  transform: scaleX(0.08);
  transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--cyan), var(--amber));
}
.egg__load-modes {
  color: var(--amber) !important;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}
.egg__loading small { color: rgba(var(--cyan-rgb), 0.6); line-height: 1.6; }
.egg.is-loading .egg__skip { opacity: 1; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .egg__load-fill { transition: none; }
}