/* 1728092506257 */
html, body { height: 100%; }
body {
	display: flex; flex-direction: column;
	font-family: sans-serif; font-size: 20px; margin: 0; overflow: hidden;
}
header { display: none; height: 100px; }
table { width: 100%; flex-grow: 1; border-collapse: collapse; }
td, th { width: 20%; text-align: center; }
	:is(td, th):nth-child(1n + 2) { border-left: 1px solid rgb(128 128 128); }

#BingoHeader th { background: rgb(0 0 139); color: rgb(255 255 0); }

#CallTR td { line-height: 5vh; }
#CallTR td:empty::before { content: "."; color: transparent; }

footer { position: relative; display: flex; flex-direction: column; align-items: center; padding: 10px; gap: 5px; border-top: 1px solid black; }
	#Last { flex-grow: 1; text-align: center; font-size: 24px; line-height: 1em; }
		#Pct {
			height: 3px; width: 100%; background-color: blue;
			position: absolute; top: -2px; left: -100%; transition: transform 0.6s ease;
		}
	#Reset span { display: block; margin-top: -0.08em; margin-left: -0.1em; line-height: 0; font-size: calc(48px + 2vw); }
	footer-buttons { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1em; }
		button {
			flex-grow: 1; max-width: 10em; padding: 5px 15px; contain: content; user-select: none;
			background: rgb(0 0 139); border: none; border-radius: 8px;
			font-size: calc(28px + 2vw); color: white; cursor: pointer;
		}