/* The Slop Works: styles for this copy, kept out of upstream's inline <style>. */

/* The game fits the window (slopworks.js), so there is nothing to scroll. Upstream let the page
   scroll when the window was short, and the arrow keys, which fly the ship, scrolled it too. */
html,
body {
	overflow: hidden;
}

/* A one-line credit and a way back to the hub, centred in the strip slopworks.js keeps free below
   the game. In the greys of the game's own frame and menu text, set small and uppercase to sit with
   its pixel lettering, and fading in with the game. */
.slopworks-credit {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 8px;
	margin: 0;
	color: #555;
	font: 11px/1.4 'Courier New', Courier, monospace;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 1.5s;
}

.loaded .slopworks-credit {
	opacity: 1;
}

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

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

/* On a narrow window, drop the game's name and break after the back link. */
@media (max-width: 560px) {
	.slopworks-game,
	.slopworks-sep {
		display: none;
	}

	.slopworks-credit a:first-child::after {
		content: '';
		display: block;
	}
}