@charset "utf-8";
@import url(/scripts/styles/games.css);

.black {width: 32px; height: 32px; border:none;}
#frame {max-width: 570px; margin: 0 auto; padding: 20px;}
#board {border: thick inset #6B8E23; border-collapse: collapse; background: Black; color: var(--galleryYellow); margin: 0 auto; padding: 0px; box-shadow: 2px 2px 4px Black;}
#board a { display: block;}/*height: 32px; width: 28px;*/
#acknowledgement {text-align: center; font-size: xx-small;}
#scores {position: relative; height: 3.5em; margin: 0 auto; list-style: none; width: 300px; padding: 0;}
#scores li {text-align: center; margin-top: 5px;}
#scores li:first-child {float: left;}
#scores li:last-child {float: right;}
@media only screen and (max-width: 750px)
{
	#frame {width: calc(100% - 30px); padding: 10px;}
	.black {width: 29px; height: 29px;}
	/*#board a {height: 30px; width: 28px;}*/
}
@media only screen and (max-width: 533px)
{
	#frame {padding: 5px;}
	.black {width: calc((90vw  - 50px) / 15); height: calc((90vw - 50px) / 15);}
	/*#board a {height: calc(90vw / 15);}*/
}