.fs-11 {
	font-size: 11px;
}

.fs-13 {
	font-size: 13px;
}

.fs-14 {
	font-size: 14px;
}

.fs-16 {
	font-size: 16px;
}

.fs-22 {
	font-size: 22px;
}

#header {
	padding-top: 53.15px;
}

@media (min-width: 800px) {
	.user-profile td {
		width: 50% !important;
}

.ucp-wrapper {
		flex-direction: row;
}

label.ucp {
		min-width: 200px;
		max-width: 200px;
		margin: 10px 10px;
}

.forum-desc {
		max-width: 85%;
}

.sidebar {
	    visibility: hidden;
		float: right; 
		width: 0%;
}

.forum {
		/*float: left;
	    margin-right: auto;*/
		width: 100%;
		
}


}

@media (max-width: 800px) {
	.search-wrap input, .search-wrap select, .search-wrap textarea {
		box-sizing: border-box;
		max-width: 100px;
	}
	
	.profile-info-half{
		width:100%;
}

.modal {
		width: 95%;
}

.post.classic .post_author, .post.classic .post_content {
		width: 100% !important;
}

.ucp-wrapper {
		flex-direction: column !important;
		min-width: 100%;
}

label.ucp {
	min-width: 100% !important;
	margin: 10px auto !important;
	overflow: hidden;
}

a.register-btn {
		margin-left: 0 !important;
}

.forum-desc {
		max-width: 125px;
}

.sidebar {
		float: left; 
		width: 100%;
}

.forum {
		float: left;
		width: 100%;		
		padding: 10px 10px;
		background: #131315;
		border-radius: 4px;
		max-height: 100%;
}


}

@media (min-width: 800px) {
	td.current_avatar_img {
		display: normal;
}

.index-main {
		flex-direction: row;
}


}

@media (max-width: 800px) {
	.index-main {
		flex-direction: column;
}

td.current_avatar_img {
		display: none;
}

#navbar {
		padding: 0 0;
}

.wrapper {
		width: 99% !important;
}


}

.show {
	display: block;
}

.dropdown-content .fas {
	width: 15px;
}

a.register-btn {
	background: #2785c1;
	padding: 8px 12px;
	border-radius: 2px;
	color: #fff;
	margin-left: 10px;
	transition: .2s;
}

a.register-btn:hover {
	background: #1f6998;
	transition: .2s;
}

#forum-img .fas {
	font-size: 22px;
	padding: 6.5px 6.5px;
	color: #34495e;
}

.mark-forum-read a {
	font-weight: 500;
	transition: .11s;
}

.mark-forum-read a:hover {
	text-decoration: none;
	color: #dfdfdf;
	transition: .11s;
}

a.subscribe-forum {
	margin-right: 10px;
}

.modbit-select {
	width: 45px !important;
}

.last-post.trow1 {
	background: #19191c;
}

.index-main {
	display: flex;
	justify-content: center;
}

label.ucp {
	background: #0c0c0c;
	color: #fff;
	display: flex;
	border: none;
	cursor: pointer;
	text-align: center;
	height: 65px;
	line-height: 65px;
	padding: 0 15px;
	border: 2px solid #0c0c0c;
	box-sizing: border-box;
	transition: .05s;
	
	font-family: Selawik, sans-serif;
	font-size: 15px;
}

label.ucp:hover {
	border: 2px solid #444;
	background: #1c1c1c;
	transition: .05s;
}

label.ucp a {
	color: #fff;
}

label.ucp a:hover {
	color: #f2f2f2;
}

input.ucpmenu, ul.submenu {
 	display: none;
}

label.ucp {
    position: relative;
  	display: block;
  	cursor: pointer;
}

input:checked~ul.submenu {
    display: block;
	padding: 5px 5px;
	margin: 55px 0 0 0;
	position: absolute;
	background: #121215;
	list-style: none;
	text-align: left;
	max-width: 170px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 9999;
}

input:checked~ul.submenu li {
	padding: 5px 10px;
	width: 100%;
	float: left;
}

.ucp-wrapper {
	display: inline-flex;
}

#account-summary ul.sum-box {
	padding: 15px 10px;
	border-radius: 2px;
	box-sizing: border-box;
	background: #f6f6f6;
	float: right;
	margin: 0;
	list-style: none;
	position: relative;
}

#account-summary ul.sum-box li {
	padding: 10px 5px;
	border-bottom: 1px solid #e9e9e9;
}

#account-summary ul.sum-box:last-child {
	border-bottom: 0 !important;
}

.navbar {
	background-color: rgba(29,29,31,0.7);
	-webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
	position: fixed !important;
	width: 100%;
	z-index: 9999 !important;
}

.navbar:before {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='8');
	background-blend-mode: exclusion;
    filter: blur(8px);
    -webkit-filter: blur(8px);
	background-image: url(http://api.thumbr.it/whitenoise-361x370.png?background=ffffff00&noise=a0a0a0&density=35&opacity=10);
}

.sidebar td.thead {
	background: #131315 !important;
}

.dropdown-menu {
	background-color: rgba(29, 29, 31, .99);
	margin-right: 20px !important;
	box-sizing: border-box;
}

a.dropdown-item {
	color: #faf8f9 !important;
}

a.dropdown-item:hover {
	background-color: rgba(99, 99, 101, .3) !important;
}

.u-avatar {
	border-radius: 100%;
}

.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
	border: 0 !important;
	background: none !important;
}

.dropdown-divider {
	border-top: 1px solid #444;
}

.pm-buddy-select {
	background: #1c1c1e !important;
    color: #dcdcdc !important;
    border-radius: 20px !important;
    padding: 5px 15px;
    outline: 0;
    box-sizing: border-box;
    border: 0;
    font-family: Selawik, sans-serif;
    font-size: 14px;
}

/* Responsive hardening: preserve the existing theme while making legacy MyBB
   tables, forms, posts and navigation usable at narrow viewport widths. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background-color: #0c0c0c;
	overflow-x: hidden;
}

img,
video,
iframe,
embed,
object {
	max-width: 100%;
}

img,
video {
	height: auto;
}

.wrapper {
	max-width: 1440px;
}

.tborder,
table {
	max-width: 100%;
}

td,
th,
.post_body,
.post_content,
.forum-desc,
.smalltext,
.mediumtext {
	overflow-wrap: anywhere;
	word-break: normal;
}

.post_body pre,
.post_body code,
.codeblock,
.codeblock code {
	max-width: 100%;
	overflow-x: auto;
	white-space: pre-wrap;
	word-break: break-word;
}

input.textbox,
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select,
.pm-buddy-select,
.select2-container {
	max-width: 100% !important;
}

input.textbox,
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
textarea,
select,
.pm-buddy-select {
	background-color: #1c1c1e !important;
	border: 1px solid #3b3b40;
	color: #faf9f8 !important;
}

input::placeholder,
textarea::placeholder {
	color: #a9a9af;
	opacity: 1;
}

input.textbox:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus,
button:focus-visible,
input.button:focus-visible,
a:focus-visible {
	border-color: #6f9fc4;
	box-shadow: 0 0 0 3px rgba(111, 159, 196, .24);
	outline: 2px solid transparent;
}

select option {
	background: #1c1c1e;
	color: #faf9f8;
}

@media (max-width: 1200px) {
	.wrapper {
		width: 90%;
	}

	.header-flexbox {
		width: 80%;
	}
}

@media (max-width: 991.98px) {
	#header {
		padding-top: 56px;
	}

	.navbar {
		padding: 8px 12px;
	}

	.navbar-collapse {
		max-height: calc(100vh - 56px);
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.navbar .nav-link,
	.navbar .dropdown-item {
		padding: 12px 10px !important;
		white-space: normal;
	}

	.dropdown-menu {
		margin-right: 0 !important;
		max-width: 100%;
	}
}

@media (max-width: 800px) {
	body {
		background-attachment: scroll;
		background-position: center top;
	}

	#content {
		overflow: visible;
		padding: 14px 6px;
	}

	.wrapper {
		width: 100% !important;
		padding-left: 8px;
		padding-right: 8px;
	}

	#logo {
		padding: 16px 8px;
	}

	#logo-img {
		display: block;
		left: auto;
		margin: 0 auto 16px;
		max-height: 180px;
		top: auto;
		width: auto;
	}

	.header-flexbox {
		margin: 12px auto;
		padding: 0 8px;
		width: 100%;
	}

	.header-flexbox a,
	.header-flexbox img {
		display: block;
		max-width: 100%;
	}

	.search-wrap input,
	.search-wrap select,
	.search-wrap textarea {
		max-width: 100% !important;
	}

	.search-wrap input.textbox,
	.search-wrap textarea,
	input.textbox:not([size="4"]),
	textarea {
		width: 100% !important;
	}

	input.textbox,
	input[type="password"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	select,
	textarea,
	.pm-buddy-select {
		font-size: 16px;
		line-height: 1.4;
		min-height: 42px;
		padding: 9px 12px;
	}

	textarea {
		min-height: 130px;
		resize: vertical;
	}

	button,
	input.button,
	a.button {
		min-height: 40px;
		max-width: 100%;
		padding: 9px 13px;
		white-space: normal;
	}

	.tfoot form,
	.thead form,
	.float_right form,
	.float_left form {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: flex-end;
	}

	.float_left,
	.float_right {
		max-width: 100%;
	}

	.post.classic .post_author,
	.post.classic .post_content {
		float: none;
		margin: 0;
		padding: 10px;
		width: 100% !important;
	}

	.post .post_author div.author_avatar,
	.post .post_author div.author_information,
	.post .post_author div.author_statistics {
		float: none;
		max-width: 100%;
		text-align: center;
	}

	.post .post_author div.author_avatar img {
		max-height: 120px;
		width: auto;
	}

	.post_controls {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	.inline_row > td:nth-child(4),
	.inline_row > td:nth-child(5) {
		display: none;
	}

	.forum-desc {
		max-width: 100%;
	}

	.last-post {
		white-space: normal !important;
	}

	#footer .lower,
	#footer .upper {
		text-align: center;
	}

	#footer .float_left,
	#footer .float_right {
		float: none;
		text-align: center;
	}

	.modal {
		left: 2.5% !important;
		margin-left: 0 !important;
		max-height: 90vh;
		overflow-y: auto;
		width: 95% !important;
	}
}

@media (max-width: 600px) {
	body,
	#container {
		font-size: 14px;
	}

	#content {
		padding-left: 2px;
		padding-right: 2px;
	}

	.tborder {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width: 100% !important;
	}

	.tborder > tbody,
	.tborder > thead,
	.tborder > tfoot {
		min-width: 100%;
	}

	.thead,
	.tcat,
	.tfoot,
	.trow1,
	.trow2 {
		padding: 8px;
	}

	.pagination {
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
	}

	.pagination a,
	.pagination .pagination_current {
		margin: 0;
		min-width: 34px;
		padding: 7px 9px;
		text-align: center;
	}

	.navigation {
		line-height: 1.6;
		overflow-wrap: anywhere;
	}

	.post_body {
		font-size: 14px;
	}

	.post .post_head,
	.post .post_meta {
		line-height: 1.5;
	}

	#quick_login table,
	#quick_login tbody,
	#quick_login tr,
	#quick_login td {
		display: block;
		width: 100% !important;
	}

	#quick_login td {
		white-space: normal;
	}

	input[type="file"] {
		max-width: 100%;
	}
}

/* CityRP presentation pass. These tokens mirror the in-game menu system:
   dark canvas, distinct cards and controls, white/muted copy, red rails. */
:root {
	--cityrp-bg: #161616;
	--cityrp-dark: #121212;
	--cityrp-card: #272727;
	--cityrp-card-alt: #303030;
	--cityrp-control: #3c3c3c;
	--cityrp-control-light: #484848;
	--cityrp-border: #414141;
	--cityrp-accent: #c83232;
	--cityrp-accent-light: #df5a5a;
	--cityrp-text: #f7f7f7;
	--cityrp-muted: #bebebe;
	--cityrp-action: #34d142;
	--cityrp-warning: #e1a444;
	--cityrp-danger: #d74141;
}

/* Content canvas and typography. Navbar and footer deliberately remain under
   their original rules. */
#content {
	color: var(--cityrp-text);
}

#content table,
#content .tborder,
#content .post,
#content fieldset,
#content .modal {
	color: var(--cityrp-text);
}

#content a:link,
#content a:visited {
	color: #e06a6a;
}

#content a:hover,
#content a:active {
	color: #ffffff;
}

#content .smalltext,
#content .mediumtext,
#content .navigation,
#content .post .post_meta,
#content .post .post_head span.post_date,
#content .post .post_head span.edited_post,
#content .post .post_author div.author_statistics {
	color: var(--cityrp-muted);
}

/* Forum and thread cards. */
#content .tborder {
	background: var(--cityrp-bg);
	border: 1px solid #333333;
	border-radius: 9px;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .27);
	overflow: hidden;
}

#content .thead {
	background: linear-gradient(90deg, #2e2e2e 0%, var(--cityrp-card) 72%);
	border-left: 6px solid var(--cityrp-accent);
	color: var(--cityrp-text);
	letter-spacing: .015em;
}

#content .thead a:link,
#content .thead a:visited,
#content .thead a:hover,
#content .thead a:active {
	color: #ffffff;
}

#content .tcat {
	background: var(--cityrp-dark);
	border-bottom: 1px solid #343434;
	color: var(--cityrp-text);
}

#content .tcat a:link,
#content .tcat a:visited {
	color: var(--cityrp-muted);
}

#content .tcat a:hover,
#content .tcat a:active {
	color: #ffffff;
}

#content .trow1,
#content tr.trow1 > td {
	background: var(--cityrp-card);
	color: var(--cityrp-text);
}

#content .trow2,
#content tr.trow2 > td {
	background: #222222;
	color: var(--cityrp-text);
}

#content tr.inline_row > td,
#content #forum-img,
#content .last-post {
	border-bottom: 1px solid #383838;
	transition: background-color .16s ease, box-shadow .16s ease;
}

#content tr.inline_row:hover > td {
	background: var(--cityrp-control);
}

#content tr.inline_row:hover > td:first-child {
	box-shadow: inset 4px 0 0 var(--cityrp-accent);
}

#content .last-post.trow1,
#content .last-post.trow2 {
	background: #1d1d1d;
	color: var(--cityrp-muted);
}

#content .tfoot {
	background: var(--cityrp-dark);
	border-top: 1px solid #383838;
	color: var(--cityrp-text);
}

#content .tfoot a:link,
#content .tfoot a:visited {
	color: var(--cityrp-muted);
}

#content .tfoot a:hover,
#content .tfoot a:active {
	color: #ffffff;
}

/* Restore and strengthen all forum/thread status imagery. */
#content #forum-img {
	display: table-cell !important;
	min-width: 62px;
	vertical-align: middle;
	width: 62px !important;
}

#content #forum-img img {
	display: inline-block !important;
	height: auto;
	max-height: 48px;
	max-width: 48px;
	object-fit: contain;
	opacity: 1;
	visibility: visible !important;
}

#content .forum_status,
#content .thread_status,
#content .subforumicon {
	display: inline-block !important;
	opacity: 1;
	visibility: visible !important;
}

#content .forum_on::before {
	color: var(--cityrp-accent-light);
}

#content .forum_off::before {
	color: #9a9a9a;
}

/* Post cards: remove the grey-on-grey combination and create the same visual
   hierarchy as an in-game frame/card/control stack. */
#content #posts_container {
	background: var(--cityrp-dark);
	padding: 12px;
}

#content #posts > .post,
#content .post {
	background: var(--cityrp-bg);
	border: 1px solid #373737;
	border-radius: 9px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
	color: var(--cityrp-text);
	margin-bottom: 12px;
}

#content .post:last-child {
	margin-bottom: 0;
}

#content .post .post_author,
#content .post.classic .post_author {
	background: var(--cityrp-card);
	border-color: var(--cityrp-border);
	color: var(--cityrp-text);
}

#content .post.classic .post_author {
	border-right: 1px solid var(--cityrp-border);
	margin: 0;
	padding: 14px;
	width: 19%;
}

#content .post.classic .post_content {
	background: var(--cityrp-bg);
	color: var(--cityrp-text);
	padding: 14px 18px 10px;
	width: 81%;
}

#content .post_content,
#content .post_body {
	color: var(--cityrp-text);
}

#content .post_body {
	font-size: 15px;
	line-height: 1.7;
	min-height: 54px;
}

#content .post .post_head {
	border-bottom: 1px solid var(--cityrp-border);
	color: var(--cityrp-muted);
	padding-bottom: 9px;
}

#content .post_content .signature {
	border-top: 1px solid var(--cityrp-border);
	color: var(--cityrp-muted);
	margin-top: 16px;
}

#content .post .post_meta a:link,
#content .post .post_meta a:visited,
#content .post .post_head span.edited_post a {
	color: var(--cityrp-muted);
}

#content .post_controls {
	background: #1d1d1d;
	border-bottom: 0;
	border-top: 1px solid var(--cityrp-border);
	padding: 8px 10px;
}

#content .postbit_buttons > a:link,
#content .postbit_buttons > a:visited,
#content .postbit_buttons > a:active {
	background: var(--cityrp-control);
	border: 1px solid transparent;
	border-radius: 6px !important;
	color: #ffffff;
	padding: 7px 11px;
	transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#content .postbit_buttons > a:hover {
	background: #5a3434;
	border-color: var(--cityrp-accent);
	color: #ffffff;
	transform: translateY(-1px);
}

#content blockquote,
#content .codeblock {
	background: var(--cityrp-dark);
	border: 1px solid #3a3a3a;
	border-left: 5px solid var(--cityrp-accent);
	border-radius: 7px;
	color: var(--cityrp-text);
}

#content blockquote cite,
#content .codeblock .title {
	color: var(--cityrp-muted);
}

/* Dark status rows retain readable semantic accents. */
#content .trow_shaded,
#content .post.unapproved_post {
	background: #3a2929;
	border-color: #704242;
	color: var(--cityrp-text);
}

#content .trow_deleted,
#content .post.deleted_post {
	background: #30273b;
	color: var(--cityrp-text);
}

#content .trow_selected,
#content tr.trow_selected > td {
	background: #463b22;
	border-color: #715f34;
	color: var(--cityrp-text);
}

#content .trow_selected a:link,
#content .trow_selected a:visited {
	color: #ffd785;
}

/* Controls use the in-game control/card contrast rather than disappearing into
   either the page background or pale legacy MyBB panels. */
#content input.textbox,
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="search"],
#content textarea,
#content select,
#content .pm-buddy-select,
#content .select2-container .select2-choice {
	background: var(--cityrp-control) !important;
	border: 1px solid #555555;
	border-radius: 6px !important;
	color: #ffffff !important;
}

#content input::placeholder,
#content textarea::placeholder {
	color: #c7c7c7;
}

#content input.textbox:focus,
#content input[type="password"]:focus,
#content input[type="email"]:focus,
#content input[type="url"]:focus,
#content input[type="search"]:focus,
#content textarea:focus,
#content select:focus {
	border-color: var(--cityrp-accent-light);
	box-shadow: 0 0 0 3px rgba(200, 50, 50, .22);
}

#content button,
#content input.button,
#content a.button {
	background: var(--cityrp-control);
	border: 1px solid transparent;
	border-radius: 6px !important;
	color: #ffffff;
	transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#content button:hover,
#content input.button:hover,
#content a.button:hover {
	background: #5a3434;
	border-color: var(--cityrp-accent);
	color: #ffffff;
}

#content .pagination a,
#content .pagination .pagination_current {
	background: var(--cityrp-control);
	border-color: #515151;
	color: #ffffff;
}

#content .pagination a:hover,
#content .pagination .pagination_current {
	background: var(--cityrp-accent);
	border-color: var(--cityrp-accent-light);
}

@media (max-width: 800px) {
	#content .inline_row > td:first-child,
	#content .inline_row > td:nth-child(2) {
		display: table-cell !important;
		min-width: 34px;
		padding: 6px 4px;
		width: 34px !important;
	}

	#content #forum-img {
		min-width: 54px;
		padding: 8px 5px;
		width: 54px !important;
	}

	#content #forum-img img {
		max-height: 42px;
		max-width: 42px;
	}

	#content .post.classic .post_author {
		border-bottom: 1px solid var(--cityrp-border);
		border-right: 0;
		float: none;
		width: 100% !important;
	}

	#content .post.classic .post_content {
		float: none;
		padding: 14px;
		width: 100% !important;
	}

	#content .post_controls {
		align-items: center;
	}

	#content form td[width="30%"],
	#content form td[width="40%"],
	#content form td[width="60%"],
	#content form td[width="70%"] {
		display: block;
		width: 100% !important;
	}

	#content .float_left,
	#content .float_right {
		float: none;
		margin: 6px 0;
		text-align: left;
		width: auto;
	}

	#content .float_right .button,
	#content .float_left .button {
		display: inline-flex;
	}
}

@media (max-width: 600px) {
	#content #posts_container {
		padding: 7px;
	}

	#content .post {
		border-radius: 7px;
	}

	#content .post_body {
		font-size: 15px;
		line-height: 1.65;
	}

	#content .postbit_buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}

	#content .postbit_buttons > a:link,
	#content .postbit_buttons > a:visited,
	#content .postbit_buttons > a:active {
		align-items: center;
		display: inline-flex;
		justify-content: center;
		margin: 0;
		min-height: 40px;
	}

	#content .thead {
		border-left-width: 5px;
		padding: 12px 13px;
	}
}

/* CityRP footer. The navbar deliberately keeps its existing blurred styling. */
#footer {
	margin-top: 48px;
	position: relative;
}

#footer .lower {
	background: rgba(18, 18, 18, .97);
	border-top: 3px solid var(--cityrp-accent);
	bottom: auto;
	box-shadow: 0 -18px 44px rgba(0, 0, 0, .28);
	color: var(--cityrp-text);
	overflow: hidden;
	padding: 0;
	position: relative;
}

#footer .lower::before {
	background: radial-gradient(circle at 12% 0%, rgba(200, 50, 50, .16), transparent 34%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

#footer .cityrp-footer-shell {
	align-items: start;
	display: grid;
	gap: 34px;
	grid-template-columns: minmax(0, 1.35fr) minmax(180px, .65fr) minmax(250px, 1fr);
	padding-bottom: 34px;
	padding-top: 34px;
	position: relative;
	z-index: 1;
}

#footer .cityrp-footer-kicker {
	align-items: center;
	color: #e16a6a;
	display: flex;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#footer .cityrp-footer-kicker::before {
	background: var(--cityrp-accent);
	border-radius: 2px;
	content: "";
	height: 4px;
	margin-right: 9px;
	width: 28px;
}

#footer .cityrp-footer-title {
	color: #ffffff;
	font-size: clamp(24px, 2.5vw, 34px);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.12;
	margin: 0 0 10px;
}

#footer .cityrp-footer-description {
	color: var(--cityrp-muted);
	font-size: 13px;
	line-height: 1.65;
	margin: 0;
	max-width: 520px;
}

#footer .cityrp-footer-heading {
	color: #ffffff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

#footer .cityrp-footer-links {
	display: grid;
	gap: 7px;
}

#footer .lower .cityrp-footer-link:link,
#footer .lower .cityrp-footer-link:visited {
	align-items: center;
	background: var(--cityrp-card);
	border: 1px solid #363636;
	border-radius: 6px;
	color: var(--cityrp-muted);
	display: flex;
	font-size: 13px;
	font-weight: 650;
	min-height: 38px;
	padding: 8px 11px;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

#footer .lower .cityrp-footer-link:hover,
#footer .lower .cityrp-footer-link:active {
	background: var(--cityrp-control);
	border-color: var(--cityrp-accent);
	color: #ffffff;
	transform: translateX(3px);
}

#footer .cityrp-footer-meta {
	background: rgba(39, 39, 39, .78);
	border: 1px solid #363636;
	border-left: 5px solid var(--cityrp-accent);
	border-radius: 7px;
	color: var(--cityrp-muted);
	display: grid;
	font-size: 11px;
	gap: 8px;
	line-height: 1.55;
	padding: 15px 16px;
}

#footer .lower .cityrp-footer-meta a:link,
#footer .lower .cityrp-footer-meta a:visited {
	color: #e16a6a;
	font-weight: 700;
}

#footer .lower .cityrp-footer-meta a:hover,
#footer .lower .cityrp-footer-meta a:active {
	color: #ffffff;
}

@media (max-width: 900px) {
	#footer .cityrp-footer-shell {
		grid-template-columns: minmax(0, 1fr) minmax(220px, .75fr);
	}

	#footer .cityrp-footer-brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	#footer {
		margin-top: 30px;
	}

	#footer .cityrp-footer-shell {
		gap: 24px;
		grid-template-columns: 1fr;
		padding-bottom: 26px;
		padding-top: 27px;
		text-align: left;
	}

	#footer .cityrp-footer-brand {
		grid-column: auto;
	}

	#footer .cityrp-footer-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#footer .lower .cityrp-footer-link:hover,
	#footer .lower .cityrp-footer-link:active {
		transform: none;
	}
}

/* Spectacular pass: complete the CityRP visual language across the remaining
   legacy MyBB surfaces while retaining the blurred navigation concept. */
::selection {
	background: rgba(200, 50, 50, .85);
	color: #ffffff;
}

html {
	scrollbar-color: var(--cityrp-accent) #202020;
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #e05a5a, var(--cityrp-accent));
	border: 2px solid #202020;
	border-radius: 8px;
}

::-webkit-scrollbar-track {
	background: #202020;
}

body {
	background-color: #0d0d0e;
	background-position: center top;
}

#container {
	background:
		radial-gradient(circle at 12% 16%, rgba(200, 50, 50, .10), transparent 28%),
		linear-gradient(180deg, rgba(5, 5, 6, .18), rgba(5, 5, 6, .52));
	min-height: 100%;
}

/* Keep the glass navbar, then sharpen its CityRP interaction language. */
.navbar {
	background: rgba(22, 22, 23, .78);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	box-shadow: 0 10px 34px rgba(0, 0, 0, .32);
	-webkit-backdrop-filter: saturate(165%) blur(18px);
	backdrop-filter: saturate(165%) blur(18px);
}

.navbar .nav-link {
	border-radius: 6px;
	color: #dddddf !important;
	position: relative;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.navbar .nav-link::after {
	background: var(--cityrp-accent);
	border-radius: 2px;
	bottom: 6px;
	content: "";
	height: 3px;
	left: 20px;
	position: absolute;
	right: 20px;
	transform: scaleX(0);
	transition: transform .18s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus-visible {
	background: rgba(200, 50, 50, .12);
	color: #ffffff !important;
}

.navbar .nav-link:hover::after,
.navbar .nav-link:focus-visible::after,
.navbar .show > .nav-link::after {
	transform: scaleX(1);
}

.navbar .dropdown-menu {
	background: rgba(30, 30, 31, .98);
	border: 1px solid #424242;
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .42);
	overflow: hidden;
	padding: 6px;
}

.navbar a.dropdown-item {
	border-radius: 5px;
	transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
}

.navbar a.dropdown-item:hover,
.navbar a.dropdown-item:focus {
	background: rgba(200, 50, 50, .28) !important;
	color: #ffffff !important;
	padding-left: 15px;
}

.navbar .dropdown-divider {
	border-color: #464646;
}

/* Hero/header depth without introducing or replacing any image assets. */
#header {
	position: relative;
}

#logo {
	background:
		linear-gradient(120deg, rgba(18, 18, 18, .92), rgba(39, 39, 39, .78)),
		radial-gradient(circle at 72% 22%, rgba(200, 50, 50, .18), transparent 34%);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	box-shadow: inset 0 -1px 0 rgba(200, 50, 50, .20), 0 22px 50px rgba(0, 0, 0, .22);
	overflow: hidden;
	position: relative;
}

#logo::before {
	background-image:
		linear-gradient(rgba(255, 255, 255, .018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
	background-size: 34px 34px;
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

#logo .wrapper {
	position: relative;
	z-index: 1;
}

#logo .wrapper > .fs-22 {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: space-between;
}

#logo-img {
	display: block;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .38));
	left: auto;
	margin: 0;
	max-height: 160px;
	max-width: min(560px, 65vw);
	top: auto;
	transition: filter .22s ease, transform .22s ease;
	width: auto;
}

#logo a:hover #logo-img {
	filter: drop-shadow(0 13px 26px rgba(200, 50, 50, .20));
	transform: translateY(-2px) scale(1.008);
}

#search {
	background: rgba(18, 18, 18, .76);
	border: 1px solid #414141;
	border-left: 4px solid var(--cityrp-accent);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
	max-width: 320px;
	padding: 9px;
}

.header-flexbox {
	background: rgba(39, 39, 39, .82);
	border: 1px solid #404040;
	border-left: 5px solid var(--cityrp-accent);
	border-radius: 8px;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .24);
	max-width: 430px;
	padding: 11px 14px;
	position: relative;
	width: fit-content;
}

.header-flexbox img {
	border-radius: 4px;
}

/* Content framing and breadcrumb. */
#content > .wrapper {
	animation: cityrp-content-enter .38s ease-out both;
}

.navigation {
	align-items: center;
	background: rgba(24, 24, 24, .88);
	border: 1px solid #353535;
	border-left: 5px solid var(--cityrp-accent);
	border-radius: 7px;
	box-shadow: 0 9px 22px rgba(0, 0, 0, .18);
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 18px;
	min-height: 44px;
	padding: 9px 13px;
}

.navigation a:link,
.navigation a:visited {
	color: var(--cityrp-muted);
	font-weight: 650;
}

.navigation a:hover,
.navigation a:active,
.navigation .active {
	color: #ffffff;
}

/* Stronger card highlights and icon wells. */
#content .tborder {
	box-shadow: 0 18px 42px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .025);
}

#content .thead {
	background:
		linear-gradient(100deg, rgba(200, 50, 50, .13), transparent 26%),
		linear-gradient(90deg, #303030, #252525);
	position: relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
}

#content .expcolimage {
	align-items: center;
	background: rgba(18, 18, 18, .44);
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 5px;
	display: flex;
	height: 30px;
	justify-content: center;
	margin-top: -4px;
	padding: 6px;
	width: 30px;
}

#content #forum-img {
	background: linear-gradient(135deg, #303030, #202020);
	border-right: 1px solid #3b3b3b;
	position: relative;
}

#content #forum-img img {
	background: rgba(18, 18, 18, .72);
	border: 1px solid #464646;
	border-radius: 9px;
	filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .30));
	padding: 5px;
	transition: border-color .18s ease, filter .18s ease, transform .18s ease;
}

#content tr:hover #forum-img img {
	border-color: var(--cityrp-accent);
	filter: drop-shadow(0 8px 14px rgba(200, 50, 50, .20));
	transform: scale(1.06);
}

#content #forum-img + td {
	padding: 16px 18px;
}

#content #forum-img + td > a:first-child {
	color: #ffffff;
	font-size: 16px;
	font-weight: 750;
	letter-spacing: .005em;
}

#content .forum-desc {
	color: var(--cityrp-muted);
	line-height: 1.55;
	margin-top: 4px;
}

#content .last-post {
	border-bottom: 7px solid var(--cityrp-dark);
	padding: 8px 14px;
}

#content tr.inline_row > td:first-child,
#content tr.inline_row > td:nth-child(2) {
	background: #202020;
}

#content tr.inline_row > td:nth-child(3) {
	padding: 13px 15px;
}

#content tr.inline_row > td:nth-child(3) a[href*="thread"] {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

#content tr.inline_row .author {
	color: var(--cityrp-muted);
	margin-top: 4px;
}

#content tr.inline_row:hover > td:first-child,
#content tr.inline_row:hover > td:nth-child(2) {
	background: #342525;
}

#content .thread_status {
	filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .42));
}

/* Posts now read as one deliberate frame with an authored identity panel. */
#content .post {
	position: relative;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#content .post::before {
	background: linear-gradient(180deg, var(--cityrp-accent), #7b2020);
	content: "";
	inset: 0 auto 0 0;
	position: absolute;
	width: 4px;
	z-index: 2;
}

#content .post:hover {
	border-color: #4b4b4b;
	box-shadow: 0 16px 34px rgba(0, 0, 0, .30);
}

#content .post .post_author div.author_avatar img {
	background: #1a1a1a;
	border: 3px solid #4b4b4b;
	box-shadow: 0 0 0 3px rgba(200, 50, 50, .13), 0 10px 22px rgba(0, 0, 0, .32);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#content .post:hover .post_author div.author_avatar img {
	border-color: var(--cityrp-accent);
	box-shadow: 0 0 0 3px rgba(200, 50, 50, .20), 0 12px 26px rgba(0, 0, 0, .36);
	transform: translateY(-2px);
}

#content .post .post_author div.author_information {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

#content .post.classic .post_author div.author_statistics {
	background: rgba(18, 18, 18, .58);
	border: 1px solid #3d3d3d;
	border-radius: 6px;
	line-height: 1.55;
	margin-top: 10px;
	padding: 9px;
	text-align: left;
}

#content .post .post_head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
	min-height: 34px;
}

#content .post_body a:link,
#content .post_body a:visited {
	color: #e16a6a;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
	transition: color .15s ease, text-decoration-color .15s ease;
}

#content .post_body a:hover,
#content .post_body a:active {
	color: #ffffff;
	text-decoration: underline;
	text-decoration-color: var(--cityrp-accent);
}

#content img.attachment {
	background: var(--cityrp-card);
	border: 1px solid #4a4a4a;
	border-radius: 7px;
	padding: 5px;
}

#content hr {
	background: linear-gradient(90deg, transparent, var(--cityrp-accent), transparent);
	height: 1px;
}

/* Forms, editor and menus: retire the remaining light MyBB surfaces. */
#content fieldset {
	background: rgba(39, 39, 39, .62);
	border: 1px solid #414141;
	border-radius: 8px;
}

#content legend {
	color: #ffffff;
	font-weight: 750;
	padding: 0 8px;
}

#content input[type="checkbox"],
#content input[type="radio"] {
	accent-color: var(--cityrp-accent);
	cursor: pointer;
}

#content .editor,
#content .editor_control_bar,
#content .sceditor-container,
#content .sceditor-toolbar,
#content .sceditor-group {
	background: var(--cityrp-card) !important;
	border-color: #484848 !important;
	color: var(--cityrp-text) !important;
}

#content .sceditor-toolbar {
	border-bottom: 1px solid #484848 !important;
}

#content .sceditor-button {
	border-radius: 4px;
}

#content .sceditor-button:hover,
#content .sceditor-button.active {
	background: var(--cityrp-control) !important;
}

.popup_menu,
.select2-drop,
.select2-dropdown-open .select2-choice {
	background: #252525 !important;
	border: 1px solid #4a4a4a !important;
	border-radius: 7px;
	box-shadow: 0 16px 38px rgba(0, 0, 0, .40);
	color: #ffffff !important;
	overflow: hidden;
}

.popup_menu .popup_item,
.select2-results .select2-result-label {
	background: #252525 !important;
	color: var(--cityrp-muted) !important;
	padding: 8px 11px;
}

.popup_menu .popup_item:hover,
.select2-results .select2-highlighted .select2-result-label {
	background: #5a3030 !important;
	color: #ffffff !important;
}

.modal,
div.jqi,
div.jqi .jqistate {
	background: var(--cityrp-bg) !important;
	border: 1px solid #464646 !important;
	border-left: 6px solid var(--cityrp-accent) !important;
	border-radius: 9px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
	color: var(--cityrp-text) !important;
}

.modal {
	padding: 16px;
}

.blocker,
.jqifade {
	background: rgba(6, 6, 7, .78) !important;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

div.jqi .jqititle {
	border-bottom: 1px solid #464646;
	color: #ffffff;
	font-size: 18px;
	font-weight: 750;
	padding: 12px 14px;
}

div.jqi .jqimessage {
	color: var(--cityrp-muted);
	font-size: 13px;
	padding: 14px;
}

div.jqi .jqibuttons {
	background: #1d1d1d;
	border-color: #464646;
	margin: 0 -7px -7px;
}

div.jqi .jqibuttons button {
	border-color: #464646;
	color: #ffffff;
	transition: background-color .15s ease, color .15s ease;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus,
div.jqi .jqibuttons button.jqidefaultbutton {
	background: var(--cityrp-accent);
	color: #ffffff;
}

.jqi .jqiarrowtl,
.jqi .jqiarrowtc,
.jqi .jqiarrowtr {
	border-bottom-color: var(--cityrp-bg);
}

.jqi .jqiarrowbl,
.jqi .jqiarrowbc,
.jqi .jqiarrowbr {
	border-top-color: var(--cityrp-bg);
}

/* Alerts and semantic rows remain expressive without flashing white cards. */
.pm_alert,
.red_alert,
div.error {
	border-radius: 7px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
	font-size: 13px;
	padding: 11px 15px;
}

.pm_alert {
	background: #3c321d;
	border: 1px solid #705b2a;
	border-left: 5px solid var(--cityrp-warning);
	color: #ffe0a0;
}

.red_alert,
div.error {
	background: #3a2424;
	border: 1px solid #704040;
	border-left: 5px solid var(--cityrp-danger);
	color: #ffd1d1;
}

div.error p,
div.error p em,
.red_alert a:link,
.red_alert a:visited {
	color: #ffd1d1;
}

.highlight,
.selectall {
	background: #44391f;
	border-color: #75602e;
	color: #ffe1a0;
}

#content .trow_reputation_positive,
#content ._plus {
	background: #223a27;
	border-color: #386c41;
	color: #9ee5a8;
}

#content .trow_reputation_negative,
#content ._minus {
	background: #3d2424;
	border-color: #704040;
	color: #ffaaaa;
}

#content ._neutral {
	background: var(--cityrp-card);
	border-color: #4a4a4a;
	color: var(--cityrp-muted);
}

/* Pagination and utility surfaces. */
#content .pagination a,
#content .pagination .pagination_current {
	border-radius: 5px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
	font-weight: 700;
	transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

#content .pagination a:hover {
	transform: translateY(-1px);
}

#content .drop_go_page,
#content .pagination_breadcrumb {
	background: var(--cityrp-card);
	border: 1px solid #484848;
	border-radius: 6px;
	color: var(--cityrp-text);
	outline: 0;
}

/* User CP, profiles and PM quota cards. */
#content label.ucp {
	background: linear-gradient(135deg, var(--cityrp-card), #202020);
	border: 1px solid #414141;
	border-left: 4px solid transparent;
	border-radius: 7px;
	height: auto;
	line-height: 1.35;
	min-height: 58px;
	padding: 12px 15px;
	transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

#content label.ucp:hover {
	background: var(--cityrp-control);
	border-color: #555555;
	border-left-color: var(--cityrp-accent);
	transform: translateY(-1px);
}

#content input:checked + label.ucp,
#content input:checked ~ label.ucp {
	border-left-color: var(--cityrp-accent);
}

#content ul.submenu {
	background: #202020;
	border: 1px solid #444444;
	border-radius: 7px;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .40);
	max-width: 220px;
}

#content #account-summary ul.sum-box,
#content .usercp_container,
#content .profile-info-half {
	background: var(--cityrp-card);
	border: 1px solid #414141;
	border-radius: 8px;
	color: var(--cityrp-text);
}

#content .profile-info-half {
	padding: 10px;
}

#content .pmspace_container {
	background: #1c1c1c;
	border: 1px solid #4a4a4a;
	border-radius: 6px;
	overflow: hidden;
}

#content td.current_avatar_img img,
#content .u-avatar {
	border: 3px solid #484848;
	box-shadow: 0 0 0 3px rgba(200, 50, 50, .14);
}

/* Footer polish: more depth, same approved content. */
#footer .lower {
	background:
		radial-gradient(circle at 8% 0%, rgba(200, 50, 50, .16), transparent 32%),
		linear-gradient(135deg, rgba(18, 18, 18, .99), rgba(25, 25, 25, .98));
}

#footer .cityrp-footer-meta,
#footer .lower .cityrp-footer-link:link,
#footer .lower .cityrp-footer-link:visited {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 9px 22px rgba(0, 0, 0, .16);
}

@keyframes cityrp-content-enter {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 991.98px) {
	.navbar .nav-link::after {
		bottom: 5px;
		left: 10px;
		right: calc(100% - 46px);
		transform-origin: left;
	}

	.navbar .nav-link:hover::after,
	.navbar .nav-link:focus-visible::after,
	.navbar .show > .nav-link::after {
		transform: scaleX(1);
	}

	.navbar .dropdown-menu {
		box-shadow: none;
	}
}

@media (max-width: 800px) {
	#logo .wrapper > .fs-22 {
		flex-direction: column;
		gap: 14px;
	}

	#logo-img {
		margin: 0 auto;
		max-height: 130px;
		max-width: min(520px, 88vw);
	}

	#search {
		margin: 0 auto;
		width: min(100%, 420px);
	}

	.header-flexbox {
		width: min(100%, 430px);
	}

	#content .post::before {
		height: 4px;
		inset: 0 0 auto 0;
		width: auto;
	}

	#content .post .post_head {
		display: block;
	}

	#content .profile-info-half {
		margin-bottom: 10px;
		width: 100%;
	}
}

@media (max-width: 600px) {
	.navigation {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}

	#content #forum-img + td {
		padding: 12px 10px;
	}

	#content #forum-img + td > a:first-child {
		font-size: 15px;
	}

	#content .last-post {
		padding: 7px 10px;
	}

	#content .post .post_author div.author_avatar img {
		max-height: 96px;
	}

	#content ul.submenu {
		max-width: calc(100vw - 32px);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* Spectacular V2: render-reviewed composition, stronger hierarchy and a
   corrected full-width mobile table model. */
:root {
	--cityrp-glow: rgba(200, 50, 50, .24);
	--cityrp-glow-soft: rgba(200, 50, 50, .10);
	--cityrp-surface-high: #323233;
	--cityrp-surface-mid: #29292a;
	--cityrp-surface-low: #1b1b1c;
}

#content > .wrapper {
	width: min(1240px, calc(100% - 32px));
}

/* A tighter, more intentional header composition. */
#logo {
	box-shadow:
		inset 0 -1px 0 rgba(200, 50, 50, .34),
		inset 0 1px 0 rgba(255, 255, 255, .025),
		0 24px 58px rgba(0, 0, 0, .28);
}

#logo::after {
	background: radial-gradient(circle, rgba(200, 50, 50, .24), transparent 68%);
	content: "";
	height: 320px;
	pointer-events: none;
	position: absolute;
	right: -80px;
	top: -180px;
	width: 520px;
}

#logo .wrapper > .fs-22 {
	min-height: 104px;
}

#search {
	display: flex;
	gap: 7px;
	width: min(360px, 36vw);
}

#search input.textbox {
	flex: 1 1 auto;
	min-width: 0;
}

#search input.button {
	background: linear-gradient(135deg, #df5151, #a82727);
	border: 1px solid #e06b6b;
	box-shadow: 0 7px 16px rgba(200, 50, 50, .20);
	flex: 0 0 auto;
}

.header-flexbox {
	margin: 13px auto 18px;
	transform: translateY(0);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.header-flexbox:hover {
	border-color: #5a5a5a;
	box-shadow: 0 17px 36px rgba(0, 0, 0, .30), 0 0 22px var(--cityrp-glow-soft);
	transform: translateY(-2px);
}

/* Navigation reads like a compact path card instead of loose text. */
.navigation {
	background:
		linear-gradient(90deg, rgba(200, 50, 50, .09), transparent 24%),
		rgba(24, 24, 25, .94);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .025);
}

.navigation .active {
	background: var(--cityrp-control);
	border-radius: 5px;
	color: #ffffff;
	padding: 4px 8px;
}

/* Make section cards distinct rather than a stack of equivalent grey boxes. */
#content .tborder {
	border-color: #3b3b3c;
	box-shadow:
		0 20px 46px rgba(0, 0, 0, .34),
		0 0 0 1px rgba(255, 255, 255, .015),
		inset 0 1px 0 rgba(255, 255, 255, .035);
}

#content .thead {
	background:
		linear-gradient(90deg, rgba(200, 50, 50, .18), transparent 30%),
		linear-gradient(135deg, #373738, #272728 72%);
	border-left-width: 7px;
	box-shadow: inset 0 -1px 0 #404041, inset 0 1px 0 rgba(255, 255, 255, .035);
	font-size: 14px;
	letter-spacing: .02em;
	padding: 15px 18px;
}

#content .thead::after {
	background: linear-gradient(90deg, var(--cityrp-accent), transparent);
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	opacity: .75;
	position: absolute;
	width: min(240px, 42%);
}

#content .trow1,
#content tr.trow1 > td {
	background: linear-gradient(100deg, #29292a, #252526);
}

#content .trow2,
#content tr.trow2 > td {
	background: linear-gradient(100deg, #242425, #202021);
}

/* Forum rows gain an actual icon stage and a deliberate metadata ribbon. */
#content #forum-img {
	min-width: 76px;
	width: 76px !important;
}

#content #forum-img::after {
	background: var(--cityrp-glow-soft);
	border-radius: 50%;
	content: "";
	filter: blur(10px);
	height: 46px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 46px;
}

#content #forum-img img,
#content #forum-img > i,
#content #forum-img > span {
	position: relative;
	z-index: 1;
}

#content #forum-img img {
	border-radius: 12px;
	max-height: 54px;
	max-width: 54px;
	padding: 6px;
}

#content #forum-img + td > a:first-child {
	display: inline-block;
	font-size: 17px;
	position: relative;
}

#content #forum-img + td > a:first-child::after {
	background: var(--cityrp-accent);
	bottom: -3px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .18s ease;
	width: 100%;
}

#content tr:hover #forum-img + td > a:first-child::after {
	transform: scaleX(1);
}

#content .last-post {
	align-items: center;
	background: #19191a !important;
	color: var(--cityrp-muted);
	display: table-cell;
	font-size: 11px;
	letter-spacing: .01em;
	position: relative;
}

#content .last-post::before {
	background: var(--cityrp-accent);
	border-radius: 50%;
	box-shadow: 0 0 9px var(--cityrp-glow);
	content: "";
	display: inline-block;
	height: 6px;
	margin-right: 7px;
	vertical-align: 1px;
	width: 6px;
}

/* Threads are compact cards with contained author/last-post metadata. */
#content tr.inline_row > td {
	padding-bottom: 11px;
	padding-top: 11px;
}

#content tr.inline_row > td:nth-child(3) {
	position: relative;
}

#content tr.inline_row > td:nth-child(3)::before {
	background: #555556;
	border-radius: 3px;
	content: "";
	height: 26px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color .16s ease, height .16s ease;
	width: 3px;
}

#content tr.inline_row:hover > td:nth-child(3)::before {
	background: var(--cityrp-accent);
	height: 38px;
}

#content tr.inline_row .author {
	align-items: center;
	background: #1a1a1b;
	border: 1px solid #383839;
	border-radius: 999px;
	display: inline-flex;
	font-size: 10px;
	gap: 4px;
	margin-top: 6px;
	padding: 3px 8px;
}

#content tr.inline_row .lastpost {
	background: #1a1a1b;
	border: 1px solid #383839;
	border-radius: 6px;
	display: inline-block;
	line-height: 1.45;
	padding: 6px 9px;
}

/* The post becomes a hero card: identity, content and actions are visually tied. */
#content #posts_container {
	background:
		radial-gradient(circle at 0 0, rgba(200, 50, 50, .08), transparent 25%),
		#121213;
	padding: 14px;
}

#content .post {
	border-color: #414142;
	box-shadow: 0 20px 42px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .02);
}

#content .post::before {
	box-shadow: 3px 0 18px var(--cityrp-glow-soft);
	width: 5px;
}

#content .post.classic .post_author {
	background:
		radial-gradient(circle at 50% 10%, rgba(200, 50, 50, .14), transparent 34%),
		linear-gradient(180deg, #303031, #252526);
	padding: 18px 14px;
}

#content .post .post_author div.author_avatar img {
	border-width: 2px;
	box-shadow:
		0 0 0 4px #202021,
		0 0 0 6px rgba(200, 50, 50, .38),
		0 14px 28px rgba(0, 0, 0, .38);
}

#content .post .post_author div.author_information > a:first-child {
	color: #ef6a6a;
	font-size: 15px;
	font-weight: 800;
}

#content .post.classic .post_author div.author_statistics {
	background: linear-gradient(135deg, rgba(18, 18, 19, .82), rgba(30, 30, 31, .78));
	border-left: 3px solid var(--cityrp-accent);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

#content .post.classic .post_content {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .018), transparent 28%),
		#171718;
	padding: 18px 22px 13px;
}

#content .post .post_head {
	background: #1d1d1e;
	border: 1px solid #3a3a3b;
	border-radius: 6px;
	margin-bottom: 12px;
	padding: 7px 10px;
}

#content .post_content .signature {
	background: rgba(39, 39, 40, .55);
	border: 1px solid #39393a;
	border-left: 3px solid #545455;
	border-radius: 5px;
	padding: 8px 10px;
}

#content .post_controls {
	align-items: center;
	background: linear-gradient(90deg, #202021, #1b1b1c);
	display: flex;
	justify-content: flex-end;
	min-height: 54px;
	padding: 8px 12px;
}

#content .postbit_buttons > a:first-child {
	background: linear-gradient(135deg, #d84b4b, #a72727);
	border-color: #df6565;
	box-shadow: 0 7px 16px rgba(200, 50, 50, .18);
}

#content blockquote,
#content .codeblock {
	background:
		linear-gradient(90deg, rgba(200, 50, 50, .07), transparent 35%),
		#111112;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02), 0 8px 18px rgba(0, 0, 0, .16);
	padding: 12px 14px;
}

/* Controls get a visible hierarchy: neutral controls, red primary actions. */
#content input.textbox,
#content input[type="password"],
#content input[type="email"],
#content input[type="url"],
#content input[type="search"],
#content textarea,
#content select,
#content .pm-buddy-select {
	background: linear-gradient(180deg, #414142, #373738) !important;
	border-color: #585859;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .24), 0 1px 0 rgba(255, 255, 255, .025);
}

#content input[type="submit"].button,
#content button[type="submit"],
#content input[name="submit"].button,
#content input[name="regsubmit"].button {
	background: linear-gradient(135deg, #db5050, #a62525);
	border-color: #e06464;
	box-shadow: 0 8px 18px rgba(200, 50, 50, .20);
}

#content fieldset {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, .022), transparent 28%),
		linear-gradient(180deg, #29292a, #232324);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

#content legend {
	background: #29292a;
	border-left: 4px solid var(--cityrp-accent);
	border-radius: 4px;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .18);
	font-size: 15px;
	padding: 5px 9px;
}

/* Footer closes the page with more balance and a subtle live red glow. */
#footer .cityrp-footer-kicker::before {
	box-shadow: 0 0 14px var(--cityrp-glow);
}

#footer .cityrp-footer-title {
	text-shadow: 0 6px 18px rgba(0, 0, 0, .28);
}

#footer .cityrp-footer-meta {
	background:
		linear-gradient(135deg, rgba(200, 50, 50, .07), transparent 45%),
		rgba(39, 39, 40, .84);
}

@media (max-width: 800px) {
	#content > .wrapper {
		width: calc(100% - 16px);
	}

	#search {
		width: min(100%, 420px);
	}

	#content tr.inline_row {
		display: grid;
		grid-template-columns: 36px 36px minmax(0, 1fr) auto;
		width: 100%;
	}

	#content tr.inline_row > td {
		display: block;
		min-width: 0;
		width: auto !important;
	}

	#content tr.inline_row > td:first-child,
	#content tr.inline_row > td:nth-child(2) {
		align-items: center;
		display: flex !important;
		justify-content: center;
		min-width: 0;
		padding: 6px 3px;
		width: auto !important;
	}

	#content tr.inline_row > td:nth-child(3) {
		padding: 11px 10px;
	}

	#content tr.inline_row > td.modbit-select {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	#content .post.classic .post_author {
		background:
			radial-gradient(circle at 50% 0, rgba(200, 50, 50, .16), transparent 38%),
			linear-gradient(180deg, #303031, #252526);
	}

	#content .post_controls {
		justify-content: flex-start;
	}
}

@media (max-width: 600px) {
	/* The previous display:block table fallback left visible groups at roughly
	   75% width. Fixed-layout tables preserve a full-width responsive canvas. */
	#content table.tborder {
		display: table;
		overflow: visible;
		table-layout: fixed;
		width: 100% !important;
	}

	#content table.tborder > thead {
		display: table-header-group;
		width: auto;
	}

	#content table.tborder > tbody {
		display: table-row-group;
		width: auto;
	}

	#content table.tborder > tfoot {
		display: table-footer-group;
		width: auto;
	}

	#content #forum-img {
		min-width: 58px;
		width: 58px !important;
	}

	#content #forum-img img {
		max-height: 44px;
		max-width: 44px;
	}

	#content .last-post {
		display: table-cell;
	}

	#content tr.inline_row {
		grid-template-columns: 32px 32px minmax(0, 1fr) auto;
	}

	#content tr.inline_row .author {
		white-space: normal;
	}

	#content #posts_container {
		padding: 6px;
	}

	#content .post.classic .post_content {
		padding: 15px 12px 10px;
	}

	#content .post .post_head {
		padding: 7px 8px;
	}

	#content .post_controls {
		padding: 8px;
	}

	#content legend {
		font-size: 14px;
	}
}

/* Render-tested mobile table correction. Legacy MyBB colspans describe hidden
   desktop columns; convert only forum/thread lists to cards instead of forcing
   every table through one fixed column model. */
@media (max-width: 600px) {
	#content table.tborder {
		table-layout: auto;
	}

	#content table.tborder:has(#forum-img),
	#content table.tborder:has(.forum_status),
	#content table.tborder.clear:has(tr.inline_row) {
		display: block;
		overflow: hidden;
		width: 100% !important;
	}

	#content table.tborder:has(#forum-img) > thead,
	#content table.tborder:has(.forum_status) > thead,
	#content table.tborder.clear:has(tr.inline_row) > tbody {
		display: block;
		width: 100%;
	}

	#content table.tborder:has(#forum-img) > thead > tr,
	#content table.tborder:has(.forum_status) > thead > tr,
	#content table.tborder.clear:has(tr.inline_row) > tbody > tr:not(.inline_row) {
		display: block;
		width: 100%;
	}

	#content table.tborder:has(#forum-img) > thead > tr > .thead,
	#content table.tborder:has(.forum_status) > thead > tr > .thead,
	#content table.tborder.clear:has(tr.inline_row) > tbody > tr:not(.inline_row) > td {
		display: block;
		width: 100% !important;
	}

	#content table.tborder:has(#forum-img) > tbody,
	#content table.tborder:has(.forum_status) > tbody {
		display: block;
		width: 100%;
	}

	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) {
		display: grid;
		grid-template-columns: 60px minmax(0, 1fr);
		width: 100%;
	}

	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) > #forum-img,
	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) > #forum-img + td {
		display: block !important;
		min-width: 0;
		width: auto !important;
	}

	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) > #forum-img {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) + tr,
	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) + tr > .last-post {
		display: block;
		width: 100% !important;
	}

	#content table.tborder:has(.forum_status) > tbody > tr {
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr);
		width: 100%;
	}

	#content table.tborder:has(.forum_status) > tbody > tr > td {
		display: block;
		min-width: 0;
		width: auto !important;
	}

	#content table.tborder:has(.forum_status) > tbody > tr > td:first-child {
		align-items: center;
		display: flex;
		justify-content: center;
	}

	#content table.tborder:has(.forum_status) > tbody > tr > td:last-child:not(:nth-child(2)) {
		display: none;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row {
		display: grid;
		grid-template-columns: 34px 34px minmax(0, 1fr) auto;
		width: 100%;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td {
		display: block;
		min-width: 0;
		width: auto !important;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:first-child,
	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(2) {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(3) {
		overflow: hidden;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(3) a {
		overflow-wrap: anywhere;
		word-break: normal;
	}

	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(4),
	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(5) {
		display: none !important;
	}

	#content table.tborder:not(:has(#forum-img)):not(:has(.forum_status)):not(.clear:has(tr.inline_row)) {
		table-layout: fixed;
		width: 100% !important;
	}

	#content table.tborder:has(#forum-img) > tbody > tr:has(#forum-img) > #forum-img + td,
	#content table.tborder:has(.forum_status) > tbody > tr > td:nth-child(2),
	#content table.tborder.clear:has(tr.inline_row) > tbody > tr.inline_row > td:nth-child(3),
	#content .post_content,
	#content .post_body {
		max-width: 100%;
		overflow: hidden;
		overflow-wrap: anywhere;
		white-space: normal;
	}

	#content table.tborder.clear:has(tr.inline_row) .author {
		display: flex;
		max-width: 100%;
		width: fit-content;
	}
}

/* Reserve the full fixed-navbar height plus breathing room above the logo. */
#header {
	padding-top: 96px;
}

@media (max-width: 991.98px) {
	#header {
		padding-top: 68px;
	}
}