/*	Still needs a bit of tidying
*/

a { color:white; text-decoration:underline; }
a:visited:hover { color:white; text-decoration:underline; }
a:hover { color:white; text-decoration:underline; }
a:visited { color:aqua; text-decoration:underline; }

body {
	background-color:green;
	color:aqua;
}

h1 {
	border-width:1em;
	letter-spacing:1em;
}

h2 { margin-top:0; }

#entrances h2,
#exits h2 {
	letter-spacing:1em;
}

img { vertical-align:bottom; }

strong { text-transform:uppercase; }

ul,
ol {
	list-style:none;
	margin:0;
	padding:0;
}

.instruction {
	font-family:monospace;
	white-space:nowrap;
}

#intro li,
#log li,
nav li {
	border:none;
	margin:0;
	padding:0;
}

/*	structures / shrines	*/
h1,
h2,
h3,
h4,
figure#logo,
li.category figure figcaption,
li.category figure img,
li.category figure p,
li.game,
nav,
section,
section.webring * {
	background-color:blue;
	border-style:outset;
	border-color:lightblue blue darkblue blue;
	border-width:0.6em;
	border-top-width:50%;
	display:inline-block;
	float:left;
	margin:1em;
	padding:1em;
}

/*	things on ground or on shrines	*/
h4,
li.category,
nav h2,
section#intro h2,
section#log h2,
section#entrances,
section#exits,
section#games,
section#groups,
section#groups figure,
section#links h3 {
	background:none;
	border:none;
	display:inline-block;
	float:none;
	margin:0;
	padding:0;
}

/*	------------------------------------	HEADER		*/

figure#logo {
	border-width:4em;
	padding:0;
	width:auto;
}

/*	----------------------------------------	NAV		*/

nav {
	box-shadow:1em 1.5em 0.1em rgba(0, 0, 0, 0.5);
	position:fixed;
	top:0;
	right:0;
}

@media (prefers-reduced-motion) {
	nav {
		/*	Disable sticky nav area, for accessabillty reasons:
			https://github.com/itchio/itch.io/issues/1249
		*/
		position:absolute;
	}
}

nav li {
	display:block;
	float:none;
}

nav ol {
	margin-left:1em;
	margin-top:0;
	padding-left:0;
}

nav li::before {
	content:"├ ";
}

nav li:last-child::before {
	content:"└ ";
}

nav li.heading::before {
	content:"";
}

/*	----------------------------------------	LOG		*/

section#log { width:25em; }

section#log ul {
	margin-left:5em;
	text-indent:-5em;
}
section#log li::before { content:'UPDATE: '; }

/*	------------------------------------	INTRO		*/

section#intro { width:40em; }

section#intro ul {
	margin-left:1em;
	text-indent:-1.1em;
}

section#intro li::before {
	content:'☛ ';
}

section#intro ol {
	text-indent:0;
}

section#intro ol li::before {
	content:'※ ';
}

/*	--------------------------------	ALL GAMES		*/

section#games li.game figure {
	width:160px;
	margin:0;
	padding:0;
}

section#games li.game figcaption {
	font-style:italic;
	margin:0.5em;
}

section#games li.game {
	border-width:3em;
	border-top-width:1em;
	padding:0;
}

section#games li.game.highlight {
	border-width:4em;
	border-top-width:1.5em;
}

section#games li.game.very-highlight {
	border-width:5em;
	border-top-width:2em;
}

/*	--------------------------------	CATEGORISED		*/

section#groups li {
	width:auto;
}

section#groups figure {
	float:left;
	width:auto;
}

section#groups li.category figure figcaption {
	display:block;
	float:unset;
	margin:0.5em;
	width:auto;
}

section#groups li.category figure img,
section#groups li.category figure p {
	padding:0;
	margin:0.5em;
}

/*	------------------------------------	LINKS		*/

section#links {
	border-width:3em;
	width:33em;
}

section#links hr {
	border:6px inset;
		border-color:darkblue blue lightblue blue;
	color:blue;
	margin:2em 0;
}

section#links ul:nth-of-type(2) li::before {
    content:"𓊆";
}
section#links ul:nth-of-type(2) li::after {
    content:"𓊇";
}

section#links ul {
	margin-top:1em;
}
section#links li {
	display:inline-block;
}
section#links li::before {
    content:"＜";
}
section#links li::after {
    content:"＞";
}

/*	----------------------------		WEBRINGS		*/

section.webring {
	border:3px ridge blue;
	padding:0;
}

section.webring * {
	margin:0;
	padding:0;
}

section.webring a {
	font-size:2em;
	min-height:100%;
}