/* The Slop Works: a two-line credit and a way back to the hub. Kept in its own file so upstream's
   stylesheets stay untouched. Top right on wide screens, the one corner the game leaves free (help
   is top left, restart and pause sit in the bottom corners). On narrow screens the in-game high
   score takes the top centre, so the credit moves to the bottom centre, between restart and pause.
   Greys from the game's own Flat UI palette, in its Exo type, and beneath its help and game-over
   overlays. */
.slopworks-credit {
	position: fixed;
	top: 14px;
	right: 16px;
	z-index: 50;
	color: #95a5a6;
	font-family: 'Exo', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: right;
}

.slopworks-credit a {
	color: #7f8c8d;
	text-decoration: none;
}

.slopworks-credit a:hover {
	color: #2c3e50;
	text-decoration: underline;
}

@media (max-width: 640px) {
	.slopworks-credit {
		top: auto;
		right: auto;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
		font-size: 11px;
		text-align: center;
		white-space: nowrap;
	}

	/* The game-over restart button and the pause button share this bottom row on phones; dropping
	   the game's name from the second line keeps the credit clear of both. */
	.slopworks-game {
		display: none;
	}
}

/* The Slop Works: upstream sat the game-over restart button 124px left of centre to make room for
   the "Share my score" button beside it. With sharing removed, centre it, but only on wide screens:
   below 640px the credit above takes the bottom centre, and upstream's offset keeps the two apart. */
@media (min-width: 641px) {
	#restart {
		left: 50%;
	}
}