html,
body {
  margin: 0;
  padding: 0;
}

body,
.overlay {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
}

body {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background: black;
  color: white;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
}

#FATAL {
  margin: 0 auto;
}

.ad {
  background: black;
  display: grid;
  grid-template-areas: "title close" "img   img  ";
  width: 176px;
  grid-template-rows: 24px auto;
  grid-template-columns: 1fr 24px;
  gap: 1px;
}
.ad > * {
  outline: 1px solid white;
}
.ad div.title {
  grid-area: title;
  overflow-x: hidden;
  white-space: nowrap;
}
.ad button.close {
  cursor: pointer;
  font: 24px monospace;
  line-height: 24px;
  grid-area: close;
  background: transparent;
  color: white;
  padding: 0;
  border: none;
}
.ad div.crutch {
  grid-area: img;
  width: 176px;
  height: 62px;
}
.ad div.scaler {
  transform: scale(2);
  transform-origin: top left;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
}