#boot-screen {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  justify-content: safe center;
  gap: 16px;
  padding: 24px max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left));
  background: #15120f;
  color: #e8e0d0;
  font: 16px/1.5 system-ui, sans-serif;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  overflow: auto;
}
#boot-screen > * { flex-shrink: 0; margin: 0; }
.boot-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
#boot-screen[hidden], #boot-screen [hidden] { display: none; }
#boot-screen h1 { font-size: clamp(24px, 5vw, 36px); color: #e8b83a; }
#boot-screen p { max-width: 38em; }
#boot-screen a { color: #e8b83a; padding: 10px; }
#boot-retry, #boot-compatible { min-height: 44px; padding: 10px 24px; background: #ad2323; color: white; border: 1px solid #e8b83a; font: inherit; cursor: pointer; }
#boot-detail { max-width: 100%; }
#boot-detail summary { cursor: pointer; padding: 10px; }
#boot-error { white-space: pre-wrap; text-align: left; overflow-wrap: anywhere; max-width: 38em; font: 13px/1.5 system-ui, sans-serif; user-select: text; }
@media (max-height: 450px) { #boot-screen { gap: 8px; padding-top: 12px; padding-bottom: 12px; } }