html,body{
  margin:0;
  padding:0;
  height:100%;
  background:#000;
  color:#fff;
  font-family:monospace;
}
#container{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
}
#game-area{
  display:flex;
  flex-direction:column;
  align-items:center;
}
canvas{
  width:512px;
  height:512px;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  background:#000;
  border:2px solid #fff;
}
#hud{
  width:512px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:6px;
  font-size:18px;
  letter-spacing:1px;
}
#overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.85);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  font-family:monospace;
  font-size:24px;
  line-height:1.4;
  z-index:10;
}
#overlay.hidden{
  display:none;
}