body {
	background: #fff;
	color: #333;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	overflow-y: scroll;
}

a:link {
	color: #0072BC;
	text-decoration: none;
}

a:visited {
	color: #0072BC;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0072BC;
	text-decoration: underline;
}

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	min-width: 990px;
}

.wrapper {
	width: 85%;
	min-width: 970px;
	max-width: 1500px;
	margin: auto auto;
}

#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	background: #fff;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 30px;
	width: 30px;
	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offclose {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: #fff;
	width: 100%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

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

.trow1 {
	background: #f5f5f5;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow2 {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	border-top: 1px solid #fff;
	padding: 6px;
	background: #ddd;
	color: #666;
}

.tfoot a:link {
	color: #444;
	text-decoration: none;
}

.tfoot a:visited {
	color: #444;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #444;
	text-decoration: underline;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #333;
	font-size: 12px;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #333;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
	white-space: pre;
	tab-size: 4;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	padding: 3px 6px;
	margin-bottom: 3px;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.pagination .pagination_current {
	background: none;
	color: #333;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #0072BC;
	color: #fff;
	border-color: #263c30;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
    display: none;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}
.jGrowl.top-left {
	left: 0px;
	top: 0px;
}
.jGrowl.top-right {
	right: 0px;
	top: 0px;
}
.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}
.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}
.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}
.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}
.jGrowl .jGrowl-notification {
	min-height: 40px;
}
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}
.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}
.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
	}
}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/close.png) no-repeat 0 0;
	z-index: 2;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}
iframe.jqifade{
	display:block;
	z-index:-1;
}
div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}
div.jqi .jqicontainer{
}
div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}
div.jqi .jqistate{
	background-color: #fff;
}
div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}
div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}
div.jqi .jqibuttonshide{
	display: none;
}
div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}
div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}
div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}
div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}
.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{ position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;}

.jqi .jqiarrowtl{ left: 10px; top: -20px; border-bottom-color: #ffffff; }
.jqi .jqiarrowtc{ left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowtr{ right: 10px; top: -20px; border-bottom-color: #ffffff; }

.jqi .jqiarrowbl{ left: 10px; bottom: -20px; border-top-color: #ffffff; }
.jqi .jqiarrowbc{ left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; }
.jqi .jqiarrowbr{ right: 10px; bottom: -20px; border-top-color: #ffffff; }

.jqi .jqiarrowlt{ left: -20px; top: 10px; border-right-color: #ffffff; }
.jqi .jqiarrowlm{ left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowlb{ left: -20px; bottom: 10px; border-right-color: #ffffff; }

.jqi .jqiarrowrt{ right: -20px; top: 10px; border-left-color: #ffffff; }
.jqi .jqiarrowrm{ right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; }
.jqi .jqiarrowrb{ right: -20px; bottom: 10px; border-left-color: #ffffff; }

/** Impromptu End */

/* =====================================================================
   NOCTURNO RPG – motyw forum (warstwa nadpisująca domyślny global.css)
   Paleta jak w panelach serwera (AUI): tło 17,21,29 · akcent 77,141,255
   ===================================================================== */
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: swap;
	src: url(../../../images/nocturno/inter-medium.woff) format('woff'); }
@font-face { font-family: 'Inter'; font-weight: 700; font-style: normal; font-display: swap;
	src: url(../../../images/nocturno/inter-bold.woff) format('woff'); }

:root {
	--bg: #0b0e15;          /* tło strony */
	--bg2: #11151d;         /* okno / sekcja (17,21,29) */
	--raise: #171c26;       /* wyniesione (23,28,38) */
	--card: rgba(255,255,255,.035);
	--card-h: rgba(255,255,255,.06);
	--line: rgba(255,255,255,.07);
	--edge: rgba(255,255,255,.10);
	--edge-h: rgba(255,255,255,.18);
	--text: #eceff5;        /* 236,239,245 */
	--muted: #8b94a5;       /* 139,148,165 */
	--dim: #606878;         /* 96,104,120 */
	--accent: #4d8dff;      /* 77,141,255 */
	--accent-h: #6ea2ff;
	--accent-soft: rgba(77,141,255,.14);
	--ok: #4ade80; --warn: #f5b942; --bad: #f87171; --viol: #a78bfa;
	--r: 12px; --r-s: 8px;
}

/* ---------- podstawy ---------- */
html { background: var(--bg); }
body {
	background: var(--bg) radial-gradient(1200px 500px at 50% -200px, rgba(77,141,255,.10), transparent 70%) no-repeat;
	color: var(--text);
	font-family: 'Inter', 'Segoe UI', Tahoma, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.55;
}
#container { color: var(--text); font-family: inherit; font-size: 14px; line-height: 1.55; min-width: 0; }
strong, b, th { font-weight: 700; }
a:link, a:visited { color: var(--accent); }
a:hover, a:active { color: var(--accent-h); text-decoration: none; }
::selection { background: rgba(77,141,255,.35); color: #fff; }
hr { background: var(--line); border: 0; height: 1px; }
.smalltext { font-size: 12.5px; color: var(--muted); }
.smalltext a:link, .smalltext a:visited { color: var(--accent); }
.largetext { font-weight: 700; color: var(--text); }
.wrapper { width: 92%; max-width: 1240px; min-width: 0; }

/* ---------- nagłówek ---------- */
#logo {
	background: transparent;
	border-bottom: 1px solid var(--line);
	padding: 18px 0;
}
#logo .wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; }
#logo img { height: 52px; width: auto; display: block; }
#logo ul.top_links { float: none; font-weight: 700; display: flex; gap: 4px; flex-wrap: wrap; margin: 0; }
#header ul.menu li { margin: 0; display: inline-block; }
#header ul.menu li a,
#logo ul.top_links a.search, #logo ul.top_links a.memberlist, #logo ul.top_links a.calendar,
#logo ul.top_links a.help, #logo ul.top_links a.portal {
	background: none; padding: 8px 14px; border-radius: 9px; display: inline-block;
	color: var(--muted); font-weight: 700; font-size: 13.5px; transition: background .15s, color .15s;
}
#header ul.menu li a:hover { background: var(--card-h); color: var(--text); }

#panel .upper {
	background: var(--bg2);
	color: var(--muted);
	border: 0; border-bottom: 1px solid var(--line);
	padding: 10px 0;
}
#panel .upper .wrapper { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: space-between; }
#panel .upper .wrapper > .welcome { order: -1; }
#panel .upper a:link, #panel .upper a:visited, #panel .upper a:hover, #panel .upper a:active { color: var(--text); font-weight: 700; }
#panel .upper a.logout, #panel .upper a.lost_password, #panel .upper a.register, #panel .upper a.login {
	background: none; padding: 6px 12px; margin-left: 6px; border-radius: 8px;
}
#panel .upper a.login { background: var(--accent); color: #fff !important; }
#panel .upper a.login:hover { background: var(--accent-h); }
#panel .upper a.register { border: 1px solid var(--edge); }
#panel .upper a.register:hover, #panel .upper a.logout:hover { background: var(--card-h); }
#panel .upper a.logout { color: var(--muted) !important; }
#panel .lower {
	background: var(--bg2);
	color: var(--muted);
	border: 0; border-bottom: 1px solid var(--line);
	padding: 4px 0 6px;
}
#panel .lower a:link, #panel .lower a:visited, #panel .lower a:hover, #panel .lower a:active { color: var(--muted); }
#panel .lower a:hover { color: var(--text); }
#panel .lower ul.panel_links a.usercp, #panel .lower ul.panel_links a.modcp, #panel .lower ul.panel_links a.admincp,
#panel .lower ul.user_links li a {
	background-image: none; padding: 6px 10px; margin: 0; border-radius: 8px; font-weight: 700; font-size: 13px;
}
#panel .lower ul.panel_links a.admincp { color: var(--warn); }
#panel .lower ul.user_links li a:hover, #panel .lower ul.panel_links a:hover { background: var(--card-h); }

#search { float: none; }
#search input.textbox, #search input.button { margin: 0; }
#search input.textbox { width: 230px; border-radius: 9px 0 0 9px; }
#search input.button { border-radius: 0 9px 9px 0; margin-left: -1px; }

#content { background: transparent; padding: 22px 10px 30px; }

/* ---------- okruszki ---------- */
.navigation { color: var(--muted); font-size: 13px; padding: 2px 2px 12px; }
.navigation a:link, .navigation a:visited { color: var(--muted); font-weight: 700; }
.navigation a:hover { color: var(--text); }
.navigation .active { color: var(--text); font-size: 15px; }

/* ---------- tabele / karty ---------- */
.tborder {
	background: var(--bg2);
	border: 1px solid var(--edge);
	border-radius: 14px;
	border-spacing: 0;
	overflow: hidden;
	padding: 0;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.tborder > tbody > tr > td, .tborder > thead > tr > td, .tborder td { border-color: var(--line); }
.thead {
	background: var(--bg2) none;
	color: var(--text);
	border-bottom: 1px solid var(--line);
	padding: 14px 16px;
	font-size: 15px;
}
.thead strong { position: relative; padding-left: 13px; }
.thead strong::before { content: ''; position: absolute; left: 0; top: .2em; width: 3px; height: 1.05em; border-radius: 2px; background: var(--accent); }
.thead a:link, .thead a:visited { color: var(--text); }
.thead a:hover, .thead a:active { color: var(--accent-h); }
.thead .smalltext { color: var(--muted); font-weight: 500; padding-left: 13px; }
.tcat {
	background: rgba(255,255,255,.025) none;
	color: var(--dim);
	border-top: 0; border-bottom: 1px solid var(--line);
	padding: 8px 16px;
	font-size: 11px; text-transform: uppercase; letter-spacing: .06em;
}
.tcat strong { font-weight: 700; }
.tcat a:link, .tcat a:visited { color: var(--muted); }
.tcat a:hover, .tcat a:active { color: var(--text); }
.trow1, .trow2 { background: transparent; border-color: var(--line); color: var(--text); }
.trow1, .trow2, .trow_shaded, .trow_selected td { padding: 13px 16px; }
.tborder tr + tr > .trow1, .tborder tr + tr > .trow2 { border-top: 1px solid var(--line); }
.trow2 { background: rgba(255,255,255,.012); }
.tborder tbody tr:hover > .trow1, .tborder tbody tr:hover > .trow2 { background: rgba(255,255,255,.03); }
.trow_shaded { background: rgba(245,185,66,.08); }
.trow_selected td { background: var(--accent-soft); color: var(--text); }
.trow_selected a:link, .trow_selected a:visited { color: var(--accent-h); }
.trow_sep { background: rgba(255,255,255,.04); color: var(--muted); border-bottom: 1px solid var(--line); font-size: 12px; }
.tfoot {
	background: rgba(255,255,255,.02) none;
	border-top: 1px solid var(--line);
	color: var(--muted);
	padding: 10px 16px;
}
.tfoot a:link, .tfoot a:visited { color: var(--muted); }
.tfoot a:hover { color: var(--text); }
.tborder td a:link strong, .tborder td a:visited strong { color: var(--text); }
.tborder td a:hover strong { color: var(--accent-h); }
.no_bottom_border { border-bottom: 0; }
.expcolimage img { filter: invert(1) brightness(.85); opacity: .55; }
.expcolimage img:hover { opacity: 1; }

/* ikony działów (zamiast obrazków z jasnego motywu) */
.forum_status {
	background: rgba(255,255,255,.05) none !important;
	border: 1px solid var(--edge);
	width: 40px; height: 40px; border-radius: 12px;
	display: inline-block; position: relative; box-sizing: border-box;
}
.forum_status::after {
	content: ''; position: absolute; inset: 9px;
	background: var(--dim);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.forum_on { background: var(--accent-soft) !important; border-color: rgba(77,141,255,.55); box-shadow: 0 0 0 3px rgba(77,141,255,.08); }
.forum_on::after { background: var(--accent-h); }
.forum_offclose::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
	background: var(--bad);
}
.forum_offlink::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
	background: var(--viol);
}
.subforumicon { background: none !important; width: 8px; height: 8px; border-radius: 50%; margin: 0 4px 1px 2px; vertical-align: middle; display: inline-block; }
.subforum_minion { background: var(--accent) !important; }
.subforum_minioff { background: var(--dim) !important; }
.subforum_minioffclose { background: var(--bad) !important; }
.subforum_miniofflink { background: var(--viol) !important; }
.forum_legend dt .forum_status { width: 26px; height: 26px; border-radius: 8px; }
.forum_legend dt .forum_status::after { inset: 6px; }
.forum_legend, .thread_legend { color: var(--muted); }

/* ---------- formularze ---------- */
input.textbox, textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"] {
	background: rgba(255,255,255,.04);
	color: var(--text);
	border: 1px solid var(--edge);
	border-radius: 9px;
	padding: 8px 11px;
	font-family: inherit; font-size: 13.5px; font-weight: 500;
	outline: none; transition: border-color .15s, background .15s, box-shadow .15s;
}
input.textbox:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus {
	border-color: var(--accent); background: rgba(255,255,255,.06); box-shadow: 0 0 0 3px rgba(77,141,255,.15);
}
select option { background: var(--raise); color: var(--text); }
input.button, button, .button, a.button:link, a.button:visited, a.button:active {
	background: var(--accent) none;
	color: #fff;
	border: 1px solid var(--accent);
	border-radius: 9px;
	padding: 8px 16px;
	font-family: inherit; font-size: 13.5px; font-weight: 700;
	box-shadow: none; text-shadow: none; cursor: pointer; transition: background .15s, transform .08s;
}
input.button:hover, button:hover, a.button:hover { background: var(--accent-h); border-color: var(--accent-h); color: #fff; }
input.button:active, a.button:active { transform: scale(.97); }
a.button span { color: #fff; }
fieldset { border: 1px solid var(--edge); border-radius: var(--r); padding: 12px 14px; }
fieldset.trow2 { border-color: var(--edge); }
legend { color: var(--muted); font-weight: 700; padding: 0 6px; }
input.error, textarea.error, select.error { border-color: var(--bad); background: rgba(248,113,113,.08); }
input.valid, textarea.valid, select.valid { border-color: var(--ok); background: rgba(74,222,128,.06); }
label.error { color: var(--bad); }

/* ---------- komunikaty ---------- */
div.error, .error_message, .red_alert, .pm_alert {
	background: rgba(248,113,113,.10); border: 1px solid rgba(248,113,113,.35); color: #fecaca; border-radius: var(--r); padding: 12px 16px;
}
.pm_alert { background: var(--accent-soft); border-color: rgba(77,141,255,.4); color: var(--text); }
.red_alert a:link, .red_alert a:visited { color: #fff; }
div.error p em { color: var(--bad); }
.success_message { color: var(--ok); }
.highlight { background: rgba(245,185,66,.18); color: var(--text); padding: 0 2px; }
.online { color: var(--ok); }
.offline { color: var(--dim); }

/* ---------- paginacja ---------- */
.pagination .pages { color: var(--muted); font-weight: 700; }
.pagination a, .pagination .pagination_current {
	background: var(--card); border: 1px solid var(--edge); border-radius: 8px; padding: 4px 9px; color: var(--text); font-weight: 700;
}
.pagination a:hover { background: var(--card-h); border-color: var(--edge-h); text-decoration: none; }
.pagination .pagination_current { background: var(--accent); border-color: var(--accent); color: #fff; }
.drop_go_page { background: var(--raise); border: 1px solid var(--edge); border-radius: 9px; }

/* ---------- menu rozwijane ---------- */
.popup_menu { background: var(--raise); border: 1px solid var(--edge); border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.45); padding: 4px; }
.popup_menu .popup_item { background: transparent; color: var(--text); border-radius: 7px; }
.popup_menu .popup_item:hover { background: var(--card-h); color: var(--text); }
.popup_menu .popup_item_container { margin: 0; }

/* ---------- posty ---------- */
.post { background: var(--bg2); border: 1px solid var(--edge); border-radius: 14px; overflow: hidden; margin-bottom: 14px; }
#posts > .post { border-radius: 14px; }
.post .post_author { background: rgba(255,255,255,.025); border-bottom: 1px solid var(--line); border-top: 0; padding: 12px 16px; }
.post.classic .post_author { border: 0; border-right: 1px solid var(--line); background: rgba(255,255,255,.02); }
.post .post_author div.author_avatar img { border-radius: 12px; border: 1px solid var(--edge); padding: 0; background: var(--raise); box-shadow: none; }
.post .post_author div.author_information .largetext a { color: var(--text); }
.post .post_author div.author_statistics { color: var(--muted); }
.post .post_head { border-bottom: 1px solid var(--line); color: var(--muted); }
.post .post_head span.post_date { color: var(--muted); }
.post_body { color: var(--text); padding: 14px 16px; font-size: 14.5px; line-height: 1.65; }
.post_content { padding: 12px 16px; }
.post_content .signature { border-top: 1px dashed var(--line); color: var(--muted); }
.post .post_meta { color: var(--dim); }
.post .post_meta a:link, .post .post_meta a:visited { color: var(--muted); }
.post_controls { background: rgba(255,255,255,.02); border-top: 1px solid var(--line); border-bottom: 0; padding: 8px 12px; }
.postbit_buttons > a:link, .postbit_buttons > a:visited, .postbit_buttons > a:active {
	background: var(--card) none; border: 1px solid var(--edge); border-radius: 8px; color: var(--text); padding: 4px 9px; font-weight: 700; font-size: 12px;
}
.postbit_buttons > a:hover { background: var(--card-h); border-color: var(--edge-h); color: #fff; }
.postbit_buttons a span { color: var(--text); }
.post.unapproved_post .post_author, .post.unapproved_post .post_controls { background: rgba(245,185,66,.10); }
.post.deleted_post { background: rgba(248,113,113,.06); }
.ignored_post, .deleted_post_collapsed { background: var(--bg2); border-color: var(--edge); color: var(--muted); }

/* cytaty i kod */
blockquote { background: rgba(77,141,255,.06); border: 0; border-left: 3px solid var(--accent); border-radius: 0 10px 10px 0; padding: 10px 14px; margin: 8px 0; color: var(--text); }
blockquote cite { border-bottom: 1px solid var(--line); color: var(--muted); font-weight: 700; }
blockquote cite > span { color: var(--dim); }
.codeblock { background: #0a0d13; border: 1px solid var(--edge); border-radius: 10px; padding: 10px 12px; }
.codeblock .title { border-bottom: 1px solid var(--line); color: var(--muted); }
.codeblock code { color: #c9d4ea; }

/* ostrzeżenia, reputacja */
.reputation_positive, ._plus { color: var(--ok); }
.reputation_neutral, ._neutral { color: var(--muted); }
.reputation_negative, ._minus { color: var(--bad); }
.trow_reputation_positive { background: rgba(74,222,128,.08); }
.trow_reputation_negative { background: rgba(248,113,113,.08); }
.repbox { border-radius: 6px; }
.high_warning, .high_banned, .imminent_banned { color: var(--bad); }
.moderate_warning, .moderate_banned { color: var(--warn); }
.low_warning, .low_banned { color: var(--ok); }

/* ankiety */
.pollbar { background: var(--accent) none; border: 0; border-radius: 6px; }
.poll_votedfor { color: var(--accent-h); }

/* edytor */
.editor { background: var(--raise); border: 1px solid var(--edge); border-radius: 10px; }
.editor_control_bar { background: var(--raise); border: 1px solid var(--edge); border-radius: 10px; }

/* okna modalne (logowanie itp.) */
.modal { background: var(--raise); border: 1px solid var(--edge); border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.6); color: var(--text); padding: 0; overflow: hidden; }
.jquery-modal.blocker { background: rgba(5,7,12,.75); }
.modal a.close-modal { filter: invert(1); opacity: .7; }

/* powiadomienia (jGrowl) */
.jGrowl-notification, .jGrowl-closer { background: var(--raise) !important; border: 1px solid var(--edge) !important; color: var(--text) !important; border-radius: 12px !important; }

/* ---------- stopka ---------- */
#footer { margin-top: 10px; }
#footer .upper { background: var(--bg2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 12px 0; }
#footer .upper ul.bottom_links { margin: 0; }
#footer ul.menu li { margin: 0 6px; }
#footer a:link, #footer a:visited { color: var(--muted); font-weight: 700; }
#footer a:hover { color: var(--text); }
#footer .lower { background: transparent; color: var(--dim); padding: 14px 0 26px; font-size: 12px; }
#footer .lower a:link, #footer .lower a:visited { color: var(--muted); font-weight: 500; }
#footer .lower #current_time { color: var(--dim); }

/* bez pionowych kresek między komórkami */
.tborder td, .trow1, .trow2, .trow_shaded, .tcat, .thead, .tfoot { border-left: 0 !important; border-right: 0 !important; }
#search input.button { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 700; }
#search input.button:hover { background: var(--accent-h); }
.post .post_author div.author_avatar img { background: #1b2130; }

/* menu panelu użytkownika / moderatora – ciaśniej */
td.trow1 .usercp_nav_item, td.trow1 .modcp_nav_item, td.trow2 .usercp_nav_item { margin: 2px 0; }
.usercp_nav_item, .modcp_nav_item { line-height: 18px; }

/* ---------- drobne ---------- */
img.attachment { border: 1px solid var(--edge); border-radius: 8px; padding: 2px; }
.scaleimages img { max-width: 100%; }
.subject_new { font-weight: 700; color: var(--text); }
.quick_jump { filter: invert(1); }
.separator { color: var(--dim); }
#debug { color: var(--dim); }
.tborder .trow1 > img, .tborder .trow2 > img { opacity: .9; }
table.tborder + br { line-height: 10px; }
.forum_legend, .thread_legend { opacity: .9; }

/* paski przewijania */
* { scrollbar-color: rgba(77,141,255,.6) transparent; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(77,141,255,.55); border-radius: 10px; border: 3px solid var(--bg); }
::-webkit-scrollbar-track { background: transparent; }

/* telefon */
@media (max-width: 760px) {
	.wrapper { width: 94%; }
	#logo img { height: 40px; }
	#search input.textbox { width: 150px; }
	.tborder td[width="200"], .tborder td[width="85"] { display: none; }
}

/* =====================================================================
   NOCTURNO v2 – układ w stylu 4Life (nagłówek, baner, karty działów, panel boczny)
   ===================================================================== */
.wrapper { width: 92%; max-width: 1280px; }
#content { padding: 26px 0 40px; overflow: visible; display: flow-root; }

/* --- pasek górny --- */
.nct-topbar { background: rgba(11,14,21,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 50; }
.nct-topbar__in { display: flex; align-items: center; gap: 22px; height: 70px; }
.nct-brand img { height: 42px; width: auto; display: block; }
.nct-nav { display: flex; gap: 2px; flex: 1; }
.nct-nav__a:link, .nct-nav__a:visited { white-space: nowrap; color: var(--muted); font-weight: 700; font-size: 14px; padding: 9px 13px; border-radius: 9px; transition: background .15s, color .15s; }
.nct-nav__a:hover { color: var(--text); background: var(--card-h); }
.nct-user { margin-left: auto; }
#panel.nct-user .upper, #panel.nct-user .lower { all: unset; }

.nct-btn:link, .nct-btn:visited, .nct-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--accent); color: #fff; font-weight: 700; font-size: 13.5px; padding: 9px 16px; border-radius: 10px;
	border: 1px solid var(--accent); transition: background .15s, border-color .15s, transform .08s; }
.nct-btn:hover { background: var(--accent-h); border-color: var(--accent-h); color: #fff; }
.nct-btn:active { transform: scale(.97); }
.nct-btn--ghost:link, .nct-btn--ghost:visited, .nct-btn--ghost { background: rgba(255,255,255,.04); border-color: var(--edge); color: var(--text); }
.nct-btn--ghost:hover { background: var(--card-h); border-color: var(--edge-h); color: #fff; }
.nct-btn--block { display: flex; width: 100%; box-sizing: border-box; }
.nct-guest { display: flex; gap: 8px; }

/* --- menu konta --- */
.nct-acc { position: relative; outline: none; }
.nct-acc__btn { display: inline-flex; align-items: center; gap: 9px; padding: 6px 12px 6px 6px; border-radius: 12px;
	background: rgba(255,255,255,.04); border: 1px solid var(--edge); color: var(--text); font-weight: 700; cursor: pointer; user-select: none; }
.nct-acc__icon { width: 30px; height: 30px; border-radius: 9px; background: var(--accent-soft); color: var(--accent-h); display: grid; place-items: center; }
.nct-acc__chev { opacity: .6; transition: transform .2s; }
.nct-acc__menu { position: absolute; right: 0; top: calc(100% + 8px); width: 270px; background: var(--raise); border: 1px solid var(--edge);
	border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.55); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(-6px);
	transition: opacity .16s, transform .16s, visibility .16s; z-index: 60; }
.nct-acc:hover .nct-acc__menu, .nct-acc:focus-within .nct-acc__menu { opacity: 1; visibility: visible; transform: none; }
.nct-acc:hover .nct-acc__chev, .nct-acc:focus-within .nct-acc__chev { transform: rotate(180deg); }
.nct-acc__hello { font-size: 12px; color: var(--muted); padding: 8px 10px 10px; border-bottom: 1px solid var(--line); margin-bottom: 6px; line-height: 1.5; }
.nct-acc__hello a { color: var(--text) !important; }
.nct-acc__list { list-style: none; margin: 0; padding: 0; }
.nct-acc__list li { display: block; margin: 0; color: var(--dim); font-size: 12px; }
.nct-acc__list li a:link, .nct-acc__list li a:visited { display: inline-block; color: var(--text); font-weight: 700; font-size: 13.5px; padding: 7px 10px; border-radius: 8px; background: none; }
.nct-acc__list li a:hover { background: var(--card-h); }
.nct-acc__list a.admincp { color: var(--warn) !important; }
.nct-acc__logout:link, .nct-acc__logout:visited { display: block; margin-top: 6px; border-top: 1px solid var(--line); padding: 10px 10px 4px; color: var(--bad); font-weight: 700; font-size: 13px; }

/* --- baner --- */
.nct-hero { position: relative; border-bottom: 1px solid var(--line);
	background: linear-gradient(90deg, rgba(11,14,21,.96) 0%, rgba(11,14,21,.70) 55%, rgba(11,14,21,.35) 100%), url(../../../images/nocturno/hero.jpg) center/cover no-repeat; }
.nct-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 60px; background: linear-gradient(transparent, var(--bg)); pointer-events: none; }
.nct-hero__in { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 34px 0 30px; flex-wrap: wrap; }
.nct-hero__kicker { color: var(--accent-h); font-size: 11.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 6px; }
.nct-hero__title { font-size: 30px; font-weight: 700; color: #fff; letter-spacing: -.01em; line-height: 1.15; }
.nct-hero__sub { color: var(--muted); margin-top: 6px; font-size: 14px; }
.nct-search { display: flex; align-items: center; background: rgba(11,14,21,.72); border: 1px solid var(--edge); border-radius: 12px; padding: 4px; width: 340px; max-width: 100%; }
.nct-search input.textbox { flex: 1; border: 0; background: transparent; box-shadow: none !important; }
.nct-search__btn { background: var(--accent); border: 0; border-radius: 9px; width: 38px; height: 34px; display: grid; place-items: center; color: #fff; padding: 0; }

/* --- okruszki --- */
.navigation { padding: 0 2px 16px; }

/* --- układ strony głównej --- */
.nct-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 22px; align-items: start; }
.nct-side { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 90px; }
.nct-side__links { text-align: right; padding: 0 4px; }

/* --- karty --- */
.nct-card { background: var(--bg2); border: 1px solid var(--edge); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.nct-card__head { display: flex; align-items: center; gap: 9px; padding: 14px 16px; font-weight: 700; font-size: 14.5px; border-bottom: 1px solid var(--line); position: relative; }
.nct-card__head::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: var(--accent); }
.nct-card__more:link, .nct-card__more:visited { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 700; }
.nct-card__more:hover { color: var(--text); }
.nct-card__body { padding: 14px 16px; }
.nct-online__list { margin-top: 8px; line-height: 1.9; font-size: 13px; }
.nct-online__list a { font-weight: 700; }
.nct-stats div { padding: 3px 0; }
.nct-stats div + div { border-top: 1px dashed var(--line); padding-top: 7px; margin-top: 4px; }

/* status serwera */
.nct-server .nct-card__head::before { display: none; }
.nct-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px rgba(74,222,128,.15); }
.nct-server__body { padding: 16px; background: radial-gradient(300px 120px at 100% 0, rgba(77,141,255,.16), transparent); }
.nct-server__name { font-weight: 700; font-size: 16px; }
.nct-server__ip { color: var(--muted); font-size: 12.5px; margin: 4px 0 14px; font-family: ui-monospace, Consolas, monospace; }
.nct-server__ip span { color: var(--text); }

/* --- kategorie i działy --- */
.nct-cat { background: var(--bg2); border: 1px solid var(--edge); border-radius: 16px; overflow: hidden; margin-bottom: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.nct-cat__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-bottom: 1px solid var(--line);
	background: linear-gradient(90deg, rgba(77,141,255,.10), transparent 60%); }
.nct-cat__head.thead_collapsed { border-bottom: 0; }
.nct-cat__title a:link, .nct-cat__title a:visited { color: var(--text); font-weight: 700; font-size: 16px; }
.nct-cat__title a:hover { color: var(--accent-h); }
.nct-cat__desc { color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.nct-cat__desc:empty { display: none; }
.nct-forum { display: grid; grid-template-columns: 52px minmax(0,1fr) 150px 230px; align-items: center; gap: 16px; padding: 15px 18px; transition: background .15s; }
.nct-forum + .nct-forum { border-top: 1px solid var(--line); }
.nct-forum:hover { background: rgba(255,255,255,.025); }
.nct-forum__icon .forum_status { width: 46px; height: 46px; border-radius: 14px; }
.nct-forum__icon .forum_status::after { inset: 12px; }
.nct-forum__name:link, .nct-forum__name:visited { color: var(--text); font-weight: 700; font-size: 15px; }
.nct-forum__name:hover { color: var(--accent-h); }
.nct-forum__desc { color: var(--muted); font-size: 13px; margin-top: 2px; }
.nct-forum__mods { color: var(--dim); font-size: 12px; margin-top: 4px; }
.nct-subs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.nct-sub:link, .nct-sub:visited { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 8px; border-radius: 8px;
	background: rgba(255,255,255,.04); border: 1px solid var(--edge); color: var(--muted); font-size: 12px; font-weight: 700; }
.nct-sub:hover { color: var(--text); border-color: var(--edge-h); background: var(--card-h); }
.nct-sub .subforumicon { margin: 0; width: 7px; height: 7px; float: none; }
.nct-forum__stats { display: flex; gap: 18px; justify-content: center; }
.nct-forum__stats div { text-align: center; line-height: 1.2; }
.nct-forum__stats b { display: block; font-size: 15px; color: var(--text); }
.nct-forum__stats span { font-size: 11px; color: var(--dim); text-transform: uppercase; letter-spacing: .05em; }
.nct-last { border-left: 1px solid var(--line); padding-left: 16px; min-width: 0; }
.nct-last__subj:link, .nct-last__subj:visited { display: block; color: var(--text); font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-last__subj:hover { color: var(--accent-h); }
.nct-last__meta { color: var(--dim); font-size: 12px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-last__meta a { font-weight: 700; }
.nct-last--none { color: var(--dim); font-size: 12.5px; }

/* --- stopka --- */
.nct-footer { margin-top: 30px; border-top: 1px solid var(--line); background: var(--bg2); }
.nct-footer__in { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 30px; padding: 34px 0 26px; }
.nct-footer__brand img { height: 36px; width: auto; }
.nct-footer__brand p { color: var(--muted); font-size: 13px; max-width: 380px; margin: 12px 0 0; }
.nct-footer__h { color: var(--text); font-weight: 700; font-size: 13px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .06em; }
.nct-footer__col a:link, .nct-footer__col a:visited { display: block; color: var(--muted); font-size: 13.5px; padding: 3px 0; font-weight: 500; }
.nct-footer__col a:hover { color: var(--text); }
.nct-footer__bottom { border-top: 1px solid var(--line); }
.nct-footer__bottom-in { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 0 20px; color: var(--dim); font-size: 12px; }
.nct-footer__bottom-in a:link, .nct-footer__bottom-in a:visited { color: var(--muted); }

/* legenda ikon działów pod listą */
.forum_legend { display: none; }

/* --- telefon / tablet --- */
@media (max-width: 1080px) {
	/* wąski ekran: ramka serwera na górze, reszta panelu pod działami */
	.nct-layout { display: flex; flex-direction: column; align-items: stretch; }
	.nct-nav { min-width: 0; overflow-x: auto; scrollbar-width: none; }
	.nct-nav__a:link, .nct-nav__a:visited { padding: 9px 9px; }
	.nct-side { display: contents; }
	.nct-server { order: -1; }
	.nct-side > .nct-card:not(.nct-server), .nct-side__links { order: 1; }
	.nct-forum { grid-template-columns: 46px minmax(0,1fr) 210px; }
	.nct-forum__stats { display: none; }
}
@media (max-width: 760px) {
	.nct-topbar__in { height: auto; padding: 10px 0; flex-wrap: wrap; gap: 10px; }
	.nct-nav { order: 3; flex-basis: 100%; overflow-x: auto; scrollbar-width: none; }
	.nct-brand img { height: 34px; }
	.nct-hero__title { font-size: 22px; }
	.nct-forum { grid-template-columns: 40px minmax(0,1fr); }
	.nct-forum__last { display: none; }
	.nct-footer__in { grid-template-columns: 1fr; }
}

/* =====================================================================
   NOCTURNO v4 – posty, profile, odznaki, osiągnięcia, status serwera
   ===================================================================== */
.nct-ico { width: 18px; height: 18px; flex: 0 0 auto; }
.nct-muted { color: var(--dim); }
.nct-bad { color: var(--bad); }
.nct-on { color: var(--ok); font-weight: 700; }
.nct-chip, a.nct-chip:link, a.nct-chip:visited { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 7px; background: rgba(255,255,255,.05);
	border: 1px solid var(--edge); color: var(--text); font-size: 12px; font-weight: 700; margin: 2px 4px 2px 0; }
a.nct-chip:hover { border-color: var(--edge-h); background: var(--card-h); }

/* frakcje */
.nct-fac { display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; letter-spacing: .04em; background: rgba(255,255,255,.08); color: var(--text); }
.nct-fac--sapd { background: rgba(77,141,255,.18); color: #8fb6ff; }
.nct-fac--safd { background: rgba(248,113,113,.18); color: #fca5a5; }
.nct-fac--sara { background: rgba(245,185,66,.18); color: #fcd34d; }
.nct-fac--tsa  { background: rgba(74,222,128,.16); color: #86efac; }

/* ramka serwera – liczba graczy */
.nct-srv { margin: 0 0 14px; }
.nct-srv__row { display: flex; justify-content: space-between; align-items: baseline; }
.nct-srv__label { color: var(--muted); font-size: 12.5px; }
.nct-srv__row b { font-size: 20px; }
.nct-srv__row small { color: var(--dim); font-size: 13px; }
.nct-srv__bar { height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); margin-top: 8px; overflow: hidden; }
.nct-srv__bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--accent), var(--ok)); }
.nct-srv--off .nct-srv__row b { color: var(--bad); font-size: 15px; }

/* --- POSTY: autor po lewej, treść jako karta po prawej --- */
#posts_container { padding: 14px !important; background: transparent !important; }
.post.nct-post { display: grid; grid-template-columns: 210px minmax(0, 1fr); background: var(--bg2); border: 1px solid var(--edge); border-radius: 16px; overflow: hidden; margin-bottom: 14px; }
.post.nct-post .nct-post__author { background: linear-gradient(180deg, rgba(77,141,255,.07), rgba(255,255,255,.015)); border: 0; border-right: 1px solid var(--line); padding: 18px 14px; text-align: center; overflow: visible; }
.nct-post__author .author_avatar { float: none !important; margin: 0 auto 10px !important; padding: 0; }
.nct-post__author .author_avatar img { width: 96px !important; height: 96px !important; max-width: none !important; max-height: none !important; object-fit: cover; border-radius: 18px !important; border: 1px solid var(--edge) !important; }
.nct-post__name { font-size: 15px; font-weight: 700; }
.nct-post__name a { font-weight: 700; }
.nct-post__title { color: var(--muted); font-size: 12px; margin-top: 2px; }
.nct-post__stars { margin-top: 6px; }
.nct-post__stars img { max-width: 100%; }
.nct-pgame { display: flex; flex-direction: column; align-items: center; gap: 5px; margin: 10px 0 2px; }
.nct-pgame__nick { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; color: var(--text); }
.nct-pgame__nick .nct-ico { width: 14px; height: 14px; color: var(--accent-h); }
.nct-pgame__stat { font-size: 11px; color: var(--dim); }
.nct-post__stats { float: none !important; text-align: left; margin: 12px 0 0 !important; border-top: 1px solid var(--line); padding-top: 10px; font-size: 12px; color: var(--muted); }
.nct-st { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }
.nct-st b { color: var(--text); font-weight: 700; }
.nct-post__content { display: flex; flex-direction: column; min-width: 0; padding: 0 !important; }
.nct-post__content .post_head { padding: 12px 18px; margin: 0; border-bottom: 1px solid var(--line); font-size: 12.5px; }
.nct-post__content .post_body { padding: 16px 18px; flex: 1; }
.nct-post__content .post_meta { padding: 0 18px 8px; }
.nct-post__content .post_controls { margin-top: auto; border-top: 1px solid var(--line); background: rgba(255,255,255,.015); padding: 9px 12px; }
.post.nct-post .post_content .signature { margin: 0 18px 10px; padding-top: 10px; }
@media (max-width: 760px) {
	.post.nct-post { grid-template-columns: 1fr; }
	.post.nct-post .nct-post__author { border-right: 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 64px 1fr; text-align: left; column-gap: 12px; align-items: center; }
	.nct-post__author .author_avatar { grid-row: span 3; margin: 0 !important; }
	.nct-post__author .author_avatar img { width: 64px !important; height: 64px !important; }
	.nct-post__stats { display: none; }
	.nct-pgame { align-items: flex-start; }
}

/* --- PROFIL --- */
.nct-prof__top { position: relative; display: flex; align-items: center; gap: 22px; padding: 26px; margin-bottom: 18px; border: 1px solid var(--edge); border-radius: 18px; overflow: hidden;
	background: linear-gradient(90deg, rgba(11,14,21,.92), rgba(11,14,21,.65)), url(../../../images/nocturno/hero.jpg) center/cover; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.nct-prof__avatar img { width: 112px; height: 112px; object-fit: cover; border-radius: 22px; border: 2px solid rgba(77,141,255,.55); box-shadow: 0 0 0 6px rgba(77,141,255,.10); display: block; }
.nct-prof__id { flex: 1; min-width: 0; }
.nct-prof__name { font-size: 28px; font-weight: 700; line-height: 1.15; }
.nct-prof__name span, .nct-prof__name a { font-weight: 700; }
.nct-prof__title { color: var(--muted); margin-top: 4px; }
.nct-prof__stars img { vertical-align: middle; }
.nct-prof__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; color: var(--muted); font-size: 12.5px; }
.nct-prof__meta b { color: var(--text); }
.nct-prof__actions { display: flex; flex-direction: column; gap: 6px; align-self: flex-start; }
.nct-prof__actions a { font-weight: 700; font-size: 12.5px; }
.nct-prof__grid { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 18px; align-items: start; }
.nct-prof__side, .nct-prof__main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.nct-prof__side > table.tborder, .nct-prof__main > table.tborder { width: 100%; }
.nct-prof__side > br, .nct-prof__main > br { display: none; }
@media (max-width: 1000px) { .nct-prof__grid { grid-template-columns: 1fr; } .nct-prof__top { flex-wrap: wrap; } }

.nct-pcard { background: var(--bg2); border: 1px solid var(--edge); border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.nct-pcard__head { display: flex; align-items: center; gap: 9px; padding: 14px 16px; font-weight: 700; font-size: 14.5px; border-bottom: 1px solid var(--line); }
.nct-pcard__head .nct-ico { color: var(--accent-h); }
.nct-pcard__count { margin-left: auto; background: var(--accent-soft); color: var(--accent-h); font-size: 12px; padding: 2px 9px; border-radius: 20px; }
.nct-pcard__right { margin-left: auto; font-size: 12px; font-weight: 500; color: var(--muted); }
.nct-pcard__body { padding: 14px 16px; }
.nct-rows { padding: 6px 16px; }
.nct-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; font-size: 13px; }
.nct-row + .nct-row { border-top: 1px solid var(--line); }
.nct-row span { color: var(--muted); }
.nct-row b { text-align: right; font-weight: 700; }
.nct-row__a { font-size: 11.5px; margin-left: 6px; }
.nct-row--links { justify-content: flex-start; flex-wrap: wrap; }
.nct-empty { padding: 18px 16px; color: var(--muted); }

/* ranga forum */
.nct-prank__top { display: flex; justify-content: space-between; align-items: baseline; }
.nct-prank__top b { font-size: 16px; }
.nct-prank__top span { color: var(--muted); font-size: 12px; }
.nct-prank__bar { height: 8px; border-radius: 8px; background: rgba(255,255,255,.08); margin: 10px 0 7px; overflow: hidden; }
.nct-prank__bar i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, var(--accent), var(--viol)); }
.nct-prank__next { color: var(--dim); font-size: 12px; }

/* odznaki */
.nct-badges { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; padding: 14px 16px; }
.nct-badge { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--edge); background: rgba(255,255,255,.03); }
.nct-badge .nct-ico { width: 34px; height: 34px; padding: 7px; border-radius: 10px; box-sizing: border-box; background: rgba(255,255,255,.06); }
.nct-badge b { display: block; font-size: 13px; }
.nct-badge span { display: block; font-size: 11.5px; color: var(--muted); line-height: 1.35; }
.nct-badge--blue .nct-ico { background: rgba(77,141,255,.16); color: #8fb6ff; }
.nct-badge--gold .nct-ico { background: rgba(245,185,66,.16); color: #fcd34d; }
.nct-badge--viol .nct-ico { background: rgba(167,139,250,.16); color: #c4b5fd; }
.nct-badge--green .nct-ico { background: rgba(74,222,128,.14); color: #86efac; }
.nct-badge--pink .nct-ico { background: rgba(244,114,182,.15); color: #f9a8d4; }
.nct-badge--muted .nct-ico { color: var(--muted); }
.nct-badge--fac-sapd .nct-ico { background: rgba(77,141,255,.18); color: #8fb6ff; }
.nct-badge--fac-safd .nct-ico { background: rgba(248,113,113,.18); color: #fca5a5; }
.nct-badge--fac-sara .nct-ico { background: rgba(245,185,66,.18); color: #fcd34d; }
.nct-badge--fac-tsa .nct-ico { background: rgba(74,222,128,.16); color: #86efac; }

/* w świecie gry */
.nct-game__who { display: flex; align-items: center; gap: 12px; padding: 14px 16px 4px; }
.nct-game__id { background: var(--accent-soft); color: var(--accent-h); font-weight: 700; padding: 8px 10px; border-radius: 10px; font-size: 13px; }
.nct-game__who b { display: block; font-size: 16px; }
.nct-game__who span { color: var(--muted); font-size: 12px; }
.nct-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 12px 16px; }
.nct-tile { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; border: 1px solid var(--edge); background: rgba(255,255,255,.03); min-width: 0; }
.nct-tile .nct-ico { width: 36px; height: 36px; padding: 8px; box-sizing: border-box; border-radius: 10px; background: var(--accent-soft); color: var(--accent-h); }
.nct-tile:nth-child(2) .nct-ico { background: rgba(167,139,250,.16); color: #c4b5fd; }
.nct-tile:nth-child(3) .nct-ico, .nct-tile:nth-child(4) .nct-ico { background: rgba(74,222,128,.14); color: #86efac; }
.nct-tile div { min-width: 0; }
.nct-tile span { display: block; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.nct-tile b { display: block; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-tile small { display: block; color: var(--dim); font-size: 11.5px; }
.nct-kv { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 18px; padding: 4px 16px 14px; }
.nct-kv > div { padding: 9px 0; border-top: 1px solid var(--line); min-width: 0; }
.nct-kv span { display: block; color: var(--muted); font-size: 11.5px; }
.nct-kv b { display: block; font-size: 13.5px; margin-top: 2px; }
@media (max-width: 1100px) { .nct-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .nct-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* osiągnięcia */
.nct-achs { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; padding: 14px 16px; }
.nct-ach { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1px solid var(--edge); background: linear-gradient(135deg, rgba(245,185,66,.07), rgba(255,255,255,.02)); }
.nct-ach__ico .nct-ico { width: 38px; height: 38px; padding: 8px; box-sizing: border-box; border-radius: 11px; background: rgba(245,185,66,.16); color: #fcd34d; }
.nct-ach__txt { flex: 1; min-width: 0; }
.nct-ach__txt b { display: block; font-size: 13.5px; }
.nct-ach__txt span { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; }
.nct-ach__exp { color: #fcd34d; font-weight: 700; font-size: 12px; white-space: nowrap; }
.nct-ach--more { display: none; }
.nct-open .nct-ach--more { display: flex; }
.nct-more { display: block; margin: 0 16px 14px; width: calc(100% - 32px); background: rgba(255,255,255,.04); border: 1px solid var(--edge); color: var(--text); border-radius: 10px; padding: 9px; font-weight: 700; cursor: pointer; }
.nct-more:hover { background: var(--card-h); }

/* połącz konto */
.nct-connect { border-color: rgba(77,141,255,.45); box-shadow: 0 0 0 4px rgba(77,141,255,.07), 0 10px 30px rgba(0,0,0,.25); }
.nct-connect__body { padding: 14px 16px 18px; }
.nct-connect__body ol { margin: 0 0 14px; padding-left: 20px; color: var(--muted); line-height: 1.9; }
.nct-connect__body ol b { color: var(--text); }
.nct-connect__form { display: flex; gap: 10px; flex-wrap: wrap; }
.nct-connect__form input.textbox { flex: 1; min-width: 200px; font-size: 16px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; padding: 11px 14px; }
.nct-connect__form .nct-btn { padding: 11px 18px; }
.nct-unlink { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border: 1px solid var(--edge); border-radius: 14px; background: var(--bg2); color: var(--muted); font-size: 13px; flex-wrap: wrap; }
.nct-unlink span { display: inline-flex; align-items: center; gap: 8px; }
.nct-unlink b { color: var(--text); }
.nct-unlink .nct-ico { color: var(--ok); }
button.nct-btn { cursor: pointer; font-family: inherit; }
.nct-kv .nct-chip, .nct-kv .nct-fac { display: inline-flex; width: auto; color: inherit; font-size: 11.5px; text-transform: none; letter-spacing: .02em; margin-top: 4px; }
.nct-kv .nct-fac--sapd { color: #8fb6ff; } .nct-kv .nct-fac--safd { color: #fca5a5; } .nct-kv .nct-fac--sara { color: #fcd34d; } .nct-kv .nct-fac--tsa { color: #86efac; }
.nct-kv .nct-chip { color: var(--text); }
.nct-kv b small { color: var(--dim); font-weight: 500; }
@media (max-width: 600px) {
	.nct-prof__top { flex-direction: column; align-items: flex-start; padding: 18px; gap: 14px; }
	.nct-prof__avatar img { width: 84px; height: 84px; }
	.nct-prof__name { font-size: 23px; }
	.nct-prof__main { order: -1; }
	.nct-tiles, .nct-kv { grid-template-columns: 1fr 1fr; }
	.nct-achs, .nct-badges { grid-template-columns: 1fr; }
}

/* =====================================================================
   NOCTURNO v5 – czat, taryfikator, administracja, sklep PP
   ===================================================================== */
.nct-page { display: flex; flex-direction: column; gap: 16px; }
.nct-phead { display: flex; align-items: center; gap: 18px; padding: 24px 26px; border: 1px solid var(--edge); border-radius: 18px;
	background: linear-gradient(90deg, rgba(11,14,21,.94), rgba(11,14,21,.7)), url(../../../images/nocturno/hero.jpg) center/cover; }
.nct-phead__ico .nct-ico { width: 52px; height: 52px; padding: 12px; box-sizing: border-box; border-radius: 16px; background: var(--accent-soft); color: var(--accent-h); }
.nct-phead__kicker { color: var(--accent-h); font-size: 11.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.nct-phead__title { margin: 4px 0 6px; font-size: 26px; line-height: 1.15; }
.nct-phead__sub { color: var(--muted); max-width: 760px; line-height: 1.5; }
.nct-btn[disabled] { opacity: .45; cursor: not-allowed; transform: none; }

/* tabela (taryfikator, zamówienia) */
.nct-tar__legend { display: flex; flex-wrap: wrap; gap: 4px; }
.nct-tar__table { display: flex; flex-direction: column; }
.nct-tar__row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 14px; padding: 11px 16px; font-size: 13px; align-items: center; }
.nct-tar__row + .nct-tar__row { border-top: 1px solid var(--line); }
.nct-tar__row--head { color: var(--dim); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding-top: 10px; padding-bottom: 8px; }
.nct-tar__row span:last-child { color: var(--muted); }
.nct-tar__row b { color: #fcd34d; }
.nct-orders .nct-tar__row { grid-template-columns: 1fr 1fr 1fr 1.3fr; }
.nct-orders--admin .nct-tar__row { grid-template-columns: 1fr 1.4fr .9fr .8fr 1.3fr; }
.nct-orders .nct-tar__row span:last-child { font-weight: 700; }
.nct-st--green { color: var(--ok) !important; } .nct-st--gold { color: var(--warn) !important; } .nct-st--bad { color: var(--bad) !important; } .nct-st--muted { color: var(--muted) !important; }
.nct-tar__custom { background: var(--bg2); border: 1px solid var(--edge); border-radius: 16px; padding: 18px 20px; line-height: 1.6; }
.nct-tar__foot { margin: 4px 2px 0; }
@media (max-width: 700px) {
	.nct-tar__row { grid-template-columns: 1fr; gap: 3px; }
	.nct-tar__row--head { display: none; }
	.nct-orders .nct-tar__row, .nct-orders--admin .nct-tar__row { grid-template-columns: 1fr 1fr; }
	.nct-phead { padding: 18px; } .nct-phead__title { font-size: 21px; } .nct-phead__ico { display: none; }
}

/* administracja */
.nct-staff__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }
.nct-staff__dot--gold { background: #f5b942; } .nct-staff__dot--pink { background: #f472b6; } .nct-staff__dot--viol { background: #a78bfa; } .nct-staff__dot--green { background: #4ade80; } .nct-staff__dot--blue { background: #4d8dff; }
.nct-staff__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; padding: 14px 16px; }
.nct-staff__card { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 14px; border: 1px solid var(--edge); background: rgba(255,255,255,.03); }
.nct-staff__ava { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 14px; overflow: hidden; display: grid; place-items: center; font-weight: 700; font-size: 19px; border: 2px solid var(--accent); background: var(--accent-soft); }
.nct-staff__ava img { width: 100%; height: 100%; object-fit: cover; }
.nct-staff__ava--gold { border-color: #f5b942; color: #fcd34d; background: rgba(245,185,66,.12); }
.nct-staff__ava--pink { border-color: #f472b6; color: #f9a8d4; background: rgba(244,114,182,.12); }
.nct-staff__ava--viol { border-color: #a78bfa; color: #c4b5fd; background: rgba(167,139,250,.12); }
.nct-staff__ava--green { border-color: #4ade80; color: #86efac; background: rgba(74,222,128,.10); }
.nct-staff__ava--blue { border-color: #4d8dff; color: #8fb6ff; }
.nct-staff__txt { flex: 1; min-width: 0; }
.nct-staff__txt b { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-staff__rank { display: inline-block; font-size: 11px; font-weight: 700; margin: 2px 0; }
.nct-staff__rank--gold { color: #fcd34d; } .nct-staff__rank--pink { color: #f9a8d4; } .nct-staff__rank--viol { color: #c4b5fd; } .nct-staff__rank--green { color: #86efac; } .nct-staff__rank--blue { color: #8fb6ff; }
.nct-staff__txt small { display: block; color: var(--dim); font-size: 11.5px; }
.nct-staff__txt small i { font-style: normal; }
.nct-staff__link { margin: 0; }

/* czat */
.nct-chat { margin-bottom: 16px; position: relative; }
.nct-chat__list { height: 260px; overflow-y: auto; padding: 10px 16px; display: flex; flex-direction: column; gap: 2px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.15) transparent; }
.nct-chat__msg { position: relative; padding: 5px 30px 5px 0; line-height: 1.45; font-size: 13.5px; word-wrap: break-word; overflow-wrap: anywhere; }
.nct-chat__msg:hover { background: rgba(255,255,255,.025); }
.nct-chat__time { color: var(--dim); font-size: 11px; margin-right: 8px; font-variant-numeric: tabular-nums; }
.nct-chat__name { font-weight: 700; margin-right: 6px; }
.nct-chat__name::after { content: ':'; color: var(--muted); }
.nct-chat__txt { color: var(--text); }
.nct-chat__del { position: absolute; right: 2px; top: 3px; background: transparent; border: 0; color: var(--dim); font-size: 16px; cursor: pointer; opacity: 0; }
.nct-chat__msg:hover .nct-chat__del { opacity: 1; } .nct-chat__del:hover { color: var(--bad); }
.nct-chat__form { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--line); }
.nct-chat__form input.textbox { flex: 1; min-width: 0; padding: 10px 13px; }
.nct-chat__guest { padding: 12px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.nct-chat__err { position: absolute; left: 16px; right: 16px; bottom: 64px; padding: 8px 12px; border-radius: 10px; background: rgba(248,113,113,.15); border: 1px solid rgba(248,113,113,.4); color: #fca5a5; font-size: 12.5px; }
#nct-chat-st { color: var(--ok); }

/* komunikaty */
.nct-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(245,185,66,.35); background: rgba(245,185,66,.07); line-height: 1.5; }
.nct-note .nct-ico { width: 22px; height: 22px; color: #fcd34d; margin-top: 1px; }
.nct-note--ok { border-color: rgba(74,222,128,.35); background: rgba(74,222,128,.07); } .nct-note--ok .nct-ico { color: var(--ok); }
.nct-note--blue { border-color: rgba(77,141,255,.35); background: var(--accent-soft); } .nct-note--blue .nct-ico { color: var(--accent-h); }

/* sklep PP */
.nct-packs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.nct-pack { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 30px 18px 18px; margin: 0;
	border: 1px solid var(--edge); border-radius: 18px; background: var(--bg2); transition: border-color .15s, transform .15s; }
.nct-pack:hover { border-color: var(--edge-h); transform: translateY(-2px); }
.nct-pack--hot { border-color: rgba(245,185,66,.6); background: linear-gradient(180deg, rgba(245,185,66,.10), var(--bg2) 60%); }
.nct-pack__tag { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); background: #f5b942; color: #14161c; font-size: 10px; font-weight: 700; letter-spacing: .06em; padding: 3px 12px; border-radius: 20px; white-space: nowrap; }
.nct-pack__ico .nct-ico { width: 46px; height: 46px; color: #fcd34d; margin: 6px 0; }
.nct-pack__pp { font-size: 24px; font-weight: 700; color: #fcd34d; }
.nct-pack__bonus { color: var(--ok); font-size: 12.5px; font-weight: 700; min-height: 18px; }
.nct-pack__price { font-size: 18px; font-weight: 700; margin: 10px 0 12px; }
@media (max-width: 900px) { .nct-packs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .nct-packs { grid-template-columns: 1fr; } }
.nct-nav__a--shop:link, .nct-nav__a--shop:visited { color: #fcd34d; }
.nct-rules { margin: 0; padding-left: 22px; } .nct-rules li { margin: 8px 0; color: var(--muted); } .nct-rules b { color: var(--text); }

/* =====================================================================
   NOCTURNO v6 – Panel użytkownika w stylu „Ustawienia” (4Life)
   ===================================================================== */
.nct-ucp-head { padding: 22px 24px; margin-bottom: 16px; border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); }
.nct-ucp-head__title { font-size: 22px; font-weight: 700; }
.nct-ucp-head__sub { color: var(--muted); margin-top: 4px; font-size: 13px; }

table.nct-ucp, table.nct-ucp > tbody, table.nct-ucp > tbody > tr { display: block; width: 100%; }
table.nct-ucp > tbody > tr { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 0; border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); }
table.nct-ucp { color: var(--text); }
table.nct-ucp > tbody > tr > td { display: block; padding: 0; border: 0; background: transparent; }
td.nct-ucp__navcell { border-radius: 16px 0 0 16px; background: rgba(0,0,0,.18) !important; border-right: 1px solid var(--line) !important; }
td.nct-ucp__main { padding: 18px !important; min-width: 0; }
td.nct-ucp__main > table.tborder, td.nct-ucp__main > form > table.tborder { width: 100%; }

/* menu */
.nct-ucpn { position: sticky; top: 76px; display: flex; flex-direction: column; gap: 2px; padding: 12px 10px 16px; }
.nct-ucpn__group { color: var(--dim); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 14px 12px 6px; }
.nct-ucpn a.nct-ucpn__a, .nct-ucpn a.nct-ucpn__a:link, .nct-ucpn a.nct-ucpn__a:visited { display: flex; align-items: center; gap: 11px; padding: 9px 12px; border-radius: 10px;
	color: var(--muted); font-size: 13.5px; font-weight: 500; background: none !important; transition: background .12s, color .12s; }
.nct-ucpn a.nct-ucpn__a:hover { color: var(--text); background: rgba(255,255,255,.05) !important; }
.nct-ucpn a.nct-ucpn__a.is-on { color: #fff; font-weight: 700; background: linear-gradient(90deg, rgba(77,141,255,.85), rgba(77,141,255,.55)) !important; box-shadow: 0 4px 14px rgba(77,141,255,.25); }
.nct-ucpn a.nct-ucpn__a.is-on .nct-ucpn__ico { color: #fff; }
.nct-ucpn__ico { width: 16px; height: 16px; flex: 0 0 auto; color: var(--dim); }
.nct-ucpn a.nct-ucpn__a--sub { padding-left: 22px; font-size: 13px; }
.nct-ucpn__folders { display: flex; flex-direction: column; gap: 2px; }
.nct-ucpn .usercp_nav_item { background-image: none !important; }

/* karty ustawień */
.nct-set__h1 { font-size: 20px; margin: 0 0 14px; }
.nct-set { border: 1px solid var(--edge); border-radius: 14px; background: rgba(255,255,255,.02); margin-bottom: 16px; overflow: hidden; }
.nct-set__head { padding: 14px 18px; font-size: 15px; font-weight: 700; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.02); }
.nct-set__me { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.nct-set__ava img { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; border: 1px solid var(--edge); display: block; }
.nct-set__name { font-size: 18px; font-weight: 700; }
.nct-set__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 18px; }
.nct-set__row + .nct-set__row, .nct-set__me + .nct-set__row { border-top: 1px solid var(--line); }
.nct-set__row b { display: block; font-size: 13.5px; }
.nct-set__row span { display: block; color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.nct-set__btns { display: flex !important; gap: 6px; margin: 0 !important; }
a.nct-set__btn, a.nct-set__btn:link, a.nct-set__btn:visited { display: inline-block; padding: 7px 14px; border-radius: 9px; border: 1px solid var(--edge); background: rgba(255,255,255,.05);
	color: var(--text); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
a.nct-set__btn:hover { background: rgba(255,255,255,.1); border-color: var(--edge-h); }

/* wiersze formularza */
.nct-f { padding: 14px 18px; }
.nct-f + .nct-f { border-top: 1px solid var(--line); }
.nct-f__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.nct-f__label { font-weight: 700; font-size: 13.5px; }
.nct-f__req { color: var(--bad); font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nct-f input.textbox, .nct-f textarea, .nct-f select { width: 100%; max-width: 100%; box-sizing: border-box; }
.nct-f .nct-f__inline { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nct-f .nct-f__inline select, .nct-f .nct-f__inline input.textbox { width: auto; min-width: 90px; }
.nct-f .nct-f__inline input.nct-f__year { width: 100px; }
.nct-f__help { color: var(--dim); font-size: 12px; margin-top: 6px; line-height: 1.5; }
.nct-f__radio { display: inline-flex; align-items: center; gap: 7px; margin-right: 16px; color: var(--text); cursor: pointer; }
.nct-f__bar { display: flex; justify-content: flex-end; padding-top: 2px; }
.nct-f__bar input.nct-f__save { padding: 11px 26px; font-size: 14px; }

/* pozostałe strony panelu (tabele MyBB) */
td.nct-ucp__main table.tborder { border-radius: 14px; }
td.nct-ucp__main fieldset { border: 1px solid var(--edge); border-radius: 12px; }

@media (max-width: 860px) {
	table.nct-ucp > tbody > tr { grid-template-columns: 1fr; }
	td.nct-ucp__navcell { border-right: 0 !important; border-bottom: 1px solid var(--line) !important; }
	.nct-ucpn { position: static; flex-direction: row; flex-wrap: nowrap; overflow-x: auto; padding: 8px; }
	.nct-ucpn__group, .nct-ucpn__folders { display: none; }
	.nct-ucpn a.nct-ucpn__a { white-space: nowrap; }
	td.nct-ucp__main { padding: 12px !important; }
	.nct-set__row { flex-wrap: wrap; }
}

.nct-ucpn__sec { display: flex; flex-direction: column; gap: 2px; }
.nct-ucpn__sec--acc { order: 1; } .nct-ucpn__sec--pm { order: 2; } .nct-ucpn__sec--misc { order: 3; }
@media (max-width: 860px) { .nct-ucpn__sec { flex-direction: row; } td.nct-ucp__navcell { border-radius: 16px 16px 0 0; } }

.nct-f textarea { width: 100% !important; min-height: 120px; }
textarea.usercp_notepad { width: 100% !important; box-sizing: border-box; min-height: 160px; resize: vertical; }
.nct-notepad .nct-f__bar { border-top: 1px solid var(--line); }
.nct-notepad { margin-top: 16px; } td.nct-ucp__main > table.tborder + table.tborder, td.nct-ucp__main > br + table.tborder { margin-top: 16px; }

/* =====================================================================
   NOCTURNO v7 – lista tematów i temat jak na 4Life
   ===================================================================== */
/* okruszki w jednej linii */
.navigation.nct-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 0 2px 14px; font-size: 12.5px; }
.nct-crumbs a { color: var(--muted); font-weight: 700; }
.nct-crumbs a:hover { color: var(--text); }
.nct-crumbs__sep { color: var(--dim); }
.nct-crumbs .active { display: inline !important; color: var(--text); font-weight: 700; font-size: 12.5px; padding: 0 !important; margin: 0 !important; }
.nct-crumbs img { display: none; }

/* awatary */
.nct-av { display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 50%; overflow: hidden; background: var(--accent-soft); color: var(--accent-h); font-weight: 700; border: 1px solid var(--edge); }
.nct-av img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nct-av--md { width: 38px; height: 38px; } .nct-av--sm { width: 30px; height: 30px; font-size: 12px; } .nct-av--xs { width: 22px; height: 22px; font-size: 10px; }

/* plakietki tematu */
.nct-flags { display: inline-flex; gap: 4px; margin-left: 8px; vertical-align: middle; }
.nct-flag { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 6px; font-size: 11px; }
.nct-flag .nct-ico { width: 12px; height: 12px; }
.nct-flag--pin { background: rgba(245,185,66,.2); color: #fcd34d; }
.nct-flag--lock { background: rgba(255,255,255,.1); color: var(--text); }
.nct-flag--hot { background: rgba(248,113,113,.18); }
.nct-chip--sm { padding: 1px 7px; font-size: 11px; margin: 0; }
.nct-chip--blue { background: var(--accent-soft); color: var(--accent-h); border-color: rgba(77,141,255,.35); }

/* nagłówek działu */
.nct-fhead { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 22px 24px; margin-bottom: 16px; border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); }
.nct-fhead__title { margin: 0; font-size: 22px; }
.nct-fhead__desc { color: var(--muted); margin-top: 4px; }
.nct-fhead .smalltext { display: block; margin-top: 8px; color: var(--dim); }

/* poddziały */
.nct-subf { margin-bottom: 16px; }
.nct-subf__t { width: 100%; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* lista tematów */
.nct-tl { border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); overflow: hidden; margin-bottom: 14px; }
.nct-tl__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.nct-tl__bar--bottom { border-bottom: 0; border-top: 1px solid var(--line); }
.nct-tl__tools { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-left: auto; }
a.nct-tl__link, a.nct-tl__link:link, a.nct-tl__link:visited { color: var(--muted); font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
a.nct-tl__link:hover { color: var(--text); }
.nct-tl__pages:empty { display: none; }
table.nct-tl__t { width: 100%; border: 0 !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; background: transparent !important; }
.nct-tl__head td.tcat { padding: 9px 16px !important; font-size: 11px; }
.nct-tl__head a { color: var(--dim) !important; }
.nct-tl__c { text-align: right; width: 150px; } .nct-tl__r { width: 200px; }
tr.nct-tr > td { padding: 13px 16px !important; border-top: 1px solid var(--line) !important; background: transparent !important; vertical-align: middle; }
tr.nct-tr:hover > td { background: rgba(255,255,255,.025) !important; }
tr.nct-tr.forumdisplay_sticky > td { background: rgba(245,185,66,.035) !important; }
.nct-tr__in { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nct-tr__txt { min-width: 0; }
.nct-tr__title { font-size: 14px; font-weight: 700; line-height: 1.4; }
.nct-tr__title a { color: var(--text); }
.nct-tr__title a:hover { color: var(--accent-h); }
.nct-tr__title .subject_new a { color: #fff; }
.nct-tr__dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.18); margin-right: 8px; vertical-align: middle; }
.nct-tr__dot.newfolder, .nct-tr__dot.newhotfolder, .nct-tr__dot.dot_newfolder, .nct-tr__dot.dot_newhotfolder, .nct-tr__dot.newclosefolder, .nct-tr__dot.dot_newclosefolder { background: var(--accent); box-shadow: 0 0 0 3px rgba(77,141,255,.2); }
.nct-tr__meta { color: var(--dim); font-size: 12px; margin-top: 2px; }
.nct-tr__meta a { color: var(--muted); font-weight: 700; }
.nct-tr__stats { text-align: right; color: var(--muted); font-size: 12px; white-space: nowrap; }
.nct-tr__stats b a, .nct-tr__stats b { color: var(--text); font-size: 13px; }
.nct-tr__stats span { display: block; color: var(--dim); }
.nct-tr__lastin { display: flex; align-items: center; gap: 10px; }
.nct-tr__lastname { font-size: 12.5px; font-weight: 700; }
a.nct-tr__lastdate, .nct-tr__lastdate { color: var(--dim) !important; font-size: 12px; }
.nct-tr__annico { width: 38px; text-align: center; font-size: 20px; }
.nct-tr__mod { width: 36px; }
.nct-tl__foot { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; align-items: center; margin-bottom: 14px; }
.nct-tl__foot form { margin: 0; }
.nct-browsing { color: var(--dim); margin: 10px 2px 0; }
.nct-browsing:empty { display: none; }
@media (max-width: 760px) {
	.nct-tl__head, .nct-tr__last { display: none !important; }
	.nct-tr__stats { font-size: 11px; }
	tr.nct-tr > td { padding: 11px 12px !important; }
}

/* nagłówek tematu */
.nct-thead { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 24px; margin-bottom: 14px; border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); }
.nct-thead__title { margin: 0 0 8px; font-size: 22px; line-height: 1.3; }
.nct-thead__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; color: var(--muted); font-size: 12.5px; }
.nct-thead__meta b a { color: var(--text); }
.nct-thead__dot { color: var(--dim); }
.nct-thead__r { flex: 0 0 auto; }
table.nct-posts { border: 0 !important; background: transparent !important; box-shadow: none !important; }
table.nct-posts #posts_container { padding: 0 !important; }
table.nct-posts td.tfoot { border: 1px solid var(--edge) !important; border-radius: 14px; background: var(--bg2) !important; padding: 10px 14px !important; }
.nct-post__author .author_avatar img { border-radius: 50% !important; border: 3px solid rgba(77,141,255,.35) !important; }
.nct-post__content .post_head .post_date { color: var(--dim); }
@media (max-width: 760px) { .nct-thead, .nct-fhead { flex-direction: column; align-items: flex-start; } }
/* przyciski bez starych ikonek MyBB */
a.button span, a.button { background-image: none !important; }
a.button span { padding-left: 0 !important; }
.postbit_buttons > a span { background-image: none !important; padding-left: 0 !important; }
.postbit_buttons > a { padding: 5px 11px !important; }
#quickreply_e td, #quick_reply_form td.trow1, #quick_reply_form td.trow2 { background: var(--bg2) !important; }

/* =====================================================================
   NOCTURNO v8 – konto z awatarem, wiadomości, edytor, emotki
   ===================================================================== */
.nct-acc__btn--me { gap: 9px !important; padding: 5px 12px 5px 5px !important; }
.nct-acc__ava { width: 30px; height: 30px; border: 2px solid rgba(77,141,255,.5); }
.nct-acc__name { font-weight: 700; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* czat z awatarami */
.nct-chat__msg { display: grid; grid-template-columns: 30px auto 1fr; align-items: start; column-gap: 10px; padding: 7px 30px 7px 0 !important; }
.nct-chat__av { grid-row: span 2; }
.nct-chat__time { grid-column: 3; grid-row: 1; justify-self: end; }
.nct-chat__name { grid-column: 2; grid-row: 1; }
.nct-chat__txt { grid-column: 2 / span 2; grid-row: 2; }
.nct-chat__name::after { content: none !important; }

/* powiadomienie o wiadomości */
.nct-pmalert { display: flex !important; align-items: center; gap: 12px; padding: 12px 16px !important; margin: 0 0 16px !important; border-radius: 14px !important;
	border: 1px solid rgba(77,141,255,.4) !important; background: var(--accent-soft) !important; color: var(--text) !important; text-align: left !important; }
.nct-pmalert__ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(77,141,255,.25); color: #cfe0ff; flex: 0 0 auto; }
.nct-pmalert__txt { flex: 1; }
.nct-pmalert__txt a { font-weight: 700; }
a.nct-pmalert__x { color: var(--muted); font-size: 20px; line-height: 1; padding: 0 4px; }

/* skrzynka */
.nct-pm__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.nct-pm__folder { font-size: 20px; font-weight: 700; }
.nct-pm__acts { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nct-pm__space:empty { display: none; }
.nct-pm__space { margin-bottom: 10px; color: var(--dim); font-size: 12px; }
.nct-pm__search { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 10px 14px; border: 1px solid var(--edge); border-bottom: 0; border-radius: 14px 14px 0 0; background: rgba(255,255,255,.02); }
.nct-pm__search input.textbox { flex: 1; min-width: 180px; }
.nct-pm__all { margin-left: auto; color: var(--muted); font-size: 12px; display: inline-flex; gap: 6px; align-items: center; cursor: pointer; }
table.nct-pm__list { width: 100%; border: 1px solid var(--edge) !important; border-radius: 0 0 14px 14px !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; }
tr.nct-pmr > td { padding: 0 !important; border-top: 1px solid var(--line) !important; background: transparent !important; }
tr.nct-pmr:first-child > td { border-top: 0 !important; }
tr.nct-pmr:hover > td { background: rgba(255,255,255,.03) !important; }
.nct-pmr__link { display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: var(--text); }
.nct-pmr__txt { min-width: 0; }
a.nct-pmr__subj, a.nct-pmr__subj:link, a.nct-pmr__subj:visited { color: var(--text); }
.nct-pmr__subj { display: block; font-weight: 700; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-pmr__meta { display: block; color: var(--dim); font-size: 12px; margin-top: 2px; }
.nct-pmr__meta a { color: var(--muted); font-weight: 700; }
.nct-pmr__dot { display: none; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); margin-right: 8px; vertical-align: middle; box-shadow: 0 0 0 3px rgba(77,141,255,.2); }
.nct-pmr--new_pm .nct-pmr__dot { display: inline-block; }
.nct-pmr--old_pm a.nct-pmr__subj { font-weight: 500; color: var(--muted); }
td.nct-pmr__chk { width: 42px; text-align: center; }
.nct-pm__empty { padding: 26px !important; text-align: center; color: var(--muted); }
.nct-pm__bar { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 12px; color: var(--muted); font-size: 12.5px; }
.nct-pm__bar > div { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
input.button.nct-btn--danger { background: rgba(248,113,113,.15) !important; border-color: rgba(248,113,113,.45) !important; color: #fca5a5 !important; }
.nct-pm__pages { margin-top: 10px; }
.nct-thead--pm .nct-thead__meta a { color: var(--muted); font-weight: 700; }

/* edytor (SCEditor) – ciemny pasek narzędzi */
.sceditor-container { background: #171c26 !important; border: 1px solid var(--edge) !important; border-radius: 12px !important; overflow: hidden; }
.sceditor-toolbar { background: #11151d !important; border-bottom: 1px solid var(--line) !important; padding: 6px !important; }
.sceditor-group { background: rgba(255,255,255,.04) !important; border: 1px solid var(--edge) !important; border-radius: 8px !important; margin: 2px 4px 2px 0 !important; padding: 1px !important; }
.sceditor-button { border: 0 !important; background: transparent !important; }
.sceditor-button { border-radius: 6px !important; }
.sceditor-button:hover, .sceditor-button.active { background: rgba(255,255,255,.12) !important; box-shadow: none !important; }
.sceditor-button div { filter: grayscale(1) invert(1) brightness(1.15); opacity: .85; }
.sceditor-button:hover div { opacity: 1; }
.sceditor-container iframe, .sceditor-container textarea { background: #171c26 !important; color: var(--text) !important; }
.sceditor-container textarea { font-family: Consolas, monospace !important; }
.sceditor-dropdown { background: var(--bg2) !important; border: 1px solid var(--edge) !important; color: var(--text) !important; border-radius: 10px !important; }
.sceditor-dropdown input { background: #0b0e15 !important; color: var(--text) !important; border: 1px solid var(--edge) !important; }
.sceditor-dropdown a, .sceditor-dropdown label { color: var(--text) !important; }
.sceditor-grip { background-color: transparent !important; filter: invert(1); }

/* emotki obok edytora */
.nct-smilies { width: 170px; margin: 0 auto; border: 1px solid var(--edge); border-radius: 12px; background: rgba(255,255,255,.02); overflow: hidden; }
.nct-smilies__head { padding: 8px 10px; font-weight: 700; font-size: 12px; border-bottom: 1px solid var(--line); color: var(--muted); }
.nct-smilies table { padding: 6px; }
.nct-smilies__more { padding: 6px 10px 9px; text-align: center; font-size: 12px; }
#clickable_smilies img { cursor: pointer; transition: transform .1s; }
#clickable_smilies img:hover { transform: scale(1.2); }
/* logowanie */
.nct-auth { max-width: 440px; margin: 10px auto 30px; }
.nct-auth__card { display: flex; flex-direction: column; padding: 30px 30px 26px; border: 1px solid var(--edge); border-radius: 18px; background: var(--bg2); box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.nct-auth__logo { text-align: center; margin-bottom: 10px; } .nct-auth__logo img { height: 44px; }
.nct-auth__title { margin: 4px 0 2px; text-align: center; font-size: 22px; }
.nct-auth__sub { text-align: center; color: var(--muted); margin-bottom: 18px; font-size: 13px; }
.nct-auth__l { display: flex; justify-content: space-between; font-weight: 700; font-size: 13px; margin: 10px 0 6px; }
.nct-auth__l a { font-weight: 500; font-size: 12px; }
.nct-auth__card input.textbox { width: 100%; box-sizing: border-box; padding: 11px 13px; }
.nct-auth__rem { display: flex; gap: 8px; align-items: center; margin: 14px 0 6px; color: var(--muted); font-size: 13px; cursor: pointer; }
.nct-auth__captcha { width: 100%; } .nct-auth__captcha:empty { display: none; }
input.button.nct-auth__btn { width: 100%; padding: 12px; font-size: 15px; margin-top: 10px; }
.nct-auth__alt { text-align: center; color: var(--muted); margin-top: 14px; font-size: 13px; }

/* =====================================================================
   NOCTURNO v9 – nagłówek (wiadomości, konto z rangą) i rozmowy
   ===================================================================== */
.nct-hbar { position: relative; display: flex; align-items: center; gap: 8px; }
.nct-hbtn { position: static; outline: none; }
.nct-hbtn > a.nct-hbtn__btn { position: relative; }
a.nct-hbtn__btn, a.nct-hbtn__btn:link, a.nct-hbtn__btn:visited { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px;
	background: rgba(255,255,255,.04); border: 1px solid var(--edge); color: var(--muted); }
a.nct-hbtn__btn:hover { color: var(--text); background: rgba(255,255,255,.08); }
.nct-hbtn__badge { position: absolute; top: -5px; right: -5px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 9px; background: var(--bad);
	color: #fff; font-size: 11px; font-weight: 700; font-style: normal; display: grid; place-items: center; box-shadow: 0 0 0 2px var(--bg); }
.nct-drop { position: absolute; right: 0; top: calc(100% + 8px); width: 380px; background: var(--raise); border: 1px solid var(--edge); border-radius: 14px;
	box-shadow: 0 20px 50px rgba(0,0,0,.55); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .16s, transform .16s, visibility .16s; z-index: 61; overflow: hidden; }
.nct-hbtn:hover .nct-drop, .nct-hbtn:focus-within .nct-drop { opacity: 1; visibility: visible; transform: none; }
.nct-drop__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.nct-drop__head b { font-size: 16px; }
.nct-drop__body { max-height: 360px; overflow-y: auto; }
a.nct-drop__cv { display: flex; align-items: flex-start; gap: 11px; padding: 12px 16px; color: var(--text); border-bottom: 1px solid var(--line); }
a.nct-drop__cv:hover { background: rgba(255,255,255,.04); }
a.nct-drop__cv > span:nth-child(2) { flex: 1; min-width: 0; }
a.nct-drop__cv b { display: block; font-size: 13.5px; }
a.nct-drop__cv small { display: block; color: var(--accent-h); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px 0; }
a.nct-drop__cv em { display: block; font-style: normal; color: var(--dim); font-size: 11.5px; }
a.nct-drop__cv.is-unread b::after { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); margin-left: 6px; vertical-align: middle; }
.nct-drop__cnt { font-style: normal; color: var(--dim); font-size: 11.5px; white-space: nowrap; }
a.nct-drop__foot { display: block; text-align: center; padding: 12px; color: var(--muted); font-weight: 700; font-size: 13px; }
a.nct-drop__foot:hover { color: var(--text); background: rgba(255,255,255,.03); }
.nct-btn--sm, a.nct-btn--sm:link, a.nct-btn--sm:visited { padding: 6px 11px !important; font-size: 12px !important; border-radius: 9px !important; }

/* menu konta z rangą */
.nct-acc__menu--wide { width: 300px; padding: 0 0 6px; }
.nct-acc__rank { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-bottom: 1px solid var(--line); }
.nct-acc__rank > div { flex: 1; min-width: 0; }
.nct-acc__rank b { display: block; font-size: 15px; }
.nct-acc__rank small { display: block; color: var(--muted); font-size: 12px; }
.nct-acc__rank .nct-prank__bar { margin: 8px 0 5px; height: 6px; }
.nct-acc__list--ico { padding: 6px !important; margin: 0 !important; }
.nct-acc__list--sep { border-top: 1px solid var(--line); }
.nct-acc__list--ico li a { display: flex !important; align-items: center; gap: 11px; }
.nct-acc__list--ico li a svg { color: var(--dim); flex: 0 0 auto; }
.nct-acc__menu--wide .nct-acc__logout { display: flex; align-items: center; gap: 11px; margin: 0 6px; border-top: 1px solid var(--line); border-radius: 0; padding-top: 12px; }

/* awatar online */
.nct-av.is-online { position: relative; overflow: visible; }
.nct-av.is-online img { border-radius: 50%; }
.nct-av.is-online::after { content: ''; position: absolute; right: -1px; bottom: -1px; width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 2px var(--bg2); }

/* rozmowy */
.nct-cv { display: grid; grid-template-columns: 320px minmax(0, 1fr); height: calc(100vh - 230px); min-height: 520px; border: 1px solid var(--edge); border-radius: 16px; background: var(--bg2); overflow: hidden; }
.nct-cv__side { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--line); background: rgba(0,0,0,.15); }
.nct-cv__sidehead { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.nct-cv__sidehead b { font-size: 17px; }
.nct-cv__search { padding: 10px 12px; border-bottom: 1px solid var(--line); }
.nct-cv__search input { width: 100%; box-sizing: border-box; }
.nct-cv__list { flex: 1; overflow-y: auto; min-height: 0; }
a.nct-cv__item { display: flex; align-items: center; gap: 11px; padding: 12px 14px; color: var(--text); border-bottom: 1px solid var(--line); position: relative; }
a.nct-cv__item:hover { background: rgba(255,255,255,.03); }
a.nct-cv__item.is-on { background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
.nct-cv__itxt { flex: 1; min-width: 0; }
.nct-cv__iname { display: flex; justify-content: space-between; gap: 8px; font-weight: 700; font-size: 13.5px; }
.nct-cv__iname small { color: var(--dim); font-weight: 500; font-size: 11px; white-space: nowrap; }
.nct-cv__isnip { display: block; color: var(--muted); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
a.nct-cv__item.is-unread .nct-cv__isnip { color: var(--text); font-weight: 700; }
.nct-cv__badge { min-width: 20px; height: 20px; padding: 0 6px; box-sizing: border-box; border-radius: 10px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.nct-cv__sidefoot { padding: 10px 14px; border-top: 1px solid var(--line); font-size: 12px; }
.nct-cv__sidefoot a { color: var(--dim); }
.nct-cv__main { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.nct-cv__head { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--line); }
.nct-cv__head > div:not(.nct-cv__headacts) { flex: 1; min-width: 0; }
.nct-cv__head b { display: block; font-size: 15px; }
.nct-cv__head b a { color: var(--text); }
.nct-cv__head small { display: block; color: var(--dim); font-size: 12px; }
.nct-cv__back { display: none; font-size: 20px; color: var(--muted); }
.nct-cv__msgs { flex: 1; overflow-y: auto; min-height: 0; padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.nct-cv__day { align-self: center; margin: 10px 0 4px; padding: 3px 10px; border-radius: 10px; background: rgba(255,255,255,.05); color: var(--dim); font-size: 11px; font-weight: 700; }
.nct-cv__msg { display: flex; flex-direction: column; align-items: flex-start; max-width: 75%; }
.nct-cv__msg.is-mine { align-self: flex-end; align-items: flex-end; }
.nct-cv__bubble { padding: 9px 13px; border-radius: 16px 16px 16px 4px; background: rgba(255,255,255,.07); line-height: 1.5; font-size: 14px; word-wrap: break-word; overflow-wrap: anywhere; max-width: 100%; }
.nct-cv__msg.is-mine .nct-cv__bubble { background: linear-gradient(135deg, #4d8dff, #3b74e0); color: #fff; border-radius: 16px 16px 4px 16px; }
.nct-cv__msg.is-mine .nct-cv__bubble a { color: #fff; text-decoration: underline; }
.nct-cv__bubble blockquote { margin: 4px 0 6px; padding: 6px 10px; border-left: 3px solid rgba(255,255,255,.35); background: rgba(0,0,0,.15); border-radius: 8px; font-size: 12.5px; }
.nct-cv__bubble blockquote cite { display: block; font-style: normal; font-weight: 700; opacity: .8; }
.nct-cv__bubble img { max-width: 100%; border-radius: 8px; }
.nct-cv__time { color: var(--dim); font-size: 10.5px; margin: 2px 6px 4px; }
.nct-cv__reply { display: flex; gap: 10px; align-items: flex-end; padding: 12px 16px; border-top: 1px solid var(--line); }
.nct-cv__reply textarea { flex: 1; resize: none; min-height: 42px; max-height: 160px; box-sizing: border-box; padding: 11px 13px; line-height: 1.4; }
.nct-cv__err { display: none; margin: 0 16px 12px; padding: 8px 12px; border-radius: 10px; background: rgba(248,113,113,.15); border: 1px solid rgba(248,113,113,.4); color: #fca5a5; font-size: 12.5px; }
.nct-cv__new { display: flex; flex-direction: column; gap: 6px; padding: 18px; max-width: 640px; }
.nct-cv__new input, .nct-cv__new textarea { width: 100%; box-sizing: border-box; margin-bottom: 8px; }
.nct-cv__new .nct-cv__err { margin: 0 0 8px; }
.nct-cv__send { display: flex; justify-content: flex-end; }
@media (max-width: 860px) {
	.nct-drop { width: calc(100vw - 32px); right: 0; }
	.nct-cv { grid-template-columns: 1fr; height: calc(100vh - 170px); }
	.nct-cv.is-open .nct-cv__side { display: none; }
	.nct-cv:not(.is-open) .nct-cv__main { display: none; }
	.nct-cv__back { display: block; }
}

/* =====================================================================
   NOCTURNO v10 – baner + pasek menu, strona główna jak na 4Life
   ===================================================================== */
.nct-header--v10 { position: relative; }
.nct-banner { position: relative; background: linear-gradient(180deg, rgba(11,14,21,.25), rgba(11,14,21,.85)), url(../../../images/nocturno/hero.jpg) center 35%/cover; }
.nct-banner__in { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 150px; padding: 18px 0; }
.nct-brand--big img { height: 86px; filter: drop-shadow(0 6px 20px rgba(0,0,0,.6)); }
.nct-navbar { display: flex; align-items: stretch; gap: 2px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; background: rgba(17,21,29,.96); border: 1px solid var(--edge); border-bottom: 0; border-radius: 14px 14px 0 0; padding: 0 6px; margin-top: -1px; }
.nct-navbar::-webkit-scrollbar { display: none; }
a.nct-navbar__a, a.nct-navbar__a:link, a.nct-navbar__a:visited { display: inline-flex; align-items: center; gap: 8px; padding: 14px 15px; color: var(--muted); font-weight: 700; font-size: 13.5px; white-space: nowrap; border-bottom: 2px solid transparent; }
a.nct-navbar__a svg { color: var(--dim); }
a.nct-navbar__a:hover { color: var(--text); background: rgba(255,255,255,.03); }
a.nct-navbar__a.is-on { color: #fff; background: #0b0e15; border-radius: 10px 10px 0 0; border-bottom-color: var(--accent); }
a.nct-navbar__a.is-on svg { color: var(--accent-h); }
a.nct-navbar__a--gold, a.nct-navbar__a--gold:link, a.nct-navbar__a--gold:visited { color: #fcd34d; } a.nct-navbar__a--gold svg { color: #f5b942; }
.nct-navbar__search { margin-left: auto; display: flex; align-items: center; padding: 6px 4px 6px 12px; }
.nct-search--bar { width: 230px; padding: 2px 8px; border-radius: 10px; background: #0b0e15; gap: 6px; }
.nct-search--bar .nct-search__ico { color: var(--dim); flex: 0 0 auto; }
.nct-search--bar input.textbox { padding: 7px 2px !important; font-size: 13px; }
.nct-header--v10 + script + #content, .nct-header--v10 ~ #content { padding-top: 22px; }

/* paski ogłoszeń */
.nct-bars { border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.nct-bar { display: flex; align-items: center; gap: 10px; padding: 12px 16px; font-weight: 700; font-size: 13.5px; color: #fff; }
.nct-bar a, .nct-bar span { color: #fff !important; flex: 1; }
.nct-bar a::before, .nct-bar span::before { content: '↗'; margin-right: 10px; opacity: .8; }
.nct-bar--red { background: #c53030; } .nct-bar--orange { background: #c05621; } .nct-bar--blue { background: #2b6cb0; } .nct-bar--green { background: #2f855a; } .nct-bar--violet { background: #6b46c1; }
.nct-bar__x { background: none; border: 0; color: #fff; font-size: 18px; cursor: pointer; opacity: .85; padding: 0 2px; }

/* tytuł strony głównej */
.nct-ptitle { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.nct-ptitle h1 { margin: 0; font-size: 26px; }

/* kategorie z banerem */
.nct-cat--v10 { padding: 6px; }
.nct-cat__banner { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; border-radius: 12px; border: 1px solid var(--edge);
	background: linear-gradient(90deg, rgba(23,28,38,.95), rgba(23,28,38,.6)), url(../../../images/nocturno/hero.jpg) center 40%/cover; }
.nct-cat__banner a:link, .nct-cat__banner a:visited { color: #fff; font-weight: 700; font-size: 15px; }
.nct-cat__banner.thead_collapsed { border-radius: 12px; }

/* wiersz działu */
.nct-frow { display: grid; grid-template-columns: 76px minmax(0, 1fr) 120px 280px; align-items: center; gap: 0 12px; padding: 18px 10px; }
.nct-frow + .nct-frow { border-top: 1px solid var(--line); }
.nct-frow__ico { display: grid; place-items: center; color: #c7ccd8; }
.nct-frow__ico svg { width: 38px; height: 38px; }
.nct-frow__name { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; }
.nct-frow__name a:link, .nct-frow__name a:visited { color: var(--text); }
.nct-frow__name a:hover { color: var(--accent-h); }
.nct-frow__dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.3); flex: 0 0 auto; cursor: pointer; }
.nct-frow__dot.forum_on { background: var(--accent); box-shadow: 0 0 0 3px rgba(77,141,255,.25); }
.nct-frow__desc { color: var(--muted); font-size: 13px; margin-top: 4px; line-height: 1.5; }
.nct-frow__desc:empty { display: none; }
.nct-fmods { margin-top: 6px; color: var(--muted); font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
a.nct-fmod, a.nct-fmod:link, a.nct-fmod:visited, span.nct-fmod { display: inline-block; padding: 2px 9px; border-radius: 9px; background: rgba(160,175,205,.25); color: #e4e8f1; font-size: 12px; font-weight: 700; }
.nct-fsubs { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 12px; }
a.nct-fsub, a.nct-fsub:link, a.nct-fsub:visited { display: inline-flex; align-items: center; gap: 6px; color: var(--text); font-size: 12.5px; font-weight: 700; }
a.nct-fsub svg { color: #c7ccd8; }
a.nct-fsub:hover { color: var(--accent-h); }
.nct-frow__stat { text-align: center; }
.nct-frow__stat b { display: block; font-size: 17px; font-weight: 500; }
.nct-frow__stat span { display: block; color: var(--dim); font-size: 12px; }
.nct-flast { display: flex; align-items: center; gap: 10px; min-width: 0; }
.nct-flast__txt { min-width: 0; }
a.nct-flast__subj, a.nct-flast__subj:link, a.nct-flast__subj:visited { display: block; color: var(--text); font-weight: 700; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-flast__meta { color: var(--dim); font-size: 12px; margin-top: 2px; }
.nct-flast__meta a { font-weight: 700; }
.nct-flast--none { color: var(--dim); font-size: 12.5px; }
@media (max-width: 1100px) { .nct-frow { grid-template-columns: 60px minmax(0, 1fr) 90px; } .nct-frow__last { display: none; } }
@media (max-width: 640px) { .nct-frow { grid-template-columns: 44px minmax(0, 1fr); } .nct-frow__ico svg { width: 28px; height: 28px; } .nct-frow__stat { display: none; } .nct-brand--big img { height: 56px; } .nct-banner__in { min-height: 100px; } }

/* statystyki i online */
.nct-ustats { margin-bottom: 16px; }
.nct-ustats__grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1.4fr; }
.nct-ustats__grid > div { padding: 18px 12px; text-align: center; border-left: 1px solid var(--line); }
.nct-ustats__grid > div:first-child { border-left: 0; }
.nct-ustats__grid b { display: block; font-size: 20px; }
.nct-ustats__grid span { display: block; color: var(--muted); font-size: 12.5px; }
.nct-ustats__new { display: flex !important; align-items: center; gap: 10px; text-align: left !important; justify-content: center; }
.nct-ustats__new a { font-weight: 700; } .nct-ustats__new small { display: block; color: var(--muted); font-size: 12px; }
@media (max-width: 760px) { .nct-ustats__grid { grid-template-columns: 1fr 1fr; } .nct-ustats__grid > div { border-left: 0; border-top: 1px solid var(--line); } }
.nct-who { margin-bottom: 16px; }
.nct-who__list { line-height: 1.9; }
.nct-who__note { color: var(--dim); font-size: 12px; margin-top: 8px; }
.nct-card__more { margin-left: auto; font-size: 12.5px; }

/* aktywni */
.nct-active__tabs { display: flex; gap: 6px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.nct-active__tabs button { flex: 1; padding: 8px 6px; border-radius: 9px; border: 0; background: transparent; color: var(--muted); font-weight: 700; font-family: inherit; cursor: pointer; }
.nct-active__tabs button.is-on { background: rgba(255,255,255,.08); color: var(--text); }
a.nct-active__u { display: flex; align-items: center; gap: 11px; padding: 10px 16px; color: var(--text); }
a.nct-active__u + a.nct-active__u { border-top: 1px solid var(--line); }
a.nct-active__u b { display: block; font-size: 13.5px; }
a.nct-active__u small { display: block; color: var(--ok); font-size: 11.5px; font-weight: 700; }

/* ostatnie odpowiedzi */
a.nct-latest__p { display: flex; gap: 11px; padding: 12px 16px; color: var(--text); align-items: flex-start; }
a.nct-latest__p + a.nct-latest__p { border-top: 1px solid var(--line); }
a.nct-latest__p:hover { background: rgba(255,255,255,.03); }
a.nct-latest__p > span:last-child { min-width: 0; }
a.nct-latest__p b { display: block; font-size: 13px; line-height: 1.35; }
.nct-latest__txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--muted); font-size: 12.5px; margin: 3px 0; }
a.nct-latest__p small { color: var(--dim); font-size: 11.5px; }

/* wybór działu */
.nct-pick { display: flex; flex-direction: column; gap: 14px; }
a.nct-pick__f { display: flex; align-items: center; gap: 10px; padding: 11px 14px; color: var(--text); font-weight: 700; border-top: 1px solid var(--line); }
a.nct-pick__f:hover { background: rgba(255,255,255,.04); color: var(--accent-h); }
.nct-pick__ico svg { width: 20px; height: 20px; color: #c7ccd8; display: block; }

/* cena węgla */
.nct-coal__body { display: flex; align-items: center; gap: 14px; padding: 16px; }
.nct-coal__ico { width: 54px; height: 54px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid var(--edge); display: grid; place-items: center; color: #c7ccd8; flex: 0 0 auto; }
.nct-coal__ico svg { width: 28px; height: 28px; }
.nct-coal__price { font-size: 22px; font-weight: 700; }
.nct-coal__price small { font-size: 12px; color: var(--muted); font-weight: 500; }
.nct-coal__tr { display: inline-block; margin-top: 2px; font-size: 12px; font-weight: 700; color: var(--muted); }
.nct-coal__tr--up { color: var(--ok); } .nct-coal__tr--down { color: var(--bad); }
.nct-coal__note { color: var(--dim); font-size: 11.5px; margin-top: 4px; }

/* =====================================================================
   NOCTURNO v11 – profil jak na 4Life
   ===================================================================== */
.nct-p2__top { border: 1px solid var(--edge); border-radius: 18px; background: var(--bg2); padding: 8px; margin-bottom: 18px; }
.nct-p2__cover { height: 300px; border-radius: 14px; background: #171c26 center/cover no-repeat; }
.nct-p2__bar { display: flex; align-items: center; gap: 28px; padding: 0 12px 6px; flex-wrap: wrap; }
.nct-p2__ava { margin-top: -48px; flex: 0 0 auto; }
.nct-p2__ava img { width: 116px !important; height: 116px !important; max-width: none !important; border-radius: 50%; object-fit: cover; border: 5px solid var(--bg2); box-shadow: 0 0 0 2px rgba(77,141,255,.45); background: var(--bg2); display: block; }
.nct-p2__id { min-width: 0; padding-right: 10px; border-right: 1px solid var(--line); }
.nct-p2__name { font-size: 20px; font-weight: 700; }
.nct-p2__title { color: var(--muted); font-size: 12.5px; }
.nct-p2__col { padding-right: 22px; border-right: 1px solid var(--line); }
.nct-p2__col:last-of-type { border-right: 0; }
.nct-p2__col span { display: block; font-weight: 700; font-size: 12.5px; color: var(--text); }
.nct-p2__col b { display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 500; font-size: 13px; margin-top: 3px; }
.nct-p2__col--now b { max-width: 300px; }
.nct-p2__col--now b a { color: var(--text); }
.nct-p2__on { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px rgba(74,222,128,.2); }
.nct-p2__acts { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; padding: 10px 0; }
a.nct-p2__btn, a.nct-p2__btn:link, a.nct-p2__btn:visited { display: inline-flex; align-items: center; gap: 6px; padding: 9px 15px; border-radius: 10px; background: rgba(255,255,255,.06); border: 1px solid var(--edge);
	color: var(--text); font-weight: 700; font-size: 12.5px; white-space: nowrap; }
a.nct-p2__btn:hover { background: rgba(255,255,255,.1); }
a.nct-p2__btn--main, a.nct-p2__btn--main:link, a.nct-p2__btn--main:visited { background: rgba(160,175,205,.9); color: #0b0e15; border-color: transparent; }
.nct-p2__acts .button { margin: 0; }
.nct-p2__grid { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 18px; align-items: start; }
.nct-p2__side, .nct-p2__main { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
@media (max-width: 1000px) { .nct-p2__grid { grid-template-columns: 1fr; } .nct-p2__cover { height: 180px; } .nct-p2__bar { gap: 14px; } .nct-p2__id, .nct-p2__col { border-right: 0; } .nct-p2__acts { margin-left: 0; } }

/* W świecie gry */
.nct-gc { padding-bottom: 14px; }
.nct-gc__head { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--line); }
.nct-gc__head b { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.nct-gc__head b .nct-ico { color: var(--text); }
.nct-gc__head small { display: block; color: var(--muted); font-size: 12px; margin-top: 2px; }
.nct-gc__crown { width: 34px; height: 34px; border-radius: 9px; background: rgba(245,185,66,.15); color: #f5b942; display: grid; place-items: center; }
.nct-gc__who { display: flex; align-items: center; gap: 12px; padding: 14px 16px 8px; }
.nct-gc__id { padding: 10px 12px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-h); font-weight: 700; font-size: 13px; }
.nct-gc__who b { display: block; font-size: 16px; }
.nct-gc__who small { display: block; color: var(--dim); font-size: 12px; }
.nct-gc__box { margin: 8px 12px 0; border: 1px solid var(--edge); border-radius: 12px; background: rgba(255,255,255,.02); }
.nct-gc__row { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 10px; padding: 11px 12px; font-size: 13px; }
.nct-gc__row + .nct-gc__row { border-top: 1px solid var(--line); }
.nct-gc__row .nct-ico { width: 16px; height: 16px; color: var(--muted); }
.nct-gc__row span { color: var(--muted); font-weight: 700; }
.nct-gc__row b { text-align: right; }
.nct-gc__row b small { color: var(--muted); font-weight: 500; }
.nct-gc__priv { color: var(--dim); font-weight: 500; font-size: 12px; }
.nct-gc__lics { display: flex; gap: 4px; justify-content: flex-end; flex-wrap: wrap; }
.nct-gc__lic { width: 24px; height: 24px; border-radius: 7px; background: var(--accent-soft); color: #cfe0ff; display: inline-grid; place-items: center; font-size: 11px; font-weight: 700; }
.nct-gc__prem { display: flex; align-items: center; gap: 10px; margin: 8px 12px 0; padding: 11px 12px; border-radius: 12px; border: 1px solid rgba(245,185,66,.35); background: rgba(245,185,66,.08); }
.nct-gc__prem .nct-ico { color: #f5b942; width: 20px; height: 20px; }
.nct-gc__prem b { display: block; font-size: 13px; } .nct-gc__prem small { color: var(--muted); font-size: 11.5px; }
.nct-gc__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 8px 12px 0; }
.nct-gc__t { display: flex; flex-direction: column; align-items: center; padding: 12px 6px; border-radius: 12px; text-align: center; }
.nct-gc__t .nct-ico { width: 16px; height: 16px; } .nct-gc__t b { font-size: 16px; margin-top: 4px; } .nct-gc__t span { font-size: 11px; color: var(--muted); }
.nct-gc__t--viol { background: rgba(167,139,250,.12); color: #c4b5fd; } .nct-gc__t--green { background: rgba(74,222,128,.10); color: #86efac; } .nct-gc__t--red { background: rgba(248,113,113,.12); color: #fca5a5; }
.nct-gc__t b { color: var(--text); }

/* ranga */
.nct-rk { padding: 16px; }
.nct-rk__top { display: flex; justify-content: space-between; align-items: flex-start; }
.nct-rk__top b { font-size: 15px; } .nct-rk__top small { display: block; color: var(--accent-h); font-size: 12.5px; }
.nct-rk__ico .nct-ico { width: 30px; height: 30px; padding: 6px; box-sizing: border-box; border-radius: 50%; background: rgba(255,255,255,.08); color: #fcd34d; }
.nct-rk .nct-prank__bar { margin: 12px 0 6px; background: rgba(255,255,255,.08); }
.nct-rk .nct-prank__bar i { background: linear-gradient(90deg, #16a34a, #4ade80); }
.nct-rk__next { color: var(--dim); font-size: 12px; }
.nct-rk__badges { margin: 14px -16px -16px; padding: 14px 16px 16px; border-top: 1px solid var(--line); }
.nct-rk__bh { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.nct-rk__bh a { color: var(--muted); font-size: 12px; font-weight: 700; }
.nct-rk__mb { display: flex; flex-wrap: wrap; gap: 8px; }
.nct-mb { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 2px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); }
.nct-mb .nct-ico { width: 18px; height: 18px; }
.nct-mb.nct-badge--gold { color: #fcd34d; border-color: rgba(245,185,66,.5); } .nct-mb.nct-badge--blue { color: #8fb6ff; border-color: rgba(77,141,255,.5); }
.nct-mb.nct-badge--viol { color: #c4b5fd; border-color: rgba(167,139,250,.5); } .nct-mb.nct-badge--green { color: #86efac; border-color: rgba(74,222,128,.5); }
.nct-mb.nct-badge--pink { color: #f9a8d4; border-color: rgba(244,114,182,.5); }
.nct-mb[class*="fac-"] { color: #8fb6ff; }

/* liczniki, kontakt, wizyty */
a.nct-pst__r { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; color: var(--text); }
a.nct-pst__r + a.nct-pst__r { border-top: 1px solid var(--line); }
a.nct-pst__r:hover { background: rgba(255,255,255,.03); }
a.nct-pst__r .nct-ico { color: var(--muted); }
a.nct-pst__r b { display: block; font-size: 13.5px; } a.nct-pst__r small { color: var(--muted); font-size: 12px; }
a.nct-pst__r em { font-style: normal; font-size: 18px; }
.nct-kc__body { display: flex; flex-direction: column; }
.nct-kc__r, a.nct-kc__r:link, a.nct-kc__r:visited { display: block; padding: 12px 16px; color: var(--text); }
.nct-kc__r + .nct-kc__r { border-top: 1px solid var(--line); }
.nct-kc__r b { display: block; font-size: 13px; } .nct-kc__r span { display: block; color: var(--muted); font-size: 12.5px; overflow-wrap: anywhere; margin-top: 2px; }
a.nct-vis__u { display: flex; align-items: center; gap: 11px; padding: 10px 16px; color: var(--text); border-top: 1px solid var(--line); }
a.nct-vis__u:first-of-type { border-top: 0; }
a.nct-vis__u b { display: block; font-size: 13.5px; } a.nct-vis__u small { color: var(--dim); font-size: 11.5px; }
.nct-vis__cnt { text-align: right; padding: 10px 16px; color: var(--dim); font-size: 12px; border-top: 1px solid var(--line); }
.nct-modbox__body { padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.nct-modbox__ip { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; } .nct-modbox__ip span { color: var(--muted); }
.nct-modbox__links, .nct-modbox__body > a { display: flex; flex-direction: column; gap: 6px; }
.nct-modbox__notes { color: var(--muted); font-size: 12.5px; border-top: 1px solid var(--line); padding-top: 8px; }
.nct-sig__body { padding: 14px 16px; }

/* zakładki i kanał aktywności */
.nct-p2__tabbar { display: flex; gap: 8px; padding: 10px; border-bottom: 1px solid var(--line); }
.nct-p2__tabbar button { flex: 1; padding: 11px; border: 0; border-radius: 10px; background: transparent; color: var(--muted); font-weight: 700; font-family: inherit; font-size: 13px; cursor: pointer; }
.nct-p2__tabbar button.is-on { background: rgba(77,141,255,.16); color: var(--text); }
.nct-p2__tabbar button i { font-style: normal; font-size: 11px; padding: 1px 7px; border-radius: 9px; background: rgba(255,255,255,.08); margin-left: 4px; }
.nct-feed__i { display: flex; gap: 14px; padding: 18px 18px; }
.nct-feed__i + .nct-feed__i { border-top: 1px solid var(--line); }
.nct-feed__b { flex: 1; min-width: 0; }
a.nct-feed__t, a.nct-feed__t:link, a.nct-feed__t:visited { color: var(--text); font-weight: 700; font-size: 16px; }
a.nct-feed__t::before { content: '●'; font-size: 9px; margin-right: 7px; vertical-align: middle; color: var(--muted); }
.nct-feed__w { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12.5px; margin: 4px 0 10px; flex-wrap: wrap; }
.nct-feed__w .nct-ico { width: 14px; height: 14px; color: var(--dim); }
.nct-feed__w b { color: var(--text); } .nct-feed__w a { font-weight: 700; color: var(--text); }
.nct-feed__txt { color: var(--text); line-height: 1.55; overflow-wrap: anywhere; }
.nct-feed__m { display: flex; gap: 18px; margin-top: 12px; color: var(--dim); font-size: 12px; }
.nct-feed__m span { display: inline-flex; align-items: center; gap: 5px; } .nct-feed__m .nct-ico { width: 13px; height: 13px; }
.nct-p2__pane .nct-achs, .nct-p2__pane .nct-badges { padding: 16px; }
.nct-modbox__links li { list-style: none; }
.nct-p2__acts a.button { padding: 9px 15px !important; border-radius: 10px !important; background: rgba(255,255,255,.06) !important; border: 1px solid var(--edge) !important; color: var(--text) !important; font-size: 12.5px !important; box-shadow: none !important; }
.nct-p2__acts a.button span { background: none !important; padding: 0 !important; }
@media (max-width: 640px) {
	.nct-banner__in { gap: 10px; }
	.nct-brand--big { min-width: 0; flex: 1 1 auto; }
	.nct-brand--big img { height: auto; max-height: 52px; max-width: 100%; }
	.nct-p2__ava img { width: 88px !important; height: 88px !important; }
}

/* =====================================================================
   NOCTURNO v12 – Status serwerów
   ===================================================================== */
.nct-srv2__head { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px 10px; }
.nct-srv2__head b { display: flex; align-items: center; gap: 8px; font-size: 15px; }
.nct-srv2__burger { color: var(--accent-h); font-size: 18px; line-height: 1; }
.nct-srv2__head small { display: block; color: var(--muted); font-size: 12.5px; margin-top: 3px; }
.nct-srv2__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 4px rgba(74,222,128,.18); }
.nct-srv2__dot.is-bad { background: var(--bad); box-shadow: 0 0 0 4px rgba(248,113,113,.18); }
.nct-srv2__body { display: flex; flex-direction: column; gap: 12px; padding: 4px 12px 14px; }
a.nct-srv2__tile { position: relative; display: block; height: 104px; border-radius: 12px; overflow: hidden; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.08); }
.nct-srv2__tile--mta { background: linear-gradient(90deg, rgba(11,14,21,.25), rgba(11,14,21,.75)), url(../../../images/nocturno/hero.jpg) center/cover; }
.nct-srv2__tile--dc { background: radial-gradient(circle at 15% 120%, rgba(88,101,242,.55), transparent 55%), repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 22px), #1d2236; }
.nct-srv2__label { position: absolute; left: 16px; top: 16px; font-weight: 800; font-size: 25px; line-height: .95; letter-spacing: .01em; text-shadow: 0 2px 10px rgba(0,0,0,.6); }
.nct-srv2__num { position: absolute; right: 18px; top: 4px; font-weight: 800; font-size: 64px; line-height: 1.1; text-shadow: 0 2px 14px rgba(0,0,0,.6); }
.nct-srv2__sub { position: absolute; left: 0; right: 0; bottom: 7px; text-align: center; font-size: 11.5px; font-weight: 700; color: rgba(255,255,255,.85); }
.nct-srv2__dcname { position: absolute; left: 0; right: 0; top: 18px; display: flex; justify-content: center; align-items: center; gap: 10px; font-weight: 900; font-size: 27px; letter-spacing: .04em; }
.nct-srv2__dcnum { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; font-weight: 800; font-size: 20px; }
.nct-srv2__dcnum b { color: #7cc4ff; }
.nct-srv2__go { position: absolute; inset: 0; display: grid; place-items: center; font-weight: 800; font-size: 22px; background: rgba(11,14,21,.55); opacity: 0; transition: opacity .18s; backdrop-filter: blur(2px); }
.nct-srv2__go::after { content: ''; position: absolute; left: 50%; top: calc(50% + 18px); width: 80px; height: 3px; margin-left: -40px; border-radius: 2px; background: var(--accent); }
a.nct-srv2__tile:hover .nct-srv2__go { opacity: 1; }

/* ===================== v13: temat jak na 4Life ===================== */
.nct-posts2 { margin: 0 0 14px; }
.nct-posts2 #posts { display: flex; flex-direction: column; gap: 14px; }
.post.nct-p { display: grid; grid-template-columns: 230px minmax(0, 1fr); background: var(--bg2); border: 1px solid var(--edge); border-radius: 18px; overflow: visible; margin: 0; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.post.nct-p:target, .post.nct-p.nct-p--hl { border-color: rgba(77,141,255,.5); box-shadow: 0 0 0 3px rgba(77,141,255,.12); }
.nct-p__a { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px 16px 20px; border-right: 1px solid var(--line); background: none !important; border-radius: 18px 0 0 18px; float: none !important; width: auto !important; overflow: visible !important; }
a.nct-p__ava { position: relative; display: block; width: 96px; height: 96px; margin-bottom: 12px; line-height: 0; }
a.nct-p__ava img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; background: #222a38; box-shadow: 0 0 0 3px rgba(255,255,255,.06); transition: box-shadow .15s; }
a.nct-p__ava:hover img { box-shadow: 0 0 0 3px var(--accent); }
.nct-p__on { position: absolute; right: 6px; bottom: 6px; width: 16px; height: 16px; border-radius: 50%; background: var(--ok); border: 3px solid var(--bg2); }
.nct-p__name { display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 15.5px; font-weight: 800; max-width: 100%; }
.nct-p__name a { font-weight: 800; color: var(--text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nct-p__name svg { flex: 0 0 auto; }
.nct-p__title { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 3px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.nct-p__title svg { opacity: .8; }
.nct-p__a .nct-pgame { margin-top: 10px; }
.nct-p__stats { display: flex; gap: 16px; justify-content: center; margin-top: 16px; color: var(--muted); font-size: 12.5px; font-weight: 700; }
.nct-p__stats span { display: inline-flex; align-items: center; gap: 6px; }
.nct-p__stats svg { opacity: .75; }
.nct-p__fields { align-self: stretch; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); text-align: left; font-size: 12px; color: var(--muted); display: flex; flex-direction: column; gap: 5px; }
.nct-p__fields b { color: #c9d0dc; font-weight: 600; word-break: break-word; }
.nct-p__c { display: flex; flex-direction: column; min-width: 0; padding: 0 !important; }
.nct-p__h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 22px 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }
.nct-p__date { color: var(--dim); font-size: 12.5px; font-weight: 600; }
.nct-p__hr { display: flex; align-items: center; gap: 8px; }
.nct-p__staff { padding: 3px 8px; border-radius: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #fff; background: rgba(255,255,255,.12); }
.nct-p__body { padding: 16px 22px 18px !important; flex: 1; font-size: 14.5px; line-height: 1.75; color: #dfe3ea; min-height: 90px; }
.nct-p__edited:empty, .nct-p__edited .post_edit:empty { display: none; }
.nct-p__edited { padding: 0 22px 12px; }
.nct-p__edited .edited_by, .nct-p__edited .edited_post { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12.5px; font-weight: 700; }
.nct-p__edited a { color: var(--muted); }
.nct-p__sig { margin: 0 22px 14px !important; padding-top: 12px !important; border-top: 1px dashed var(--line) !important; color: var(--muted); font-size: 13px; }
.nct-p .post_meta { padding: 0 22px; }
.nct-p .post_meta:empty { display: none; }
.nct-p__att { margin: 0 22px 14px; padding: 12px 14px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid var(--line); }
.nct-p__atth { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 8px; }
.nct-p__f { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px 12px 16px !important; margin-top: auto; border: 0 !important; background: none !important; }
.nct-p__fl, .nct-p__fr { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.nct-p__fr { justify-content: flex-end; }
.nct-p .postbit_buttons > a, a.nct-p__btn { all: unset; }
a.nct-p__btn, a.nct-p__btn:link, a.nct-p__btn:visited { display: inline-flex; align-items: center; height: 32px; padding: 0 10px; border-radius: 9px; color: var(--muted); font-size: 13px; font-weight: 700; cursor: pointer; background: none; border: 0; }
a.nct-p__btn span { display: inline-flex; align-items: center; gap: 7px; background: none !important; padding: 0 !important; }
a.nct-p__btn:hover { color: var(--text); background: rgba(255,255,255,.06); }
a.nct-p__btn--plus.postbit_multiquote_on, .postbit_multiquote_on a.nct-p__btn--plus { color: #fff; background: var(--accent); }
.post_controls a.postbit_multiquote_on { background: var(--accent) !important; color: #fff !important; }

/* menu „⋯” */
.nct-pm3 { position: relative; }
.nct-pm3 > button { width: 32px; height: 28px; border: 0; border-radius: 8px; background: none; color: var(--muted); font-size: 18px; line-height: 1; cursor: pointer; letter-spacing: 1px; }
.nct-pm3 > button:hover, .nct-pm3.is-open > button { background: rgba(255,255,255,.07); color: var(--text); }
.nct-pm3__d { display: none; position: absolute; right: 0; top: calc(100% + 6px); z-index: 50; min-width: 200px; padding: 6px; border-radius: 12px; background: #1a1f2b; border: 1px solid var(--edge); box-shadow: 0 16px 40px rgba(0,0,0,.5); text-align: left; }
.nct-pm3.is-open .nct-pm3__d { display: block; }
.nct-pm3__d a, .nct-pm3__d a:link, .nct-pm3__d a:visited { display: flex !important; align-items: center; gap: 9px; padding: 8px 10px !important; margin: 0 !important; border-radius: 8px; color: #d6dbe4 !important; font-size: 13px; font-weight: 600; background: none !important; border: 0 !important; height: auto !important; text-decoration: none; float: none !important; }
.nct-pm3__d a span { background: none !important; padding: 0 !important; }
.nct-pm3__d a:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.nct-pm3__d a.is-del:hover, .nct-pm3__d .postbit_qdelete:hover { background: rgba(248,113,113,.14) !important; color: #fca5a5 !important; }
.nct-pm3__d .nct-pm3__ip { padding: 8px 10px 4px; margin-top: 4px; border-top: 1px solid var(--line); font-size: 11.5px; color: var(--dim); }
.nct-pm3__d .nct-pm3__ip a { display: inline !important; padding: 0 !important; color: var(--accent-h) !important; }
.nct-pm3__d .post_ip { all: unset; }
.nct-pm3__d .popup_menu { display: none !important; }

/* reakcje */
.nct-rx { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.nct-rx__who { font-size: 12.5px; color: var(--muted); margin-right: 4px; }
.nct-rx__who b { color: #d6dbe4; font-weight: 700; }
.nct-rx__cnt { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px 0 6px; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid var(--line); font-size: 12.5px; font-weight: 800; color: #d6dbe4; cursor: default; }
.nct-rx__cnt.is-mine { border-color: rgba(77,141,255,.5); background: rgba(77,141,255,.12); }
.nct-rx__e { font-size: 17px; line-height: 1; font-family: "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; display: inline-grid; place-items: center; width: 20px; height: 20px; }
.nct-rx__e img { width: 20px; height: 20px; border-radius: 5px; display: block; }
.nct-rx__pick { position: relative; margin-left: 4px; }
.nct-rx__main { display: grid; place-items: center; width: 36px; height: 32px; border-radius: 9px; border: 1px solid transparent; background: none; cursor: pointer; padding: 0; transition: .15s; }
.nct-rx__main img { width: 22px; height: 22px; border-radius: 6px; filter: grayscale(1) brightness(.85); opacity: .75; transition: .15s; }
.nct-rx__main:hover { background: rgba(255,255,255,.06); }
.nct-rx__main:hover img, .nct-rx__main.is-on img { filter: none; opacity: 1; }
.nct-rx__main.is-on { border-color: rgba(77,141,255,.45); background: rgba(77,141,255,.1); }
.nct-rx__main .nct-rx__e { font-size: 19px; width: 22px; height: 22px; }
.nct-rx__pop { position: absolute; right: -6px; bottom: calc(100% + 8px); z-index: 60; display: flex; gap: 2px; padding: 6px; border-radius: 30px; background: #1d2330; border: 1px solid var(--edge); box-shadow: 0 14px 34px rgba(0,0,0,.55); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .16s .25s; }
.nct-rx__pick:hover .nct-rx__pop, .nct-rx__pick.is-open .nct-rx__pop { opacity: 1; visibility: visible; transform: none; transition-delay: .08s; }
.nct-rx__pop::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 12px; }
.nct-rx__pop button { position: relative; display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 50%; background: none; cursor: pointer; padding: 0; transition: transform .12s; }
.nct-rx__pop button .nct-rx__e { font-size: 26px; width: 30px; height: 30px; }
.nct-rx__pop button .nct-rx__e img { width: 28px; height: 28px; border-radius: 7px; }
.nct-rx__pop button:hover { transform: scale(1.25) translateY(-3px); }
.nct-rx__pop button.is-on { background: rgba(77,141,255,.18); }
.nct-rx__pop button[data-tip]:hover::before { content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%); padding: 3px 8px; border-radius: 6px; background: #0b0e15; color: #fff; font-size: 11px; font-weight: 700; white-space: nowrap; pointer-events: none; }
.nct-rx.is-busy { opacity: .6; pointer-events: none; }

/* nagłówek tematu */
.nct-thead__r { display: flex; align-items: center; gap: 10px; }
ul.nct-thead__sub { list-style: none; margin: 0; padding: 0; display: flex; }
a.nct-btn2, .nct-btn2, input.button.nct-btn2 { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 16px; border-radius: 10px; border: 1px solid transparent; background: var(--accent); color: #fff !important; font-family: inherit; font-size: 13.5px; font-weight: 700; cursor: pointer; text-decoration: none; box-shadow: none; transition: .15s; line-height: 1; }
a.nct-btn2:hover, .nct-btn2:hover { filter: brightness(1.1); color: #fff; }
a.nct-btn2--ghost, .nct-btn2--ghost, input.button.nct-btn2--ghost { background: rgba(255,255,255,.05); border-color: var(--edge); color: #d6dbe4 !important; }
a.nct-btn2--ghost:hover, input.button.nct-btn2--ghost:hover { background: rgba(255,255,255,.1); filter: none; color: #fff !important; }
.nct-btn2--big, input.button.nct-btn2--big { height: 44px; padding: 0 34px; font-size: 14.5px; }
.nct-btn2--sm, input.button.nct-btn2--sm { height: 30px; padding: 0 10px; font-size: 12px; }
.nct-btn2--danger:hover, input.button.nct-btn2--danger:hover { background: rgba(248,113,113,.18) !important; border-color: rgba(248,113,113,.4) !important; color: #fca5a5 !important; }
.nct-sub--remove svg { fill: currentColor; }
.nct-tl__bar--st { border: 0 !important; padding: 0 2px 12px !important; }
.nct-tl__bar--st .nct-tl__pages:empty, .nct-tl__bar--st:has(.nct-tl__pages:empty):has(.nct-tl__tools:empty) { display: none; }

/* szybka odpowiedź */
form.nct-qr { margin: 4px 0 16px; padding: 18px 20px; background: var(--bg2); border: 1px solid var(--edge); border-radius: 18px; }
.nct-qr__row { display: flex; gap: 14px; align-items: flex-start; }
.nct-qr__ava { flex: 0 0 auto; line-height: 0; }
.nct-qr__ava img, .nct-qr__ava .nct-av, .nct-qr__ava .nct-av img { width: 48px !important; height: 48px !important; border-radius: 50% !important; object-fit: cover; }
.nct-qr__box { flex: 1; min-width: 0; position: relative; }
.nct-qr__box::before { content: ''; position: absolute; left: -7px; top: 17px; width: 12px; height: 12px; background: var(--bg); border-left: 1px solid var(--edge); border-bottom: 1px solid var(--edge); transform: rotate(45deg); }
.nct-qr__fake { display: flex; align-items: center; gap: 10px; width: 100%; height: 48px; padding: 0 16px; border-radius: 10px; border: 1px solid var(--edge); background: var(--bg); color: var(--muted); font-family: inherit; font-size: 14px; text-align: left; cursor: text; }
.nct-qr__fake:hover { border-color: var(--edge-h); }
.nct-qr__full { display: none; }
.nct-qr__box.is-open .nct-qr__fake { display: none; }
.nct-qr__box.is-open .nct-qr__full { display: block; }
.nct-qr__full textarea { display: block; width: 100%; box-sizing: border-box; min-height: 150px; padding: 14px 16px; border-radius: 10px; border: 1px solid var(--edge); background: var(--bg); color: var(--text); font-family: inherit; font-size: 14px; line-height: 1.6; resize: vertical; }
.nct-qr__full textarea:focus { outline: none; border-color: rgba(77,141,255,.6); box-shadow: 0 0 0 3px rgba(77,141,255,.12); }
.nct-qr__mq { margin-top: 8px; padding: 8px 12px; border-radius: 9px; background: var(--accent-soft); font-size: 12.5px; }
.nct-qr__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.nct-qr__opts { display: flex; gap: 16px; flex-wrap: wrap; }
.nct-qr__btns { display: flex; gap: 8px; margin-left: auto; }
.nct-qr__cap:empty, table.nct-qr__cap:not(:has(td)), table.nct-nt__cap:not(:has(td)), table.nct-nt__login:not(:has(td)) { display: none; }

/* nawigacja i „Ostatnio przeglądający” */
.nct-tnav { display: flex; justify-content: space-between; gap: 10px; margin: 6px 2px 16px; }
.nct-tnav a, .nct-tnav a:link, .nct-tnav a:visited { display: inline-flex; align-items: center; gap: 9px; color: var(--text); font-weight: 800; font-size: 14px; padding: 6px 4px; }
.nct-tnav a:hover { color: var(--accent-h); }
.nct-brw .nct-card__head { display: flex; justify-content: space-between; align-items: center; }
.nct-brw__n { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 700; }
.nct-brw__b { padding: 14px 18px; font-size: 13.5px; color: var(--muted); }
a.nct-brw__u { color: #d6dbe4; font-weight: 600; margin-right: 10px; }
.nct-modtools { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.nct-modtools:empty { display: none; }

/* przełączniki */
label.nct-sw { display: flex; align-items: center; gap: 12px; cursor: pointer; user-select: none; padding: 4px 0; }
label.nct-sw input { position: absolute; opacity: 0; pointer-events: none; }
label.nct-sw i { position: relative; flex: 0 0 auto; width: 42px; height: 22px; border-radius: 20px; background: rgba(255,255,255,.12); border: 1px solid var(--edge); transition: .18s; }
label.nct-sw i::after { content: ''; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: #fff; transition: .18s; box-shadow: 0 1px 3px rgba(0,0,0,.4); }
label.nct-sw input:checked + i { background: var(--accent); border-color: var(--accent); }
label.nct-sw input:checked + i::after { left: 23px; }
label.nct-sw input:focus-visible + i { box-shadow: 0 0 0 3px rgba(77,141,255,.3); }
label.nct-sw span { font-size: 13.5px; font-weight: 700; color: var(--text); line-height: 1.3; }
label.nct-sw small { display: block; font-size: 12px; font-weight: 500; color: var(--muted); }
label.nct-sw--sm i { width: 36px; height: 20px; } label.nct-sw--sm i::after { width: 12px; height: 12px; } label.nct-sw--sm input:checked + i::after { left: 19px; }
label.nct-sw--sm span { font-size: 12.5px; color: var(--muted); }

/* dodawanie tematu / odpowiedzi */
.nct-nt__head { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding: 22px 26px; margin-bottom: 14px; background: var(--bg2); border: 1px solid var(--edge); border-radius: 18px; }
.nct-nt__head h1 { margin: 0; font-size: 24px; font-weight: 800; }
.nct-nt__in-forum { color: var(--muted); font-size: 13.5px; }
.nct-nt__in-forum b { color: #d6dbe4; }
form.nct-nt { background: var(--bg2); border: 1px solid var(--edge); border-radius: 18px; overflow: hidden; margin-bottom: 16px; }
.nct-nt__f { padding: 22px 22px; border-bottom: 1px solid var(--line); }
.nct-nt__l { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 14px; font-weight: 800; color: var(--text); }
.nct-nt__l em { font-style: normal; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #f87171; }
.nct-nt__subj { display: flex; gap: 8px; }
.nct-nt__subj select { height: 50px; border-radius: 10px; }
input.textbox.nct-nt__input { flex: 1; width: 100%; height: 50px; padding: 0 16px; border-radius: 10px; font-size: 15px; background: #1b2230 !important; border: 1px solid var(--edge) !important; }
input.textbox.nct-nt__input:focus { border-color: rgba(77,141,255,.6) !important; box-shadow: 0 0 0 3px rgba(77,141,255,.12); }
.nct-nt__ed { border: 1px solid var(--edge); border-radius: 12px; background: var(--bg); padding: 6px; }
.nct-nt__ed .sceditor-container { width: 100% !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.nct-nt__ed .sceditor-toolbar { background: transparent !important; border-bottom: 1px solid var(--line) !important; padding: 4px 4px 8px !important; }
.nct-nt__ed .sceditor-container iframe, .nct-nt__ed .sceditor-container textarea { min-height: 300px; }
.nct-nt__ed > textarea#message { width: 100%; box-sizing: border-box; min-height: 320px; }
table.nct-att { width: 100%; margin: 6px 0 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
table.nct-att td { background: none !important; border: 0 !important; padding: 0 !important; }
table.nct-att tr.nct-att__q td { display: none; }
td.nct-att__dzc { padding: 0 !important; }
#upload_bar { height: 3px; width: 0; background: var(--accent); border-radius: 3px; transition: width .2s; }
#dropzone { display: flex; align-items: center; gap: 10px; padding: 14px 16px !important; margin: 0 !important; border: 0 !important; border-radius: 10px; background: #1b2230; cursor: pointer; text-align: left !important; color: var(--muted); font-size: 13px; font-weight: 700; transition: .15s; }
#dropzone > div { color: #d6dbe4; }
#dropzone .nct-att__pick { color: #fff; text-decoration: underline; margin-left: -6px; }
#dropzone .nct-att__dir { margin-left: auto; color: var(--muted); }
#dropzone:hover, #dropzone.activated { background: #212a3a; box-shadow: inset 0 0 0 2px rgba(77,141,255,.5); }
#dropzone:hover .nct-att__dir { color: var(--accent-h); }
tr.nct-att__row td { padding: 8px 10px !important; border-top: 1px solid var(--line) !important; font-size: 13px; }
tr.nct-att__row:first-of-type td { border-top: 0 !important; }
.nct-nt__opts { display: flex; flex-direction: column; gap: 10px; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.nct-nt__poll { margin: -2px 0 4px 54px; font-size: 13px; color: var(--muted); display: flex; align-items: center; gap: 10px; }
.nct-nt__poll input { width: 80px; height: 34px; }
.nct-nt__go { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 18px 22px; background: rgba(255,255,255,.015); }
.nct-nt__go input[name=savedraft] { background: none !important; border: 0 !important; color: var(--muted) !important; font-weight: 700; box-shadow: none !important; }
table.nct-nt__cap, table.nct-nt__login { width: calc(100% - 44px); margin: 14px 22px; }

@media (max-width: 760px) {
	.post.nct-p { grid-template-columns: 1fr; }
	.nct-p__a { display: grid; grid-template-columns: 64px 1fr; grid-template-areas: "ava name" "ava title" "ava stats"; justify-items: start; text-align: left; column-gap: 14px; border-right: 0; border-bottom: 1px solid var(--line); padding: 16px; border-radius: 18px 18px 0 0; }
	a.nct-p__ava { grid-area: ava; width: 64px; height: 64px; margin: 0; } a.nct-p__ava img { width: 64px; height: 64px; }
	.nct-p__name { grid-area: name; justify-content: flex-start; } .nct-p__title { grid-area: title; justify-content: flex-start; }
	.nct-p__stats { grid-area: stats; justify-content: flex-start; margin-top: 6px; }
	.nct-p__a .nct-pgame, .nct-p__fields { display: none; }
	.nct-p__f { flex-direction: column; align-items: stretch; } .nct-p__fr { justify-content: flex-start; }
	.nct-rx__pop { right: auto; left: -6px; }
	.nct-qr__ava { display: none; } .nct-qr__box::before { display: none; }
	.nct-nt__go { flex-wrap: wrap; }
}
.nct-p__body { position: relative; z-index: 1; }
.nct-p__h { position: relative; z-index: 6; }
.nct-p__f { position: relative; z-index: 5; overflow: visible !important; }
.nct-p__h, .nct-p__c, .post.nct-p .post_head { overflow: visible !important; }
.nct-posts2, .nct-posts2#posts_container { padding: 0 !important; background: none !important; }
.nct-brw .nct-card__head { justify-content: flex-start; }
.nct-brw__n { margin-left: auto; }
/* pasek narzędzi edytora – ciemny, bez ramek */
.nct-nt__ed .sceditor-group { background: none !important; border: 0 !important; margin: 0 6px 0 0 !important; padding: 0 !important; }
.nct-nt__ed .sceditor-button { width: 30px !important; height: 30px !important; padding: 7px !important; border-radius: 8px !important; box-sizing: border-box; }
.nct-nt__ed .sceditor-button div { filter: invert(1) grayscale(1) brightness(1.25); opacity: .9; }
.nct-nt__ed .sceditor-button:hover, .nct-nt__ed .sceditor-button.active { background: rgba(255,255,255,.08) !important; box-shadow: none !important; }
.nct-nt__ed .sceditor-button:hover div { opacity: 1; }
.nct-nt__ed .sceditor-container iframe { background: transparent !important; }
.nct-qr__full textarea#message { width: 100% !important; max-width: none !important; }
.nct-pm3__d a[style*="display: none"], .nct-pm3__d a[style*="display:none"] { display: none !important; }
@media (max-width: 760px) {
	.nct-rx { position: relative; justify-content: flex-start; }
	.nct-rx__pick { position: static; }
	.nct-rx__pop { left: 0 !important; right: auto !important; max-width: calc(100vw - 60px); }
}

/* ===================== v14: dział jak na 4Life ===================== */
.nct-fhead--v14 { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 26px 28px; border-radius: 18px; }
.nct-fhead--v14 .nct-fhead__title { font-size: 26px; }
.nct-fhead--v14 .nct-fhead__desc { max-width: 720px; margin-top: 6px; font-size: 14px; line-height: 1.6; }
.nct-fhead__r { flex: 0 0 auto; }
.nct-follow { display: inline-flex; align-items: stretch; height: 36px; border-radius: 10px; border: 1px solid var(--edge); background: rgba(255,255,255,.04); overflow: hidden; }
.nct-follow a, .nct-follow a:link, .nct-follow a:visited { display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; color: #d6dbe4; font-size: 13px; font-weight: 700; }
.nct-follow a:hover { background: rgba(255,255,255,.07); color: #fff; }
.nct-follow a.is-on { color: var(--accent-h); }
.nct-follow a.is-on svg { fill: currentColor; }
.nct-follow b { display: grid; place-items: center; min-width: 38px; padding: 0 10px; border-left: 1px solid var(--edge); font-size: 13px; color: var(--muted); }

.nct-subf--v14 { overflow: hidden; border-radius: 18px; }
.nct-banner2 { margin: 8px; padding: 15px 18px; border-radius: 12px; font-weight: 800; font-size: 15px; color: #fff; background: linear-gradient(90deg, rgba(20,25,35,.55), rgba(20,25,35,.85)), url(../../../images/nocturno/hero.jpg) center 35%/cover; border: 1px solid rgba(255,255,255,.08); }
.nct-subf--v14 .nct-card__head { display: none; }

.nct-tl14__top { display: flex; justify-content: flex-end; margin: 4px 0 14px; }
a.nct-btn2--new, a.nct-btn2--new:link, a.nct-btn2--new:visited { height: 44px; padding: 0 22px; font-size: 14px; border-radius: 12px; }
.nct-tl14 { border-radius: 18px; overflow: visible; }
.nct-tl14__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 18px; border-bottom: 1px solid var(--line); }
.nct-tl14__bar--bottom { border-bottom: 0; border-top: 1px solid var(--line); }
.nct-tl14__bar--bottom:has(.nct-tl__pages:empty) { display: none; }
.nct-tl14__tools { display: flex; align-items: center; gap: 18px; margin-left: auto; }
a.nct-tl14__link, a.nct-tl14__link:link, a.nct-tl14__link:visited { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
a.nct-tl14__link:hover { color: var(--text); }
.nct-tl14__sort { position: relative; outline: none; }
.nct-tl14__sort > span { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 6px 0; }
.nct-tl14__sort > span::after { content: ''; border: 4px solid transparent; border-top-color: currentColor; margin-top: 4px; }
.nct-tl14__sort:hover > span { color: var(--text); }
.nct-tl14__sort > div { display: none; position: absolute; right: 0; top: 100%; z-index: 30; min-width: 210px; padding: 6px; border-radius: 12px; background: #1a1f2b; border: 1px solid var(--edge); box-shadow: 0 14px 30px rgba(0,0,0,.45); }
.nct-tl14__sort:hover > div, .nct-tl14__sort:focus-within > div { display: block; }
.nct-tl14__sort > div a, .nct-tl14__sort > div a:link, .nct-tl14__sort > div a:visited { display: block; padding: 8px 10px; border-radius: 8px; color: #d6dbe4; font-size: 13px; font-weight: 600; }
.nct-tl14__sort > div a:hover { background: rgba(255,255,255,.06); color: #fff; }
.nct-tl14__all input { margin: 0; }
table.nct-tl14__t { width: 100%; }
tr.nct-tr14 > td { padding-top: 16px !important; padding-bottom: 16px !important; border-top: 1px solid var(--line) !important; }
.nct-tl14__t tr.nct-tr14:first-child > td, .nct-tl14__t tr.hiddenrow + tr.hiddenrow + tr.nct-tr14 > td { border-top: 0 !important; }
tr.nct-tr14:hover > td { background: rgba(255,255,255,.02) !important; }
tr.nct-tr14 .nct-tr__title { font-size: 15px; font-weight: 700; }
tr.nct-tr14 .nct-tr__meta { color: var(--dim); font-size: 13px; }
tr.nct-tr14 .nct-tr__meta a { color: var(--accent-h); }
tr.nct-tr14 .nct-av--md, tr.nct-tr14 .nct-av--md img { width: 36px !important; height: 36px !important; border-radius: 50% !important; }
tr.nct-tr14 td.nct-tr__stats { width: 170px; text-align: right; color: var(--dim); font-size: 13px; }
tr.nct-tr14 td.nct-tr__stats span { display: block; }
.nct-tr14__rep { color: #d6dbe4; }
.nct-tr14__rep a { color: #d6dbe4 !important; font-weight: 700; }
td.nct-tr14__last { width: 210px; padding-left: 28px !important; font-size: 13px; }
.nct-tr14__lname { display: flex; align-items: center; gap: 4px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nct-tr14__lname a { color: #d6dbe4; }
td.nct-tr14__last .nct-tr__lastdate { color: var(--dim); font-size: 13px; }
svg.nct-star { flex: 0 0 auto; vertical-align: -1px; margin-right: 3px; }
.nct-tl14__empty { padding: 50px 20px !important; text-align: center; color: var(--muted); }
.nct-tl14__empty b { display: block; color: var(--text); font-size: 16px; margin-bottom: 4px; }
.nct-rules { margin-bottom: 14px; } .nct-rules__b { padding: 14px 18px; font-size: 13.5px; color: #c9d0dc; }
.nct-brw__u a { color: #d6dbe4; font-weight: 600; margin-right: 10px; }
.nct-tl__foot:has(> :only-child:empty), .nct-tl__foot:empty { display: none; }
@media (max-width: 760px) {
	.nct-fhead--v14 { flex-direction: column; }
	tr.nct-tr14 td.nct-tr__stats, td.nct-tr14__last { display: none; }
	.nct-tl14__tools { margin-left: 0; gap: 12px; }
}
a.nct-tl14__link, .nct-tl14__sort > span { white-space: nowrap; }
@media (max-width: 480px) { a.nct-tl14__link span, .nct-tl14__tools { font-size: 10px; } .nct-tl14__tools { flex-wrap: wrap; justify-content: flex-end; } }

/* ===================== v15: rejestracja ===================== */
form.nct-reg { max-width: none; background: var(--bg2); border: 1px solid var(--edge); border-radius: 18px; overflow: hidden; margin-bottom: 16px; }
.nct-reg__head { padding: 28px 24px 10px; }
.nct-reg__head h1 { margin: 0; font-size: 28px; font-weight: 800; }
.nct-reg__head p { margin: 6px 0 0; color: var(--muted); font-size: 14px; }
.nct-reg__head p a { color: #fff; font-weight: 700; }
form.nct-reg .nct-nt__f { padding: 20px 24px; }
form.nct-reg .nct-nt__f:last-of-type { border-bottom: 0; }
.nct-reg__hint { margin-top: 8px; font-size: 12.5px; color: var(--dim); }
form.nct-reg input.textbox.nct-nt__input { height: 46px; }
form.nct-reg label.error, form.nct-reg .nct-nt__f .validation_error, form.nct-reg div.error, form.nct-reg span.error { display: block; margin-top: 8px; color: #fca5a5 !important; font-size: 12.5px; font-weight: 600; background: none !important; border: 0 !important; padding: 0 !important; }
form.nct-reg div.validation_success, form.nct-reg .success { display: block; margin-top: 8px; color: #86efac !important; font-size: 12.5px; font-weight: 600; background: none !important; border: 0 !important; padding: 0 !important; }
form.nct-reg input.textbox.error { border-color: rgba(248,113,113,.6) !important; }
form.nct-reg input.textbox.valid { border-color: rgba(74,222,128,.45) !important; }
.nct-pw { margin-top: 10px; }
.nct-pw__track { height: 4px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.nct-pw__track i { display: block; height: 100%; width: 0; border-radius: 4px; transition: width .25s, background .25s; }
.nct-pw span { display: block; margin-top: 6px; font-size: 12px; font-weight: 700; }
/* weryfikacja obrazkowa – ciemna, z przyciskiem odświeżania */
.nct-cap { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.nct-cap__img { position: relative; flex: 0 0 auto; width: 220px; height: 70px; border-radius: 12px; overflow: hidden; border: 1px solid var(--edge); background: #0f131b; }
.nct-cap__img img { display: block; width: 100%; height: 100%; object-fit: cover; filter: invert(.92) hue-rotate(180deg) saturate(1.6) contrast(1.15); }
.nct-cap__ref { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; border: 1px solid var(--edge); background: rgba(23,28,38,.9); color: #d6dbe4; cursor: pointer; padding: 0; transition: .2s; }
.nct-cap__img .nct-cap__ref { position: absolute; right: 6px; top: 6px; }
.nct-cap__ref:hover { color: #fff; background: var(--accent); border-color: var(--accent); transform: rotate(-30deg); }
.nct-cap__in { flex: 1 1 260px; min-width: 0; }
.nct-cap__in small { display: block; margin-top: 8px; font-size: 12px; color: var(--dim); }
.nct-q { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; padding: 12px 14px; border-radius: 10px; background: #1b2230; border: 1px solid var(--edge); font-weight: 700; color: #eceff5; font-size: 14px; }
/* zgody */
.nct-reg__checks { display: flex; flex-direction: column; gap: 14px; }
label.nct-reg__chk { display: flex; align-items: center; gap: 12px; cursor: pointer; font-size: 14px; color: #d6dbe4; }
label.nct-reg__chk input { position: absolute; opacity: 0; pointer-events: none; }
label.nct-reg__chk i { flex: 0 0 auto; width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--edge-h); background: #1b2230; display: grid; place-items: center; transition: .15s; }
label.nct-reg__chk input:checked + i { background: var(--accent); border-color: var(--accent); }
label.nct-reg__chk input:checked + i::after { content: ''; width: 10px; height: 5px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
label.nct-reg__chk input:focus-visible + i { box-shadow: 0 0 0 3px rgba(77,141,255,.3); }
label.nct-reg__chk a { color: var(--accent-h); text-decoration: underline; }
label.nct-reg__chk em { margin-left: auto; font-style: normal; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #f87171; }
label.nct-reg__chk label.error { display: none !important; }
form.nct-reg .nct-nt__go { border-top: 1px solid var(--line); }
.nct-reg--wait { min-height: 160px; }
/* reCAPTCHA / hCaptcha / Turnstile – gdy włączone w ACP */
form.nct-reg .g-recaptcha, form.nct-reg .h-captcha, form.nct-reg .cf-turnstile { margin-top: 4px; }
form.nct-reg table { width: 100%; }
@media (max-width: 600px) { .nct-cap__img { width: 100%; } }
form.nct-reg input.textbox.nct-nt__input { display: block; width: 100%; box-sizing: border-box; }

/* ===================== v16: okienko logowania ===================== */
.modal.nct-lg { width: 440px !important; max-width: calc(100vw - 32px); padding: 0 !important; border-radius: 20px !important; background: linear-gradient(180deg, #161b26, #11151d) !important; border: 1px solid var(--edge) !important; box-shadow: 0 30px 90px rgba(0,0,0,.65), 0 0 0 1px rgba(77,141,255,.08) !important; }
.nct-lg__top { position: relative; padding: 30px 28px 10px; text-align: center; background: radial-gradient(280px 120px at 50% 0, rgba(77,141,255,.22), transparent 70%); }
.nct-lg__logo { width: 58px; height: 58px; border-radius: 16px; box-shadow: 0 8px 24px rgba(77,141,255,.35); }
.nct-lg__top h2 { margin: 14px 0 4px; font-size: 22px; font-weight: 800; color: #fff; }
.nct-lg__top p { margin: 0; color: var(--muted); font-size: 13.5px; }
.nct-lg__body { padding: 18px 28px 8px; }
.nct-lg__l { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 8px; font-size: 13px; font-weight: 700; color: #d6dbe4; }
.nct-lg__l a { font-size: 12px; font-weight: 600; color: var(--accent-h); }
.nct-lg__f { position: relative; margin-bottom: 16px; }
.nct-lg__f > svg { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--dim); pointer-events: none; transition: color .15s; }
.nct-lg__f input.textbox { display: block; width: 100% !important; box-sizing: border-box; height: 48px; padding: 0 46px 0 44px !important; border-radius: 12px !important; background: #1b2230 !important; border: 1px solid var(--edge) !important; font-size: 14.5px; color: var(--text); }
.nct-lg__f input.textbox:focus { border-color: rgba(77,141,255,.65) !important; box-shadow: 0 0 0 3px rgba(77,141,255,.15) !important; outline: none; }
.nct-lg__f:focus-within > svg { color: var(--accent-h); }
.nct-lg__eye { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 9px; background: none; color: var(--dim); cursor: pointer; padding: 0; }
.nct-lg__eye:hover, .nct-lg__eye.is-on { color: var(--text); background: rgba(255,255,255,.06); }
.nct-lg__rem { margin: 2px 0 18px; }
.nct-lg__rem span { font-size: 13px !important; font-weight: 600 !important; color: #c9d0dc !important; }
button.nct-lg__btn { width: 100%; height: 48px; font-size: 15px; border-radius: 12px; box-shadow: 0 10px 24px rgba(77,141,255,.3); }
.nct-lg__foot { padding: 16px 28px 22px; text-align: center; font-size: 13px; color: var(--muted); border-top: 1px solid var(--line); margin-top: 18px; }
.nct-lg__foot a { color: #fff; font-weight: 700; }
.nct-lg__lock { padding: 14px; border-radius: 12px; background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.3); color: #fca5a5; font-size: 13px; margin-bottom: 14px; }
.modal.nct-lg a.close-modal { top: 14px !important; right: 14px !important; }

/* ===================== v17: komunikaty, wyszukiwarka, ekipa, formularze, panel moderatora ===================== */
/* komunikaty systemowe */
body.nct-sys-body { min-height: 100vh; display: grid; place-items: center; margin: 0; }
.nct-sys { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 30px 0 40px; }
.nct-sys__logo { height: 64px; opacity: .95; }
.nct-sys__card { width: 100%; max-width: 520px; box-sizing: border-box; padding: 34px 32px 30px; text-align: center; background: var(--bg2); border: 1px solid var(--edge); border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.4); }
.nct-sys--redirect .nct-sys__card { max-width: 440px; }
.nct-sys__spin { width: 44px; height: 44px; margin: 0 auto 16px; border-radius: 50%; border: 3px solid rgba(77,141,255,.18); border-top-color: var(--accent); animation: nctSpin .8s linear infinite; }
@keyframes nctSpin { to { transform: rotate(360deg); } }
.nct-sys__msg { margin: 0 0 18px; color: #d6dbe4; font-size: 15px; line-height: 1.6; }
.nct-sys__msg ol, .nct-sys__msg ul { text-align: left; color: var(--muted); font-size: 13.5px; }
.nct-sys__bar { height: 4px; border-radius: 4px; background: rgba(255,255,255,.07); overflow: hidden; margin: 0 0 18px; }
.nct-sys__bar i { display: block; height: 100%; width: 0; background: var(--accent); animation: nctBar 2s linear forwards; }
@keyframes nctBar { to { width: 100%; } }
.nct-sys__ico { width: 64px; height: 64px; margin: 0 auto 14px; border-radius: 18px; display: grid; place-items: center; color: #fca5a5; background: rgba(248,113,113,.1); border: 1px solid rgba(248,113,113,.25); }
.nct-sys__ico--lock { color: var(--accent-h); background: rgba(77,141,255,.1); border-color: rgba(77,141,255,.25); }
.nct-sys__title { margin: 0 0 8px; font-size: 22px; font-weight: 800; }
.nct-sys__btns { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.nct-sys__np h2 { margin: 0 0 6px; font-size: 20px; color: #fff; }
.nct-sys__np p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
.nct-sys__card--error:has(.nct-sys__np) > .nct-sys__ico, .nct-sys__card--error:has(.nct-sys__np) > .nct-sys__title, .nct-sys__card--error:has(.nct-sys__np) > .nct-sys__btns { display: none; }
.nct-sys__card--error:has(.nct-sys__np) .nct-sys__msg { margin: 0; }
.nct-sys__msg .nct-sys__np { color: inherit; }

/* przeglądający – goście */
.nct-brw__g { font-style: normal; margin-left: 6px; color: var(--dim); font-size: 12px; font-weight: 600; }

/* wyszukiwarka */
form.nct-srch { margin-bottom: 18px; }
.nct-srch__head { padding: 30px 28px 24px; border-radius: 18px; background: radial-gradient(600px 160px at 50% 0, rgba(77,141,255,.16), transparent 70%), var(--bg2); border: 1px solid var(--edge); text-align: center; }
.nct-srch__head h1 { margin: 0 0 18px; font-size: 26px; font-weight: 800; }
.nct-srch__big { position: relative; display: flex; gap: 10px; max-width: 760px; margin: 0 auto; }
.nct-srch__big > svg { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--dim); pointer-events: none; }
.nct-srch__big input.textbox { flex: 1; min-width: 0; height: 54px; padding: 0 16px 0 48px !important; border-radius: 14px !important; font-size: 16px; background: #1b2230 !important; border: 1px solid var(--edge) !important; }
.nct-srch__big input.textbox:focus { border-color: rgba(77,141,255,.6) !important; box-shadow: 0 0 0 3px rgba(77,141,255,.14); outline: none; }
.nct-srch__big .nct-btn2 { height: 54px; padding: 0 28px; border-radius: 14px; font-size: 15px; }
.nct-srch__seg { display: inline-flex; gap: 4px; margin-top: 14px; padding: 4px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid var(--edge); }
.nct-srch__seg label { position: relative; cursor: pointer; }
.nct-srch__seg input { position: absolute; opacity: 0; pointer-events: none; }
.nct-srch__seg span { display: block; padding: 7px 14px; border-radius: 9px; font-size: 13px; font-weight: 700; color: var(--muted); }
.nct-srch__seg input:checked + span { background: var(--accent); color: #fff; }
.nct-srch__seg--sm { margin-top: 0; }
.nct-srch__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 14px; padding: 20px 22px; border-radius: 18px; background: var(--bg2); border: 1px solid var(--edge); }
.nct-srch__f { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.nct-srch__f > label { font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.nct-srch__f > label small { text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--dim); }
.nct-srch__f--wide { grid-column: span 2; }
.nct-srch__f select, .nct-srch__f input.textbox { width: 100%; box-sizing: border-box; height: 42px; border-radius: 10px; }
.nct-srch__f select[multiple] { height: 190px; padding: 6px; }
.nct-srch__f .select2-container { width: 100% !important; }
label.nct-srch__chk { font-size: 12.5px; color: var(--muted); text-transform: none; letter-spacing: 0; font-weight: 500; display: flex; align-items: center; gap: 6px; }
.nct-srch__more select { margin-top: 8px; }
table.nct-srch__mod:not(:has(td)) { display: none; }
table.nct-srch__mod { width: 100%; margin-top: 12px; }
.nct-srch__prev { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.5; font-style: italic; }
@media (max-width: 900px) { .nct-srch__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .nct-srch__grid { grid-template-columns: 1fr; } .nct-srch__f--wide { grid-column: auto; } .nct-srch__big { flex-direction: column; } }

/* ekipa forum */
.nct-team { display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px; }
.nct-team__g .nct-card__head { font-size: 16px; }
.nct-team__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 6px; padding: 14px; }
a.nct-team__u { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 8px 16px; border-radius: 14px; text-decoration: none; text-align: center; min-width: 0; transition: background .15s; }
a.nct-team__u:hover { background: rgba(255,255,255,.04); }
.nct-team__av { position: relative; width: 76px; height: 76px; margin-bottom: 6px; }
.nct-team__av img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; background: #222a38; box-shadow: 0 0 0 3px rgba(255,255,255,.06); }
a.nct-team__u:hover .nct-team__av img { box-shadow: 0 0 0 3px var(--accent); }
.nct-team__av i { display: none; position: absolute; right: 3px; bottom: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--ok); border: 3px solid var(--bg2); }
.nct-team__av--online i { display: block; }
a.nct-team__u b { font-size: 15px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.nct-team__u small { color: var(--dim); font-size: 12px; }

/* edycja posta – usuwanie */
details.nct-del { margin-bottom: 14px; border-radius: 14px; border: 1px solid rgba(248,113,113,.25); background: rgba(248,113,113,.05); }
details.nct-del summary { display: flex; align-items: center; gap: 9px; padding: 14px 18px; cursor: pointer; color: #fca5a5; font-weight: 700; font-size: 13.5px; list-style: none; }
details.nct-del summary::-webkit-details-marker { display: none; }
.nct-del__b { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 0 18px 16px; }
.nct-del__b p { margin: 0; color: #d6dbe4; font-size: 13.5px; } .nct-del__b small { color: var(--muted); }
input.button.nct-btn2--danger2, .nct-btn2--danger2 { background: #ef4444 !important; color: #fff !important; }
.nct-nt__opt { font-size: 11.5px; font-weight: 500; color: var(--dim); text-transform: none; letter-spacing: 0; }
textarea.nct-nt__ta { display: block; width: 100%; box-sizing: border-box; min-height: 200px; padding: 14px 16px; border-radius: 10px; background: #1b2230 !important; border: 1px solid var(--edge) !important; color: var(--text); font: inherit; font-size: 14.5px; line-height: 1.6; resize: vertical; }
textarea.nct-nt__ta:focus { outline: none; border-color: rgba(77,141,255,.6) !important; }
form.nct-nt input.nct-nt__input, form.nct-nt .nct-nt__input { display: block; width: 100%; box-sizing: border-box; }
.nct-nt__subj input.nct-nt__input { flex: 1; width: auto; }

/* podgląd tematu przy odpowiedzi */
.nct-rev { margin-bottom: 16px; }
.nct-rev__list { max-height: 520px; overflow-y: auto; }
.nct-rev__p { padding: 14px 20px; border-top: 1px solid var(--line); }
.nct-rev__p:first-child { border-top: 0; }
.nct-rev__h { display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px; } .nct-rev__h b { color: #fff; } .nct-rev__h span { color: var(--dim); font-size: 12.5px; }
.nct-rev__b { color: #c9d0dc; font-size: 14px; line-height: 1.65; }
.nct-rev__more { padding: 12px 20px; border-top: 1px solid var(--line); text-align: center; } .nct-rev__more a { color: var(--accent-h); font-weight: 700; }

/* formularze konta */
.nct-auth { max-width: 460px; }
.nct-auth__card .nct-lg__f input.textbox { height: 48px; }
.nct-auth__card button.nct-lg__btn { margin-top: 6px; }
.nct-auth__alt { margin-top: 16px; text-align: center; font-size: 13px; color: var(--muted); } .nct-auth__alt a { color: #fff; font-weight: 700; }
table.nct-auth__captcha { width: 100%; } table.nct-auth__captcha:not(:has(td)) { display: none; }
td.nct-capcell { padding: 4px 0 14px !important; background: none !important; border: 0 !important; }
form.nct-nt td.nct-capcell, form.nct-reg td.nct-capcell { padding: 20px 22px !important; }
td.nct-capcell .nct-cap__img { width: 200px; height: 64px; }

/* „Kto napisał?” */
.modal.nct-who2 { padding: 0 !important; width: 380px !important; border-radius: 18px !important; background: var(--bg2) !important; border: 1px solid var(--edge) !important; overflow: hidden; }
.nct-who2__h { padding: 16px 54px 14px 20px; font-weight: 700; border-bottom: 1px solid var(--line); }
.nct-who2__l { max-height: 400px; overflow-y: auto; }
.nct-who2__l table { width: 100%; border: 0 !important; background: none !important; }
.nct-who2__l td { padding: 9px 20px !important; border-bottom: 1px solid var(--line) !important; background: none !important; }

/* ładne kratki i opcje radio w starych formularzach */
#content input[type=checkbox].checkbox, #content input[type=checkbox]:not([class]), .nct-ucp input[type=checkbox], .modal input[type=checkbox]:not(.nct-lg *), #content input[type=radio] {
	appearance: none; -webkit-appearance: none; width: 18px; height: 18px; margin: 0 6px 0 0; vertical-align: -4px; border: 1.5px solid var(--edge-h); background: #1b2230; border-radius: 5px; cursor: pointer; display: inline-grid; place-items: center; transition: .15s; flex: 0 0 auto;
}
#content input[type=radio] { border-radius: 50%; }
#content input[type=checkbox]:checked, .nct-ucp input[type=checkbox]:checked, .modal input[type=checkbox]:checked { background: var(--accent); border-color: var(--accent); }
#content input[type=checkbox]:checked::after, .nct-ucp input[type=checkbox]:checked::after, .modal input[type=checkbox]:checked::after { content: ''; width: 9px; height: 5px; border-left: 2.2px solid #fff; border-bottom: 2.2px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
#content input[type=radio]:checked { border-color: var(--accent); box-shadow: inset 0 0 0 4px #1b2230; background: var(--accent); }
.nct-srch__seg input[type=radio], label.nct-sw input, label.nct-reg__chk input { appearance: auto; }

/* ustawienia konta: zbędne opcje i telefon */
.nct-ucp tr:has(> td > input#classicpostbit), .nct-ucp tr:has(> td > input#sourceeditor) { display: none; }
@media (max-width: 760px) {
	.nct-ucp, .nct-ucp table, .nct-ucp tbody, .nct-ucp tr, .nct-ucp td.nct-ucp__navcell, .nct-ucp td.nct-ucp__main { display: block !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
	.nct-ucp * { max-width: 100%; }
	.nct-ucp .nct-set__row { flex-wrap: wrap; }
	.nct-ucp input.textbox, .nct-ucp select, .nct-ucp textarea { max-width: 100%; box-sizing: border-box; }
}

/* panel moderatora i inne stare strony – nowocześniej */
#content table.tborder { border-radius: 16px; overflow: hidden; }
#content td.thead { font-size: 14px; }
#content td.tcat { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
#content td.trow1, #content td.trow2 { padding-top: 12px; padding-bottom: 12px; }
#content fieldset { border: 1px solid var(--edge); border-radius: 14px; padding: 12px 16px 14px; margin: 0 0 12px; background: rgba(255,255,255,.015); }
#content fieldset legend { padding: 0 8px; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.modcp_nav_item, a.modcp_nav_item { display: flex !important; align-items: center; gap: 8px; padding: 9px 12px !important; margin: 1px 0; border-radius: 10px; color: #c9d0dc !important; font-weight: 600; font-size: 13px; background-image: none !important; text-decoration: none; }
a.modcp_nav_item:hover { background: rgba(255,255,255,.06); color: #fff !important; }
#content td.trow1.smalltext:has(.modcp_nav_item), #content td.trow1:has(> .modcp_nav_item) { padding: 2px 8px !important; border: 0 !important; }
#content .modcp_nav_item::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); opacity: .6; }
#content div[id^=modcp_nav] .modcp_nav_item, #content tbody[id$=_e] .modcp_nav_item { padding-left: 16px !important; }

/* select2 (wybór użytkownika) – ciemny */
.select2-container .select2-choice, .select2-container-multi .select2-choices { background: #1b2230 !important; border: 1px solid var(--edge) !important; border-radius: 10px !important; height: 42px !important; line-height: 40px !important; color: var(--text) !important; box-shadow: none !important; background-image: none !important; }
.select2-container .select2-choice .select2-arrow { background: none !important; border: 0 !important; }
.select2-container .select2-choice > .select2-chosen { color: var(--text); }
.select2-default .select2-chosen { color: var(--dim) !important; }
.select2-drop { background: #1a1f2b !important; border: 1px solid var(--edge) !important; color: var(--text) !important; border-radius: 0 0 10px 10px !important; }
.select2-search input { background: #1b2230 !important; color: var(--text) !important; border: 1px solid var(--edge) !important; }
.select2-results .select2-highlighted { background: var(--accent) !important; color: #fff !important; }
.select2-results li { color: #d6dbe4; }
@media (max-width: 560px) {
	.nct-srch__big input.textbox { flex: none; width: 100%; box-sizing: border-box; }
	.nct-srch__big > svg { top: 27px; }
	.nct-srch__head { padding: 22px 16px 18px; }
}

/* ===================== v18: animowane logo, błyszczące rangi ekipy, awatar ===================== */
/* logo: delikatna poświata księżyca + błysk przesuwający się po napisie */
.nct-logo-anim { position: relative; display: inline-block; isolation: isolate; }
.nct-logo-anim img { animation: nctLogoGlow 4.5s ease-in-out infinite; }
@keyframes nctLogoGlow { 0%, 100% { filter: drop-shadow(0 6px 20px rgba(0,0,0,.6)) drop-shadow(0 0 0 rgba(110,162,255,0)); } 50% { filter: drop-shadow(0 6px 20px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(110,162,255,.45)); } }
.nct-logo-anim::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 1;
	background: linear-gradient(105deg, transparent 42%, rgba(255,255,255,.32) 49%, rgba(170,200,255,.38) 51%, transparent 58%) no-repeat;
	background-size: 250% 100%; background-position: 150% 0;
	-webkit-mask-image: var(--nct-logo); mask-image: var(--nct-logo); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: left center; mask-position: left center;
	mix-blend-mode: screen; animation: nctLogoShine 6s ease-in-out infinite; }
@keyframes nctLogoShine { 0%, 55% { background-position: 150% 0; } 85%, 100% { background-position: -60% 0; } }
.nct-logo-anim::before { content: '✦'; position: absolute; left: 14%; top: 14%; z-index: 2; color: #fff; font-size: 13px; text-shadow: 0 0 8px #9cc3ff; opacity: 0; animation: nctLogoStar 3.2s ease-in-out infinite; pointer-events: none; }
@keyframes nctLogoStar { 0%, 60%, 100% { opacity: 0; transform: scale(.4) rotate(0); } 75% { opacity: 1; transform: scale(1.1) rotate(45deg); } 88% { opacity: 0; transform: scale(.6) rotate(90deg); } }
.nct-logo-anim:hover img { animation-duration: 1.6s; }

/* błyszczące nicki i nazwy rang ekipy */
.nct-shine { position: relative; display: inline-block; font-weight: 800; color: var(--c, #fff);
	background: linear-gradient(100deg, var(--c, #fff) 0%, var(--c, #fff) 38%, #fff 50%, var(--c, #fff) 62%, var(--c, #fff) 100%);
	background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
	animation: nctShine 3.6s linear infinite; text-shadow: none; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) { .nct-shine { -webkit-text-fill-color: currentColor; background: none; } }
@keyframes nctShine { 0% { background-position: 130% 0; } 100% { background-position: -130% 0; } }
.nct-shine::before, .nct-shine::after { content: '✦'; position: absolute; font-size: .62em; line-height: 1; -webkit-text-fill-color: var(--c, #fff); color: var(--c, #fff); text-shadow: 0 0 6px var(--c, #fff); pointer-events: none; opacity: 0; }
.nct-shine::before { left: -2px; top: -5px; animation: nctSpark 2.6s ease-in-out infinite; }
.nct-shine::after { right: -6px; bottom: -3px; animation: nctSpark 2.6s ease-in-out 1.3s infinite; }
@keyframes nctSpark { 0% { opacity: 0; transform: translateY(3px) scale(.3) rotate(0); } 30% { opacity: 1; transform: translateY(-2px) scale(1) rotate(60deg); } 60% { opacity: 0; transform: translateY(-7px) scale(.4) rotate(120deg); } 100% { opacity: 0; } }
.nct-shine--owner { filter: drop-shadow(0 0 6px rgba(255,77,77,.55)); }
.nct-shine--owner::before, .nct-shine--owner::after { content: '★'; }

/* zmiana awatara */
.nct-avp__b { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 26px; padding: 24px 24px 10px; }
.nct-avp__cur { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.nct-avp__img { width: 150px; height: 150px; border-radius: 50%; padding: 4px; background: linear-gradient(135deg, rgba(77,141,255,.8), rgba(167,139,250,.6)); box-shadow: 0 12px 34px rgba(77,141,255,.25); margin-bottom: 8px; }
.nct-avp__img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; background: #222a38; border: 3px solid var(--bg2); box-sizing: border-box; }
.nct-avp__cur b { font-size: 16px; } .nct-avp__cur small { color: var(--dim); font-size: 12.5px; } .nct-avp__cur small.is-new { color: #86efac; font-weight: 700; }
.nct-avp__opts { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
label.nct-avp__dz { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 150px; padding: 20px; border-radius: 16px; border: 2px dashed var(--edge-h); background: rgba(255,255,255,.02); cursor: pointer; text-align: center; transition: .15s; }
label.nct-avp__dz:hover, label.nct-avp__dz.is-drag { border-color: var(--accent); background: rgba(77,141,255,.06); }
label.nct-avp__dz.has-file { border-style: solid; border-color: rgba(74,222,128,.5); background: rgba(74,222,128,.05); }
label.nct-avp__dz input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.nct-avp__dzi { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: rgba(77,141,255,.12); color: var(--accent-h); margin-bottom: 4px; }
label.nct-avp__dz b { font-size: 15px; } label.nct-avp__dz small { color: var(--muted); font-size: 12.5px; max-width: 360px; overflow: hidden; text-overflow: ellipsis; }
.nct-avp__url .nct-lg__f { margin-bottom: 0; }
.nct-avp__note { font-size: 12px; color: var(--dim); line-height: 1.6; }
.nct-avp .nct-nt__go { border-top: 1px solid var(--line); }
@media (max-width: 760px) { .nct-avp__b { grid-template-columns: 1fr; } }

/* profil: wiersz „Reakcje” */
.nct-pst__r { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 14px 16px; color: var(--text); border-top: 1px solid var(--line); }
.nct-pst__r:first-child { border-top: 0; }
.nct-pst__r span b { display: block; } .nct-pst__r span small { display: block; color: var(--muted); font-size: 12px; }
.nct-pst__r em { font-style: normal; font-weight: 800; font-size: 16px; }
/* czat: linie między wiadomościami */
.nct-chat__msg { padding: 10px 34px 10px 4px !important; border-bottom: 1px solid var(--line); }
.nct-chat__msg:last-child { border-bottom: 0; }
.nct-chat__msg:hover { background: rgba(255,255,255,.03); }
.nct-chat__list { padding-left: 12px; padding-right: 12px; }
/* panel konta – najnowsze tematy */
.nct-ulat { margin-top: 14px; }
.nct-ulat .nct-card__head { display: flex; align-items: center; }
a.nct-ulat__all { margin-left: auto; font-size: 12.5px; font-weight: 700; color: var(--accent-h); }
a.nct-ulat__r { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid var(--line); text-decoration: none; transition: background .15s; }
a.nct-ulat__r:first-child { border-top: 0; }
a.nct-ulat__r:hover { background: rgba(255,255,255,.03); }
.nct-ulat__ico { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(77,141,255,.12); color: var(--accent-h); }
.nct-ulat__ico[class*=hot] { background: rgba(249,115,22,.14); color: #fdba74; }
.nct-ulat__ico[class*=lock], .nct-ulat__ico[class*=close] { background: rgba(255,255,255,.06); color: var(--muted); }
.nct-ulat__t { flex: 1; min-width: 0; }
.nct-ulat__t b { display: block; color: #eceff5; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nct-ulat__t b.subject_new { color: #fff; }
.nct-ulat__t small { display: block; margin-top: 2px; color: var(--dim); font-size: 12.5px; }
.nct-ulat__t small a { color: var(--muted); pointer-events: none; }
.nct-ulat__s { display: flex; gap: 8px; }
.nct-ulat__s i { display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 20px; background: rgba(255,255,255,.05); color: var(--muted); font-style: normal; font-size: 12px; font-weight: 700; }
.nct-ucp__main > br { display: none; }
/* stopka: podpis autora */
.nct-footer__bottom-in { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
a.nct-made { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px 6px 12px; border-radius: 30px; background: rgba(255,77,77,.06); border: 1px solid rgba(255,77,77,.18); color: var(--muted); font-size: 12.5px; font-weight: 600; text-decoration: none; transition: .2s; }
a.nct-made:hover { background: rgba(255,77,77,.12); border-color: rgba(255,77,77,.4); color: #fff; transform: translateY(-1px); }
a.nct-made img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px rgba(255,77,77,.5); }
a.nct-made .nct-shine { font-size: 13px; }
.nct-made__h { font-style: normal; color: #ff4d4d; display: inline-block; animation: nctHeart 1.4s ease-in-out infinite; }
@keyframes nctHeart { 0%, 100% { transform: scale(1); } 15% { transform: scale(1.3); } 30% { transform: scale(1); } 45% { transform: scale(1.18); } }
@media (max-width: 760px) { .nct-footer__bottom-in { justify-content: center; text-align: center; } }