.startup-screen {
  max-width: 560px;
  margin: 12vh auto;
  padding: 30px 24px;
  color: #17283f;
  background: #fffdf8;
  border: 1px solid #d8c8a7;
  border-radius: 16px;
  font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
  line-height: 1.7;
  box-sizing: border-box;
}
.startup-screen h1 {
  font-size: 24px;
  line-height: 1.35;
}
.startup-screen p {
  overflow-wrap: anywhere;
}
.startup-brand {
  color: #765b28;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.startup-screen .startup-retry {
  display: inline-block;
  padding: 11px 18px;
  border: 1px solid #b49a6a;
  border-radius: 10px;
  background: #10213b;
  color: #fff;
  text-decoration: none;
  min-height: 44px;
  box-sizing: border-box;
}
.startup-retry:focus-visible {
  outline: 3px solid #c9a15c;
  outline-offset: 4px;
}
.startup-code {
  font-size: 12px;
  color: #626c78;
  direction: ltr;
}
.startup-help {
  font-size: 13px;
  color: #626c78;
}
.startup-screen[hidden] {
  display: none;
}
@media (max-width: 600px) {
  .startup-screen {
    margin: 9vh 12px;
  }
}
@media (prefers-color-scheme: dark) {
  .startup-screen {
    background: #1b2a3f;
    color: #f4efe2;
    border-color: #736348;
  }
  .startup-code,
  .startup-help {
    color: #bdc7d2;
  }
  .startup-brand {
    color: #d4b272;
  }
}