/* ---------- Screens ---------- */
.screen {
  position: absolute;
  inset: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: radial-gradient(ellipse at 50% 35%, rgba(30, 10, 12, .55), rgba(3,
    3, 2, .96) 75%);
}

#title {
  font-size: clamp(2.5rem, 9vw, 5.375rem);
  letter-spacing: 14px;
  margin: 0;
  font-weight: normal;
  color: #e8d8ba;
  text-shadow: 0 0 30px rgba(161, 18, 38, .9), 0 0 90px rgba(161, 18, 38, .5), 0
    3px 6px #000;
}

#title span {
  color: var(--blood-hi);
}

.tag {
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: var(--bone-dim);
  margin: 14px 0 30px;
}

.ctrls {
  font-size: 0.8125rem;
  color: var(--bone-dim);
  line-height: 2;
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.ctrls b {
  color: var(--bone);
  font-weight: normal;
}

#deathtitle {
  font-size: clamp(2.125rem, 7vw, 4rem);
  letter-spacing: 10px;
  margin: 0 0 8px;
  font-weight: normal;
  color: var(--blood-hi);
  text-shadow: 0 0 26px rgba(161, 18, 38, .9);
}

#deathstats {
  font-size: 0.875rem;
  line-height: 2.1;
  color: var(--bone-dim);
  margin-bottom: 24px;
  letter-spacing: 1px;
}

#deathstats b {
  color: var(--bone);
  font-weight: normal;
}

#beststats {
  font-size: 0.71875rem;
  color: #5f564a;
  margin-top: 16px;
  letter-spacing: 2px;
}

#pausescr {
  display: none;
}

#pausescr h1 {
  font-weight: normal;
  letter-spacing: 10px;
  font-size: 2.125rem;
}