html, body { margin: 0; height: 100%; background: #14161a; color: #d6d9de;
  font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
#container { position: fixed; inset: 0; }
#boot { position: fixed; inset: 0; z-index: 10; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; padding: 24px; background: #14161a; }
#boot[hidden] { display: none; }
#boot h1 { margin: 6px 0 4px; font-size: 22px; font-weight: 600; letter-spacing: .04em; }
#boot p { max-width: 560px; margin: 4px 0 14px; color: #9aa0aa; white-space: pre-line; }
#boot.error p { color: #ff9b9b; }
#boot.loading { background: rgba(20, 22, 26, .88); pointer-events: none; }
.badge { width: 64px; height: 64px; border-radius: 14px; background: #60181a; color: #d8b45a;
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 20px;
  letter-spacing: .06em; box-shadow: 0 0 0 2px #3a1010 inset; }
#boot:not(.error):not(.closed) .badge { animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .55; } }
#reload { padding: 8px 18px; border-radius: 6px; border: 1px solid #555; background: #22262c; color: #e6e8ec; cursor: pointer; }
#reload:hover { background: #2b3038; }
.nojs { position: fixed; inset: auto 0 20px; text-align: center; color: #ff9b9b; z-index: 11; }