/*
 * Wckediden Style 78 modernization layer.
 * Loaded only by Style 78 through its headinclude template.
 */

@font-face {
	font-family: "Wckediden Font Awesome";
	src: url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2");
	font-style: normal;
	font-weight: 900;
	font-display: block;
}

: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-font-icons: "Wckediden Font Awesome";
	--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;
}

/* Give discussion pages more room for post content and attachments on modern
 * desktop displays without changing the compact layout used by other pages. */
@media (min-width: 861px) {
	body:has(#spjpb table.tborder[id^="post"]) #spjpb {
		width: min(1440px, calc(100% - 32px)) !important;
	}
}

#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 0 auto;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	min-height: 40px;
	max-width: 100%;
	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: normal;
	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 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 20px;
	max-width: 100%;
	color: inherit !important;
	line-height: 1.35;
	white-space: normal;
	text-decoration: none !important;
}

/* Give profile blocks a consistent card rhythm without changing their content. */
#profile_tabs .content_block {
	margin: 0 0 14px;
	padding: 12px;
	border: 1px solid var(--wick-border) !important;
	border-radius: 13px;
	background: linear-gradient(145deg, rgba(19, 19, 23, 0.98), rgba(10, 10, 12, 0.98)) !important;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

#profile_tabs .content_block > .block_title,
#profile_tabs .content_block > h4.thead {
	border: 0 !important;
	border-radius: 8px;
	background: linear-gradient(100deg, #741322, #42141c) !important;
	color: #fff !important;
}

#profile_tabs .content_block .block_row {
	margin: 8px 0 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 9px;
	background: rgba(255, 255, 255, 0.025) !important;
	color: var(--wick-text);
}

#profile_tabs .content_block .block_footer {
	border-color: var(--wick-border) !important;
	color: var(--wick-muted) !important;
}

#profile_tabs .block_content {
	min-width: 0;
	max-width: 100%;
	border-color: var(--wick-border) !important;
	background: var(--wick-surface) !important;
	color: var(--wick-text);
}

#profile_tabs .block_content table {
	max-width: 100%;
}

#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;
	overflow-wrap: anywhere;
}

#profile_tabs .statistics_group .shade {
	color: #c4c4cb !important;
}

#sidebar_container .content_block {
	margin-bottom: 14px;
	padding: 10px;
	border: 1px solid var(--wick-border) !important;
	border-radius: 12px;
	background: linear-gradient(145deg, rgba(19, 19, 23, 0.98), rgba(10, 10, 12, 0.98)) !important;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);
}

#sidebar_container .content_block > .block_title,
#sidebar_container .content_block > h4.thead {
	border-radius: 8px;
	background: linear-gradient(100deg, #741322, #42141c) !important;
	color: #fff !important;
}

#sidebar_container .block_row {
	color: var(--wick-text);
}

/* Preserve data-table readability in the profile's large plugin/download lists. */
#profile_tabs #modsystem,
#profile_tabs #dl2modification {
	min-width: 0;
	max-width: 100%;
}

#profile_tabs #modsystem .block_content,
#profile_tabs #dl2modification .block_content {
	max-width: 100%;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	-webkit-overflow-scrolling: touch;
}

#profile_tabs #modsystem .block_content > table,
#profile_tabs #dl2modification .block_content > table {
	max-width: none;
}

@media (max-width: 700px) {
	#profile_tabs > ul.tab_list {
		gap: 6px;
	}

	#profile_tabs > ul.tab_list > li:not(.overflow_tab) {
		flex: 0 0 auto;
		min-height: 42px;
		padding: 9px 11px !important;
		font-size: 0.74rem;
	}

	#profile_tabs .content_block {
		padding: 8px;
	}

	#sidebar_container {
		float: none !important;
		width: 100% !important;
		margin-top: 16px;
	}

	#profile_tabs #modsystem .block_content > table {
		min-width: 760px;
	}

	#profile_tabs #dl2modification .block_content > table {
		min-width: 560px;
	}
}

#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/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;
}

/* Make post/thread/forum moderation selectors easy to spot and tap. These
 * remain native controls; vBulletin still enforces every moderation permission. */
#spjpb input[type="checkbox"],
#spjpb input[type="radio"] {
	appearance: auto !important;
	width: 20px !important;
	height: 20px !important;
	min-width: 20px;
	margin: 4px 7px 4px 1px !important;
	padding: 0 !important;
	border: 1px solid var(--wick-border-strong) !important;
	border-radius: 5px !important;
	accent-color: var(--wick-accent);
	vertical-align: middle;
	cursor: pointer;
	transition: transform 150ms var(--wick-spring), box-shadow 150ms ease,
		border-color 150ms ease;
}

#spjpb input[type="checkbox"]:hover,
#spjpb input[type="radio"]:hover {
	transform: scale(1.08);
	border-color: var(--wick-focus) !important;
	box-shadow: 0 0 0 4px rgba(220, 75, 90, 0.16);
}

#spjpb input[type="checkbox"]:checked,
#spjpb input[type="radio"]:checked {
	box-shadow: 0 0 0 3px rgba(220, 75, 90, 0.2);
}

#spjpb input[type="checkbox"]:focus-visible,
#spjpb input[type="radio"]:focus-visible {
	outline: 3px solid rgba(255, 107, 120, 0.72) !important;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	#spjpb input[type="checkbox"],
	#spjpb input[type="radio"] {
		transition: none;
	}
	#spjpb input[type="checkbox"]:hover,
	#spjpb input[type="radio"]:hover {
		transform: none;
	}
}

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: "\f077";
	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-family: var(--wick-font-icons);
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
}

/* The legacy image remains in the DOM for vBulletin's collapse JavaScript,
 * but the modern state-aware control is the only icon shown to members. */
a[onclick*="toggle_collapse"] > img[id^="collapseimg_"] {
	display: none !important;
}

a[onclick*="toggle_collapse"]:has(> img[id^="collapseimg_"][src*="_collapsed"])::after {
	content: "\f078";
}

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: "\2190";
}

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

td:has(> img[id^="forum_statusicon_"])::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.72);
	border-radius: 50%;
	background: radial-gradient(circle at 35% 28%, #ffb1b8 0 9%, #ef4444 15%, #9f2430 62%, #5d111a 100%);
	box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.12), 0 0 14px rgba(239, 68, 68, 0.38), inset 0 -3px 5px rgba(0, 0, 0, 0.34);
	vertical-align: middle;
	transition: transform 180ms var(--wick-spring), filter 180ms ease, box-shadow 180ms ease;
}

/* Keep the status image available to vBulletin's mark-read JavaScript while
 * replacing its dated artwork with the state lights above. */
td > img[id^="forum_statusicon_"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	opacity: 0;
	overflow: hidden;
}

td:has(> img[id^="forum_statusicon_"][src*="forum_new"])::before {
	background: radial-gradient(circle at 35% 28%, #c8ffd9 0 9%, #32df72 15%, #159447 62%, #075928 100%);
	box-shadow: 0 0 0 5px rgba(50, 223, 114, 0.13), 0 0 18px rgba(50, 223, 114, 0.58), inset 0 -3px 5px rgba(0, 0, 0, 0.3);
	animation: wick-status-unread 2.4s ease-in-out infinite;
}

td:has(> img[id^="forum_statusicon_"][src*="forum_lock"])::before {
	background: radial-gradient(circle at 35% 28%, #fff1bf 0 9%, #f6b93b 15%, #a66008 65%, #593000 100%);
	box-shadow: 0 0 0 5px rgba(246, 185, 59, 0.12), 0 0 14px rgba(246, 185, 59, 0.38), inset 0 -3px 5px rgba(0, 0, 0, 0.34);
}

td:has(> img[id^="forum_statusicon_"][src*="forum_link"])::before {
	background: radial-gradient(circle at 35% 28%, #d5e6ff 0 9%, #4c91f7 15%, #2457a7 65%, #102d60 100%);
	box-shadow: 0 0 0 5px rgba(76, 145, 247, 0.12), 0 0 14px rgba(76, 145, 247, 0.38), inset 0 -3px 5px rgba(0, 0, 0, 0.34);
}

table.tborder:has(tbody[id^="collapseobj_forumbit_"]) > tbody[id^="collapseobj_forumbit_"] > tr:hover > td:has(> img[id^="forum_statusicon_"])::before {
	filter: brightness(1.15);
	transform: scale(1.12);
}

@keyframes wick-status-unread {
	0%, 100% {
		box-shadow: 0 0 0 5px rgba(50, 223, 114, 0.11), 0 0 14px rgba(50, 223, 114, 0.42), inset 0 -3px 5px rgba(0, 0, 0, 0.3);
	}
	50% {
		box-shadow: 0 0 0 8px rgba(50, 223, 114, 0.05), 0 0 22px rgba(50, 223, 114, 0.7), inset 0 -3px 5px rgba(0, 0, 0, 0.3);
	}
}

a:has(img[alt="Go to last post"])::after {
	content: "\2192";
	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;
	justify-content: flex-start;
	gap: 7px;
	box-sizing: border-box;
	width: 100% !important;
	min-height: 44px;
	margin: 0 !important;
	padding: 10px 12px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 0.88rem !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
	opacity: 1 !important;
	text-decoration: none !important;
	white-space: normal;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) {
	padding: 0 !important;
	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 {
	background: linear-gradient(90deg, rgba(158, 32, 51, 0.3), rgba(18, 23, 34, 0.92)) !important;
	box-shadow: inset 3px 0 0 var(--wick-accent) !important;
	color: #fff !important;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) > a::after {
	content: none !important;
	display: none !important;
}

#collapseobj_showthread_modinfo .navlist > div:not(.tcat) > a font {
	color: inherit !important;
	font: inherit !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: "\2713";
	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: "\2193";
	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_"])):not([id^="post"]) {
		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;
	}
}

/* Give the legacy postbit a clear, modern card hierarchy without changing
 * vBulletin's moderator actions, permission checks, or table semantics. */
#spjpb table.tborder[id^="post"] {
	margin: 16px 0 22px !important;
	border: 1px solid var(--wick-border-strong) !important;
	border-radius: 15px !important;
	background: linear-gradient(145deg, #121216, #0b0b0d 65%) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(220, 75, 90, 0.12) inset;
}

#spjpb table.tborder[id^="post"] > tbody > tr:first-child > td.thead {
	padding: 11px 16px !important;
	background: linear-gradient(100deg, #861326, #54131d 68%, #35141b) !important;
	letter-spacing: 0.025em;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2[style*="padding:0"] {
	padding: 12px !important;
	background: linear-gradient(145deg, #151519, #0d0d10) !important;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type {
	width: 100% !important;
	border-spacing: 10px 6px;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type td[nowrap] {
	white-space: normal !important;
	vertical-align: top;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type td[nowrap]:last-of-type {
	min-width: 205px;
	padding: 12px 14px !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wick-muted) !important;
	line-height: 1.65;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type td.alt2:has(> a > img) {
	padding: 5px !important;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
}

#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type td.alt2:has(> a > img) img {
	max-width: 140px;
	height: auto;
	border-radius: 9px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

#spjpb table.tborder[id^="post"] #originalposter {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 4px 0;
	padding: 3px 9px;
	border: 1px solid rgba(220, 75, 90, 0.42);
	border-radius: 999px;
	background: rgba(196, 22, 42, 0.14);
	color: #ff9ba5;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.035em;
	line-height: 1.35;
}

#spjpb table.tborder[id^="post"] td[id^="td_post_"] {
	padding: 20px !important;
	background: var(--wick-surface) !important;
	color: var(--wick-text) !important;
	font-size: 0.96rem;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

#spjpb table.tborder[id^="post"] td[id^="td_post_"] blockquote,
#spjpb table.tborder[id^="post"] td[id^="td_post_"] .quote,
#spjpb table.tborder[id^="post"] td[id^="td_post_"] .code {
	margin: 14px 0;
	padding: 13px 16px !important;
	border-radius: 8px;
}

@media (max-width: 720px) {
	#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 {
		padding: 8px !important;
	}

	#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type {
		border-spacing: 6px;
	}

	#spjpb table.tborder[id^="post"] > tbody > tr:nth-child(2) > td.alt2 > table:first-of-type td[nowrap]:last-of-type {
		min-width: 155px;
		padding: 9px !important;
	}

	#spjpb table.tborder[id^="post"] td[id^="td_post_"] {
		padding: 15px !important;
	}
}

/* Keep postbit action groups level and evenly spaced without replacing the
 * existing permission-aware vBulletin links or their button artwork. */
#spjpb table.tborder[id^="post"] td.alt1 > span[style*="float:left"]:has(img[src*="/sendpm.gif"]) {
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

#spjpb table.tborder[id^="post"] td.alt1 > span[style*="float:left"]:has(img[src*="/sendpm.gif"]) > a,
#spjpb table.tborder[id^="post"] div[style*="margin-top: 10px"]:has(img[src$="/edit.gif"]) > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	line-height: 1;
	vertical-align: middle;
}

#spjpb table.tborder[id^="post"] div[style*="margin-top: 10px"]:has(img[src$="/edit.gif"]) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	clear: both;
	margin-top: 12px !important;
}

/* The legacy editor injects light inline colors. Replace the glaring chrome
 * with a lifted charcoal toolbar and a slightly brighter, readable writing
 * surface that still belongs to Style 78's dark palette. */
#spjpb .vBulletin_editor {
	padding: 10px !important;
	border: 1px solid #596171 !important;
	border-radius: 11px !important;
	background: #1c2029 !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

#spjpb .vBulletin_editor #controlbar,
#spjpb .vBulletin_editor .controlbar {
	padding: 8px !important;
	border: 1px solid #424958 !important;
	border-radius: 8px;
	background: linear-gradient(180deg, #303643, #252a34) !important;
	color: #f2f5fa !important;
}

#spjpb .vBulletin_editor #controlbar td,
#spjpb .vBulletin_editor .controlbar td {
	vertical-align: middle;
	border-color: #454c59 !important;
	background: transparent !important;
	color: #f2f5fa !important;
}

#spjpb .vBulletin_editor .imagebutton {
	border: 1px solid #50596a !important;
	border-radius: 6px;
	background: #343b49 !important;
	color: #f7f8fb !important;
	transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

#spjpb .vBulletin_editor .imagebutton:hover,
#spjpb .vBulletin_editor .imagebutton:focus-visible {
	transform: translateY(-1px);
	border-color: #f06a78 !important;
	background: #45404a !important;
}

#spjpb .vBulletin_editor textarea,
#spjpb .vBulletin_editor .editor_textbox {
	min-height: 190px;
	border: 1px solid #596171 !important;
	border-radius: 8px !important;
	background: #171b24 !important;
	color: #f5f7fb !important;
	line-height: 1.65 !important;
}

@media (max-width: 600px) {
	#spjpb table.tborder[id^="post"] div[style*="margin-top: 10px"]:has(img[src$="/edit.gif"]) {
		justify-content: flex-start;
	}

	#spjpb .vBulletin_editor {
		padding: 7px !important;
	}
}

/* Dark equivalents of the white style's custom user-group labels. */
#spjpb .ug_admin,
#spjpb .ug_staff_1 {
	color: #ff929b !important;
	font-weight: 700;
}

#spjpb .ug_staff_2 {
	color: #ffad9d !important;
	font-weight: 700;
}

#spjpb .ug_staff_3 {
	color: #88e3ad !important;
	font-weight: 700;
}

#spjpb .ug_staff_4 {
	color: #a9c2ff !important;
	font-weight: 700;
}

#spjpb .ug_staff_5 {
	color: #89dcff !important;
	font-weight: 700;
}

#spjpb .ug_members {
	color: #215acc !important;
	font-weight: 650;
}

#spjpb .ug_smember {
	color: #d3d9e5 !important;
	font-weight: 650;
}

#spjpb .ug_contributor {
	color: #f1df86 !important;
	font-weight: 700;
}

#spjpb .ug_oop,
#spjpb .ug_spam {
	color: #ffb3a7 !important;
	font-weight: 700;
}

#spjpb .ug_oop {
	text-decoration: line-through;
}

#spjpb .ug_spiders {
	color: #c7cbd4 !important;
	font-style: italic;
}

#spjpb .ug_newmember {
	color: #ffb4d0 !important;
	font-weight: 700;
}

/* Accessible, readable dark-theme versions of the white style's callouts. */
#spjpb .warning-box,
#spjpb .attention-box,
#spjpb .notice-box,
#spjpb .help-box,
#spjpb .information-box,
#spjpb .mod_bb,
#spjpb .warn,
#spjpb .post_infraction,
#spjpb .navbar_notice,
#spjpb .notice,
#spjpb .fb_notice,
#spjpb .success {
	margin: 12px 0;
	padding: 13px 16px;
	border: 1px solid var(--wick-border-strong) !important;
	border-left-width: 4px !important;
	border-radius: 9px;
	background: #171b24 !important;
	color: #e8edf6 !important;
	line-height: 1.6;
}

#spjpb .warning-box,
#spjpb .warn,
#spjpb .post_infraction,
#spjpb .mod_bb {
	border-color: #d87876 !important;
	background: #30191d !important;
	color: #ffe2e4 !important;
}

#spjpb .attention-box,
#spjpb .navbar_notice,
#spjpb .notice,
#spjpb .fb_notice {
	border-color: #c5a94e !important;
	background: #2b2616 !important;
	color: #fff0bf !important;
}

#spjpb .help-box,
#spjpb .success {
	border-color: #66b783 !important;
	background: #17291f !important;
	color: #dcf6e4 !important;
}

#spjpb .notice-box,
#spjpb .information-box {
	border-color: #6a9bd2 !important;
	background: #172437 !important;
	color: #e0edff !important;
}

#spjpb .warning-box h1,
#spjpb .warning-box h2,
#spjpb .warning-box h6,
#spjpb .attention-box h1,
#spjpb .attention-box h2,
#spjpb .attention-box h6,
#spjpb .notice-box h1,
#spjpb .notice-box h2,
#spjpb .notice-box h6,
#spjpb .help-box h1,
#spjpb .help-box h2,
#spjpb .help-box h6,
#spjpb .information-box h1,
#spjpb .information-box h2,
#spjpb .information-box h6,
#spjpb .warning-box p,
#spjpb .attention-box p,
#spjpb .notice-box p,
#spjpb .help-box p,
#spjpb .information-box p {
	margin: 0 0 6px !important;
	padding: 0 !important;
	color: inherit !important;
}

#spjpb .warning-box h2,
#spjpb .attention-box h2,
#spjpb .notice-box h2,
#spjpb .help-box h2,
#spjpb .information-box h2 {
	padding-bottom: 5px !important;
	border-bottom: 1px solid currentColor;
	font-size: 1.05rem;
}

#spjpb .warning-box img,
#spjpb .attention-box img,
#spjpb .notice-box img,
#spjpb .help-box img,
#spjpb .information-box img {
	float: left;
	max-width: 42px;
	height: auto;
	margin: 2px 12px 8px 0;
	border: 0;
}

#spjpb .icon-down,
#spjpb .icon-pass {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	width: auto;
	padding: 5px 11px;
	border: 1px solid #66b783;
	border-radius: 8px;
	background: #17291f;
	color: #dcf6e4 !important;
	font-weight: 700;
	text-align: left;
}

#spjpb .icon-down::before {
	content: "\f019";
	color: #91e0a8;
	font-family: var(--wick-font-icons);
	font-size: 1rem;
	font-style: normal;
	font-weight: 900;
}

#spjpb .icon-pass::before {
	content: "\f00c";
	color: #91e0a8;
	font-family: var(--wick-font-icons);
	font-size: 0.95rem;
	font-style: normal;
	font-weight: 900;
}

/* Replace legacy image-based action buttons with a consistent CSS treatment.
 * The original anchors, URLs, permission checks, and click behavior stay intact;
 * their image alt text remains available to assistive technology. */
#spjpb .page a:has(img[src*="/buttons/newthread"]),
#spjpb .page a:has(img[src*="/buttons/reply.gif"]),
#spjpb .page a:has(img[src*="/buttons/reply.png"]),
#spjpb .page a:has(img[src*="/buttons/reply_40b"]),
#spjpb .page a:has(img[src*="/buttons/reply-30"]),
#spjpb .page a:has(img[src*="/buttons/quickreply"]),
#spjpb .page a:has(img[src*="/buttons/edit.gif"]),
#spjpb .page a:has(img[src*="/buttons/edit_40b"]),
#spjpb .page a:has(img[src*="/buttons/edit-30"]),
#spjpb .page a:has(img[src*="/buttons/quote.gif"]),
#spjpb .page a:has(img[src*="/buttons/quote_40b"]),
#spjpb .page a:has(img[src*="/buttons/multiquote"]),
#spjpb .page a:has(img[src*="/buttons/sendpm"]),
#spjpb .page a:has(img[src*="/buttons/find.gif"]),
#spjpb .page a:has(img[src*="/buttons/report"]),
#spjpb .page a:has(img[src*="/buttons/post_thanks"]),
#spjpb .page a:has(img[src*="/buttons/reputation"]),
#spjpb .page a:has(img[src*="/buttons/ip.gif"]),
#spjpb .page a:has(img[src*="/buttons/subscribe"]),
#spjpb .page a:has(img[src*="/buttons/newposts"]) {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 36px;
	margin: 3px 5px 3px 0;
	padding: 7px 12px !important;
	border: 1px solid rgba(255, 116, 130, 0.58) !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #342027, #21171c) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.06);
	color: #fff !important;
	font: 700 0.82rem/1.2 var(--wick-font-sans) !important;
	text-decoration: none !important;
	vertical-align: middle;
	transition: transform 180ms var(--wick-spring), border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

#spjpb .page a:has(img[src*="/buttons/newthread"])::before,
#spjpb .page a:has(img[src*="/buttons/reply.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/reply.png"])::before,
#spjpb .page a:has(img[src*="/buttons/reply_40b"])::before,
#spjpb .page a:has(img[src*="/buttons/reply-30"])::before,
#spjpb .page a:has(img[src*="/buttons/quickreply"])::before,
#spjpb .page a:has(img[src*="/buttons/edit.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/edit_40b"])::before,
#spjpb .page a:has(img[src*="/buttons/edit-30"])::before,
#spjpb .page a:has(img[src*="/buttons/quote.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/quote_40b"])::before,
#spjpb .page a:has(img[src*="/buttons/multiquote"])::before,
#spjpb .page a:has(img[src*="/buttons/sendpm"])::before,
#spjpb .page a:has(img[src*="/buttons/find.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/report"])::before,
#spjpb .page a:has(img[src*="/buttons/post_thanks"])::before,
#spjpb .page a:has(img[src*="/buttons/reputation"])::before,
#spjpb .page a:has(img[src*="/buttons/ip.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/subscribe"])::before,
#spjpb .page a:has(img[src*="/buttons/newposts"])::before {
	color: #ff9da8;
	font-family: var(--wick-font-icons);
	font-size: 0.92rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-rendering: auto;
	transition: color 180ms ease, transform 180ms var(--wick-spring);
}

#spjpb .page a:has(img[src*="/buttons/newthread"])::before,
#spjpb .page a:has(img[src*="/buttons/edit.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/edit_40b"])::before,
#spjpb .page a:has(img[src*="/buttons/edit-30"])::before { content: "\f044"; }
#spjpb .page a:has(img[src*="/buttons/reply.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/reply.png"])::before,
#spjpb .page a:has(img[src*="/buttons/reply_40b"])::before,
#spjpb .page a:has(img[src*="/buttons/reply-30"])::before { content: "\f3e5"; }
#spjpb .page a:has(img[src*="/buttons/quickreply"])::before { content: "\f075"; }
#spjpb .page a:has(img[src*="/buttons/quote.gif"])::before,
#spjpb .page a:has(img[src*="/buttons/quote_40b"])::before { content: "\f10d"; }
#spjpb .page a:has(img[src*="/buttons/multiquote"])::before { content: "\f086"; }
#spjpb .page a:has(img[src*="/buttons/sendpm"])::before { content: "\f0e0"; }
#spjpb .page a:has(img[src*="/buttons/find.gif"])::before { content: "\f002"; }
#spjpb .page a:has(img[src*="/buttons/report"])::before { content: "\f071"; }
#spjpb .page a:has(img[src*="/buttons/post_thanks"])::before { content: "\f164"; }
#spjpb .page a:has(img[src*="/buttons/reputation"])::before { content: "\f005"; }
#spjpb .page a:has(img[src*="/buttons/ip.gif"])::before { content: "\f3c5"; }
#spjpb .page a:has(img[src*="/buttons/subscribe"])::before { content: "\f02e"; }
#spjpb .page a:has(img[src*="/buttons/newposts"])::before { content: "\f1ea"; }

#spjpb .page a:has(img[src*="/buttons/"]):hover::before,
#spjpb .page a:has(img[src*="/buttons/"]):focus-visible::before {
	color: #fff;
	transform: scale(1.12) rotate(-4deg);
}

#spjpb .page a:has(img[src*="/buttons/newthread"])::after { content: "New Thread"; }
#spjpb .page a:has(img[src*="/buttons/reply.gif"])::after,
#spjpb .page a:has(img[src*="/buttons/reply.png"])::after,
#spjpb .page a:has(img[src*="/buttons/reply_40b"])::after,
#spjpb .page a:has(img[src*="/buttons/reply-30"])::after { content: "Post Reply"; }
#spjpb .page a:has(img[src*="/buttons/quickreply"])::after { content: "Quick Reply"; }
#spjpb .page a:has(img[src*="/buttons/edit.gif"])::after,
#spjpb .page a:has(img[src*="/buttons/edit_40b"])::after,
#spjpb .page a:has(img[src*="/buttons/edit-30"])::after { content: "Edit"; }
#spjpb .page a:has(img[src*="/buttons/quote.gif"])::after,
#spjpb .page a:has(img[src*="/buttons/quote_40b"])::after { content: "Quote"; }
#spjpb .page a:has(img[src*="/buttons/multiquote"])::after { content: "Multi-Quote"; }
#spjpb .page a:has(img[src*="/buttons/sendpm"])::after { content: "Send PM"; }
#spjpb .page a:has(img[src*="/buttons/find.gif"])::after { content: "Find"; }
#spjpb .page a:has(img[src*="/buttons/report"])::after { content: "Report"; }
#spjpb .page a:has(img[src*="/buttons/post_thanks"])::after { content: "Thanks"; }
#spjpb .page a:has(img[src*="/buttons/reputation"])::after { content: "Reputation"; }
#spjpb .page a:has(img[src*="/buttons/ip.gif"])::after { content: "IP"; }
#spjpb .page a:has(img[src*="/buttons/subscribe"])::after { content: "Subscribe"; }
#spjpb .page a:has(img[src*="/buttons/newposts"])::after { content: "New Posts"; }

#spjpb .page a:has(img[src*="/buttons/newthread"]) img,
#spjpb .page a:has(img[src*="/buttons/reply.gif"]) img,
#spjpb .page a:has(img[src*="/buttons/reply.png"]) img,
#spjpb .page a:has(img[src*="/buttons/reply_40b"]) img,
#spjpb .page a:has(img[src*="/buttons/reply-30"]) img,
#spjpb .page a:has(img[src*="/buttons/quickreply"]) img,
#spjpb .page a:has(img[src*="/buttons/edit.gif"]) img,
#spjpb .page a:has(img[src*="/buttons/edit_40b"]) img,
#spjpb .page a:has(img[src*="/buttons/edit-30"]) img,
#spjpb .page a:has(img[src*="/buttons/quote.gif"]) img,
#spjpb .page a:has(img[src*="/buttons/quote_40b"]) img,
#spjpb .page a:has(img[src*="/buttons/multiquote"]) img,
#spjpb .page a:has(img[src*="/buttons/sendpm"]) img,
#spjpb .page a:has(img[src*="/buttons/find.gif"]) img,
#spjpb .page a:has(img[src*="/buttons/report"]) img,
#spjpb .page a:has(img[src*="/buttons/post_thanks"]) img,
#spjpb .page a:has(img[src*="/buttons/reputation"]) img,
#spjpb .page a:has(img[src*="/buttons/ip.gif"]) img,
#spjpb .page a:has(img[src*="/buttons/subscribe"]) img,
#spjpb .page a:has(img[src*="/buttons/newposts"]) img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip-path: inset(50%);
	opacity: 0;
	overflow: hidden;
}

#spjpb .page a:has(img[src*="/buttons/newthread"]):hover,
#spjpb .page a:has(img[src*="/buttons/newthread"]):focus-visible,
#spjpb .page a:has(img[src*="/buttons/reply.gif"]):hover,
#spjpb .page a:has(img[src*="/buttons/reply.png"]):hover,
#spjpb .page a:has(img[src*="/buttons/reply_40b"]):hover,
#spjpb .page a:has(img[src*="/buttons/reply-30"]):hover,
#spjpb .page a:has(img[src*="/buttons/quickreply"]):hover,
#spjpb .page a:has(img[src*="/buttons/edit.gif"]):hover,
#spjpb .page a:has(img[src*="/buttons/edit_40b"]):hover,
#spjpb .page a:has(img[src*="/buttons/edit-30"]):hover,
#spjpb .page a:has(img[src*="/buttons/quote.gif"]):hover,
#spjpb .page a:has(img[src*="/buttons/quote_40b"]):hover,
#spjpb .page a:has(img[src*="/buttons/multiquote"]):hover,
#spjpb .page a:has(img[src*="/buttons/sendpm"]):hover,
#spjpb .page a:has(img[src*="/buttons/find.gif"]):hover,
#spjpb .page a:has(img[src*="/buttons/report"]):hover,
#spjpb .page a:has(img[src*="/buttons/post_thanks"]):hover,
#spjpb .page a:has(img[src*="/buttons/reputation"]):hover,
#spjpb .page a:has(img[src*="/buttons/ip.gif"]):hover,
#spjpb .page a:has(img[src*="/buttons/subscribe"]):hover,
#spjpb .page a:has(img[src*="/buttons/newposts"]):hover {
	transform: translateY(-2px);
	border-color: var(--wick-focus) !important;
	background: linear-gradient(180deg, #5a202d, #351720) !important;
	box-shadow: 0 8px 18px rgba(196, 22, 42, 0.3), inset 0 1px rgba(255, 255, 255, 0.09);
}

#spjpb .page a:has(img[src*="/buttons/newthread"]):active,
#spjpb .page a:has(img[src*="/buttons/reply.gif"]):active,
#spjpb .page a:has(img[src*="/buttons/reply.png"]):active,
#spjpb .page a:has(img[src*="/buttons/reply_40b"]):active,
#spjpb .page a:has(img[src*="/buttons/reply-30"]):active,
#spjpb .page a:has(img[src*="/buttons/quickreply"]):active,
#spjpb .page a:has(img[src*="/buttons/edit.gif"]):active,
#spjpb .page a:has(img[src*="/buttons/edit_40b"]):active,
#spjpb .page a:has(img[src*="/buttons/edit-30"]):active,
#spjpb .page a:has(img[src*="/buttons/quote.gif"]):active,
#spjpb .page a:has(img[src*="/buttons/quote_40b"]):active,
#spjpb .page a:has(img[src*="/buttons/multiquote"]):active,
#spjpb .page a:has(img[src*="/buttons/sendpm"]):active,
#spjpb .page a:has(img[src*="/buttons/find.gif"]):active,
#spjpb .page a:has(img[src*="/buttons/report"]):active,
#spjpb .page a:has(img[src*="/buttons/post_thanks"]):active,
#spjpb .page a:has(img[src*="/buttons/reputation"]):active,
#spjpb .page a:has(img[src*="/buttons/ip.gif"]):active,
#spjpb .page a:has(img[src*="/buttons/subscribe"]):active,
#spjpb .page a:has(img[src*="/buttons/newposts"]):active {
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	#spjpb .page a:has(img[src*="/buttons/newthread"]),
	#spjpb .page a:has(img[src*="/buttons/reply.gif"]),
	#spjpb .page a:has(img[src*="/buttons/reply.png"]),
	#spjpb .page a:has(img[src*="/buttons/reply_40b"]),
	#spjpb .page a:has(img[src*="/buttons/reply-30"]),
	#spjpb .page a:has(img[src*="/buttons/quickreply"]),
	#spjpb .page a:has(img[src*="/buttons/edit.gif"]),
	#spjpb .page a:has(img[src*="/buttons/edit_40b"]),
	#spjpb .page a:has(img[src*="/buttons/edit-30"]),
	#spjpb .page a:has(img[src*="/buttons/quote.gif"]),
	#spjpb .page a:has(img[src*="/buttons/quote_40b"]),
	#spjpb .page a:has(img[src*="/buttons/multiquote"]),
	#spjpb .page a:has(img[src*="/buttons/sendpm"]),
	#spjpb .page a:has(img[src*="/buttons/find.gif"]),
	#spjpb .page a:has(img[src*="/buttons/report"]),
	#spjpb .page a:has(img[src*="/buttons/post_thanks"]),
	#spjpb .page a:has(img[src*="/buttons/reputation"]),
	#spjpb .page a:has(img[src*="/buttons/ip.gif"]),
	#spjpb .page a:has(img[src*="/buttons/subscribe"]),
	#spjpb .page a:has(img[src*="/buttons/newposts"]) {
		transition: none !important;
	}
}

/* Semantic showthread actions. These selectors work without :has(), preserve
 * vBulletin's original URLs/onclick handlers, and cannot relabel sidebar links. */
#spjpb .wick-post-actions {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px !important;
}

#spjpb .wick-post-actions > a.wick-action,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"] {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 36px;
	margin: 0 !important;
	padding: 7px 12px !important;
	border: 1px solid rgba(255, 116, 130, 0.58) !important;
	border-radius: 9px !important;
	background: linear-gradient(180deg, #342027, #21171c) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.06);
	color: #fff !important;
	font: 700 0.82rem/1.2 var(--wick-font-sans) !important;
	text-decoration: none !important;
	vertical-align: middle;
	transition: transform 180ms var(--wick-spring), border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

#spjpb .wick-post-actions > .wick-action-edit::after { content: "Edit"; }
#spjpb .wick-post-actions > .wick-action-forward::after { content: "Forward"; }
#spjpb .wick-post-actions > .wick-action-quote::after { content: "Quote"; }
#spjpb .wick-post-actions > .wick-action-multiquote::after { content: "Multi-Quote"; }
#spjpb .wick-post-actions > .wick-action-quickreply::after { content: "Quick Reply"; }
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]::after { content: "Thanks"; }

#spjpb .wick-post-actions > a.wick-action::before,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]::before {
	color: #ff9da8;
	font-family: var(--wick-font-icons);
	font-size: 0.92rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1;
	text-rendering: auto;
	transition: color 180ms ease, transform 180ms var(--wick-spring);
}

#spjpb .wick-post-actions > .wick-action-edit::before { content: "\f044"; }
#spjpb .wick-post-actions > .wick-action-forward::before { content: "\f064"; }
#spjpb .wick-post-actions > .wick-action-quote::before { content: "\f10d"; }
#spjpb .wick-post-actions > .wick-action-multiquote::before { content: "\f086"; }
#spjpb .wick-post-actions > .wick-action-quickreply::before { content: "\f075"; }
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]::before { content: "\f164"; }

#spjpb .wick-post-actions > a.wick-action:hover::before,
#spjpb .wick-post-actions > a.wick-action:focus-visible::before,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:hover::before,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:focus-visible::before {
	color: #fff;
	transform: scale(1.12) rotate(-4deg);
}

#spjpb .wick-post-actions > a.wick-action img,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"] img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	opacity: 0;
	overflow: hidden;
}

#spjpb .wick-post-actions > a.wick-action:hover,
#spjpb .wick-post-actions > a.wick-action:focus-visible,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:hover,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:focus-visible {
	transform: translateY(-2px);
	border-color: var(--wick-focus) !important;
	background: linear-gradient(180deg, #5a202d, #351720) !important;
	box-shadow: 0 8px 18px rgba(196, 22, 42, 0.3), inset 0 1px rgba(255, 255, 255, 0.09);
}

#spjpb .wick-post-actions > a.wick-action:focus-visible,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:focus-visible {
	outline: 2px solid var(--wick-focus);
	outline-offset: 2px;
}

#spjpb .wick-post-actions > a.wick-action:active,
#spjpb .wick-post-actions > a[id^="post_thanks_button_"]:active {
	transform: translateY(0);
}

/* The Post Thanks plugin intentionally hides this anchor for the author,
 * already-thanked posts, and disallowed states. Do not override that logic. */
#spjpb .wick-post-actions > a[id^="post_thanks_button_"][style*="display:none"],
#spjpb .wick-post-actions > a[id^="post_thanks_button_"][style*="display: none"] {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	#spjpb .wick-post-actions > a.wick-action,
	#spjpb .wick-post-actions > a[id^="post_thanks_button_"] {
		transition: none !important;
	}
}

/* Crisp forum-home statistic artwork. The original 16px GIFs remain in the
 * document for their alt text and links, but are visually replaced by the
 * locally hosted Font Awesome vector font used throughout Style 78. */
#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2,
#spjpb #collapseobj_forumhome_stats > tr > td.alt2,
#spjpb #collapseobj_vietvbb_as > tr > td.alt2,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 {
	width: 76px !important;
	min-width: 76px;
	padding: 14px !important;
	text-align: center !important;
	vertical-align: middle !important;
	background: linear-gradient(145deg, #151519, #0d0d10) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
}

#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a::before,
#spjpb #collapseobj_forumhome_stats > tr > td.alt2::before,
#spjpb #collapseobj_vietvbb_as > tr > td.alt2::before,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 111, 126, 0.42);
	border-radius: 14px;
	background:
		linear-gradient(145deg, rgba(196, 22, 42, 0.28), rgba(58, 18, 26, 0.7)),
		#17171b;
	box-shadow:
		0 9px 20px rgba(0, 0, 0, 0.34),
		0 0 0 4px rgba(196, 22, 42, 0.07),
		inset 0 1px rgba(255, 255, 255, 0.1);
	color: #ff9eaa;
	font: 900 21px/1 var(--wick-font-icons);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	transition: transform 180ms var(--wick-spring), color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a::before {
	content: "\f0c0";
}

#spjpb #collapseobj_forumhome_stats > tr > td.alt2::before {
	content: "\f080";
}

#spjpb #collapseobj_vietvbb_as > tr > td.alt2::before {
	content: "\f0a0";
}

#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a:has(img[src$="/developer.gif"])::before {
	content: "\f7d9";
}

#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a:has(img[src$="/eklenti.gif"])::before {
	content: "\f49e";
}

#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 img,
#spjpb #collapseobj_forumhome_stats > tr > td.alt2 img,
#spjpb #collapseobj_vietvbb_as > tr > td.alt2 img,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	opacity: 0;
	overflow: hidden;
}

#spjpb #collapseobj_forumhome_activeusers > tr:hover > td.alt2 > a::before,
#spjpb #collapseobj_forumhome_stats > tr:hover > td.alt2::before,
#spjpb #collapseobj_vietvbb_as > tr:hover > td.alt2::before,
#spjpb #collapseobj_forumhome_modstats > tr:hover > td.alt2 > a::before,
#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a:focus-visible::before,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a:focus-visible::before {
	transform: translateY(-2px) scale(1.06);
	color: #fff;
	border-color: var(--wick-focus);
	box-shadow:
		0 12px 24px rgba(0, 0, 0, 0.4),
		0 0 20px rgba(220, 75, 90, 0.24),
		inset 0 1px rgba(255, 255, 255, 0.12);
}

#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a:focus-visible,
#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a:focus-visible {
	border-radius: 14px;
	outline: 2px solid var(--wick-focus);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	#spjpb #collapseobj_forumhome_activeusers > tr > td.alt2 > a::before,
	#spjpb #collapseobj_forumhome_stats > tr > td.alt2::before,
	#spjpb #collapseobj_vietvbb_as > tr > td.alt2::before,
	#spjpb #collapseobj_forumhome_modstats > tr > td.alt2 > a::before {
		transition: none !important;
	}
}

/* Modern quoted-post cards. Scope this to the exact bbcode_quote structure so
 * legacy code, HTML, poll, and moderation tables keep their own presentation. */
#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote {
	box-sizing: border-box;
	width: min(100%, 860px) !important;
	max-width: 100%;
	margin: 18px 0 !important;
	border: 1px solid rgba(255, 107, 120, 0.34) !important;
	border-left: 4px solid var(--wick-red) !important;
	border-radius: 11px !important;
	background: #121216 !important;
	box-shadow: 0 12px 27px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.035);
	color: #d8d8dd !important;
	overflow: hidden;
	text-align: left;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote:hover {
	border-color: rgba(255, 120, 134, 0.56) !important;
	border-left-color: var(--wick-accent) !important;
	box-shadow: 0 14px 31px rgba(0, 0, 0, 0.3), 0 0 20px rgba(196, 22, 42, 0.08);
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > h2 {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 9px 14px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 107, 120, 0.28) !important;
	background: linear-gradient(90deg, #551923, #2b151a 72%, #17171a) !important;
	color: #ffb0b8 !important;
	font-family: var(--wick-font-sans) !important;
	font-size: 0.78rem !important;
	font-style: normal !important;
	font-weight: 700 !important;
	letter-spacing: 0.01em;
	line-height: 1.4 !important;
	text-transform: none;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > h2::before {
	content: "\f10d";
	color: #fff;
	font: 900 0.82rem/1 var(--wick-font-icons);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > h2 strong {
	color: #fff !important;
	font-weight: 800;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > div {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 16px 18px 17px !important;
	border: 0 !important;
	background:
		linear-gradient(135deg, rgba(196, 22, 42, 0.08), transparent 48%),
		#121216 !important;
	color: #d8d8dd !important;
	font-family: var(--wick-font-sans) !important;
	font-size: 0.9rem !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	overflow: visible !important;
	overflow-wrap: anywhere;
	white-space: normal !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote a {
	color: #ff9ba6 !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote .bbcode_wrap.bb_quote {
	width: 100% !important;
	margin: 14px 0 2px !important;
	background: #0d0d11 !important;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote .bbcode_wrap.bb_quote > h2 {
	background: linear-gradient(90deg, #372027, #1b1b20) !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote .bbcode_wrap.bb_quote > div {
	background: #0d0d11 !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) {
	width: min(100%, 860px) !important;
	max-width: 100%;
	margin: 18px 0 !important;
	text-align: left;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > .smallfont {
	display: flex;
	align-items: center;
	gap: 8px;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 9px 14px;
	border: 1px solid rgba(255, 107, 120, 0.38);
	border-bottom: 0;
	border-radius: 11px 11px 0 0;
	background: linear-gradient(90deg, #551923, #2b151a 72%, #17171a);
	color: #ffb0b8 !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > .smallfont::before {
	content: "\f10d";
	color: #fff;
	font: 900 0.85rem/1 var(--wick-font-icons);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	table-layout: fixed;
	background: transparent !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2 {
	position: relative;
	padding: 16px 18px 17px 20px !important;
	border: 1px solid rgba(255, 107, 120, 0.32) !important;
	border-left: 4px solid var(--wick-red) !important;
	border-radius: 0 0 11px 11px;
	background:
		linear-gradient(135deg, rgba(196, 22, 42, 0.08), transparent 48%),
		#121216 !important;
	box-shadow: 0 12px 27px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.035);
	color: #d8d8dd !important;
	font-size: 0.9rem;
	line-height: 1.7;
	overflow-wrap: anywhere;
	transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2):hover > table > tbody > tr > td.alt2 {
	border-color: rgba(255, 120, 134, 0.52) !important;
	border-left-color: var(--wick-accent) !important;
	box-shadow: 0 14px 31px rgba(0, 0, 0, 0.3), 0 0 20px rgba(196, 22, 42, 0.07);
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2 > div:first-child:not(:last-child) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin: 0 0 12px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	color: #f6f6f8 !important;
	font-size: 0.78rem;
	font-style: normal !important;
	font-weight: 700;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2 > div[style*="font-style:italic"] {
	color: #d8d8dd !important;
	font-style: normal !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]) {
	display: inline-grid;
	place-items: center;
	width: 25px;
	height: 25px;
	border: 1px solid rgba(255, 126, 140, 0.4);
	border-radius: 7px;
	background: rgba(196, 22, 42, 0.14);
	color: #ff9ba6 !important;
	text-decoration: none !important;
	transition: transform 160ms var(--wick-spring), color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"])::before {
	content: "\f35d";
	font: 900 0.72rem/1 var(--wick-font-icons);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]):hover,
#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]):focus-visible {
	transform: translateY(-1px);
	border-color: var(--wick-focus);
	background: rgba(196, 22, 42, 0.3);
	color: #fff !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]):focus-visible {
	outline: 2px solid var(--wick-focus);
	outline-offset: 2px;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]) > img {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	opacity: 0;
	overflow: hidden;
}

/* Nested quotes remain distinct without becoming progressively brighter. */
#spjpb td[id^="td_post_"] div[id^="post_message_"] td.alt2 div:has(> .smallfont + table > tbody > tr > td.alt2) {
	width: 100% !important;
	margin: 14px 0 4px !important;
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] td.alt2 div:has(> .smallfont + table > tbody > tr > td.alt2) > .smallfont {
	background: linear-gradient(90deg, #372027, #1b1b20);
}

#spjpb td[id^="td_post_"] div[id^="post_message_"] td.alt2 div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2 {
	background: #0d0d11 !important;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

@media (max-width: 720px) {
	#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote {
		width: 100% !important;
		margin: 14px 0 !important;
	}

	#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > h2 {
		padding: 9px 12px !important;
	}

	#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote > div {
		padding: 14px 15px 15px !important;
	}

	#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) {
		width: 100% !important;
		margin: 14px 0 !important;
	}

	#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2 {
		padding: 14px 15px 15px 16px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#spjpb td[id^="td_post_"] div[id^="post_message_"] .bbcode_wrap.bb_quote,
	#spjpb td[id^="td_post_"] div[id^="post_message_"] div:has(> .smallfont + table > tbody > tr > td.alt2) > table > tbody > tr > td.alt2,
	#spjpb td[id^="td_post_"] div[id^="post_message_"] a:has(> img[src$="/viewpost.gif"]) {
		transition: none !important;
	}
}