.ghost{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 56px;
    width: 56px;
    background: url(../sprites/ghosts.png);
    background-size: 760px 248px;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}
.debug_ghosts{
    opacity: 0;
}
.game_canvas.debug_boxes .debug_ghosts {
    opacity: 1 !important;
}
.debug_blinky{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: #F00;
    border: 4px solid #F00;
    box-sizing: content-box;
    transform: translate(-4px, -4px);
    z-index: 3;
    transition: 0.2s all;
}
.debug_pinky{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: #F5F;
    z-index: 3;
    transition: 0.2s all;
}
.debug_inky{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: #0FF;
    z-index: 3;
    transition: 0.2s all;
}
.debug_clyde{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    background: #FA0;
    z-index: 3;
    transition: 0.2s all;
}