body {
  background: #111;
  color: #777;
  font-family: 'Roboto Mono', consolas, monaco, monospace;
}
game {
  margin: 0 auto;
  display: block;
  width: 320px;
  height: 320px;
  outline: 1px solid #777;
  font-size: .8em;
  position: relative;
  background:#222;
}
ui {
  display: block;
  width: 320px;
  margin: 0 auto;
}
man, pellet, enemy {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  overflow: hidden;
  line-height: 30px;
  font-size: 24px;
  text-align:center;
}
man {
  color: limegreen;
  z-index:2;
}
man.mad {
  color: white;
  font-weight: bold;
}
pellet {
  color: orange;
}
enemy {
  color: hotpink;
}
enemy.mad {
  color: aqua;
}
controls {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 320px;
  height: 240px;
}
controls button {
  display: block;
  position: absolute;
  border: none;
  background: #333;
  color: #666;
  text-align: center;
  font-size: 1.5em;
  z-index: 2;
}
controls button.move-up {
  width: 80px;
  height: 60px;
  top: 10px;
  left: 120px;
}
controls button.move-left {
  width: 60px;
  height: 80px;
  top: 70px;
  left: 60px;
  transform: rotate(180deg);
}
controls button.move-right {
  width: 60px;
  height: 80px;
  top: 70px;
  left: 200px;
}
controls button.move-down {
  width: 80px;
  height: 60px;
  top: 150px;
  left: 120px;
  transform: rotate(180deg);
}
controls button.powerup {
  width: 40px;
  height: 40px;
  top: 90px;
  left: 140px;
}
label {
  font-size: .8em;
  margin: 8px;
}
input.pellets {
  background: #333;
  color: orange;
  border: none;
  width: 32px;
  text-align: right;
}
input.pellets.mad {
  color: white;
  font-weight: bold;
}
input.score {
  background: #333;
  color: hotpink;
  border: none;
  width: 80px;
  text-align: right;
}
game h1,
game h2,
game button {
  margin: 0 auto;
  padding: 0;
  display: block;
  text-align: center;
  line-height: 2em;
}
game h2 {
  color: hotpink;
}
game button {
  cursor: pointer;
  margin: 24px auto 0 auto;
  border: 1px solid #666;
  background: #333;
  padding: 8px;
  color: limegreen;
  box-shadow: 4px 4px 0px #000;
}