* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #080606;
  color: #f6e6b5;
  overflow: hidden;
  font-family: "Courier New", monospace;
}

.shell {
  min-height: 100%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at center, rgba(99, 36, 20, 0.35), transparent 52%),
    #080606;
}

#game {
  width: min(100vw, calc(100vh * 4 / 3));
  height: min(100vh, calc(100vw * 3 / 4));
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  background: #080606;
  outline: 4px solid #1a1110;
  box-shadow: 0 0 0 4px #4b2a18, 0 24px 80px rgba(0, 0, 0, 0.6);
}