.btc td { width: 30px; height: 30px; vertical-align: middle; }
.btscell { border: 1px solid #49c5b6; width: 33px; height: 33px; text-align: center; vertical-align: middle; padding: 0px;}
.tttcell { border: 1px solid #49c5b6; width: 99px; height: 99px; text-align: center; vertical-align: middle; padding: 0px; font-size: 330%;}

/** lg */
@media ( min-width : 992px) {
	.btc td { width: 33px; height: 33px;}
	.tttcell { width: 110px; height: 110px; text-align: center; vertical-align: middle; padding: 0px; font-size: 350%;}
}

/** xl */
@media ( min-width : 1200px) {
	.btc td { width: 36px; height: 36px;}
	.tttcell { width: 120px; height: 120px; font-size: 400%;}
	
}

.red { color: red;}
.blue {	color: blue;}

.btsship { background: blue;}
.btssmiss { background: #0ab5f7;}
.btsbustedship { background: red;}
.btsdrag { position: absolute; z-index: 20; border: 1px solid red; }
.btsprojectile { position: absolute; z-index: 30; color: red; }