.game-container{
	display:flex;
	flex-direction:column;
	height:100vh; height:100svh;
	max-height:100vh; max-height:100svh;
	width: 100%;
	overflow:hidden;
	z-index: 2;
	padding:0;
	background:var(--neutrallight)
}

.game-container .header{
	flex-direction:column;
	display: flex;
	--f:calc(3*var(--fontheight));
	--l:calc(2.2*var(--fontheight));
	font-size:var(--f);
	padding:0.1em 0 0 0;
	border-bottom: var(--s-4) solid var(--neutralchiaroscuro);
	background:var(--neutrallightest)
	
}

.header #designation{
	max-height: calc(var(--f)+var(--l));
	line-height:var(--l);
	padding:0.1em 0;
	font-weight:bold;
}

.header #variants{
	font-size:50%;
}

.help{
	border:0.1em solid var(--neutraldark);
	color:var(--neutraldark);
	border-radius:2em;
	padding:0.2em;
	font-size:50%
}

version{
	z-index: 1;
	font-size: 30%;
	color:var(--neutraldark);
	padding-top:0.2em;
	font-weight:bold;
	
}


.colophon{
  font-size: 25%;
  color:var(--neutraldark);
  font-style: italic;
	padding-top:0.1em;
}

.colophon .authorship,
.colophon .thanksurl{
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}



.game-container .tabletop{
	display:flex;
	flex-grow: 1;
	flex-direction:column;
	position: relative;
	background-color: transparent;
	overflow: hidden;
}

.tabletop .game-supra-canvas{
	width:100%;
	height: 100%;
	display:flex;
	flex-direction:column;
	justify-content: center;
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="75px" height="24px" viewBox="0 0 "><style>.bgtext{font:11px Arial;transform:rotate(-11deg)}</style><text x="0" y="23" class="bgtext" fill="%23cec593AA">Pedro%27s Works</text></svg>')
}

.tabletop .game-supra-canvas.won{
	background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 25 25"><path d="m 8 8 l 2 -6 l 2 0 l 2 6 l 6.2 0 l 0.6 1.9 l -5.1 3.7 l 2 5.9 l -1.6 1.2 l -5.2 -3.7 l -5 3.7 l -1.6 -1.2 l 1.9 -6 l -5 -3.6 l 0.6 -1.9 " fill="%23cec59360"/></svg>')
}

.game-supra-canvas text {
user-select :none
}


kudamono-support {
	position: absolute;
	right:0;
	padding: var(--s1);
}