#register fieldset dt {
	width: 40% !important;
}

.profile-character-skills {
	font-size: 0.6em;
}

.pending-review {
	color: #f25d5d;
}

.success-box {
	background-color: green!important;
	color: white;
}

.topic_preview_container img {
	width: -webkit-fill-available;
}

#ajax-action-container .filters dl {
	float: left;
}

.ajax-action-container > div {
	display: inline-block;
}

.toggle-table {
	cursor: pointer;
}

.expand-row-with-ajax {
	width: 2em;
	text-align: center;
	font-weight: bold;
}

.expand-row-with-ajax:hover {
	cursor: pointer;
	background-color: #9cacb2 !important;
	color: black;
}

.knowledge-progress {
	overflow: hidden;
	height: 1.4em;
	cursor: pointer;
}

.knowledge-entry, .speciality-entry {
	width: 49%;
	display: inline-block;
	font-size: 0.6em;
	margin-right: 1%;
}

.skill-knowledge-list-title, .skill-speciality-list-title {
	text-align: center;
	font-size: 0.6em;
	color: #1c262f;
	margin-bottom: 0.6em;
}

.skill-knowledge-list-subtitle, .skill-speciality-list-subtitle {
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.skill-knowledge-list, .skill-speciality-list {
	padding: 0.6em;
	display: none;
}

@media (max-width: 900px) {
	.overall-skill-progress {
		display: none;
	}
}

.progress-bar, .level-bar {
	height: 1.4em;
	border-radius: 1em;
}

.progress-bar {
	position: relative;
	border: 1px solid #8fa0a1;
	margin-top: 6px;
	background-color: black;
}

.controls {
	padding-top: 2.8em !important;
	vertical-align: top !important;
}

.controls .skill-points-container {
	font-size: 1.8em;
	display: inline;
	white-space: nowrap;
}

.controls .skill-points-container input {
	vertical-align: top;
}

.controls .skill-points, .controls .knowledges {
	border: none;
	background-color: inherit;
	margin-left: 10px;
	text-align: right;
	padding: 0px;
	display: inline;
}

.skill-col {
	text-align: left !important;
	font-size: 1.6em;
	width: 70%;
}

.next-skill-competence {
	float: right;
	font-size: 0.8em;
	margin-top: 0.4em;
}

.skill-competence {
	display: inline;
}

.progress-bar .icon {
	position: absolute;
	left: 45%;
	color: #ffa200;
	margin-top: 0.15em;
	font-size: 1em;
}

.level-progress-figures {
	position: absolute;
	border-radius: 8px;
	background-color: antiquewhite;
	padding: 0px 5px;
	font-size: 0.9em;
	font-weight: 200;
	color: black;
	margin-top: 0.1em;
	left: 40%;
	opacity: 0.7;
}

.header-spacer-row {
	padding-top: 10px;
}

.progress-bar.xp-spent .level-progress-figures {
	left: 30%;
}

.voucher-description {
	margin: 0.5em 0 0.7em 0;
}

.voucher-reward-details-dialog a {
	text-decoration: underline;
}

select.voucher-reward-selector, .voucher-reward-additional-data-selector, .voucher-reward-psf-thread {
	height: 38px;
	width: 100%;
	margin-bottom: 10px;
}

.voucher-reward-additional-data .chosen-container {
	margin-bottom: 10px;
}

.voucher-reward-psf-thread {
	width: 98%;
	padding: 0 1%!important;
}

.psf-thread-container {
	display: none;
	margin-bottom: 10px;
}

.voucher-reward-additional-data {
	display: none;
}

.voucher-reward-details-dialog {
	display: none;
}

.voucher-reason {
	font-style: italic;
}

.voucher-cliam-button {
	float: right;
	display: none;
}

.voucher-reward-details-button {
	float: left;
	display: none;
}

.voucher > h3 {
	margin-top: 0px;
}

.voucher {
	width: 28%;
	float: left;
	margin: 1%;
	border: 1px solid;
	padding: 1em;
}

.level-bar {
	width:  0%;
}

.level-one {
	background-color: #23023C;
}

.level-two {
	background-color: #593562;
}

.level-three {
	background-color: #7B469E;
}

.level-four {
	background-color: #A967DC;
}

.level-five {
	background-color: #CEA6E8;
}

.skill-knowledge-list-container {
	overflow-y: scroll;
	height: 10em;
}

.tier-2-skill .progress-bar {
	background-color: #D4E6F7;
	background-image: url("/ext/wraithbbcode/genericbbcode/styles/all/template/images/solidgoldnovice.jpg");
	color: black;
}
.sadad {
	box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #ffa200, 0 0 20px #ffa200, 0 0 25px #e60073, 0 0 30px #e60073, 0 0 35px #e60073;
}
.tier-2-skill .level-one {
	background-color: #9EB6C9;
	background-image: url("/ext/wraithbbcode/genericbbcode/styles/all/template/images/solidgoldcompetent.jpg");
}

.tier-2-skill .level-two {
	background-color: #9EB6C9;
	background-image: url("/ext/wraithbbcode/genericbbcode/styles/all/template/images/solidgoldexpert.jpg");
}

.tier-2-skill .level-three {
	background-color: #6C8AAE;
	background-image: url("/ext/wraithbbcode/genericbbcode/styles/all/template/images/solidgoldmaster.jpg");
}

.tier-2-skill .level-four {
	background-color: #496484;
	background-image: url("/ext/wraithbbcode/genericbbcode/styles/all/template/images/solidgoldgm.jpg");
}

.tier-2-skill .level-five {
	background-color: #1C304A;
}

fieldset dl, .content {
	overflow: visible !important;
	clear: both;
}

#active-skills .skill-points, #active-skills .knowledges {
	width: 3em;
}

.note-word-count-container {
	text-align: center;
}

.controls.totals {
	text-align: right;
}

#edit_note #save-new-note, #edit_note #cancel-new-note, #edit_note #saving-new-note, #edit_note #saved-new-note {
	display: none;
}

#edit_note #saving-new-note, #edit_note #saved-new-note {
	text-align: center;
	padding: 14px;
}

#edit_note #saving-new-note {
	color: orange;
	font-weight: bold;
}

#edit_note #saved-new-note {
	color: green;
	font-weight: bold;
}

#edit_note #note_text {
	width: 100%;
	height: 400px;
}

ul.normal {
	margin-left: 40px;
}

a.help-link {
	margin-top: 0.6em;
	margin-left: 10px;
	color: #849296;
}

.st-date-row td {
	text-align: left !important;
	padding: 14px 5px 5px 4px !important;
}

tr.st-date-row {
	background: #252f39;
	font-weight: 200;
	border-bottom: 1px solid grey;
}

.errorbox {
	border: 1px solid #bf6969;
	background-color: #432222;
	padding: 0px 14px;
}

.not_active h3 {
	margin: 5px 0px;
}

.hidden_block {
	clear: both;
}

#issue_rewards_form fieldset dt {
	padding-top: 0.5em;
}

fieldset.one-third textarea {
	width: 100%;
	height: 100px;
}

fieldset.one-third {
	width: 30%;
	float: left;
	padding: 1em;
	border: 1px solid lightgray;
}

#adjust_points {
	clear: both;
}

#issue_rewards_form .not_active {
	padding-top: 0px;
}

#issue_rewards_form .not_active h3 {
	margin-top: 8px;
	cursor: pointer;
}

/*
.glow {
	color: #fff;
	animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
	}

	to {
		text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
	}
}
*/

.upgrade-to-tier-2 {
	cursor: pointer;
}

.not_active {
	height: 1.8em;
	overflow: hidden;
	float: right;
	clear: none !important;
	margin-bottom: 20px;
	padding: 0px !important;
}

#issue_rewards_form input.inputbox {
	width: auto;
}

#ajax-action-container .action {
	clear: both;
}

#ajax-action-container .action form {
	clear: both;
	border: 1px solid;
	padding: 10px;
	margin: 20px 0;
}

#ajax-action-container .action form fieldset {
	padding: 10px;
}

#ajax-action-container .action form button {
	margin: 10px;
}

.reward-table .deleted, .reward-table .deleted .alt {
	text-decoration: line-through!important;
	background-color: #422!important;
	color: #c00!important;
}

.wait-for-player-ui-container {
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	position: fixed;
	z-index: 99999;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.4);
}

.wait-for-player-ui-container > div {
	margin: auto;
	width: fit-content;
	padding: 20px;
	position: fixed;
	top: 45%;
	background-color: #1c262f;
	left: 33%;
	width: 30%;
}

.wait-for-player-ui-container .button{
	margin-left: 10px;
}

#ajax-action-container .action form .chosen-container {
	width: 100% !important;
}

#claimed-reward-search {
	margin-bottom: 5px;
}

.ajax-list-container tr.alt, .reward-table tr.alt {
	background-color: #252f39;
}

.ajax-list-container th {
	border-bottom: solid;
}

#select_user ul {
	margin-left: 40px;
}

tr.un-queued-review-requests-header th {
	padding: 2em 0em 1em 0em;
	font-size: 1.2em;
	text-align: left;
}

.ajax-list-hidden-body {
	display: none;
}

.ajax-list-hidden-head {
	cursor: pointer;
}

.ajax-list-danger {
	padding: 0em 0.2em;
	color: #ec0606;
	font-weight: bold;
}

#active-skills-search, #available-skill-search, #claimed-reward-search {
	max-width: 20em;
	width: 100%;
	height: 2em;
}

.reward-table, #active-skills, .claimed-reward-table {
	width: 100%;
}

.increase-skill-points.disabled {
	display: none;
}

.increase-knowledges.bumpped {
	margin-top: 2.6em;
}

.progress-bar.xp-spent {
	font-size: 1.8em;
}

.reward-table td, .claimed-reward-table td {
	text-align: center;
}

.reward-table td, .reward-table th, .claimed-reward-table td, .claimed-reward-table th {
	padding: 4px;
}

.claims-summary.show > ul.knowledges-being-claimed, .claims-summary.show > ul.skills-being-claimed, .claims-summary.show > ul.loot-being-claimed, .claims-summary.show > ul.loot-being-lost, .claims-summary.show > ul.injury-being-gained {
	padding-left: 20px !important;
	display: block;
}

ul.skills-being-claimed, ul.knowledges-being-claimed, ul.loot-being-claimed, ul.loot-being-lost, ul.injury-being-gained, .hide-claims-summary {
	display: none;
}

ul.skills-being-claimed, ul.knowledges-being-claimed, ul.loot-being-claimed, ul.loot-being-lost, ul.injury-being-gained {
	margin-bottom: 14px;
}

.hide-claims-summary {
	cursor: pointer;
}

.claims-summary.show > .hide-claims-summary {
	display: block;
}

.claims-summary.show {
	margin-top: 5px;
	padding: 12px;
	cursor: auto;
}

.claims-summary {
	display: inline;
	cursor: pointer;
}

.navbar {
	position: fixed;
}

#nav-main a[href$='/gallery'] { display: none; }

.cycle-Rebirth { color: #8dc63f; }
.cycle-Hot { color: #fece05; }
.cycle-Cold { color: #6c6cff; }

a.dropdown-toggle-submenu::after {
	content: "\f054";
	font-family: 'FontAwesome';
	text-rendering: auto;
	margin-left: 5px;
}

.dropdown > .dropdown-contents > .dropdown-submenu > li {
	padding-left: 10px;
}

@media (max-width: 850px) {
	.postprofile { width: 28%; }

	.responsive-nav-first > a > span, .responsive-nav-second > a > span { display: none; }

	#viewprofile .panel.left-box { width: 100%!important; }

	#viewprofile .right-box { width: 100%!important; }

	.profile-tabs h2 { display: block !important; }
}

#viewprofile .button { width: 100%!important; box-sizing: border-box; }

#phpbb_gallery_user_profile {
	display: none;
}

.dropdown-submenu {
	display: none;
}

.knowledge, .skillused {
	display: inline;
}

ol {
	margin: 0 2em;
	list-style: none !important;
	counter-reset: list;
}

ol > li {
	position: relative;
}

ol > li:before {
	counter-increment: list;
	content: counter(list)'.';
	position: absolute;
	right: 100%;
	margin-right: 5px;
	top: 0;
}

#nav-breadcrumbs a.dropdown-trigger {
	padding-left: 4px;
	padding-right: 6px;
	border-radius: 4px !important;
	border: 1px solid #aaaaaa !important;
	background: #EEEEEE !important;
}

#nav-breadcrumbs a.dropdown-trigger:HOVER {
	color: #dddddd !important;
	border-radius: 4px !important;
	background: #859398 !important;
	background-color: rgb(133, 147, 152) !important;
}

body.navbar_o_header .site-description.logo_right {
	margin: 80px 50px 100px;
}

.topiclist .header li dl dt {
	margin-top: 14px !important;
	display: none;
}

b, strong {
	font-weight: bold !important;
}

code {
	white-space: break-spaces;
}

.forums .row-item:before, .topics .row-item:before, .pmlist .row-item:before, .cplist .row-item:before {
	color: rgba(100,100,100,100);
}

.forums .row-item:before, .topics .row-item:before, .pmlist .row-item:before, .cplist .row-item:before {
	border-radius: 50%;
	border-color: rgba(100,100,100,100);
}

dd.responsive-portal-news:last-of-type, dd.responsive-portal-announcements:last-of-type {
	width: auto !important;
}

ul.responsive-portal-news dd:last-of-type, ul.responsive-portal-announcements dd:last-of-type, #portal-forumlist ul dd:last-of-type {
	width: auto !important;
}

.spoilcontent { display: none; }

.spoilwrapper {
	margin:1em 0;
	font-weight:normal;
	padding:4px 10px;
	background-color:#fff;
	border:1px solid #dbdbdb;
	border-radius:4px;
	color:#333;
}

.spoilbtn {
	margin:2px 5px;
	text-transform:uppercase;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	display:block;
	cursor:pointer;
	color:#333
}


.tables1 {
	background: none !important;
	margin-bottom: 0px !important;
}

.pipe-table {
	margin-bottom: 0px !important;
}

.nav_home {
	font-size: 28px;
}

.ooc-text {
	text-decoration: underline;
	display: inline;
}

#pcgf-autodrafts-notifications {
	float: right;
	font-weight: bold;
}

#bbcode_wizard {
	padding: 15px!important;
}

.get-post-trigger {
	text-decoration: underline;
	cursor: pointer;
	display: inline;
}

.get-post-spur {
	display: inline-block;
	width: 18px; /* width of the icon, plus padding */
	height: 14px;  /* height of the icon */
	vertical-align: top;
	background: url("/ext/threedi/notebbcode/styles/all/theme/images/prime_bbcode_note.gif") no-repeat top right;
}

.get-post-close-icon {
	display: inline-block;
	width: 18px;
	height: 11px;
	vertical-align: top;
	background: url("/ext/threedi/notebbcode/styles/all/theme/images/prime_bbcode_note_close.gif") no-repeat top right;
	position: absolute;
	top: -6px;
	left: -12px;
	cursor: pointer;
}

.thread-review-requested h3, .thread-reviewed h3 {
	margin-bottom: 10px;
	font-weight: bold;
}

.thread-review-requested p, .thread-reviewed p {
	margin: 0px;
}

.thread-review-requested, .thread-reviewed {
	margin: 10px 0px;
	border: 1px solid;
	padding: 8px 15px;
	background-color: #859398;
	color: #FFF;
	border-color: #859398;
}

.thread-review-requested a, .thread-reviewed a {
	color: beige;
	text-decoration: underline;
}

.thread-reviewed a {
	color: #333333;
	text-decoration: underline;
}

.thread-reviewed {
	background-color: #F7F7F7;
	border-color: #edecec;
	color: #333333;
}

.ajax-list-container table {
	width: 100%;
}

/* ===== The Wanderer's Atlas — character timeline =========================================
   All colours flow through --tl-* tokens. Fallbacks below target the Milk LIGHT scheme; under
   the Idalos style the Idalos :root tokens (--ember/--frost/--parch/--i-line/--i-panel) win;
   colour_scheme_dark.css overrides the --tl-* values for Milk DARK. */
.wraith-timeline {
	--tl-ember: var(--ember, #b8860b);
	--tl-ember-hi: var(--ember-hi, #c8951f);
	--tl-frost: var(--frost, #3d6d94);
	--tl-frost-hi: var(--frost-hi, #2f5a7d);
	--tl-parch: var(--parch, #2c2c2c);
	--tl-parch-dim: var(--parch-dim, #6a6a6a);
	--tl-parch-faint: var(--parch-faint, #9a9a9a);
	--tl-line: var(--i-line, #dcdcdc);
	--tl-line-soft: var(--i-line-soft, #ededed);
	--tl-panel: var(--i-panel, #ffffff);
	--tl-deep: var(--i-deep, #f4f4f4);
	--tl-blood: var(--blood, #b6524a);
	--tl-collab: #4a9e78;

	position: relative;
	padding-top: 6px;
	color: var(--tl-parch);
	font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}
.wraith-timeline svg text {
	font-family: "Copperplate", "Copperplate Gothic Light", Optima, "Palatino Linotype", Palatino, serif;
	fill: var(--tl-parch);
}

/* controls */
.tl-controls { display: flex; gap: 20px 26px; flex-wrap: wrap; align-items: flex-start; margin: 0 0 14px; }
.tl-ctl-group { display: flex; flex-direction: column; gap: 6px; }
.tl-ctl-label { font-family: "Copperplate", Optima, serif; text-transform: uppercase; letter-spacing: .14em; font-size: 10px; color: var(--tl-parch-faint); }
.tl-ctl-row { display: flex; gap: 7px; flex-wrap: wrap; align-items: center; }
.tl-seg { display: inline-flex; border: 1px solid var(--tl-line-soft); border-radius: 20px; overflow: hidden; background: var(--tl-deep); }
.tl-seg button { appearance: none; cursor: pointer; background: transparent; border: 0; color: var(--tl-parch-dim); font-family: "Copperplate", Optima, serif; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; padding: 6px 12px; }
.tl-seg button:not(:last-child) { border-right: 1px solid var(--tl-line-soft); }
.tl-seg button.is-on { background: rgba(230,178,92,.16); color: var(--tl-ember-hi); }
.tl-chip, .tl-zoom .tl-step { font-family: "Copperplate", Optima, serif; cursor: pointer; user-select: none; }
.tl-chip { display: inline-flex; align-items: center; background: var(--tl-deep); border: 1px solid var(--tl-line-soft); border-radius: 20px; padding: 5px 12px; font-size: 11px; letter-spacing: .06em; color: var(--tl-parch-dim); }
.tl-chip:hover { border-color: var(--tl-ember); color: var(--tl-parch); }
.tl-chip.is-on { border-color: var(--tl-ember); color: var(--tl-ember-hi); background: rgba(230,178,92,.12); }
.tl-zoom { display: inline-flex; align-items: center; gap: 8px; }
.tl-zoom .tl-step { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--tl-line-soft); border-radius: 50%; color: var(--tl-parch); }
.tl-zoom .tl-step:hover { border-color: var(--tl-ember); }

/* frame + gutter */
.tl-frame { position: relative; overflow: hidden; border: 1px solid var(--tl-line-soft); border-radius: 6px; background: var(--tl-deep); }
.tl-scroll { overflow-x: auto; overflow-y: hidden; }
.tl-scroll svg { display: block; }
.tl-gutter { position: absolute; top: 0; left: 0; bottom: 0; width: 150px; z-index: 3; pointer-events: none;
	background: linear-gradient(90deg, var(--tl-deep) 74%, transparent); }
.tl-gutter-head { position: absolute; left: 12px; top: 12px; font-family: "Copperplate", Optima, serif; text-transform: uppercase; letter-spacing: .14em; font-size: 10px; color: var(--tl-ember); }
.tl-glab { position: absolute; left: 12px; display: flex; align-items: center; gap: 9px; transform: translateY(-50%); pointer-events: auto; }
.tl-crest { width: 26px; height: 26px; border-radius: 50%; flex: none; display: grid; place-items: center; font-family: "Copperplate", Optima, serif; font-size: 11px; color: #2a1d09;
	background: radial-gradient(70% 70% at 35% 30%, #ffdf9e, #e6b25c 55%, #b7813a); box-shadow: 0 0 0 1px rgba(0,0,0,.35), 0 3px 8px -4px rgba(0,0,0,.6); }
.tl-lane-name { font-family: "Copperplate", Optima, serif; font-size: 13px; color: var(--tl-parch); letter-spacing: .02em; }
.tl-omen { font-family: "Copperplate", Optima, serif; font-size: 9px; letter-spacing: .04em; color: var(--tl-frost); text-decoration: underline; text-underline-offset: 2px; }
.tl-omen:hover { color: var(--tl-ember-hi); }

/* season bands */
.tl-band { stroke: var(--tl-line); stroke-width: 1; fill-opacity: .14; }
.tl-band--cylus { fill: #3b3b6b; } .tl-band--ashan { fill: #325902; } .tl-band--ymiden { fill: #7c6b06; }
.tl-band--saun { fill: #7a1414; } .tl-band--vhalar { fill: #7a3a12; } .tl-band--zida { fill: #1414a8; }
.tl-cap { fill: var(--tl-deep); stroke: var(--tl-line); }
.tl-cap-label { font-size: 11.5px; letter-spacing: 2px; }
.tl-orb--cylus, .tl-cap-label--cylus { fill: #8f8fc8; } .tl-orb--ashan, .tl-cap-label--ashan { fill: #9fca63; }
.tl-orb--ymiden, .tl-cap-label--ymiden { fill: #d8bb3a; } .tl-orb--saun, .tl-cap-label--saun { fill: #e07a7a; }
.tl-orb--vhalar, .tl-cap-label--vhalar { fill: #e0955f; } .tl-orb--zida, .tl-cap-label--zida { fill: #8f9fec; }
.tl-grid { stroke: var(--tl-line); stroke-opacity: .3; }

/* lanes */
.tl-lane-alt { fill: var(--tl-parch); fill-opacity: .03; }
.tl-divider { stroke: var(--tl-line-soft); }

/* per-city events */
.tl-ev-track { stroke: var(--tl-frost); stroke-opacity: .22; stroke-dasharray: 1 5; }
.tl-ev-heat { fill: var(--tl-frost); }
.tl-event { cursor: pointer; }
.tl-event-glow { fill: var(--tl-frost); fill-opacity: .18; }
.tl-event-body { fill: var(--tl-deep); stroke: var(--tl-frost); stroke-width: 1.1; }
.tl-event.is-reach .tl-event-body { stroke: var(--tl-frost-hi); stroke-width: 1.4; }
.tl-event-core { fill: var(--tl-frost); }
.tl-event.is-reach .tl-event-core { fill: var(--tl-frost-hi); }

/* journey + waypoints */
.tl-journey { fill: none; stroke: url(#tlJourney); stroke-width: 2.6; stroke-opacity: .62; stroke-linejoin: round; stroke-linecap: round; pointer-events: none;
	filter: drop-shadow(0 0 3px rgba(230,178,92,.5)); }
.tl-waypoint { cursor: pointer; }
.tl-seal { fill: url(#tlSeal); stroke: var(--tl-line); stroke-width: 1.5; filter: drop-shadow(0 0 4px rgba(230,178,92,.45)); }
.tl-waypoint:hover .tl-seal { stroke: #ffdf9e; }

/* hover card */
.tl-card { position: fixed; z-index: 50; pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity .12s;
	max-width: 280px; background: var(--tl-panel); border: 1px solid var(--tl-line); border-radius: 6px;
	box-shadow: 0 20px 44px -22px rgba(0,0,0,.55); padding: 11px 13px; font-family: "Iowan Old Style", Palatino, Georgia, serif; }
.tl-card.is-shown { opacity: 1; transform: none; }
.tl-card-t { font-family: "Copperplate", Optima, serif; color: var(--tl-ember-hi); font-size: 15px; letter-spacing: .02em; margin-bottom: 5px; }
.tl-card.event .tl-card-t { color: var(--tl-frost-hi); }
.tl-card-meta { font-family: "Copperplate", Optima, serif; text-transform: uppercase; letter-spacing: .1em; font-size: 9px; color: var(--tl-parch-faint); display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 7px; }
.tl-card-meta .tl-loc { color: var(--tl-frost); }
.tl-card-meta .tl-reach { color: var(--tl-frost-hi); }
.tl-card-ex { font-size: 13px; color: var(--tl-parch-dim); line-height: 1.4; max-height: 4.2em; overflow: hidden; }

/* empty state */
.tl-empty { text-align: center; padding: 44px 20px; color: var(--tl-parch-faint); }
.tl-empty-orn { font-size: 2rem; opacity: .7; margin-bottom: 8px; }
.tl-empty p { font-family: "Copperplate", Optima, serif; color: var(--tl-parch-dim); margin: 0 0 4px; letter-spacing: .04em; }
.tl-empty span { font-size: 13px; }

.reward_pb_selector {
	width: 400px;
}

.topic-title-st-date {
	font-size: 150%;
}

.googlefont, .font-size, .google-font {
	display: inline;
}

.font-size {
	line-height: 116%;
}

.bbcode-indent {
	display: inline-flex;
}

.wraith_hr {
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	display: block;
}

.pipe-table td, .pipe-table th {
	padding-left: 0px !important;
	padding-right: 0px !important;
}


.tabmenu_ul li a:hover {
	background: #a7b0b8;
}

.tabmenu_ul li a.current, .tabcontent_wrapper {
	background: #a7b0b8;
	border-bottom: 1px solid #373d42;
	background-image: none;
	box-shadow: 1px 1px 1px #373d42, -1px 1px 1px #373d42, 1px -1px 1px #373d42, -1px -1px 1px #373d42;
	-moz-box-shadow: 0px 1px 0px #373d42, 0px 1px 1px #373d42, 0px -0px 0px, -0px -0px 0px;
}

.tabcontent {
	color: black;
}

.tabmenu_ul li a, .tabmenu_ul li a:link {
	box-shadow: 1px 1px 1px #373d42, -1px 1px 1px #373d42, 1px -1px 1px #373d42, -1px -1px 1px #373d42;
	-moz-box-shadow: 0px 1px 0px #373d42, 0px 1px 1px #373d42, 0px -0px 0px, -0px -0px 0px;
}

.tabcontent_top, .tabcontent_wrapper {
	background: #a7b0b8;
	background-image: none;
	box-shadow: 1px 1px 1px #a7b0b8, -1px 1px 1px #a7b0b8, 1px -1px 1px #a7b0b8, -1px -1px 1px #a7b0b8;
	-moz-box-shadow: 0px 1px 0px #a7b0b8, 0px 1px 1px #a7b0b8, 0px -0px 0px, -0px -0px 0px;
}

.postprofile dt, .postprofile dd {
	padding-left: 8px;
}

.forabg .inner .topiclist .header img {
	display: none;
}

.tabcontent a {
	color: #0c2f98 !important;
}

.tabcontent a:hover {
	color: #000000;
}

/* RESPONSIVE FIXES */

@media (max-width: 900px) {
	.style1, .style2, .style3, .style4, .style5, .style6, .style7 {
		margin-left: 10px !important;
	}
}

.forumlist_grid_forum_image {
	height: 200px;
	width: 98%;
	max-width: 350px;
	background-size: cover;
	margin: 0 1%;
}

.forumlist_grid .forums .row-item:before, .forumlist_grid .topics .row-item:before, .forumlist_grid .pmlist .row-item:before, .forumlist_grid .cplist .row-item:before {
	margin-left: 80%;
}

a.forumtitle, a.topictitle {
	margin-top: 13px;
}

.css_icons_enabled dl.row-item {
	margin: 1px 1% 5px 1%;
}

.forumlist_grid .forum_description {
	height: 65px;
	overflow-y: auto;
}

ul.topiclist li {
	/* display: block; */
	list-style-type: none;
	margin: 0;
}
.rh_topictags_tagcloud li, .rh_tag, tags-input .tags .tag-item {
	display: inline-block!important;
}

.rh_topictags_tagcloud li {
	padding: 5px 15px!important;
	margin: 5px!important;
}

/* ---------------------------------------------------------------------------
   Post hearts (❤ like system) — LAYOUT + base colours.
   Lives here (loaded for every theme) so the layout applies in light AND dark;
   colour_scheme_dark.css only overrides the colours.
   --------------------------------------------------------------------------- */
.heart-button-wrapper .heart-btn,
.heart-button-wrapper.heart-readonly {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Read-only (guests + own posts): show the count, but not clickable. */
.heart-button-wrapper.heart-readonly {
    padding: 0 8px;
    color: #777;
    cursor: default;
}

.heart-btn .heart-icon,
.heart-readonly .heart-icon {
    color: #b9b9b9;           /* muted heart when not hearted */
    transition: color 0.15s ease-in;
    line-height: 1;
}

.heart-btn:hover .heart-icon {
    color: #e57373;
}

.heart-btn.hearted .heart-icon {
    color: #d6336c;           /* filled/red once the player has hearted */
}

.heart-btn .heart-count,
.heart-readonly .heart-count {
    font-weight: bold;
}

/* Title bar: forum title on the left, "most liked" block on the right. */
.mh-titlebar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.mh-titlebar .forum-title {
    flex: 1 1 auto;
    min-width: 0;
}

/* "Most liked threads" block on the forum page (sits to the right of the title). */
.most-hearted-threads {
    flex: 0 1 auto;
    max-width: 50%;
    margin: 0 0 8px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

/* On narrow screens let the block drop below the title full-width. */
@media (max-width: 700px) {
    .most-hearted-threads {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.most-hearted-threads .inner {
    padding: 8px 12px;
}

.most-hearted-threads .most-hearted-title {
    margin: 0 0 6px;
    font-size: 1.1em;
}

.most-hearted-threads .most-hearted-title .heart-icon,
.most-hearted-threads .heart-count-badge .heart-icon {
    color: #d6336c;
}

.most-hearted-list {
    margin: 0;
    padding-left: 20px;
}

.most-hearted-item {
    margin: 2px 0;
}

.most-hearted-item .heart-count-badge {
    margin-left: 6px;
    color: #777;
    font-size: 0.9em;
}

/* Cascading power drill-down (UCP Powers -> Claim a Power). Stack the dependent
   selects so each revealed level reads as the next step. Base layout only; the
   selects inherit form colours (incl. dark-mode overrides for select). */
.power-tree-cascade {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.power-tree-cascade .power-tree-select {
    max-width: 100%;
}