* { box-sizing: border-box; }
html, body, #root { margin: 0; min-height: 100%; }
body { min-width: 320px; }
button, input, select { font: inherit; }
.fatal-error { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f2f3f5; font-family: "Segoe UI", Arial, sans-serif; }
.fatal-card { width: min(680px, 100%); background: #fff; border: 1px solid #e2e3e6; border-radius: 12px; padding: 28px; }
.fatal-card h1 { margin-top: 0; color: #c41e1e; }
.fatal-card pre { white-space: pre-wrap; overflow-wrap: anywhere; background: #f7f7f8; padding: 12px; border-radius: 8px; }
@media (max-width: 760px) {
  body > #root > div { min-width: 980px; }
}