/* Baseball, Football and Gerrymandered Sudoku game pages. */
body {
	--z: 9;
	--cols: 10;
}
#header {
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	display: grid;
	max-width: 42rem;
	margin: 0.25rem auto 2rem auto;
	padding: 0.5rem;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
}
.cardFull {
	display: grid;
	max-width: 42rem;
	margin: 0.25rem auto;
	padding: 0.5rem;
	position: relative;
	grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
}
.cell, .cellLeft {
	height: var(--w);
	text-align: center;
	line-height: var(--w);
	font-size: min((var(--w) * 0.5), 3rem);
}
.cellLeft {
	font-size: min((var(--w) * 0.4), 2.5rem);
}
.cell {
	border: 1px solid #222;
	border-left: none;
	border-top: none;
	cursor: pointer;
	color: #222;
	box-sizing: border-box;
}
.cellEven {
	border: 2px dashed #888;
	border-left: none;
	border-top: none;
}
.cellStart {
	font-weight: bold;
	cursor: unset;
	color: #000;
}
.cell.h {
	border: 2px solid black;
	cursor: pointer;
}
.active {
	background: #9F9;
}
.error {
	font-size: 66%;
}
.solution {
	color: blue;
}
.hint {
	background: rgb(255, 228, 187);
}
.hint-1 {
	background: #FBB;
}