/* Pre-React boot splash. Lives in /public so it ships as a static
 * asset (no Vite hashing) and can be linked from index.html with a
 * stable URL the browser caches. The HTML hands the user a centred
 * spinner during IndexedDB hydration + main JS chunk download.
 *
 * Why a separate file (not inline <style> in index.html):
 *   CSP `style-src` doesn't include 'unsafe-inline' (and we don't
 *   want it to — adding it for one keyframes block opens the door
 *   to any inline style anywhere). Linking a /public stylesheet
 *   keeps the splash working AND keeps CSP narrow.
 *
 * Style notes:
 *   - Colors mirror App.css :root tokens so the splash blends with
 *     the chrome that mounts a moment later (no light/dark flash).
 *   - .openmakruk-boot is fixed full-screen; React replaces the
 *     #root child entirely on mount, so cleanup is implicit. */

.openmakruk-boot {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  background: #1a1816;
  color: rgba(255, 255, 255, 0.75);
  font-family: -apple-system, system-ui, sans-serif;
}

.openmakruk-boot-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #d4a23c;
  border-radius: 50%;
  animation: openmakruk-spin 0.9s linear infinite;
}

.openmakruk-boot-label {
  font-size: 0.9rem;
}

@keyframes openmakruk-spin {
  to { transform: rotate(360deg); }
}