.puzzle_state_view {
 border-radius: 0.3em;
 margin-bottom: 0.5em;
 display: inline-block;
 border: 1px solid #999;
 background: #999;
 font-size: 12px;
}

.puzzle_state_view span {
 display: none;
}

.puzzle_state_view .row {
 display: block;
}

.puzzle_state_view .cell {
 display: inline-block;
 width: 29px;
 height: 29px;
 background: #fff; 
 text-align: center;
}

.puzzle_state_view .cell_0_0,
.puzzle_state_view .cell_0_1,
.puzzle_state_view .cell_0_2,
.puzzle_state_view .cell_1_0,
.puzzle_state_view .cell_1_1,
.puzzle_state_view .cell_1_2 {
 margin-right: 1px;
}

.puzzle_state_view .row_0,
.puzzle_state_view .row_1 {
 margin-bottom: 1px;
}

.puzzle_state_view .cell_0_0 {
 border-top-left-radius: 0.2em;
}

.puzzle_state_view .cell_2_0 {
 border-top-right-radius: 0.2em;
}

.puzzle_state_view .cell_0_2 {
 border-bottom-left-radius: 0.2em;
}

.puzzle_state_view .cell_2_2 {
 border-bottom-right-radius: 0.2em;
}

.puzzle_state_view .cell .cell_value {
 position: relative;
}