/* ================================================================================================================= */
/* Fully remove AJAX events */
#ajax_in_progress { display: none !important; }

/* Colors */
:root {
	--t-link: #ecd559;
	--t-dark: #bcb78d;
	--t-lite: #202020;
	--t-red: #8e4622;
	--t-shd: 0 0 5px rgba(21,19,13,.49), 1px 1px 1px rgba(0,0,0,.45);
}

* {
	scrollbar-width: thin;
	scrollbar-color: var(--t-red) rgba(20, 18, 15,0.01);
}

/* Fonts */
@font-face { font-family: 'Lol'; font-style: normal; font-weight: 200; src: url('../fonts/lol_200_n.otf'); }
@font-face { font-family: 'Lol'; font-style: normal; font-weight: 400; src: url('../fonts/lol_400_n.otf'); }
@font-face { font-family: 'Lol'; font-style: italic; font-weight: 400; src: url('../fonts/lol_400_i.otf'); }
@font-face { font-family: 'Lol'; font-style: normal; font-weight: 500; src: url('../fonts/lol_500_n.otf'); }
@font-face { font-family: 'Lol'; font-style: normal; font-weight: 600; src: url('../fonts/lol_600_n.otf'); }
@font-face { font-family: 'Century Gothic'; font-style: normal; font-weight: 200; src: url('../fonts/centurygothic_200_n.ttf'); }
@font-face { font-family: 'Century Gothic'; font-style: normal; font-weight: 600; src: url('../fonts/centurygothic_600_n.ttf'); }
@font-face { font-family: 'Garamond'; font-style: normal; font-weight: 200; src: url('../fonts/garamond_200_n.ttf'); }
@font-face { font-family: 'Garamond'; font-style: normal; font-weight: 600; src: url('../fonts/garamond_600_n.ttf'); }
@font-face { font-family: 'Garamond'; font-style: italic; font-weight: 200; src: url('../fonts/garamond_200_i.ttf'); }
@font-face { font-family: 'Garamond'; font-style: italic; font-weight: 600; src: url('../fonts/garamond_600_i.ttf'); }

body { color: var(--t-lite); }

/* Links colors */
* a {
	border-bottom: 0 none #000;
	color: var(--t-link);
	text-decoration: none !important;
	transition: color 0.3s ease-in-out;
}
* a:hover, * a:focus, * a:active, * a:visited {
	color: var(--t-dark);
}
* a span {
	text-decoration: none !important;
}
a.bbc_link, abbr { border-bottom: 0 none #000; }

/* Selection color */
::selection { background: var(--t-red); color: #fefefe; }

/* TODO: comment this */
a.bbc_link, div#info_center a {
	color: var(--t-red);
}
a.bbc_link:hover, div#info_center a:hover {
	color: var(--t-lite);
}
.windowbg a { /* Message links */
	color: var(--t-red);
}
.windowbg a:hover {
	color: var(--t-lite);
}
div.mark_read { display: none; }
div#info_center.roundframe { overflow: visible; }

/* Input colors */
select, input, .input_like {
	border: 0;
/*	padding: 5px 3px 5px 3px; */
	padding-left: 5px;
	color: #222;
	background: #e6debd;
	box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset;
/*	font-size: 1em; */
}

/* TODO: ALL WRONG
textarea {
  background-clip: padding-box !important;
  box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 15px 0 rgba(199,169,60,.55) !important;
  background: #e5debc !important;
  padding: 10px !important;
  color: #222 !important;
  border: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 2px !important;
}
*/

/* Textarea */
div#quickreply::before {
	content: "";
	display: block;
	height: 10px;
}
div#quickreply .cat_bar {
	margin-top: 0px;
}

/* Textarea controls */
/*
div.sceditor-insertemoticon {
}
*/

div#quickreply_options > div.roundframe {
	padding: 0px;
	border: none;
	background: transparent;
	box-shadow: none;
}

#post_confirm_buttons .smalltext { display: none; }
#post_confirm_buttons .post_button_container { display: flex; gap: 5px; align-items: center; margin-left: auto; flex-wrap: wrap; width: 100%; }
#post_confirm_buttons .post_button_container > .post_symbol_count { font-weight: 600; margin-left: 5px; }
#post_confirm_buttons .post_button_container > .button:first-of-type { margin-left: auto; }

/* Common square background */
.windowbg:not(tr):not(#\9), .windowbg2, #quickreply_options, div.main_container > :not(.cat_bar), #messageindex, div.information, #info_center, .roundframe, p.information, div.post_actions_action,
		.action_recenttopics .tborder, #topic_notification_list, #memberlist table, #recent #unread, #unreadreplies, #attachments, #pmFolder .table_grid, #alerts {
	border: solid;
	border-image-source: url(../images/background/post-border.png);
	border-image-slice: 15;
	border-image-repeat: repeat;
	border-collapse: separate;
	border-width: 15px;
	box-shadow: 0 0 5px 0 rgba(25,21,27,.4);
	background: url(../images/background/post-nw.png) no-repeat top left, url(../images/background/post-ne.png) no-repeat top right, url(../images/background/post-se.png) no-repeat bottom right, url(../images/background/post-sw.png) no-repeat bottom left, url(../images/background/post-w.png) repeat-y left, url(../images/background/post-n.png) repeat-x top, url(../images/background/post-e.png) repeat-y right, url(../images/background/post-s.png) repeat-x bottom, #f4f3e4 url(../images/background/post-c.png);
	background-clip: padding-box;
	padding: 15px 25px;
	position: relative;
}
.windowbg a, .windowbg2 a, #quickreply_options a, div.main_container > :not(.cat_bar) a, #messageindex a, div.information a, #info_center a, .roundframe a, p.information a, #postmodify .roundframe a {
	color: var(--t-red);
}
.windowbg a:hover, .windowbg2 a:hover, #quickreply_options a:hover, div.main_container > :not(.cat_bar) a:hover, #messageindex a:hover, div.information a:hover, #info_center a:hover,
		.roundframe a:hover, p.information a:hover {
	color: var(--t-lite);
}
.keyinfo .postinfo a strong {
	color: inherit;
}
.quickbuttons { /* min-height: 23px; */ display: flex; justify-content: right; float: none; }
.infobox { background: #f4f3e4; font-family: lol; }
div.infobox a { font-weight: 600; color: var(--t-red); }
div.infobox a:hover { color: var(--t-lite); }

.windowbg {
	margin-top: 20px;
	background: #e8e4c4;
}
.windowbg:nth-of-type(2n+1), .bg.odd { background: #e8e4c4; }
.windowbg:nth-of-type(2n), .bg.even  { background: #e8e4c4; }
tr.windowbg:hover { background: #efeacd; }
.action_messageindex .windowbg { overflow: visible; }

/* Common dropdown menu */
.dropmenu li ul, .top_menu, .dropmenu li li:hover, .button, .dropmenu li li:hover > a, .dropmenu li li a:focus, .dropmenu li li a:hover, #top_section, .quickbuttons li ul,
		.quickbuttons li ul li a:hover, .quickbuttons ul li a:focus, .inline_mod_check, .popup_window, #inner_section, .post_options ul, .post_options ul a:hover,
		.post_options ul a:focus, .notify_dropdown a:hover, .notify_dropdown a:focus {
	background: #fff;
	background-image: linear-gradient(#000 0%, #1d1f24 70%);
	color: #939393;
}
.dropmenu li:hover li a, .dropmenu li li a, .post_options ul a { color: var(--t-dark); }
.post_options ul a { font-family: lol; font-weight: 400; }
.popup_content {
	color: #8a8666;
}
.dropmenu a.active, #top_info a.active { background: transparent; }
.top_menu strong { color: var(--t-link); }

/* Header and main content manipulation */
div#inner_section, div#main_content_section {
	padding: 0px 28px 0px; /* 16px; */
	background: none;
}
div#upper_section {
	padding: none;
}
div#inner_wrap {
	display: none;
}

div#inner_section {
	padding: 0px 26px;
}
/*
div#main_content_section {
}
*/

div#main_menu, div#main_menu ul.menu_nav {
	text-align: center;
	height: 36px;
	margin-top: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font: 300 14px/150% lol;

	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
div#main_menu ul.menu_nav {
	background: url(../images/background/mainmenu-c.png) repeat-x top center;
}
div#main_menu ul.menu_nav::before, div#main_menu ul.menu_nav::after {
/*	background: url(../images/background/mainmenu-c.png) repeat-x top center; */
	content: '';
	width: 69px;
	height: 41px;
	display: block;
	position: absolute;
	top: -5px;
}
div#main_menu ul.menu_nav::before {
	left: -69px;
	background: url(../images/background/mainmenu-l.png);
}
div#main_menu ul.menu_nav::after {
	right: -69px;
	background: url(../images/background/mainmenu-r.png);
}
div#main_menu .button_calendar { display: none; }

/*
div#main_menu ul li {
}
*/

.dropmenu a.active {
	color: var(--t-link);
	font-weight: 300;
	border: none;
	background: none;
	text-shadow: none;
}

div#main_menu span.main_icons { display: none; }
div#main_menu span { text-transform: uppercase; }
#poll .main_icons.poll { display: none; }

.dropmenu li a, #top_info > li > a {
	border: 0px;
	color: var(--t-link);
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active, .dropmenu > li:hover > a, .dropmenu > li > a:focus, #top_info > li:hover > a, #top_info > li > a:focus, #top_info > li > a.open {
	background: transparent;
	border: 0px;
/*	color: inherit; */
	color: var(--t-dark);
	cursor: pointer;
	text-decoration: none;
	box-shadow: none;
	text-shadow: none;
}

div#wrapper {
	padding: 5px 18px 62px 18px;
	background: url(../images/background/back-t.png) no-repeat top center, url(../images/background/back-c.png) no-repeat bottom center;
	position: relative;
	width: initial;
	max-width: 1172px;
	border: 0px none;
}

div#wrapper > div {
	position: relative;
}

div#wrapper::before {
/*
	padding: 5px 12px 16px 12px;
	height: 88px;
	background: url(../images/background/back-t.png);
	display: block;
*/
	content: '';
/*	width: calc(100% - 12px); */
	width: 1160px;
	height: calc(100% - 88px - 72px);
	display: block;
	position: absolute;
	left: 6px;
	top: 88px;
	background: url(../images/background/back-b.jpg) no-repeat bottom center, #d8cfb8 url(../images/background/back-r.png) repeat top center;
	pointer-events: none;
}

/* Chains underneath the main content section */
/*
div#content_section {
	transform-style: preserve-3d;
}
div#content_section::before {
	content: '';
	width: 100%;
	height: calc(100% - 160px);
	display: block;
	position: absolute;
	left: 0px;
	top:  0px;
	background: url(../images/background/chains.png) repeat-y top center, url(../images/background/chains.png) repeat-y top center;
	background-position-x: calc(50% - 366px), calc(50% + 362px);
	background-attachment: fixed;
	pointer-events: none;
	transform: translate3d(0px, -0px, -1px);
}
*/

/* Decorative chains for the header */
div#upper_section::before, .boardindex_table div.cat_bar::before, div#info_center::before, div.navigate_section::before, div.pagesection::before, div.post_actions_set::before, div.windowbg::before,
		div.windowbg2_decorated::before, div.cat_bar_decorated::before, #topic_notification_list:before {
	content: "";
	display: block;
	background: url(../images/background/chains.png) repeat-y top center, url(../images/background/chains.png) repeat-y top center;
	background-position-x: calc(50% - 363px), calc(50% + 363px);
	width: 100%;
	position: absolute;
	left: 0px;
	pointer-events: none;

	height: 22px;
	top: -36px;
}
div.windowbg2_decorated {
	margin-top: 20px;
}

div#upper_section::before {
	background-position-y: 35px;
	height: 285px;
	top: -5px;
}
.boardindex_table div.cat_bar::before, div.cat_bar_decorated::before {
	height: 35px;
	top: -35px;
}
/*
div#info_center::before {
}
*/
div.navigate_section::before {
	height: 23px;
	top: -24px;
}
div.pagesection::before {
	height: 23px;
	top: -24px;
}
div.post_actions_set::before {
	height: 23px;
	top: -22px;
}
#topic_notification_list:before {
	height: 32px;
	top: -31px;
}
#poll .windowbg::before { display: none; }
/*
div.windowbg::before, div.windowbg2::before {
}
*/


html {
	background: linear-gradient(to right, rgba(13,12,14,0.5) 1%,rgba(13,12,14,0.5) 25%,rgba(13,12,14,0) 50%,rgba(13,12,14,0.5) 79%,rgba(13,12,14,0.5) 98%), #221c27 url(../images/background/far.jpg) repeat fixed top left;
}
body {
	background: none;
}

/* Top section */
#top_section {
	background: #00000040;
	border-color: var(--t-red);
}

/* Header */
div#header {
	display: none;
}

/* Footer */
#main_content_section > br.clear { display: none; }
div#footer {
	background: none;
	border: none;
	margin-top: 3px;
}
#footer li, #footer p, #footer a {
	color: var(--t-dark);
}

/* Category caption */
div.cat_bar {
	background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.15) 100%), url('../images/background/cat-bar-l.png') no-repeat top left, url('../images/background/cat-bar-r.png') no-repeat top right, url('../images/background/cat-bar-c.jpg');
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-image: url('../images/background/cat-bar-b.png') 1 round;
	height: 35px;
	box-shadow: 0 0 5px 0 rgba(25,21,27,.45);
	width: auto;
	padding: 0;
	text-align: center;
	position: relative;
	margin-top: 33px;
}

div.cat_bar > h3 {
	color: rgba(197,169,99,0.85);
	background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
	background-clip: border-box;
	background-clip: text;
	font: 300 19px lol;
	padding: 7px 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4), 0 0 20px rgba(244,196,91,.2);
	letter-spacing: 2px;
	position: relative;
	text-transform: uppercase;
	overflow: visible;

	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

h3.catbg, h3.catbg a, h3.catbg a:hover {
	color: inherit;
}

div.cat_bar > h3::before, div.cat_bar > h3::after {
	content: "";
	display: block;
	background: url('../images/background/cat-bar-e.png');
	background-position-x: 0%;
	background-position-x: -46px;
	width: 46px;
	height: 53px;
	position: absolute;
	top: -9px;
	left: -11px;
	z-index: 1; /* To display above the menus */
}
div.cat_bar > h3::after {
	background-position-x: 0px;
	left: initial;
	right: -11px;
}

div.cat_bar::after {
	content: "";
	position: absolute;
	display: block;
	background: url('../images/background/cat-bar-u.png');
	width: 91px;
	height: 28px;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

/* Categories arrows */
div.cat_bar .toggle_up, div.cat_bar .toggle_down {
	position: absolute;
	right: 4px;
	height: 100%;
	z-index: 2; /* To display above the ::after category beautifier */
}
.toggle_up::before, .toggle_down::before {
	background: #000000aa url(../images/icons/toggle.png) no-repeat 0 0 / 17px;
	border-color: var(--t-dark);
}
.toggle_down::before {
	background-position: 0 -17px;
}
.toggle_up:hover::before, .toggle_down:hover::before {
	background-color: #404040aa;
}

/* Profile fields order */
div.poster li.membergroup  { order:  0; }
div.poster li.avatar       { order: 10; }
div.poster li.passport     { order: 20; }
div.poster li.cust_cdesc   { order: 30; }
div.poster li.custom.panel { order: 40; }
div.poster li.profile      { order: 70; }
div.poster li.im_icons     { order: 80; }
div.poster li.poster_ip    { order: 90; }

/* Profile fields */
li.custom.panel { margin-top: 0px; }
.panel_likes:not(#\9), .panel_posts:not(#\9), .panel_balance:not(#\9) { /* Likes-Messages-Balance triplet */
	border: 0;
	font: normal 10px lol;
	height: 28px;
	width: 62px;
	padding: 0px 0px;
	background: #191718;
	margin: auto 0px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 2px;
	border-image: url('../images/background/profile-panel-b.png') 2 round;
	box-shadow: 0 0 10px 0 rgba(205,202,164,.26) inset;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;

	color: var(--t-dark);
}

.panel_likes::before {
	content: url('../images/icons/profile_likes.png');
	margin-right: 3px;
}
.panel_posts::before {
	content: url('../images/icons/profile_posts.png');
	margin-right: 3px;
}
.panel_balance::before {
	content: url('../images/icons/profile_crystals.png');
	margin-right: 3px;
}

.panel_likes:not(#\9):hover, .panel_posts:not(#\9):hover, .panel_balance:not(#\9):hover {
	font-weight: 600;
}

div.poster li.passport, div.poster li.cust_cdesc { /* Passport link and character description */
	background: url('../images/background/poster-b.jpg');
	width: 228px;
	padding: 1px 10px;
	box-sizing: border-box;
	margin-left: -10px;
	margin-top:    0px;
	line-height: 140%;
}
div.poster li.passport { margin-top: 7px; }
div.poster li.passport a       { color: var(--t-link); }
div.poster li.passport a:hover { color: var(--t-dark); }
div.poster li.passport::before, div.poster li.custom.panel::before {
	content: '';
	display: block;
	width: 228px;
	height: 19px;
	transform: translateX(-10px);
}
div.poster li.passport::before  { background: url('../images/background/poster-ud.jpg') no-repeat 0 top; padding: 0; }
div.poster li.custom.panel::before { background: url('../images/background/poster-ud.jpg') no-repeat -228px bottom; margin-bottom: 10px; transform: translateX(-10px); }

div.poster li.passport {
  display: block;
  text-transform: uppercase;
  font: normal 13px lol;
}
div.poster li.passport div.passport_href {
  color: var(--t-link);
}
div.poster li.custom.cust_cdesc { padding-top: 3px; }

/* Other fields and beautifiers */
div.poster li.profile, div.poster li.im_icons, div.poster li.membergroup, div.poster li.poster_ip, span.profile_hd.icon { display: none; }
div.poster li.poster_ip a { color: var(--t-link); }

/* A cool thing above the avatar */
div.poster::before {
	content: '';
	background: url('../images/background/poster-u.png');
	width: 88px;
	height: 45px;
	display: block;
	position: absolute;
	top: -33px;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
}

/* Title bars */
.title_bar {
	border: 0px;
	border-top: 2px solid var(--t-red);
	border-bottom: 2px solid var(--t-red);
	background: transparent;
	color: var(--t-dark);
	border-radius: 2px 2px 0 0;
	margin: 5px 0 0 0;
}

/* Boards themselves */
div.main_container > :not(.cat_bar) {
	margin-top: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div.up_contain {
	box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 15px 0 rgba(199,169,60,.55);
	background: #e8e4c4;
	width: 490px;
	padding: 0px 0px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	
	font-family: lol;
	margin: 10px 0;
	position: relative;
	text-align: justify;
	overflow: visible;
}

/* Boards table */
div.boardindex_table > div.up_contain { width: 100%; flex-direction: row; }
div.boardindex_table > div.up_contain > div.board_icon { display: none; }

div#boardindex_table div.board_stats { display: none; }
#boardindex_table div.info, #boardindex_table .lastpost { width: 100%; }

#boardindex_table div.info {
	padding: 0px;
	flex-grow: 0;
}

#boardindex_table div.info .subject::after, #boardindex_table div.lastpost::before {
	content: "";

	width: calc(100% + 3px);
	border: 0px solid rgba(182,159,101,.34);
	display: block;
	position: relative;
	left: -2px;
	height: 11px;
}
#boardindex_table div.info .subject::after {
	border-bottom-width: 1px;
}
#boardindex_table div.lastpost::before {
	border-top-width: 1px;
}

#boardindex_table div.info .subject {
	font-style: normal;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: 1px;
	display: block;
	padding-top: 12px;
	text-align: center;

	background: #e1dcb9;
	margin: 4px 4px 0px 4px;
	width: calc(100% - 8px);
}

#boardindex_table div.board_description {
	margin: 0px 3px;
	padding: 10px 13px;
/*	color: var(--t-lite); */
}
#boardindex_table p.moderators, span.board_moderators {
	display: none;
}

#boardindex_table div.info {
	margin-bottom: 61px;
}
#boardindex_table div.lastpost {
	text-transform: uppercase;
	position: absolute;
	bottom: 7px;
	height: 57px;

	background: #e1dcb9;
	margin: 0px 4px -3px 4px;
	width: calc(100% - 8px);
	padding-top: 0px;
}
#boardindex_table div.lastpost p {
	padding-left: 54px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
#boardindex_table div.lastpost a {
	font-weight: 600;
	color: var(--t-red);
}

#boardindex_table div.lastpost a:hover {
	color: var(--t-lite);
}

div.lastpost img.avatar {
	position: absolute;
	object-fit: cover;
	width: 30px;
	height: 30px;
	left: 13px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid #baa374;
	box-shadow: 0 0 15px 0 rgba(199,169,60,.45);
}
#messageindex div.lastpost img.avatar {
	position: static;
	transform: translateY(0);
	float: left;
	margin-right: 7px;
	margin-top: 4px;
}

/* Statistics */
div#info_center {
	font-family: lol;
}
#upshrink_stats p.inline {
	font-size: 1.0em;
}

/* Links inside the board description should be turned into the proper list */
#boardindex_table div.board_description > ul.bbc_list {
	text-align: initial;
	padding: initial;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 15px;
}
#boardindex_table div.board_description > ul.bbc_list > li {
	flex: 1 1 auto;
	display: block;
	background: rgba(202,190,142,.22);
	border: 1px solid rgba(182,159,101,.34) !important;
	text-align: center;
	font: 400 11px lol;
	transition: all .6s ease-in-out 0s !important;
	min-width: 50px;
	display: block;
}
#boardindex_table div.board_description > ul.bbc_list > li:hover {
	background: rgba(202,190,142,.62);
	border: 1px solid rgba(182,159,101,.74) !important;
}
#boardindex_table div.board_description > ul.bbc_list > li > a {
	width: 100%;
	padding: 5px 10px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 0px;
}

.boardindex_table .up_contain {
	flex-direction: column;
}
.boardindex_table .children { display: none; }

/*
#boardindex_table div.up_contain::before {
	content: '';
	width: 530px;
	height: 20px;
	background: white;
	left: -20px;
	top: 0px;
	
	position: absolute;
}
*/

/*
#boardindex_table div.info > a.subject::before {
	content: '';
	width: 100%;
	height: 20px;
	position: absolute;
	
	background: #fff;
}
*/

/* Buttons control */
.button:not(#\9), .quickbuttons > li > a, .inline_mod_check {
	background: linear-gradient(to bottom, rgba(255,255,255,0.13) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.13) 100%), #a9552a;
	box-shadow: 0 0 0 1px #e2cf74 inset, 0 0 5px 0 rgba(199,169,60,.55);
	border: 1px solid #874320;
	color: #e6deb9;
	text-shadow: var(--t-shd);
	font-family: lol;
	font-size: 12.5px;
	font-weight: 400;
	padding: 0px 15px;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	vertical-align: middle;
	text-transform: uppercase;
	line-height: unset;
	min-height: unset;
	display: inline-flex; align-items: center;
}
div.under_message .quickbuttons > li,     div.windowbg .quickbuttons > li,     #alerts .quickbuttons > li { background: transparent; border: 0px; box-shadow: none; }
div.under_message .quickbuttons > li > a, div.windowbg .quickbuttons > li > a, #alerts .quickbuttons > li > a, div#moderationbuttons a, div.mark_read a {
	/* Buttons under the post should look like a normal hyperlink */
	background: transparent;
	box-shadow: initial;
	border: initial;
	color: var(--t-red);
	text-shadow: initial;
/*	font-family: lol; */
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	vertical-align: middle;
	text-transform: initial;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 1em;
	padding-right: 0px;
}
div#moderationbuttons a {
	padding: 1px 10px;
}
div.under_message span.main_icons, div.windowbg span.main_icons, #alerts span.main_icons {
	display: none;
}
#search_form > input.button {
	height: calc(2em - 1px);
}
.inline_mod_check { cursor: initial; }

div.signature { padding-top: 0px; border-top: 0px; box-shadow: none; }
div.signature::before { content: ""; border-top: 1px solid #4f4736; display: block; margin: 5px auto; width: 250px; opacity: 0.7; }

/* ??? */
.postarea     { margin: 20px 0 0 258px; }
.moderatorbar { margin:  0px 0 0 258px; }
.messageicon { display: none; }
.keyinfo {
	position: absolute;
	width: 100%;
	left: 0px;
	padding: 6px 20px 0px 20px;
	top: 0px;
	background: rgba(202,190,142,.32);
	border-bottom: 1px solid rgba(182,159,101,.34);
}
.page_number { padding: 0px; }
.inner { border-top: none; box-shadow: none; text-align: justify; color: var(--t-lite); font-family: 'Verdana', sans-serif; font-size: 0.9em; line-height: 18px; }
.keyinfo .postinfo a.smalltext { font: 400 13px lol; }
.keyinfo .postinfo .award_text > span { margin-right: 7px; border-bottom: 0.1em dotted; }

/* Hide the poster whenever requested */
.hide_poster div.poster { display: none; }
.hide_poster div.postarea { margin-left: 0px; }
.hide_poster div.signature { display: none; }

/* Miscellaneous tags */
span.indent { display: inline-block; margin: 0em 1.1em; }

/* Quote and spoiler */
blockquote, .bbc_standard_quote, .bbc_spoiler, .bbc_code {
	padding: 15px;
	position: relative;
	box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 15px 0 rgba(199,169,60,.55);
	background: #e5debc;
	border-radius: 2px;
	border: medium none;
	margin: 0.4em 0em 0.8em;
	font-size: 1em;
}
.bbc_alternate_quote { background: #e5debc; }
blockquote, .bbc_standard_quote { overflow: auto; }

.bbc_spoiler, .bbc_code {
	background-clip: padding-box;
	padding: 10px;
	position: relative;
}
.bbc_spoiler summary { margin: 0px; display: block; position: relative; padding-left: 18px; white-space: initial; }
.bbc_spoiler summary::before { content: ''; position: absolute; left: 0px; height: 9px; width: 9px; line-height: 9px; top: 50%; transform: translateY(-50%);
		overflow: hidden; background: url('../images/icons/plus-minus.png'); background-position-x: 0px; }
.bbc_spoiler[open] summary::before { background-position-x: 9px; }
.bbc_spoiler summary > br:nth-child(1) { display: none; }
.bbc_spoiler .spoiler_content {
	background: transparent;
	box-shadow: none;
	padding: 10px 0 0 0;
	line-height: inherit;
}

.codeheader { display: flex; gap: 10px; justify-content: center; }
.codeheader > span.code { display: none; }

/* User blocks */
div.block_hvmask { display: none; }
div.block_lore_nav { padding: 0; margin: 0; margin-bottom: 5px; font: 600 12px lol; display: flex; justify-content: center; flex-wrap: wrap; gap: 5px; }
div.block_lore_nav a { background: rgba(202,190,142,.22); border: 1px solid rgba(182,159,101,.34); flex: 1 1 auto; text-align: center; text-transform: uppercase; padding: 5px 10px;
	transition: all .6s ease-in-out 0s !important; min-width: 121px; }
div.block_lore_nav a:hover { background: rgba(202,190,142,.62); border: 1px solid rgba(182,159,101,.74); }
div.block_lore_nav > br { display: none }

/* Table - all tables in posts have fixed layout and 100% width */
table.bbc_table {
	table-layout: fixed;
	width: 100%;
}
table.bbc_table td {
	border: 1px solid none;
	padding: 0.4em 0.5em;
}

/* Iframe (safehtml) */
iframe.safehtml {
	width: 100%;
	border: 0px;
	height: 20px; /* Will be rewritten soon by the script, default height is 150px */
}
html.in_iframe { color: transparent; background: none; }

/* Left column with the avatar */
div.poster {
	background: url('../images/background/poster-name.jpg') no-repeat top left, linear-gradient(to bottom, rgba(0,0,0,0.05) 0%,rgba(255,255,255,0.02) 100%), url('../images/background/poster-grad.png') no-repeat bottom left, url('../images/background/poster-bg.jpg');
	margin-top: 15px;
	width: 234px;
	position: relative;
	overflow: visible;
	border-style: solid;
	border-width: 3px;
	border-image: url('../images/background/poster-border.png') round 3;
	box-shadow: 0 0 15px 0 rgba(199,169,60,.65);
	text-align: center;

	font-size: 13px;
	line-height: 11px;
	text-align: center;
	color: var(--t-dark);
	font-family: lol;
	padding: 10px;
	text-shadow: var(--t-shd);
}

div.poster h4 {
	font-family: lol !important;
	font-size: 15px !important;
	letter-spacing: 0;
	font-weight: normal !important;
	padding: 0px;
	height: 38px;
	margin: auto -9px;
	margin-top: auto;
	margin-bottom: auto;
	margin-top: 2px;
	margin-bottom: 20px;
	transition: all .3s linear 0s;
	text-transform: uppercase;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.poster h4, .poster h4 a, .poster li:hover h4 a, .poster h4 a:hover .poster li h4 a, .poster h4 a:focus {
	/* color: rgba(223,178,100,0.8); */
	color: rgba(225,206,87,0.82); /* background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
	background-clip: border-box; background-clip: text; */ background: transparent; text-shadow: 1px 1px 1px rgba(0,0,0,.3), 0 0 10px rgba(170,156,89,.39);
	/*
	-webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  -o-background-clip: text !important;
  */
}
.poster h4:hover, .poster h4 a:hover, .poster li:hover h4 a, .poster h4 a:hover .poster li h4 a, .poster h4 a:focus { 
	color: rgba(225,225,225,0.8); text-shadow: 1px 1px 1px rgba(0,0,0,.5), 0 0 10px rgba(194,172,84,.6);
}
.poster h4 a { width: 100%; padding: 0px 5px; line-height: 16px; }
.poster h4 a[href*=pm], .poster h4 > span { position: absolute; top: -45px; }
.poster h4 a span,    .poster h4 > span    { border: none; background: url('../images/background/poster-offline.png'); width: 88px; height: 45px; }
.poster h4 a span.on, .poster h4 > span.on { background: url('../images/background/poster-online.png'); }

div.poster h4::before, div.poster h4::after {
	content: "";
	display: block;
	background: url('../images/background/poster-e.png');
	background-position-x: 0px;
	width: 37px;
	height: 45px;
	position: absolute;
	top: -7px;
}
div.poster h4::before {
	background-position-x: -37px;
	left: -11px;
}
div.poster h4::after {
	right: -11px;
}

/* Set up the poster avatar order */
div.poster ul {
	display: flex;
	flex-direction: column;
}

li.blurb  { order: -2; }
li.avatar { order: -1; }
li.icons  { display: none; }
li.postgroup { display: none; }
li.warning { order: 15; }
li.warning > span { color: var(--t-dark); }

/* Short character text on top of the avatar */
li.blurb {
	text-align: center;
	height: auto;
	font-size: 11px;
	padding: 4px 5px;
	padding: 7px 5px;
	letter-spacing: 2px;
	text-transform: lowercase;
	margin: auto 0px;
	font-weight: 300;
	margin: 0 -10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-top: -16px;
	margin-bottom: 13px;
	font-family: lol;
	background: rgba(32,32,32,.35);
	border-bottom: 1px solid rgba(255,255,255,.05);
}

/* Avatar itself with the proper border */
li.avatar img.avatar, div#passport_image img {
	/* Border */
	border: 9px solid transparent;
	border-image: url('../images/background/avatar-b.png') 9 round;
	box-sizing: content-box;
	filter: drop-shadow(0 0px 10px rgb(41, 35, 37));
	
	/* Force the exact avatar size */
	min-width:  185px;
	min-height: 250px;
	max-width:  185px;
	max-height: 250px;
	object-fit: cover;
}

/* Yandex.music */
div.yandexmusic_container { max-width: 100%; }
div.yandexmusic_container_track { height: 210px; }
div.yandexmusic_container > div { height: 100%; }

/* Hide the post information */
div#display_head { display: none; }
.action_messageindex div#display_head { border: 0px; margin: 0px; height: fit-content; min-height: 34px; display: flex; align-items: center; padding: 0px 15px;
	background: url(../images/background/post-nw.png) no-repeat top left, url(../images/background/post-ne.png) no-repeat top right, url(../images/background/post-se.png) no-repeat bottom right,
			url(../images/background/post-sw.png) no-repeat bottom left, url(../images/background/post-w.png) repeat-y left, url(../images/background/post-n.png) repeat-x top,
			url(../images/background/post-e.png) repeat-y right, url(../images/background/post-s.png) repeat-x bottom, #f4f3e4 url(../images/background/post-c.png);
}
div#display_head > p { color: var(--t-lite); }
div#display_head > p:nth-child(2), div#display_head > h2, div#display_head > span, div#display_head > ul { display: none; }

/* Navigation section, crumbs and other similar things */
div.navigate_section {
	float: initial;
	margin-top: 22px;
	padding-top: 0px;
	background: url('../images/background/navigate-u.png') no-repeat calc(100% + 26px) top, url('../images/background/navigate-u.png') no-repeat calc(0% - 26px) top, linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.15) 100%), url('../images/background/navigate-l.png') no-repeat top left, url('../images/background/navigate-r.png') no-repeat top right, url('../images/background/navigate-c.jpg');
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-image: url('../images/background/navigate-b.png') 1 round;
	height: 34px;
	box-shadow: 0 0 5px 0 rgba(25,21,27,.45);
	position: relative;
	line-height: 31px;
	letter-spacing: .1em;
	overflow: visible;
	font-family: lol;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: 500;
}
div.navigate_section ul, .popup_content, .up_contain {
	background: transparent;
 	background-image: none;
	border: none;
	box-shadow: none;
	font-size: 1.1em;
	margin-top: 0px;
}
div.navigate_section ul li {
	line-height: 1.1em;
	color: var(--t-dark);
	text-shadow: none; /* 1px 1px 0 #fff; */
	display: inline-block;
	float: none;
}
div.navigate_section ul li span {
	margin-top: 0px;
}
.navigate_section ul li .dividers {
	color: var(--t-dark); /* #3f6b8c; */
	font-size: initial; /* Arial, sans-serif; */
	/* font: 83.33%/150% Arial, sans-serif; */
	/* padding: 0 2px 0 6px; */
	padding: 0px;
	/* font-size: 1.0em; */
	visibility: collapse;
	position: relative;
	max-width: 0.6em;
	opacity: 0.5;
}
.navigate_section ul li .dividers::after {
	content: '»';
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
}
.navigate_section ul li:not(.last) a {
	color: var(--t-link);
}
.navigate_section ul li.last a {
	color: var(--t-dark);
}
.navigate_section span.board_moderators { display: none; }

div.navigate_section ul { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; height: 100%; }
div.navigate_section ul li { display: block; padding-bottom: 0px; }
div.navigate_section ul li a { padding: 0px; margin-top: 0px; }
div.navigate_section ul li span.dividers, div.navigate_section ul li span.dividers::after { line-height: 12px; transform: translateY(-1px); padding-left: 2px; }
div.navigate_section ul li span:not(.dividers) { max-width: 40vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
div.navigate_section ul li span strong { color: inherit; margin-left: 3px; }

/* Page section with page numbers and links */
div.pagesection {
	position: relative;
	width: auto;
	font-size: 11px;
	font-family: lol;
	font-weight: 300;
	background: linear-gradient(to right, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.15) 100%), url('../images/background/cat-bar-l.png') no-repeat top left, url('../images/background/cat-bar-r.png') no-repeat top right, url('../images/background/cat-bar-c.jpg') top center;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-image: url('../images/background/navigate-b.png') 1 round;
	height: 34px;
	box-shadow: 0 0 5px 0 rgba(25,21,27,.45);
/*  display: flex; */
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
	padding: 0 20px;
	letter-spacing: .09em;
	margin-top: 22px;
	position: relative;
	overflow: initial;
}
#main_content_section .pagesection, #main_content_section .navigate_section {
	margin-top: 22px;
}

div.pagesection div.floatleft::before, div.pagesection div.floatleft::after {
	content: "";
	display: block;
	background: url('../images/background/cat-bar-e.png');
	background-position-x: -46px;
	width: 46px;
	height: 53px;
	position: absolute;
	top: -10px;
	left: -8px;
	pointer-events: none;
}

div.pagesection div.floatleft::after {
	background-position-x: 0px;
	left: initial;
	right: -8px;
}

div.pagesection a.button:not(#\9), div.additional_row .button:not(#\9), #pmFolder .pagesection .button {
	background: none;
	box-shadow: none;
	border: initial;
	color: var(--t-link);
	text-shadow: var(--t-shd);
	font-family: lol;
	font-size: 1.1em;
	font-weight: 300;
	padding: 0px 6px;
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	vertical-align: middle;
	text-transform: uppercase;
	line-height: unset;
	min-height: unset;
}
div.additional_row .button:not(#\9) { font-size: 1em; }

div.pagesection .pages {
	color: var(--t-dark);
	text-shadow: var(--t-shd);
}

div.pagesection div.dropmenu {
	left: 60% !important;
	top: 3em !important;
}

div.pagesection strong {
	color: var(--t-dark);
}
div.pagesection span, div.pagesection a.nav_page {
	vertical-align: middle;
	font-size: 1.1em;
	font-family: lol;
}
div.pagesection span.current_page, div.pagesection a.nav_page {
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(0,0,0,.1);
	padding: 0 5px;
}
div.pagesection span.current_page::before, div.pagesection span.current_page::after { content: '' }
div.pagesection span.current_page { background: linear-gradient(to bottom, rgba(255,255,255,0.13) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.13) 100%), #a9552a;
	border: 1px solid #b85725 !important; color: rgba(255,255,255,.8); padding: 0 4px; font-weight: 400; }

.main_icons.previous_page,         .main_icons.next_page { vertical-align: initial; }
.main_icons.previous_page::before, .main_icons.next_page::before { display: none; }
.main_icons.previous_page::after { content: "«"; }
.main_icons.next_page::after     { content: "»"; }

/* Post actions (such as dice rolls) */
div.post_actions_set { display: flex;  flex-direction: column; align-items: stretch; position: relative; margin-top: 22px; gap: 2px; }
div.post_actions_action:not(#\9) {
	border-image-source: url(../images/actions/action_bg.png);
	font-family: lol;
}
div.post_actions_name {
	position: absolute;
	left: 0; right: 0; top: 0;
	margin: 0px auto;
	transform: translateY(-100%);
	box-sizing: border-box;
	
	/* Auto layout */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5px 25px 8px 45px;
	gap: 10px;
	
	width: fit-content;
	height: 31px;
	
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(0, 0, 0, 0.02) 100%), url(../images/actions/name_bg.png);
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #4F474C;
	box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.33);
	border-radius: 10px 10px 0px 0px;
	
	/* Inside auto layout */
	flex: none;
	order: 1;
	flex-grow: 0;
	z-index: 0;
}
div.post_actions_name::before {
	content: "";
	display: block; width: 48.75px; height: 48.75px;
	position: absolute;
	left: 0%;
	right: 18.75%;
	top: 21.71%;
	bottom: -2.95%;

	background: url(../images/actions/dice.png);
	background-size: cover;
	filter: drop-shadow(4px 4px 5px rgba(0, 0, 0, 0.1));
	transform: rotate(-15.5deg);
}
div.post_actions_name > * { color: #BCB78D; }
div.post_actions_name > * a { color: #DFB264; font-weight: 600; }

div.post_action_fields {
	display: flex;
	flex-direction: row;
	flex-flow: row wrap;
	align-items: flex-start;
	padding: 0px;
	gap: 2px;

	width: 100%;
	/* height: 74px; */
	margin-top: 10px;

	border-radius: 10px;
}
div.post_action_field {
	/* Auto layout */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 10px 15px;
	gap: 5px;
	
	width: 0px;
	min-width: fit-content;
	
	/* table cover */
	background: rgba(190, 174, 125, 0.15);
	border-radius: 10px;
	
	/* Inside auto layout */
	flex: none;
	order: 0;
	align-self: stretch;
	flex-grow: 0;
}
div.post_action_sub_caption, div.dice_selector_entry_label {
	text-transform: uppercase;
}
div.post_action_sub_text {
	font-weight: 600;
}

div.post_action_field_penalty .post_action_sub_text { color: #D00; } /* Penalty text is red */

span.post_action_dice_result_critfailure, span.manual_symbol_cf { color: #DD0000; }
span.post_action_dice_result_failure,     span.manual_symbol_f  { color: #AA0000; }
span.post_action_dice_result_mixed                              { color: #707000; }
span.post_action_dice_result_success,     span.manual_symbol_s  { color: #205020; }
span.post_action_dice_result_critsuccess, span.manual_symbol_cs { color: #209020; }

/* span.post_action_dice_roll               { color: #209020; } */
span.post_action_dice_bonus              { color: #872090; }
span.post_action_dice_dc                 { color: #902020; }

div.post_action_below { margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; }
a.post_actions_copy_button {
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 5px 15px;
	gap: 5px;
	
/*	position: absolute; */
	width: fit-content;
	height: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	
	/* link */
	border: 1px solid #8E4622;
	border-radius: 10px;

	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;

	/* link */
	color: #8E4622;
}
a.post_actions_copy_button:hover {
	border: 1px solid #CFC295;
	color: #474447;
}
a.post_actions_copy_button::before { content: url('../images/actions/icon_url.svg'); width: 12px; height: 12px; margin-bottom: 3px; }
a.post_actions_copy_button:hover::before { filter: grayscale(100%); }
a.post_actions_copy_button.href_copied::before { content: url('../images/actions/icon_tick.svg'); }
div.post_action_below_date { margin-left: auto; font-weight: 600; }

@keyframes post_actions_action_selected_keyframes {
	0%   { transform: scale(1.00); }
	25%  { transform: scale(1.02); }
	50%  { transform: scale(1.00); }
	75%  { transform: scale(1.01); }
	100% { transform: scale(1.00); }
}
div.post_actions_action_selected {
	animation: post_actions_action_selected_keyframes 0.5s normal forwards ease-in-out;
	animation-iteration-count: 1;
}

/* Different flex widths */
div.post_action_field { flex-grow: 1; } /* Fail-safe */
div.post_actions_SimpleRoll  .post_action_field_dice                                    { flex-grow: 2; }
div.post_actions_SimpleRoll  .post_action_field_comment                                 { flex-grow: 1; }
div.post_actions_SimpleRoll  .post_action_field_result                                  { flex-grow: 1; }

div.post_actions_LegacySkill .post_action_field_skill                                   { flex-grow: 5; }
div.post_actions_LegacySkill .post_action_field_level                                   { flex-grow: 3; }
div.post_actions_LegacySkill .post_action_field_artifact                                { flex-grow: 3; }
div.post_actions_LegacySkill .post_action_field_bonus                                   { flex-grow: 3; }
div.post_actions_LegacySkill .post_action_field_penalty                                 { flex-grow: 3; }
div.post_actions_LegacySkill .post_action_field_result                                  { flex-grow: 3; }
/* Comment is always last there */

div.post_actions_Skill .post_action_field_skill           { flex-grow: 4; }
div.post_actions_Skill .post_action_field_character_level { flex-grow: 4; }
div.post_actions_Skill .post_action_field_level           { flex-grow: 4; }
div.post_actions_Skill .post_action_field_artifact        { flex-grow: 3; }
div.post_actions_Skill .post_action_field_stat            { flex-grow: 4; }
div.post_actions_Skill .post_action_field_bonus           { flex-grow: 2; }
div.post_actions_Skill .post_action_field_variant         { flex-grow: 4; order: 2; }
div.post_actions_Skill .post_action_field_result          { flex-grow: 15; order: 2; }
div.post_actions_Skill .post_action_fields::before { content: ''; width: 100%; order: 1; }

div.post_actions_Spell .post_action_field_skill           { flex-grow: 4; }
div.post_actions_Spell .post_action_field_character_level { flex-grow: 4; }
div.post_actions_Spell .post_action_field_level           { flex-grow: 4; }
div.post_actions_Spell .post_action_field_artifact        { flex-grow: 3; }
div.post_actions_Spell .post_action_field_stat            { flex-grow: 4; }
div.post_actions_Spell .post_action_field_bonus           { flex-grow: 2; }
div.post_actions_Spell .post_action_field_variant         { flex-grow: 4; order: 2; }
div.post_actions_Spell .post_action_field_result          { flex-grow: 15; order: 2; }
div.post_actions_Spell .post_action_fields::before { content: ''; width: 100%; order: 1; }

div.post_actions_Generic .post_action_field_skill           { flex-grow: 4; }
div.post_actions_Generic .post_action_field_character_level { flex-grow: 4; }
div.post_actions_Generic .post_action_field_level           { flex-grow: 4; }
div.post_actions_Generic .post_action_field_artifact        { flex-grow: 3; }
div.post_actions_Generic .post_action_field_stat            { flex-grow: 4; }
div.post_actions_Generic .post_action_field_bonus           { flex-grow: 2; }
div.post_actions_Generic .post_action_field_variant         { flex-grow: 4; order: 2; }
div.post_actions_Generic .post_action_field_result          { flex-grow: 15; order: 2; }
div.post_actions_Generic .post_action_fields::before { content: ''; width: 100%; order: 1; }

/* The comment is the same if it is the last div - span it the entire div */
div.post_action_field_comment:nth-last-child(1)                                 { width: 100%; display: block; background: rgba(190, 174, 125, 0.15); border: 1px solid #CFC295; border-radius: 10px; order: 9; }
div.post_action_field_comment:nth-last-child(1) .post_action_sub_caption        { float: left; }
div.post_action_field_comment:nth-last-child(1) .post_action_sub_caption::after { content: ":\a0"; }
div.post_action_field_comment:nth-last-child(1) .post_action_sub_text           { font-weight: 300; color: #202020; }

/* Dice window */
div#dice_container { font-family: lol; }
div#dice_selector_bar { display: flex; flex-direction: row; gap: 10px; min-height: 26px; flex-wrap: wrap; }
div#dice_selector_bar div.dice_selector_button { display: flex; justify-content: center; flex-grow: 0; align-items: center; padding: 5px 15px; gap: 10px; width: fit-content; height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(0, 0, 0, 0.08) 100%), #332633; height: 26px;
	border: 1px solid #988458; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px #2F232F; border-radius: 6px;
	font-weight: 700; font-size: 13px; line-height: 16px; text-align: center; text-transform: uppercase; color: #DFB264; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
}
div#dice_selector_bar div.dice_selector_button_selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(0, 0, 0, 0.08) 100%), #5F3025; }
div.dice_selector_entry_set, div.dice_selector_bottom { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 18px; margin-top: 14px; }
div.dice_selector_entry > :not(div):not(span) { width: 100%; font-family: lol; font-size: 13px; font-weight: 500; }
div.dice_selector_entry > select { text-align: center; }
div.dice_selector_entry_label { font-size: 10px; font-weight: 500; }
span.dice_selector_entry_single_value { width: 100%; height: 26px; display: flex; align-items: center; justify-content: center; font-size: 1.1em; }
.dice_selector_roll_button { width: fit-content; margin: 10px auto 0px auto; }

/* Different flex widths */
div.dice_selector_entry_SimpleRoll { width: 120px; }
div.dice_selector_entry_LegacySkill_skill { width: 250px; }
div.dice_selector_entry_LegacySkill_level { width: 200px; }
div.dice_selector_entry_LegacySkill_artifact { width: 200px; }
div.dice_selector_entry_LegacySkill_bonus { width: 100px; }
div.dice_selector_entry_comment { width: 804px; }

div.dice_selector_entry_Generic_selector,   div.dice_selector_entry_Skill_selector,   div.dice_selector_entry_Spell_selector    { width: 250px; }
div.dice_selector_entry_Generic_level,      div.dice_selector_entry_Skill_level,      div.dice_selector_entry_Spell_level       { width: 200px; }
div.dice_selector_entry_Generic_skill_level,div.dice_selector_entry_Skill_skill_level,div.dice_selector_entry_Spell_skill_level { width: 200px; }
div.dice_selector_entry_Generic_artifact,   div.dice_selector_entry_Skill_artifact,   div.dice_selector_entry_Spell_artifact    { width: 200px; }
div.dice_selector_entry_Generic_variant,    div.dice_selector_entry_Skill_variant,    div.dice_selector_entry_Spell_variant     { width: 250px; }
div.dice_selector_entry_Generic_stat,       div.dice_selector_entry_Skill_stat,       div.dice_selector_entry_Spell_stat        { width: 200px; }
div.dice_selector_entry_Generic_bonus,      div.dice_selector_entry_Skill_bonus,      div.dice_selector_entry_Spell_bonus       { width: 200px; }
div.dice_selector_entry_Generic_dc,         div.dice_selector_entry_Skill_dc,         div.dice_selector_entry_Spell_dc          { width: 200px; }

/* Small information window */
.information {
	background: #f4f3e4 url(../images/background/post-c.png);
	border: 1px solid #d9d9ca;
	border-top: none;
}
div#topic_icons p:not(#message_index_jump_to) {
	display: none;
}

/* Do not display some buttons that we do not need */
div.pagesection a.button_strip_print:not(#\9) { display: none; } /* Print page, mark as posts as unread, add poll */
div.pagesection a.button_strip_mark_unread:not(#\9) { display: none; }
div.pagesection a.button_strip_add_poll:not(#\9) { display: none; }

/* Category and topic list */
#messageindex #topic_header { display: none; }
#topic_container .windowbg:not(\#9) {
	border: 0px;
	background: transparent;
	box-shadow: 0 0;
	padding: 0px 0px;
	width: 100%;
};
#topic_container .windowbg::before, #topic_container .windowbg::after { content: none; }
#topic_container .windowbg a {
	color: var(--t-red);
}
#topic_container .windowbg a:hover {
	color: var(--t-lite);
}

#topic_container .windowbg::before, #topic_container .windowbg::after, div#topic_icons::before {
	content: none;
}
#topic_icons .information, #messageindex .information {
	border-width: 0px;
}

.info_block { width: calc(45% - 60px); }
.board_link { width: 20%; display: flex; align-items: center; justify-content: center; padding: 0px 20px; }

/* Category and topic list icons */
#topic_container a.new_posts, #topic_container div.message_index_title::before {
	content: "";
	position: absolute;
	transform: translate(calc(-50% - 30px), calc(50% + 10px));
	height: 16px;
	width: 16px;
	overflow: hidden;
	text-indent: -9999px;
	top: 0px;
	border-radius: 8px;

	background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #393939;
	border: 1px solid #262625;
	box-sizing: border-box;
}
#topic_container div.message_index_title::before {
	background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #e4dfad;
	border-color: #a29870;
}
#topic_container .sticky .message_index_title::before { background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #a9552a; border-color: #874320; }
#topic_container .locked .message_index_title::before { background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #393939; border-color: #262625; }
.up_contain div.board_icon {
	display: none;
}
#topic_container a.new_posts              { opacity: 1; background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #785d8f; border-color: #5f4771; }
#topic_container .board_icon > img { display: none; }

.message_index_title > *:nth-child(2), .recent_title > *:nth-child(2) { font-weight: 600; } /* If we have two children, then the first one is the active flag - bold the second one */

.up_contain a.new_posts, .up_contain div.board_icon {
	content: "";
	position: absolute;
	padding: 0px;
	display: block;
	height: 63px;
	width: 99px;
	text-indent: -9999px;
	top: -12px;
	left: -20px;
	opacity: 1.0;
	z-index: 1;
}
.up_contain a.new_posts, .up_contain div.board_icon a {
	background: url('../images/background/new-post.png');
}
.up_contain div.board_icon a.board_on {
	width: 100%;
	height: 100%;
	display: block;
}
.up_contain div.board_icon a.board_off { display: none; }

/* Editor */
.sceditor-container, div.sceditor-toolbar, div.sceditor-group {
	background: transparent;
	border: 0px;
	margin-right: 4px;
}
div.sceditor-toolbar {
	display: flex;
 	flex-wrap: wrap;
	justify-content: space-between;
}
.sceditor-container textarea, .sceditor-container textarea:focus {
	box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 15px 0 rgba(199,169,60,.55);
	background: #e5debc;
	padding: 10px;
	color: #222;
	border: none;
	width: 100%;
	box-sizing: border-box;
	border-radius: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
}

div.sceditor-dropdown { left: 50% !important; background: #e5debc; padding: 10px; transform: translateX(-50%); color: #333;
		box-shadow: 0 0 0 1px #978660 inset, 0 0 0 2px #e2cf74 inset, 0 0 0 3px #c19f6b inset, 0 0 15px 0 rgba(199,169,60,.55); }

div.sceditor-font-picker > div { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 10px; padding: 0px 0px; }
div.sceditor-fontsize-picker > div { display: grid; grid-template-columns: repeat(7, 1fr); grid-template-rows: 1fr; gap: 10px; padding: 0px 0px; }

div.hidecontent_multiple_checkboxes { overflow: visible; max-height: initial; }
div.sceditor-dropdown.sceditor-header-picker { max-height: 200px; overflow-y: auto; }
div.sceditor-dropdown input { border: 0px; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); }

.sceditor-container iframe {
	padding: 0px;
}

div.sceditor-maximize { background: url('../images/background/post-c.png'); margin-bottom: 0px; }

/* Stickers */
.modal-sticker { display: none; position: fixed; z-index: 1000; left: 50vw; top: 50vh; transform: translate(-50%, -50%); width: 600px; background-color: white; border-radius: 10px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.modal-sticker .modal-sticker-content { padding: 10px; text-align: center; }
.modal-sticker .close { float: right; font-size: 24px; cursor: pointer; }
.modal-sticker .sticker-list { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: 20px; max-height: 300px; overflow-y: scroll; gap: 20px; align-items: flex-end; }
.modal-sticker .sticker-item { display: flex; justify-content: center; align-items: center; cursor: pointer; }
.modal-sticker .sticker-item img { max-height: 65px; }
.modal-sticker .sticker-item div { width: 560px; height: 20px; border: 1px solid black; }
.modal-sticker .sticker-item-add { height: 65px; width: 65px; overflow: hidden; }
.modal-sticker .sticker-item-add::after { content: "+"; color: #00d500; font-size: 80px; text-shadow: blue 1px 1px 4px; }
.modal-sticker .sticker-category-buttons { display: flex; justify-content: center; margin-top: 20px; flex-wrap: wrap; gap: 5px; } /* Categories */
.modal-sticker .sticker-category-buttons button { padding: 0px 10px; cursor: pointer; background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; }
.modal-sticker .sticker-category-buttons button.active { background-color: #dcdcdc; }

/* Editor masks */
#post_header .pf_mask { width: 100%; }
div.mask_selector > div { display: flex; flex-wrap: wrap; }
div.mask_selector > div > label { display: block; margin-right: -2px !important; }
div.mask_selected { width: 82px; }
div.mask_selected_avatar_container {
	border: 9px solid transparent;
	border-image: url('../images/background/avatar-b.png') 9 stretch;
	filter: drop-shadow(0 0px 5px rgb(41, 35, 37));
	box-sizing: border-box;
}
div.mask_selected_avatar { width: 64px; height: 64px; background-size: 100% auto; }
div.mask_selected_caption { text-align: center; }
div.masks_container .bottom > .button { height: 23px; }
div.masks_container div.poster li.avatar, div.masks_container .user_info li { display: initial; }
div.masks_container .user_info li::before { padding: 0px; content: ''; }
div.masks_container textarea { resize: vertical; width: 100%; margin-top: 10px; }

div.masks_container    { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
div.masks_container div.poster { min-height: 240px; float: none; }
div.mask_add_container { display: flex; align-items: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 60px 10px; }
div.mask_add_content   { line-height: 140%; height: fit-content; }
div.mask_add_content p { margin: 4px 0px; }
div.masks_container div.altering { height: 100%; display: flex; align-items: center; justify-content: center; }
div.masks_container img.avatar_changeable, div.masks_container img.avatar_uploadable { cursor: pointer; }

div#masks_permanent_image_container {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10001;
	background: #00000080;
}
div#masks_permanent_image_list {
	position: relative;
	top: 20px;
	height: calc(100% - 40px);
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	overflow: scroll;
	left: 30px;
	width: calc(100% - 60px);
}
div#masks_permanent_image_list img {
	width: 74px; height: 100px;
}

/* Private messages */
#pmFolder.flow_hidden .table_grid tbody { display: flex; flex-direction: column; max-height: 210px; overflow: scroll; }
#pmFolder.flow_hidden .table_grid tr    { display: flex; background: transparent; padding: 0px; width: 100%; margin-top: 0px; }
#pmFolder.flow_hidden .table_grid tr td { display: block; padding: 4px 8px; flex-grow: 1; width: 30%; margin: 0px 1px; background: #e8e4c4; }
#pmFolder.flow_hidden .table_grid tr td.pm_icon { display: none; }
#pmFolder.flow_hidden .table_grid tr td.pm_moderation { width: 40px; flex-grow: 0; }

/* Miscellaneous pages */
div.login {
	width: calc(100% - 40px);
}
span.login, label.jump_to, div#display_jump_to input, p#message_index_jump_to input {
	display: none;
}
div#display_jump_to, p#message_index_jump_to {
	font-size: 0px;
}
#moderationbuttons_strip {
	padding-top: 5px;
}
#moderationbuttons_strip:has(> :last-child:nth-child(1)) {
	margin-left: 400px;
}
#moderationbuttons .button {
	height: 24px;
}

/* Notification bubble */
.amt {
	background: #e82727;
	font-weight: 600;
}

/* Header table */
/* It blocks the first navigate_section beneath */
body.action_home div.navigate_section:not(#ht-underlinks) { display: none; }

div#ht-container {
	background: url(../images/background/header.png) no-repeat top center;
	border: none;
	width: 1091px;
	height: 221px;
	margin-left: -5px;
	position: relative;
}

div.ht-thing {
	margin: 0px auto;
	text-align: center;
}

div#ht-upper-links {
	width: 366px;
	height: 38px;

	text-transform: lowercase;
	font: 400 12px/150% lol;
	letter-spacing: .04em;
}
div#ht-upper-links a {
	display: inline-block;
	position: relative;
	padding: 0px 7px;
	color: var(--t-dark);
	transition: color .3s linear 0s;
}
div#ht-upper-links a:hover {
	color: var(--t-link);
}

div#ht-slider-buttons {
/*	background: #FFF; */
	width: 366px;
	height: 38px;
	margin-top: 7px;

	text-transform: uppercase;
	text-align: center;
	font: 400 12px/150% lol;
	letter-spacing: .04em;
}
div.ht-slider-button {
	border-radius: 0 0 10px 10px;
	border-top: 0;
	font: 300 13px/24px lol;
	cursor: pointer;

	display: inline-block;
	padding: 0px 16px 4px;
	margin: 0px 4px;

	border: 1px solid rgba(255,255,255,.08);
	color: #9a8b60;
	text-shadow: 1px 1px 0 rgba(0,0,0,.4), 0 0 10px rgba(170,156,85.15);
	background: #19161b;
	box-sizing: border-box;
	transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}
div.ht-slider-button-on {
	border: 1px solid rgba(255,255,255,.15);
	color: var(--t-dark);
	text-shadow: 1px 1px 0 rgba(0,0,0,.4), 0 0 10px rgba(170,156,85.15);
	background: #121013;
	filter: drop-shadow(0 10px 20px rgba(224, 190, 60,.1));
}

div#ht-slider-place {
	width: 380px;
	position: relative;
	height: 92px;
}
div.ht-slider-container {
	color: var(--t-dark);
	text-shadow: var(--t-shd);
	font: 300 12.5px/150% lol;
	position: absolute;
	padding: 0 10px;
	width: 100%;

	transition: opacity 0.5s ease-in-out;
	height: 96px;
	overflow-y: auto;
}
div#ht-hello-caption {
	margin-top: 5px;
	font-weight: 600;
}

div#ht-slider-container-activists > div { display: flex; justify-content: center; }
div#ht-slider-container-activists a { position: relative; display: block; opacity: 0.6; transition: opacity .3s cubic-bezier(.64,.51,.55,1.16) 0s; height: 85px; width: 82px; }
div#ht-slider-container-activists a:hover { opacity: 1.0; }
div#ht-slider-container-activists a img { border: 9px solid transparent; border-image: url('../images/background/avatar-b.png') 9 stretch; filter: drop-shadow(0 0px 10px rgb(41, 35, 37));
  box-sizing: border-box; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; }
div#ht-slider-container-activists a p { background: #201b1f; position: absolute; bottom: 10px; left: 9px; width: calc(100% - 18px); padding: 2px 0 !important; text-align: center;
	text-transform: uppercase; font: normal 8px verdana; border-width: 1px 0 0 0; border-style: solid; border-color: rgba(0,0,0,0);
	border-image: url('../images/background/navigate-b.png') 1 round; color: var(--t-dark); }

div#ht-slider-container-navigation { height: auto;
	position: absolute;
	z-index: 10;
	background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 100%), url('../images/background/ht-center.jpg');
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-image: url('../images/background/navigate-b.png') 1 round;
	padding: 10px 10px;
	left: 5px;
	width: 372px;
	box-sizing: border-box;
}
div#ht-slider-container-navigation > div {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
div#ht-slider-container-navigation a {
	background: #2a232f;
	box-sizing: border-box;
	color: var(--t-dark);
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font: 400 13px lol;
	padding: 5px;
	transition: all .5s ease-in-out 0s;
}
div#ht-slider-container-navigation a:hover {
	background: #c5bb89;
	color: var(--t-red);
	text-shadow: none;
}

div#ht-bottom-links {
	width: 386px;
	margin-top: 20px;

	text-transform: uppercase;
	font: 400 12px/150% lol;
	letter-spacing: .04em;

	color: #d5c86c;
	font: 400 13px lol;
	letter-spacing: .09em;
}
div#ht-bottom-links a {
	display: inline-block;
	position: relative;
	padding: 0px 5px;
	color: #d5c86c;
}
div#ht-bottom-links a:hover {
	color: var(--t-red);
}

div#ht-underlinks {
	margin-top: 12px;
	text-align: center;
	display: flex;
	justify-content: center;
	padding-top: 1px;
}
div#ht-underlinks::before, div#ht-underlinks::after {
	top: -20px;
	background-position-y: 0px;
	height: 19px;
}
div#ht-underlinks a {
	padding: 0px 25px;
	margin: 0px 4px;
	font: 300 13px lol;
	text-transform: uppercase;
	letter-spacing: 0em;
	background: rgba(0,0,0,.2);
	border: 1px solid rgba(255,255,255,.08);
	box-shadow: 10px 0px 5px -10px rgba(0,0,0,.3), -10px 0px 5px -10px rgba(0,0,0,.3), 0 0px 0px 0 rgba(255,255,255,.03) inset, 0 0 0 1px rgba(0,0,0,.15) inset;
	height: 30px;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s linear 0s;
	color: var(--t-link);
}
div#ht-underlinks a:hover {
	color: var(--t-dark);
}

/* Extra footer table */
div#ft-container {
	background: url(../images/background/footer.png) no-repeat bottom center;
	width: 1096px;
	height: 120px;
	border: 0px;
	padding: 0px;
	margin-bottom: -30px;
	position: relative;
	margin-left: -6px;
	margin-top: 30px;
}
div#ft-container::before {
	content: "";
	display: block;
	position: absolute;
	background: url('../images/background/chains-long.png');
	top: -31px;
	left: 39px;
	width: 340px;
	height: 38px;
}

div.ft-thing {
	position: absolute;
}

div#ft-best-post-caption {
	width: 417px;
	text-align: center;
	top: -16px;
	font: 300 12px lol;
	text-transform: uppercase;
	color: var(--t-dark);
}

div#ft-best-post-icon {
/*	width: 64px; */
	top: 18px;
	left: 21px;
}
div#ft-best-post-icon img {
	border: 9px solid transparent;
	border-image: url('../images/background/avatar-b.png') 9 stretch;
	filter: drop-shadow(0 0px 10px rgb(41, 35, 37)) opacity(50%);
	box-sizing: border-box;
	transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
}
div#ft-best-post-icon img:hover {
	filter: drop-shadow(0 0px 5px rgba(224, 190, 60,.15)) opacity(100%);
}

div#ft-best-post-text {
	top: 18px;
	left: 108px;
	width: 285px;
	height: 90px;
	overflow-y: auto;
	font: 300 13px/150% lol;
	text-align: justify;

	padding-right: 10px;

	color: var(--t-dark);
	text-shadow: var(--t-shd);
	opacity: 0.9;
}

div#ft-banners {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2px;
	line-height: 15px;
	overflow-y: auto;
	width: 650px;
	height: 65px;
	
	right: 25px;
	bottom: 27px;
}
div#ft-banners img {
	filter: grayscale(0%) opacity(70%);
	transition: all .6s ease-in-out 0s;
}
div#ft-banners img:hover {
	filter: grayscale(0%) opacity(100%);
}

/* Sliders */
div#sl-container {
	width: 61px;
	height: 236px;
	position: fixed;
	transform: translateX(1102px);
	top: 300px;
}
div.sl-thing {
	height: 50%;
	width: 100%;
	position: absolute;
	background-position: center;
	cursor: pointer;
	display: none;

	transition: filter .6s ease-in-out 0s;
}
div#sl-up {
	top: 0px;
	background: url('../images/background/slider-u.png');
}
div#sl-down {
	bottom: 0px;
	background: url('../images/background/slider-d.png');
}

/* Background undercover div */
div#bg-undercover {
	position: fixed;
	background: url('../images/background/ht-center.jpg');
	border-style: solid;
	border-width: 6px;
	border-color: rgba(0,0,0,0);
	border-image: url('../images/background/bg-c.png') round 6;
/*	width: 1228px; */
/*	height: calc(100% - 260px); */
	width: 1240px;
	height: calc(100% - 248px);
	min-height: 200px;
	top: 130px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

div#bg-undercover::before, div#bg-undercover::after {
	content: "";
	display: block;
	background: url('../images/background/bg-e.png');
	width: 86px;
	height: 105px;
	position: absolute;
	bottom: -22px;
	left: -38px;
}
div#bg-undercover::after {
	background-position-x: 86px;
	bottom: initial;
	left: initial;
	top: -22px;
	right: -38px;
}

/* Mini dice */
div.under_message a.expand_dice { display: flex; width: 100%; }
div.under_message a.expand_dice::before { background: linear-gradient(to right, transparent, var(--t-red)); }
div.under_message a.expand_dice::after  { background: linear-gradient(to left,  transparent, var(--t-red)); }
div.under_message a.expand_dice::before, div.under_message a.expand_dice::after { content: ""; display: block; flex-grow: 1; margin: calc((1.4em - 1px) / 2) 10px; height: 1px; }
ul.post_dice_expanded { border-top: 1px solid var(--t-lite); }

/* Likes window and like control */
textarea.like_note {
	display: block;
	background-color: #e5debc;
	width: 100%;
	resize: vertical;
	height: 6px;
	min-height: 5em;
}
.likes_counter { margin-top: 4px; }
ul#likes { width: 100%; }
.like_message_container { width: 100%; }
.like_button { margin: 0px auto; }
#likes { font-family: lol; max-height: 350px; overflow-y: scroll; margin-left: -5px; }
#likes li { height: 70px; display: flex; flex-wrap: wrap; padding: 0px; align-items: flex-start; padding-left: 60px; align-content: flex-start; position: relative; }
#likes .avatar { position: absolute; left: -5px; margin: 0px; }
#likes .like_profile { order: 1; }
#likes .like_profile a { opacity: 0.8; font-weight: 600; text-transform: uppercase; color: var(--t-link) !important; display: inline-block; } /* Do not remove !important */
#likes li .like_time { order: 2; padding: 0px; }
#likes .like_message { order: 3; width: 100%; word-wrap: break-word; display: block; text-align: center;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
#likes .description { color: #939393; font-size: 1em; opacity: 0.9; display: inline-block; }
#likes .description::before { content: ' - '; }
#likes .description:empty::before { content: ''; }
#likes .likes_ignored_count { text-align: right; }

/* Ruby adapter */
/* CSS for the elements of passport, shop, crystals etc. */
div#ruby_popup { display: flex; align-items: center; justify-content: center; }
div#ruby_popup div.popup_window { min-width: 320px; max-width: 700px; width: 100%; position: relative; border-radius: 0px; box-shadow: none; padding: 2px; border: 0px; height: fit-content; top: initial;
	box-shadow: inset 0px 0px 1px 1px #242022, inset 0px 0px 2px 2px #58492E, inset 0px 0px 30px rgba(1, 1, 1, 0.31); background: url('../images/ruby_overlay/background.png'); margin: 0px; }
div#ruby_popup div.popup_window::before { content: ""; display: block; position: absolute; width: calc(100% - 42px); height: calc(100% - 42px); left: -9px; top: -9px;
	border: 30px solid transparent; border-image: url('../images/background/avatar-b.png') 30; border-image-slice: 30; border-image-repeat: repeat; box-sizing: content-box;
	filter: drop-shadow(0 0px 10px rgb(41, 35, 37));
}
div.ruby_container { width: 100%; position: relative; font-family: lol; }
div.ruby_popup_header { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 15px; gap: 2px; height: 40px;
	background: url('../images/ruby_overlay/popup_header_left.png') no-repeat, url('../images/ruby_overlay/popup_header_right.png') no-repeat, url("../images/ruby_overlay/popup_header_bg.png");
	box-shadow: inset 0px 0px 4px #000000; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.19)); background-position: left center, right center, center center; }
div.ruby_popup_header_text { font-weight: 500; font-size: 13px; text-transform: uppercase; color: #BCB78D; text-align: right; }
div.ruby_popup_header_text.floatright { margin-left: auto; }
div.ruby_popup_upper, div.ruby_popup_lower { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-start; padding: 15px; }
div.ruby_popup_upper { gap: 15px; background: linear-gradient(180deg, rgba(17, 12, 17, 0.55) 0%, rgba(37, 31, 37, 0.55) 100%); border-bottom: 1px solid #58492E; }
div.ruby_popup_lower { flex-wrap: wrap; gap: 10px; }
div.ruby_popup_footer { display: flex; flex-direction: row-reverse; align-items: flex-end; padding: 15px; gap: 10px; width: 100%; height: 46px;
	background: linear-gradient(180deg, rgba(17, 12, 17, 0.55) 0%, rgba(37, 31, 37, 0.55) 100%); border-top: 1px solid #58492E; }

.ruby_panel { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px 15px; gap: 5px; flex-grow: 1;
	background: #2C252C; border: 1px solid #474447; border-radius: 10px; font-weight: 500;
}
.ruby_panel_header { opacity: 0.75; font-family: lol; font-weight: 700; font-size: 10px; line-height: 150%; text-transform: uppercase; color: #BCB78D;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); }
.ruby_panel hr                              { flex: 0 0 1px; margin: 0px; height: 1px; background: var(--t-dark); box-shadow: none; width: 100%; }
.ruby_panel[onclick], .ruby_panel_clickable { transition: all .6s ease-in-out 0s }
.ruby_panel[onclick]:hover, .ruby_panel[onclick]:focus, .ruby_panel_clickable:hover, .ruby_panel_clickable:focus {
	border: 1px solid var(--t-link); color: var(--t-link); background: #fff2; cursor: pointer;
}
.ruby_panel     { overflow: hidden; min-height: 1.5em; }
.ruby_panel_set { display: flex; flex-wrap: wrap; justify-content: space-between; }

.ruby_button { font-weight: 700; font-size: 13px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); line-height: 1em;
	display: flex; justify-content: center; align-items: center; padding: 5px 15px; height: 26px; transition: background 0.3s ease-in-out;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(0, 0, 0, 0.08) 100%), #332633;
	border: 1px solid #988458; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px #2F232F; border-radius: 6px; }
.ruby_button:hover, .ruby_button_selected { background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(0, 0, 0, 0.08) 100%), #4F2015; }
.ruby_button_set { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 10px; width: 100%; height: fit-content; flex-wrap: wrap; }
.ruby_button:not(\#9) { color: #DFB264; }

/* XXX: delete this, probably */
div.ruby_caption { display: flex; width: 100%; }
div.ruby_caption::before, div.ruby_caption::after {
	content: '';
	flex-grow: 1;
	background: linear-gradient(to left, var(--t-red), #0000);
	transform: scaleY(0.05);
	margin-right: 5px;
	min-width: 20px;
}
div.ruby_caption::after {
	background: linear-gradient(to right, var(--t-red), #0000);
	margin-right: 0px;
	margin-left: 5px;
}

.ruby_text {
	margin-bottom: 2px; width: 100%; text-align: center; min-height: 26px;
	font-size: inherit; color: inherit; background: inherit; box-shadow: inherit; margin-bottom: 0px;
}

div.ruby_page_icon {
	height: 64px;
	width:  64px;
	background-size: 100% auto;
}
div.ruby_page_icon_decorated { position: relative; }
div.ruby_page_icon_decorated::after {
	content: "";
	height: 82px;
	width: 82px;
	display: block;
	position: absolute;
	left: -9px;
	top: -9px;
	border: 9px solid black;
	border-image: url('../images/background/avatar-b.png') 9 stretch;
	box-sizing: border-box;
}

div.object_tag_list { display: flex; width: 100%; justify-content: center; gap: 5px; flex-wrap: wrap; }
.object_tag { display: flex; justify-content: center; align-items: center; padding: 3px 10px; height: 26px;
	background: rgba(30, 26, 30, 0.45); border: 1px solid #474447; border-radius: 5px; font-weight: 400; font-size: 13px; color: #BCB78D; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); }

.object_tag_selectable { font-weight: 500; font-size: 13px; line-height: 16px; text-align: center;  color: #BCB78D; display: flex; align-items: center; position: relative; }
.object_tag_selectable::before { box-sizing: border-box; content: ""; width: 12px; height: 12px; margin-right: 5px; border: 1px solid #474447; }
.object_tag_selected::after { content: url('../images/ruby_overlay/icon_tick.svg'); position: absolute; transform: translate(2px, -1px); }

.ruby_popup_footer_back_link { font-weight: 700; font-size: 13px; line-height: 16px; text-align: right; text-transform: uppercase; color: #DFB264; text-align: left; }
.ruby_popup_footer_back_link::before { content: url('../images/ruby_overlay/icon_back.svg'); display: inline-block; transform: translateY(1px); }

/* Passport */
div#passport_dossier   {
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px;
/* gap: 10px; */

width: 448px;
height: 255px;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 1;
}
.passport_top_button { display: flex; flex-direction: row; justify-content: center; align-items: center;
	width: fit-content; padding: 5px 15px; cursor: pointer;
	height: 25px; background: rgba(37, 15, 10, 0.35); border: 1px solid #5E281D; border-radius: 6px;
	font-family: lol; font-weight: 700; font-size: 12px; line-height: 15px; text-transform: uppercase; color: #DFB264;  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
}
.passport_top_button_selected { background: rgba(175, 62, 39, 0.35); border: 1px solid rgba(175, 62, 39, 0.75); }
.passport_top_button::before { width: 12px; height: 12px; margin-right: 4px; transform: translateY(-1px); }
#passport_top_button_character::before    { content: url('../images/ruby_overlay/icon_tab_character.svg'); }
#passport_top_button_skills::before       { content: url('../images/ruby_overlay/icon_tab_skills.svg'); }
#passport_top_button_achievements::before { content: url('../images/ruby_overlay/icon_tab_achievements.svg'); }
#passport_top_button_awards::before       { content: url('../images/ruby_overlay/icon_tab_awards.svg'); }
#passport_top_button_npc::before          { content: url('../images/ruby_overlay/icon_tab_npc.svg'); }
#passport_top_button_shop::before         { content: url('../images/ruby_overlay/icon_tab_shop.svg'); }

div#passport_container div.ruby_popup_upper { height: 285px; }

div#passport_image img { min-height: 238px; max-height: 238px; object-fit: cover; }
#passport_full_name { width: 100%; text-align: center; font-family: lol; font-weight: 700; font-size: 15px; line-height: 19px; text-transform: uppercase;
	color: #DFB264; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); margin-bottom: 22px; }
/* #passport_description { max-height: 60px; line-height: 1.2em; padding: 0.2em 0; overflow: scroll; scrollbar-width: none; } */
/* #passport_age, #passport_crystals { max-height: 50px; width: 40%; margin: 2px 4.8%; } */
/* .passport_row1 { height: 66px; width: 30%; margin: 2px 1.5%; } */
/* .passport_row2 { max-height: 26px; width: 30%; margin: 2px 1.5%; } */
/* .passport_row3 { max-height: 26px; width: 11%; margin: 2px 1.5%; } */
div#passport_description_tabs { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; gap: 10px; padding: 0px 20px; }
div#passport_description_tabs > * { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 20px;
	background: #391611; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #5D281D; border-radius: 10px 10px 0px 0px;
	font-family: lol; font-weight: 900; font-size: 10px; line-height: 150%; text-transform: uppercase;
	color: #DFB264; opacity: 0.75; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
}
div#passport_about { grid-column: 1; background: #2C252C; border-color: #474447; }
#passport_charlist { grid-column: 3 }
#passport_diary    { grid-column: 4 }
#passport_charlist::before { content: url('../images/ruby_overlay/icon_charlist.svg'); width: 12px; height: 12px; margin-right: 4px; }
#passport_diary::before    { content: url('../images/ruby_overlay/icon_diary.svg');    width: 12px; height: 12px; margin-right: 4px; }
#passport_description { padding: 15px 20px; width: 100%; height: 94px; background: #ECEAD1; border: 1px solid #C6C6C4;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.87), inset 0px 0px 25px #8C7135; border-radius: 10px; margin-bottom: 10px; }
#passport_description_container { overflow: scroll; height: 100%; width: 100%; /* font-weight: 500; */ font-size: 14px; line-height: 150%; color: #202020; margin-top: 10px; }

div#passport_controls { display: flex; flex-direction: row; width: 100%; gap: 10px; }
div#passport_controls > * { width: 30%; }

div#passport_crystals_values { display: flex; }
div#passport_crystals_values::before, div#passport_crystals_values::after { content: ''; flex-grow: 1; }
span#passport_glass_text { color: red; }

div.passport_tab { width: 100%; height: 353px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: calc(50% - 5px) calc(50% - 5px); gap: 10px; }

div.passport_category { padding: 10px; background: #2C252C; border: 1px solid #474447; border-radius: 10px; position: relative; }
div.passport_category_caption { height: 29px; width: 100%; font-family: lol; font-weight: 700; font-size: 15px; line-height: 24px; text-align: center; text-transform: uppercase;
	color: #BCB78D; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66); background: url('../images/ruby_overlay/passport_category_caption.png') no-repeat center bottom; }
div.passport_category div.passport_category_caption {
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; /* Should hopefully degrade gracifully */ }
div.passport_category div.passport_category_caption div.passport_category_caption_edit { display: inline-block; margin-right: 4px; cursor: pointer; }
div.passport_category_icons {  display: flex; flex-wrap: wrap; justify-content: center; padding: 10px 0px; gap: 10px; width: 100%; height: calc(100% - 21px); overflow-y: scroll; position: relative; }
div.passport_category::after { content: ""; pointer-events: none; display: block; width: calc(100% - 40px); position: absolute; height: 42px; left: 20px; bottom: 2px;
	background: linear-gradient(180deg, rgba(44, 37, 44, 0) 0%, #2C252C 100%); }

/*
#passport_category_essentials { grid-column: 1; grid-row: 1; }
#passport_category_equipment { grid-column: 2; grid-row: 1; }
#passport_category_skills { grid-column: 1 / 3; grid-row: 2; }
*/
#passport_category_essentials { grid-column: 1; grid-row: 1 / 3; }
#passport_category_equipment  { grid-column: 2; grid-row: 1 / 3; }
#passport_category_skills    { grid-column: 1; grid-row: 1; }
#passport_category_abilities { grid-column: 2; grid-row: 1; }
#passport_category_sorceries { grid-column: 1 / 3; grid-row: 2; }
#passport_category_awards, #passport_category_achievements, #passport_category_npc { grid-column: 1 / 3; grid-row: 1 / 3; }
#passport_category_skillslist { display: none; }

/* div.passport_category_icons   { display: flex; justify-content: center; flex-flow: wrap; } */
div.object_icon, div.object_icon_container_big { transition: filter 0.3s ease-in-out; }
div.object_icon, div.gallery_main_p div.gallery_entry_image > img { width: 64px; height: 64px; overflow: hidden; outline: 1px solid #988458; border: 1px solid #4A3F25;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.56)); border-radius: 10px; background-position: center; background-size: cover;
	display: flex; align-items: center; justify-content: center; }
div.object_icon a { position: relative; }
div.object_icon img { width: 64px; height: 64px; object-fit: cover; }
div.object_icon span { position: absolute; bottom: 3px; right: 6px; font: 20px bold lol; color: white; font-style: italic; text-shadow: 0px 0px 5px black, 0px 0px 2px black, 0px 0px 2px black; }
div.object_icon:hover { filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.56)) grayscale(100%); }
div.object_icon_add { background: url('../images/icons/object_add.png'); }
div.object_icon_add > a { display: block; height: 100%; width: 100%; }
div.object_icon_container_big { display: flex; flex-direction: column; align-items: center; padding: 10px 15px; gap: 5px; width: 120px; height: 140px;
	background: rgba(30, 26, 30, 0.45); border-radius: 10px; }
div.passport_category_icons { gap: 5px; }
div.passport_category_icons div.object_icon_container_big { width: 98px; padding-left: 3px; padding-right: 3px; }
div.object_icon_container_big:hover { filter: grayscale(100%); }
span.object_icon_container_big_text { max-height: 51px; overflow: hidden; font-weight: 500; font-size: 13px; line-height: 16px; text-align: center; color: #BCB78D;
	display: block; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; /* Hopefully will degrade gracefully */ 
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
	width: 100%; overflow-wrap: break-word; hyphens: auto;
}

/* Card */
div.card_object_header  { min-height: 72px; width: 587px; }
div#card_character_icon { float: left; margin-right: 10px; }
div.card_item_icon_changeable { cursor: pointer; }
div.card_object_caption { /* text-align: center; */ font-weight: 600; }
div.card_object_caption .object_tag { display: inline-flex; margin-left: 10px; }
/* div.card_object_description { text-align: center; } */
div#card_bottom_panel   { margin-top: 4px; gap: 10px; }
div#card_bottom_panel > * { width: 20%; }
#alter_card_caption, #alter_card_description, #alter_card_link {
	display: inline-block; padding: 3px 10px; height: 27px; background: rgba(30, 26, 30, 0.45); border: 1px solid #474447; border-radius: 5px;
}
#alter_card_caption br, #alter_card_description br, #alter_card_link br { display: none; }
.alter_card_editable::after, .alter_card_editable_link::after {
	content: url('../images/ruby_overlay/icon_edit.svg'); margin-left: 10px; transform: translateY(1px); display: inline-block;
}
#alter_card_usertext.alter_card_editable::after { content: ''; }
div.card_object_unmoderated #alter_card_caption, div.card_object_unmoderated #alter_card_usertext { color: #CA8E8E; }
div.card_object_queued      #alter_card_caption, div.card_object_queued      #alter_card_usertext { color: #DFB264; }
#alter_card_description_link { margin-top: 5px; display: flex; flex-wrap: wrap; }
#alter_card_description, #alter_card_link { display: flex; width: fit-content; }
#alter_card_link { margin-left: auto; }
#alter_card_description > *, #alter_card_link > * { display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; }
.alter_card_separator { margin: 0px 5px; }
#alter_card_usertext { max-height: 80px; display: block; overflow-y: scroll; padding-right: 5px; }
#alter_card_usertext:empty { position: absolute; right: 5px; transform: translateY(-22px); }

/* Card properties */
div#card_container div.passport_category { background: transparent; border: none; width: 100%; }
div#card_container div.passport_category::after { display: none; }
div#card_container div.passport_category_caption, div.shop_object_buy div.passport_category_caption { background: transparent; height: 24px; }
div#card_container div.passport_category_icons { padding: 1px 0px; min-height: 66px; max-height: 136px; }
div#card_container div.ruby_button_set { margin-top: 5px; }

/* Shop */
.shop_card_description { text-align:center; }
.shop_things { display: flex; flex-wrap: wrap; position: relative; justify-content: center; }
.shop_thing  { padding: 1px 5px; margin: 0px 2px; display: inline-block; width: auto; }
.shop_things > .shop_back { margin-left: auto; }

.shop_buy_price { display: flex; gap: 30px; justify-content: center; }
.shop_buy_price > div { display: flex; align-items: center; justify-content: center; }
.shop_buy_panel { width: auto; position: absolute; left: 50%; transform: translateX(-50%); min-height: initial; line-height: 1.6em; height: initial; }
.shop_things > .input_price_override { display: flex; align-items: center; gap: 6px; position: absolute; left: 0px; }
.shop_thing_container[cat] .ruby_popup_upper { display: block; }
.shop_thing_container[cat] .ruby_button_set { justify-content: left; }
.shop_thing_container div.ruby_popup_lower { flex-direction: column; }

#shop_category_pages { display: flex; gap: 8px; }
.shop_filters_container { display: flex; flex-direction: column; align-items: flex-start; padding: 10px 15px; gap: 10px; width: 100%; background: #2C252C; border: 1px solid #474447; border-radius: 10px; }
.shop_filters_header { font-weight: 700; font-size: 11px; line-height: 14px; color: #DFB264; width: 100%; text-transform: uppercase; }
.shop_filters_header_filter, .shop_filters_header_clear { cursor: pointer; width: fit-content; }
.shop_filters_header_filter::before { content: url('../images/ruby_overlay/icon_filter.svg'); margin-right: 5px; }
.shop_filters_set { padding: 10px 0px 0px; width: 100%; border-top: 1px solid #474447; }
.shop_filters_set .object_tag_list { justify-content: left; }
.shop_category_objects { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; min-height: 140px; max-height: 290px; flex-grow: 1; overflow-y: scroll; align-content: baseline; width: 100%; }

.shop_object_buy { width: 100%; display: flex; flex-direction: column; gap: 15px; }
.shop_level_slider { display: flex; gap: 10px; justify-content: center; }
.shop_level_slider span { height: 22px; line-height: 20px; }
.shop_level_slider .shop_flip_page:first-child::after, .shop_level_slider .shop_flip_page_empty:first-child::after { content: url('../images/ruby_overlay/icon_left.svg'); }
.shop_level_slider .shop_flip_page:last-child::after,  .shop_level_slider .shop_flip_page_empty:last-child::after  { content: url('../images/ruby_overlay/icon_right.svg'); }
.shop_flip_page, .shop_flip_page_empty { display: flex; justify-content: center; align-items: center; width: 22px; height: 22px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(0, 0, 0, 0.08) 100%), #332633;
	border: 1px solid #988458; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25), inset 0px 0px 0px 2px #2F232F; border-radius: 6px; }
.shop_flip_page_empty { opacity: 0.25; }

.shop_object_variants { display: flex; flex-direction: column; padding: 10px 0px 0px; gap: 10px; width: 100%; border-top: 1px solid #474447; }
.shop_object_variants .object_tag_list { gap: 20px; justify-content: left; }
.shop_object_variants_warning, .shop_object_variants_caption { font-weight: 700; font-size: 13px; line-height: 16px;  color: #BCB78D; }
.shop_object_variants_warning { color: #F66; }

/* Balance and stats */
#balance_container .ruby_popup_upper, #stats_container .ruby_popup_upper { flex-direction: column; gap: 5px; }
#balance_container .ruby_popup_upper > div,  #stats_container .ruby_popup_upper > div,
#balance_container .ruby_popup_upper > form, #stats_container .ruby_popup_upper > form,
#balance_container .ruby_popup_upper > form > div { display: flex; width: 100%; }
div.balance_subentry_caption, div.stats_subentry_caption { flex-grow: 1; }
div.ruby_caption span.balance_entry { margin-left: 5px; font-weight: 600; }
span.balance_entry_positive { color: green;  }
span.balance_entry_negative { color: #FF5656; }
span.balance_entry_zero     { color: gray;   }
span.balance_entry { display: inline-flex; font-weight: 600; }

span.balance_entry.balance_crystals::before, span.balance_entry.balance_glass::before, span.balance_entry.balance_memory::before {
	content: ''; display: inline-block; width: 14px; margin: 0px 2px; background: url(../images/icons/crystals.png); background-position-y: center; background-repeat: repeat-x;
	filter: drop-shadow(0px 0px 1px #000D) drop-shadow(0px 0px 1px #000D);
}
span.balance_entry.balance_crystals::before { background-position-x:  0px; }
span.balance_entry.balance_glass::before    { background-position-x: 14px; }
span.balance_entry.balance_memory::before   { background-position-x: 28px; }

div#balance_altered_node { color: maroon; text-align: center; font-weight: 600; }
div.alter_balance > * { flex-grow: 1; }
div#balance_header {
	position: absolute;
	top: 0px;
	right: 0px;
	width: calc(100% - 64px);
	padding: 0px 10px;
	text-align: center;
}

#balance_bottom_panel { justify-content: center; }

/* Stats */
span.stats_subentry_stat { font-weight: 600; }
span.stats_subentry_stat_empty.stats_subentry_stat_spec, span.stats_subentry_stat_empty.stats_subentry_stat_art { display: none; }
span.stats_subentry_stat_spec::before { content: "+"; }
span.stats_subentry_stat_art::before { content: "+"; }
span.stats_subentry_stat_total::before { content: " = "; }
span.stats_subentry_stat_base { color: #ff62ff; }
span.stats_subentry_stat_spec { color: orange; }
span.stats_subentry_stat_art  { color: lime; }
span.stats_subentry_stat_all_empty:not(.stats_subentry_stat_total), span.stats_subentry_stat_total.stats_subentry_stat_all_empty::before { display: none; }

div.stats_subentry_value input { height: 20px; transform: translateY(-1px); }
span.stats_subentry_value_hp    { color: #ff9292; }
/* span.stats_subentry_value_hp::after { content: "+"; } */
span.stats_subentry_value_casts { color: #9292ff; }
/* span.stats_subentry_value_casts::after { content: "★"; } */
span.stats_subentry_value_ammo  { color: #f6ff92; }
/* span.stats_subentry_value_ammo::after  { content: "↗"; } */

/* Private message window */
#pm_menu .main_icons { display: none; }
#pm_menu .sender, #pm_menu .sender strong { color: var(--t-dark); }
#pm_menu .unread_notify { position: relative; }
#pm_menu .unread_notify:hover { background: transparent; }

/* Notifications window */
#alerts_menu .unread_notify:hover { background: transparent; }

/* Table control for all the next pages */
.action_recenttopics .table_grid thead, #memberlist .table_grid thead, #attachments .title_bar { display: none; }
.action_recenttopics .table_grid tr { background: transparent; border: none; position: relative; }
#balance_log_table, #reputation_table, #memberlist table { width: 100%; text-align: center; font-family: lol; word-break: break-all; table-layout: fixed; word-wrap: break-word; }

/* Recent topics */
.action_recenttopics .table_grid tr td:nth-child(4) { display: none; }
.action_recenttopics .table_grid tr td:last-child   { display: none; }
.action_recenttopics .table_grid tr td:first-child:after {
	content: "";
	position: absolute;
	transform: translate(calc(-50% - 30px), calc(50% + 12px));
	height: 16px;
	width: 16px;
	top: 0px;
	border-radius: 8px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 55%,rgba(255,255,255,0.23) 100%), #e4dfad;
	border: 1px solid #a29870;
}
.action_recenttopics .table_grid tr td:first-child img { display: none; }
.action_recenttopics .table_grid tr td:first-child { width: 60px; }

/* Notifications */
#topic_notification_list thead { display: none; }

/* Balance log */
table#balance_log_table > tbody > tr:nth-child(1) { font-weight: 600; }
table#balance_log_table td.col_number { width:  4%; }
table#balance_log_table td.col_opcode { width: 20%; }
table#balance_log_table td.col_cdelta { width: 12%; }
table#balance_log_table td.col_gdelta { width: 12%; }
table#balance_log_table td.col_mdelta { width: 12%; }
table#balance_log_table td.col_op_who { width: 15%; }
table#balance_log_table td.col_commnt { width: 25%; }
div#balance_log_container div.ruby_page_icon { float: left; margin-right: 12px; }
div#balance_log_container div.balance_log_panel { font-family: lol; }
.action_balance_log .col__delta { display: none; } /* Do not show the coalesced variant by default */

/* Post count */
table#postcount_table { width: 100%; text-align: center; font-weight: 600; }
table#postcount_table a { font-weight: initial; }
table#postcount_table td.col_header_prv_month a { font-weight: 600; }
table#postcount_table td { background: #0001; }
table#postcount_table td.col_name { width: 40%; }
table#postcount_table td.col_number { width: 5%; }
table#postcount_table td.col_cur_posts, table#postcount_table td.col_cur_msgs, table#postcount_table td.col_prv_posts, table#postcount_table td.col_prv_msgs { width: 15%; }

/* Reputation */
table#reputation_table td.like_who  { width: 15%; }
table#reputation_table td.like_note { width: 45%; }
table#reputation_table td.like_msg  { width: 25%; }
table#reputation_table td.like_time { width: 15%; }
#reputation_switch_button { width: fit-content; margin-top: 5px; }
#reputation_switch_button_container { display: flex; flex-direction: row-reverse; }

/* Memberlist */
#memberlist .catbg span.floatright { display: none; }

/* Unread */
#recent #topic_header { display: none; }

/* Error screen */
div#fatal_error { width: 95%; }
div#fatal_error .windowbg:before { display: none; }
div#fatal_error_back_button { position: absolute; width: calc(100% - 52px); }

/* Unread replies */
div#unreadreplies .board_stats { display: none; }

/* View messages in profile */
.action_profile .inner { min-height: initial; }

/* Private messages */
#pmFolder thead, #pmFolder .pm_icon, #pmFolder div.clear_right, #pmFolder > br { display: none; }
#pmFolder .subject_title { width: 60%; margin-bottom: 5px; }
#pmFolder .subject_title h5 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
#pmFolder .postinfo { position: absolute; right: 12px; top: 7px; max-width: 35%; }
#pmFolder .postinfo > span.smalltext:nth-child(2) { display: none; }
#pmFolder .inline_mod_check { border: 0px; box-shadow: none; }
#pmFolder .pagesection .button { margin-top: 4px; }

/* Alerts */
#alerts .avatar { height: 30px; }
#alerts .alert_image span.alert_icon { display: none }

/* Gallery */
div.gallery_categories { display: flex; flex-direction: row; gap: 5px; justify-content: center; flex-wrap: wrap; margin-top: 10px; }
div.gallery_new_upload { margin-top: 10px; }
div.gallery_main { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
   .gallery_entry { width: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: visible; position: relative; margin-top: 10px; }
div.gallery_entry_image { position: relative; }
div.gallery_entry_image > img { max-width: 100%; }
div.gallery_entry_copied_cover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; pointer-events: none; opacity: 0;
	background: url('../images/actions/icon_tick.svg') no-repeat center center, radial-gradient(circle closest-side, lime 50%, transparent);
	background-size: 40px, auto;
}

div.gallery_main_a    .gallery_entry { width: 200px; }
div.gallery_main_a div.gallery_entry_image > img { border: 9px solid transparent; border-image: url('../images/background/avatar-b.png') 9 round; max-width: 203px; }

div.gallery_main_p    .gallery_entry { width: 80px; }

div.gallery_main_s    .gallery_entry { width: 165px; }

div.gallery_entry_checkbox { position: absolute; bottom: 0px; left: 0px; }

/* Manual */
/* #help_main_container .manual_caption { font-size: 18px; font-weight: 600; line-height: initial; border-bottom: 1px solid gray; padding-left: 4ch; position: relative; } */
#help_main_container .manual_caption { border: 6px solid; border-image: url('../images/background/manual-title-border.png') 6;
	position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 1px 9px; background: #2D272E;
	box-shadow: 0px 0px 15px rgba(199, 169, 60, 0.65), inset 0px 0px 8px rgba(255, 255, 255, 0.25); margin-top: 20px; }
#help_main_container .manual_caption > * { font-family: 'Beaufort for LOL'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: uppercase;
	background: linear-gradient(0deg, rgba(197, 169, 99, 0.65), rgba(197, 169, 99, 0.65)), linear-gradient(180deg, #FFFFFF 0%, #000000 100%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
	text-shadow: 0px 0px 20px rgba(244, 196, 91, 0.25), 1px 1px 1px rgba(0, 0, 0, 0.02);
}
#help_main_container .manual_caption_edit { display: inline-block; right: 5px; position: absolute; cursor: pointer; }
#help_main_container .manual_template { width: 100%; }
#help_main_container .manual_template_img_classless { margin-top: 8px; position: relative; left: 50%; transform: translateX(-50%); }
#help_main_container .manual_template_img_left  { float: left; padding-right: 1em; }
#help_main_container .manual_template_img_right { float: right; padding-left: 1em; }
#help_main_container .manual_text_block { margin: 10px 0px; display: inline-block; width: 100%; }
#help_main_container .manual_text_block_post_toc, #help_main_container .manual_toc { padding: 15px; background: #E6E6CA; border: 1px solid #C7BA90; border-radius: 10px; }
#help_main_container .manual_text_block_pre_toc  { padding: 0px 10px 0px 25px; border-left: 5px solid #994534; }
#help_main_container .manual_text_block > br:last-child { display: none; }
#help_main_container h1 { font-size: 16px; padding-left: 4ch; border-bottom: 1px solid silver; padding-bottom: 10px; margin-bottom: 10px; color: black; }
#help_main_container h2 { font-size: 14px; padding-left: 4ch; }
#help_main_container h3 { font-size: 12px; padding-left: 4ch; }

#help_main_container p { text-indent: 4ch; text-align: justify; }
#help_main_container .manual_list_entry { display: list-item; text-align: justify; position: relative; left: 2ch; padding-right: 2ch; }

#help_main_container .manual_outer_link { font-weight: 600; }
#help_main_container .manual_inner_link_dead { color: red; }
#help_main_container .manual_redirected_from { font-size: 0.8em; padding-left: 2ch; }

#help_main_container .manual_toc { width: fit-content; margin-left: 10px; overflow: scroll; }
#help_main_container .manual_toc ol { list-style: decimal; }
#help_main_container .manual_toc div.manual_toc_header { font-weight: 600; width: 100%; padding: 0px 0px 8px; border-bottom: 1px solid #C7BA90; }
#help_main_container .manual_toc li { margin-left: 2ch; }
#help_main_container .manual_toc li li { margin-left: 2ch; }
#help_main_container .manual_toc li li li { margin-left: 2ch; }
#help_main_container .manual_toc li li li li { margin-left: 2ch; }
#help_main_container .manual_toc li li li li li { margin-left: 2ch; }
#help_main_container .manual_toc li li li li li li { margin-left: 2ch; }

#help_main_container .manual_symbol_modifier { font-weight: 600; }
#help_main_container .manual_symbol_modifier_sb, #help_main_container .manual_symbol_modifier_sp { color: #219090; }
#help_main_container .manual_symbol_modifier_tb, #help_main_container .manual_symbol_modifier_tp { color: #7d2190; }
#help_main_container .manual_symbol_modifier_gb, #help_main_container .manual_symbol_modifier_gp { color: #ca7b00; }
#help_main_container .manual_symbol_modifier_sp, #help_main_container .manual_symbol_modifier_tp, #help_main_container .manual_symbol_modifier_gp { font-style: italic; }

#help_main_container .manual_symbol_0   { vertical-align: middle; content: url('../images/manual/0.svg'); }
#help_main_container .manual_symbol_1   { vertical-align: middle; content: url('../images/manual/1.svg'); }
#help_main_container .manual_symbol_2   { vertical-align: middle; content: url('../images/manual/2.svg'); }
#help_main_container .manual_symbol_3   { vertical-align: middle; content: url('../images/manual/3.svg'); }
#help_main_container .manual_symbol_s0  { vertical-align: middle; content: url('../images/manual/s0.svg'); }
#help_main_container .manual_symbol_s1  { vertical-align: middle; content: url('../images/manual/s1.svg'); }
#help_main_container .manual_symbol_s2  { vertical-align: middle; content: url('../images/manual/s2.svg'); }
#help_main_container .manual_symbol_s3  { vertical-align: middle; content: url('../images/manual/s3.svg'); }
#help_main_container .manual_symbol_s4  { vertical-align: middle; content: url('../images/manual/s4.svg'); }
#help_main_container .manual_symbol_s10 { vertical-align: middle; content: url('../images/manual/s10.svg'); }

#help_main_container > form#manual_search { display: flex; gap: 8px; height: 24px; position: relative; }
#help_main_container > form#manual_search > * { height: 100%; }
#help_main_container > form#manual_search > input { flex-grow: 1; }

#help_main_container > form#manual_search #manual_search_suggestions {
	position: absolute;
	background: white;
	height: fit-content;
	max-height: 210px;
	z-index: 1;
	width: calc(100% - 8px);
	top: calc(100% + 4px);
	left: 4px;
	display: flex;
	flex-direction: column-reverse;
	border: 1px solid silver;
	overflow: scroll;
}
#help_main_container #manual_search_suggestions .suggestion {
	height: 30px;
	padding: 4px;
}

#help_main_container > form#manual_editor { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
#help_main_container > form#manual_editor > input, #help_main_container > form > textarea { width: 100%; }
#help_main_container > form#manual_editor > textarea { height: 400px; }

#help_toc_container {
	position: fixed;
	top: 120%;
	z-index: 20;
}
#help_toc_button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2px 15px;

	background: #391611;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #5D281D;
	border-radius: 10px 10px 0px 0px;
	transform: translateX(-50%) rotate(-90deg) translate(-50%, -38px);
	user-select: none;
	width: fit-content;
	position: absolute;
	cursor: pointer;
}

#help_toc_button > span {
	font-family: 'Beaufort for LOL';
	text-transform: uppercase;
	color: #DFB264;
	opacity: 0.75;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
}
#help_toc_button::before {
	content: url('../images/actions/icon_toc.svg'); display: inline-block; transform: rotate(90deg); margin-right: 5px;
}

span.manual_symbol {
	text-indent: 0px; 
}

span.manual_symbol_cf, span.manual_symbol_f, span.manual_symbol_s, span.manual_symbol_cs {
	font-weight: 600;
}