div.squarie-gameboard-cell, .squarie-hot, .squarie-boom {
    height: 100%;
    width: calc(100% / 35);
    border-right: solid 1px #bbb;
    border-bottom: solid 1px #bbb;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

div.squarie-gameboard-row, div.squarie-row {
    margin: 0;
    padding: 0;
    height: calc(100% / 35);
    box-sizing: border-box;
}

div.squarie-hot, div.squarie-canon-line.squarie-hot {
    background-color: red;
}
div.squarie-boom {
    background-color: green;
}
div#squarie-gameboard {
    padding: 1%;
    margin: 0px 0px 0px 0px;
    position: relative;
    height: 100%;
    width: 100%;
}
div#squarie-gametable {
    background-color: #333;
    margin-top: 2%;
    margin-left: 2%;
    height: 89.7435%;
    font-size: 0px;
    position: relative;
    border-top: solid 1px #bbb;
    border-left: solid 1px #bbb;
}
div#squarie {
    height: 80%;
    width: 80%;
    background-color: white;
    position: absolute;
    top: 10%;
    left: 10%;
}
div.squarie-zombie {
    height: 80%;
    width: 80%;
    background-color: #f00;
    position: absolute;
    top: 10%;
    left: 10%;
    border: solid 1px #888;
    box-sizing: border-box;
}
div.squarie-canon {
    height: calc(100% / 35);
    width: calc(100% / 35);
    background-color: black;
    position: absolute;
    box-sizing: border-box;
    border: solid 1px #bbb;
}
div.squarie-canon.squarie-hot {
    background-color: red;
}
img#squarie-gameOverImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 66%;
}
div#squarie-timer, div.squarie-scoreBoard, div#squarie-inventory, div#squarie-wave {
    position: absolute;
    right: 0px;
    font-size: 1.3vw;
    border: 1px solid blue;
    width: 10%;
    height: 5.3%;
    text-align: right;
    padding-right: 1%;
    padding-left: 1%;
    background-color: #eee;
    margin: 3%;
}
.cobaltjs-game-container.cobaltjs-portrait div#squarie-timer,
.cobaltjs-game-container.cobaltjs-portrait div.squarie-scoreBoard,
.cobaltjs-game-container.cobaltjs-portrait div#squarie-inventory,
.cobaltjs-game-container.cobaltjs-portrait div#squarie-wave {
    font-size: 1.3vh;
}
div#squarie-wave {
    top: 2%;
}
div#squarie-timer {
    top: 12%;
}
div#squarie-scoreBoard {
    top: 22%;
}
div#squarie-highScoreBoard {
    top: 32%;
}
div#squarie-inventory {
    top: 42%;
    height: 45%;
}
div#squarie-score {
    position: absolute;
    top: 10%;
    right: 2%;
    font-size: 1.3vw;
    border: 1px solid blue;
}
.cobaltjs-game-container.cobaltjs-portrait div#squarie-score {
    font-size: 1.3vh;
}
div.squarie-lootBox {
    position: absolute;
    top: 10%;
    left: 10%;
    height: 80%;
    width: 80%;
    background-color: gold;
}
img.squarie-bomb, img.squarie-lasergun {
    height: 3vw;
    width: 3vw;
    margin-top: 0.5vw;
}
.cobaltjs-game-container.cobaltjs-portrait img.squarie-bomb,
.cobaltjs-game-container.cobaltjs-portrait img.squarie-lasergun {
    height: 3vh;
    width: 3vh;
    margin-top: 0.5vh;
}
div.squarie-gameboard-cell.squarie-spawn {
    background-color: red;
}