* {
  box-sizing: border-box;
}

body {
  background: #000;
  padding: 0;
  margin: 0;
}

#wrapper {
  max-width: 640px;
  margin: 40px auto;
}

#settings {
  margin-top: 4px;
}
#settings .button {
  padding: 6px 12px;
  background: #40426C;
}
#settings .button:hover {
  background: #4F517C;
}

#debug {
  margin-top: 4px;
}

#cheats {
  margin-top: 4px;
}
#cheats button {
  margin: 0.5px;
}

#content {
  height: 90%;
  margin: auto;
}

#player {
  position: relative;
  /*
  height: 90vh;
  max-width: 90vw;
  */
  /*
  width: 100%;
  height: 100%;
  */
  width: 640px;
  height: 480px;
}

#player canvas.C_Standard {
  cursor: url(ui/default.png) 5 1, default;
}
#player canvas.C_Grab {
  cursor: url(ui/grab.png) 13 10, grab;
  cursor: url(ui/grab.png) 13 10, -webkit-grab;
}
#player canvas.C_Left {
  cursor: url(ui/left.png) 0 5, pointer;
}
#player canvas.C_MoveLeft {
  cursor: url(ui/drag_left.png) 20 17, w-resize;
}
#player canvas.C_Click {
  cursor: url(ui/point.png) 1 1, pointer;
}
#player canvas.C_MoveIn {
  cursor: url(ui/drag_forward.png) 15 16, n-resize;
}
#player canvas.C_Right {
  cursor: url(ui/right.png) 27 5, pointer;
}
#player canvas.C_MoveRight {
  cursor: url(ui/drag_right.png) 16 15, e-resize;
}

.button {
  cursor: pointer;
  font: 12px Arial;
  color: #ccc;
  background: #333;
  border: none;
  padding: 3px 6px;
  transition: 0.1s all linear;
  text-decoration: none;
}
.button:hover {
  background: #444;
}
.button:disabled {
  background: #222;
  cursor: not-allowed;
}

.chatInput {
  border: none;
  font: 14px Arial;
  padding: 4px;
  background: rgba(255, 255, 255, 0.5);
  width: 180px;
}
.chatInput:focus {
  background: rgb(255, 255, 255);
}

/*# sourceMappingURL=style.css.map */