/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}
/* ===== TNF: video background ===== */
#tnf-bg {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
	background: #000 url('../img/tnf-bg-last.webp') no-repeat center center;
	background-size: cover;
}
#tnf-bg video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
/* ecrane inguste / in picioare (telefoane): tinem personajele din dreapta in cadru */
@media (max-aspect-ratio: 1/1) {
	#tnf-bg { background-position: 72% center; }
	#tnf-bg video { object-position: 72% center; }
}

/* ===== TNF: o singura bara sus (stil Fortnite): meniu | logo centrat | limba + butoane ===== */
:root {
	--tnf-bar-h: 64px;
}
#tnf-bar {
	position: sticky;
	top: 0;
	z-index: 50;
	height: var(--tnf-bar-h);
	background: #121216;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
	font-family: 'Barlow', 'PT Sans', sans-serif;
}
.tnf-bar-inner {
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 24px;
}
/* stanga si dreapta ocupa spatii egale, deci logo-ul ramane fix in mijloc */
#tnf-bar #navbar,
.tnf-bar-right {
	flex: 1 1 0;
	min-width: 0;
}
#tnf-bar #navbar {
	position: static;
	width: auto;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border: 0;
	box-shadow: none;
}
#tnf-bar #navbar ul {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
#tnf-bar #navbar ul li a {
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.2px;
	text-transform: none;
	color: #f2f2f2 !important;
	padding: 9px 12px;
	border-radius: 6px;
	transition: background .2s ease, color .2s ease;
}
#tnf-bar #navbar ul li a:hover,
#tnf-bar #navbar ul li a:focus {
	background: rgba(255, 255, 255, 0.08);
	color: #ffffff !important;
}
.tnf-brand {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	padding: 0 24px;
}
.tnf-brand img {
	display: block;
	height: 32px;
	width: auto;
	transition: opacity .2s ease, transform .2s ease;
}
.tnf-brand:hover img {
	opacity: 0.9;
	transform: scale(1.03);
}
.tnf-bar-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
.tnf-btn {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 18px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 600;
	white-space: nowrap;
	text-decoration: none !important;
	transition: all .2s ease;
}
.tnf-btn-dark {
	background: #2a2a31;
	color: #f2f2f2 !important;
}
.tnf-btn-dark:hover {
	background: #3a3a43;
	color: #ffffff !important;
}
.tnf-btn-gold {
	background: linear-gradient(to bottom, #f3d37a, #c9982f);
	color: #16100a !important;
}
.tnf-btn-gold:hover {
	background: linear-gradient(to bottom, #ffe39a, #d9a843);
	box-shadow: 0 0 14px rgba(243, 211, 122, 0.45);
	color: #000000 !important;
}
/* limba: se vede doar cea curenta, restul apar intr-o lista la hover */
.tnf-lang {
	position: relative;
	width: 72px;
	height: 40px;
}
.tnf-lang .webengine-language-switcher {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 72px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-radius: 6px;
	z-index: 60;
}
.tnf-lang .webengine-language-switcher li {
	display: none;
	margin: 0;
}
.tnf-lang .webengine-language-switcher li:first-child,
.tnf-lang:hover .webengine-language-switcher li {
	display: block;
}
.tnf-lang:hover .webengine-language-switcher {
	background: #1b1b21;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}
.tnf-lang .webengine-language-switcher li a {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 40px;
	padding: 0 12px;
	border-radius: 6px;
	background: none !important;
	color: #d8d8d8 !important;
	font-size: 14px;
	font-weight: 600;
}
.tnf-lang .webengine-language-switcher li a:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #ffffff !important;
}
/* video-ul incepe sub bara, nu in spatele ei */
#tnf-bg {
	top: var(--tnf-bar-h);
}
/* ecrane mai inguste: meniul si logo-ul se strang ca sa nu se taie nimic */
@media (max-width: 1240px) {
	#tnf-bar #navbar ul li a {
		font-size: 15px;
		padding: 8px 8px;
	}
	.tnf-brand {
		padding: 0 14px;
	}
	.tnf-brand img {
		height: 28px;
	}
	.tnf-btn {
		padding: 0 14px;
		font-size: 15px;
	}
}
/* Downloads = buton albastru in dreapta (intre Login si Register), deci il ascundem din meniu */
#tnf-bar #navbar li:has(> a[href$="/downloads"]),
#tnf-bar #navbar li:has(> a[href$="/downloads/"]) {
	display: none;
}
.tnf-btn-blue {
	background: linear-gradient(to bottom, #4f6bff, #2f47d6);
	color: #ffffff !important;
}
.tnf-btn-blue:hover {
	background: linear-gradient(to bottom, #6a82ff, #3a55ea);
	box-shadow: 0 0 14px rgba(79, 107, 255, 0.5);
	color: #ffffff !important;
}
/* logo-ul MU de sub bara: mai mic */
#header {
	padding: 30px 0px 10px 0px;
}
.webengine-mu-logo {
	height: 90px;
	width: auto;
}
/* ===== v3: Downloads mai inchis, status server in mijloc, logo langa Login, video lipit sub bara ===== */
.tnf-btn-blue {
	background: linear-gradient(to bottom, #2d44b8, #1b2c86);
}
.tnf-btn-blue:hover {
	background: linear-gradient(to bottom, #3a55d0, #23379f);
	box-shadow: 0 0 14px rgba(45, 68, 184, 0.55);
}
.tnf-status {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 36px;
	padding: 0 16px;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: #cfcfd6;
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
}
.tnf-status-name {
	color: #f3d37a;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.tnf-status-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3ddc84;
	box-shadow: 0 0 8px #3ddc84;
	animation: tnf-pulse 2s ease-in-out infinite;
}
.tnf-status-count {
	color: #ffffff;
}
@keyframes tnf-pulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.45; }
}
.tnf-bar-right .tnf-brand {
	padding: 0;
	margin-right: 28px;
}
/* partea de sus a filmului incepe fix sub bara (nu mai e taiata sus) */
#tnf-bg {
	background-position: center top;
}
#tnf-bg video {
	object-position: center top;
}
@media (max-aspect-ratio: 1/1) {
	#tnf-bg { background-position: 72% top; }
	#tnf-bg video { object-position: 72% top; }
}
@media (max-width: 1240px) {
	#tnf-bar #navbar,
	.tnf-bar-right {
		flex: 1 1 auto;
	}
	.tnf-status {
		margin: 0 12px;
	}
	.tnf-bar-right .tnf-brand {
		margin-right: 18px;
	}
}
/* ===== v4: status fara "pastila" — nume server + bara care se umple dupa jucatori online ===== */
.tnf-status {
	height: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	gap: 10px;
	font-size: 14px;
	color: #b9b9c2;
}
.tnf-status-dot {
	display: none;
}
.tnf-online-bar {
	position: relative;
	width: 130px;
	height: 6px;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.1);
	overflow: hidden;
}
.tnf-online-bar-fill {
	height: 100%;
	border-radius: 3px;
	background: linear-gradient(90deg, #2fbf71, #f3d37a);
	box-shadow: 0 0 8px rgba(47, 191, 113, 0.6);
	transition: width .6s ease;
}
/* spatiu intre status si logo + variante compacte ca sa nu se taie meniul pe ecrane inguste */
.tnf-status {
	margin: 0 20px;
}
.tnf-bar-right .tnf-brand img {
	height: 28px;
}
@media (max-width: 1240px) {
	.tnf-status {
		margin: 0 10px;
		gap: 6px;
		font-size: 13px;
	}
	.tnf-online-bar {
		width: 60px;
	}
	.tnf-bar-right .tnf-brand img {
		height: 24px;
	}
	.tnf-bar-right .tnf-brand {
		margin-right: 14px;
	}
	#tnf-bar #navbar ul li a {
		font-size: 14px;
		padding: 8px 7px;
	}
	.tnf-btn {
		padding: 0 12px;
		font-size: 14px;
	}
	.tnf-bar-right {
		gap: 8px;
	}
}
/* ===== v5: status server in stanga de tot (loc pentru mai multe servere), apoi meniul ===== */
.tnf-status,
.tnf-bar-right {
	flex: 0 0 auto;
}
#tnf-bar #navbar {
	flex: 1 1 auto;
}
.tnf-status {
	margin: 0 18px 0 0;
	padding-right: 18px;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1240px) {
	#tnf-bar #navbar {
		flex: 1 1 auto;
	}
	.tnf-bar-right {
		flex: 0 0 auto;
	}
	.tnf-status {
		margin: 0 10px 0 0;
		padding-right: 10px;
	}
}
/* ===== v6: meniu cu accent rosu inchis, butoane mai rasfirate, logo mai la stanga ===== */
#tnf-bar #navbar ul li {
	margin: 0 5px;
}
#tnf-bar #navbar ul li a {
	position: relative;
	padding: 9px 14px;
}
#tnf-bar #navbar ul li a::after {
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 2px;
	height: 3px;
	border-radius: 2px;
	background: #a3161a;
	box-shadow: 0 0 8px rgba(163, 22, 26, 0.7);
	transform: scaleX(0);
	transition: transform .25s ease;
}
#tnf-bar #navbar ul li a:hover,
#tnf-bar #navbar ul li a:focus {
	background: rgba(163, 22, 26, 0.16);
}
#tnf-bar #navbar ul li a:hover::after,
#tnf-bar #navbar ul li a:focus::after,
#tnf-bar #navbar ul li a.tnf-active::after {
	transform: scaleX(1);
}
#tnf-bar #navbar ul li a.tnf-active {
	color: #ffffff !important;
}
/* ~1 inch (96px) intre logo si Login pe ecrane late */
.tnf-bar-right .tnf-brand {
	margin-right: 124px;
}
@media (max-width: 1240px) {
	#tnf-bar #navbar ul li {
		margin: 0 2px;
	}
	#tnf-bar #navbar ul li a {
		padding: 8px 8px;
	}
	#tnf-bar #navbar ul li a::after {
		left: 8px;
		right: 8px;
	}
	.tnf-bar-right .tnf-brand {
		margin-right: 40px;
	}
}
/* numele serverului din status: maxim 140px, altfel "..." (sa nu impinga meniul sub logo) */
.tnf-status-name {
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* buton AdminCP (vizibil doar pentru admini) - inchis, cu accent rosu ca meniul */
.tnf-btn-admin {
	background: #2a1416;
	border: 1px solid rgba(163, 22, 26, 0.7);
	color: #f0c9c9 !important;
}
.tnf-btn-admin:hover {
	background: #3a1719;
	box-shadow: 0 0 12px rgba(163, 22, 26, 0.55);
	color: #ffffff !important;
}
/* v9: video mai sus in cadru (personajele nu mai stau prea jos) */
#tnf-bg {
	background-position: center 40%;
}
#tnf-bg video {
	object-position: center 40%;
}
@media (max-aspect-ratio: 1/1) {
	#tnf-bg { background-position: 72% 40%; }
	#tnf-bg video { object-position: 72% 40%; }
}
/* ===== Home: fara casete, doar stirile transparente, in stanga (se vede fundalul) ===== */
#container:has(.home-news-block) {
	width: auto;
	max-width: 620px;
	margin: 6vh 0 0 5vw;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
#container:has(.home-news-block) #content {
	min-height: 0;
	padding: 0;
	overflow: visible;
}
/* pe Home ascundem restul (login-ul e oricum in bara, clasamentele sunt la Rankings) */
#container:has(.home-news-block) .home-news-block + .col-xs-4,
#container:has(.home-news-block) #content > .col-xs-12 > .row ~ .row {
	display: none;
}
#container:has(.home-news-block) .home-news-block {
	width: 100%;
	float: none;
}
.home-news-block,
.home-news-block .row,
.home-news-block-header,
.home-news-block-body,
.home-news-block-article {
	background: transparent !important;
	border-color: rgba(255, 255, 255, 0.12) !important;
}
.home-news-block h2 {
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}
.home-news-block a {
	color: #f3d37a !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
.home-news-block a:hover {
	color: #ffe39a !important;
}
.home-news-block-article-type,
.home-news-block-article-date {
	color: #d6d6de !important;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
.home-news-block-article-title a {
	font-size: 16px;
	font-weight: 700;
}
.home-news-block {
	color: #e9e6df;
}
.home-news-block .home-news-block-header h2 {
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.9);
}
.home-news-block .home-news-block-header a {
	font-style: normal;
	font-weight: 600;
}
/* footer: inchis si semi-transparent (nu mai e gri deschis peste video) */
.footer {
	background: rgba(10, 10, 14, 0.72);
	color: #a9a9b3;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.footer a,
.footer > .footer-container a {
	color: #cfcfd6 !important;
}
.footer a:hover,
.footer > .footer-container a:hover {
	color: #f3d37a !important;
}
.footer hr {
	border-color: rgba(255, 255, 255, 0.1);
}
.footer .footer-social-link img {
	filter: grayscale(100%) brightness(1.8);
	transition: filter .2s ease;
}
.footer .footer-social-link:hover img {
	filter: none;
}
/* pe Home footer-ul sta jos, sub stiri, nu peste ele */
#container:has(.home-news-block) + .footer {
	margin-top: 40vh;
}
/* ===== v12: Home — stirile pe "sticla", coborate jos (se vede doar titlul, restul la scroll) ===== */
/* caseta coboara: pe primul ecran se vede doar "Latest News" + un pic din ce urmeaza */
#container:has(.home-news-block) {
	margin-top: max(24px, calc(100vh - 490px));
}
/* sticla inchisa in spatele stirilor (fundalul ramane pe loc, sticla urca la scroll) */
#container .home-news-block {
	background: linear-gradient(90deg, rgba(8, 8, 12, 0.80), rgba(8, 8, 12, 0.50)) !important;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: 1px solid rgba(255, 255, 255, 0.07) !important;
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	padding: 22px 26px 16px 26px;
}
.home-news-block-article .home-news-block-article-type {
	background: rgba(163, 22, 26, 0.35);
	border-color: #a3161a !important;
	color: #ffffff !important;
	border-radius: 4px;
}
/* fundalul se estompeaza spre negru in partea de jos a ecranului (arata ca mai e ceva dedesubt) */
#tnf-bg::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
	pointer-events: none;
}
/* pe Home footer-ul vine la scurt timp dupa stiri */
#container:has(.home-news-block) + .footer {
	margin-top: 18vh;
}
/* v15: bara de online portocalie; peste jumatate (serverul se umple) devine rosie */
.tnf-online-bar-fill {
	background: linear-gradient(90deg, #e8700f, #ffa53a);
	box-shadow: 0 0 8px rgba(255, 140, 30, 0.65);
}
.tnf-online-bar-fill.is-high {
	background: linear-gradient(90deg, #b8141a, #ff3b30);
	box-shadow: 0 0 10px rgba(230, 30, 36, 0.75);
}
/* v16: sub jumatate bara e alb-argintie (se potriveste cu textul alb din bara); peste jumatate ramane rosie */
.tnf-online-bar-fill {
	background: linear-gradient(90deg, #c9c9d4, #ffffff);
	box-shadow: 0 0 8px rgba(255, 255, 255, 0.45);
}
/* ===== v18: Home — stirea cea mai noua: titlu mare, fragment din text, autor + data ===== */
.tnf-news-featured {
	margin: 4px 0 16px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.tnf-news-featured .home-news-block-article-type {
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.tnf-news-headline {
	margin: 10px 0 8px 0;
	line-height: 1.05;
}
.tnf-news-headline a {
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 44px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #f3d37a !important;
	text-shadow: 0 3px 0 rgba(0, 0, 0, 0.55), 0 6px 22px rgba(0, 0, 0, 0.9);
	text-decoration: none !important;
}
.tnf-news-headline a:hover {
	color: #ffe39a !important;
}
.tnf-news-excerpt {
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.45;
	color: #ecebea;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
	margin: 0 0 10px 0;
}
.tnf-news-excerpt .tnf-news-more {
	font-weight: 700;
	white-space: nowrap;
}
.tnf-news-meta {
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #a9a9b3;
}
.tnf-news-meta strong {
	color: #ffffff;
	font-weight: 700;
}
.tnf-news-empty {
	color: #d6d6de;
	font-size: 16px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
/* v19: butonul "More" (toate stirile) sub "Posted by" */
.tnf-news-all {
	margin-top: 14px;
	height: 36px;
	padding: 0 18px;
	font-size: 15px;
}
/* ===== v20: fundalul (video) urca odata cu pagina la scroll si se topeste in negru; mai jos e negru "la nesfarsit" ===== */
#tnf-bg {
	position: absolute;
	top: var(--tnf-bar-h);
	left: 0;
	right: 0;
	bottom: auto;
	height: calc(100vh - var(--tnf-bar-h));
	min-height: 520px;
}
#tnf-bg::after {
	height: 45%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
}
/* ===== v21: pe telefon (ecran in picioare) video-ul nu mai e marit pe centru: se vede intreg, pe toata latimea ===== */
@media (max-aspect-ratio: 1/1) {
	#tnf-bg {
		height: auto;
		min-height: 0;
		aspect-ratio: 1664 / 1248;
		background-position: center center;
	}
	#tnf-bg video {
		object-position: center center;
	}
	/* stirile incep in partea de jos a video-ului, nu mult mai jos pe negru */
	#container:has(.home-news-block) {
		margin-top: 420px;
	}
}
/* v21b: pe telefon pagina are 1040px latime (templateul nu e inca adaptat pentru mobil), deci si video-ul trebuie sa aiba minim 1040px, altfel ramane o dunga neagra in dreapta */
@media (max-aspect-ratio: 1/1) {
	#tnf-bg {
		min-width: 1040px;
	}
}
/* ===== v23: Home — stirile putin mai jos si complet transparente (fara sticla) ===== */
#container:has(.home-news-block) {
	margin-top: max(24px, calc(100vh - 430px));
}
#container .home-news-block {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
@media (max-aspect-ratio: 1/1) {
	#container:has(.home-news-block) {
		margin-top: 420px;
	}
}
/* ===== v24: Home — clasamentele (Top Level, Top Guilds, Events) inapoi sub stiri, fara casete; footer pe toata latimea ===== */
#container:has(.home-news-block) {
	max-width: none;
	margin-left: 5vw;
	margin-right: 5vw;
}
#container .home-news-block {
	max-width: 620px;
}
#container:has(.home-news-block) #content > .col-xs-12 > .row.tnf-home-rankings {
	display: block;
	margin-top: 48px;
}
.tnf-home-rankings .panel-sidebar {
	background: transparent;
	box-shadow: none;
	margin-bottom: 0;
}
.tnf-home-rankings .panel-sidebar > .panel-heading {
	background: transparent !important;
	border-bottom: 3px solid #a3161a !important;
	padding: 0 0 8px 0;
}
.tnf-home-rankings .panel-title {
	font-family: 'Anton', 'Barlow', sans-serif;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #f3d37a;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}
.tnf-home-rankings .panel-title .btn {
	width: 28px !important;
	height: 28px;
	margin-top: 1px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: #2a2a31;
	color: #ffffff;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	text-shadow: none;
}
.tnf-home-rankings .panel-title .btn:hover {
	background: #3a3a44;
	color: #f3d37a;
}
.tnf-home-rankings .panel-body {
	min-height: 0 !important;
	padding: 8px 0 0 0;
}
.tnf-home-rankings .table {
	margin-bottom: 0;
	background: transparent;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #ecebea;
}
.tnf-home-rankings .table th {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #a9a9b3;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.tnf-home-rankings .table td {
	border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
	vertical-align: middle;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9);
}
.tnf-home-rankings .table a {
	color: #ffffff !important;
	font-weight: 700;
}
.tnf-home-rankings .table a:hover {
	color: #f3d37a !important;
	text-decoration: none;
}
.tnf-home-rankings .smalltext {
	color: #a9a9b3;
}
/* footer: de la o margine la alta, lipit jos */
.footer {
	width: auto;
	margin: 0;
	padding: 40px 5vw;
	border-radius: 0;
}
#container:has(.home-news-block) + .footer {
	margin-top: 80px;
}
/* ===== v25: clasamentele de pe Home delimitate cu auriu (sub titlu si intre tabele) ===== */
.tnf-home-rankings .panel-sidebar > .panel-heading {
	border-bottom: 3px solid #d4a53c !important;
}
.tnf-home-rankings > .col-xs-4 + .col-xs-4 {
	border-left: 1px solid rgba(243, 211, 122, 0.35);
}
/* ===== v26: butonul Discord in bara de sus, in stanga logo-ului (mov Discord la hover) ===== */
.tnf-discord {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin-right: 28px;
	border-radius: 8px;
	background: #2a2a31;
	color: #ffffff;
	transition: background .2s ease, transform .2s ease;
}
.tnf-discord svg {
	display: block;
	width: 22px;
	height: 22px;
	fill: currentColor;
}
.tnf-discord:hover,
.tnf-discord:focus {
	background: #5865f2;
	color: #ffffff;
	transform: translateY(-1px);
}
/* pe ecrane mai inguste strangem spatiul dintre logo si Log In, ca meniul (Rankings) sa nu fie taiat de Discord */
@media (max-width: 1500px) {
	.tnf-discord {
		margin-right: 20px;
	}
	.tnf-bar-right .tnf-brand {
		margin-right: 48px;
	}
}
@media (max-width: 1240px) {
	.tnf-discord {
		width: 34px;
		height: 34px;
		margin-right: 14px;
	}
	.tnf-bar-right .tnf-brand {
		margin-right: 24px;
	}
}
/* v26b: spatiul dintre logo si butoane e un "arc": maxim ~124px, dar se strange primul cand bara e plina (ex. cand esti logat), ca meniul sa nu fie taiat */
/* elementele din dreapta devin direct elemente ale barei, ca "arcul" sa cedeze spatiu inaintea meniului */
.tnf-bar-right {
	display: contents;
}
.tnf-bar-right > .tnf-discord,
.tnf-bar-right > .tnf-brand {
	order: 1;
}
.tnf-bar-right::after {
	content: '';
	order: 2;
	flex: 0 1000 auto;
	width: 124px;
	min-width: 16px;
}
.tnf-bar-right > .tnf-btn {
	order: 3;
	flex-shrink: 0;
}
.tnf-bar-right > .tnf-btn + .tnf-btn {
	margin-left: 10px;
}
.tnf-bar-right .tnf-brand {
	margin-right: 0;
}
/* minim de aer intre Rankings si Discord cand bara e plina */
.tnf-bar-right > .tnf-discord {
	margin-left: 16px;
}
@media (max-width: 1240px) {
	.tnf-bar-right > .tnf-btn + .tnf-btn {
		margin-left: 8px;
	}
	.tnf-bar-right > .tnf-discord {
		margin-left: 12px;
	}
}
/* ===== v27: Discord putin mai la stanga (mai mult aer fata de logo); clasamentele/eventurile mai jos sub stiri ===== */
.tnf-bar-right > .tnf-discord {
	margin-right: 40px;
}
@media (max-width: 1500px) {
	.tnf-bar-right > .tnf-discord {
		margin-right: 32px;
	}
}
@media (min-width: 1241px) and (max-width: 1450px) {
	.tnf-bar-right > .tnf-discord {
		margin-right: 24px;
	}
}
@media (max-width: 1240px) {
	.tnf-bar-right > .tnf-discord {
		margin-right: 22px;
	}
}
#container:has(.home-news-block) #content > .col-xs-12 > .row.tnf-home-rankings {
	margin-top: 110px;
}
/* ===== v28: Discord inca ~1 inch mai la stanga: intre Discord si logo e tot un "arc" (maxim 136px, se strange cand bara e plina) ===== */
.tnf-bar-right > .tnf-discord {
	margin-right: 0;
}
.tnf-bar-right::before {
	content: '';
	order: 2;
	flex: 0 1000 auto;
	width: 136px;
	min-width: 20px;
}
.tnf-bar-right > .tnf-brand {
	order: 3;
}
.tnf-bar-right::after {
	order: 4;
}
.tnf-bar-right > .tnf-btn {
	order: 5;
}
/* ===== v30: butoane mai deschise si titlul stirii mai luminos (bara ramane neagra) ===== */
.tnf-btn-dark,
.tnf-discord,
.tnf-home-rankings .panel-title .btn {
	background: #3a3a48;
}
.tnf-btn-dark:hover,
.tnf-home-rankings .panel-title .btn:hover {
	background: #4a4a5a;
}
.tnf-btn-blue {
	background: linear-gradient(to bottom, #4460e0, #2a3fb8);
}
.tnf-btn-blue:hover {
	background: linear-gradient(to bottom, #5572ee, #3149c8);
	box-shadow: 0 0 14px rgba(68, 96, 224, 0.55);
}
.tnf-btn-gold {
	background: linear-gradient(to bottom, #ffe496, #e8b243);
}
.tnf-btn-gold:hover {
	background: linear-gradient(to bottom, #fff0bd, #f5c457);
}
/* titlul stirii: auriu deschis in degrade (umbra prin filter, ca sa nu se vada prin literele transparente) */
.tnf-news-headline a {
	color: #ffe089 !important;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-shadow: none;
	filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.55)) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.85));
}
.tnf-news-headline a:hover {
	filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.55)) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.85)) brightness(1.08);
}
/* ===== v31: caseta de timp — pe Home sta jos, intre titlul stirii si personaje; "Server Time (UTC)" + fusul orar al jucatorului ===== */
.header-info-container .header-info {
	width: auto;
	padding: 14px 18px;
	border-radius: 8px;
	text-align: left;
	font-family: 'Barlow', 'PT Sans', sans-serif;
}
.tnf-clock-row + .tnf-clock-row {
	margin-top: 10px;
}
.tnf-clock-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #a9a9b3;
}
.tnf-clock-value {
	display: block;
	font-size: 17px;
	font-weight: 600;
	color: #ffffff;
	white-space: nowrap;
}
.tnf-clock-value time {
	font-variant-numeric: tabular-nums;
}
.tnf-clock-value > span {
	margin-left: 8px;
	font-size: 14px;
	color: #a9a9b3;
}
/* PC (ecran culcat): pe Home caseta iese din pagina si coboara la inaltimea titlului, centrata intre stire si personaje (personajele incep pe la 69% din latime) */
@media (min-aspect-ratio: 1001/1000) {
	body:has(.home-news-block) .header-info-container {
		position: absolute;
		z-index: 2;
		top: max(304px, calc(100vh - 150px));
		left: max(calc(5vw + 640px), calc(37.2vw + 215px));
		width: auto;
		margin: 0;
	}
	/* caseta nu mai ocupa loc in pagina (81px), deci stirea coboara cu atat ca sa ramana unde era */
	#container:has(.home-news-block) {
		margin-top: max(105px, calc(100vh - 349px));
	}
}
/* laptopuri inguste: nu incape intre titlu si personaje, asa ca sta chiar deasupra titlului, aliniata cu stirea */
@media (min-aspect-ratio: 1001/1000) and (max-width: 1300px) {
	body:has(.home-news-block) .header-info-container {
		top: max(190px, calc(100vh - 270px));
		left: 5vw;
	}
}
/* ===== v32: rosul din meniu (sublinierea), din bara de online si de la AdminCP — mai viu, ca butoanele ===== */
#tnf-bar #navbar ul li a::after {
	background: #e0262d;
	box-shadow: 0 0 10px rgba(224, 38, 45, 0.75);
}
#tnf-bar #navbar ul li a:hover,
#tnf-bar #navbar ul li a:focus {
	background: rgba(224, 38, 45, 0.16);
}
.tnf-online-bar-fill.is-high {
	background: linear-gradient(90deg, #e0262d, #ff5a4a);
	box-shadow: 0 0 10px rgba(255, 60, 50, 0.8);
}
.tnf-btn-admin {
	border-color: rgba(224, 38, 45, 0.8);
}
.tnf-btn-admin:hover {
	box-shadow: 0 0 12px rgba(224, 38, 45, 0.6);
}
/* ===== v33: ceasul la nivelul titlului stirii (nu mai sus); in bara OG X50 + nr. online mai mari, auriu ca titlul stirii; bara de online aurie pana devine rosie ===== */
/* caseta mai compacta, ca sa incapa de la inaltimea titlului pana jos */
.header-info-container .header-info {
	padding: 10px 16px;
}
.tnf-clock-row + .tnf-clock-row {
	margin-top: 6px;
}
.tnf-clock-value {
	line-height: 1.2;
}
/* PC: sus = sus-ul titlului (100vh - 123px, vezi v29/v31) + 4px; pe toate latimile sta intre stire si personaje */
@media (min-aspect-ratio: 1001/1000) {
	body:has(.home-news-block) .header-info-container {
		top: max(335px, calc(100vh - 119px));
		left: max(calc(5vw + 630px), calc(37.2vw + 215px));
	}
}
@media (min-aspect-ratio: 1001/1000) and (max-width: 1300px) {
	body:has(.home-news-block) .header-info-container {
		top: max(335px, calc(100vh - 119px));
		left: max(calc(5vw + 630px), calc(37.2vw + 215px));
	}
}
/* bara: OG X50 si numarul de online mai mari, acelasi auriu in degrade ca titlul stirii */
.tnf-status-name,
.tnf-status-count {
	font-size: 17px;
	font-weight: 700;
	color: #ffe089;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tnf-status-count {
	font-variant-numeric: tabular-nums;
}
@media (max-width: 1240px) {
	.tnf-status-name,
	.tnf-status-count {
		font-size: 15px;
	}
}
/* bara de online: aurie sub jumatate (peste jumatate ramane rosie, regula .is-high e mai specifica) */
.tnf-online-bar-fill {
	background: linear-gradient(90deg, #ffc93f, #ffe089 60%, #fff6d2);
	box-shadow: 0 0 8px rgba(255, 201, 63, 0.55);
}
/* v34: si cuvantul "online" e auriu (marime normala) */
.tnf-status-word {
	font-weight: 600;
	color: #ffe089;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* peste jumatate (bara rosie) si OG X50 + numarul de online + "online" se fac rosii */
.tnf-status:has(.tnf-online-bar-fill.is-high) .tnf-status-name,
.tnf-status:has(.tnf-online-bar-fill.is-high) .tnf-status-count,
.tnf-status:has(.tnf-online-bar-fill.is-high) .tnf-status-word {
	color: #ff4a3d;
	background: linear-gradient(to bottom, #ffb3a8 0%, #ff5a4a 45%, #e0262d 100%);
	-webkit-background-clip: text;
	background-clip: text;
}
/* ===== v35: butoane mai subtiri, ca la Fortnite (34px in loc de 40px) ===== */
.tnf-btn {
	height: 34px;
	padding: 0 16px;
	font-weight: 700;
}
.tnf-discord {
	width: 34px;
	height: 34px;
}
.tnf-news-all {
	height: 34px;
}
@media (min-width: 1241px) and (max-width: 1450px) {
	.tnf-btn {
		padding: 0 13px;
	}
}
@media (max-width: 1240px) {
	.tnf-btn {
		height: 32px;
		padding: 0 11px;
	}
	.tnf-discord {
		width: 32px;
		height: 32px;
	}
}
/* ===== v36 (proba, stil Riot): meniu si butoane cu litere mari si spatiu intre ele, butoane rotunde (pastila), Log In / User CP doar text ===== */
#tnf-bar #navbar ul li a {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.tnf-btn {
	height: 30px;
	border-radius: 7px;
	padding: 0 16px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.6px;
	text-transform: uppercase;
}
.tnf-discord {
	width: 30px;
	height: 30px;
	border-radius: 7px;
}
.tnf-discord svg {
	width: 19px;
	height: 19px;
}
.tnf-news-all {
	height: 32px;
}
@media (max-width: 1240px) {
	.tnf-btn {
		height: 28px;
	}
	.tnf-discord {
		width: 28px;
		height: 28px;
	}
}
.tnf-bar-right > .tnf-btn-dark {
	background: transparent;
	padding: 0 12px;
}
.tnf-bar-right > .tnf-btn-dark:hover {
	background: rgba(255, 255, 255, 0.08);
}
@media (min-width: 1241px) and (max-width: 1450px) {
	#tnf-bar #navbar ul li a {
		font-size: 13px;
		letter-spacing: 1px;
	}
	.tnf-btn {
		padding: 0 14px;
		letter-spacing: 0.8px;
	}
}
@media (min-width: 1241px) and (max-width: 1320px) {
	#tnf-bar #navbar ul li {
		margin: 0 1px;
	}
	#tnf-bar #navbar ul li a {
		padding: 9px 8px;
		font-size: 12px;
		letter-spacing: 0.6px;
	}
	#tnf-bar #navbar ul li a::after {
		left: 8px;
		right: 8px;
	}
	.tnf-btn {
		padding: 0 12px;
	}
	.tnf-online-bar {
		width: 70px;
	}
}
/* v37: doar cand esti admin (4 butoane in bara) — butoane putin mai stranse, ca sa incapa si meniul */
@media (max-width: 1500px) {
	#tnf-bar:has(.tnf-btn-admin) .tnf-btn {
		padding: 0 12px;
	}
}
@media (min-width: 1241px) and (max-width: 1320px) {
	#tnf-bar:has(.tnf-btn-admin) .tnf-btn {
		padding: 0 9px;
		letter-spacing: 0.4px;
	}
	#tnf-bar:has(.tnf-btn-admin) #navbar ul li a {
		letter-spacing: 0.3px;
	}
	#tnf-bar:has(.tnf-btn-admin) .tnf-online-bar {
		width: 50px;
	}
}
@media (max-width: 1240px) {
	#tnf-bar:has(.tnf-btn-admin) .tnf-btn {
		padding: 0 9px;
		letter-spacing: 0.4px;
	}
}
/* ===== v38: hover pe serverul din bara (OG X50) -> se deschide in jos lista cu celelalte servere (acum: Coming Soon, bara goala, OFF) ===== */
.tnf-servers {
	position: relative;
	flex: 0 0 auto;
	align-self: stretch;
	display: flex;
	align-items: center;
}
.tnf-servers > .tnf-status {
	cursor: default;
	outline: none;
}
.tnf-servers-menu {
	position: absolute;
	top: 100%;
	left: -24px;
	min-width: calc(100% + 24px);
	padding: 12px 24px 14px 24px;
	background: #121216;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-top: 0;
	border-radius: 0 0 10px 0;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.tnf-servers:hover .tnf-servers-menu,
.tnf-servers:focus-within .tnf-servers-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity .18s ease, transform .18s ease, visibility 0s;
}
.tnf-servers-menu .tnf-status {
	margin: 0;
	padding: 0;
	border: 0;
	height: auto;
}
/* serverul care nu e deschis: nume gri, bara goala, OFF */
.tnf-server-soon .tnf-status-name {
	color: #8f8f99;
	background: none;
	-webkit-text-fill-color: #8f8f99;
}
.tnf-server-soon .tnf-online-bar-fill {
	box-shadow: none;
}
.tnf-server-off {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #8f8f99;
}
/* ===== v39: "ONLINE" cu litere mari; numele serverelor au aceeasi latime (cat "Coming Soon"), ca barele sa fie una sub alta in lista; bara putin mai scurta ===== */
.tnf-status-word {
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
/* meniul are margine de 1px, deci il mutam 1px la stanga ca randurile sa fie fix una sub alta */
.tnf-servers-menu {
	left: -25px;
}
.tnf-servers .tnf-status-name {
	display: inline-block;
	min-width: 6.2em;
}
.tnf-online-bar {
	width: 100px;
}
@media (min-width: 1241px) and (max-width: 1450px) {
	.tnf-online-bar {
		width: 70px;
	}
}
@media (min-width: 1241px) and (max-width: 1320px) {
	.tnf-online-bar {
		width: 56px;
	}
	#tnf-bar:has(.tnf-btn-admin) .tnf-online-bar {
		width: 44px;
	}
}
@media (max-width: 1240px) {
	.tnf-online-bar {
		width: 50px;
	}
}
/* ===== v40: in lista de servere: numele cu litere mari si centrate unul sub altul (OG X50 deasupra lui COMING SOON); OFF centrat sub "N ONLINE" ===== */
.tnf-servers .tnf-status-name {
	min-width: 7.6em;
	max-width: 160px;
	text-align: center;
	text-transform: uppercase;
}
.tnf-status-online {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 5px;
	min-width: 92px;
}
.tnf-server-off {
	display: inline-block;
	min-width: 92px;
	text-align: center;
}
/* ===== v41: lista de servere se opreste fix la linia de langa "ONLINE" (marginea ei dreapta continua linia in jos) ===== */
.tnf-servers-menu {
	left: -25px;
	right: 0;
	min-width: 0;
	padding-right: 0;
	border-right-color: rgba(255, 255, 255, 0.1);
}
/* spatiul de dupa linie trece de pe status pe container, ca "right: 0" sa fie fix la linie */
.tnf-servers > .tnf-status {
	margin-right: 0;
}
.tnf-servers {
	margin-right: 18px;
}
@media (min-width: 1241px) and (max-width: 1450px) {
	.tnf-servers {
		margin-right: 14px;
	}
}
@media (max-width: 1320px) {
	.tnf-servers {
		margin-right: 10px;
	}
}
/* la stire: autorul auriu ca titlul; textul in stilul logo-ului TRACK N FIELD (Anton, alb) */
.tnf-news-meta strong {
	color: #ffe089;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tnf-news-excerpt {
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.6px;
	line-height: 1.35;
	color: #ffffff;
}
/* ===== v42: pe telefon (fara hover) lista de servere se deschide/inchide doar prin clasa .is-open (pusa de script la atingere pe OG X50) ===== */
@media (hover: none) {
	.tnf-servers:hover .tnf-servers-menu,
	.tnf-servers:focus-within .tnf-servers-menu {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-6px);
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	}
	.tnf-servers.is-open .tnf-servers-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: opacity .18s ease, transform .18s ease, visibility 0s;
	}
}
.tnf-server-soon {
	cursor: default;
}
/* ===== v46: dropdown la "Info" (paginile din inc/info) ===== */
/* meniul se taie tot doar pe orizontala (ca inainte), dar lasa dropdown-ul sa iasa in jos */
#tnf-bar #navbar ul {
	overflow: visible;
	overflow-x: clip;
}
#tnf-bar #navbar li.tnf-has-drop {
	position: relative;
}
#tnf-bar #navbar .tnf-drop {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 60;
	min-width: 210px;
	margin: 0;
	padding: 6px 0 8px 0;
	list-style: none;
	text-align: left;
	white-space: nowrap;
	background: #121216;
	background-clip: padding-box;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-top: 11px solid transparent;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
#tnf-bar #navbar li.tnf-has-drop:hover > .tnf-drop,
#tnf-bar #navbar li.tnf-has-drop:focus-within > .tnf-drop,
#tnf-bar #navbar li.tnf-has-drop.is-open > .tnf-drop {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition: opacity .18s ease, transform .18s ease, visibility 0s;
}
/* telefon: doar prin .is-open (pus de script la prima atingere pe Info) */
@media (hover: none) {
	#tnf-bar #navbar li.tnf-has-drop:hover > .tnf-drop,
	#tnf-bar #navbar li.tnf-has-drop:focus-within > .tnf-drop {
		opacity: 0;
		visibility: hidden;
		transform: translateY(-6px);
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	}
	#tnf-bar #navbar li.tnf-has-drop.is-open > .tnf-drop {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: opacity .18s ease, transform .18s ease, visibility 0s;
	}
}
#tnf-bar #navbar .tnf-drop li {
	display: block;
	margin: 0;
}
#tnf-bar #navbar .tnf-drop li a {
	display: block;
	padding: 9px 20px;
	border-radius: 0;
	font-size: 13px;
	letter-spacing: 1.2px;
	color: #e6e6ea !important;
}
#tnf-bar #navbar .tnf-drop li a::after {
	display: none;
}
#tnf-bar #navbar .tnf-drop li a:hover,
#tnf-bar #navbar .tnf-drop li a:focus,
#tnf-bar #navbar .tnf-drop li a.tnf-active {
	background: rgba(255, 255, 255, 0.06);
	color: #ffe089 !important;
}
/* ===== v48: in dropdown-ul de la Info hover-ul (si pagina curenta) e rosu, ca in meniu ===== */
#tnf-bar #navbar .tnf-drop li a {
	padding-left: 17px;
	border-left: 3px solid transparent;
}
#tnf-bar #navbar .tnf-drop li a:hover,
#tnf-bar #navbar .tnf-drop li a:focus,
#tnf-bar #navbar .tnf-drop li a.tnf-active {
	background: rgba(224, 38, 45, 0.16);
	border-left-color: #e0262d;
	color: #ffffff !important;
}
/* cand serverul e plin (OG X50 rosu), accentul meniului devine auriu: sublinierea, hover-ul si dropdown-ul */
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar ul li a::after {
	background: linear-gradient(90deg, #ffc93f, #ffe089);
	box-shadow: 0 0 10px rgba(255, 201, 63, 0.7);
}
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar ul li a:hover,
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar ul li a:focus {
	background: rgba(255, 201, 63, 0.14);
}
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li a:hover,
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li a:focus,
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li a.tnf-active {
	background: rgba(255, 201, 63, 0.14);
	border-left-color: #ffc93f;
}
/* ===== v46: paginile de info — caseta inchisa ca textul sa se citeasca peste video ===== */
#container:has(.tnf-info) {
	background: rgba(10, 10, 14, 0.82);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 10px;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
.tnf-info {
	padding: 10px 14px 30px 14px;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 15px;
	line-height: 1.55;
	color: #e6e6ea;
}
.tnf-info-title {
	margin: 6px 0 8px 0;
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffe089;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.tnf-info-lead {
	margin: 0 0 22px 0 !important;
	font-size: 17px;
	color: #cfcfd8;
}
.tnf-info h2 {
	margin: 30px 0 12px 0;
	padding-bottom: 8px;
	border-bottom: 3px solid #d4a53c;
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffe089;
}
.tnf-info h3 {
	margin: 20px 0 8px 0;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 0.5px;
	color: #ffffff;
}
.tnf-info p {
	margin: 0 0 10px 0;
}
.tnf-info a {
	color: #ffe089 !important;
}
.tnf-info a:hover {
	color: #fff6d2 !important;
}
.tnf-info code {
	padding: 1px 6px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.08);
	color: #ffe089;
	font-size: 0.92em;
}
.tnf-table {
	width: 100%;
	margin: 0 0 12px 0;
	border-collapse: collapse;
}
.tnf-table th {
	padding: 8px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.18);
	color: #a9a9b3;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
}
.tnf-table td {
	padding: 8px 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.07);
	vertical-align: top;
}
.tnf-table tbody tr:hover td {
	background: rgba(255, 255, 255, 0.03);
}
.tnf-table-kv td:first-child {
	width: 32%;
	color: #ffffff;
	font-weight: 700;
}
.tnf-list {
	margin: 0 0 12px 0;
	padding-left: 20px;
}
.tnf-list li {
	margin: 0 0 6px 0;
}
.tnf-list li::marker {
	color: #d4a53c;
}
.tnf-list-cols {
	columns: 2;
	column-gap: 40px;
}
.tnf-note {
	color: #a9a9b3;
	font-size: 14px;
}
.tnf-info-empty {
	padding: 24px 0;
	color: #a9a9b3;
	font-size: 16px;
}
/* v47: pagina afisata direct din .txt — textul exact cum e scris (spatiile si randurile raman) */
.tnf-info .tnf-info-raw {
	margin: 14px 0 0 0;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #e6e6ea;
	font-family: Consolas, 'Courier New', monospace;
	font-size: 14px;
	line-height: 1.55;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
}
/* ===== v43: telefon (ecran in picioare): caseta de timp nu mai sta lipita de marginea din dreapta sus ===== */
@media (max-aspect-ratio: 1/1) {
	/* pe celelalte pagini: putin spatiu fata de margine */
	.header-info-container {
		padding: 0 24px;
	}
	/* pe Home: la nivelul titlului stirii, in dreapta ei, pe zona intunecata de sub personaje (ca pe PC) */
	body:has(.home-news-block) .header-info-container {
		position: absolute;
		z-index: 2;
		top: 756px;
		left: 700px;
		width: auto;
		margin: 0;
		padding: 0;
	}
	/* caseta nu mai ocupa loc in pagina (101px), deci stirea coboara cu atat ca sa ramana unde era */
	#container:has(.home-news-block) {
		margin-top: 521px;
	}
}
/* laptopuri inguste: blocul de server mai compact, ca sa incapa meniul (alinierea ramane) */
@media (max-width: 1320px) {
	.tnf-status {
		gap: 6px;
		margin-right: 10px;
		padding-right: 10px;
	}
	.tnf-servers-menu .tnf-status {
		margin: 0;
		padding: 0;
	}
	.tnf-status-name,
	.tnf-status-count {
		font-size: 14px;
	}
	.tnf-status-word,
	.tnf-server-off {
		font-size: 12px;
	}
	.tnf-status-online,
	.tnf-server-off {
		min-width: 70px;
	}
	.tnf-online-bar,
	#tnf-bar:has(.tnf-btn-admin) .tnf-online-bar {
		width: 40px;
	}
}
@media (min-width: 1241px) and (max-width: 1290px) {
	#tnf-bar #navbar ul li a {
		padding: 9px 6px;
		letter-spacing: 0.3px;
	}
	#tnf-bar #navbar ul li a::after {
		left: 6px;
		right: 6px;
	}
	.tnf-btn {
		padding: 0 10px;
	}
	.tnf-status-name,
	.tnf-status-count {
		font-size: 13px;
	}
	.tnf-online-bar {
		width: 34px;
	}
}
@media (max-width: 1240px) {
	#tnf-bar #navbar ul li a {
		letter-spacing: 0.6px;
	}
	.tnf-status-name,
	.tnf-status-count {
		font-size: 13px;
	}
	.tnf-status-word,
	.tnf-server-off {
		font-size: 11px;
	}
	.tnf-status-online,
	.tnf-server-off {
		min-width: 62px;
	}
	.tnf-online-bar {
		width: 34px;
	}
}
@media (max-width: 1240px) {
	#tnf-bar #navbar ul li a {
		font-size: 12px;
		letter-spacing: 1px;
	}
	.tnf-btn {
		padding: 0 12px;
		font-size: 12px;
		letter-spacing: 0.8px;
	}
}
/* v26c: laptopuri (1241–1450px) — bara putin mai compacta, ca meniul + Discord + butoanele sa incapa si cand esti logat */
@media (min-width: 1241px) and (max-width: 1450px) {
	#tnf-bar #navbar ul li {
		margin: 0 2px;
	}
	#tnf-bar #navbar ul li a {
		padding: 9px 10px;
		font-size: 16px;
	}
	#tnf-bar #navbar ul li a::after {
		left: 10px;
		right: 10px;
	}
	.tnf-btn {
		padding: 0 14px;
		font-size: 15px;
	}
	.tnf-online-bar {
		width: 90px;
	}
	.tnf-status {
		margin-right: 14px;
		padding-right: 14px;
	}
	.tnf-discord {
		margin-right: 12px;
	}
}
/* ===== v50: toate paginile — cutia transparenta (ca pe Home) + tema inchisa pentru continutul WebEngine (text deschis, titluri aurii) ===== */
/* variabilele de culoare ale WebEngine (style.css) trecute pe tema noastra; asa se schimba toate modulele deodata */
:root {
	--webenginebg2: transparent;                  /* cutia paginii */
	--webenginecolor1: #ffe089;                   /* titluri / evidentieri */
	--webenginecolor2: #e6e6ea;                   /* text */
	--webenginecolor3: #ffe089;                   /* linkuri */
	--webenginecolor4: #fff6d2;                   /* linkuri hover */
	--webenginecolor5: rgba(255, 255, 255, 0.06); /* cap de panou */
	--webenginecolor6: #ffe089;
	--webenginecolor7: #d4a53c;
	--webenginecolor8: #3a3a48;                   /* butoane */
	--webenginecolor9: #ffffff;
	--webenginecolor10: rgba(255, 255, 255, 0.12);
	--webenginecolor11: #4a4a5a;
	--webenginecolor12: #ffffff;
	--webenginecolor13: rgba(255, 255, 255, 0.2);
	--webenginecolor14: #a9a9b3;                  /* text secundar */
	--webenginecolor15: rgba(255, 255, 255, 0.06); /* campuri */
	--webenginecolor16: rgba(255, 255, 255, 0.12); /* margini */
	--webenginecolor17: #ffffff;
	--webenginecolor18: rgba(255, 215, 102, 0.6);
	--webenginecolor21: rgba(255, 255, 255, 0.1);
	--webenginecolor22: transparent;
	--webenginecolor23: #a9a9b3;
	--webenginecolor24: rgba(255, 255, 255, 0.06); /* meniul de clasamente */
	--webenginecolor25: #cfcfd8;
	--webenginecolor26: #ffe089;
	--webenginecolor27: transparent;              /* tabele / panouri */
	--webenginecolor28: rgba(255, 255, 255, 0.03);
	--webenginecolor29: rgba(255, 201, 63, 0.08); /* paypal */
	--webenginecolor30: #d4a53c;
	--webenginecolor31: rgba(255, 255, 255, 0.04);
	--webenginecolor32: #ffe089;
	--webenginecolor33: #e6e6ea;
	--webenginecolor54: rgba(255, 255, 255, 0.05);
	--webenginecolor57: #a9a9b3;
	--webenginecolor60: #ffffff;
	--webenginecolor61: #cfcfd8;
}
#container {
	box-shadow: none;
}
#content {
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 15px;
	color: #e6e6ea;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}
#content input,
#content select,
#content textarea,
#content .btn,
#content .form-control,
#content .alert {
	text-shadow: none;
}
/* titlul fiecarei pagini, in stilul titlului de stire */
.page-title {
	margin-bottom: 18px;
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: none;
}
.page-title span {
	color: #ffe089;
	background: linear-gradient(to bottom, #fff6d2 0%, #ffe089 45%, #ffc93f 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.55)) drop-shadow(0 6px 16px rgba(0, 0, 0, 0.85));
}
/* elementele Bootstrap care au culori deschise scrise direct */
#content .table > thead > tr > th,
#content .table > thead > tr > td,
#content .table > tbody > tr > th,
#content .table > tbody > tr > td,
#content .table > tfoot > tr > td {
	border-color: rgba(255, 255, 255, 0.08);
}
#content .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.03);
}
#content .table-hover > tbody > tr:hover {
	background-color: rgba(255, 255, 255, 0.05);
}
#content .table-bordered,
#content .table-bordered > thead > tr > th,
#content .table-bordered > thead > tr > td,
#content .table-bordered > tbody > tr > th,
#content .table-bordered > tbody > tr > td {
	border-color: rgba(255, 255, 255, 0.1);
}
#content .form-control {
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffffff;
	box-shadow: none;
}
#content .form-control:focus {
	border-color: rgba(255, 215, 102, 0.6);
	box-shadow: 0 0 0 3px rgba(255, 201, 63, 0.15);
}
#content select.form-control option {
	background: #121216;
	color: #ffffff;
}
#content label,
#content .control-label {
	color: #e6e6ea;
}
#content .help-block,
#content .text-muted {
	color: #a9a9b3;
}
#content .panel {
	background-color: transparent;
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: none;
}
#content .panel-default > .panel-heading {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
	color: #ffe089;
}
#content .panel-footer {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.1);
}
#content .well,
#content .list-group-item {
	background: rgba(255, 255, 255, 0.04);
	border-color: rgba(255, 255, 255, 0.1);
	color: #e6e6ea;
}
#content .pagination > li > a,
#content .pagination > li > span {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.1);
	color: #e6e6ea;
}
#content .pagination > .active > a,
#content .pagination > .active > span {
	background: #d4a53c;
	border-color: #d4a53c;
	color: #111111;
}
#content hr {
	border-top-color: rgba(255, 255, 255, 0.1);
}
/* butoanele principale (Sign In, Register, Save...) aurii ca Register din bara; "+" de pe Home (btn-xs) ramane cum e */
#content .btn-primary:not(.btn-xs) {
	background: linear-gradient(to bottom, #ffe496, #e8b243);
	border: 0;
	color: #1c1405 !important;
	font-family: 'Barlow', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#content .btn-primary:not(.btn-xs):hover,
#content .btn-primary:not(.btn-xs):focus {
	background: linear-gradient(to bottom, #fff0bd, #f5c457);
	color: #1c1405 !important;
}
#content .btn-default {
	background: #3a3a48;
	border-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}
#content .btn-default:hover {
	background: #4a4a5a;
	color: #ffffff;
}
.panel-usercp {
	background: rgba(255, 255, 255, 0.04);
}
#content .panel-sidebar,
#content .panel-general,
#content .panel-addstats,
#content .panel-downloads {
	box-shadow: none;
}
/* paginile de info: tot transparente, ca restul */
#container:has(.tnf-info) {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border: 0;
	box-shadow: none;
}
/* ===== v51: pagina VIP (plugin-ul WebEngine VIP, /vip/info) in stilul site-ului ===== */
#content .panel-vip {
	margin-bottom: 24px;
	border: 0;
}
#content .panel-vip > .panel-heading {
	padding: 0 0 8px 0;
	background: transparent !important;
	border: 0;
	border-bottom: 3px solid #d4a53c;
}
#content .panel-vip .panel-title {
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 26px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffe089;
}
/* Bronze / Silver / Gold */
#content .panel-vip.type1 > .panel-heading { border-bottom-color: #cd7f32; }
#content .panel-vip.type1 .panel-title { color: #e8a66a; }
#content .panel-vip.type2 > .panel-heading { border-bottom-color: #b8b8c4; }
#content .panel-vip.type2 .panel-title { color: #e4e4ee; }
#content .panel-vip.type3 > .panel-heading { border-bottom-color: #d4a53c; }
#content .panel-vip.type3 .panel-title { color: #ffe089; }
#content .panel-vip .panel-body {
	padding: 8px 0 0 0;
}
#content .vip-table {
	margin: 0;
	font-size: 16px;
}
#content .vip-table td {
	padding: 10px 8px !important;
	vertical-align: middle !important;
}
#content .vip-table td:first-child {
	color: #ffffff;
	font-weight: 700;
}
#content .vip-table td:last-child {
	text-align: right;
}
#content .btn-vip {
	height: 30px;
	padding: 0 16px;
	border: 0;
	border-radius: 7px;
	background: linear-gradient(to bottom, #ffe496, #e8b243);
	color: #1c1405 !important;
	font-family: 'Barlow', sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-shadow: none;
}
#content .btn-vip:hover,
#content .btn-vip:focus {
	background: linear-gradient(to bottom, #fff0bd, #f5c457);
	color: #1c1405 !important;
}
/* ===== v52: mesajele WebEngine (alert info / succes / eroare / avertizare) inchise la culoare, cu linie colorata in stanga ===== */
#content .alert {
	border: 0;
	border-left: 3px solid #d4a53c;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.06);
	color: #e6e6ea;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 15px;
}
#content .alert strong {
	color: #ffffff;
}
#content .alert-info {
	border-left-color: #d4a53c;
	background: rgba(255, 201, 63, 0.08);
}
#content .alert-success {
	border-left-color: #3ecf6e;
	background: rgba(62, 207, 110, 0.10);
}
#content .alert-danger {
	border-left-color: #e0262d;
	background: rgba(224, 38, 45, 0.12);
}
#content .alert-warning {
	border-left-color: #f0a030;
	background: rgba(240, 160, 48, 0.10);
}
#content .alert a {
	color: #ffe089;
}
/* ===== v53: pe celelalte pagini (Rankings, Login, Info...) continutul incepe mai jos, ca sa se vada imaginea — pe la jumatatea ecranului (Home ramane cum e) ===== */
@media (min-aspect-ratio: 1001/1000) {
	#container:not(:has(.home-news-block)) {
		margin-top: max(0px, calc(52vh - 280px));
	}
}
/* telefon (ecran in picioare): spre partea de jos a imaginii */
@media (max-aspect-ratio: 1/1) {
	#container:not(:has(.home-news-block)) {
		margin-top: 230px;
	}
}
/* ===== v54: celelalte pagini putin mai jos; caseta de ora nu mai sta singura sub sigla — sta in dreapta coloanei, la nivelul titlului paginii ===== */
/* bara (64px) + sigla MU (130px) = 194px deasupra continutului; caseta iese din pagina, iar cutia primeste tot spatiul */
@media (min-aspect-ratio: 1001/1000) {
	body:not(:has(.home-news-block)) .header-info-container {
		position: absolute;
		z-index: 2;
		top: max(254px, calc(58vh - 25px));
		left: calc(50% + 500px);
		transform: translateX(-100%);
		width: auto;
		margin: 0;
		padding: 0;
	}
	#container:not(:has(.home-news-block)) {
		margin-top: max(60px, calc(58vh - 219px));
	}
}
@media (max-aspect-ratio: 1/1) {
	body:not(:has(.home-news-block)) .header-info-container {
		position: absolute;
		z-index: 2;
		top: 535px;
		left: calc(50% + 500px);
		transform: translateX(-100%);
		width: auto;
		margin: 0;
		padding: 0;
	}
	#container:not(:has(.home-news-block)) {
		margin-top: 341px;
	}
}
/* v55: caseta de ora de pe celelalte pagini se pozitioneaza de la dreapta (marginea coloanei de 1040px, minus 20px), ca sa-si pastreze latimea normala */
@media (min-aspect-ratio: 1001/1000), (max-aspect-ratio: 1/1) {
	body:not(:has(.home-news-block)) .header-info-container {
		left: auto;
		right: calc(50% - 500px);
		transform: none;
	}
}
/* ===== v56: celelalte pagini inca mai jos (66vh in loc de 58vh); caseta de ora coboara odata cu ele ===== */
@media (min-aspect-ratio: 1001/1000) {
	#container:not(:has(.home-news-block)) {
		margin-top: max(60px, calc(66vh - 219px));
	}
	body:not(:has(.home-news-block)) .header-info-container {
		top: max(254px, calc(66vh - 25px));
	}
}
@media (max-aspect-ratio: 1/1) {
	#container:not(:has(.home-news-block)) {
		margin-top: 391px;
	}
	body:not(:has(.home-news-block)) .header-info-container {
		top: 585px;
	}
}
/* v57: rindurile din dropdown-ul Info albe si bold, ca meniul de sus (erau alb-gri si pareau stinse) */
#tnf-bar #navbar .tnf-drop li a {
	color: #ffffff !important;
	font-weight: 700;
}
/* v58: titlurile paginilor (Info + Rankings, Login...) mai luminoase: auriu deschis, aproape crem sus, cu umbra inchisa ca la titlul stirii */
.tnf-info-title,
.page-title span {
	color: #fff1c2;
	background: linear-gradient(to bottom, #fffdf2 0%, #fff1c2 50%, #ffdc7a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.5)) drop-shadow(0 4px 14px rgba(0, 0, 0, 0.85));
}
/* v59: textele aurii in degrade din #content nu mostenesc umbra textului — umbra se vedea prin literele transparente si le intuneca (titlul paginilor din Info, autorul stirii) */
.tnf-info-title,
.tnf-news-meta strong {
	text-shadow: none;
}
/* v62: dropdown-ul Info — o linie subtire rosie intre pagini (se estompeaza spre capete); aurie cand OG X50 e rosu, ca restul accentelor */
#tnf-bar #navbar .tnf-drop li + li::before {
	content: '';
	display: block;
	height: 1px;
	margin: 0 16px;
	background: linear-gradient(90deg, rgba(224, 38, 45, 0), rgba(224, 38, 45, 0.75) 50%, rgba(224, 38, 45, 0));
}
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li + li::before {
	background: linear-gradient(90deg, rgba(255, 201, 63, 0), rgba(255, 201, 63, 0.75) 50%, rgba(255, 201, 63, 0));
}
/* v63: dropdown-ul Info — in loc de linii, randuri alternate: grena foarte inchis / negru, cu contrast foarte mic; cand OG X50 e rosu, randurile grena devin maro-auriu foarte inchis */
#tnf-bar #navbar .tnf-drop li + li::before {
	display: none;
}
#tnf-bar #navbar .tnf-drop li:nth-child(odd) {
	background: #1b0f12;
}
#tnf-bar #navbar .tnf-drop li:nth-child(even) {
	background: #121216;
}
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li:nth-child(odd) {
	background: #1a160e;
}
/* v64: pagina Mixes & Rates — retetele inca secrete (Blood Angel, Evolved Muun, Blood Jewel) */
.tnf-info .tnf-secret {
	color: #d4a53c;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.tnf-info .alert {
	margin: 4px 0 18px 0;
}
/* v65: Mixes & Rates — mixurile secrete sunt primele si evidentiate: rand cu fundal auriu care se stinge spre dreapta, bara aurie la stanga, eticheta cu lacat care straluceste usor */
.tnf-table tr.tnf-secret-row {
	background: linear-gradient(90deg, rgba(212, 165, 60, 0.20), rgba(212, 165, 60, 0.04) 70%, rgba(212, 165, 60, 0));
}
.tnf-table tr.tnf-secret-row td {
	border-top-color: rgba(212, 165, 60, 0.30);
	vertical-align: middle;
}
.tnf-table tr.tnf-secret-row + tr:not(.tnf-secret-row) td {
	border-top-color: rgba(212, 165, 60, 0.30);
}
.tnf-table-kv tr.tnf-secret-row td:first-child {
	box-shadow: inset 3px 0 0 #d4a53c;
	padding-left: 14px;
	color: #ffdc7a;
}
.tnf-secret-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 3px 10px;
	border: 1px solid rgba(255, 201, 63, 0.65);
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.35);
	color: #ffdc7a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	line-height: 16px;
	text-transform: uppercase;
	animation: tnf-secret-glow 2.8s ease-in-out infinite;
}
.tnf-secret-lock {
	width: 11px;
	height: 11px;
	flex: none;
}
@keyframes tnf-secret-glow {
	0%, 100% { box-shadow: 0 0 0 rgba(255, 201, 63, 0); }
	50% { box-shadow: 0 0 10px rgba(255, 201, 63, 0.45); }
}
@media (prefers-reduced-motion: reduce) {
	.tnf-secret-tag { animation: none; }
}
/* ===== v66: submeniu spre dreapta in dropdown-ul Info (Updates: Changelog, Future) ===== */
/* meniul de sus se taie tot doar pe orizontala in dreptul barei (ca inainte), dar sub bara dropdown-ul si submeniul pot iesi oricat spre dreapta */
#tnf-bar #navbar > ul {
	overflow: visible;
	clip-path: polygon(0 -200px, 100% -200px, 100% 100%, 9999px 100%, 9999px 9999px, -9999px 9999px, -9999px 100%, 0 100%);
}
#tnf-bar #navbar .tnf-drop {
	overflow: visible;
}
#tnf-bar #navbar .tnf-drop li.tnf-has-sub {
	position: relative;
}
#tnf-bar #navbar .tnf-sub-caret {
	float: right;
	width: 6px;
	height: 6px;
	margin: 5px 0 0 16px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.75;
}
#tnf-bar #navbar .tnf-sub {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 61;
	min-width: 170px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	background: #121216;
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 0 10px 10px 0;
	box-shadow: 10px 10px 24px rgba(0, 0, 0, 0.55);
	opacity: 0;
	visibility: hidden;
	transform: translateX(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
#tnf-bar #navbar .tnf-has-sub:hover > .tnf-sub,
#tnf-bar #navbar .tnf-has-sub:focus-within > .tnf-sub,
#tnf-bar #navbar .tnf-has-sub.is-open > .tnf-sub {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
	transition: opacity .18s ease, transform .18s ease, visibility 0s;
}
/* telefon: doar prin .is-open (prima atingere pe Updates il deschide, a doua te duce pe pagina) */
@media (hover: none) {
	#tnf-bar #navbar .tnf-has-sub:hover > .tnf-sub,
	#tnf-bar #navbar .tnf-has-sub:focus-within > .tnf-sub {
		opacity: 0;
		visibility: hidden;
		transform: translateX(-6px);
		transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
	}
	#tnf-bar #navbar .tnf-has-sub.is-open > .tnf-sub {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
		transition: opacity .18s ease, transform .18s ease, visibility 0s;
	}
}
/* Updates ramane evidentiat doar cat timp mouse-ul e in submeniu (ca un hover normal), nu si cand esti pe Changelog / Future */
#tnf-bar #navbar .tnf-drop li.tnf-has-sub:hover > a,
#tnf-bar #navbar .tnf-drop li.tnf-has-sub.is-open > a {
	background: rgba(224, 38, 45, 0.16);
	border-left-color: #e0262d;
	color: #ffffff !important;
}
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li.tnf-has-sub:hover > a,
#tnf-bar:has(.tnf-online-bar-fill.is-high) #navbar .tnf-drop li.tnf-has-sub.is-open > a {
	background: rgba(255, 201, 63, 0.14);
	border-left-color: #ffc93f;
}
/* ===== v68: Future Updates — fiecare sectiune e o cutie, cate 2 pe rand. Events (lista lunga) sta in dreapta, cat cele 4 cutii mici din stanga ===== */
.tnf-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-flow: dense;
	gap: 16px;
	margin-top: 18px;
}
.tnf-card {
	padding: 16px 20px 8px 20px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 2px solid #d4a53c;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}
.tnf-info .tnf-card h2 {
	margin: 0 0 12px 0;
	padding-bottom: 6px;
	border-bottom: 1px solid rgba(212, 165, 60, 0.45);
	font-size: 22px;
}
/* v69: aceleasi cutii pe toate paginile din Info. tnf-card-tall = in coloana din dreapta, cat 2 cutii din stanga (tnf-rows-4: cat 4); tnf-card-wide = pe toata latimea (tabele late, liste lungi); tnf-cards-head = titlu de grup peste cutii */
.tnf-card-tall {
	grid-column: 2;
	grid-row: span 2;
}
.tnf-card-tall.tnf-rows-4 {
	grid-row: span 4;
}
.tnf-card-wide,
.tnf-cards-head {
	grid-column: 1 / -1;
}
.tnf-info .tnf-cards-head {
	margin: 0 0 -2px 0;
}
/* v91: grup de cutii cu grila proprie (ex. Box of Kundun 1-5). Fara asta, grila mare urca o cutie de mai jos in golul ramas, peste titlul urmator */
.tnf-cards .tnf-cards {
	grid-column: 1 / -1;
	margin-top: 0;
}
/* v79: nota scurta pe toata latimea, sub titlul unui grup de cutii (ex. Events: ML BC/DS/CC vin mai tarziu) */
.tnf-info .tnf-cards-note {
	grid-column: 1 / -1;
	margin: -6px 0 0 0;
}
.tnf-info .tnf-card-sub {
	margin: -6px 0 10px 0;
	color: #a9a9b3;
	font-size: 13px;
}
.tnf-card .tnf-table,
.tnf-card .tnf-list {
	margin-bottom: 10px;
}
.tnf-list-2col {
	columns: 2;
	column-gap: 40px;
}
.tnf-list-2col li {
	break-inside: avoid;
}
@media (max-width: 767px) {
	.tnf-cards {
		grid-template-columns: minmax(0, 1fr);
	}
	.tnf-card-tall,
	.tnf-card-tall.tnf-rows-4 {
		grid-column: auto;
		grid-row: auto;
	}
	.tnf-list-2col {
		columns: 1;
	}
}
/* ===== v80: About Server — sigla Louis + "Updated Engine, Unlimited FPS", deasupra lui General ===== */
.tnf-info .tnf-engine {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 20px;
}
.tnf-engine-logo {
	flex: 0 0 auto;
	display: block;
	filter: drop-shadow(0 0 8px rgba(70, 160, 255, 0.45));
}
.tnf-engine-text {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #f1e3b8;
}
/* ===== v73: bara e pregatita pentru peste 1000 online ===== */
/* pe ecrane late locul pentru "N ONLINE" (si "OFF" sub el) e cat pentru 4 cifre ("9,999 ONLINE" ~97px), ca numarul sa nu mai impinga nimic cand creste.
   Sub 1321px (laptopuri inguste, telefon) raman locurile compacte de dinainte (70 / 62px). */
@media (min-width: 1321px) {
	.tnf-status-online,
	.tnf-server-off {
		min-width: 100px;
	}
}
/* lungimile barei raman cele de dinainte; doar daca meniul nu mai incape (ecran ingust, admin, numar mare de online), scriptul din index.php
   pune in --tnf-bar-max cat poate fi de lunga bara, iar barele de online (sus si in lista de servere, deci raman una sub alta) se scurteaza exact cat trebuie */
.tnf-servers .tnf-online-bar {
	max-width: var(--tnf-bar-max, none);
}
/* ===== v75: Admin Notes — rand in dropdown-ul Info (doar pentru admini) + pagina cu notite ===== */
#tnf-bar #navbar .tnf-drop li.tnf-drop-admin {
	border-top: 1px solid rgba(255, 201, 63, 0.3);
}
#tnf-bar #navbar .tnf-drop li.tnf-drop-admin a {
	color: #ffdc7a !important;
}
#tnf-bar #navbar .tnf-drop li.tnf-drop-admin svg {
	width: 11px;
	height: 11px;
	margin-right: 7px;
	vertical-align: -1px;
}
.tnf-notes-area {
	display: block;
	width: 100%;
	min-height: 60vh;
	margin-top: 6px;
	padding: 14px 16px;
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 8px;
	color: #e6e6ea;
	font: 14px/1.6 Consolas, 'Courier New', monospace;
	resize: vertical;
	outline: none;
}
.tnf-notes-area:focus {
	border-color: rgba(255, 201, 63, 0.6);
}
.tnf-notes-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}
.tnf-notes-bar .tnf-note {
	margin: 0;
}
/* ===== v76: Future Updates — "New maps" arde: flacara rosu-aurie care palpaie + text in degrade de foc care urca si straluceste ===== */
.tnf-list li.tnf-fire-item {
	list-style: none;
}
.tnf-list li.tnf-fire-item::before,
.tnf-list li.tnf-fire-item::marker {
	content: none;
}
.tnf-fire {
	display: inline-flex;
	align-items: flex-end;
	gap: 6px;
	margin-left: -28px;
}
/* v78: rand cu iconita in locul bulinei (ex. "Custom PvP system" cu cap de mort alb, cu stralucire rosie); textul ramane aliniat cu celelalte */
.tnf-list li.tnf-icon-item {
	list-style: none;
}
.tnf-icon-line {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: -22px;
}
.tnf-skull {
	width: 16px;
	height: 16px;
	flex: none;
	color: #f1ece0;
	filter: drop-shadow(0 0 3px rgba(224, 38, 45, 0.9));
}
.tnf-fire-flame {
	width: 22px;
	height: 22px;
	flex: none;
	margin-bottom: 1px;
	transform-origin: 50% 100%;
	filter: drop-shadow(0 0 4px rgba(255, 90, 31, 0.8));
	animation: tnf-flame-flicker 0.9s ease-in-out infinite alternate;
}
.tnf-fire-text {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #ffc93f;
	background: linear-gradient(0deg, #e0262d 0%, #ff5a1f 28%, #ffc93f 58%, #fff6d2 82%, #ffc93f 100%);
	background-size: 100% 220%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
	animation: tnf-fire-rise 1.8s linear infinite, tnf-fire-glow 1.1s ease-in-out infinite alternate;
}
@keyframes tnf-fire-rise {
	from { background-position: 0 100%; }
	to { background-position: 0 -120%; }
}
@keyframes tnf-fire-glow {
	0% { filter: drop-shadow(0 0 2px rgba(255, 90, 31, 0.55)) drop-shadow(0 -2px 5px rgba(224, 38, 45, 0.35)); }
	100% { filter: drop-shadow(0 0 5px rgba(255, 201, 63, 0.8)) drop-shadow(0 -4px 9px rgba(255, 90, 31, 0.55)); }
}
@keyframes tnf-flame-flicker {
	0% { transform: scale(1, 1) rotate(-2deg); opacity: 0.95; }
	35% { transform: scale(0.94, 1.08) rotate(2deg); opacity: 1; }
	70% { transform: scale(1.04, 0.95) rotate(-1deg); opacity: 0.9; }
	100% { transform: scale(0.97, 1.1) rotate(1.5deg); opacity: 1; }
}
/* flacara arde si cand in Windows sunt oprite animatiile (e mica si lenta) */
/* ===== v81: Future Updates — "Master Stats" are acum flacara; "New maps" e aurie: busola cu acul care cauta + text auriu peste care trece o sclipire ===== */
.tnf-list li.tnf-gold-item {
	list-style: none;
}
.tnf-list li.tnf-gold-item::before,
.tnf-list li.tnf-gold-item::marker {
	content: none;
}
.tnf-gold {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: -24px;
}
.tnf-gold-icon {
	width: 18px;
	height: 18px;
	flex: none;
	animation: tnf-gold-glow 1.6s ease-in-out infinite alternate;
}
.tnf-gold-needle {
	transform-box: view-box;
	transform-origin: 50% 50%;
	animation: tnf-gold-seek 3.2s ease-in-out infinite;
}
.tnf-gold-text {
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #ffc93f;
	background: linear-gradient(100deg, #b8862b 0%, #ffc93f 34%, #fff6d2 46%, #ffffff 50%, #fff6d2 54%, #ffc93f 66%, #b8862b 100%);
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
	animation: tnf-gold-shine 2.8s linear infinite, tnf-gold-glow 1.6s ease-in-out infinite alternate;
}
@keyframes tnf-gold-shine {
	0% { background-position: 100% 0; }
	65%, 100% { background-position: 0 0; }
}
@keyframes tnf-gold-glow {
	0% { filter: drop-shadow(0 0 2px rgba(212, 165, 60, 0.45)); }
	100% { filter: drop-shadow(0 0 6px rgba(255, 201, 63, 0.85)); }
}
/* ===== v99: pagina Rules — reguli numerotate cu auriu, subpunctele mai mici si trase spre dreapta; iconita aurie langa titlul fiecarei cutii ===== */
.tnf-info .tnf-rules-icon {
	width: 20px;
	height: 20px;
	margin-right: 9px;
	vertical-align: -3px;
	color: #d4a53c;
	filter: drop-shadow(0 0 4px rgba(212, 165, 60, 0.45));
}
.tnf-info .tnf-rules {
	margin: 0 0 12px 0;
	padding-left: 28px;
	list-style: decimal;
}
.tnf-info .tnf-rules > li {
	margin-bottom: 14px;
	padding-left: 8px;
	line-height: 1.55;
}
.tnf-info .tnf-rules > li::marker {
	color: #ffc93f;
	font-weight: 800;
}
.tnf-info .tnf-rules-sub {
	margin: 8px 0 0 0;
	padding: 0;
	list-style: none;
	border-left: 2px solid rgba(212, 165, 60, 0.35);
}
.tnf-info .tnf-rules-sub > li {
	margin: 0 0 6px 0;
	padding-left: 14px;
	color: #c9c9d2;
	font-size: 14px;
	line-height: 1.5;
}
.tnf-info .tnf-rules-sub > li > span {
	margin-right: 8px;
	color: #d4a53c;
	font-weight: 700;
}
/* ===== v98: pagina News — fiecare stire in cutia ei, ca pe paginile din Info: linie aurie sus, titlu auriu, data jos ===== */
/* prima stire porneste sub caseta cu ora, ca pe paginile din Info */
#content .tnf-info-title + .panel-news {
	margin-top: 34px;
}
#content .panel-news {
	margin-bottom: 22px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-top: 2px solid #d4a53c;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
	overflow: hidden;
}
#content .panel-news > .panel-heading {
	padding: 14px 20px;
	background: rgba(212, 165, 60, 0.08);
	border-bottom: 1px solid rgba(212, 165, 60, 0.45);
}
#content .panel-news .panel-title,
#content .panel-news .panel-title a {
	font-family: 'Anton', 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffe089 !important;
	text-decoration: none !important;
}
#content .panel-news .panel-title a:hover {
	color: #fff6d2 !important;
}
#content .panel-news > .panel-body {
	padding: 16px 20px;
	color: #e6e6ea;
}
#content .panel-news > .panel-footer {
	padding: 10px 20px;
	background: rgba(0, 0, 0, 0.25);
	border-top: 1px solid rgba(212, 165, 60, 0.25);
	color: #a9a9b3;
	font-size: 13px;
}
#content .panel-news .news-readmore {
	display: block;
	margin-top: 12px;
	color: #ffe089 !important;
	font-weight: 700;
}
/* ===== v96: Future Updates — la hover pe "Master Stats" apare o casuta cu poza din joc si [Implemented] dedesubt ===== */
.tnf-fire {
	position: relative;
}
.tnf-info .tnf-tip {
	position: absolute;
	left: 0;
	top: calc(100% + 8px);
	z-index: 30;
	width: 320px;
	max-width: 70vw;
	padding: 8px;
	border-radius: 8px;
	background: rgba(12, 10, 9, 0.97);
	border: 1px solid rgba(212, 165, 60, 0.6);
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
	pointer-events: none;
}
.tnf-fire.tnf-tip-open .tnf-tip,
.tnf-fire:hover .tnf-tip,
.tnf-fire:focus-within .tnf-tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.tnf-info .tnf-tip img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.tnf-info .tnf-tip-cap {
	display: block;
	margin-top: 6px;
	text-align: center;
	color: #7fd18f;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: none;
	-webkit-text-fill-color: #7fd18f;
	background: none;
}
/* ===== v82: pagina Updates — doua butoane mari: "Future Updates" care arde (ca Master Stats) si "Changelog" albastru, ca Downloads din bara ===== */
.tnf-upd-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 36px;
	margin-bottom: 24px;
}
.tnf-upd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 30px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all .2s ease;
}
.tnf-upd-future {
	background: linear-gradient(to bottom, #2b1410, #160a09);
	border: 1px solid rgba(255, 90, 31, 0.55);
	box-shadow: 0 0 10px rgba(224, 38, 45, 0.25);
}
.tnf-upd-future:hover {
	border-color: #ffc93f;
	box-shadow: 0 0 18px rgba(255, 90, 31, 0.6);
}
.tnf-upd-future .tnf-fire {
	margin-left: 0;
	align-items: center;
}
/* linkurile din paginile Info sunt aurii (!important); butonul albastru ramane cu text alb, ca Downloads din bara */
.tnf-info a.tnf-upd-btn.tnf-btn-blue,
.tnf-info a.tnf-upd-btn.tnf-btn-blue:hover {
	color: #ffffff !important;
}
/* ===== v86: About Server — bara orizontala cu 6 butoane, intre cutia Louis si General.
   Acelasi stil ca al cutiilor (negru cu auriu), ca sa se potriveasca cu tema; culoarea fiecarei pagini
   apare doar la hover, in tonuri stinse luate din fundalul site-ului ===== */
/* v87: butoanele isi iau latimea dupa text (FUTURE UPDATES e cel mai lung) si impart restul spatiului; pe ecran ingust trec singure pe randul urmator */
.tnf-srv-bar {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tnf-srv-bar .tnf-bar-fire { --c: 255, 120, 60; }
.tnf-srv-bar .tnf-bar-mix { --c: 158, 132, 196; }
.tnf-srv-bar .tnf-bar-feat { --c: 140, 186, 196; }
.tnf-srv-bar .tnf-bar-drop { --c: 122, 176, 150; }
.tnf-srv-bar .tnf-bar-events { --c: 116, 150, 206; }
.tnf-srv-bar .tnf-bar-vip { --c: 224, 182, 88; }
.tnf-info .tnf-srv-bar a.tnf-bar-tile {
	flex: 1 1 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 54px;
	padding: 0 8px;
	border-radius: 9px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.015));
	border: 1px solid rgba(212, 165, 60, 0.3);
	border-top: 2px solid rgba(212, 165, 60, 0.7);
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	color: #f1e3b8 !important;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none !important;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.tnf-info .tnf-srv-bar a.tnf-bar-tile > svg {
	width: 18px;
	height: 18px;
	flex: none;
	color: #d9c28f;
	transition: color .2s ease, filter .2s ease;
}
.tnf-info .tnf-srv-bar a.tnf-bar-tile:hover {
	transform: translateY(-2px);
	border-color: rgba(var(--c), 0.85);
	background-color: rgba(var(--c), 0.1);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45), 0 0 14px rgba(var(--c), 0.3);
	color: #fff6e6 !important;
}
.tnf-info .tnf-srv-bar a.tnf-bar-tile:hover > svg {
	color: rgb(var(--c));
	filter: drop-shadow(0 0 5px rgba(var(--c), 0.5));
}
/* Future arde, ca pe pagina Updates */
.tnf-info .tnf-srv-bar a.tnf-bar-fire {
	background: linear-gradient(to bottom, #2b1410, #160a09);
	border-color: rgba(255, 90, 31, 0.45);
	border-top-color: rgba(255, 90, 31, 0.85);
}
.tnf-info .tnf-srv-bar a.tnf-bar-fire:hover {
	border-color: #ffc93f;
	background-color: transparent;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45), 0 0 16px rgba(255, 90, 31, 0.55);
}
.tnf-srv-bar .tnf-fire {
	margin-left: 0;
	align-items: center;
	gap: 8px;
}
.tnf-srv-bar .tnf-fire-flame {
	width: 18px;
	height: 18px;
	margin-bottom: 0;
}
.tnf-srv-bar .tnf-fire-text {
	font-size: 13px;
}
/* titlu mic peste bara, ca sa se stie ca butoanele duc pe alte pagini */
.tnf-info .tnf-srv-bar-head {
	grid-column: 1 / -1;
	margin: 10px 0 -4px 0;
	color: #d4a53c;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}
.tnf-info .tnf-srv-bar-head span {
	color: #a9a9b3;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
/* ecran ingust: butoanele trec pe 3, apoi pe 2 pe rand */
@media (max-width: 900px) {
	.tnf-srv-bar {
		gap: 8px;
	}
}
@media (max-width: 560px) {
	.tnf-srv-bar {
		gap: 8px;
	}
}
@keyframes tnf-gold-seek {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(-35deg); }
	55% { transform: rotate(50deg); }
	80% { transform: rotate(20deg); }
	100% { transform: rotate(0deg); }
}

/* ===== v102: Mixes & Rates — la hover pe "Blood Angel weapon" apare poza cu itemul din joc ===== */
.tnf-info .tnf-tip-host {
	position: relative;
	display: inline-block;
	cursor: help;
}
.tnf-info .tnf-tip-host.tnf-tip-open .tnf-tip,
.tnf-info .tnf-tip-host:hover .tnf-tip,
.tnf-info .tnf-tip-host:focus-within .tnf-tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.tnf-info .tnf-tip.tnf-tip-item {
	width: 278px;
	max-width: 76vw;
	padding: 6px;
}

/* v102b: poza se deschide de oriunde de pe rand, nu doar de pe text */
.tnf-info tr.tnf-tip-row {
	cursor: help;
}
.tnf-info tr.tnf-tip-row:hover .tnf-tip,
.tnf-info tr.tnf-tip-row:focus-within .tnf-tip,
.tnf-info tr.tnf-tip-row.tnf-tip-open .tnf-tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* ===== v103: Mixes & Rates — fiecare mix are propria cutie; cea de Blood Angel Weapons arata poza la hover peste toata cutia ===== */
.tnf-info .tnf-locked-line {
	margin: 2px 0 0;
}
.tnf-info .tnf-card.tnf-tip-card {
	position: relative;
	cursor: help;
}
.tnf-info .tnf-card.tnf-tip-card .tnf-tip {
	left: 18px;
	top: calc(100% - 10px);
}
.tnf-info .tnf-card.tnf-tip-card:hover .tnf-tip,
.tnf-info .tnf-card.tnf-tip-card:focus-within .tnf-tip,
.tnf-info .tnf-card.tnf-tip-card.tnf-tip-open .tnf-tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* v107: tabelul de reseturi e pe trei perechi de coloane, ca sa nu ocupe toata pagina */
.tnf-info .tnf-table.tnf-table-compact th,
.tnf-info .tnf-table.tnf-table-compact td {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
}
.tnf-info .tnf-table.tnf-table-compact td:nth-child(odd) {
	color: #cfc6b4;
}

/* ===== v110: About Server — banda "In game" cu magazinele custom si cautarile din joc, sub sigla Louis ===== */
.tnf-info .tnf-shops {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	padding: 14px 20px;
}
.tnf-info .tnf-shops-label {
	margin-right: 4px;
	color: #9d927c;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.tnf-info .tnf-shop-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 14px 7px 11px;
	border-radius: 999px;
	border: 1px solid rgba(var(--c), 0.45);
	background: rgba(var(--c), 0.1);
	color: rgb(var(--c));
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.tnf-info .tnf-shop-chip svg {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
}

/* ===== v112: About Server — "Master Stats" (mutat de la Future Updates) e rand in General, cu flacara, poza la hover si Locked ===== */
.tnf-table .tnf-fire {
	margin-left: 0;
}
/* v113: in General, Master Stats are aceeasi marime ca celelalte randuri (fara majuscule, flacara mica) */
.tnf-info tr.tnf-ms-row .tnf-fire {
	align-items: center;
	gap: 5px;
}
.tnf-info tr.tnf-ms-row .tnf-fire-text {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: normal;
	text-transform: none;
}
.tnf-info tr.tnf-ms-row .tnf-fire-flame {
	width: 15px;
	height: 15px;
	margin-bottom: 0;
}
.tnf-info tr.tnf-ms-row td {
	padding-top: 8px;
	padding-bottom: 8px;
}
.tnf-info tr.tnf-ms-row .tnf-secret-tag {
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ===== v116/v117: toate cutiile din paginile Info au nuanta aurie discreta (la inceput doar pe Events) ===== */
.tnf-info .tnf-card {
	background-image: linear-gradient(90deg, rgba(212, 165, 60, 0.13), rgba(212, 165, 60, 0.035) 65%, rgba(212, 165, 60, 0));
}

/* v117: randurile Locked trec pe albastru-otel, ca sa se vada pe cutiile aurii (contrast mic) */
.tnf-table tr.tnf-secret-row {
	background: linear-gradient(90deg, rgba(110, 160, 215, 0.22), rgba(110, 160, 215, 0.05) 70%, rgba(110, 160, 215, 0));
}
.tnf-table tr.tnf-secret-row td,
.tnf-table tr.tnf-secret-row + tr:not(.tnf-secret-row) td {
	border-top-color: rgba(120, 170, 225, 0.30);
}
.tnf-table-kv tr.tnf-secret-row td:first-child {
	box-shadow: inset 3px 0 0 #7fb0e0;
	color: #c4dcf3;
}
.tnf-secret-tag {
	border-color: rgba(140, 190, 240, 0.6);
	color: #c4dcf3;
	animation-name: tnf-secret-glow-blue;
}
@keyframes tnf-secret-glow-blue {
	0%, 100% { box-shadow: 0 0 0 rgba(120, 180, 240, 0); }
	50% { box-shadow: 0 0 10px rgba(120, 180, 240, 0.45); }
}

/* ===== v118: aspect nou pentru paginile noastre (Info, Rules, Notes) — pagina pusa peste lumea din joc, cutii de sticla, titluri Cinzel ===== */

/* fundalul continua sub continut: aceeasi imagine, fixa, intunecata si blurata; video-ul de sus se topeste in ea. Doar pe paginile care au .tnf-info */
.tnf-v2-bg {
	display: none;
}
html:has(.tnf-info) {
	background: #050403;
}
body:has(.tnf-info) {
	background: transparent !important;
}
body:has(.tnf-info) .tnf-v2-bg {
	display: block;
	position: fixed;
	inset: -30px;
	z-index: -1;
	background: url('../img/tnf-clouds.jpg') center center / cover no-repeat;
	filter: blur(6px) brightness(0.6) saturate(0.9);
	pointer-events: none;
}
body:has(.tnf-info) .tnf-v2-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 90% at 50% 20%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.55) 100%);
}
body:has(.tnf-info) #tnf-bg {
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
}
body:has(.tnf-info) #tnf-bg::after {
	display: none;
}
body:has(.tnf-info) #container {
	background: transparent !important;
}

/* cutii de sticla intunecata, o singura linie aurie fina, mai mult aer */
.tnf-info .tnf-cards {
	gap: 22px;
	margin-top: 22px;
}
.tnf-info .tnf-card {
	padding: 22px 26px 14px 26px;
	background: rgba(14, 11, 8, 0.58) !important;
	background-image: radial-gradient(140% 70% at 0% 0%, rgba(212, 165, 60, 0.09), rgba(212, 165, 60, 0) 60%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(1.1);
	backdrop-filter: blur(12px) saturate(1.1);
	border: 1px solid rgba(255, 236, 190, 0.07);
	border-top: 1px solid rgba(212, 165, 60, 0.5);
	border-radius: 14px;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
}
/* sticla face din fiecare cutie un strat separat; cutia cu poza la hover sta deasupra celor de dupa ea, altfel poza ar intra sub ele */
.tnf-info .tnf-card:has(.tnf-tip) {
	position: relative;
	z-index: 4;
}

/* titluri de cutii: Cinzel, mai mici; o liniuta aurie scurta in loc de linia pe toata latimea */
.tnf-info .tnf-card h2 {
	margin: 0 0 14px 0;
	padding: 0;
	border: 0;
	font-family: 'Cinzel', Georgia, serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: none;
	color: #f2d68c;
	background: none;
	-webkit-text-fill-color: #f2d68c;
}
.tnf-info .tnf-card h2::after {
	content: '';
	display: block;
	width: 38px;
	height: 2px;
	margin-top: 9px;
	border-radius: 2px;
	background: linear-gradient(90deg, #d4a53c, rgba(212, 165, 60, 0));
}
.tnf-info .tnf-card-sub {
	margin: -4px 0 14px 0;
	color: #b3a585;
	font-size: 13px;
}

/* titlurile de grup raman Anton, cu o linie care se stinge in loc de bara plina */
.tnf-info .tnf-cards-head {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 18px 0 0 0;
	padding: 0;
	border: 0;
	font-size: 26px;
	letter-spacing: 0.06em;
}
.tnf-info .tnf-cards-head::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, rgba(212, 165, 60, 0.7), rgba(212, 165, 60, 0));
}

/* text cald, tabele cu separatoare abia vizibile */
.tnf-info {
	color: #e9e2d4;
}
.tnf-info .tnf-table th {
	padding: 8px 12px;
	border-bottom: 1px solid rgba(255, 236, 190, 0.12);
	color: #9f937a;
	font-size: 11px;
	letter-spacing: 0.12em;
}
.tnf-info .tnf-table td {
	padding: 9px 12px;
	border-top: 1px solid rgba(255, 236, 190, 0.05);
	font-variant-numeric: tabular-nums;
}
.tnf-info .tnf-table tbody tr:first-child td {
	border-top: 0;
}
.tnf-info .tnf-table-kv td:first-child {
	color: #d9ccb0;
	font-weight: 600;
}
.tnf-info .tnf-table tbody tr:hover td {
	background: rgba(212, 165, 60, 0.05);
}
/* randurile Locked isi pastreaza albastrul si bara din stanga */
.tnf-info .tnf-table-kv tr.tnf-secret-row td:first-child {
	padding-left: 16px;
	color: #c4dcf3;
}
.tnf-info .tnf-table tr.tnf-secret-row td {
	border-top-color: rgba(120, 170, 225, 0.22);
}

/* liste: romburi mici aurii in loc de buline */
.tnf-info .tnf-card .tnf-list {
	padding-left: 0;
	list-style: none;
}
.tnf-info .tnf-card .tnf-list > li {
	position: relative;
	margin: 0 0 8px 0;
	padding-left: 20px;
	list-style: none;
}
.tnf-info .tnf-card .tnf-list > li::marker {
	content: none;
}
.tnf-info .tnf-card .tnf-list > li::before {
	content: '';
	position: absolute;
	left: 3px;
	top: 0.62em;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
	background: #d4a53c;
	box-shadow: 0 0 6px rgba(212, 165, 60, 0.55);
}
/* randurile care au deja iconita proprie (flacara, busola, craniu) nu primesc romb */
.tnf-info .tnf-card .tnf-list > li.tnf-fire-item::before,
.tnf-info .tnf-card .tnf-list > li.tnf-gold-item::before,
.tnf-info .tnf-card .tnf-list > li.tnf-icon-item::before {
	content: none;
}
.tnf-info .tnf-note {
	color: #a89d86;
}

/* v121: Events — orele pe rand sub titlu, iar durata e nota de la finalul cutiei */
.tnf-info .tnf-card-sub {
	line-height: 1.7;
}
.tnf-info .tnf-note.tnf-duration {
	margin: 8px 0 6px 0;
	color: #b3a585;
	font-size: 13px;
}

/* v122: Events — orele sunt pastile mici aurii; la cele din ora in ora scrie "Every hour at :45" */
.tnf-info .tnf-card-sub.tnf-times {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: -2px 0 16px 0;
}
.tnf-info .tnf-time {
	display: inline-flex;
	align-items: center;
	padding: 2px 9px;
	border: 1px solid rgba(212, 165, 60, 0.35);
	border-radius: 999px;
	background: rgba(212, 165, 60, 0.08);
	color: #f0d9a0;
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
	line-height: 1.6;
}
.tnf-info .tnf-time-every {
	gap: 6px;
	padding: 2px 11px;
	border-color: rgba(212, 165, 60, 0.55);
	background: rgba(212, 165, 60, 0.14);
	color: #ffe3a3;
}
.tnf-info .tnf-time-every::before {
	content: '';
	width: 11px;
	height: 11px;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	background:
		linear-gradient(currentColor, currentColor) 50% 25% / 1.5px 35% no-repeat,
		linear-gradient(currentColor, currentColor) 70% 50% / 30% 1.5px no-repeat;
	box-sizing: border-box;
	opacity: 0.9;
}
.tnf-info .tnf-times-extra {
	margin-left: 4px;
	color: #b3a585;
	font-size: 13px;
}
/* v123: dupa pastila cu ciclul ("Every 3 hours") orele stau putin mai departe */
.tnf-info .tnf-time-every + .tnf-time {
	margin-left: 8px;
}

/* v124: invazii — unde apar monstrii e un rand simplu cu pin, nu rand de tabel "Monsters" */
.tnf-info .tnf-inv-where {
	position: relative;
	margin: 0 0 10px 0;
	padding-left: 20px;
	color: #e9e2d4;
}
.tnf-info .tnf-inv-where::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 0.3em;
	width: 11px;
	height: 11px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: radial-gradient(circle at 50% 50%, rgba(14, 11, 8, 1) 0 2px, #d4a53c 2.5px);
	box-shadow: 0 0 6px rgba(212, 165, 60, 0.45);
}

/* ===== v125: cutiile din paginile Info trec de pe maro pe albastru-furtuna (se leaga de norii din fundal) ===== */
.tnf-info .tnf-card {
	background: rgba(7, 11, 19, 0.62) !important;
	background-image: radial-gradient(140% 70% at 0% 0%, rgba(110, 150, 210, 0.10), rgba(110, 150, 210, 0) 60%) !important;
}

/* ===== v126: randurile Locked revin pe auriu (pe cutiile albastre albastrul lor parea din afara peisajului) ===== */
.tnf-table tr.tnf-secret-row {
	background: linear-gradient(90deg, rgba(212, 165, 60, 0.20), rgba(212, 165, 60, 0.04) 70%, rgba(212, 165, 60, 0));
}
.tnf-info .tnf-table tr.tnf-secret-row td,
.tnf-info .tnf-table tr.tnf-secret-row + tr:not(.tnf-secret-row) td {
	border-top-color: rgba(212, 165, 60, 0.30);
}
.tnf-info .tnf-table-kv tr.tnf-secret-row td:first-child {
	box-shadow: inset 3px 0 0 #d4a53c;
	color: #ffdc7a;
}
.tnf-secret-tag {
	border-color: rgba(255, 201, 63, 0.65);
	color: #ffdc7a;
	animation-name: tnf-secret-glow;
}

/* ===== v128: rune aurii sterse in dreapta titlului fiecarei cutii, parte din cutie. 6 ordini diferite, alternate pe cutii, ca sa nu arate la fel ===== */
.tnf-info .tnf-card h2 {
	position: relative;
}
.tnf-info .tnf-card h2::before {
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	width: 256px;
	max-width: 55%;
	height: 16px;
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.5;
	-webkit-mask-image: linear-gradient(to left, #000 55%, transparent);
	mask-image: linear-gradient(to left, #000 55%, transparent);
	pointer-events: none;
}
.tnf-info .tnf-card:nth-of-type(6n+1) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(19 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(35 1)' d='M2 14V0L8 4V14'/><path transform='translate(51 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(67 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(83 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(99 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(115 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(131 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(147 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(163 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(179 1)' d='M8 1L2 7L8 13'/><path transform='translate(195 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(211 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(227 1)' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' d='M1 1L9 13M9 1L1 13'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+2) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(19 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(35 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(51 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(67 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(83 1)' d='M8 1L2 7L8 13'/><path transform='translate(99 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(115 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(131 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(147 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(163 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(179 1)' d='M1 1L9 13M9 1L1 13'/><path transform='translate(195 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(211 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(227 1)' d='M2 14V0L8 4V14'/><path transform='translate(243 1)' d='M2 0V14M8 0V14M2 5L8 9'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+3) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(19 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(35 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(51 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(67 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(83 1)' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(99 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(115 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(131 1)' d='M2 14V0L8 4V14'/><path transform='translate(147 1)' d='M8 1L2 7L8 13'/><path transform='translate(163 1)' d='M1 1L9 13M9 1L1 13'/><path transform='translate(179 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(195 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(211 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(227 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(243 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+4) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(19 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(35 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(51 1)' d='M8 1L2 7L8 13'/><path transform='translate(67 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(83 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(99 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(115 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(131 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(147 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(163 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(179 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(195 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(211 1)' d='M1 1L9 13M9 1L1 13'/><path transform='translate(227 1)' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' d='M2 14V0L8 4V14'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+5) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(19 1)' d='M1 1L9 13M9 1L1 13'/><path transform='translate(35 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(51 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(67 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(83 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(99 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(115 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(131 1)' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(147 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(163 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(179 1)' d='M8 1L2 7L8 13'/><path transform='translate(195 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(211 1)' d='M2 14V0L8 4V14'/><path transform='translate(227 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(243 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+6) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' d='M2 14V0L8 4V14'/><path transform='translate(19 1)' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(35 1)' d='M5 0V14M2 4L8 10'/><path transform='translate(51 1)' d='M8 1L2 7L8 13'/><path transform='translate(67 1)' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(83 1)' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(99 1)' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(115 1)' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(131 1)' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(147 1)' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(163 1)' d='M1 1L9 13M9 1L1 13'/><path transform='translate(179 1)' d='M7 0L2 5L8 9L3 14'/><path transform='translate(195 1)' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(211 1)' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(227 1)' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(243 1)' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/></g></svg>");
}

/* v129: runele stau in spatiul ramas dupa titlu — la titlurile lungi raman mai putine, ca sa nu se apropie de text (se taie din stanga, se sting tot spre stanga) */
.tnf-info .tnf-card h2 {
	display: flex;
	align-items: center;
	padding-bottom: 11px;
}
.tnf-info .tnf-card h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
}
.tnf-info .tnf-card h2::before {
	position: static;
	order: 2;
	flex: 1 1 0;
	min-width: 0;
	max-width: 312px;
	margin-left: auto;
	border-left: 56px solid transparent;
	box-sizing: border-box;
	background-clip: padding-box;
}

/* ===== v130: cutiile sunt tablite vechi de piatra inchisa: textura, pori, margini tocite si ciobite, crapaturi, titluri sapate, rune tocite ===== */
.tnf-info .tnf-card {
	position: relative;
	background-color: rgba(24, 29, 38, 0.8) !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='p'><feTurbulence type='turbulence' baseFrequency='.09' numOctaves='2' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.6 1.55'/></filter><rect width='100%' height='100%' filter='url(%23p)' opacity='.22'/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='400'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='.012 .02' numOctaves='4' seed='7'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 -.25'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>"), radial-gradient(120% 90% at 50% 40%, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.28)) !important;
	background-size: 220px 220px, 260px 260px, 100% 100%, 100% 100% !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.06), inset 0 -3px 2px rgba(0, 0, 0, 0.5), inset 0 0 22px rgba(0, 0, 0, 0.35) !important;
}
.tnf-info .tnf-card:nth-of-type(5n+1):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.8px) 7.8px,calc(9.8% + 0px) 1.4px,calc(16.9% + 0px) 0.3px,calc(25.4% + 0px) 1.1px,calc(32.9% + 0px) 1.9px,calc(41.4% + 0px) 0.8px,calc(50.1% + 0px) 1px,calc(57.7% + 0px) 1.7px,calc(67.8% + 0px) 1.5px,calc(73.8% + 0px) 0.3px,calc(84.7% + 0px) 1.4px,calc(92.4% + 0px) 2.3px,calc(100% - 7.7px) calc(0% + 7.7px),calc(100% - 0.4px) calc(7.8% + 0px),calc(100% - 2.3px) calc(17.3% + 0px),calc(100% - 1.7px) calc(26.4% + 0px),calc(100% - 0px) calc(33.5% + 0px),calc(100% - 2.2px) calc(42.7% + 0px),calc(100% - 1.5px) calc(49.6% + 0px),calc(100% - 0px) calc(59.8% + 0px),calc(100% - 1.6px) calc(66.4% + 0px),calc(100% - 1.9px) calc(74.9% + 0px),calc(100% - 1.4px) calc(84.8% + 0px),calc(100% - 0.4px) calc(91.6% + 0px),calc(100% - 5.2px) calc(100% - 5.2px),calc(91% - 0px) calc(100% - 2.7px),calc(81.7% - 0px) calc(100% - 2.4px),calc(73.7% - 0px) calc(100% - 0.6px),calc(67.2% - 0px) calc(100% - 0.2px),calc(59.3% - 0px) calc(100% - 1.2px),calc(48.5% - 0px) calc(100% - 0.6px),calc(40.9% - 0px) calc(100% - 2px),calc(34% - 0px) calc(100% - 1.6px),calc(23.7% - 0px) calc(100% - 2.7px),calc(18.6% - 0px) calc(100% - 1.6px),calc(9.90000000000001% - 0px) calc(100% - 1.1px),8.7px calc(100% - 8.7px),0.4px calc(92.8% - 0px),0.8px calc(81.9% - 0px),2.8px calc(74.3% - 0px),0.6px calc(66.3% - 0px),0.5px calc(57.7% - 0px),10.2px calc(49.4% - 0px),1.6px calc(40% - 0px),1.3px calc(35.2% - 0px),1.6px calc(24.5% - 0px),0.9px calc(16.4% - 0px),2.6px calc(7.2% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+2):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 6.9px) 6.9px,calc(9.7% + 0px) 0.2px,calc(18.4% + 0px) 0.9px,calc(23.3% + 0px) 1.4px,calc(34.5% + 0px) 1.7px,calc(41.5% + 0px) 1.4px,calc(48% + 0px) 1.6px,calc(58.5% + 0px) 0.8px,calc(65.5% + 0px) 12.6px,calc(74% + 0px) 0.9px,calc(83.6% + 0px) 1.9px,calc(91.8% + 0px) 0.9px,calc(100% - 7px) calc(0% + 7px),calc(100% - 0.6px) calc(8.1% + 0px),calc(100% - 1.1px) calc(16% + 0px),calc(100% - 2.3px) calc(23.1% + 0px),calc(100% - 1.8px) calc(32.8% + 0px),calc(100% - 0.3px) calc(42.9% + 0px),calc(100% - 2.4px) calc(48.8% + 0px),calc(100% - 0.4px) calc(58.3% + 0px),calc(100% - 0.8px) calc(67.3% + 0px),calc(100% - 1.5px) calc(73.5% + 0px),calc(100% - 0.1px) calc(82.6% + 0px),calc(100% - 0.8px) calc(91.2% + 0px),calc(100% - 6.5px) calc(100% - 6.5px),calc(90% - 0px) calc(100% - 12.5px),calc(82.3% - 0px) calc(100% - 1.9px),calc(74.6% - 0px) calc(100% - 0.9px),calc(66.1% - 0px) calc(100% - 0.9px),calc(59.6% - 0px) calc(100% - 2.4px),calc(51.3% - 0px) calc(100% - 1.2px),calc(41.6% - 0px) calc(100% - 1.8px),calc(31.6% - 0px) calc(100% - 1.1px),calc(26.1% - 0px) calc(100% - 1.2px),calc(14.7% - 0px) calc(100% - 1.6px),calc(7.3% - 0px) calc(100% - 0.5px),8.5px calc(100% - 8.5px),1.1px calc(91% - 0px),0.8px calc(83.1% - 0px),2.3px calc(74.2% - 0px),2.5px calc(64.7% - 0px),2.6px calc(57.7% - 0px),2px calc(49.2% - 0px),1px calc(41.7% - 0px),0.7px calc(31.8% - 0px),1.4px calc(24.4% - 0px),0.3px calc(17.7% - 0px),1px calc(8.40000000000001% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+3):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 6.5px) 6.5px,calc(9.1% + 0px) 1px,calc(16.8% + 0px) 1.8px,calc(26.9% + 0px) 2.1px,calc(35% + 0px) 2.6px,calc(40.1% + 0px) 0.1px,calc(50% + 0px) 0.1px,calc(57.1% + 0px) 1.5px,calc(68.2% + 0px) 2px,calc(73.9% + 0px) 1.8px,calc(84.3% + 0px) 0.3px,calc(90.1% + 0px) 0.9px,calc(100% - 4.5px) calc(0% + 4.5px),calc(100% - 1.8px) calc(8% + 0px),calc(100% - 2.5px) calc(15.3% + 0px),calc(100% - 0.9px) calc(23.8% + 0px),calc(100% - 2.4px) calc(32.1% + 0px),calc(100% - 14.8px) calc(40.7% + 0px),calc(100% - 0px) calc(48.7% + 0px),calc(100% - 2.6px) calc(57.9% + 0px),calc(100% - 1.6px) calc(65.9% + 0px),calc(100% - 2.4px) calc(74.6% + 0px),calc(100% - 1.7px) calc(83.8% + 0px),calc(100% - 2px) calc(90.4% + 0px),calc(100% - 7.2px) calc(100% - 7.2px),calc(90.2% - 0px) calc(100% - 0.4px),calc(82.8% - 0px) calc(100% - 2.1px),calc(76.9% - 0px) calc(100% - 0.7px),calc(67.5% - 0px) calc(100% - 1.5px),calc(58.2% - 0px) calc(100% - 0.3px),calc(48.9% - 0px) calc(100% - 0px),calc(40% - 0px) calc(100% - 2px),calc(34.2% - 0px) calc(100% - 0.5px),calc(24.8% - 0px) calc(100% - 1.7px),calc(15.2% - 0px) calc(100% - 1.2px),calc(9.09999999999999% - 0px) calc(100% - 1.3px),4.8px calc(100% - 4.8px),0.7px calc(92.6% - 0px),1.4px calc(82.8% - 0px),2.6px calc(76% - 0px),0.3px calc(66.7% - 0px),0.1px calc(60.1% - 0px),0px calc(50.3% - 0px),0.8px calc(42.1% - 0px),0.7px calc(33.4% - 0px),16.4px calc(23.7% - 0px),1.6px calc(16.5% - 0px),0.4px calc(8.40000000000001% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+4):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.2px) 7.2px,calc(9.6% + 0px) 2.2px,calc(15.2% + 0px) 2.3px,calc(25.6% + 0px) 1.7px,calc(34.3% + 0px) 2.8px,calc(42.2% + 0px) 0px,calc(49.2% + 0px) 0.5px,calc(57.4% + 0px) 2.6px,calc(68.1% + 0px) 1.8px,calc(76.5% + 0px) 0.5px,calc(81.9% + 0px) 0.8px,calc(91.1% + 0px) 0.6px,calc(100% - 6.4px) calc(0% + 6.4px),calc(100% - 1.7px) calc(8.1% + 0px),calc(100% - 0.3px) calc(17.8% + 0px),calc(100% - 11.9px) calc(26.3% + 0px),calc(100% - 1.7px) calc(34.3% + 0px),calc(100% - 2px) calc(40.6% + 0px),calc(100% - 0.7px) calc(51.4% + 0px),calc(100% - 2.3px) calc(59% + 0px),calc(100% - 1.2px) calc(66.7% + 0px),calc(100% - 1.3px) calc(74% + 0px),calc(100% - 1.8px) calc(83.5% + 0px),calc(100% - 1.8px) calc(90.7% + 0px),calc(100% - 7.2px) calc(100% - 7.2px),calc(90.4% - 0px) calc(100% - 1.3px),calc(84.7% - 0px) calc(100% - 1.4px),calc(76.1% - 0px) calc(100% - 1.2px),calc(67.6% - 0px) calc(100% - 0.9px),calc(59.6% - 0px) calc(100% - 2.8px),calc(48.2% - 0px) calc(100% - 2.4px),calc(42.4% - 0px) calc(100% - 2.6px),calc(32.5% - 0px) calc(100% - 1px),calc(24.8% - 0px) calc(100% - 0.5px),calc(16.2% - 0px) calc(100% - 1.2px),calc(10.2% - 0px) calc(100% - 0.9px),7.6px calc(100% - 7.6px),2.5px calc(92.4% - 0px),2.3px calc(83.9% - 0px),2.7px calc(76.3% - 0px),1.7px calc(68.1% - 0px),2.4px calc(56.9% - 0px),0px calc(51.6% - 0px),1.7px calc(42.5% - 0px),0px calc(31.7% - 0px),1.7px calc(23.7% - 0px),1.3px calc(16.5% - 0px),1.5px calc(8.09999999999999% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+5):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.5px) 7.5px,calc(9.9% + 0px) 0.1px,calc(15.4% + 0px) 1.2px,calc(24.8% + 0px) 2.2px,calc(34.9% + 0px) 1.5px,calc(43.3% + 0px) 1.4px,calc(48% + 0px) 0.1px,calc(59.6% + 0px) 0.7px,calc(66.5% + 0px) 0.2px,calc(75.4% + 0px) 0.9px,calc(82.4% + 0px) 1.6px,calc(92.5% + 0px) 1.1px,calc(100% - 5px) calc(0% + 5px),calc(100% - 0.5px) calc(7% + 0px),calc(100% - 0.9px) calc(16.2% + 0px),calc(100% - 13.7px) calc(24.9% + 0px),calc(100% - 1.4px) calc(33.5% + 0px),calc(100% - 0.3px) calc(43.5% + 0px),calc(100% - 1.2px) calc(51.3% + 0px),calc(100% - 0.9px) calc(56.9% + 0px),calc(100% - 2.1px) calc(65.1% + 0px),calc(100% - 1.1px) calc(75.7% + 0px),calc(100% - 2.2px) calc(83.2% + 0px),calc(100% - 0.8px) calc(92.5% + 0px),calc(100% - 6.4px) calc(100% - 6.4px),calc(90.1% - 0px) calc(100% - 0.7px),calc(82.6% - 0px) calc(100% - 1.2px),calc(76.3% - 0px) calc(100% - 0.9px),calc(68.6% - 0px) calc(100% - 0.6px),calc(59.2% - 0px) calc(100% - 1.7px),calc(49.9% - 0px) calc(100% - 0.6px),calc(42.1% - 0px) calc(100% - 2.8px),calc(33.3% - 0px) calc(100% - 1.6px),calc(24.2% - 0px) calc(100% - 2px),calc(18.6% - 0px) calc(100% - 0.3px),calc(9.3% - 0px) calc(100% - 1.5px),6.6px calc(100% - 6.6px),0.9px calc(93.4% - 0px),1.2px calc(82.5% - 0px),13px calc(73.7% - 0px),2.5px calc(66.5% - 0px),0.8px calc(58% - 0px),0.1px calc(48.6% - 0px),2.3px calc(40.5% - 0px),0.6px calc(32.1% - 0px),2px calc(23.6% - 0px),1.5px calc(16.3% - 0px),1.2px calc(9.2% - 0px));
}
.tnf-info .tnf-card::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0.75;
	z-index: -1;
}
.tnf-info .tnf-card:nth-of-type(6n+1)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M0.0 56.3 L5.0 53.0 L11.0 52.0 L16.0 54.0 L18.0 57.0 L19.0 62.0 L19.0 69.0 L20.0 75.0 L21.0 79.0 L19.0 84.0'/><path vector-effect='non-scaling-stroke' d='M18.0 57.0 L20.0 53.0 L24.0 51.0 L29.0 51.0 L34.0 49.0'/><path vector-effect='non-scaling-stroke' d='M19.0 62.0 L17.0 64.0 L15.0 66.0 L14.0 70.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M0.0 56.3 L5.0 53.0 L11.0 52.0 L16.0 54.0 L18.0 57.0 L19.0 62.0 L19.0 69.0 L20.0 75.0 L21.0 79.0 L19.0 84.0'/><path vector-effect='non-scaling-stroke' d='M18.0 57.0 L20.0 53.0 L24.0 51.0 L29.0 51.0 L34.0 49.0'/><path vector-effect='non-scaling-stroke' d='M19.0 62.0 L17.0 64.0 L15.0 66.0 L14.0 70.0'/></g></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+2)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M100.0 10.4 L92.0 11.0 L88.0 13.0 L82.0 16.0 L79.0 19.0 L74.0 23.0 L69.0 28.0 L63.0 30.0 L59.0 33.0'/><path vector-effect='non-scaling-stroke' d='M63.0 30.0 L60.0 31.0 L58.0 32.0 L54.0 33.0 L51.0 36.0'/><path vector-effect='non-scaling-stroke' d='M-1.0 53.1 L4.0 55.0 L9.0 57.0 L14.0 58.0 L18.0 58.0 L22.0 59.0 L25.0 61.0 L30.0 63.0 L34.0 65.0 L38.0 69.0 L41.0 72.0 L45.0 75.0 L48.0 78.0 L51.0 80.0 L54.0 81.0 L57.0 82.0 L62.0 84.0 L65.0 85.0 L68.0 87.0 L72.0 90.0 L76.0 93.0 L80.0 95.0 L83.0 96.0 L87.0 99.0 L92.0 101.0 L96.0 102.0 L100.0 102.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M100.0 10.4 L92.0 11.0 L88.0 13.0 L82.0 16.0 L79.0 19.0 L74.0 23.0 L69.0 28.0 L63.0 30.0 L59.0 33.0'/><path vector-effect='non-scaling-stroke' d='M63.0 30.0 L60.0 31.0 L58.0 32.0 L54.0 33.0 L51.0 36.0'/><path vector-effect='non-scaling-stroke' d='M-1.0 53.1 L4.0 55.0 L9.0 57.0 L14.0 58.0 L18.0 58.0 L22.0 59.0 L25.0 61.0 L30.0 63.0 L34.0 65.0 L38.0 69.0 L41.0 72.0 L45.0 75.0 L48.0 78.0 L51.0 80.0 L54.0 81.0 L57.0 82.0 L62.0 84.0 L65.0 85.0 L68.0 87.0 L72.0 90.0 L76.0 93.0 L80.0 95.0 L83.0 96.0 L87.0 99.0 L92.0 101.0 L96.0 102.0 L100.0 102.0'/></g></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+3)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M0.0 55.1 L6.0 57.0 L11.0 56.0 L18.0 53.0 L25.0 50.0 L29.0 44.0 L30.0 37.0 L31.0 31.0 L29.0 25.0 L29.0 19.0'/><path vector-effect='non-scaling-stroke' d='M18.0 53.0 L14.0 48.0 L12.0 43.0 L9.0 40.0 L4.0 38.0'/><path vector-effect='non-scaling-stroke' d='M30.0 37.0 L29.0 34.0 L29.0 28.0 L30.0 23.0'/><path vector-effect='non-scaling-stroke' d='M31.0 31.0 L31.0 26.0 L33.0 22.0 L36.0 18.0 L36.0 14.0'/><path vector-effect='non-scaling-stroke' d='M67.9 100.0 L67.0 94.0 L66.0 88.0 L68.0 82.0 L67.0 76.0 L66.0 69.0 L66.0 65.0 L64.0 60.0 L60.0 55.0 L59.0 50.0 L58.0 44.0 L59.0 37.0 L63.0 31.0'/><path vector-effect='non-scaling-stroke' d='M68.0 82.0 L63.0 82.0 L60.0 82.0 L58.0 81.0 L53.0 84.0'/><path vector-effect='non-scaling-stroke' d='M66.0 69.0 L69.0 69.0 L72.0 70.0 L76.0 69.0'/><path vector-effect='non-scaling-stroke' d='M64.0 60.0 L67.0 62.0 L70.0 63.0 L73.0 62.0 L77.0 62.0 L81.0 65.0'/><path vector-effect='non-scaling-stroke' d='M60.0 55.0 L56.0 57.0 L52.0 58.0 L49.0 61.0 L48.0 64.0'/><path vector-effect='non-scaling-stroke' d='M59.0 37.0 L62.0 33.0 L65.0 32.0 L68.0 31.0 L74.0 32.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M0.0 55.1 L6.0 57.0 L11.0 56.0 L18.0 53.0 L25.0 50.0 L29.0 44.0 L30.0 37.0 L31.0 31.0 L29.0 25.0 L29.0 19.0'/><path vector-effect='non-scaling-stroke' d='M18.0 53.0 L14.0 48.0 L12.0 43.0 L9.0 40.0 L4.0 38.0'/><path vector-effect='non-scaling-stroke' d='M30.0 37.0 L29.0 34.0 L29.0 28.0 L30.0 23.0'/><path vector-effect='non-scaling-stroke' d='M31.0 31.0 L31.0 26.0 L33.0 22.0 L36.0 18.0 L36.0 14.0'/><path vector-effect='non-scaling-stroke' d='M67.9 100.0 L67.0 94.0 L66.0 88.0 L68.0 82.0 L67.0 76.0 L66.0 69.0 L66.0 65.0 L64.0 60.0 L60.0 55.0 L59.0 50.0 L58.0 44.0 L59.0 37.0 L63.0 31.0'/><path vector-effect='non-scaling-stroke' d='M68.0 82.0 L63.0 82.0 L60.0 82.0 L58.0 81.0 L53.0 84.0'/><path vector-effect='non-scaling-stroke' d='M66.0 69.0 L69.0 69.0 L72.0 70.0 L76.0 69.0'/><path vector-effect='non-scaling-stroke' d='M64.0 60.0 L67.0 62.0 L70.0 63.0 L73.0 62.0 L77.0 62.0 L81.0 65.0'/><path vector-effect='non-scaling-stroke' d='M60.0 55.0 L56.0 57.0 L52.0 58.0 L49.0 61.0 L48.0 64.0'/><path vector-effect='non-scaling-stroke' d='M59.0 37.0 L62.0 33.0 L65.0 32.0 L68.0 31.0 L74.0 32.0'/></g></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+4)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M78.6 0.0 L76.0 4.0 L72.0 6.0 L70.0 9.0 L68.0 15.0 L63.0 19.0 L61.0 22.0 L57.0 28.0 L51.0 33.0 L48.0 39.0 L47.0 43.0 L47.0 47.0'/><path vector-effect='non-scaling-stroke' d='M63.0 19.0 L64.0 22.0 L67.0 26.0 L68.0 29.0 L68.0 35.0'/><path vector-effect='non-scaling-stroke' d='M61.0 22.0 L61.0 18.0 L59.0 15.0 L55.0 14.0'/><path vector-effect='non-scaling-stroke' d='M57.0 28.0 L54.0 28.0 L50.0 28.0 L46.0 27.0'/><path vector-effect='non-scaling-stroke' d='M51.5 0.0 L46.0 5.0 L41.0 7.0 L36.0 8.0 L33.0 11.0 L26.0 13.0 L21.0 14.0 L16.0 17.0 L10.0 21.0 L5.0 23.0 L-1.0 26.0 L-2.0 26.0 L-2.0 25.0'/><path vector-effect='non-scaling-stroke' d='M36.0 8.0 L40.0 8.0 L42.0 10.0 L44.0 11.0 L46.0 13.0'/><path vector-effect='non-scaling-stroke' d='M10.0 21.0 L14.0 26.0 L18.0 28.0'/><path vector-effect='non-scaling-stroke' d='M5.0 23.0 L11.0 22.0 L13.0 20.0 L14.0 17.0 L14.0 14.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M78.6 0.0 L76.0 4.0 L72.0 6.0 L70.0 9.0 L68.0 15.0 L63.0 19.0 L61.0 22.0 L57.0 28.0 L51.0 33.0 L48.0 39.0 L47.0 43.0 L47.0 47.0'/><path vector-effect='non-scaling-stroke' d='M63.0 19.0 L64.0 22.0 L67.0 26.0 L68.0 29.0 L68.0 35.0'/><path vector-effect='non-scaling-stroke' d='M61.0 22.0 L61.0 18.0 L59.0 15.0 L55.0 14.0'/><path vector-effect='non-scaling-stroke' d='M57.0 28.0 L54.0 28.0 L50.0 28.0 L46.0 27.0'/><path vector-effect='non-scaling-stroke' d='M51.5 0.0 L46.0 5.0 L41.0 7.0 L36.0 8.0 L33.0 11.0 L26.0 13.0 L21.0 14.0 L16.0 17.0 L10.0 21.0 L5.0 23.0 L-1.0 26.0 L-2.0 26.0 L-2.0 25.0'/><path vector-effect='non-scaling-stroke' d='M36.0 8.0 L40.0 8.0 L42.0 10.0 L44.0 11.0 L46.0 13.0'/><path vector-effect='non-scaling-stroke' d='M10.0 21.0 L14.0 26.0 L18.0 28.0'/><path vector-effect='non-scaling-stroke' d='M5.0 23.0 L11.0 22.0 L13.0 20.0 L14.0 17.0 L14.0 14.0'/></g></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+5)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M100.0 32.1 L96.0 28.0 L95.0 24.0 L95.0 19.0 L94.0 11.0 L94.0 5.0 L94.0 -2.0 L94.0 -2.0 L95.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M95.0 19.0 L97.0 18.0 L99.0 15.0 L102.0 13.0 L102.0 10.0'/><path vector-effect='non-scaling-stroke' d='M94.0 11.0 L97.0 10.0 L101.0 10.0 L102.0 11.0 L102.0 10.0'/><path vector-effect='non-scaling-stroke' d='M94.0 -2.0 L92.0 -2.0 L90.0 -2.0 L89.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M94.0 -2.0 L98.0 -2.0 L102.0 -2.0 L102.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M-1.0 39.6 L2.0 38.0 L7.0 37.0 L11.0 38.0 L16.0 39.0 L19.0 38.0 L23.0 36.0 L26.0 35.0 L29.0 33.0 L33.0 32.0 L38.0 31.0 L42.0 30.0 L45.0 29.0 L48.0 27.0 L53.0 24.0 L57.0 21.0 L61.0 17.0 L64.0 15.0 L67.0 13.0 L72.0 11.0 L76.0 10.0 L80.0 7.0 L84.0 5.0 L88.0 4.0 L92.0 3.0 L95.0 2.0 L99.0 -2.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M100.0 32.1 L96.0 28.0 L95.0 24.0 L95.0 19.0 L94.0 11.0 L94.0 5.0 L94.0 -2.0 L94.0 -2.0 L95.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M95.0 19.0 L97.0 18.0 L99.0 15.0 L102.0 13.0 L102.0 10.0'/><path vector-effect='non-scaling-stroke' d='M94.0 11.0 L97.0 10.0 L101.0 10.0 L102.0 11.0 L102.0 10.0'/><path vector-effect='non-scaling-stroke' d='M94.0 -2.0 L92.0 -2.0 L90.0 -2.0 L89.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M94.0 -2.0 L98.0 -2.0 L102.0 -2.0 L102.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M-1.0 39.6 L2.0 38.0 L7.0 37.0 L11.0 38.0 L16.0 39.0 L19.0 38.0 L23.0 36.0 L26.0 35.0 L29.0 33.0 L33.0 32.0 L38.0 31.0 L42.0 30.0 L45.0 29.0 L48.0 27.0 L53.0 24.0 L57.0 21.0 L61.0 17.0 L64.0 15.0 L67.0 13.0 L72.0 11.0 L76.0 10.0 L80.0 7.0 L84.0 5.0 L88.0 4.0 L92.0 3.0 L95.0 2.0 L99.0 -2.0'/></g></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+6)::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'><g fill='none' stroke-linecap='round' stroke-linejoin='round'><g stroke='rgba(0,0,0,.6)' stroke-width='1.7'><path vector-effect='non-scaling-stroke' d='M84.7 100.0 L83.0 94.0 L82.0 87.0 L81.0 82.0 L79.0 75.0 L77.0 69.0 L75.0 62.0 L76.0 57.0 L74.0 50.0 L72.0 44.0'/><path vector-effect='non-scaling-stroke' d='M79.0 75.0 L78.0 79.0 L76.0 82.0 L74.0 85.0 L74.0 88.0'/><path vector-effect='non-scaling-stroke' d='M77.0 69.0 L77.0 72.0 L79.0 75.0 L81.0 79.0 L85.0 83.0 L90.0 86.0'/><path vector-effect='non-scaling-stroke' d='M74.0 50.0 L71.0 48.0 L67.0 47.0'/><path vector-effect='non-scaling-stroke' d='M100.0 37.2 L95.0 35.0 L89.0 30.0 L86.0 24.0 L83.0 20.0 L79.0 16.0 L74.0 14.0 L69.0 9.0 L62.0 6.0 L59.0 2.0 L53.0 -2.0 L50.0 -2.0 L48.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M50.0 -2.0 L46.0 0.0 L44.0 2.0 L40.0 2.0 L34.0 3.0 L31.0 5.0'/></g><g stroke='rgba(255,236,200,.08)' stroke-width='1' transform='translate(.25 .35)'><path vector-effect='non-scaling-stroke' d='M84.7 100.0 L83.0 94.0 L82.0 87.0 L81.0 82.0 L79.0 75.0 L77.0 69.0 L75.0 62.0 L76.0 57.0 L74.0 50.0 L72.0 44.0'/><path vector-effect='non-scaling-stroke' d='M79.0 75.0 L78.0 79.0 L76.0 82.0 L74.0 85.0 L74.0 88.0'/><path vector-effect='non-scaling-stroke' d='M77.0 69.0 L77.0 72.0 L79.0 75.0 L81.0 79.0 L85.0 83.0 L90.0 86.0'/><path vector-effect='non-scaling-stroke' d='M74.0 50.0 L71.0 48.0 L67.0 47.0'/><path vector-effect='non-scaling-stroke' d='M100.0 37.2 L95.0 35.0 L89.0 30.0 L86.0 24.0 L83.0 20.0 L79.0 16.0 L74.0 14.0 L69.0 9.0 L62.0 6.0 L59.0 2.0 L53.0 -2.0 L50.0 -2.0 L48.0 -2.0'/><path vector-effect='non-scaling-stroke' d='M50.0 -2.0 L46.0 0.0 L44.0 2.0 L40.0 2.0 L34.0 3.0 L31.0 5.0'/></g></g></svg>");
}
.tnf-info .tnf-card h2 {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.85), 0 -1px 0 rgba(255, 236, 190, 0.07);
}
.tnf-info .tnf-card:nth-of-type(6n+1) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.91' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(19 1)' stroke-opacity='0.9' stroke-dasharray='4 2.5' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(35 1)' stroke-opacity='0.6' d='M2 14V0L8 4V14'/><path transform='translate(51 1)' stroke-opacity='0.96' stroke-dasharray='4 2.5' d='M5 0V14M2 4L8 10'/><path transform='translate(67 1)' stroke-opacity='0.8' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(83 1)' stroke-opacity='0.58' stroke-dasharray='4 2.5' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(99 1)' stroke-opacity='0.88' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(115 1)' stroke-opacity='0.83' d='M7 0L2 5L8 9L3 14'/><path transform='translate(131 1)' stroke-opacity='0.95' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(147 1)' stroke-opacity='0.62' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(163 1)' stroke-opacity='0.65' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(179 1)' stroke-opacity='0.48' stroke-dasharray='4 2.5' d='M8 1L2 7L8 13'/><path transform='translate(195 1)' stroke-opacity='0.94' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(211 1)' stroke-opacity='0.31' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(227 1)' stroke-opacity='0.87' stroke-dasharray='4 2.5' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' stroke-opacity='0.41' d='M1 1L9 13M9 1L1 13'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+2) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.64' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(19 1)' stroke-opacity='0.51' stroke-dasharray='4 2.5' d='M7 0L2 5L8 9L3 14'/><path transform='translate(35 1)' stroke-opacity='0.67' stroke-dasharray='4 2.5' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(51 1)' stroke-opacity='0.61' d='M8 1L2 7L8 13'/><path transform='translate(67 1)' stroke-opacity='0.72' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(83 1)' stroke-opacity='0.32' stroke-dasharray='4 2.5' d='M5 0V14M2 4L8 10'/><path transform='translate(99 1)' stroke-opacity='0.84' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(115 1)' stroke-opacity='0.46' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(131 1)' stroke-opacity='0.44' stroke-dasharray='4 2.5' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(147 1)' stroke-opacity='0.51' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(163 1)' stroke-opacity='0.33' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(179 1)' stroke-opacity='0.5' stroke-dasharray='4 2.5' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(195 1)' stroke-opacity='0.7' stroke-dasharray='4 2.5' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(211 1)' stroke-opacity='0.65' d='M1 1L9 13M9 1L1 13'/><path transform='translate(227 1)' stroke-opacity='0.51' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' stroke-opacity='0.69' stroke-dasharray='4 2.5' d='M2 14V0L8 4V14'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+3) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.94' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(19 1)' stroke-opacity='0.35' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(35 1)' stroke-opacity='0.64' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(51 1)' stroke-opacity='0.58' stroke-dasharray='4 2.5' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(67 1)' stroke-opacity='0.5' stroke-dasharray='4 2.5' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(83 1)' stroke-opacity='0.73' d='M2 14V0L8 4V14'/><path transform='translate(99 1)' stroke-opacity='0.7' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(115 1)' stroke-opacity='0.99' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(131 1)' stroke-opacity='0.38' stroke-dasharray='4 2.5' d='M5 0V14M2 4L8 10'/><path transform='translate(147 1)' stroke-opacity='0.61' stroke-dasharray='4 2.5' d='M7 0L2 5L8 9L3 14'/><path transform='translate(163 1)' stroke-opacity='0.49' stroke-dasharray='4 2.5' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(179 1)' stroke-opacity='0.74' stroke-dasharray='4 2.5' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(195 1)' stroke-opacity='0.39' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(211 1)' stroke-opacity='0.6' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(227 1)' stroke-opacity='0.85' d='M8 1L2 7L8 13'/><path transform='translate(243 1)' stroke-opacity='0.47' stroke-dasharray='4 2.5' d='M1 1L9 13M9 1L1 13'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+4) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.56' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(19 1)' stroke-opacity='0.52' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(35 1)' stroke-opacity='0.34' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(51 1)' stroke-opacity='0.6' d='M1 1L9 13M9 1L1 13'/><path transform='translate(67 1)' stroke-opacity='0.26' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(83 1)' stroke-opacity='0.47' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(99 1)' stroke-opacity='0.98' d='M5 0V14M2 4L8 10'/><path transform='translate(115 1)' stroke-opacity='0.44' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(131 1)' stroke-opacity='0.99' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(147 1)' stroke-opacity='0.87' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(163 1)' stroke-opacity='0.81' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(179 1)' stroke-opacity='0.93' stroke-dasharray='4 2.5' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(195 1)' stroke-opacity='0.61' stroke-dasharray='4 2.5' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(211 1)' stroke-opacity='0.36' d='M2 14V0L8 4V14'/><path transform='translate(227 1)' stroke-opacity='0.5' stroke-dasharray='4 2.5' d='M8 1L2 7L8 13'/><path transform='translate(243 1)' stroke-opacity='0.97' d='M7 0L2 5L8 9L3 14'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+5) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.82' stroke-dasharray='4 2.5' d='M2 14V0L8 4V14'/><path transform='translate(19 1)' stroke-opacity='0.7' d='M5 0V14M2 4L8 10'/><path transform='translate(35 1)' stroke-opacity='0.71' stroke-dasharray='4 2.5' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(51 1)' stroke-opacity='0.66' stroke-dasharray='4 2.5' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(67 1)' stroke-opacity='0.3' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(83 1)' stroke-opacity='0.44' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(99 1)' stroke-opacity='0.38' stroke-dasharray='4 2.5' d='M8 1L2 7L8 13'/><path transform='translate(115 1)' stroke-opacity='0.59' d='M1 1L9 13M9 1L1 13'/><path transform='translate(131 1)' stroke-opacity='0.92' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(147 1)' stroke-opacity='0.33' d='M7 0L2 5L8 9L3 14'/><path transform='translate(163 1)' stroke-opacity='0.59' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(179 1)' stroke-opacity='0.33' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(195 1)' stroke-opacity='0.82' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(211 1)' stroke-opacity='0.67' stroke-dasharray='4 2.5' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(227 1)' stroke-opacity='0.75' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' stroke-opacity='0.44' d='M5 14V0M5 0L1 4M5 0L9 4'/></g></svg>");
}
.tnf-info .tnf-card:nth-of-type(6n+6) h2::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.37' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(19 1)' stroke-opacity='0.29' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(35 1)' stroke-opacity='0.73' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(51 1)' stroke-opacity='0.94' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(67 1)' stroke-opacity='0.37' stroke-dasharray='4 2.5' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(83 1)' stroke-opacity='0.95' stroke-dasharray='4 2.5' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(99 1)' stroke-opacity='0.71' d='M1 1L9 13M9 1L1 13'/><path transform='translate(115 1)' stroke-opacity='0.58' stroke-dasharray='4 2.5' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(131 1)' stroke-opacity='0.29' d='M8 1L2 7L8 13'/><path transform='translate(147 1)' stroke-opacity='0.48' d='M5 0V14M2 4L8 10'/><path transform='translate(163 1)' stroke-opacity='0.72' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(179 1)' stroke-opacity='0.6' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(195 1)' stroke-opacity='0.55' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(211 1)' stroke-opacity='0.39' stroke-dasharray='4 2.5' d='M7 0L2 5L8 9L3 14'/><path transform='translate(227 1)' stroke-opacity='0.76' d='M2 14V0L8 4V14'/><path transform='translate(243 1)' stroke-opacity='0.37' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/></g></svg>");
}

/* ===== v131: scrisul e sapat in piatra — literele au umbra de gravura, iar crapaturile trec si prin ele (le intuneca, nu stau sub ele) ===== */
.tnf-info .tnf-card {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75), 0 1px 0 rgba(255, 236, 200, 0.1);
}
.tnf-info .tnf-card::after {
	z-index: 1;
	mix-blend-mode: multiply;
	opacity: 0.85;
}
/* pastilele, etichetele Locked si poza de la hover raman curate, peste crapaturi */
.tnf-info .tnf-card .tnf-tip {
	z-index: 30;
}

/* v134: cutie inalta pusa in coloana din stanga (ex. Devil Square pe Events); cele scurte urca in dreapta ei */
.tnf-card-tall.tnf-card-tall-left {
	grid-column: 1;
}
/* v134b: nota de sus de pe Events e mai lunga acum; se rupe pe randuri inainte de caseta cu ora */
.tnf-info-events > p.tnf-note {
	max-width: 640px;
}
/* v135: pastilele cu ore si etichetele Locked stau deasupra crapaturilor */
.tnf-info .tnf-card .tnf-time,
.tnf-info .tnf-card .tnf-secret-tag,
.tnf-info .tnf-card .tnf-shop-chip {
	position: relative;
	z-index: 2;
}

/* v139: pe Docs fiecare feature are cutia lui; o cutie scurta nu se mai lungeste cat vecina ei inalta */
.tnf-info .tnf-cards.tnf-cards-start {
	align-items: start;
}
/* v140: pe Docs fiecare tablita de feature e pe toata latimea, una sub alta */
.tnf-info .tnf-cards.tnf-cards-start {
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
}

/* v141: butonul "Mask online" din lista de sub OG X50 (doar adminii il vad); ON = toata lumea vede 0 online */
.tnf-mask-form {
	margin: 10px 0 0 0;
	padding: 8px 37px 0 6px;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.tnf-mask-btn {
	display: flex;
	align-items: baseline;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 2px 0;
	background: none;
	border: 0;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #8f8f99;
	cursor: pointer;
	white-space: nowrap;
}
.tnf-mask-btn:hover .tnf-mask-label,
.tnf-mask-btn:focus-visible .tnf-mask-label {
	color: #ffffff;
}
.tnf-mask-state {
	color: #8f8f99;
	font-weight: 700;
}
.tnf-mask-btn.is-on .tnf-mask-state {
	color: #ffc93f;
}
.tnf-mask-real {
	margin-left: auto;
	font-size: 11px;
	text-transform: none;
	letter-spacing: 0;
	color: #5f5f68;
}

/* v152: pe paginile Info titlul mare nu mai e auriu stralucitor (ramane asa doar pe Home): Cinzel ca titlurile tablitelor, aur vechi, sapat in piatra */
.tnf-info-title {
	font-family: 'Cinzel', 'Times New Roman', serif;
	font-weight: 600;
	font-size: 38px;
	letter-spacing: 0.08em;
	color: #d9b86a;
	background: linear-gradient(to bottom, #ecd6a0 0%, #d4ad5c 55%, #a97d34 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.9)) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.7));
}
.tnf-info .tnf-cards-head {
	font-family: 'Cinzel', 'Times New Roman', serif;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0.08em;
	color: #cfae68;
	-webkit-text-fill-color: #cfae68;
	background: none;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.85);
}

/* v153: titlul mare de pe paginile Info era prea stins: mai mare, mai gros, aur mai cald, umbra mai puternica ca sa se vada peste fundal (tot fara stralucirea de pe Home) */
.tnf-info-title {
	font-weight: 700;
	font-size: 46px;
	letter-spacing: 0.06em;
	color: #ecc877;
	background: linear-gradient(to bottom, #fbe9bb 0%, #e8c170 50%, #c49342 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.95)) drop-shadow(0 0 12px rgba(0, 0, 0, 0.9)) drop-shadow(0 4px 18px rgba(0, 0, 0, 0.8));
}
.tnf-info .tnf-cards-head {
	font-weight: 700;
	font-size: 25px;
	color: #e3bf72;
	-webkit-text-fill-color: #e3bf72;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.8);
}

/* v154: textul de sub titlul mare (direct pe fundalul cu castelul) era maroniu si se pierdea: alb cald, cu umbra care il desprinde de fundal */
.tnf-info > p.tnf-note,
.tnf-info > p.tnf-info-lead {
	color: #f1ebdf;
	font-size: 15px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.95), 0 0 20px rgba(0, 0, 0, 0.8);
}
.tnf-info > p.tnf-info-lead {
	font-size: 17px;
}

/* v155: Contact Us - intai suportul pe Discord, apoi formularul de email */
.tnf-contact-support {
	margin: 4px 0 26px 0;
}
.tnf-contact-lead,
.tnf-contact-email-lead {
	margin: 0 0 14px 0;
	font-size: 17px;
	color: #f1ebdf;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(0, 0, 0, 0.9);
}
.tnf-contact-email-lead {
	margin-bottom: 10px;
	font-size: 15px;
	color: #d8d0c0;
}
a.tnf-contact-discord,
a.tnf-contact-discord:visited {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 11px 22px;
	border-radius: 8px;
	background: #5865f2;
	color: #ffffff !important;
	font-family: 'Barlow', 'PT Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
	transition: background .18s ease, transform .18s ease;
}
a.tnf-contact-discord:hover,
a.tnf-contact-discord:focus {
	background: #4752c4;
	transform: translateY(-1px);
}
a.tnf-contact-discord svg {
	width: 22px;
	height: 22px;
	flex: none;
}
/* titlul modulului e centrat, deci si textele si butonul de Discord */
.tnf-contact-support,
.tnf-contact-email-lead {
	text-align: center;
}
/* butonul de Discord de pe Contact Us e ca cel din bara de sus: doar iconita, gri, albastru Discord la hover */
a.tnf-contact-discord,
a.tnf-contact-discord:visited {
	justify-content: center;
	gap: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 9px;
	background: #3a3a48;
	box-shadow: none;
}
a.tnf-contact-discord:hover,
a.tnf-contact-discord:focus {
	background: #5865f2;
}
a.tnf-contact-discord svg {
	width: 26px;
	height: 26px;
}

/* v156: fundalul cu nori de sub tablite putin mai intunecat, ca tablitele sa iasa mai mult in evidenta */
body:has(.tnf-info) .tnf-v2-bg {
	filter: blur(6px) brightness(0.48) saturate(0.85);
}

/* v157: la hover pe tablita runele se aprind usor (ca un glow cald), apoi se sting la loc */
.tnf-info .tnf-card h2::before {
	transition: opacity .45s ease, filter .45s ease;
}
@media (hover: hover) {
	.tnf-info .tnf-card:hover > h2::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
}
/* pe telefon: runele se aprind cat tii degetul pe tablita */
@media (hover: none) {
	.tnf-info .tnf-card:active > h2::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
}

/* v158: tooltip doar cu text (ex. Quest System -> Unlocking Master Stats) */
.tnf-info .tnf-tip.tnf-tip-text {
	width: auto;
	white-space: nowrap;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #f0d493;
	-webkit-text-fill-color: #f0d493;
	text-shadow: none;
}

/* v159: randuri Disabled (VIP Server, Item Shop) - eticheta ca Locked, dar stinsa: gri-rosiatic, iconita "interzis", fara puls */
.tnf-disabled-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px;
	border: 1px solid rgba(196, 120, 110, 0.55);
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.35);
	color: #d7a59c;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.6px;
	line-height: 16px;
	text-transform: uppercase;
	position: relative;
	z-index: 2;
}
.tnf-disabled-icon {
	width: 11px;
	height: 11px;
	flex: none;
}
.tnf-info .tnf-table tr.tnf-disabled-row td:first-child {
	color: #a9a39a;
}

/* v160: tablitele fara titlu de pe About Server (Updated Engine, pastilele In game) primesc si ele rune, in dreapta, in spatiul liber */
.tnf-info .tnf-card.tnf-engine::before,
.tnf-info .tnf-card.tnf-shops::before {
	content: "";
	position: absolute;
	right: 24px;
	top: 50%;
	width: 256px;
	max-width: 30%;
	height: 16px;
	margin-top: -8px;
	background-repeat: no-repeat;
	background-position: right center;
	opacity: 0.5;
	-webkit-mask-image: linear-gradient(to left, #000 55%, transparent);
	mask-image: linear-gradient(to left, #000 55%, transparent);
	pointer-events: none;
	transition: opacity .45s ease, filter .45s ease;
}
.tnf-info .tnf-card.tnf-engine::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.94' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(19 1)' stroke-opacity='0.35' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(35 1)' stroke-opacity='0.64' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(51 1)' stroke-opacity='0.58' stroke-dasharray='4 2.5' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(67 1)' stroke-opacity='0.5' stroke-dasharray='4 2.5' d='M5 14V0M5 0L1 4M5 0L9 4'/><path transform='translate(83 1)' stroke-opacity='0.73' d='M2 14V0L8 4V14'/><path transform='translate(99 1)' stroke-opacity='0.7' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(115 1)' stroke-opacity='0.99' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(131 1)' stroke-opacity='0.38' stroke-dasharray='4 2.5' d='M5 0V14M2 4L8 10'/><path transform='translate(147 1)' stroke-opacity='0.61' stroke-dasharray='4 2.5' d='M7 0L2 5L8 9L3 14'/><path transform='translate(163 1)' stroke-opacity='0.49' stroke-dasharray='4 2.5' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(179 1)' stroke-opacity='0.74' stroke-dasharray='4 2.5' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(195 1)' stroke-opacity='0.39' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(211 1)' stroke-opacity='0.6' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(227 1)' stroke-opacity='0.85' d='M8 1L2 7L8 13'/><path transform='translate(243 1)' stroke-opacity='0.47' stroke-dasharray='4 2.5' d='M1 1L9 13M9 1L1 13'/></g></svg>");
}
.tnf-info .tnf-card.tnf-shops::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='16' viewBox='0 0 256 16'><g fill='none' stroke='%23d4a53c' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'><path transform='translate(3 1)' stroke-opacity='0.82' stroke-dasharray='4 2.5' d='M2 14V0L8 4V14'/><path transform='translate(19 1)' stroke-opacity='0.7' d='M5 0V14M2 4L8 10'/><path transform='translate(35 1)' stroke-opacity='0.71' stroke-dasharray='4 2.5' d='M5 0V14M5 0L8 3M5 14L2 11'/><path transform='translate(51 1)' stroke-opacity='0.66' stroke-dasharray='4 2.5' d='M2 0V14M2 3L7 7L2 11'/><path transform='translate(67 1)' stroke-opacity='0.3' d='M2 0V14M2 3L8 0M2 7L8 4M8 4V14'/><path transform='translate(83 1)' stroke-opacity='0.44' stroke-dasharray='4 2.5' d='M5 0L1 4L5 8L9 4ZM1 14L5 8L9 14'/><path transform='translate(99 1)' stroke-opacity='0.38' stroke-dasharray='4 2.5' d='M8 1L2 7L8 13'/><path transform='translate(115 1)' stroke-opacity='0.59' d='M1 1L9 13M9 1L1 13'/><path transform='translate(131 1)' stroke-opacity='0.92' d='M5 14V0M5 5L1 1M5 5L9 1'/><path transform='translate(147 1)' stroke-opacity='0.33' d='M7 0L2 5L8 9L3 14'/><path transform='translate(163 1)' stroke-opacity='0.59' d='M2 0V14M2 3L8 0M2 7L8 4'/><path transform='translate(179 1)' stroke-opacity='0.33' d='M2 0V14M8 0V14M2 0L8 7M8 0L2 7'/><path transform='translate(195 1)' stroke-opacity='0.82' d='M2 0V14M2 0L7 3.5L2 7L7 10.5L2 14'/><path transform='translate(211 1)' stroke-opacity='0.67' stroke-dasharray='4 2.5' d='M2 14V0L7 3L2 7L8 14'/><path transform='translate(227 1)' stroke-opacity='0.75' d='M2 0V14M8 0V14M2 5L8 9'/><path transform='translate(243 1)' stroke-opacity='0.44' d='M5 14V0M5 0L1 4M5 0L9 4'/></g></svg>");
}
@media (hover: hover) {
	.tnf-info .tnf-card.tnf-engine:hover::before,
	.tnf-info .tnf-card.tnf-shops:hover::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
}
@media (hover: none) {
	.tnf-info .tnf-card.tnf-engine:active::before,
	.tnf-info .tnf-card.tnf-shops:active::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
}
/* la pastile e loc doar pentru cateva rune; cand ecranul e ingust si pastilele se strang, runele dispar */
.tnf-info .tnf-card.tnf-shops::before {
	width: 104px;
	right: 20px;
}
@media (max-width: 1100px) {
	.tnf-info .tnf-card.tnf-shops::before {
		display: none;
	}
}

/* v161: capul de mort de la Custom PvP System (mutat de pe Future Updates pe About Server) sta in fata numelui, in tabel */
.tnf-info .tnf-pvp-name {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

/* v162: textul de pe tablita engine (About Server) in Cinzel, ca titlurile tablitelor, auriu sapat in piatra */
.tnf-info .tnf-engine-text {
	font-family: 'Cinzel', 'Times New Roman', serif;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #e8c77f;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9), 0 -1px 0 rgba(255, 236, 190, 0.07);
}

/* v163: eticheta "In game" de langa pastile se vedea prea putin: mai mare si mai deschisa */
.tnf-info .tnf-shops-label {
	font-size: 14px;
	color: #d2c09a;
	letter-spacing: 0.1em;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
}

/* v164: runele de pe tablita engine mai scurte, ca sa nu stea lipite de text */
.tnf-info .tnf-card.tnf-engine::before {
	width: 160px;
}
@media (max-width: 1100px) {
	.tnf-info .tnf-card.tnf-engine::before {
		display: none;
	}
}

/* v165: Mixes & Rates - la hover pe Evolved Muun: muunul simplu -> evoluat, doua poze mici, si textul dedesubt */
.tnf-info .tnf-tip.tnf-tip-muun {
	width: auto;
	padding: 10px 16px 9px;
	text-align: center;
	white-space: nowrap;
}
.tnf-info .tnf-muun-pics {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 10px;
}
.tnf-info .tnf-tip.tnf-tip-muun img {
	display: block;
	width: 70px;
	height: auto;
	border-radius: 0;
}
.tnf-info .tnf-muun-arrow {
	width: 10px;
	height: 14px;
	margin-bottom: 30px;
	color: #d4a53c;
	flex: none;
}
.tnf-info .tnf-muun-cap {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #f0d493;
	-webkit-text-fill-color: #f0d493;
	text-shadow: none;
}
/* pozele de muun (Bael simplu -> evoluat) au marimi diferite: fiecare cu latimea ei */
.tnf-info .tnf-tip.tnf-tip-muun img {
	width: auto;
	height: 66px;
}
.tnf-info .tnf-tip.tnf-tip-muun img + svg + img {
	height: 85px;
}
.tnf-info .tnf-muun-arrow {
	margin-bottom: 26px;
}
/* v166: la Evolved Muun doar muuni evoluati (bufnita + Bael), fara sageata, plus o gluma dedesubt */
.tnf-info .tnf-muun-pics {
	gap: 14px;
}
.tnf-info .tnf-tip.tnf-tip-muun img {
	height: 80px;
}
.tnf-info .tnf-tip.tnf-tip-muun img + img {
	height: 84px;
}
.tnf-info .tnf-muun-joke {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-style: italic;
	font-weight: 500;
	color: #a99f8c;
	-webkit-text-fill-color: #a99f8c;
}

/* v167: fiecare tablita are jos la mijloc o piatra mica veche, ciobita si crapata, infipta adanc in tablita:
   doar o umbra moale in jurul ei, jumatatea de jos iese sub tablita. 5 forme amestecate; se aprinde la hover */
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops) {
	padding-bottom: 28px;
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops)::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 40px;
	height: 34px;
	margin-left: -20px;
	z-index: 2;
	background: no-repeat center / contain;
	opacity: 0.42;
	pointer-events: none;
	transition: opacity .45s ease, filter .45s ease;
}.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+1)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M16.8 5.2 19 7.4 17.4 8.4 16 6.6Z M9.2 13.4 11 16 11.6 13.8Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M14 3.5 20.5 10.5 14 19.5 7.5 10.5Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 3.5 7.5 10.5H11Z M14 3.5 11 10.5H14Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 19.5 17 10.5H20.5Z M14 19.5 14 10.5H17Z' fill='%23604515' fill-opacity='.35'/><path d='M7.5 10.5H20.5M14 3.5 11 10.5 14 19.5M14 3.5 17 10.5 14 19.5M14 3.5V19.5' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(11.5 8.6)'/><path d='M15.4 6.6 14.6 9 15.8 11.6 15 14.6' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+2)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M17 4.4 19.2 4.6 20.2 7 18 6.4Z M7 8.4 9.3 9.6 8.4 11.2Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10 5H18L21.5 9 14 19.5 6.5 9Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M10 5H18L16.5 9H11.5Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 19.5 16.5 9H21.5Z' fill='%23604515' fill-opacity='.35'/><path d='M6.5 9H21.5M10 5 11.5 9 14 19.5M18 5 16.5 9 14 19.5M14 5V9M11.5 9 8.5 12.5M16.5 9 19.5 12.5' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12 6.8)'/><path d='M12.6 5.6 13.4 7.8 12.4 10.4 13.4 13' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+3)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M8.4 7.2 11 6.2 10.6 8.4Z M17.6 14.6 20.6 13.4 20.4 16.2 17.8 16.4Z' fill='%23000'/></mask><g transform='translate(6 8)' mask='url(%23c)'><path d='M14 4.5 20 7.8V14.2L14 17.5 8 14.2V7.8Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 7.8 16.9 9.4V12.6L14 14.2 11.1 12.6V9.4Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 17.5 14 14.2 16.9 12.6 20 14.2Z' fill='%23604515' fill-opacity='.35'/><path d='M14 4.5V7.8M20 7.8 16.9 9.4M20 14.2 16.9 12.6M14 17.5V14.2M8 14.2 11.1 12.6M8 7.8 11.1 9.4M14 7.8 16.9 9.4V12.6L14 14.2 11.1 12.6V9.4Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M14 4.5 20 7.8 16.9 9.4 14 7.8Z' fill='%23fff0c0' fill-opacity='.1'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.4 9.8)'/><path d='M15.2 8 14.4 10.6 15.6 13.2' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+4)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M9.8 3 12.6 3.2 11.6 5.4 9.6 5.8Z M19.2 13.4 20.8 13 20.8 17 18.6 15.6Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10.5 3.5H17.5L20 6.2V16.3L17.5 19H10.5L8 16.3V6.2Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M16.2 6.3 11.8 16.2H16.2L17.4 14.9V7.6Z' fill='%23604515' fill-opacity='.35'/><path d='M10.5 3.5 11.8 6.3M17.5 3.5 16.2 6.3M20 6.2 17.4 7.6M20 16.3 17.4 14.9M17.5 19 16.2 16.2M10.5 19 11.8 16.2M8 16.3 10.6 14.9M8 6.2 10.6 7.6M16.2 6.3 11.8 16.2M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.6 8)'/><path d='M13.2 4.4 12.6 7.4 14 10.2 13 13.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+5)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M18.2 6.8 20.6 8.2 19.4 10.2 17.6 9Z M7.8 11.6 10.4 12.4 9.6 14.2Z' fill='%23000'/></mask><g transform='translate(6 8)' mask='url(%23c)'><path d='M14 4.2 21.8 11 14 17.8 6.2 11Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 4.2 6.2 11H10.2Z M14 4.2 10.2 11H14Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 17.8 17.8 11H21.8Z' fill='%23604515' fill-opacity='.35'/><path d='M6.2 11H21.8M14 4.2 10.2 11 14 17.8M14 4.2 17.8 11 14 17.8M14 4.2V17.8M6.2 11 10.2 9.8 14 11 17.8 9.8 21.8 11' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(11 8.8)'/><path d='M15.6 6.6 14.8 9.2 16.2 12 15.2 14.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+6)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M8 8.2 10.4 8.6 9.6 10.6 7.2 11Z M15 18.4 17.2 17.6 16.4 20.4 14.6 20.2Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M14 3.5C18 4.6 20.6 8 20.6 11.6 20.6 15.2 18 18.2 14 19.6 10 18.2 7.4 15.2 7.4 11.6 7.4 8 10 4.6 14 3.5Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 3.5C11 4.8 9 7.4 9.2 10.4L12.4 9.2 14 3.5Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M20.6 11.6C20.6 15.2 18 18.2 14 19.6L15.8 13.2Z' fill='%23604515' fill-opacity='.35'/><path d='M14 3.5 12.4 9.2 15.8 13.2 14 19.6M9.2 10.4 12.4 9.2 16.8 8.2 20.4 9.8M7.6 13.4 11.2 14 15.8 13.2 20.2 14.6M12.4 9.2 11.2 14 10.4 17.6M16.8 8.2 15.8 13.2 17.6 17.4' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(11.4 7.6)'/><path d='M13.2 5 14.2 8 13 11 14.4 14.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+6)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M8 8.2 10.4 8.6 9.6 10.6 7.2 11Z M15 18.4 17.2 17.6 16.4 20.4 14.6 20.2Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M14 3.5C18 4.6 20.6 8 20.6 11.6 20.6 15.2 18 18.2 14 19.6 10 18.2 7.4 15.2 7.4 11.6 7.4 8 10 4.6 14 3.5Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 3.5C11 4.8 9 7.4 9.2 10.4L12.4 9.2 14 3.5Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M20.6 11.6C20.6 15.2 18 18.2 14 19.6L15.8 13.2Z' fill='%23604515' fill-opacity='.35'/><path d='M14 3.5 12.4 9.2 15.8 13.2 14 19.6M9.2 10.4 12.4 9.2 16.8 8.2 20.4 9.8M7.6 13.4 11.2 14 15.8 13.2 20.2 14.6M12.4 9.2 11.2 14 10.4 17.6M16.8 8.2 15.8 13.2 17.6 17.4' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(11.4 7.6)'/><path d='M13.2 5 14.2 8 13 11 14.4 14.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):nth-of-type(7n+7)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M9.8 3 12.6 3.2 11.6 5.4 9.6 5.8Z M19.2 13.4 20.8 13 20.8 17 18.6 15.6Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10.5 3.5H17.5L20 6.2V16.3L17.5 19H10.5L8 16.3V6.2Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M16.2 6.3 11.8 16.2H16.2L17.4 14.9V7.6Z' fill='%23604515' fill-opacity='.35'/><path d='M10.5 3.5 11.8 6.3M17.5 3.5 16.2 6.3M20 6.2 17.4 7.6M20 16.3 17.4 14.9M17.5 19 16.2 16.2M10.5 19 11.8 16.2M8 16.3 10.6 14.9M8 6.2 10.6 7.6M16.2 6.3 11.8 16.2M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.6 8)'/><path d='M13.2 4.4 12.6 7.4 14 10.2 13 13.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
@media (hover: hover) {
	.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):hover::before {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}
@media (hover: none) {
	.tnf-info .tnf-card:not(.tnf-engine):not(.tnf-shops):active::before {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}/* marginea ciobita (clip-path) lasa jos la mijloc loc pentru jumatatea pietrei care iese sub tablita */
.tnf-info .tnf-card:nth-of-type(5n+1):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.8px) 7.8px,calc(9.8% + 0px) 1.4px,calc(16.9% + 0px) 0.3px,calc(25.4% + 0px) 1.1px,calc(32.9% + 0px) 1.9px,calc(41.4% + 0px) 0.8px,calc(50.1% + 0px) 1px,calc(57.7% + 0px) 1.7px,calc(67.8% + 0px) 1.5px,calc(73.8% + 0px) 0.3px,calc(84.7% + 0px) 1.4px,calc(92.4% + 0px) 2.3px,calc(100% - 7.7px) calc(0% + 7.7px),calc(100% - 0.4px) calc(7.8% + 0px),calc(100% - 2.3px) calc(17.3% + 0px),calc(100% - 1.7px) calc(26.4% + 0px),calc(100% - 0px) calc(33.5% + 0px),calc(100% - 2.2px) calc(42.7% + 0px),calc(100% - 1.5px) calc(49.6% + 0px),calc(100% - 0px) calc(59.8% + 0px),calc(100% - 1.6px) calc(66.4% + 0px),calc(100% - 1.9px) calc(74.9% + 0px),calc(100% - 1.4px) calc(84.8% + 0px),calc(100% - 0.4px) calc(91.6% + 0px),calc(100% - 5.2px) calc(100% - 5.2px),calc(91% - 0px) calc(100% - 2.7px),calc(81.7% - 0px) calc(100% - 2.4px),calc(73.7% - 0px) calc(100% - 0.6px),calc(67.2% - 0px) calc(100% - 0.2px),calc(59.3% - 0px) calc(100% - 1.2px),calc(50% + 24px) calc(100% - 1px),calc(50% + 24px) calc(100% + 22px),calc(50% - 24px) calc(100% + 22px),calc(50% - 24px) calc(100% - 1px),calc(48.5% - 0px) calc(100% - 0.6px),calc(40.9% - 0px) calc(100% - 2px),calc(34% - 0px) calc(100% - 1.6px),calc(23.7% - 0px) calc(100% - 2.7px),calc(18.6% - 0px) calc(100% - 1.6px),calc(9.90000000000001% - 0px) calc(100% - 1.1px),8.7px calc(100% - 8.7px),0.4px calc(92.8% - 0px),0.8px calc(81.9% - 0px),2.8px calc(74.3% - 0px),0.6px calc(66.3% - 0px),0.5px calc(57.7% - 0px),10.2px calc(49.4% - 0px),1.6px calc(40% - 0px),1.3px calc(35.2% - 0px),1.6px calc(24.5% - 0px),0.9px calc(16.4% - 0px),2.6px calc(7.2% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+2):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 6.9px) 6.9px,calc(9.7% + 0px) 0.2px,calc(18.4% + 0px) 0.9px,calc(23.3% + 0px) 1.4px,calc(34.5% + 0px) 1.7px,calc(41.5% + 0px) 1.4px,calc(48% + 0px) 1.6px,calc(58.5% + 0px) 0.8px,calc(65.5% + 0px) 12.6px,calc(74% + 0px) 0.9px,calc(83.6% + 0px) 1.9px,calc(91.8% + 0px) 0.9px,calc(100% - 7px) calc(0% + 7px),calc(100% - 0.6px) calc(8.1% + 0px),calc(100% - 1.1px) calc(16% + 0px),calc(100% - 2.3px) calc(23.1% + 0px),calc(100% - 1.8px) calc(32.8% + 0px),calc(100% - 0.3px) calc(42.9% + 0px),calc(100% - 2.4px) calc(48.8% + 0px),calc(100% - 0.4px) calc(58.3% + 0px),calc(100% - 0.8px) calc(67.3% + 0px),calc(100% - 1.5px) calc(73.5% + 0px),calc(100% - 0.1px) calc(82.6% + 0px),calc(100% - 0.8px) calc(91.2% + 0px),calc(100% - 6.5px) calc(100% - 6.5px),calc(90% - 0px) calc(100% - 12.5px),calc(82.3% - 0px) calc(100% - 1.9px),calc(74.6% - 0px) calc(100% - 0.9px),calc(66.1% - 0px) calc(100% - 0.9px),calc(59.6% - 0px) calc(100% - 2.4px),calc(51.3% - 0px) calc(100% - 1.2px),calc(50% + 24px) calc(100% - 1px),calc(50% + 24px) calc(100% + 22px),calc(50% - 24px) calc(100% + 22px),calc(50% - 24px) calc(100% - 1px),calc(41.6% - 0px) calc(100% - 1.8px),calc(31.6% - 0px) calc(100% - 1.1px),calc(26.1% - 0px) calc(100% - 1.2px),calc(14.7% - 0px) calc(100% - 1.6px),calc(7.3% - 0px) calc(100% - 0.5px),8.5px calc(100% - 8.5px),1.1px calc(91% - 0px),0.8px calc(83.1% - 0px),2.3px calc(74.2% - 0px),2.5px calc(64.7% - 0px),2.6px calc(57.7% - 0px),2px calc(49.2% - 0px),1px calc(41.7% - 0px),0.7px calc(31.8% - 0px),1.4px calc(24.4% - 0px),0.3px calc(17.7% - 0px),1px calc(8.40000000000001% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+3):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 6.5px) 6.5px,calc(9.1% + 0px) 1px,calc(16.8% + 0px) 1.8px,calc(26.9% + 0px) 2.1px,calc(35% + 0px) 2.6px,calc(40.1% + 0px) 0.1px,calc(50% + 0px) 0.1px,calc(57.1% + 0px) 1.5px,calc(68.2% + 0px) 2px,calc(73.9% + 0px) 1.8px,calc(84.3% + 0px) 0.3px,calc(90.1% + 0px) 0.9px,calc(100% - 4.5px) calc(0% + 4.5px),calc(100% - 1.8px) calc(8% + 0px),calc(100% - 2.5px) calc(15.3% + 0px),calc(100% - 0.9px) calc(23.8% + 0px),calc(100% - 2.4px) calc(32.1% + 0px),calc(100% - 14.8px) calc(40.7% + 0px),calc(100% - 0px) calc(48.7% + 0px),calc(100% - 2.6px) calc(57.9% + 0px),calc(100% - 1.6px) calc(65.9% + 0px),calc(100% - 2.4px) calc(74.6% + 0px),calc(100% - 1.7px) calc(83.8% + 0px),calc(100% - 2px) calc(90.4% + 0px),calc(100% - 7.2px) calc(100% - 7.2px),calc(90.2% - 0px) calc(100% - 0.4px),calc(82.8% - 0px) calc(100% - 2.1px),calc(76.9% - 0px) calc(100% - 0.7px),calc(67.5% - 0px) calc(100% - 1.5px),calc(58.2% - 0px) calc(100% - 0.3px),calc(50% + 24px) calc(100% - 1px),calc(50% + 24px) calc(100% + 22px),calc(50% - 24px) calc(100% + 22px),calc(50% - 24px) calc(100% - 1px),calc(48.9% - 0px) calc(100% - 0px),calc(40% - 0px) calc(100% - 2px),calc(34.2% - 0px) calc(100% - 0.5px),calc(24.8% - 0px) calc(100% - 1.7px),calc(15.2% - 0px) calc(100% - 1.2px),calc(9.09999999999999% - 0px) calc(100% - 1.3px),4.8px calc(100% - 4.8px),0.7px calc(92.6% - 0px),1.4px calc(82.8% - 0px),2.6px calc(76% - 0px),0.3px calc(66.7% - 0px),0.1px calc(60.1% - 0px),0px calc(50.3% - 0px),0.8px calc(42.1% - 0px),0.7px calc(33.4% - 0px),16.4px calc(23.7% - 0px),1.6px calc(16.5% - 0px),0.4px calc(8.40000000000001% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+4):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.2px) 7.2px,calc(9.6% + 0px) 2.2px,calc(15.2% + 0px) 2.3px,calc(25.6% + 0px) 1.7px,calc(34.3% + 0px) 2.8px,calc(42.2% + 0px) 0px,calc(49.2% + 0px) 0.5px,calc(57.4% + 0px) 2.6px,calc(68.1% + 0px) 1.8px,calc(76.5% + 0px) 0.5px,calc(81.9% + 0px) 0.8px,calc(91.1% + 0px) 0.6px,calc(100% - 6.4px) calc(0% + 6.4px),calc(100% - 1.7px) calc(8.1% + 0px),calc(100% - 0.3px) calc(17.8% + 0px),calc(100% - 11.9px) calc(26.3% + 0px),calc(100% - 1.7px) calc(34.3% + 0px),calc(100% - 2px) calc(40.6% + 0px),calc(100% - 0.7px) calc(51.4% + 0px),calc(100% - 2.3px) calc(59% + 0px),calc(100% - 1.2px) calc(66.7% + 0px),calc(100% - 1.3px) calc(74% + 0px),calc(100% - 1.8px) calc(83.5% + 0px),calc(100% - 1.8px) calc(90.7% + 0px),calc(100% - 7.2px) calc(100% - 7.2px),calc(90.4% - 0px) calc(100% - 1.3px),calc(84.7% - 0px) calc(100% - 1.4px),calc(76.1% - 0px) calc(100% - 1.2px),calc(67.6% - 0px) calc(100% - 0.9px),calc(59.6% - 0px) calc(100% - 2.8px),calc(50% + 24px) calc(100% - 1px),calc(50% + 24px) calc(100% + 22px),calc(50% - 24px) calc(100% + 22px),calc(50% - 24px) calc(100% - 1px),calc(48.2% - 0px) calc(100% - 2.4px),calc(42.4% - 0px) calc(100% - 2.6px),calc(32.5% - 0px) calc(100% - 1px),calc(24.8% - 0px) calc(100% - 0.5px),calc(16.2% - 0px) calc(100% - 1.2px),calc(10.2% - 0px) calc(100% - 0.9px),7.6px calc(100% - 7.6px),2.5px calc(92.4% - 0px),2.3px calc(83.9% - 0px),2.7px calc(76.3% - 0px),1.7px calc(68.1% - 0px),2.4px calc(56.9% - 0px),0px calc(51.6% - 0px),1.7px calc(42.5% - 0px),0px calc(31.7% - 0px),1.7px calc(23.7% - 0px),1.3px calc(16.5% - 0px),1.5px calc(8.09999999999999% - 0px));
}
.tnf-info .tnf-card:nth-of-type(5n+5):not(:has(.tnf-tip)) {
	clip-path: polygon(calc(0% + 7.5px) 7.5px,calc(9.9% + 0px) 0.1px,calc(15.4% + 0px) 1.2px,calc(24.8% + 0px) 2.2px,calc(34.9% + 0px) 1.5px,calc(43.3% + 0px) 1.4px,calc(48% + 0px) 0.1px,calc(59.6% + 0px) 0.7px,calc(66.5% + 0px) 0.2px,calc(75.4% + 0px) 0.9px,calc(82.4% + 0px) 1.6px,calc(92.5% + 0px) 1.1px,calc(100% - 5px) calc(0% + 5px),calc(100% - 0.5px) calc(7% + 0px),calc(100% - 0.9px) calc(16.2% + 0px),calc(100% - 13.7px) calc(24.9% + 0px),calc(100% - 1.4px) calc(33.5% + 0px),calc(100% - 0.3px) calc(43.5% + 0px),calc(100% - 1.2px) calc(51.3% + 0px),calc(100% - 0.9px) calc(56.9% + 0px),calc(100% - 2.1px) calc(65.1% + 0px),calc(100% - 1.1px) calc(75.7% + 0px),calc(100% - 2.2px) calc(83.2% + 0px),calc(100% - 0.8px) calc(92.5% + 0px),calc(100% - 6.4px) calc(100% - 6.4px),calc(90.1% - 0px) calc(100% - 0.7px),calc(82.6% - 0px) calc(100% - 1.2px),calc(76.3% - 0px) calc(100% - 0.9px),calc(68.6% - 0px) calc(100% - 0.6px),calc(59.2% - 0px) calc(100% - 1.7px),calc(50% + 24px) calc(100% - 1px),calc(50% + 24px) calc(100% + 22px),calc(50% - 24px) calc(100% + 22px),calc(50% - 24px) calc(100% - 1px),calc(49.9% - 0px) calc(100% - 0.6px),calc(42.1% - 0px) calc(100% - 2.8px),calc(33.3% - 0px) calc(100% - 1.6px),calc(24.2% - 0px) calc(100% - 2px),calc(18.6% - 0px) calc(100% - 0.3px),calc(9.3% - 0px) calc(100% - 1.5px),6.6px calc(100% - 6.6px),0.9px calc(93.4% - 0px),1.2px calc(82.5% - 0px),13px calc(73.7% - 0px),2.5px calc(66.5% - 0px),0.8px calc(58% - 0px),0.1px calc(48.6% - 0px),2.3px calc(40.5% - 0px),0.6px calc(32.1% - 0px),2px calc(23.6% - 0px),1.5px calc(16.3% - 0px),1.2px calc(9.2% - 0px));
}

/* v169: piatra de jos si pe tablitele fara titlu de pe About Server (engine si pastilele); ::before al lor tine runele, asa ca piatra sta pe textul din ele, pozitionata fata de tablita */
.tnf-info .tnf-card.tnf-engine .tnf-engine-text::after,
.tnf-info .tnf-card.tnf-shops .tnf-shops-label::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	width: 40px;
	height: 34px;
	margin-left: -20px;
	z-index: 2;
	background: no-repeat center / contain;
	opacity: 0.42;
	pointer-events: none;
	transition: opacity .45s ease, filter .45s ease;
}
.tnf-info .tnf-card.tnf-engine .tnf-engine-text::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M9.8 3 12.6 3.2 11.6 5.4 9.6 5.8Z M19.2 13.4 20.8 13 20.8 17 18.6 15.6Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10.5 3.5H17.5L20 6.2V16.3L17.5 19H10.5L8 16.3V6.2Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M16.2 6.3 11.8 16.2H16.2L17.4 14.9V7.6Z' fill='%23604515' fill-opacity='.35'/><path d='M10.5 3.5 11.8 6.3M17.5 3.5 16.2 6.3M20 6.2 17.4 7.6M20 16.3 17.4 14.9M17.5 19 16.2 16.2M10.5 19 11.8 16.2M8 16.3 10.6 14.9M8 6.2 10.6 7.6M16.2 6.3 11.8 16.2M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.6 8)'/><path d='M13.2 4.4 12.6 7.4 14 10.2 13 13.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card.tnf-shops .tnf-shops-label::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M8.4 7.2 11 6.2 10.6 8.4Z M17.6 14.6 20.6 13.4 20.4 16.2 17.8 16.4Z' fill='%23000'/></mask><g transform='translate(6 8)' mask='url(%23c)'><path d='M14 4.5 20 7.8V14.2L14 17.5 8 14.2V7.8Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M14 7.8 16.9 9.4V12.6L14 14.2 11.1 12.6V9.4Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 17.5 14 14.2 16.9 12.6 20 14.2Z' fill='%23604515' fill-opacity='.35'/><path d='M14 4.5V7.8M20 7.8 16.9 9.4M20 14.2 16.9 12.6M14 17.5V14.2M8 14.2 11.1 12.6M8 7.8 11.1 9.4M14 7.8 16.9 9.4V12.6L14 14.2 11.1 12.6V9.4Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M14 4.5 20 7.8 16.9 9.4 14 7.8Z' fill='%23fff0c0' fill-opacity='.1'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.4 9.8)'/><path d='M15.2 8 14.4 10.6 15.6 13.2' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
@media (hover: hover) {
	.tnf-info .tnf-card.tnf-engine:hover .tnf-engine-text::after,
	.tnf-info .tnf-card.tnf-shops:hover .tnf-shops-label::after {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}
@media (hover: none) {
	.tnf-info .tnf-card.tnf-engine:active .tnf-engine-text::after,
	.tnf-info .tnf-card.tnf-shops:active .tnf-shops-label::after {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}
/* v170: pe About Server pietrele de la engine si General sunt schimbate intre ele (engine = Soul, General = Life) */
.tnf-info .tnf-card.tnf-engine .tnf-engine-text::after {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M17 4.4 19.2 4.6 20.2 7 18 6.4Z M7 8.4 9.3 9.6 8.4 11.2Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10 5H18L21.5 9 14 19.5 6.5 9Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M10 5H18L16.5 9H11.5Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M14 19.5 16.5 9H21.5Z' fill='%23604515' fill-opacity='.35'/><path d='M6.5 9H21.5M10 5 11.5 9 14 19.5M18 5 16.5 9 14 19.5M14 5V9M11.5 9 8.5 12.5M16.5 9 19.5 12.5' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12 6.8)'/><path d='M12.6 5.6 13.4 7.8 12.4 10.4 13.4 13' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}
.tnf-info .tnf-card.tnf-engine + .tnf-card:not(.tnf-shops)::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'><defs><filter id='a' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' seed='7' result='n'/><feColorMatrix in='n' type='matrix' values='0 0 0 0 .1 0 0 0 0 .07 0 0 0 0 .04 0 0 0 2.1 -.85'/><feComposite in2='SourceGraphic' operator='atop'/></filter><radialGradient id='r'><stop offset='0' stop-color='%23000' stop-opacity='.7'/><stop offset='.6' stop-color='%23000' stop-opacity='.35'/><stop offset='1' stop-color='%23000' stop-opacity='0'/></radialGradient></defs><ellipse cx='20' cy='19' rx='14' ry='9' fill='url(%23r)'/><g filter='url(%23a)'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23e6bd5a'/><stop offset='.5' stop-color='%23d4a53c'/><stop offset='1' stop-color='%23946d22'/></linearGradient></defs><mask id='c'><rect x='-5' y='-5' width='40' height='32' fill='%23fff'/><path d='M9.8 3 12.6 3.2 11.6 5.4 9.6 5.8Z M19.2 13.4 20.8 13 20.8 17 18.6 15.6Z' fill='%23000'/></mask><g transform='translate(6 7)' mask='url(%23c)'><path d='M10.5 3.5H17.5L20 6.2V16.3L17.5 19H10.5L8 16.3V6.2Z' fill='url(%23g)' stroke='%23231505' stroke-opacity='.6' stroke-width='.6' stroke-linejoin='round'/><path d='M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' fill='%23e2bd62' fill-opacity='.22'/><path d='M16.2 6.3 11.8 16.2H16.2L17.4 14.9V7.6Z' fill='%23604515' fill-opacity='.35'/><path d='M10.5 3.5 11.8 6.3M17.5 3.5 16.2 6.3M20 6.2 17.4 7.6M20 16.3 17.4 14.9M17.5 19 16.2 16.2M10.5 19 11.8 16.2M8 16.3 10.6 14.9M8 6.2 10.6 7.6M16.2 6.3 11.8 16.2M11.8 6.3H16.2L17.4 7.6V14.9L16.2 16.2H11.8L10.6 14.9V7.6Z' stroke='%235a4214' stroke-opacity='.6' stroke-width='.45' fill='none'/><path d='M0-1.6.35-.35 1.6 0 .35.35 0 1.6-.35.35-1.6 0-.35-.35Z' fill='%23fff4d0' fill-opacity='.22' transform='translate(12.6 8)'/><path d='M13.2 4.4 12.6 7.4 14 10.2 13 13.4' stroke='%23201306' stroke-opacity='.85' stroke-width='.6' fill='none'/></g></g></svg>");
}

/* v171: Events / Castle Siege - tablitele sunt legate prin fire de rune (magie), puse de scriptul din events.php.
   Normal nu se vad; la hover pe orice tablita de CS runele apar una dupa alta si se aprind, odata cu runele si pietrele tuturor tablitelor */
.tnf-info .tnf-cs-group {
	position: relative;
}
.tnf-info .tnf-cs-chains {
	position: absolute;
	inset: 0;
	z-index: 6;
	pointer-events: none;
}
.tnf-info .tnf-cs-chains svg {
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible;
	opacity: 0;
	transition: opacity .4s ease;
	filter: drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
}
.tnf-info .tnf-cs-chains .tnf-rl {
	fill: none;
	stroke: #f0c86a;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0;
}
.tnf-info .tnf-cs-chains .tnf-rl-line {
	fill: none;
	stroke: #d4a53c;
	stroke-width: 1;
	stroke-opacity: 0.35;
	stroke-dasharray: 2 5;
}
@keyframes tnf-rl-in {
	from { opacity: 0; }
	to { opacity: 0.95; }
}
@media (hover: hover) {
	.tnf-info .tnf-cs-group:has(> .tnf-card:hover) .tnf-cs-chains svg {
		opacity: 1;
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:hover) .tnf-cs-chains .tnf-rl {
		animation: tnf-rl-in .35s ease forwards;
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:hover) > .tnf-card > h2::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:hover) > .tnf-card::before {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}
@media (hover: none) {
	.tnf-info .tnf-cs-group:has(> .tnf-card:active) .tnf-cs-chains svg {
		opacity: 1;
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:active) .tnf-cs-chains .tnf-rl {
		animation: tnf-rl-in .35s ease forwards;
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:active) > .tnf-card > h2::before {
		opacity: 0.95;
		filter: brightness(1.35) drop-shadow(0 0 3px rgba(255, 196, 90, 0.75)) drop-shadow(0 0 7px rgba(255, 170, 60, 0.45));
	}
	.tnf-info .tnf-cs-group:has(> .tnf-card:active) > .tnf-card::before {
		opacity: 0.8;
		filter: brightness(1.15);
	}
}
@media (prefers-reduced-motion: reduce) {
	.tnf-info .tnf-cs-chains .tnf-rl { animation: none !important; opacity: 0.95; }
}
/* v173: rand de lista dezactivat (ex. Castle Siege / Stages: alliances) - text gri, romb gri, eticheta N/A la final */
.tnf-info .tnf-card .tnf-list > li.tnf-li-off {
	color: #7d776d;
}
.tnf-info .tnf-card .tnf-list > li.tnf-li-off::before {
	background: #5c574f;
}
.tnf-info .tnf-na {
	display: inline-block;
	margin-left: 6px;
	padding: 0 6px;
	border: 1px solid rgba(160, 150, 135, 0.45);
	border-radius: 4px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 16px;
	vertical-align: 1px;
	color: #9a9387;
}

/* v174: campurile completate automat de browser (cont / parola salvate la Login) ieseau albe: Chrome le pune fundal deschis.
   Le acoperim cu umbra interioara inchisa, ca restul campurilor, si textul ramane alb */
#content input:-webkit-autofill,
#content input:-webkit-autofill:hover,
#content input:-webkit-autofill:focus,
#content textarea:-webkit-autofill,
#content select:-webkit-autofill {
	-webkit-text-fill-color: #ffffff;
	caret-color: #ffffff;
	-webkit-box-shadow: 0 0 0 1000px #1b1c21 inset;
	box-shadow: 0 0 0 1000px #1b1c21 inset;
	border: 1px solid rgba(255, 255, 255, 0.14);
	transition: background-color 9999s ease-out 0s;
}
#content input:-webkit-autofill:focus {
	border-color: rgba(255, 215, 102, 0.6);
}
#content input:autofill {
	background: #1b1c21;
	color: #ffffff;
}

/* v175: titlurile paginilor din modulele WebEngine (Login, Register, Downloads, Rankings, Buy Credits, Contact, User CP...) primesc
   acelasi stil ca titlurile paginilor noastre (Cinzel, aur vechi, umbra) - Home ramane luminos, el nu are .page-title */
#content .page-title {
	font-family: 'Cinzel', 'Times New Roman', serif;
	font-weight: 700;
	font-size: 46px;
	line-height: 1.1;
	letter-spacing: 0.06em;
}
#content .page-title span {
	color: #ecc877;
	background: linear-gradient(to bottom, #fbe9bb 0%, #e8c170 50%, #c49342 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.95)) drop-shadow(0 0 12px rgba(0, 0, 0, 0.9)) drop-shadow(0 4px 18px rgba(0, 0, 0, 0.8));
}
@media (max-width: 767px) {
	#content .page-title,
	.tnf-info-title {
		font-size: 34px;
	}
}
/* titlurile lungi (ex. Register a New Account) intrau peste cutia cu ceasul din dreapta: titlul centrat lasa loc liber cat cutia pe ambele parti si trece pe doua randuri daca nu incape */
@media (min-width: 768px) {
	#content .page-title {
		padding-left: 190px;
		padding-right: 190px;
		font-size: 40px;
	}
}

/* v176: nota de la inceputul tablitei Gameplay (About Server) */
.tnf-info .tnf-card .tnf-realm-note {
	margin: -2px 0 12px 0;
	font-size: 14px;
	font-style: italic;
	color: #cdbf9f;
}

/* v177: titlurile paginilor si ale sectiunilor putin mai deschise */
.tnf-info-title,
#content .page-title span {
	color: #f2d38a;
	background: linear-gradient(to bottom, #fff3d2 0%, #f1cf82 50%, #d4a550 100%);
	-webkit-background-clip: text;
	background-clip: text;
}
.tnf-info .tnf-cards-head {
	color: #ebca80;
	-webkit-text-fill-color: #ebca80;
}

/* v178: Golden invasion - fiecare harta din paranteza are iconita de locatie in fata */
.tnf-info .tnf-loc {
	position: relative;
	padding-left: 15px;
	white-space: nowrap;
}
.tnf-info .tnf-loc::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 0.28em;
	width: 9px;
	height: 9px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: radial-gradient(circle at 50% 50%, rgba(14, 11, 8, 1) 0 1.6px, #d4a53c 2.1px);
	box-shadow: 0 0 5px rgba(212, 165, 60, 0.4);
}
.tnf-info .tnf-table th {
	white-space: nowrap;
}
.tnf-info .tnf-loc {
	padding-left: 12px;
}
.tnf-info .tnf-loc::before {
	left: 0;
}

/* v179: recompensa per kill (WC + GP) ca nota separata, sub drop, scrisa mai mic si auriu stins */
.tnf-info .tnf-kill-reward {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #b9a26c;
}
.tnf-info .tnf-kill-reward::before {
	content: 'Per kill: ';
	color: #8a8170;
	font-weight: 500;
}

/* v180: inceputul unei note scris cu auriu ingrosat (ex. "Why locked?" pe About Server) */
.tnf-info .tnf-note-lead {
	color: #e3bf72;
	font-weight: 700;
}

/* v181: Cash Shop pe Credits & VIP - pretul in coloana separata, aliniat la dreapta, auriu */
.tnf-info .tnf-shop-table .tnf-price {
	width: 1%;
	text-align: right;
	white-space: nowrap;
}
.tnf-info .tnf-shop-table td.tnf-price {
	color: #e3bf72;
	font-weight: 600;
}
/* v182: bara de sus - scrisul putin mai mare (doar pe ecrane late, ca sa incapa) */
@media (min-width: 1400px) {
	html body #tnf-bar #navbar ul li a {
		font-size: 17px;
	}
	html body #tnf-bar #navbar .tnf-drop li a {
		font-size: 14px;
	}
	html body #tnf-bar .tnf-btn {
		font-size: 16px;
	}
	html body #tnf-bar .tnf-status-name {
		font-size: 18px;
	}
	html body #tnf-bar .tnf-status-count {
		font-size: 18px;
	}
	html body #tnf-bar .tnf-status-word,
	html body #tnf-bar .tnf-status-online {
		font-size: 15px;
	}
}

/* v183: textul de pe pagini (nu bara de sus si nici titlurile) cu Figtree, mai aerisit decat Barlow */
.tnf-info,
.tnf-info h3,
#content,
#content .alert,
#content .btn-primary:not(.btn-xs),
#content .btn-vip,
a.tnf-contact-discord {
	font-family: 'Figtree', 'Barlow', 'PT Sans', sans-serif;
}
/* v184: Figtree putin mai gros pe pagini */
.tnf-info,
#content {
	font-weight: 500;
}

/* v185: Events - randul "unde" din tabele are o iconita de locatie in loc de cuvantul Where */
.tnf-info .tnf-kv-where {
	vertical-align: top;
}
.tnf-info .tnf-where-pin {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0.3em 0 0 2px;
	border-radius: 50% 50% 50% 0;
	transform: rotate(-45deg);
	background: radial-gradient(circle at 50% 50%, rgba(14, 11, 8, 1) 0 2px, #d4a53c 2.5px);
	box-shadow: 0 0 6px rgba(212, 165, 60, 0.45);
	vertical-align: top;
}
.tnf-info .tnf-where-table td:first-child {
	white-space: nowrap;
}