/* Splash shown by index.html until React mounts (App's boot screen replaces it). External file: CSP style-src 'self'. */
html, body { margin: 0; height: 100%; background: #07060a; }
.boot-splash { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; color: #c9b48a; font: 16px Georgia, serif; letter-spacing: 0.08em; }
.boot-splash::after { content: ''; width: 14px; height: 14px; margin-left: 12px; border: 2px solid #8b7048; border-top-color: transparent; border-radius: 50%; animation: boot-spin 0.9s linear infinite; }
@keyframes boot-spin { to { transform: rotate(360deg); } }