/* Riftfall: common look of the "ordinary" pages (rankings, online list, deaths, houses, forms, account, profile ...).
   Scoped to every page except the home page and the wiki, which have their own layout (riftfall-site.css). 2026-11-11 */

body:not(.page_index):not(.page_wiki) .leftPane {
	box-sizing: border-box;
	padding: 22px 26px 28px;
	color: #d3d6de;
}

/* ------------------------------------------------------------ headings */
body:not(.page_index):not(.page_wiki) .leftPane > h1 {
	margin: 0 0 18px;
	padding-bottom: 12px;
	border-bottom: 1px solid #3a3440;
	color: #f3f0e8;
	font-size: 1.9rem;
	line-height: 1.2;
}

body:not(.page_index):not(.page_wiki) .leftPane > h2,
body:not(.page_index):not(.page_wiki) .leftPane > form > h2 {
	margin: 26px 0 12px;
	color: #e4c98a;
	font-size: 1.25rem;
}

body:not(.page_index):not(.page_wiki) .leftPane > p,
body:not(.page_index):not(.page_wiki) .leftPane > ul,
body:not(.page_index):not(.page_wiki) .leftPane > ol {
	line-height: 1.6;
}

body:not(.page_index):not(.page_wiki) .leftPane a {
	color: #d9b66c;
}

body:not(.page_index):not(.page_wiki) .leftPane a:hover {
	color: #f3d58f;
}

/* ------------------------------------------------------------ data tables */
body:not(.page_index):not(.page_wiki) .leftPane table {
	width: 100%;
	margin: 0 0 22px;
	border-collapse: collapse;
	border: 1px solid #2f2b36;
	background: #0d1016;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr.yellow td,
body:not(.page_index):not(.page_wiki) .leftPane table tr.yellow th,
body:not(.page_index):not(.page_wiki) .leftPane table th,
body:not(.page_index):not(.page_wiki) .leftPane table thead td {
	padding: 11px 14px;
	background: #1a1722;
	color: #e4c98a;
	font-size: 0.82rem;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-align: left;
	text-transform: uppercase;
	border: 0;
}

body:not(.page_index):not(.page_wiki) .leftPane table td {
	padding: 9px 14px;
	border: 0;
	border-bottom: 1px solid #23202a;
	vertical-align: middle;
	line-height: 1.45;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr:nth-child(2n+1) td {
	background: #0f1219;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr:nth-child(2n) td {
	background: #12151d;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr.yellow td,
body:not(.page_index):not(.page_wiki) .leftPane table tr.yellow:nth-child(n) td {
	background: #1a1722;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr:hover td {
	background: #181c27;
}

body:not(.page_index):not(.page_wiki) .leftPane table tr.yellow:hover td {
	background: #1a1722;
}

/* outfit pictures: one tidy column, same row height everywhere */
body:not(.page_index):not(.page_wiki) .leftPane td.outfitColumn,
body:not(.page_index):not(.page_wiki) .leftPane #highscoresTable td:first-child,
body:not(.page_index):not(.page_wiki) .leftPane #onlinelistTable td:first-child {
	width: 72px;
	text-align: center;
}

body:not(.page_index):not(.page_wiki) .leftPane td.outfitColumn img,
body:not(.page_index):not(.page_wiki) .leftPane #highscoresTable td:first-child img,
body:not(.page_index):not(.page_wiki) .leftPane #onlinelistTable td:first-child img {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	object-fit: contain;
	image-rendering: pixelated;
}

body:not(.page_index):not(.page_wiki) .leftPane img.countryFlag {
	margin-right: 6px;
	vertical-align: -2px;
}

/* ------------------------------------------------------------ forms */
body:not(.page_index):not(.page_wiki) .leftPane form ul {
	margin: 0;
	padding: 0;
}

body:not(.page_index):not(.page_wiki) .leftPane form li {
	margin: 0 0 16px;
	list-style: none;
	line-height: 1.5;
}

body:not(.page_index):not(.page_wiki) .leftPane input[type="text"],
body:not(.page_index):not(.page_wiki) .leftPane input[type="password"],
body:not(.page_index):not(.page_wiki) .leftPane input[type="email"],
body:not(.page_index):not(.page_wiki) .leftPane input[type="number"],
body:not(.page_index):not(.page_wiki) .leftPane input[type="search"],
body:not(.page_index):not(.page_wiki) .leftPane textarea,
body:not(.page_index):not(.page_wiki) .leftPane select {
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	margin-top: 5px;
	padding: 10px 12px;
	border: 1px solid #3b414b;
	background: #0b0d13;
	color: #e6e8ee;
	font-size: 0.95rem;
}

body:not(.page_index):not(.page_wiki) .leftPane textarea {
	max-width: 100%;
	min-height: 120px;
}

body:not(.page_index):not(.page_wiki) .leftPane input:focus,
body:not(.page_index):not(.page_wiki) .leftPane textarea:focus,
body:not(.page_index):not(.page_wiki) .leftPane select:focus {
	border-color: #c9a25b;
	outline: 0;
}

/* filter bars (rankings, houses): selects side by side, not one per line */
body:not(.page_index):not(.page_wiki) .leftPane > form[method="GET"],
body:not(.page_index):not(.page_wiki) .leftPane > form[method="get"] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
}

body:not(.page_index):not(.page_wiki) .leftPane > form[method="GET"] select,
body:not(.page_index):not(.page_wiki) .leftPane > form[method="get"] select {
	width: auto;
	min-width: 150px;
	margin-top: 0;
}

body:not(.page_index):not(.page_wiki) .leftPane input[type="submit"],
body:not(.page_index):not(.page_wiki) .leftPane button[type="submit"],
body:not(.page_index):not(.page_wiki) .leftPane .btn {
	padding: 10px 20px;
	border: 1px solid #c9a25b;
	background: linear-gradient(180deg, #4a3813, #2e2209);
	color: #f8dc9a;
	font-size: 0.9rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

body:not(.page_index):not(.page_wiki) .leftPane input[type="submit"]:hover,
body:not(.page_index):not(.page_wiki) .leftPane button[type="submit"]:hover,
body:not(.page_index):not(.page_wiki) .leftPane .btn:hover {
	background: linear-gradient(180deg, #5d4717, #3a2b0c);
	color: #fff2cb;
}

body:not(.page_index):not(.page_wiki) .leftPane small {
	color: #9aa0ae;
	line-height: 1.5;
}

/* ------------------------------------------------------------ character profile */
@media screen and (max-width: 940px) {
	body:not(.page_index):not(.page_wiki) .leftPane { padding: 16px 14px 22px; }
	body:not(.page_index):not(.page_wiki) .leftPane > h1 { font-size: 1.5rem; }
	body:not(.page_index):not(.page_wiki) .leftPane table { display: block; overflow-x: auto; }
	body:not(.page_index):not(.page_wiki) .leftPane input[type="text"],
	body:not(.page_index):not(.page_wiki) .leftPane input[type="password"],
	body:not(.page_index):not(.page_wiki) .leftPane select { max-width: 100%; }
}

/* profile: the name row is a title, not a table heading */
body.page_characterprofile #characterProfileTable th {
	padding: 14px 16px;
	letter-spacing: 0;
	text-transform: none;
}

body.page_characterprofile #characterProfileTable th:first-child {
	width: 150px;
}

body.page_characterprofile #characterProfileTable th h1 {
	margin: 0;
	padding: 0;
	border: 0;
	color: #e4c98a;
	font-size: 2rem;
	text-transform: none;
}