/*
 * Wckediden Style 78 modernization layer.
 * Scoped to the staging style through its headinclude template.
 */

:root {
	color-scheme: dark;
	/* Preserve Style 78's established black, charcoal and deep-red identity. */
	--wick-bg: #070708;
	--wick-surface: #0b0b0d;
	--wick-surface-raised: #131316;
	--wick-surface-soft: #1d1d21;
	--wick-border: #343438;
	--wick-border-strong: #4a4a50;
	--wick-text: #f6f6f7;
	--wick-muted: #aaaab0;
	--wick-red: #c4162a;
	--wick-red-deep: #760101;
	--wick-accent: #dc4b5a;
	--wick-focus: #ff6b78;
	--wick-font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--wick-radius: 12px;
	--wick-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
	--wick-content-max: 1240px;
	--wick-spring: cubic-bezier(0.2, 0.8, 0.25, 1.22);
}

* {
	box-sizing: border-box;
}

html {
	background: var(--wick-bg);
	scroll-behavior: smooth;
}

body {
	margin: 0 !important;
	background:
		radial-gradient(circle at 12% -10%, rgba(196, 22, 42, 0.17), transparent 34rem),
		radial-gradient(circle at 88% 0%, rgba(255, 255, 255, 0.035), transparent 30rem),
		var(--wick-bg) !important;
	color: var(--wick-text) !important;
	font: 15px/1.55 var(--wick-font-sans) !important;
	min-height: 100vh;
}

/*
 * Style 78's Additional CSS assigns Arial, Tahoma, or Verdana directly to
 * many legacy elements. Override only their font family so existing sizes,
 * weights, and line heights remain intact.
 */
body,
#spjpb table,
#spjpb td,
#spjpb th,
#spjpb p,
#spjpb li,
#spjpb fieldset,
#spjpb legend,
#spjpb label,
#spjpb input,
#spjpb button,
#spjpb select,
#spjpb textarea,
#spjpb option,
#spjpb optgroup,
#spjpb .button,
#spjpb .bginput,
#spjpb .smallfont,
#spjpb .navbar,
#spjpb .tcat,
#spjpb .thead,
#spjpb .tfoot,
#spjpb .vbmenu_control,
#spjpb .vbmenu_option,
#spjpb .vbmenu_hilite,
#spjpb .panel,
#spjpb .wysiwyg,
#spjpb .bigusername,
#spjpb [class^="ug_"],
#spjpb [class*=" ug_"] {
	font-family: var(--wick-font-sans) !important;
}

a:link,
a:visited {
	color: #cbd7e7 !important;
	text-decoration-color: rgba(203, 215, 231, 0.4);
	text-underline-offset: 0.18em;
}

a:hover,
a:focus-visible {
	color: #fff !important;
	text-decoration-color: var(--wick-red);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid rgba(255, 107, 120, 0.58) !important;
	outline-offset: 2px;
}

#spjpb {
	width: min(var(--wick-content-max), calc(100% - 32px)) !important;
	min-width: 0 !important;
	margin: 0 auto !important;
	padding: 18px 0 28px;
}

#header {
	margin-bottom: 20px;
}

/* Keep vBulletin's JavaScript-built profile tabs readable instead of squeezed. */
#profile_tabs {
	width: 100%;
	min-width: 0;
}

#profile_tabs > ul.tab_list {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 7px;
	width: 100%;
	height: auto !important;
	overflow: visible !important;
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
}

#profile_tabs > ul.tab_list > li:not(.overflow_tab) {
	display: flex !important;
	flex: 0 1 auto;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	min-height: 40px;
	margin: 0 !important;
	padding: 9px 13px !important;
	border: 1px solid var(--wick-border) !important;
	border-radius: 9px 9px 6px 6px;
	background: var(--wick-surface-raised) !important;
	color: var(--wick-text) !important;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.25;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	transition: transform 180ms var(--wick-spring), border-color 180ms ease,
		background-color 180ms ease, box-shadow 180ms ease;
}

#profile_tabs > ul.tab_list > li.overflow_tab {
	display: none !important;
}

#profile_tabs > ul.tab_list > li.thead {
	background: linear-gradient(180deg, #202127, #151519) !important;
}

#profile_tabs > ul.tab_list > li.thead:hover {
	transform: translateY(-2px);
	border-color: var(--wick-accent) !important;
	background: #292026 !important;
	color: #fff !important;
	box-shadow: 0 7px 16px rgba(196, 22, 42, 0.2);
}

#profile_tabs > ul.tab_list > li.tcat {
	border-color: var(--wick-red) !important;
	background: linear-gradient(135deg, #a20d20, #6f0715) !important;
	box-shadow: 0 5px 15px rgba(196, 22, 42, 0.22);
}

#profile_tabs > ul.tab_list > li a {
	color: inherit !important;
	text-decoration: none !important;
}

#profile_tabs .statistics_group {
	margin: 9px 0;
	padding: 13px 15px;
	border: 1px solid var(--wick-border) !important;
	border-radius: 11px;
	background: linear-gradient(145deg, rgba(24, 24, 29, 0.96), rgba(13, 13, 16, 0.96));
}

#profile_tabs .statistics_group legend {
	padding: 0 8px;
	color: #f07480 !important;
	font-weight: 600;
}

#profile_tabs .statistics_group li {
	padding: 3px 0;
	line-height: 1.55;
}

#catnav {
	position: relative;
	z-index: 20;
	height: auto !important;
	min-height: 54px;
	margin-bottom: 14px;
	border: 1px solid var(--wick-border);
	border-radius: var(--wick-radius);
	background: rgba(18, 22, 32, 0.94) !important;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.25);
	overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
	backdrop-filter: blur(12px);
}

#catnav::-webkit-scrollbar {
	height: 0;
}

#catnav .nav2 {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: center;
	gap: 2px;
	min-height: 52px;
	margin: 0 !important;
	padding: 6px !important;
	list-style: none !important;
	background: transparent !important;
}

#catnav .nav2 li,
#catnav .nav2 li.fr {
	position: relative;
	flex: 1 1 0;
	min-width: max-content;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#catnav .nav2 li + li::before {
	content: "";
	position: absolute;
	top: 9px;
	bottom: 9px;
	left: 0;
	width: 1px;
	background: linear-gradient(transparent, var(--wick-border-strong), transparent);
	pointer-events: none;
}

#catnav .nav2 li:empty,
#catnav .nav2 li:last-child {
	display: none !important;
}

#catnav .nav2 a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 8px 10px !important;
	border: 0 !important;
	border-radius: 8px;
	background: transparent !important;
	color: var(--wick-muted) !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.025em;
	line-height: 1.2 !important;
	text-decoration: none !important;
	text-align: center;
	transition: color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

#catnav .nav2 a:hover,
#catnav .nav2 a:focus-visible {
	background: var(--wick-surface-soft) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

#header > table:first-of-type {
	display: table;
	width: 100% !important;
	min-height: 132px;
	border: 1px solid var(--wick-border-strong);
	border-radius: 18px;
	background:
		linear-gradient(115deg, rgba(196, 22, 42, 0.25), transparent 38%),
		linear-gradient(145deg, #1a1a1e, #0b0b0d 64%, #121216) !important;
	box-shadow: var(--wick-shadow);
	overflow: hidden;
}

#header > table:first-of-type td:first-child {
	padding: 27px 34px !important;
}

#header > table:first-of-type td:first-child > a {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	text-decoration: none !important;
}

#header > table:first-of-type td:first-child > a::before {
	content: "WCKEDIDEN";
	color: #fff;
	font-size: clamp(1.9rem, 4vw, 3.35rem);
	font-weight: 900;
	letter-spacing: -0.055em;
	line-height: 1;
}

#header > table:first-of-type td:first-child > a::after {
	content: "Mobile tricks, tweaks & community";
	color: var(--wick-accent);
	font-size: clamp(0.7rem, 1.4vw, 0.95rem);
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

#header > table:first-of-type td:first-child > a > img,
img[src="images/misc/wc.wte.gif"],
img[src^="images/wckedidenv2/"],
img[src^="images/black/"],
img[src^="images/milon/navicon/"],
img[src="images/misc/menu_open.gif"],
img[src="images/misc/navbits_start.gif"],
img[src="images/misc/navbits_finallink_ltr.gif"],
img[src*="picture.php?albumid=128"],
img[src^="https://www.wckediden.com/images/icons/"] {
	display: none !important;
}

#header_right_cell {
	width: 22%;
	padding: 24px !important;
}

.page {
	width: 100% !important;
	background: transparent !important;
	color: var(--wick-text) !important;
}

.page > div[align="left"] {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.tborder {
	border: 1px solid var(--wick-border) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: var(--wick-radius);
	background: var(--wick-surface) !important;
	box-shadow: 0 9px 25px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

table.tborder {
	margin-bottom: 18px;
}

.tborder td {
	padding: 11px 13px !important;
	border-color: var(--wick-border) !important;
	vertical-align: middle;
}

.tborder tr + tr > td,
.tborder tbody + tbody tr:first-child > td {
	border-top: 1px solid var(--wick-border) !important;
}

.thead,
.tcat {
	border: 0 !important;
	background: linear-gradient(105deg, #992234, #58141f) !important;
	color: #fff !important;
	font-size: 0.78rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.045em;
	line-height: 1.35 !important;
	text-transform: uppercase;
}

.tcat a,
.thead a,
.tfoot a,
.vbmenu_control a {
	color: #fff !important;
	text-decoration: none !important;
}

.alt1,
.alt1Active,
.alt2,
.panel,
.panelsurround {
	border-color: var(--wick-border) !important;
	background: var(--wick-surface) !important;
	color: var(--wick-text) !important;
}

.alt2 {
	background: var(--wick-surface-raised) !important;
}

.alt1Active:hover,
.alt2Active:hover {
	background: var(--wick-surface-soft) !important;
}

.tfoot,
.vbmenu_control {
	border: 0 !important;
	background: #151519 !important;
	color: var(--wick-text) !important;
}

.vbmenu_control {
	padding: 0 !important;
}

.vbmenu_control a {
	display: block;
	padding: 10px 12px;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.vbmenu_control a:hover,
.vbmenu_control a:focus-visible {
	background: var(--wick-red-deep) !important;
}

/* The authenticated navbar can contain twelve items. The legacy table keeps
 * them on one non-wrapping row, so use a balanced responsive flex grid. */
#header div.tborder[style*="border-top-width"] {
	position: relative;
	padding: 6px !important;
	border-top-width: 1px !important;
	background: linear-gradient(180deg, rgba(29, 29, 33, 0.98), rgba(11, 11, 13, 0.98)) !important;
	overflow: visible;
}

#header div.tborder[style*="border-top-width"]::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 18px;
	right: 18px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(220, 75, 90, 0.72), transparent);
}

#header div.tborder[style*="border-top-width"] > table,
#header div.tborder[style*="border-top-width"] > table > tbody {
	display: block;
	width: 100% !important;
}

#header div.tborder[style*="border-top-width"] > table > tbody > tr {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 3px;
}

#header div.tborder[style*="border-top-width"] .vbmenu_control {
	display: flex;
	flex: 1 1 calc(16.666% - 3px);
	min-width: 0;
	border-radius: 8px;
	background: transparent !important;
}

#header div.tborder[style*="border-top-width"] .vbmenu_control a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 42px;
	padding: 8px 9px;
	border-radius: 7px;
	font-size: 0.73rem;
	line-height: 1.25;
	text-align: center;
	white-space: normal;
}

#header div.tborder[style*="border-top-width"] .vbmenu_control a:hover,
#header div.tborder[style*="border-top-width"] .vbmenu_control a:focus-visible {
	background: linear-gradient(180deg, rgba(196, 22, 42, 0.94), rgba(118, 1, 1, 0.98)) !important;
	box-shadow: 0 5px 15px rgba(118, 1, 1, 0.3);
}

.vbmenu_popup {
	border: 1px solid var(--wick-border-strong) !important;
	border-radius: 10px;
	background: var(--wick-surface-raised) !important;
	box-shadow: var(--wick-shadow);
	overflow: hidden;
}

.vbmenu_option,
.vbmenu_hilite {
	border-color: var(--wick-border) !important;
	background: var(--wick-surface-raised) !important;
	color: var(--wick-text) !important;
}

.vbmenu_hilite,
.vbmenu_option:hover {
	background: var(--wick-surface-soft) !important;
}

.smallfont,
.time,
.navbar {
	font-size: 0.79rem !important;
}

.smallfont,
.time {
	color: var(--wick-muted) !important;
}

.navbar {
	color: var(--wick-text) !important;
	font-weight: 650;
}

/* A small, consistent motion language: clearer link cues and tactile controls. */
.page a:not(:has(img)):not([onclick*="toggle_collapse"]) {
	text-underline-offset: 0.22em;
	transition: color 180ms ease, text-decoration-color 180ms ease, text-decoration-thickness 180ms ease;
}

.page a:not(:has(img)):not([onclick*="toggle_collapse"]):hover,
.page a:not(:has(img)):not([onclick*="toggle_collapse"]):focus-visible {
	text-decoration-color: var(--wick-accent) !important;
	text-decoration-thickness: 2px;
}

#catnav .nav2 a,
#header div.tborder[style*="border-top-width"] .vbmenu_control a,
input[type="submit"],
input[type="button"],
button,
.button,
#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a,
#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2,
#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a {
	transition:
		transform 220ms var(--wick-spring),
		box-shadow 220ms ease,
		filter 180ms ease,
		background-color 180ms ease,
		color 180ms ease;
}

#catnav .nav2 a:hover,
#catnav .nav2 a:focus-visible,
#header div.tborder[style*="border-top-width"] .vbmenu_control a:hover,
#header div.tborder[style*="border-top-width"] .vbmenu_control a:focus-visible,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
button:focus-visible,
.button:focus-visible {
	transform: translateY(-2px) scale(1.015);
}

#header div.tborder[style*="border-top-width"] .vbmenu_control a:hover,
#header div.tborder[style*="border-top-width"] .vbmenu_control a:focus-visible,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
	box-shadow: 0 8px 20px rgba(196, 22, 42, 0.34);
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a:hover,
#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a:focus-visible,
#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2:hover,
#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a:hover,
#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a:focus-visible {
	transform: translateX(2px);
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2:hover {
	transform: translateY(-2px);
	border-color: rgba(220, 75, 90, 0.55) !important;
	box-shadow: 0 6px 16px rgba(196, 22, 42, 0.12);
}

#spjpb .page a:has(img.thumbnail) {
	display: inline-block;
	vertical-align: middle;
}

#spjpb .page img.thumbnail {
	transform: translateZ(0);
	transform-origin: center;
	transition: transform 260ms var(--wick-spring), filter 220ms ease, box-shadow 220ms ease;
}

#spjpb .page a:has(img.thumbnail):hover img.thumbnail,
#spjpb .page a:has(img.thumbnail):focus-visible img.thumbnail,
#spjpb .page img.thumbnail:hover {
	transform: scale(1.045);
	filter: saturate(1.12) brightness(1.06);
	box-shadow: 0 8px 20px rgba(196, 22, 42, 0.28);
}

@media (hover: none) {
	#catnav .nav2 a:hover,
	#catnav .nav2 a:focus-visible,
	#header div.tborder[style*="border-top-width"] .vbmenu_control a:hover,
	#header div.tborder[style*="border-top-width"] .vbmenu_control a:focus-visible,
	input[type="submit"]:hover,
	input[type="button"]:hover,
	button:hover,
	.button:hover,
	#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a:hover,
	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2:hover,
	#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a:hover,
	#spjpb .page a:has(img.thumbnail):hover img.thumbnail,
	#spjpb .page img.thumbnail:hover {
		transform: none;
	}
}

input,
select,
textarea,
.bginput {
	max-width: 100%;
	border: 1px solid var(--wick-border-strong) !important;
	border-radius: 7px !important;
	background: #0d1119 !important;
	color: var(--wick-text) !important;
	font: inherit !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	padding: 7px 9px !important;
}

input[type="submit"],
input[type="button"],
button,
.button {
	min-height: 34px;
	padding: 7px 13px !important;
	border: 1px solid #f05d6b !important;
	border-radius: 8px !important;
	background: linear-gradient(180deg, #e54858, #b62639) !important;
	color: #fff !important;
	font-weight: 800 !important;
	cursor: pointer;
	box-shadow: 0 5px 14px rgba(181, 35, 54, 0.25);
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
	filter: brightness(1.12);
}

fieldset {
	border: 1px solid var(--wick-border) !important;
	border-radius: 10px;
}

hr {
	border: 0;
	border-top: 1px solid var(--wick-border);
}

blockquote,
.quote,
.code {
	border: 1px solid var(--wick-border) !important;
	border-left: 4px solid var(--wick-red) !important;
	border-radius: 8px;
	background: #0e121a !important;
	color: var(--wick-text) !important;
}

a[onclick*="toggle_collapse"]::after {
	content: "−";
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 6px;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
}

a:has(img[alt="Go Back"])::before,
a:has(img[alt="Reload this Page"])::before {
	display: inline-block;
	margin-right: 6px;
	color: var(--wick-accent);
	font-size: 1rem;
	font-weight: 900;
}

a:has(img[alt="Go Back"])::before {
	content: "←";
}

a:has(img[alt="Reload this Page"])::before {
	content: "↻";
}

td:has(> img[id^="forum_statusicon_"])::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--wick-accent);
	box-shadow: 0 0 0 4px rgba(220, 75, 90, 0.12);
}

a:has(img[alt="Go to last post"])::after {
	content: "→";
	display: inline-block;
	margin-left: 4px;
	color: var(--wick-accent);
	font-size: 1rem;
	font-weight: 900;
}

table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr {
	transition: background-color 150ms ease;
}

table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr:hover > td {
	background: var(--wick-surface-soft) !important;
}

table.tborder:has(tbody[id^="collapseobj_forumbit_"]) td[id^="f"] > div:first-child > a {
	font-size: 0.96rem;
	text-decoration: none !important;
}

form[action$="index.php"] table.page {
	border: 1px solid var(--wick-border) !important;
	border-radius: 10px;
	overflow: hidden;
}

form[action$="index.php"] table.page td {
	padding: 10px 12px !important;
}

body > div[align="center"] .smallfont,
#spjpb + div,
#spjpb ~ div {
	color: var(--wick-muted) !important;
}

/* Modification System 2.5: modern, legible release-detail presentation. */
table.tborder:has(> tbody#collapseobj_showthread_modinfo) {
	border-color: #3d3d44 !important;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.34);
}

#collapseobj_showthread_modinfo > tr > td.alt1 {
	padding: clamp(18px, 3vw, 30px) !important;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.018), transparent 38%),
		var(--wick-surface) !important;
}

#collapseobj_showthread_modinfo .bigusername:first-child {
	display: block;
	margin: 0 230px 7px 0;
	color: #fff !important;
	font-size: clamp(1.22rem, 2vw, 1.55rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em;
	line-height: 1.25 !important;
}

#collapseobj_showthread_modinfo a[style*="color:#ff0000"] {
	color: #ff8a95 !important;
	font-weight: 600;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"][style*="float:right"] {
	width: 214px !important;
	margin: 0 0 22px 28px !important;
	padding: 0 !important;
	border: 1px solid var(--wick-border-strong);
	border-radius: 12px;
	background: #0e1118;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
	overflow: hidden;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] table,
#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] tbody,
#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] tr,
#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] td {
	width: 100% !important;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] td {
	padding: 0 !important;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"] tr:last-child {
	display: none;
}

#collapseobj_showthread_modinfo .navlist {
	border: 0 !important;
	background: #0e1118 !important;
}

#collapseobj_showthread_modinfo .navlist > div {
	padding: 9px 11px !important;
	border: 0 !important;
	border-bottom: 1px solid #292e39 !important;
	background: #121722 !important;
	color: #e8edf5 !important;
	font-size: 0.8rem !important;
	line-height: 1.35 !important;
}

#collapseobj_showthread_modinfo .navlist > div.tcat {
	padding: 10px 12px !important;
	background: linear-gradient(110deg, #9e2033, #641521) !important;
	color: #fff !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.065em;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 26px;
	border: 0 !important;
	background: transparent !important;
	color: #fff !important;
	font-size: 0.88rem !important;
	font-weight: 650 !important;
	opacity: 1 !important;
	text-decoration: none !important;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) {
	background: #0b0e14 !important;
	color: #fff !important;
	font-weight: 600 !important;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a:hover,
#collapseobj_showthread_modinfo .navlist > div:not(.tcat) a:focus-visible {
	color: #fff !important;
}

#collapseobj_showthread_modinfo .navlist span[style*="text-align:center"] {
	display: block !important;
	padding: 3px;
	border-radius: 9px;
	background: #090b10;
}

#collapseobj_showthread_modinfo .navlist span[style*="text-align:center"] img {
	display: block;
	width: 100% !important;
	max-width: 168px;
	height: auto !important;
	margin: 0 auto;
	border-radius: 7px;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type {
	width: calc(100% - 242px) !important;
	border-collapse: separate !important;
	border-spacing: 7px !important;
	margin: 10px -7px 6px;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 {
	padding: 11px 12px !important;
	border: 1px solid #303744 !important;
	border-radius: 8px;
	background: linear-gradient(145deg, #171d28, #111620) !important;
	color: #d9e0ea !important;
	font-size: 0.82rem !important;
	line-height: 1.45 !important;
	white-space: normal !important;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 strong {
	color: #fff !important;
	font-weight: 700;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 > span[style*="float:left"] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	width: auto !important;
	margin: 3px 8px 3px 0;
	padding: 6px 9px;
	border: 1px solid #334052;
	border-radius: 999px;
	background: #0e1520;
	color: #dbe6f5;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 > span[style*="float:left"] img {
	display: none;
}

#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 > span[style*="float:left"]::before {
	content: "✓";
	color: #70d9a7;
	font-weight: 900;
}

#collapseobj_showthread_modinfo span[style*="float:right"]:has(> img[src$="certified.gif"]),
#collapseobj_showthread_modinfo span[style*="float:right"]:has(> img[src$="supported.gif"]) {
	display: inline-flex;
	align-items: center;
	float: right !important;
	margin: 4px 0 12px 14px;
	padding: 6px 10px;
	border: 1px solid rgba(112, 217, 167, 0.34);
	border-radius: 999px;
	background: rgba(49, 155, 103, 0.12);
	color: #8fe4bb;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

#collapseobj_showthread_modinfo span[style*="float:right"]:has(> img[src$="certified.gif"])::before {
	content: "Verified release";
}

#collapseobj_showthread_modinfo span[style*="float:right"]:has(> img[src$="supported.gif"])::before {
	content: "Supported";
}

#collapseobj_showthread_modinfo span[style*="float:right"] > img[src$="certified.gif"],
#collapseobj_showthread_modinfo span[style*="float:right"] > img[src$="supported.gif"] {
	display: none !important;
}

#collapseobj_showthread_modinfo #moddesc {
	clear: both;
	margin-top: 26px;
	padding-top: 24px;
	border-top: 1px solid var(--wick-border);
	color: #e3e7ee !important;
}

#collapseobj_showthread_modinfo #moddesc > div[id^="post_message_"] {
	font-size: 0.94rem !important;
	line-height: 1.72 !important;
	overflow-wrap: anywhere;
}

#collapseobj_showthread_modinfo #moddesc pre.alt2 {
	width: 100% !important;
	max-width: 100%;
	height: auto !important;
	min-height: 48px;
	padding: 13px 15px !important;
	border: 1px solid #394353 !important;
	border-left: 4px solid var(--wick-red) !important;
	border-radius: 8px;
	background: #090d14 !important;
	color: #dce7f5 !important;
	font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace !important;
	font-size: 0.82rem !important;
	line-height: 1.55 !important;
}

#collapseobj_showthread_modinfo #moddesc .bigusername {
	display: block;
	margin: 30px 0 14px;
	padding: 0 0 9px;
	border-bottom: 1px solid #4b515d;
	color: #fff !important;
	font-size: 1.08rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.01em;
	line-height: 1.35 !important;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) {
	width: 100% !important;
	max-width: 100%;
	margin: 0 0 22px;
	table-layout: fixed;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #323a47;
	border-radius: 10px;
	background: #0d121b !important;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) tbody,
#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) tr {
	display: block;
	width: 100%;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) td:first-child {
	display: none;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) td:last-child {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) td {
	padding: 8px !important;
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a {
	display: flex;
	align-items: center;
	width: 100% !important;
	max-width: 100%;
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid #df5262;
	border-radius: 8px;
	background: linear-gradient(180deg, #d93c50, #a81f33);
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
	box-sizing: border-box;
	box-shadow: 0 6px 16px rgba(168, 31, 51, 0.25);
}

#collapseobj_showthread_modinfo #moddesc table:has(a[href^="attachment.php?attachmentid="]) a::before {
	content: "↓";
	margin-right: 7px;
	font-size: 1rem;
}

#collapseobj_showthread_modinfo #moddesc .thumbnail {
	max-width: 100%;
	height: auto;
	border: 1px solid #3d4655 !important;
	border-radius: 10px;
	background: #0b0f16;
}

#collapseobj_showthread_modinfo #moddesc font[color="Red"],
#collapseobj_showthread_modinfo #moddesc font[color="red"] {
	color: #ff7b88 !important;
}

@media (max-width: 860px) {
	#spjpb {
		width: min(100% - 18px, var(--wick-content-max)) !important;
		padding-top: 9px;
	}

	#catnav {
		border-radius: 10px;
		overflow-x: auto;
		scroll-snap-type: x proximity;
	}

	#catnav .nav2 {
		flex-wrap: nowrap;
		width: max-content;
		min-width: 100%;
	}

	#catnav .nav2 a {
		white-space: nowrap;
	}

	#catnav .nav2 li,
	#catnav .nav2 li.fr {
		flex: 0 0 auto;
		min-width: auto;
		scroll-snap-align: start;
	}

	#header div.tborder[style*="border-top-width"] .vbmenu_control {
		flex-basis: calc(33.333% - 3px);
	}

	#header > table:first-of-type {
		min-height: 108px;
		border-radius: 14px;
	}

	#header > table:first-of-type td:first-child {
		padding: 22px !important;
	}

	#header_right_cell {
		display: none;
	}

	.tborder {
		max-width: 100%;
	}

	table.tborder:not(:has(tbody[id^="collapseobj_forumbit_"])) {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	table.tborder:has(> tbody#collapseobj_showthread_modinfo) {
		display: table;
		width: 100% !important;
		overflow: visible;
	}
}

@media (max-width: 700px) {
	table.tborder:has(> tbody#collapseobj_showthread_modinfo) {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed;
		overflow: hidden;
	}

	#collapseobj_showthread_modinfo,
	#collapseobj_showthread_modinfo > tr,
	#collapseobj_showthread_modinfo > tr > td.alt1 {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	#header div.tborder[style*="border-top-width"] .vbmenu_control {
		flex-basis: calc(50% - 3px);
	}

	body {
		font-size: 14px !important;
	}

	#header {
		margin-bottom: 12px;
	}

	.page > div[align="left"] {
		padding: 0 !important;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type,
	#spjpb .page > div[align="left"] > table.tborder:first-of-type > tbody,
	#spjpb .page > div[align="left"] > table.tborder:first-of-type > tbody > tr {
		display: block;
		width: 100% !important;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type > tbody > tr > td {
		display: block;
		width: 100% !important;
		white-space: normal !important;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type > tbody > tr > td:nth-child(2) {
		display: none;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type form > table,
	#spjpb .page > div[align="left"] > table.tborder:first-of-type form > table > tbody {
		display: block;
		width: 100%;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type form > table > tbody > tr {
		display: grid;
		grid-template-columns: 88px minmax(0, 1fr);
		align-items: center;
		gap: 7px;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type form > table td {
		display: block;
		width: auto !important;
		padding: 4px !important;
		white-space: normal !important;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type form > table td:nth-child(3) {
		grid-column: 2;
	}

	#spjpb .page > div[align="left"] > table.tborder:first-of-type form input[type="text"],
	#spjpb .page > div[align="left"] > table.tborder:first-of-type form input[type="password"] {
		width: 100%;
	}

	#collapseobj_showthread_modinfo .bigusername:first-child {
		margin-right: 0;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > div:first-child > div[style*="width:175px"][style*="float:right"] {
		float: none !important;
		width: 100% !important;
		margin: 18px 0 !important;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type {
		display: block;
		width: 100% !important;
		margin: 14px 0;
		border-spacing: 0 !important;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type > tbody {
		display: block;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type tr {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		margin-bottom: 7px;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 {
		display: block;
		width: auto !important;
		min-width: 0;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2[colspan="5"] {
		grid-column: 1 / -1;
	}

	#collapseobj_showthread_modinfo #moddesc {
		margin-top: 20px;
		padding-top: 20px;
	}

	#collapseobj_showthread_modinfo #moddesc div[style*="margin:20px"] {
		margin: 14px 0 !important;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) {
		display: block;
		border: 0 !important;
		border-radius: 0;
		background: transparent !important;
		box-shadow: none;
		overflow: visible;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > thead {
		display: none;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody {
		display: block;
		margin-bottom: 10px;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody > tr {
		display: block;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody > tr > td.tcat {
		display: block;
		width: 100%;
		padding: 12px 14px !important;
		border-radius: 10px 10px 0 0;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto auto;
		gap: 0;
		margin: 0 0 9px;
		border: 1px solid var(--wick-border);
		border-radius: 10px;
		background: var(--wick-surface);
		overflow: hidden;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td {
		display: block;
		width: auto !important;
		border: 0 !important;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:first-child {
		display: none;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(2) {
		grid-column: 1 / -1;
		padding: 14px !important;
		border-bottom: 1px solid var(--wick-border) !important;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(3) {
		grid-column: 1;
		min-width: 0;
		padding: 10px 12px !important;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(4),
	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(5) {
		padding: 10px 11px !important;
		border-left: 1px solid var(--wick-border) !important;
		font-weight: 800;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(4)::before,
	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(5)::before {
		display: block;
		color: var(--wick-muted);
		font-size: 0.58rem;
		font-weight: 800;
		letter-spacing: 0.07em;
		text-transform: uppercase;
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(4)::before {
		content: "Threads";
	}

	table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr > td:nth-child(5)::before {
		content: "Posts";
	}

	.vbmenu_control a {
		padding: 9px 8px;
		font-size: 0.68rem;
	}

	.tborder td {
		padding: 9px 10px !important;
	}

	form[action$="index.php"] table.page,
	form[action$="index.php"] table.page > tbody,
	form[action$="index.php"] table.page > tbody > tr {
		display: block;
		width: 100% !important;
	}

	form[action$="index.php"] table.page > tbody > tr > td {
		display: block;
		width: 100% !important;
		padding: 8px 10px !important;
		text-align: left !important;
	}

	form[action$="index.php"] table.page select {
		width: 100%;
	}
}

@media (max-width: 480px) {
	#collapseobj_showthread_modinfo > tr > td.alt1 {
		padding: 16px 14px !important;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type tr {
		grid-template-columns: 1fr;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 {
		grid-column: 1 !important;
	}

	#collapseobj_showthread_modinfo > tr > td.alt1 > div > table:first-of-type td.alt2 > span[style*="float:left"] {
		display: flex;
		width: 100% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
		transform: none !important;
	}
}