@media only screen and (min-width: 1200px) {
	#app-container {
		max-width: 50%;
		margin-left: 25%;
		margin-right: auto;
	}
}

app-grid-cell .cell-outer {
	width: 75px;
	height: 75px;
	background-color: #2222cc;
}

app-grid-cell .cell-outer .cell-inner {
	width: 69px;
	height: 69px;
	margin: 3px;
	background: darkblue;
	position: absolute;
	border-radius: 100px;
}

app-grid-row .grid-row-container {
	display: flex;
}

app-grid-slots .grid-slots-container {
	display: flex;
}

app-grid-slots .grid-slots-container .grid-slot-outer {
	width: 75px;
	height: 20px;
	background-color: #2222cc;
	transform: skew(-15deg) translateX(3px);
}

app-grid-slots .grid-slots-container .grid-slot-outer .grid-slot-inner {
	width: 69px;
	height: 14px;
	position: absolute;
	background: darkblue;
	margin: 2px;
}

app-scoreboard .scoreboard-container {
	display: flex;
}

app-scoreboard .scoreboard-container .player {
	background: #333;
	padding: 10px;
	text-align: center;
	color: white;
	font-family: sans-serif;
	margin: 7px;
	border-radius: 7px;
	font-size: 14pt;
}

app-scoreboard .scoreboard-container .player .score {
	font-size: 40px;
	line-height: 0px;
	font-weight: bold;
}

app-scoreboard .scoreboard-container .buttons {
	display: inline-grid;
	padding: 5px;
}

app-scoreboard .scoreboard-container .buttons button {
	margin: 3px;
	padding: 5px 20px;
	border: 1px solid #333;
	border-radius: 5px;
	color: #333;
}

app-scoreboard .scoreboard-container .buttons button:hover {
	color: #ddd;
	background: #333;
}