#game {
flex: 2 0;
}

#game_place {
    display: flex;
    flex-wrap: nowrap;
}

#game_container {
    display: inline-block;
    margin: 3px;
}

#game_container .row {
    display: flex;
    flex-wrap: nowrap;
}

#game_container .cell {
    width: 30px;
    height: 30px;
    border: 1px solid #CCC;
    line-height: 30px;
    background-color: #EEE;
    font-size: 16px;
    text-align: center;
    box-shadow: inset 2px 2px 2px #fff, inset -1px -1px 3px #777;
    cursor: pointer;
    padding:0;

    transition: width 0.3s ease-out, height 0.3s ease-out;
}


#game_container.game-stop .cell {
    cursor:default!important;
}

#game_container .cell::selection {
    background: transparent;
}
#game_container .cell.revealed, .cell.flagged {
    cursor: default;
}
#game_container .cell.revealed {
    background-color: #DDD;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cell.adj-1 {
    color: blue;
}
.cell.adj-2 {
    color: green;
}
.cell.adj-3 {
    color: red;
}
.cell.adj-4 {
    color: purple;
}
.cell.adj-5 {
    color: maroon;
}
.cell.adj-6 {
    color: turquoise;
}
.cell.adj-7 {
    color: black;
}
.cell.adj-8 {
    color: white;
}
#game_container .cell.adj-M {
    font-family: "Font Awesome 5 Free";
    background-color: #FFCCCC;
    font-weight: 900;
}
.cell.adj-M:before {
    font-family: "Font Awesome 5 Free";
    content: '\f1e2';
}
#game_container .cell.flagged {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #dc4245;
    font-size: 11px;
}
.cell.flagged:before {
    content: '\f024';
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.status_msg {
    margin-bottom: 10px;
}
input[type="number"] {
    width: 50px;
}