#status {
  background: #11131d url("assets/ghost-signal-title.webp") center / cover no-repeat;
  box-shadow: inset 0 0 0 1px #86d8ff33;
}
#status::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 40%, #080e1bbd 80%, #080e1bef),
    repeating-linear-gradient(0deg, #00000012 0, #00000012 1px, transparent 1px, transparent 4px);
}
.loading-label {
  position: absolute;
  bottom: 12.5%;
  left: 13%;
  right: 13%;
  color: #86d8ff;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: clamp(8px, 1.3vw, 12px);
  letter-spacing: .16em;
  line-height: 1.6;
  text-transform: uppercase;
}
.loading-label span { display: block; color: #a2b7c7; font-size: .8em; letter-spacing: .06em; }
#status[data-mode="notice"] .loading-label { display: none; }
#status-progress {
  appearance: none;
  -webkit-appearance: none;
  bottom: 9%;
  width: 74%;
  height: 5px;
  border: 1px solid #596f7d;
  border-radius: 0;
  background: #0e1b28;
  color: #86d8ff;
  accent-color: #86d8ff;
}
#status-progress::-webkit-progress-bar { background: #0e1b28; }
#status-progress::-webkit-progress-value { background: #86d8ff; }
#status-progress::-moz-progress-bar { background: #86d8ff; }
#status-notice {
  position: relative;
  box-sizing: border-box;
  max-width: 82%;
  max-height: 80%;
  overflow: auto;
  margin: 0;
  padding: 18px 22px;
  background: #101823f2;
  border: 1px solid #e6ac5877;
  border-left: 3px solid #e6ac58;
  border-radius: 0;
  color: #d5e2ec;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  font-size: clamp(9px, 1.6vw, 13px);
  line-height: 1.7;
  text-align: left;
}