/** Dice game
  */
body {
	text-align:center;
	touch-action: none; /* disable browser events */
}

#all { display: flex; justify-content:space-around; margin: auto; }
#all>div { text-align: center; width: 3em; font-size: 3em }
#all>div>div { border: 1px solid; margin: 0.6em 0; background: white; transition: background-color 1s linear; }
#all>div>div[status="selected"] { background: #0FF }
#all>div>div[status="done"] { background: #0F0 }

#lines { position: absolute; top:0; left: 0; width: 100%; height: 100%; pointer-events: none; }
#lines>* { position: absolute; }

#lines>div.endAnimation {
	/* dirty "centering" */
	top: 20%;
	left: 0;
	width: 100%;
	display:none;
	font: bold 4em sans-serif;
}
#lines>div.endAnimation::before {
	font-size: 3em;
	content: '☺';
	display:block;
}
#lines>div>span {
	background: yellow;
	border-radius: 50%;
	padding: 0.3em;
}