/* preloader.css — iris wipe + Flower of Life build */
.phi-preloader {
  position: fixed; inset: 0; z-index: 9999;
  background: var(--phi-bg-deep);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  transition: opacity 0.6s var(--phi-ease);
}
.phi-preloader.done { opacity: 0; pointer-events: none; }

/* Flower of Life SVG — builds itself as progress climbs */
.phi-preloader svg { width: 200px; height: 200px; margin-bottom: 2rem; }
.phi-preloader svg circle {
  fill: none; stroke: var(--phi-gold); stroke-width: 0.5;
  stroke-dasharray: var(--circle-length, 314);
  stroke-dashoffset: var(--circle-length, 314);
  transition: stroke-dashoffset 0.3s ease;
}

/* Progress counter — phi-bit style, tabular so digits never shift */
.phi-preloader .counter {
  font-family: var(--font-mono); font-size: 2rem;
  color: var(--phi-gold); letter-spacing: 0.2em;
  font-variant-numeric: tabular-nums;
}

/* Iris wipe exit — circle expands from center */
.iris-wipe {
  position: fixed; inset: 0; z-index: 9998;
  background: var(--phi-bg-deep);
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 0.8s var(--phi-ease);
}
.iris-wipe.open { clip-path: circle(150% at 50% 50%); }