/* Keep the Life, screen styles: SCP-079's Exidy Sorcerer monitor. */

.app-079 .app-frame {
  overflow: visible;
  box-shadow: none;
  border-radius: 0;
  container-type: inline-size;
}

.tv {
  /* 48 columns by 14 rows of VT323, whose advance is 0.4em */
  width: 25.6em;
  margin-inline: auto;
  font:
    400 min(20px, calc(100cqw / 25.6)) / 1.1 "VT323",
    var(--mono);
}

.tv-case {
  padding: var(--l-1em) var(--l-1em) 0;
  background: #cdbf9f;
  border: var(--l-1px) solid #a99b7c;
  border-radius: var(--l-0-5em) var(--l-0-5em) var(--l-0-2em) var(--l-0-2em);
}
.tv-bezel {
  padding: var(--l-1-2em);
  background: #3f3a33;
  border-radius: var(--l-0-4em);
}

.tv-screen {
  height: calc(14 * var(--l-1-1em) + 1.4em);
  padding: var(--l-0-7em) var(--l-0-8em);
  background: #050605;
  border-radius: 0.35em;
  color: #eef1ee;
  text-transform: uppercase;
  text-shadow: 0 0 var(--l-0-25em) rgba(238, 241, 238, 0.45);
  overflow: hidden;
}

.tv-e {
  color: #a8aea9;
  margin-bottom: var(--l-1-1em);
}
.tv-c {
  animation: blink var(--t-1-1s) steps(1) infinite;
}

.tv-chin {
  display: flex;
  justify-content: flex-end;
  gap: var(--l-0-6em);
  padding: 0.55em var(--l-0-4em);
}
.tv-chin i {
  width: var(--l-0-75em);
  height: var(--l-0-75em);
  border-radius: var(--l-50pct);
  background: #6b6253;
}
.tv-foot {
  height: var(--l-0-7em);
  margin: 0 3em;
  background: #2c2925;
  border-radius: 0 0 var(--l-0-3em) var(--l-0-3em);
}