/* =====================================================================
   FLORA 120 — TEMA: AMBER (amber / bal) — GA Panel / tasarim7
   Dosya: flora-tema-amber.css
   GA > Custom CSS alanina bu dosyanin TAMAMINI yapistir
   JS: Body Kodu.txt (tum temalar icin ayni)
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap");

@font-face {
	font-family: "OpenSans";
	src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
	src: local("☺"),
		url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
		url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype"),
		url("../fonts/OpenSansRegular/OpenSansRegular-1.eot") format("embedded-opentype");
	font-weight: 400;
}
@font-face {
	font-family: "OpenSans";
	src: url("../fonts/OpenSansBold/OpenSansBold.eot");
	src: local("☺"),
		url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
		url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype"),
		url("../fonts/OpenSansBold/OpenSansBold-1.eot") format("embedded-opentype");
	font-weight: 700;
}
@font-face {
	font-family: "Gilroy";
	src: url("../fonts/GilroyMedium/GilroyMedium.eot");
	src: local("☺"),
		url("../fonts/GilroyMedium/GilroyMedium.woff") format("woff"),
		url("../fonts/GilroyMedium/GilroyMedium.ttf") format("truetype"),
		url("../fonts/GilroyMedium/GilroyMedium-1.eot") format("embedded-opentype");
	font-weight: 500;
}
@font-face {
	font-family: "Gilroy";
	src: url("../fonts/GilroyBold/GilroyBold.eot");
	src: local("☺"),
		url("../fonts/GilroyBold/GilroyBold.woff") format("woff"),
		url("../fonts/GilroyBold/GilroyBold.ttf") format("truetype"),
		url("../fonts/GilroyBold/GilroyBold-1.eot") format("embedded-opentype");
	font-weight: 700;
}

:root {
	--void: #080602;
	--coal: #100a04;
	--ash: #181004;
	--ink: #fef3c7;
	--muted: #d4a574;
	--dim: #a8845c;
	--flame: #d97706;
	--blaze: #f59e0b;
	--gold: #fbbf24;
	--molten: #fde68a;
	--bloom: #fbbf24;
	--line: rgba(245, 158, 11, 0.22);
	--line-strong: rgba(251, 191, 36, 0.45);
	--glow: 0 0 28px rgba(146, 64, 14, 0.55);
	--shadow: 0 28px 70px rgba(0, 0, 0, 0.62);
	--radius: 12px;
	--font: "Manrope", "Outfit", "OpenSans", sans-serif;
	--ui: "Manrope", "Inter", "Outfit", "Gilroy", sans-serif;
	--display: "Manrope", "Outfit", "Gilroy", sans-serif;
	--sponsor: "Manrope", "Outfit", "Gilroy", sans-serif;
	--gold-z: #d97706;
	--gold-z-bright: #fbbf24;
	--nav-z: rgba(20, 12, 4, 0.96);
	--plate-z: #201408;
	/* Social-tile / shield frame language (site-wide) */
	--tile-radius: 14px 4px 14px 4px;
	--tile-radius-sm: 12px 3px 12px 3px;
	--tile-border: 1.5px solid #d97706;
	--tile-fill: repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.07) 0 1px, transparent 1px 5px), linear-gradient(180deg, #181004 0%, #080602 100%);
	--tile-edge: none;
	--tile-shadow: 0 8px 18px rgba(0, 0, 0, 0.45);
	--tile-shadow-hover: 0 10px 22px rgba(0, 0, 0, 0.5), 0 0 12px rgba(120, 53, 15, 0.18);
	--q-plate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 92'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23181004'/%3E%3Cstop offset='1' stop-color='%230c0804'/%3E%3C/linearGradient%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fde68a'/%3E%3Cstop offset='.5' stop-color='%23b45309'/%3E%3Cstop offset='1' stop-color='%2378350f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='46,2 414,2 458,46 414,90 46,90 2,46' fill='url(%23g)' stroke='url(%23s)' stroke-width='2'/%3E%3C/svg%3E");
	--q-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380 13'%3E%3Cdefs%3E%3ClinearGradient id='l' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23f59e0b' stop-opacity='0'/%3E%3Cstop offset='.35' stop-color='%23fbbf24'/%3E%3Cstop offset='.5' stop-color='%23fde68a'/%3E%3Cstop offset='.65' stop-color='%23fbbf24'/%3E%3Cstop offset='1' stop-color='%23f59e0b' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 6.5 H162' stroke='url(%23l)' stroke-width='1.2'/%3E%3Cpath d='M218 6.5 H376' stroke='url(%23l)' stroke-width='1.2'/%3E%3Cpath d='M162 6.5 C172 6.5 178 1.8 190 1.8 C202 1.8 208 6.5 218 6.5' fill='none' stroke='%23fde68a' stroke-width='1.2'/%3E%3Cpolygon points='190,1.2 196.2,6.5 190,11.8 183.8,6.5' fill='%23fbbf24' stroke='%23f59e0b' stroke-width='.5'/%3E%3C/svg%3E");
	--q-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189 44'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fde68a'/%3E%3Cstop offset='.55' stop-color='%23b45309'/%3E%3Cstop offset='1' stop-color='%2378350f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,1.5 173,1.5 187.5,22 173,42.5 16,42.5 1.5,22' fill='%23140c06' stroke='url(%23s)' stroke-width='1.6'/%3E%3Cpolygon points='18.5,4.5 170.5,4.5 183.5,22 170.5,39.5 18.5,39.5 5.5,22' fill='none' stroke='%23f59e0b' stroke-width='.7'/%3E%3C/svg%3E");
	--q-btn-reg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189 44'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fde68a'/%3E%3Cstop offset='.55' stop-color='%23b45309'/%3E%3Cstop offset='1' stop-color='%2378350f'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%238b1a1a'/%3E%3Cstop offset='1' stop-color='%23400808'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='16,1.5 173,1.5 187.5,22 173,42.5 16,42.5 1.5,22' fill='url(%23r)' stroke='url(%23s)' stroke-width='1.8'/%3E%3Cpolygon points='18.5,4.5 170.5,4.5 183.5,22 170.5,39.5 18.5,39.5 5.5,22' fill='none' stroke='%23fcd34d' stroke-width='.7'/%3E%3C/svg%3E");
	--logo-sun: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cdefs%3E%3CradialGradient id='c' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0' stop-color='%23181004'/%3E%3Cstop offset='1' stop-color='%230c0804'/%3E%3C/radialGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fde68a'/%3E%3Cstop offset='.5' stop-color='%23b45309'/%3E%3Cstop offset='1' stop-color='%23451a03'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='80' cy='80' r='48' fill='url(%23c)' stroke='url(%23g)' stroke-width='3'/%3E%3Cg fill='url(%23g)'%3E%3Cpolygon points='80,4 86,28 74,28'/%3E%3Cpolygon points='80,156 86,132 74,132'/%3E%3Cpolygon points='4,80 28,86 28,74'/%3E%3Cpolygon points='156,80 132,86 132,74'/%3E%3Cpolygon points='28,28 44,40 36,48'/%3E%3Cpolygon points='132,28 116,40 124,48'/%3E%3Cpolygon points='28,132 44,120 36,112'/%3E%3Cpolygon points='132,132 116,120 124,112'/%3E%3C/g%3E%3Ccircle cx='80' cy='80' r='38' fill='none' stroke='%23d97706' stroke-width='1.2' opacity='.7'/%3E%3C/svg%3E");
}

.languagepicker,
.languagepicker *,
ul.languagepicker,
.roundborders.languagepicker,
.language-picker,
.lang-switch,
.lang-switcher,
.language-switcher,
.languages,
.flags,
.flag-select,
#language,
#lang,
.langbox,
.lang-box,
a[href*="changeLanguage"],
a[href*="setLang"],
a[href*="?lang="] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
	left: -9999px !important;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, p {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
* { box-sizing: border-box; }
* { caret-color: transparent; }
input, textarea, select, [contenteditable="true"] { caret-color: #fbbf24; }

html {
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	scroll-behavior: smooth;
	background: #080602;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

body {
	width: 100%;
	font-size: 15px;
	line-height: 1.5;
	font-family: var(--font);
	color: var(--muted);
	background-color: #080602;
	background-image: url("../img/bg.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 0 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	position: relative;
}
body.inner { background-image: url("/public/images/inner-bg.jpg"); }

body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 53.5vw;
	pointer-events: none;
	z-index: 0;
	background-image: inherit;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 58%,
		rgba(0, 0, 0, 0.45) 78%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 58%,
		rgba(0, 0, 0, 0.45) 78%,
		transparent 100%
	);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		radial-gradient(2px 2px at 11% 20%, rgba(251, 191, 36, 0.9), transparent),
		radial-gradient(1px 1px at 27% 62%, rgba(255, 90, 0, 0.8), transparent),
		radial-gradient(2px 2px at 63% 14%, rgba(253, 230, 138, 0.7), transparent),
		radial-gradient(1px 1px at 81% 44%, rgba(255, 60, 0, 0.75), transparent),
		radial-gradient(2px 2px at 93% 76%, rgba(217, 119, 6, 0.55), transparent),
		radial-gradient(1px 1px at 48% 84%, rgba(255, 200, 80, 0.5), transparent);
	animation: embers 16s linear infinite;
	opacity: 0.7;
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 78%);
	mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 78%);
}
@keyframes embers {
	0% { transform: translateY(0); opacity: 0.5; }
	50% { opacity: 1; }
	100% { transform: translateY(-56px); opacity: 0.4; }
}

.container, nav, main, footer {
	position: relative;
	z-index: 2;
}

img { border: none; max-width: 100%; }
button[type=submit], input, select { outline: none; vertical-align: middle; }

h1, h2, h3, h4, h5 {
	font-family: var(--font) !important;
	margin-bottom: 12px;
	line-height: 1.3;
	display: block;
	color: #f0d7a4;
	font-weight: 700;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	text-shadow: 0 0 14px rgba(217, 119, 6, 0.28);
}
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3, h5 { font-size: 15px; color: #f0d7a4; }
h4 {
	font-family: var(--font) !important;
	font-weight: 700;
	font-size: 18px;
	color: #f0d4b8;
	text-align: left;
	text-transform: none;
	line-height: 1.4;
	letter-spacing: 0;
}
h5 { font-weight: 700; font-size: 14px; text-align: left; letter-spacing: 0.05em; }

.clearfix::after { display: block; content: ""; clear: both; }

/* clearfix ::after must NOT become a flex/grid item — it left a 20px right gap */
main.clearfix::before,
main.clearfix::after {
	content: none !important;
	display: none !important;
	clear: none !important;
}

a {
	text-decoration: none;
	color: var(--blaze);
	transition: 0.2s ease;
}
a:hover { color: var(--molten); }
p { margin-bottom: 15px; }

input, textarea, select {
	border: 1px solid var(--line);
	width: 100%;
	height: 56px;
	background: rgba(8, 4, 2, 0.78);
	font-size: 17px;
	color: var(--ink);
	border-radius: 10px;
	margin-bottom: 18px;
	transition: 0.2s ease;
	padding: 0 20px;
	font-family: var(--font);
	box-shadow: inset 0 0 0 1px rgba(146, 64, 14, 0.06), 0 10px 24px rgba(0, 0, 0, 0.25);
}
textarea { height: 300px; padding: 16px 20px; }
input:hover, input:focus, textarea:hover, textarea:focus {
	background: rgba(16, 8, 4, 0.92);
	border-color: var(--line-strong);
	box-shadow: 0 0 0 4px rgba(146, 64, 14, 0.16), var(--glow);
	color: #fff;
}

strong { color: #fff !important; }
.green { color: #b6ff4a !important; text-shadow: 0 0 12px rgba(182, 255, 74, 0.4); }
.red { color: #ff4d32 !important; }

.t-row { width: 100%; }
.t-row .t-col { display: inline-block; float: left; }
.t-col.t5 { width: 5%; } .t-col.t10 { width: 10%; } .t-col.t15 { width: 15%; }
.t-col.t20 { width: 20%; } .t-col.t25 { width: 25%; } .t-col.t30 { width: 30%; }
.t-col.t35 { width: 35%; } .t-col.t40 { width: 40%; } .t-col.t45 { width: 45%; }
.t-col.t50 { width: 50%; } .t-col.t55 { width: 55%; } .t-col.t60 { width: 60%; }
.t-col.t65 { width: 65%; } .t-col.t70 { width: 70%; } .t-col.t75 { width: 75%; }
.t-col.t80 { width: 80%; } .t-col.t85 { width: 85%; } .t-col.t90 { width: 90%; }
.t-col.t95 { width: 95%; } .t-col.t100 { width: 100%; }

.pagination { display: block; width: 100%; text-align: center; padding: 22px 0; }
.pagination li {
	display: inline-block;
	height: 42px;
	line-height: 40px;
	padding: 0 16px;
	background: linear-gradient(180deg, #3a1e10, #160a06);
	color: #f3d7b8;
	margin: 0 5px;
	border-radius: 8px;
	border: 1px solid var(--line);
	font-size: 17px;
	font-weight: 700;
	font-family: var(--ui);
	opacity: 0.55;
	transition: 0.2s ease;
}
.pagination li:hover, .pagination li.active {
	opacity: 1;
	color: var(--void);
	background: linear-gradient(180deg, var(--molten), var(--flame));
	border-color: var(--gold);
	box-shadow: var(--glow);
}

.container {
	width: calc(100% - 28px);
	max-width: 1860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	overflow: visible;
	box-sizing: border-box;
}

.go-more {
	display: block;
	line-height: 46px;
	text-align: center;
	border: 1px solid var(--line);
	border-radius: 8px;
	text-transform: uppercase;
	font-family: var(--ui);
	font-weight: 700;
	letter-spacing: 0.14em;
	margin-top: 15px;
	background: rgba(146, 64, 14, 0.08);
}
.go-more:hover {
	border-color: var(--gold);
	color: var(--molten);
	box-shadow: var(--glow);
}

.btn,
input[type="submit"],
button[type="submit"] {
	display: block;
	margin: 0 auto;
	background: linear-gradient(180deg, #fde68a 0%, #f59e0b 42%, #92400e 100%) !important;
	width: 250px;
	border-radius: 10px;
	height: 54px;
	line-height: 54px;
	font-family: var(--ui);
	font-weight: 700;
	font-size: 20px !important;
	color: #1a0802 !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none !important;
	cursor: pointer;
	border: 1px solid #fcd34d !important;
	letter-spacing: 0.14em;
	box-shadow: 0 12px 32px rgba(255, 50, 0, 0.45), inset 0 1px 0 rgba(255, 255, 230, 0.5);
	position: relative;
	overflow: hidden;
}
.btn::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 230, 0.4) 50%, transparent 75%);
	transform: translateX(-130%);
	animation: fire-sheen 2.6s ease-in-out infinite;
}
@keyframes fire-sheen {
	0%, 50% { transform: translateX(-130%); }
	100% { transform: translateX(130%); }
}
.btn:hover {
	letter-spacing: 0.2em;
	filter: brightness(1.1);
	box-shadow: 0 0 34px rgba(255, 90, 0, 0.8);
}
.btn.trans {
	color: #f3d7b8 !important;
	background: transparent !important;
	border: 1px solid var(--line-strong) !important;
	box-shadow: none;
}
.btn.trans:hover { color: #fff !important; box-shadow: var(--glow); }

/* =====================================================================
   HEADER — matches site panels (sidebar / video chrome)
   ===================================================================== */
nav {
	/* Desktop offset applied in @media (min-width: 1000px) at file end */
	width: 100% !important;
	max-width: 100% !important;
	height: 92px;
	line-height: 1;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	margin: 28px 0 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 16px !important;
	overflow: visible;
	box-sizing: border-box !important;
	z-index: 20;
	background:
		linear-gradient(180deg, rgba(20, 14, 6, 0.94), rgba(12, 8, 3, 0.97));
	border: 1px solid rgba(217, 119, 6, 0.42);
	border-radius: 16px;
	clip-path: none;
	box-shadow:
		var(--shadow),
		0 0 0 1px rgba(14, 10, 4, 0.8),
		0 0 34px rgba(146, 64, 14, 0.22),
		inset 0 1px 0 rgba(252, 211, 77, 0.22),
		inset 0 0 40px rgba(146, 64, 14, 0.08);
}
/* Same top ember line as sidebars */
nav::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	bottom: auto;
	height: 2px;
	pointer-events: none;
	z-index: 3;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 14px rgba(245, 158, 11, 0.85);
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
}
/* no center spacer */
nav::after {
	content: none !important;
	display: none !important;
	width: 0 !important;
	flex: none !important;
	height: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
nav a {
	display: inline-flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	min-height: 0;
	height: 72px !important;
	color: #fbbf24;
	font-size: 15px !important;
	text-transform: uppercase;
	font-family: "Outfit", "Inter", "OpenSans", sans-serif !important;
	font-weight: 600 !important;
	padding: 6px 14px !important;
	position: relative;
	letter-spacing: 0.06em;
	transition: color 0.25s ease, text-shadow 0.25s ease, background 0.25s ease;
	line-height: 1.15;
	white-space: nowrap;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
	z-index: 2;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
	align-self: center !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	box-shadow: none !important;
}
nav a:first-child { margin-left: 0; }
nav a:hover,
nav a.active {
	color: #fde68a;
	background: transparent !important;
	text-shadow:
		0 0 12px rgba(217, 119, 6, 0.75),
		0 1px 2px rgba(0, 0, 0, 1);
}
nav a::after {
	content: none !important;
	display: none !important;
}
nav a::before {
	content: "" !important;
	display: block !important;
	position: static !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	min-height: 24px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
	filter: drop-shadow(0 0 5px rgba(217, 119, 6, 0.7));
	transition: filter 0.25s ease;
	flex: 0 0 auto !important;
	order: -1 !important;
	pointer-events: none;
	transform: none !important;
}
nav a:hover::before,
nav a.active::before {
	filter: drop-shadow(0 0 9px rgba(255, 200, 80, 1));
}
nav a:first-child::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9.5V21h13V9.5'/%3E%3Cpath d='M10 21v-7h4v7'/%3E%3C/svg%3E") !important;
}
nav a[href*="download"]::before,
nav a[href*="Download"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 11 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E") !important;
}
nav a[href*="rank"]::before,
nav a[href*="Rank"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19h14'/%3E%3Cpath d='M7 19 5 8l4 3 3-6 3 6 4-3-2 11'/%3E%3C/svg%3E") !important;
}
nav a[href*="event"]::before,
nav a[href*="Event"]::before,
nav a[href*="calendar"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17'/%3E%3Cpath d='M8 3v4M16 3v4'/%3E%3C/svg%3E") !important;
}
nav a[href*="shop"]::before,
nav a[href*="donate"]::before,
nav a[href*="Donate"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11h16v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8z'/%3E%3Cpath d='M4 11 6 7h12l2 4'/%3E%3Cpath d='M9 7V5a3 3 0 0 1 6 0v2'/%3E%3Ccircle cx='12' cy='15' r='1.4' fill='%23fbbf24' stroke='none'/%3E%3C/svg%3E") !important;
}
nav a[href*="contact"]::before,
nav a[href*="Contact"]::before,
nav a[href*="support"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='m3 8 9 6 9-6'/%3E%3C/svg%3E") !important;
}

nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp {
	position: relative;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	float: none !important;
	order: 20;
	min-width: 158px;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	line-height: 46px !important;
	margin: 0 0 0 auto !important;
	padding: 0 22px !important;
	align-self: center !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	box-sizing: border-box;
	background: var(--q-btn) no-repeat center center !important;
	background-size: 100% 100% !important;
	border: 0 !important;
	border-right: 0 !important;
	border-radius: 0 !important;
	clip-path: none;
	color: #fde68a !important;
	text-shadow: 0 1px 0 #281c0e !important;
	letter-spacing: 0.1em;
	font-family: var(--font) !important;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
	box-shadow: none;
	filter: none;
	transform: none !important;
	flex: 0 0 auto;
	white-space: nowrap;
	z-index: 2;
}
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"] {
	margin-left: auto !important;
	margin-right: 12px !important;
	order: 19;
	color: #fde68a !important;
	background: var(--q-btn-reg) no-repeat center center !important;
	background-size: 100% 100% !important;
}
nav a[href*="register"] ~ a.cp,
nav a[href*="kayit"] ~ a.cp {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
nav a.cp img { display: none !important; }
nav a[href*="register"]::before,
nav a[href*="Register"]::before,
nav a[href*="kayit"]::before,
nav a[href*="Kayit"]::before {
	content: "" !important;
	display: block !important;
	position: static !important;
	order: 0 !important;
	width: 15px !important;
	height: 15px !important;
	min-width: 15px !important;
	min-height: 15px !important;
	margin: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fde68a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.5-4 4-6 7-6s5.5 2 7 6'/%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	filter: none;
	transform: none !important;
}
nav a.cp::before {
	content: "" !important;
	display: block !important;
	position: static !important;
	order: 0 !important;
	width: 14px !important;
	height: 14px !important;
	min-width: 14px !important;
	min-height: 14px !important;
	margin: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	filter: none;
	transform: none !important;
}
nav a.cp::after,
nav a[href*="register"]::after,
nav a[href*="kayit"]::after {
	content: none !important;
	display: none !important;
}
nav a.cp:hover,
nav a[href*="register"]:hover,
nav a[href*="kayit"]:hover {
	filter: brightness(1.12);
	color: #fff !important;
	background-color: transparent !important;
	box-shadow: none;
	transform: none;
}

/* Logo — LEFT column, nav çerçevesiyle aynı üst hiza */
header {
	text-align: left;
	position: absolute;
	top: 28px;
	left: 0;
	transform: none !important;
	z-index: 40;
	margin: 0;
	width: 300px;
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	overflow: visible;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	clip-path: none !important;
}
header::before,
header::after { content: none !important; display: none !important; }
header .logo {
	width: 280px;
	height: 92px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	pointer-events: auto;
	margin: 0 auto;
	padding: 0;
	top: auto;
	left: auto;
	transform: none !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	clip-path: none !important;
	filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.55));
}
header .logo::before,
header .logo::after {
	content: none !important;
	display: none !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
header .logo .logo-1 {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transition: 0.3s ease;
	filter:
		drop-shadow(0 0 3px #fbbf24)
		drop-shadow(0 0 10px rgba(180, 83, 9, 0.65));
}
header .logo:hover .logo-1 {
	transform: scale(1.04);
	filter:
		brightness(1.1)
		drop-shadow(0 0 6px rgba(255, 200, 80, 0.95))
		drop-shadow(0 0 16px rgba(180, 83, 9, 0.7));
}
header.inner {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	width: 100%;
	margin: 28px auto 0;
	pointer-events: auto;
	height: auto;
	display: block;
}
header.inner .logo {
	background: none;
	filter: none;
	height: auto;
	transform: none;
	display: block;
}
header.inner .logo::before,
header.inner .logo::after { display: none; }

header .status { width: 100%; }
header.inner .status { margin-top: 0; }
header .status p { margin-bottom: 0; }
header .status span { font-size: 24px; padding: 0 10px; }
header .status .balance,
header .status .online {
	display: inline-block;
	width: 300px;
	height: 189px;
	float: left;
	background: url("../img/balance-bg.png") center center no-repeat;
	color: #f4dfc8;
	font-family: var(--ui);
	font-weight: 600;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 20px;
	padding-left: 80px;
	letter-spacing: 0.06em;
	text-shadow: 0 0 14px rgba(146, 64, 14, 0.4);
}
header .status .online {
	float: right;
	background: url("../img/online-bg.png") center center no-repeat;
	padding-left: 0;
	padding-right: 80px;
}
header .status .balance .red { border-left: 1px solid var(--line); padding-left: 15px; }
header .status .balance img, header .status .online img { transition: 0.2s ease; }
header .status .balance:hover img, header .status .online:hover img {
	filter: brightness(1.25) drop-shadow(0 0 10px var(--flame));
}
header .status .start-game {
	margin-top: 105px;
	width: 262px;
	height: 66px;
	line-height: 66px;
	background: url("../img/start-btn.png") center center no-repeat;
	display: inline-block;
	font-family: var(--ui);
	font-weight: 700;
	font-size: 24px;
	color: #3a1406;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-shadow: 0 0 12px #f4c803;
	animation: pulse-fire 2.2s ease-in-out infinite;
}
header .status .start-game:hover { filter: brightness(1.25); letter-spacing: 2px; }
@keyframes pulse-fire {
	0%, 100% { filter: brightness(1); }
	50% { filter: brightness(1.22) drop-shadow(0 0 20px rgba(255, 90, 0, 0.8)); }
}

main {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 36px;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 240px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	overflow: visible;
	z-index: 3;
	position: relative;
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr) 300px;
	align-items: start;
	gap: 20px;
}
main.inner {
	margin-top: 48px;
	padding-bottom: 0;
	display: block;
}

main .left-info,
main .right-info {
	display: block;
	text-align: left;
	background:
		linear-gradient(180deg, rgba(20, 14, 6, 0.94), rgba(12, 8, 3, 0.97)),
		url("../img/sidebar-bg.jpg") top center repeat;
	border: 1px solid rgba(217, 119, 6, 0.42);
	border-radius: 16px;
	vertical-align: top;
	box-shadow:
		var(--shadow),
		0 0 0 1px rgba(14, 10, 4, 0.8),
		0 0 34px rgba(146, 64, 14, 0.22),
		inset 0 1px 0 rgba(252, 211, 77, 0.22),
		inset 0 0 40px rgba(146, 64, 14, 0.08);
	position: relative;
	z-index: 5;
	overflow: visible;
	float: none;
	flex: 0 0 300px;
	width: 300px;
	margin-top: 0;
	padding: 8px 0 12px;
}
main .right-info {
	/* sponsors’un main altına kaçması için relative olmasın */
	position: static !important;
}
main .left-info::before {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	top: 0;
	height: 2px;
	pointer-events: none;
	z-index: 6;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 14px rgba(245, 158, 11, 0.85);
}
main .left-info::after { content: none; display: none; }
main .left-info {
	float: none;
	width: 100%;
	max-width: 300px;
	justify-self: start;
	padding-bottom: 12px !important;
}
main .right-info {
	float: none;
	width: 100%;
	max-width: 300px;
	overflow: visible;
	margin-top: 0;
	/* static: sponsors absolute → main altına kaçabilsin (sidebar üstüne binmesin) */
	position: static;
	justify-self: end;
	padding: 10px 0 14px;
	background:
		linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent) top center / calc(100% - 32px) 2px no-repeat,
		linear-gradient(180deg, rgba(20, 14, 6, 0.94), rgba(12, 8, 3, 0.97)),
		url("../img/sidebar-bg.jpg") top center repeat;
	box-shadow:
		var(--shadow),
		0 0 0 1px rgba(14, 10, 4, 0.8),
		0 0 34px rgba(146, 64, 14, 0.22),
		inset 0 1px 0 rgba(252, 211, 77, 0.22),
		inset 0 0 40px rgba(146, 64, 14, 0.08);
}
main .right-info::before,
main .right-info::after { content: none !important; display: none !important; }

.info-t {
	padding: 10px 14px 16px;
	background: none;
	position: relative;
	z-index: 1;
	overflow: visible;
}
main .left-info .info-t:not(.screens),
main .right-info .info-t:not(.screens):not(:first-child) {
	margin: 4px 12px 6px !important;
	padding: 10px 8px 12px !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
/* =====================================================================
   LEFT SIDEBAR — Top Players / Fortress Wars legendary HUD
   ===================================================================== */
.info-t.top-block .top-menu,
.info-t.top-block .top-menu {
	display: flex;
	gap: 6px;
	line-height: 1;
	border-bottom: 0;
	margin: 0 0 12px;
	padding: 4px;
	text-align: center;
	font-size: 11px;
	font-family: var(--font) !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: rgba(0, 0, 0, 0.28);
	border: 1px solid rgba(217, 119, 6, 0.22);
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.08);
}
.info-t.top-block .top-menu a,
.info-t.top-block .top-menu a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	float: none;
	flex: 1;
	min-height: 36px;
	padding: 0 8px;
	color: #c9b39a;
	border: 1px solid transparent;
	border-radius: 8px;
	border-bottom: 1px solid transparent;
	transition: 0.2s ease;
	text-shadow: none;
	text-decoration: none !important;
}
.info-t.top-block .top-menu a:hover,
.info-t.top-block .top-menu a:hover {
	color: #fcd34d;
	background: rgba(245, 158, 11, 0.08);
}
.info-t.top-block .top-menu a.active,
.info-t.top-block .top-menu a.active {
	color: #1a0802 !important;
	font-weight: 800;
	border-color: rgba(255, 210, 100, 0.55);
	background: linear-gradient(180deg, #fde68a 0%, #b45309 55%, #d97706 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 230, 0.4),
		0 0 14px rgba(180, 83, 9, 0.35);
	text-shadow: none;
}
.info-t.top-block .top-table,
.info-t.top-block .top-table { display: none; }
.info-t.top-block .top-table.active,
.info-t.top-block .top-table.active { display: block; }

main .left-info .info-t .t-row,
main .right-info .info-t .t-row {
	font-size: 13px;
	color: #dcc3a6;
	font-family: var(--font);
	font-weight: 600;
	line-height: 1.35;
	border-bottom: 1px solid rgba(255, 160, 60, 0.1);
	overflow: visible;
	white-space: normal;
	padding: 9px 2px;
	border-radius: 0;
	background: none;
	transition: 0.18s ease;
}
main .left-info .top-table .t-row,
main .left-info .top-table .t-row {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 10px !important;
	margin: 0 0 5px !important;
	border: 1px solid rgba(217, 119, 6, 0.14) !important;
	border-bottom: 1px solid rgba(217, 119, 6, 0.14) !important;
	border-radius: 9px !important;
	background: rgba(0, 0, 0, 0.28) !important;
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.06);
}
main .left-info .top-table .t-row:nth-child(1) {
	border-color: rgba(255, 210, 100, 0.45) !important;
	background:
		radial-gradient(120px 40px at 0% 50%, rgba(245, 158, 11, 0.18), transparent 70%),
		rgba(245, 158, 11, 0.1) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 160, 0.16),
		0 0 14px rgba(217, 119, 6, 0.18);
}
main .left-info .top-table .t-row:nth-child(2),
main .left-info .top-table .t-row:nth-child(3) {
	border-color: rgba(251, 191, 36, 0.28) !important;
	background: rgba(217, 119, 6, 0.06) !important;
}
main .left-info .top-table .t-row::before,
main .left-info .top-table .t-row::before {
	content: none;
	display: none;
}
main .left-info .info-t .t-row:last-child,
main .right-info .info-t .t-row:last-child { border-bottom: 0; margin-bottom: 0 !important; }
main .left-info .top-table .t-row:hover,
main .left-info .info-t .t-row:hover {
	background: rgba(245, 158, 11, 0.12) !important;
	border-color: rgba(251, 191, 36, 0.4) !important;
}
main .right-info .info-t .t-row:hover {
	background: rgba(245, 158, 11, 0.06) !important;
}
main .left-info .info-t .t-row span,
main .right-info .info-t .t-row span {
	font-weight: 700;
	color: #f3ddc4;
	float: right;
	max-width: 48%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: var(--font);
}
main .left-info .top-table .t-row span,
main .left-info .top-table .t-row span {
	float: none;
	max-width: none;
	margin-left: auto;
	font-size: 12px;
	font-weight: 700;
	color: #fde68a !important;
	font-family: var(--font) !important;
	letter-spacing: 0.02em;
	font-variant-numeric: tabular-nums;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	text-shadow: 0 0 10px rgba(217, 119, 6, 0.4);
}
main .left-info .top-table .t-row span img {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 50%;
	border: 1px solid rgba(251, 191, 36, 0.45);
	box-shadow: 0 0 8px rgba(180, 83, 9, 0.3);
	background: rgba(0, 0, 0, 0.35);
}
main .left-info .info-t .t-row a {
	flex: 1 1 auto;
	min-width: 0;
	color: #f0e2d0 !important;
	font-family: "Outfit", "Inter", sans-serif !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	letter-spacing: 0.03em;
	text-transform: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none !important;
}
main .left-info .info-t .t-row a:hover { color: #fde68a !important; }
main .left-info .top-table .t-row:nth-child(1) a {
	color: #fde68a !important;
	font-family: var(--display) !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-shadow: 0 0 12px rgba(217, 119, 6, 0.45);
}
main .left-info .info-t .t-row.first {
	color: #fcd34d;
}
main .left-info .info-t .t-row.first::before,
main .left-info .info-t .t-row.second::before,
main .left-info .info-t .t-row.third::before { content: none; display: none; }
main .left-info .info-t .t-row.second,
main .left-info .info-t .t-row.third { border-color: rgba(245, 158, 11, 0.1); }
main .right-info .info-t .t-row i {
	color: #fbbf24;
	width: 22px;
	height: 22px;
	line-height: 22px;
	flex: 0 0 22px;
	text-align: center;
	margin-right: 8px;
	font-size: 11px !important;
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(245, 158, 11, 0.22), rgba(146, 64, 14, 0.08));
	border: 1px solid rgba(217, 119, 6, 0.35);
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.18);
	text-shadow: 0 0 8px rgba(255, 90, 0, 0.45);
}

main .right-info .info-t.forum-msg:nth-child(2) .t-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 14px !important;
	line-height: 1.2;
	border: 1px solid rgba(251, 191, 36, 0.38) !important;
	border-radius: 12px !important;
	background:
		radial-gradient(140px 50px at 88% 50%, rgba(255, 160, 40, 0.16), transparent 70%),
		linear-gradient(180deg, rgba(40, 16, 5, 0.88), rgba(14, 10, 4, 0.95)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.16),
		0 0 20px rgba(146, 64, 14, 0.14);
	font-family: var(--font) !important;
	font-size: 12px;
	font-weight: 700;
	color: #c4a890;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
main .right-info .info-t.forum-msg:nth-child(2) .t-row:hover {
	background:
		radial-gradient(160px 56px at 88% 50%, rgba(255, 180, 50, 0.2), transparent 70%),
		linear-gradient(180deg, rgba(48, 18, 6, 0.92), rgba(12, 4, 2, 0.97)) !important;
	border-color: rgba(255, 200, 80, 0.55) !important;
}
main .right-info .info-t.forum-msg:nth-child(2) .t-row > i {
	flex: 0 0 auto;
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	margin-right: 8px !important;
	font-size: 13px !important;
	color: #fde68a !important;
	background: linear-gradient(180deg, rgba(217, 119, 6, 0.35), rgba(146, 64, 14, 0.14));
	border: 1px solid rgba(251, 191, 36, 0.45);
	border-radius: 8px;
	box-shadow: 0 0 12px rgba(255, 120, 0, 0.25);
}
main .right-info .info-t.forum-msg:nth-child(2) .t-row span {
	float: none;
	max-width: none;
}

main .right-info .info-t .t-row:has(> i) {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	float: none;
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 9px 6px !important;
	line-height: 1.3;
	white-space: normal;
	border: 0;
	border-bottom: 1px solid rgba(255, 140, 40, 0.1);
	border-radius: 8px;
	background: none;
	box-shadow: none;
	gap: 0;
	color: #d8c0a4;
	font-family: var(--font) !important;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
main .right-info .info-t .t-row:has(> i):hover {
	background: rgba(217, 119, 6, 0.08) !important;
	border-bottom-color: transparent;
}
main .right-info .info-t .t-row:has(> i) i {
	margin: 0 8px 0 0;
	width: 22px;
	font-size: 11px;
}
main .right-info .info-t .t-row:has(> i) span {
	float: none;
	max-width: none;
	margin-left: auto;
	padding-left: 8px;
	color: #fde68a !important;
	font-family: var(--font) !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	letter-spacing: 0.06em;
	text-shadow: 0 0 10px rgba(217, 119, 6, 0.35);
	display: inline;
	white-space: nowrap;
}
main .right-info .info-t:has(.t-row i)::after { content: none; display: none; }
.info-t:last-child { background: none; padding-bottom: 16px; }

/* Fortress Wars */
main .left-info .info-t.forts {
	margin-top: 8px !important;
	padding-top: 4px !important;
	anchor-name: --flora-forts;
}
main .left-info .info-t.forts h3 {
	font-family: var(--font) !important;
	font-size: 13px !important;
	letter-spacing: 0.08em !important;
	margin: 4px auto 12px !important;
}
.info-t.forts .img,
.info-t.forts .img {
	overflow: hidden;
	width: 100%;
	height: auto;
	min-height: 0;
	border-radius: 11px;
	margin-bottom: 12px;
	border: 1px solid rgba(251, 191, 36, 0.42);
	box-shadow:
		inset 0 0 36px rgba(255, 60, 0, 0.22),
		0 8px 20px rgba(0, 0, 0, 0.45),
		0 0 16px rgba(255, 80, 0, 0.18);
	line-height: 0;
	position: relative;
}
.info-t.forts .img::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 55%, rgba(5, 2, 1, 0.45));
	border-radius: inherit;
}
.info-t.forts .img img,
.info-t.forts .img img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	object-fit: contain;
	object-position: center top;
	transition: 0.35s ease;
}
.info-t.forts .img:hover img,
.info-t.forts .img:hover img {
	transform: scale(1.03);
	filter: brightness(1.12) saturate(1.15);
}
main .left-info .info-t.forts .t-row {
	display: flex !important;
	align-items: center !important;
	gap: 8px;
	padding: 8px 8px !important;
	margin: 0 0 5px !important;
	border: 1px solid rgba(217, 119, 6, 0.14) !important;
	border-radius: 9px !important;
	background: rgba(0, 0, 0, 0.26) !important;
	font-family: "Outfit", "Inter", sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #e4d2bc !important;
	letter-spacing: 0.02em;
}
main .left-info .info-t.forts .t-row:hover {
	background: rgba(217, 119, 6, 0.1) !important;
	border-color: rgba(251, 191, 36, 0.35) !important;
}
main .left-info .info-t.forts .t-row > img {
	width: 22px !important;
	height: 22px !important;
	flex: 0 0 22px;
	border-radius: 50%;
	border: 1px solid rgba(251, 191, 36, 0.4);
	box-shadow: 0 0 8px rgba(180, 83, 9, 0.25);
	object-fit: cover;
}
main .left-info .info-t.forts .t-row > a {
	margin-left: auto;
	text-decoration: none !important;
	flex: 0 0 auto;
}
main .left-info .info-t.forts .t-row .red,
main .left-info .info-t.forts .t-row span.red {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none !important;
	max-width: none !important;
	padding: 4px 9px !important;
	border-radius: 7px !important;
	border: 1px solid rgba(255, 80, 60, 0.45) !important;
	background: linear-gradient(180deg, rgba(255, 60, 40, 0.22), rgba(120, 10, 5, 0.35)) !important;
	color: #fde68a !important;
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	text-shadow: 0 0 8px rgba(255, 60, 40, 0.45) !important;
	white-space: nowrap;
}

/* Social dock — gold pinstripe tiles (shield frame) */
.info-t.forts .flora-social,
.flora-social {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 5px;
	margin: 10px 0 0;
	padding: 32px 0 2px;
	position: relative;
	z-index: 8;
	box-sizing: border-box;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.info-t.forts .flora-social::before,
.flora-social::before {
	content: "FOLLOW US";
	position: absolute;
	left: 0;
	right: 0;
	top: 2px;
	height: auto;
	background: linear-gradient(180deg, #fffbeb 0%, #fbbf24 48%, #d97706 100%);
	-webkit-background-clip: text;
	background-clip: text;
	box-shadow: none;
	font-family: var(--display);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: transparent;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: none;
	filter: drop-shadow(0 0 8px rgba(255, 150, 30, 0.28));
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
}
.info-t.forts .flora-social::after,
.flora-social::after {
	content: "";
	position: absolute;
	left: 18%;
	right: 18%;
	top: 20px;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(217, 119, 6, 0.15) 12%, #fbbf24 50%, rgba(217, 119, 6, 0.15) 88%, transparent 100%);
	box-shadow: 0 0 6px rgba(255, 180, 60, 0.35);
	pointer-events: none;
	filter: none;
}
.flora-social a {
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	max-width: none;
	height: auto;
	aspect-ratio: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	color: #fbbf24 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important;
	border: 1.5px solid transparent !important;
	border-radius: 14px 4px 14px 4px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%),
		linear-gradient(145deg, #78350f 0%, #fbbf24 34%, #fde68a 50%, #f59e0b 68%, #451a03 100%) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	background-color: #080602 !important;
	box-shadow:
		inset 0 0 0 1px rgba(14, 10, 4, 0.7),
		inset 1px 0 0 rgba(217, 119, 6, 0.16),
		inset 0 -2px 0 rgba(146, 64, 14, 0.12),
		0 6px 14px rgba(0, 0, 0, 0.45) !important;
	filter: none;
	overflow: hidden;
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.flora-social a i,
.flora-social a .fab,
.flora-social a .fa {
	font-size: 21px !important;
	line-height: 1 !important;
	color: inherit;
	width: 22px;
	height: 22px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	-webkit-font-smoothing: antialiased;
	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55));
}
.flora-social a:hover {
	color: #fde68a !important;
	transform: translateY(-2px);
	filter: brightness(1.08);
	box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, 0.45),
		inset 1px 0 0 rgba(255, 230, 150, 0.22),
		0 0 16px rgba(245, 158, 11, 0.28),
		0 10px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Twitter / forum href → Web (globe) icon */
footer a i.fa-twitter,
footer a[href*="nr1games.net"] i,
footer a[href*="forum"] i,
.flora-social a i.fa-twitter,
.flora-social a[href*="nr1games.net"] i,
.flora-social a[href*="forum"] i {
	font-size: 0 !important;
	width: 22px !important;
	height: 22px !important;
	background-color: currentColor !important;
	background-image: none !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
footer a i.fa-twitter::before,
footer a[href*="nr1games.net"] i::before,
footer a[href*="forum"] i::before,
.flora-social a i.fa-twitter::before,
.flora-social a[href*="nr1games.net"] i::before,
.flora-social a[href*="forum"] i::before {
	content: none !important;
	display: none !important;
}

/* YouTube class + TikTok href → TikTok icon */
footer a i.fa-youtube,
footer a[href*="tiktok"] i,
.flora-social a i.fa-youtube,
.flora-social a[href*="tiktok"] i {
	font-size: 0 !important;
	width: 22px !important;
	height: 22px !important;
	background-color: currentColor !important;
	background-image: none !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.15 2h2.45c.2 1.55 1.05 2.95 2.3 4A6.5 6.5 0 0 0 22.1 7.6v2.55a7.7 7.7 0 0 1-4.85-1.5v8.15A6.9 6.9 0 1 1 9.1 9.9v2.6a4.3 4.3 0 1 0 5.05 4.25V2z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14.15 2h2.45c.2 1.55 1.05 2.95 2.3 4A6.5 6.5 0 0 0 22.1 7.6v2.55a7.7 7.7 0 0 1-4.85-1.5v8.15A6.9 6.9 0 1 1 9.1 9.9v2.6a4.3 4.3 0 1 0 5.05 4.25V2z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
footer a i.fa-youtube::before,
footer a[href*="tiktok"] i::before,
.flora-social a i.fa-youtube::before,
.flora-social a[href*="tiktok"] i::before {
	content: none !important;
	display: none !important;
}

/* Discord href → clean Discord mark (not FA face/eye) */
footer a i.fa-discord,
footer a[href*="discord"] i,
.flora-social a i.fa-discord,
.flora-social a[href*="discord"] i {
	font-size: 0 !important;
	width: 22px !important;
	height: 22px !important;
	background-color: currentColor !important;
	background-image: none !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.1.1 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.1 16.1 0 0 0-4.8 0c-.14-.34-.36-.76-.54-1.09A.1.1 0 0 0 9 4c-1.5.26-2.94.71-4.27 1.33a.07.07 0 0 0-.03.03C2.2 9.05 1.6 12.72 1.96 16.33a.1.1 0 0 0 .03.05 19.2 19.2 0 0 0 5.8 2.91.1.1 0 0 0 .11-.03c.45-.61.85-1.26 1.19-1.94a.1.1 0 0 0-.05-.13 12.4 12.4 0 0 1-1.78-.85.1.1 0 0 1 .01-.16c.12-.09.24-.18.35-.28a.1.1 0 0 1 .1 0c3.54 1.61 7.37 1.61 10.87 0a.1.1 0 0 1 .1 0c.11.09.23.19.35.28a.1.1 0 0 1 .01.16 11.7 11.7 0 0 1-1.78.85.1.1 0 0 0-.05.13c.35.68.75 1.32 1.19 1.94a.1.1 0 0 0 .11.03 19.1 19.1 0 0 0 5.8-2.91.1.1 0 0 0 .03-.05c.5-4.17-.83-7.8-3.51-11a.07.07 0 0 0-.03-.03zM8.52 14.19c-1.07 0-1.95-.98-1.95-2.18s.87-2.18 1.95-2.18 1.97.98 1.95 2.18-.88 2.18-1.95 2.18zm6.97 0c-1.07 0-1.95-.98-1.95-2.18s.87-2.18 1.95-2.18 1.97.98 1.95 2.18-.88 2.18-1.95 2.18z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.1.1 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.1 16.1 0 0 0-4.8 0c-.14-.34-.36-.76-.54-1.09A.1.1 0 0 0 9 4c-1.5.26-2.94.71-4.27 1.33a.07.07 0 0 0-.03.03C2.2 9.05 1.6 12.72 1.96 16.33a.1.1 0 0 0 .03.05 19.2 19.2 0 0 0 5.8 2.91.1.1 0 0 0 .11-.03c.45-.61.85-1.26 1.19-1.94a.1.1 0 0 0-.05-.13 12.4 12.4 0 0 1-1.78-.85.1.1 0 0 1 .01-.16c.12-.09.24-.18.35-.28a.1.1 0 0 1 .1 0c3.54 1.61 7.37 1.61 10.87 0a.1.1 0 0 1 .1 0c.11.09.23.19.35.28a.1.1 0 0 1 .01.16 11.7 11.7 0 0 1-1.78.85.1.1 0 0 0-.05.13c.35.68.75 1.32 1.19 1.94a.1.1 0 0 0 .11.03 19.1 19.1 0 0 0 5.8-2.91.1.1 0 0 0 .03-.05c.5-4.17-.83-7.8-3.51-11a.07.07 0 0 0-.03-.03zM8.52 14.19c-1.07 0-1.95-.98-1.95-2.18s.87-2.18 1.95-2.18 1.97.98 1.95 2.18-.88 2.18-1.95 2.18zm6.97 0c-1.07 0-1.95-.98-1.95-2.18s.87-2.18 1.95-2.18 1.97.98 1.95 2.18-.88 2.18-1.95 2.18z'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}
footer a i.fa-discord::before,
footer a[href*="discord"] i::before,
.flora-social a i.fa-discord::before,
.flora-social a[href*="discord"] i::before {
	content: none !important;
	display: none !important;
}
footer .menu .men:last-child:not(:has(a)) {
	display: none !important;
}

.news {
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	gap: 16px;
	text-align: left;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	z-index: 4;
	float: none;
}
/* GA empty clearfix nodes sit at order:0 and steal the first flex gap (16px) above the video */
main .news > .clearfix {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	flex: none !important;
	order: 99 !important;
}
.news::before,
.news::after,
main .news::before,
main .news::after {
	content: none !important;
	display: none !important;
	background: none !important;
}
main .news:not(:has(.new)):not(:has(.flora-video)):not(:has(.flora-silk)) {
	padding: 0 !important;
	background: none !important;
	min-height: 0;
	gap: 0;
}

/* Silk prices — above trailer */
.flora-silk {
	width: 100%;
	flex: 0 0 100%;
	order: 0;
	min-height: 0;
	padding: 12px 14px 14px;
	border: 1px solid rgba(217, 119, 6, 0.42);
	border-radius: var(--tile-radius, 14px 4px 14px 4px);
	box-sizing: border-box;
	background:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(20, 14, 6, 0.98), rgba(12, 8, 3, 0.99));
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 12px 28px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(252, 211, 77, 0.08);
	transition: border-color 0.28s ease, box-shadow 0.28s ease;
}
.flora-silk:hover {
	border-color: rgba(251, 191, 36, 0.55);
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 14px 32px rgba(0, 0, 0, 0.5),
		0 0 18px rgba(217, 119, 6, 0.12),
		inset 0 1px 0 rgba(252, 211, 77, 0.12);
}
.flora-silk-head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(217, 119, 6, 0.22);
}
.flora-silk-title {
	margin: 0 !important;
	font-family: var(--font, inherit) !important;
	font-size: clamp(15px, 2vw, 18px) !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	background: linear-gradient(180deg, #fffbeb 0%, #fbbf24 48%, #d97706 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	filter: drop-shadow(0 0 8px rgba(255, 150, 30, 0.28));
}
.flora-silk-title::before,
.flora-silk-title::after { content: none !important; display: none !important; }
.flora-silk-dual {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 14px;
	align-items: start;
}
.flora-silk-panel {
	min-width: 0;
	padding: 8px;
	border: 1px solid rgba(217, 119, 6, 0.28);
	border-radius: var(--tile-radius-sm, 12px 3px 12px 3px);
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(16, 12, 5, 0.92), rgba(4, 2, 1, 0.96));
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.06);
}
.flora-silk-label {
	margin: 0 0 8px;
	padding: 5px 8px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #0c0804;
	text-align: center;
	border: 1px solid #fbbf24;
	border-radius: var(--tile-radius-sm, 12px 3px 12px 3px);
	background: linear-gradient(180deg, #fde68a 0%, #f59e0b 55%, #92400e 100%);
	box-shadow: 0 0 10px rgba(217, 119, 6, 0.28);
}
.flora-silk-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 5px;
	margin: 0;
}
.flora-silk-table thead th {
	padding: 7px 10px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #fcd34d;
	text-align: left;
	border: 1px solid rgba(217, 119, 6, 0.4);
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%);
}
.flora-silk-table thead th:first-child {
	border-radius: 10px 0 0 3px;
}
.flora-silk-table thead th:last-child {
	border-radius: 0 3px 10px 0;
	text-align: right;
}
.flora-silk-table thead th + th {
	border-left: none;
}
.flora-silk-table tbody td {
	padding: 9px 10px;
	font-size: 12px;
	font-weight: 600;
	color: #fde68a;
	border: 1px solid rgba(180, 120, 50, 0.32);
	background: rgba(14, 10, 4, 0.78);
	vertical-align: middle;
}
.flora-silk-table tbody td:first-child {
	border-radius: 10px 0 0 3px;
}
.flora-silk-table tbody td:last-child {
	border-radius: 0 3px 10px 0;
	text-align: right;
	font-weight: 800;
	color: #fbbf24;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
	text-shadow: 0 0 8px rgba(245, 158, 11, 0.25);
}
.flora-silk-table tbody td + td {
	border-left: none;
}
.flora-silk-table tbody tr:hover td {
	border-color: rgba(251, 191, 36, 0.5);
	background: rgba(22, 10, 4, 0.9);
}
.flora-silk-muted { color: #a8845c !important; font-weight: 500 !important; }
@keyframes flora-silk-blink-amber {
	0%, 100% {
		color: #fde68a;
		border-color: rgba(251, 191, 36, 0.9);
		background: rgba(245, 158, 11, 0.22);
		box-shadow:
			0 0 10px rgba(217, 119, 6, 0.55),
			inset 0 0 6px rgba(251, 191, 36, 0.18);
		filter: brightness(1.15);
	}
	50% {
		color: #d97706;
		border-color: rgba(120, 53, 15, 0.35);
		background: rgba(245, 158, 11, 0.06);
		box-shadow: none;
		filter: brightness(0.75);
	}
}
.flora-silk-bonus {
	display: inline-block;
	padding: 3px 8px;
	border-radius: var(--tile-radius-sm, 12px 3px 12px 3px);
	border: 1px solid rgba(217, 119, 6, 0.55);
	background: rgba(245, 158, 11, 0.14);
	color: #fde68a;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
	animation: flora-silk-blink-amber 1.35s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
	.flora-silk-bonus { animation: none; }
}

.flora-silk { order: 0; }
.flora-video { order: 1; }

/* Summer-style YouTube showcase — center column, below silk */
.flora-video {
	width: 100%;
	flex: 0 0 100%;
	display: flex;
	align-items: stretch;
	gap: 16px;
	padding: 10px;
	order: 1;
	min-height: 0;
	border: 1px solid rgba(217, 119, 6, 0.42);
	border-radius: var(--tile-radius, 14px 4px 14px 4px);
	background:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(20, 14, 6, 0.98), rgba(12, 8, 3, 0.99));
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 12px 28px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(252, 211, 77, 0.08);
	transition: border-color 0.28s ease, box-shadow 0.28s ease;
}
.flora-video:hover {
	border-color: rgba(251, 191, 36, 0.55);
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 12px 28px rgba(0, 0, 0, 0.45),
		inset 0 0 36px rgba(255, 210, 100, 0.12),
		inset 0 1px 0 rgba(252, 211, 77, 0.08);
}
.flora-video-player {
	position: relative;
	flex: 1.25 1 0;
	min-width: 0;
	height: 296px !important;
	max-height: 296px !important;
	aspect-ratio: 16 / 7;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(251, 191, 36, 0.5);
	background-color: #0c0804;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-shadow:
		0 0 0 1px rgba(32, 20, 8, 0.9),
		0 0 14px rgba(217, 119, 6, 0.12),
		inset 0 0 0 1px rgba(253, 230, 138, 0.14);
	transition: box-shadow 0.28s ease, border-color 0.28s ease;
}
.flora-video:hover .flora-video-player {
	border-color: rgba(253, 230, 138, 0.85);
	box-shadow:
		0 0 0 1px rgba(32, 20, 8, 0.9),
		0 0 22px rgba(251, 191, 36, 0.28),
		inset 0 0 28px rgba(255, 210, 100, 0.35),
		inset 0 0 56px rgba(255, 170, 40, 0.18),
		inset 0 0 0 1px rgba(253, 230, 138, 0.28);
}
.flora-video-player iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	pointer-events: none;
	z-index: 1;
}
/* Covers YouTube chrome (title, logo, more videos) — clicks never reach the iframe */
.flora-video-shield {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: rgba(14, 10, 4, 0.55);
	transition: background 0.2s ease;
}
.flora-video-player.is-playing .flora-video-shield {
	background: transparent;
}
.flora-video-play {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	width: 72px;
	height: 72px;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	background:
		radial-gradient(circle at 50% 42%, #fde68a, #f59e0b 58%, #c44a00);
	box-shadow:
		0 0 0 3px rgba(10, 4, 1, 0.65),
		0 0 28px rgba(180, 83, 9, 0.65);
	transition: 0.25s ease, opacity 0.2s ease;
	z-index: 4;
	flex-shrink: 0;
}
.flora-video-player.is-playing .flora-video-play {
	opacity: 0;
	pointer-events: none;
	transform: scale(0.85);
}
.flora-video-play::before {
	content: "";
	position: absolute;
	left: 52%;
	top: 50%;
	transform: translate(-40%, -50%);
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #1a0802;
}
.flora-video-player:not(.is-playing) .flora-video-shield:hover .flora-video-play,
.flora-video-play:hover {
	transform: scale(1.08);
	filter: brightness(1.12);
}
.flora-video-player.is-playing .flora-video-play:hover {
	transform: scale(0.85);
	filter: none;
}
.flora-video-copy {
	flex: 1 1 0;
	min-width: 180px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 8px 10px 8px 4px;
	text-align: center;
}
.flora-video-copy h3 {
	font-family: var(--font) !important;
	font-weight: 800;
	font-size: 18px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fcd34d;
	text-shadow: 0 1px 2px #000;
	margin: 0 0 12px;
	line-height: 1.3;
	background: none;
	padding: 0;
}
.flora-video-copy h3::before,
.flora-video-copy h3::after { content: none; display: none; }
.flora-video-copy p {
	margin: 0;
	font-family: var(--font) !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: 0.01em;
	color: #f3d7b8;
}
/* =====================================================================
   NEWS - social-tile language (pinstripe + metallic gold shield frame)
   ===================================================================== */
.news .new,
.news .new.big {
	--flora-news-head: 42px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: 1.5px solid transparent;
	border-radius: 14px 4px 14px 4px;
	overflow: hidden;
	height: auto !important;
	min-height: 0 !important;
	float: none;
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0 0 12px;
	position: relative;
	order: 3;
	box-sizing: border-box;
	cursor: pointer;
	transform: none !important;
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
	background-color: #080602;
	background-image:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.07) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%),
		linear-gradient(145deg, #78350f 0%, #fbbf24 34%, #fde68a 50%, #f59e0b 68%, #451a03 100%);
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
	box-shadow:
		inset 0 0 0 1px rgba(14, 10, 4, 0.7),
		inset 1px 0 0 rgba(217, 119, 6, 0.16),
		inset 0 -2px 0 rgba(146, 64, 14, 0.12),
		0 10px 24px rgba(0, 0, 0, 0.5);
	filter: none;
}
.flora-video { order: 1; }
.news .new.big { order: 2; }
.news .new:hover,
.news .new.big:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.06);
	box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, 0.45),
		inset 1px 0 0 rgba(255, 230, 150, 0.22),
		0 0 18px rgba(245, 158, 11, 0.22),
		0 14px 28px rgba(0, 0, 0, 0.55);
}
.news .new::before,
.news .new.big::before {
	content: "";
	display: block;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	flex: 0 0 var(--flora-news-head);
	width: 100%;
	height: var(--flora-news-head);
	z-index: 1;
	pointer-events: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(217, 119, 6, 0.22);
	box-shadow:
		inset 0 1px 0 rgba(252, 211, 77, 0.1),
		inset 0 -1px 0 rgba(0, 0, 0, 0.5);
	background:
		radial-gradient(90% 120% at 50% -20%, rgba(217, 119, 6, 0.14), transparent 60%),
		linear-gradient(180deg, rgba(28, 14, 6, 0.55) 0%, rgba(14, 10, 4, 0.35) 100%);
	-webkit-mask-image: none !important;
	mask-image: none !important;
}
.news .new::after,
.news .new.big::after {
	content: "";
	position: absolute;
	left: 16%;
	right: 16%;
	top: 0;
	height: 1px;
	z-index: 7;
	pointer-events: none;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(217, 119, 6, 0.2) 14%,
		#fbbf24 50%,
		rgba(217, 119, 6, 0.2) 86%,
		transparent 100%);
	box-shadow: 0 0 8px rgba(255, 180, 60, 0.28);
}
.news .new .img,
.news .new.big .img {
	position: relative;
	top: auto;
	left: auto;
	flex: none;
	width: calc(100% - 28px);
	height: auto !important;
	max-height: 296px;
	aspect-ratio: 16 / 7;
	margin: 10px auto 0;
	border-radius: 10px 3px 10px 3px;
	overflow: hidden;
	border: 1.5px solid transparent;
	background-color: #080602;
	background-image:
		linear-gradient(180deg, #0c0804 0%, #080602 100%),
		linear-gradient(145deg, #78350f 0%, #fbbf24 36%, #fde68a 52%, #f59e0b 70%, #451a03 100%);
	background-origin: border-box;
	background-clip: padding-box, border-box;
	box-shadow:
		inset 0 0 0 1px rgba(14, 10, 4, 0.65),
		inset 1px 0 0 rgba(217, 119, 6, 0.14),
		0 8px 18px rgba(0, 0, 0, 0.4);
	transition: box-shadow 0.25s ease, filter 0.25s ease;
}
.news .new .img img,
.news .new.big .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
	transform: none !important;
	transition: none;
	filter: none;
	border-radius: inherit;
}
.news .new:hover .img img,
.news .new.big:hover .img img {
	transform: none !important;
	filter: none;
}
.news .new .img::after,
.news .new.big .img::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	border-radius: inherit;
	opacity: 0;
	background:
		radial-gradient(ellipse 70% 65% at 50% 50%, rgba(251, 191, 36, 0.16) 0%, rgba(245, 158, 11, 0.06) 45%, transparent 72%);
	box-shadow:
		inset 0 0 28px rgba(245, 158, 11, 0.32),
		inset 0 0 52px rgba(180, 83, 9, 0.14),
		inset 0 0 0 1px rgba(252, 211, 77, 0.22);
	transition: opacity 0.25s ease;
}
.news .new:hover .img,
.news .new.big:hover .img {
	filter: brightness(1.04);
	box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, 0.4),
		inset 1px 0 0 rgba(255, 230, 150, 0.2),
		0 0 16px rgba(245, 158, 11, 0.22),
		0 10px 20px rgba(0, 0, 0, 0.45);
}
.news .new:hover .img::after,
.news .new.big:hover .img::after {
	opacity: 1;
}
.news .new .info,
.news .new.big .info {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: auto;
	min-width: 0;
	padding: 10px 18px 0;
	font-size: 13px;
	line-height: 1.45;
	color: #e8d2b0;
	z-index: 2;
	display: block;
	background: none;
	box-sizing: border-box;
}
.news .new .info p,
.news .new .info > div,
.news .new .info > div p,
.news .new.big .info p,
.news .new.big .info > div,
.news .new.big .info > div p {
	margin: 0 !important;
	color: #d8c4a8 !important;
	max-height: none !important;
	overflow: visible;
	font-family: var(--font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	letter-spacing: 0.01em;
	text-shadow: none !important;
}
.news .new .info > div:empty,
.news .new.big .info > div:empty {
	display: none !important;
}
.news .new .info > a:not(.read-more),
.news .new.big .info > a:not(.read-more) {
	position: absolute;
	top: 0;
	left: 16px;
	right: 150px;
	height: var(--flora-news-head);
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0 10px 0 0;
	z-index: 6;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px !important;
	font-family: var(--font) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #fbbf24 !important;
	text-transform: none !important;
	letter-spacing: 0.03em !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
	filter: drop-shadow(0 0 6px rgba(255, 150, 30, 0.2));
	transition: color 0.2s ease;
}
.news .new .info > a:not(.read-more):hover,
.news .new.big .info > a:not(.read-more):hover {
	color: #fde68a !important;
}
.news .new .date,
.news .new.big .date {
	position: absolute;
	top: 0;
	right: 14px;
	left: auto;
	z-index: 6;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	width: auto;
	height: var(--flora-news-head);
	padding: 0;
	background: none !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	text-align: right;
	font-family: var(--font) !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	line-height: 1 !important;
	color: #b89260 !important;
	text-shadow: none !important;
	white-space: nowrap;
	pointer-events: none;
}
.news .new .date::before,
.news .new.big .date::before {
	content: "Tarih:";
	position: static;
	left: auto;
	right: auto;
	top: auto;
	height: auto;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font-weight: 600;
	color: inherit;
}
.news .new .date span,
.news .new.big .date span {
	font: inherit;
	color: inherit;
}
.news .new .date p,
.news .new.big .date p {
	display: inline;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: inherit !important;
	text-transform: none;
	letter-spacing: 0.02em;
	margin: 0;
	text-shadow: none;
}
.news .new .info .read-more,
.news .new.big .info .read-more {
	position: absolute !important;
	inset: 0 !important;
	z-index: 5 !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	box-shadow: none !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	opacity: 0 !important;
	overflow: hidden !important;
	text-indent: -999px;
}

.forum-msg { margin-top: 20px; }
.forum-msg .msg {
	font-size: 12px;
	color: #a8845c;
	border-bottom: 1px solid rgba(255, 140, 40, 0.1);
	margin-top: 15px;
	transition: 0.2s ease;
}
.forum-msg .msg:hover { filter: brightness(1.3); }
.forum-msg .msg .ava {
	overflow: hidden;
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 8px;
	border: 1px solid var(--line);
}
.forum-msg .msg .ava img { width: 100%; }
.forum-msg .msg .info { display: inline-block; width: calc(100% - 50px); float: right; }
.forum-msg .msg .info a { font-family: var(--ui); font-size: 16px; font-weight: 600; color: #f4dfc8; }

/* =====================================================================
   SPONSORS — bottom strip HUD (under main)
   ===================================================================== */
.info-t.screens h3,
.screens h3,
main .right-info .info-t.screens h3,
main .right-info .screens h3 {
	font-family: var(--display) !important;
	font-weight: 800 !important;
	font-size: 13px !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	text-align: center !important;
	color: #fde68a !important;
	text-shadow: 0 0 14px rgba(255, 120, 0, 0.45);
	margin: 0 0 18px !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 16px !important;
}
.info-t.screens h3::before,
.screens h3::before,
.info-t.screens h3::after,
.screens h3::after {
	content: "" !important;
	display: block !important;
	width: 72px !important;
	height: 1px !important;
	flex: 0 0 72px;
	background: linear-gradient(90deg, transparent, #f59e0b 30%, #fde68a) !important;
	box-shadow: 0 0 8px rgba(217, 119, 6, 0.45);
}
.info-t.screens h3::after,
.screens h3::after {
	background: linear-gradient(90deg, #fde68a, #f59e0b 70%, transparent) !important;
}
.screens a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto;
	min-height: 78px;
	min-width: 168px;
	border-radius: 12px !important;
	overflow: hidden;
	border: 1px solid rgba(251, 191, 36, 0.4) !important;
	margin-top: 0;
	opacity: 1;
	padding: 14px 20px !important;
	background:
		radial-gradient(120px 40px at 50% 0%, rgba(217, 119, 6, 0.14), transparent 70%),
		linear-gradient(180deg, rgba(28, 12, 5, 0.92), rgba(12, 8, 3, 0.96)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.12),
		0 8px 20px rgba(0, 0, 0, 0.35) !important;
	outline: none;
	transition: 0.22s ease;
	position: relative;
}
.screens a::before,
.screens a::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
.screens a img {
	width: auto;
	max-width: 140px;
	max-height: 52px;
	height: auto;
	object-fit: contain;
	opacity: 0.94;
	filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.4));
}
.screens a:hover {
	opacity: 1;
	transform: translateY(-2px);
	border-color: rgba(255, 210, 100, 0.7) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 160, 0.2),
		0 0 22px rgba(180, 83, 9, 0.28) !important;
}
.screens a:hover img { opacity: 1; }

main .right-info .info-t.screens,
main .right-info .screens {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 26px 24px 22px !important;
	background:
		radial-gradient(720px 120px at 50% 0%, rgba(217, 119, 6, 0.12), transparent 65%),
		linear-gradient(180deg, transparent 0%, rgba(14, 10, 4, 0.55) 28%, rgba(5, 2, 1, 0.92) 100%) !important;
	border: 0 !important;
	border-top: 1px solid rgba(217, 119, 6, 0.22) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: center;
	align-content: center;
	align-items: center;
	column-gap: 16px;
	row-gap: 14px;
	z-index: 6;
	text-align: center;
	float: none !important;
	box-sizing: border-box;
}
main .right-info .screens h3,
main .right-info .info-t.screens h3 {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 6px !important;
	order: -1 !important;
}
main .right-info .screens h3::before,
main .right-info .screens h3::after,
main .right-info .info-t.screens h3::before,
main .right-info .info-t.screens h3::after {
	content: "" !important;
	display: block !important;
	width: 72px !important;
	flex: 0 0 72px;
	height: 1px;
}
main .right-info .screens a,
main .right-info .info-t.screens a {
	width: auto !important;
	min-width: 160px !important;
	max-width: 200px !important;
	min-height: 74px !important;
	flex: 0 1 180px !important;
	margin: 0 !important;
	padding: 12px 18px !important;
	border-radius: 12px !important;
	order: 1 !important;
	display: inline-flex !important;
}

/* =====================================================================
   FOOTER — same HUD as header / sidebar cards
   ===================================================================== */
footer {
	width: 100%;
	height: auto;
	min-height: 0;
	background:
		radial-gradient(900px 180px at 50% 0%, rgba(217, 119, 6, 0.12), transparent 60%),
		linear-gradient(180deg, #120805 0%, #070301 55%, #080602 100%) !important;
	background-image:
		radial-gradient(900px 180px at 50% 0%, rgba(217, 119, 6, 0.12), transparent 60%),
		linear-gradient(180deg, #120805 0%, #070301 55%, #080602 100%) !important;
	padding: 42px 0 26px;
	margin-top: 28px;
	position: relative;
	overflow: visible;
	z-index: 1;
	border: 0;
	border-top: 1px solid rgba(217, 119, 6, 0.35);
	box-shadow:
		inset 0 1px 0 rgba(252, 211, 77, 0.08),
		0 -20px 40px rgba(0, 0, 0, 0.25);
	clip-path: none;
	text-align: center;
}
footer::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 12%;
	right: 12%;
	top: 0;
	height: 2px;
	pointer-events: none;
	z-index: 2;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 14px rgba(217, 119, 6, 0.65);
}
footer .container {
	position: relative;
	z-index: 1;
	border-top: 0;
	padding-top: 8px;
	overflow: visible;
	max-width: 1100px;
	margin: 0 auto;
}
footer .container::before { content: none; display: none; }
footer .copy::before { content: none; display: none; }
footer .copy,
footer .copy {
	text-align: center;
	display: block;
	float: none;
	vertical-align: top;
	font-size: 0;
	line-height: 0;
	color: transparent;
	width: 100%;
	max-height: none;
	overflow: visible;
	padding: 0;
	border-left: 0;
	clip-path: none;
}
footer .copy > div,
footer .copy > div {
	margin-bottom: 0;
	overflow: visible;
	position: relative;
	display: inline-block;
	padding: 0;
}
footer .copy > div::before { content: none; display: none; }
footer .copy img,
footer .copy img {
	height: 72px;
	width: auto;
	max-width: 220px;
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	filter:
		drop-shadow(0 0 3px #fbbf24)
		drop-shadow(0 0 10px rgba(180, 83, 9, 0.65));
	transition: 0.3s ease;
}
footer .copy a:hover img {
	transform: scale(1.04);
	filter:
		brightness(1.1)
		drop-shadow(0 0 6px rgba(255, 200, 80, 0.95))
		drop-shadow(0 0 16px rgba(180, 83, 9, 0.7));
}
footer .copy > div::after {
	content: "";
	display: block;
	width: 88px;
	height: 2px;
	margin: 16px auto 0;
	background: linear-gradient(90deg, transparent, #f59e0b 20%, #fde68a 50%, #f59e0b 80%, transparent);
	box-shadow: 0 0 10px rgba(217, 119, 6, 0.55);
}
footer .copy img[src*="heart"],
footer .copy img[src*="love"],
footer .copy .fa-heart,
footer .copy .fas.fa-heart,
footer .copy br,
footer .copy p,
footer .copy p { display: none !important; }
footer .copy a,
footer .copy a {
	display: block !important;
	width: auto;
	height: auto;
	min-height: 64px;
	margin: 0 auto 4px;
	font-size: 0;
	line-height: 0;
	overflow: visible;
}
footer .copy a img {
	display: block !important;
	margin: 0 auto;
}
footer .copy a[href*="gapanel"],
footer .copy a[href*="GAPanel"],
footer .copy a[href*="gapanel"],
footer a[href*="gapanel.com"] {
	display: none !important;
	visibility: hidden !important;
	font-size: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
footer .copy::after,
footer .copy::after {
	content: "Welcome to the Flora 120 server.";
	display: block;
	margin-top: 14px;
	max-width: none;
	font-size: 14px;
	line-height: 1.45;
	font-family: "Inter", "Outfit", sans-serif;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: #d4b896;
	text-transform: none;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	filter: none;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
footer .menu,
footer .menu {
	display: block;
	width: 100%;
	float: none;
	margin: 22px 0 0;
	text-align: center;
}
footer .menu .men,
footer .menu .men {
	display: none;
	width: auto;
	float: none;
	padding-right: 0;
}
footer .menu .men:last-child,
footer .menu .men:last-child {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 0 auto;
}
footer .menu .men h5,
footer .menu .men h5,
footer h5 { display: none; }
footer .menu .men a,
footer .menu .men a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 46px !important;
	height: 46px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #fbbf24 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	background:
		linear-gradient(180deg, rgba(40, 16, 6, 0.95), rgba(10, 4, 2, 0.98)) !important;
	border: 1px solid rgba(251, 191, 36, 0.42) !important;
	border-radius: 11px !important;
	letter-spacing: 0;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.14),
		0 0 12px rgba(146, 64, 14, 0.12);
	transition: 0.22s ease;
}
footer .menu .men a i,
footer .menu .men a .fab,
footer .menu .men a .fa {
	font-size: 17px !important;
	line-height: 1 !important;
	width: auto;
	text-align: center;
	color: inherit;
}
footer .menu .men a:hover,
footer .menu .men a:hover {
	color: #fffbeb !important;
	padding-left: 0 !important;
	border-color: #fde68a !important;
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 160, 0.22),
		0 0 20px rgba(255, 120, 0, 0.45);
	filter: brightness(1.08);
}
footer .container::after {
	content: "Copyright \00a9 2026 NR1 Games. All rights reserved.";
	white-space: pre-line;
	display: block;
	width: 100%;
	margin-top: 26px;
	padding: 16px 12px 0;
	border-top: 1px solid rgba(217, 119, 6, 0.28);
	background: none;
	text-align: center;
	font-family: "Inter", "Outfit", sans-serif;
	font-size: 12px;
	line-height: 1.6;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	color: rgba(220, 190, 160, 0.5);
	text-shadow: none;
}
footer::after {
	content: none;
	display: none;
}

.overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.86);
	position: fixed;
	top: 0; left: 0;
	display: none;
	z-index: 50;
}
.scr-pop { margin-top: 100px; }
.scr-pop img { width: 100%; }

.h-about { color: #d8bba4; font-size: 18px; margin-bottom: 50px; }
.inner-bg {
	width: 100%;
	background:
		radial-gradient(900px 240px at 50% -50px, rgba(255, 90, 0, 0.18), transparent 55%),
		linear-gradient(180deg, rgba(12, 5, 2, 0.96), rgba(5, 2, 1, 0.98)) !important;
	padding: 32px;
	border-radius: var(--radius);
	border: 1px solid rgba(217, 119, 6, 0.42);
	position: relative;
	box-shadow: var(--shadow), 0 0 40px rgba(255, 60, 0, 0.12);
	backdrop-filter: blur(2px);
}
.inner-bg::before {
	content: "";
	position: absolute;
	inset: 10px;
	border: 1px solid rgba(251, 191, 36, 0.12);
	border-radius: 8px;
	pointer-events: none;
}
.inner-bg .content {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid var(--line);
	color: #d2b49a;
	text-align: left;
	line-height: 1.75;
	position: relative;
	z-index: 1;
}
.inner-bg .content.videos, .inner-bg .content.steps {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 30px;
}
.inner-bg .content .txt { width: 48%; }
.inner-bg .content h2 { margin-bottom: 30px; }
.f-left { float: left; display: inline-block; }
.f-right { float: right; display: inline-block; }
.pref {
	display: inline-block;
	width: 23%;
	margin: 0 1% 50px;
	float: left;
	text-align: center;
	background: rgba(146, 64, 14, 0.07);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 25px 15px;
	transition: 0.2s ease;
}
.pref p {
	margin-top: 20px;
	font-size: 18px;
	color: #f3d7b8;
	font-weight: 600;
	font-family: var(--ui);
	line-height: 1.1;
}
.pref:hover {
	background: rgba(146, 64, 14, 0.16);
	box-shadow: var(--glow);
	transform: translateY(-5px);
}
.pref img { transition: 0.2s ease; }
.pref:hover img { filter: brightness(1.2) drop-shadow(0 0 10px var(--flame)); transform: scale(1.06); }
.under-h {
	width: 100%;
	text-align: center;
	margin-top: -30px;
	color: #e8d6c0 !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
}
.video {
	display: inline-block;
	float: left;
	width: 31%;
	margin: 20px 1% 50px;
	height: 230px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--line);
	box-shadow: var(--shadow);
}
.inner-bg .content.steps { text-align: center; padding-bottom: 0; position: relative; }
.inner-bg .content.steps .buttons { width: 250px; margin: 0 30px; display: inline-block; }
.inner-bg .content.steps .buttons a {
	color: #f3d7b8;
	text-decoration: underline;
	font-size: 18px;
	display: block;
	margin: 10px auto;
	font-weight: 700;
}
.inner-bg .content.steps .buttons a:hover { color: var(--gold); text-decoration: none; }
.inner-bg .content.steps p { margin: 15px auto; width: 60%; }
.inner-bg.stp { margin-bottom: 30px; position: relative; }
.inner-bg.stp:after {
	display: block;
	content: "";
	width: 100%;
	height: 45px;
	background: url("/public/images/steps-arrow.png") center center no-repeat;
	position: absolute;
	bottom: -37px;
	left: 0;
	z-index: 4;
	filter: hue-rotate(-8deg) saturate(1.5);
}
.inner-bg.stp:last-child:after { display: none; }
.inner-bg.stp .soc p { font-size: 20px; color: #f3d7b8; }
.inner-bg.stp .soc a { display: inline-block; margin: 0 10px; }
.inner-bg.stp .soc a:hover { filter: brightness(1.5) drop-shadow(0 0 10px var(--flame)); }
.content.don-form {
	padding: 50px 25%;
	text-align: center;
	background: none;
	margin-bottom: 0;
}
.content.don-form p { font-size: 18px; color: #f3d7b8; }
.content.don-why { border-bottom: none; padding: 50px; margin-bottom: 0; }

/* =====================================================================
   RANKING — ultra legendary leaderboard HUD
   ===================================================================== */
main.inner:has(.stat-menu) > h1,
main.inner:has(.inner-bg.stats) > h1 {
	font-family: var(--display) !important;
	font-weight: 800 !important;
	font-size: clamp(28px, 3.2vw, 40px) !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #fde68a !important;
	text-shadow:
		0 0 24px rgba(255, 120, 0, 0.55),
		0 2px 0 rgba(0, 0, 0, 0.85) !important;
	margin: 12px 0 10px !important;
	padding-bottom: 18px !important;
	background-image: linear-gradient(90deg, transparent, #f59e0b 16%, #fde68a 50%, #f59e0b 84%, transparent);
	background-size: 48% 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
main.inner:has(.stat-menu) > p,
main.inner:has(.inner-bg.stats) > p:not(.under-h) {
	font-family: "Inter", "Outfit", sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #d8c4ae !important;
	letter-spacing: 0.04em;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
	margin: 0 0 22px !important;
}

.inner-bg.stats {
	position: relative !important;
	font-size: 16px !important;
	color: #f6ebe0 !important;
	padding: 22px 20px 26px !important;
	font-family: "Inter", "Outfit", "OpenSans", Arial, Helvetica, sans-serif !important;
	background:
		radial-gradient(720px 180px at 50% -40px, rgba(217, 119, 6, 0.22), transparent 60%),
		linear-gradient(180deg, rgba(16, 7, 3, 0.98), rgba(5, 2, 1, 0.99)) !important;
	border: 1px solid rgba(251, 191, 36, 0.48) !important;
	border-radius: 18px !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 28px 60px rgba(0, 0, 0, 0.62),
		0 0 42px rgba(146, 64, 14, 0.16),
		inset 0 1px 0 rgba(255, 220, 140, 0.16) !important;
	-webkit-font-smoothing: antialiased !important;
	overflow: hidden;
}
.inner-bg.stats::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 24px;
	right: 24px;
	top: 0;
	height: 2px;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 16px rgba(217, 119, 6, 0.75);
}
.inner-bg.stats.class { padding: 20px; }
.inner-bg.stats .t-col.nick-2, .inner-bg.stats .t-col.nick { text-align: left; }
.inner-bg.stats .t-col.clan { text-align: center; }
.inner-bg.stats .t-col.nick {
	color: #fde68a !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}
.inner-bg.stats .t-info .t-col.nick { line-height: 1; padding-top: 10px; }
.inner-bg.stats .t-col.nick p { margin-bottom: 0; }
.inner-bg.stats .t-col.nick span { color: #c4a890; font-size: 14px; font-weight: 500; line-height: 1; }
.inner-bg.stats .t-col.nick a,
.inner-bg.stats .t-row.t-info a {
	color: #fde68a !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	text-decoration: none !important;
	text-shadow: 0 0 10px rgba(217, 119, 6, 0.35), 0 1px 2px #000;
	transition: color 0.2s ease, text-shadow 0.2s ease;
}
.inner-bg.stats .t-col.nick a:hover,
.inner-bg.stats .t-row.t-info a:hover {
	color: #fff !important;
	text-shadow: 0 0 16px rgba(255, 180, 60, 0.75);
}
.inner-bg.stats .t-row {
	position: relative;
	line-height: 54px !important;
	min-height: 54px;
	border-bottom: 1px solid rgba(255, 140, 40, 0.12) !important;
	color: #f6ebe0 !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	background: rgba(0, 0, 0, 0.28);
	transition: background 0.2s ease, transform 0.2s ease;
}
.inner-bg.stats .t-row.t-info:nth-child(even) {
	background: rgba(255, 90, 0, 0.05);
}
.inner-bg.stats .t-row:hover {
	background: rgba(217, 119, 6, 0.16) !important;
	box-shadow: inset 3px 0 0 #fbbf24;
}
.inner-bg.stats .t-row.t-head,
.inner-bg.stats .t-row.t-head:hover {
	color: #fde68a !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase;
	background:
		linear-gradient(90deg, rgba(245, 158, 11, 0.32), rgba(146, 64, 14, 0.08) 55%, transparent) !important;
	text-shadow: 0 1px 2px #000;
	border-bottom: 1px solid rgba(251, 191, 36, 0.28) !important;
	min-height: 48px;
	line-height: 48px !important;
}
.inner-bg.stats .t-col {
	color: #f6ebe0 !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-weight: 600 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.inner-bg.stats .t-col.t5 {
	font-family: var(--font) !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	color: #fbbf24 !important;
	letter-spacing: 0.04em;
}
/* Top 3 medals */
.inner-bg.stats > .t-row.t-info:nth-child(2) .t-col.t5 {
	color: #fde68a !important;
	text-shadow: 0 0 14px rgba(255, 200, 80, 0.9), 0 0 4px #b45309 !important;
	font-size: 17px !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(3) .t-col.t5 {
	color: #e8eef5 !important;
	text-shadow: 0 0 12px rgba(200, 220, 255, 0.65) !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(4) .t-col.t5 {
	color: #fcd34d !important;
	text-shadow: 0 0 12px rgba(255, 120, 40, 0.55) !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(2) {
	background: linear-gradient(90deg, rgba(245, 158, 11, 0.16), rgba(255, 90, 0, 0.04) 50%, transparent) !important;
	border-bottom-color: rgba(255, 200, 80, 0.22) !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(3) {
	background: linear-gradient(90deg, rgba(180, 200, 220, 0.1), transparent 55%) !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(4) {
	background: linear-gradient(90deg, rgba(255, 120, 40, 0.1), transparent 55%) !important;
}
.inner-bg.stats .t-row.t-info img {
	width: 28px !important;
	height: 28px !important;
	vertical-align: middle;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.35), 0 0 12px rgba(255, 90, 0, 0.25);
}

.stat-menu {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 8px;
	line-height: 1 !important;
	height: auto !important;
	min-height: 0;
	font-size: 13px !important;
	text-transform: uppercase;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-weight: 700 !important;
	background:
		linear-gradient(180deg, rgba(28, 12, 5, 0.98), rgba(14, 10, 4, 0.98)) !important;
	background-image: none !important;
	margin: 0 auto 22px !important;
	padding: 10px !important;
	border-radius: 16px;
	overflow: visible;
	border: 1px solid rgba(217, 119, 6, 0.42) !important;
	letter-spacing: 0.12em;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.85),
		0 16px 36px rgba(0, 0, 0, 0.45),
		inset 0 1px 0 rgba(252, 211, 77, 0.14);
	float: none !important;
	width: 100%;
	box-sizing: border-box;
}
.stat-menu::before {
	content: "";
	display: block;
	position: absolute;
}
.stat-menu a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none !important;
	padding: 14px 22px !important;
	min-height: 46px;
	color: #d8c4ae !important;
	border: 1px solid rgba(217, 119, 6, 0.18) !important;
	border-right: 1px solid rgba(217, 119, 6, 0.18) !important;
	border-radius: 12px !important;
	background: rgba(255, 90, 0, 0.04) !important;
	font-weight: 700 !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	text-shadow: 0 1px 2px #000;
	transition: 0.2s ease;
}
.stat-menu a.active,
.stat-menu a:hover {
	color: #1a0802 !important;
	background: linear-gradient(180deg, #fde68a 0%, #b45309 55%, #ff5a00 100%) !important;
	border-color: #fcd34d !important;
	text-shadow: none !important;
	box-shadow: 0 8px 22px rgba(255, 90, 0, 0.4), inset 0 1px 0 rgba(255, 255, 230, 0.45);
}
.stat-menu a.active { font-weight: 800 !important; }
.inner-bg.stats.class .pvp-class {
	display: inline-block;
	padding: 20px;
	background: rgba(0, 0, 0, 0.38);
	border-radius: 10px;
	font-size: 14px;
	float: left;
	width: 31%;
	margin: 15px 1%;
	border: 1px solid var(--line);
	text-align: left;
	transition: 0.2s ease;
}
.inner-bg.stats.class .pvp-class:last-child { float: none; }
.inner-bg.stats.class .pvp-class:hover { background: rgba(146, 64, 14, 0.14); box-shadow: var(--glow); }
.inner-bg.stats.class .pvp-class h5 {
	display: inline-block;
	text-align: left;
	width: auto;
	line-height: 30px;
	vertical-align: middle;
}
.inner-bg.stats.class .pvp-class img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 10px;
}
.inner-bg.stats.class .t-row { text-align: center; line-height: 35px; border-bottom: 1px solid rgba(255, 140, 40, 0.1); }
.inner-bg.stats.class .nickname { text-align: left; }
.inner-bg.stats.class .t-row.t-head { background: none; color: #e0b888; font-weight: 500; }

@media (max-width: 1279px) {
	.container { width: calc(100% - 24px); max-width: 1000px; }
	nav a {
		padding: 6px 12px !important;
		font-size: 13px !important;
		font-family: "Outfit", "Inter", "OpenSans", sans-serif !important;
		font-weight: 600 !important;
		gap: 6px !important;
		letter-spacing: 0.05em;
	}
	nav a::before {
		width: 22px !important;
		height: 22px !important;
	}
	nav {
		width: calc(100% - 340px) !important;
		max-width: calc(100% - 340px) !important;
		left: auto !important;
		transform: none !important;
		margin: 20px 0 0 !important;
		margin-left: 340px !important;
		height: 84px;
		padding: 0 14px !important;
	}
	nav::before {
		left: 14px;
		right: 14px;
	}
	header {
		width: 320px;
		height: 84px;
		top: 20px;
		left: 0;
		transform: none !important;
	}
	header .logo {
		width: 260px;
		height: 84px;
		transform: translateY(-12px) !important;
	}
	header .logo::before {
		display: none;
	}
	main {
		display: grid;
		grid-template-columns: 320px minmax(0, 1fr);
		gap: 20px;
	}
	main .left-info {
		width: 100%;
		max-width: 320px;
		flex: none;
	}
	main .news {
		width: auto;
		max-width: none;
		flex: none;
		padding-top: 0;
		float: none;
		display: flex;
		flex-wrap: wrap;
	}
	main .right-info { display: none; }
}
@media (max-width: 999px) {
	.container { width: calc(100% - 20px); max-width: 620px; }
	main {
		display: block;
		padding-bottom: 24px;
	}
	main .news, main .left-info, main .right-info {
		width: 100%;
		display: block;
		float: none;
		flex: none;
	}
	main .right-info {
		width: 100%;
		margin-top: 16px;
		display: block;
		background:
			linear-gradient(180deg, rgba(12, 5, 3, 0.97), rgba(5, 2, 1, 0.98)),
			url("../img/sidebar-bg.jpg") top center repeat;
		border: 1px solid var(--line-strong);
		box-shadow: var(--shadow);
	}
	main .news {
		padding-top: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}
	.flora-video {
		flex-direction: column;
		padding: 12px;
	}
	.flora-silk {
		padding: 10px !important;
	}
	.flora-silk-dual {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.flora-silk-panel {
		padding: 8px;
	}
	.flora-silk-table thead th,
	.flora-silk-table tbody td {
		padding: 7px 8px !important;
		font-size: 11px !important;
	}
	.flora-silk-bonus {
		font-size: 10px;
		padding: 2px 6px;
		white-space: normal;
	}
	.flora-video-copy {
		padding: 4px 2px 0;
	}
	.flora-video-copy h3 { font-size: 18px; }
	.news .new,
	.news .new.big {
		flex: 1 1 100%;
		width: 100%;
		height: auto !important;
	}
	main .right-info .screens,
	main .right-info .info-t.screens {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: 18px;
	}
	.screens a { display: inline-block; width: 48%; margin: 5px 1%; float: left; }
	footer .copy, footer .copy,
	footer .menu, footer .menu {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
		margin-bottom: 28px;
		border-left: 0;
		padding-left: 0;
	}
	footer .menu .men, footer .menu .men { width: 100%; float: none; margin-bottom: 22px; }
	footer .menu h5, footer .menu h5, footer h5 { text-align: center; }
	footer .menu .men h5::after, footer .menu .men h5::after { margin-left: auto; margin-right: auto; }
	header .status .balance { margin-left: -100px; }
	header .status .online { margin-right: -100px; }
	header .status .start-game { width: 200px; border-radius: 5px; }
	header { margin-top: 20px; }
	header .status { margin-top: 20px; }
	nav a.cp {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		float: none;
		text-align: center;
		font-size: 12px;
		line-height: 36px;
		height: 38px;
		margin: 8px auto 12px;
		padding: 0 18px 0 14px !important;
		background: var(--q-btn) no-repeat center center !important;
		background-size: 100% 100% !important;
		color: #fbbf24 !important;
		transform: none;
		position: relative;
		top: auto;
		right: auto;
	}
	nav a {
		font-size: 13px !important;
		padding: 8px 12px !important;
		height: auto !important;
		min-height: 64px;
		flex-direction: column !important;
		gap: 6px !important;
		color: #fbbf24;
		font-family: "Outfit", "Inter", "OpenSans", sans-serif !important;
		font-weight: 600 !important;
		letter-spacing: 0.05em;
		text-shadow: 0 1px 2px #000;
		border-right: 0;
	}
	nav a::before {
		width: 22px !important;
		height: 22px !important;
	}
	nav {
		width: 100% !important;
		left: auto !important;
		transform: none !important;
		margin-left: 0 !important;
		margin-top: 16px !important;
		overflow: visible;
		height: auto;
		min-height: 0;
		line-height: 1;
		text-align: center;
		clip-path: none;
		border-radius: 16px;
		padding: 12px 14px !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	nav::before {
		left: 12px;
		right: 12px;
		top: 0;
		bottom: auto;
		height: 2px;
	}
	nav::after { display: none; width: 0; flex: none; }
	header {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
		margin: 12px auto 0;
		pointer-events: auto;
		height: 88px;
		justify-content: center;
		text-align: center;
	}
	header .logo {
		width: min(260px, 80vw);
		height: 72px;
		margin: 0 auto;
		transform: none;
		justify-content: center;
	}
	header .logo .logo-1 {
		background-position: center center !important;
	}
	header .logo::before {
		display: none;
	}
	footer .container::after { text-align: center; }
	.inner-bg .content .txt { width: 100%; }
	.pref { width: 46%; }
	.video { width: 98%; }
	header.inner .status { margin-top: 0; }
	main.inner { margin-top: 20px; }
	.content.don-form { padding: 50px; }
	.stat-menu { height: 140px; }
	.inner-bg.stats.class .pvp-class { padding: 20px; width: 48%; margin: 15px 1%; }
	header::after { letter-spacing: 0; font-size: 0; }
}

.timer-1 { display: flex; justify-content: center; }
.timer-1 > * {
	width: 42px;
	height: 52px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: 8px;
	background: linear-gradient(180deg, #fde68a, #d97706);
	font-family: var(--ui);
	font-weight: 700;
	font-size: 24px;
	color: #3a1406;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 0 10px #f4c803;
	box-shadow: 0 8px 18px rgba(255, 60, 0, 0.45);
}
.timer-1 > *:not(:last-child) { margin-right: 10px; }
.timer-1 > *.flip { animation: flip 999ms ease infinite; }
.timer-1 > *:after { font-size: 10px; font-weight: 600; opacity: 1; }
.timer-1.noscale *.flip { animation: none; }
@keyframes flip {
	from { transform: scale(0.8); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

.timer-2 { display: flex; margin-bottom: 40px; }
.item { display: flex; position: relative; }
.item:not(:last-child) { margin-right: 10px; }
.item .d, .item .h, .item .m, .item .s {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	inset: 0;
	background: #1a0c08;
	color: var(--gold);
	border-radius: 50px;
	box-shadow: inset 0 0 0 3px rgba(255, 120, 0, 0.3);
}
.item svg { transform: rotate(-90deg); stroke: var(--flame); }
.item .circle { stroke-dasharray: 120; stroke-dashoffset: 120; transition: 0.3s linear; }
.d:after { content: "d"; }
.h:after { content: "h"; }
.m:after { content: "m"; }
.s:after { content: "s"; }

p.clan_name { font-size: 12px; margin-bottom: 12px; line-height: 0; color: var(--gold); }
.stream { height: 165px !important; }

.container_remebmer { width: 341px; margin: 25px auto 0; }
.btn_remebmer {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	position: relative;
	letter-spacing: 0.15em;
	margin: 0 auto;
	padding: 1rem 2.5rem;
	background: transparent;
	font-size: 18px;
	color: var(--molten);
	z-index: 5;
	display: inline-block;
	font-family: var(--ui);
	transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.15s;
}
.btn_remebmer::after, .btn_remebmer::before {
	content: "";
	position: absolute;
	height: 30%;
	width: 6%;
	transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index: -2;
	border-radius: 50%;
}
.btn_remebmer::before {
	background: #c43a12;
	top: -0.75rem;
	left: 0.5rem;
	animation: top 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.25s infinite alternate;
}
.btn_remebmer::after {
	background: #d97706;
	top: 3rem;
	left: 13rem;
	animation: bottom 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s infinite alternate;
}
.btn_remebmer:hover { color: #fff; }
.btn_remebmer:hover::before, .btn_remebmer:hover::after {
	top: 0; height: 100%; width: 100%; border-radius: 0; animation: none;
}
.btn_remebmer:hover::after { left: 0; }
.btn_remebmer:hover::before { top: 0.5rem; left: 0.35rem; }
@keyframes top { from { transform: translate(0, 0); } to { transform: translate(0, 3.5rem); } }
@keyframes bottom { from { transform: translate(-11.5rem, 0); } to { transform: translate(0, 0); } }

.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ripple div {
	position: absolute;
	border: 4px solid var(--gold);
	opacity: 1;
	border-radius: 50%;
	animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	box-shadow: 0 0 16px var(--flame);
}
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes lds-ripple {
	0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; }
	100% { top: 0; left: 0; width: 72px; height: 72px; opacity: 0; }
}

/* =====================================================================
   AUTH ALERTS — legendary HUD modal (no parchment / ga scroll art)
   ===================================================================== */
.overlay {
	background: rgba(4, 2, 1, 0.82) !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: 9000 !important;
}

.ga_infoBox {
	position: fixed !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: min(440px, calc(100vw - 28px)) !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100vh - 40px) !important;
	margin: 0 !important;
	padding: 28px 22px 22px !important;
	clear: none !important;
	text-align: center !important;
	z-index: 9999 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	background:
		radial-gradient(320px 120px at 50% 0%, rgba(245, 158, 11, 0.22), transparent 65%),
		linear-gradient(180deg, rgba(22, 10, 4, 0.98), rgba(12, 8, 3, 0.99)) !important;
	background-image:
		radial-gradient(320px 120px at 50% 0%, rgba(245, 158, 11, 0.22), transparent 65%),
		linear-gradient(180deg, rgba(22, 10, 4, 0.98), rgba(12, 8, 3, 0.99)) !important;
	border: 1px solid rgba(251, 191, 36, 0.5) !important;
	border-radius: 16px !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 28px 60px rgba(0, 0, 0, 0.65),
		0 0 40px rgba(255, 80, 0, 0.22),
		inset 0 1px 0 rgba(255, 220, 140, 0.16) !important;
}
.ga_infoBox::before {
	content: "";
	position: absolute;
	left: 18px;
	right: 18px;
	top: 0;
	height: 2px;
	pointer-events: none;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 12px rgba(217, 119, 6, 0.7);
}
.ga_infoBox .ga_infoBox_img,
.ga_infoBox .ga_infoBox_img * {
	display: none !important;
	background: none !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
.ga_infoBox .ga_infoBox_label {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	font-family: var(--display) !important;
	font-weight: 800 !important;
	font-size: clamp(18px, 4.5vw, 24px) !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	line-height: 1.25 !important;
	color: #fde68a !important;
	text-shadow: 0 0 18px rgba(217, 119, 6, 0.45);
}
.ga_infoBox .ga_infoBox_label .errormsg { color: #ff6b4a !important; text-shadow: 0 0 14px rgba(255, 60, 30, 0.45); }
.ga_infoBox .ga_infoBox_label .succmsg { color: #fde68a !important; text-shadow: 0 0 16px rgba(255, 160, 40, 0.55); }
.ga_infoBox .ga_infoBox_label .infomsg { color: #fcd34d !important; }
.ga_infoBox .ga_infoBox_msg,
.ga_infoBox .ga_infoBox_msg2 {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 0 8px !important;
	padding: 0 6px !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	color: #d8c4ae !important;
	text-shadow: none !important;
}
.ga_infoBox .ga_infoBox_msg2 { margin-bottom: 14px !important; }
.ga_infoBox a,
.ga_infoBox button,
.ga_infoBox .btn,
.ga_infoBox input[type="button"],
.ga_infoBox input[type="submit"],
.ga_infoBox .close,
.ga_infoBox [class*="close"] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin: 8px 4px 0 !important;
	padding: 0 18px !important;
	border-radius: 10px !important;
	border: 1px solid #fcd34d !important;
	background: linear-gradient(180deg, #fde68a 0%, #b45309 48%, #92400e 100%) !important;
	color: #1a0802 !important;
	font-family: "Outfit", "Inter", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(255, 60, 0, 0.35) !important;
	cursor: pointer;
}
.ga_infoBox .close,
.ga_infoBox [class*="close"] {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	width: 34px !important;
	min-width: 34px !important;
	height: 34px !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 8px !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

/* Toast notifications — match HUD */
.toastjs-container {
	left: 50% !important;
	bottom: 24px !important;
	transform: translate(-50%, 120%) !important;
	width: calc(100% - 24px) !important;
	max-width: 420px !important;
	z-index: 10000 !important;
}
.toastjs-container[aria-hidden="false"] {
	transform: translate(-50%, 0) !important;
}
.toastjs {
	font-family: "Outfit", "Inter", sans-serif !important;
	background: linear-gradient(180deg, rgba(28, 12, 5, 0.98), rgba(14, 10, 4, 0.99)) !important;
	color: #f0e2d0 !important;
	border: 1px solid rgba(251, 191, 36, 0.45) !important;
	border-left-width: 4px !important;
	border-radius: 12px !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.55), 0 0 22px rgba(255, 80, 0, 0.2) !important;
	padding: 14px 16px 10px !important;
}
.toastjs.success { border-left-color: #fde68a !important; }
.toastjs.warning { border-left-color: #b45309 !important; }
.toastjs.danger { border-left-color: #ff4d32 !important; }
.toastjs-btn {
	background: linear-gradient(180deg, #fde68a, #f59e0b) !important;
	color: #1a0802 !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
}

/* =====================================================================
   LOGIN / REGISTER forms — legendary HUD
   ===================================================================== */
main.inner:has(#loginForm),
main.inner:has(#registerForm),
main.inner:has(form[id*="login"]),
main.inner:has(form[id*="register"]),
main.inner:has(.content.don-form) {
	text-align: center;
}
main.inner:has(.content.don-form) > h1 {
	font-family: var(--display) !important;
	font-size: clamp(22px, 3vw, 32px) !important;
	letter-spacing: 0.14em !important;
	color: #fde68a !important;
	text-shadow: 0 0 18px rgba(255, 120, 0, 0.45);
	margin: 4px 0 8px !important;
	padding-bottom: 12px;
	background-image: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	background-size: 42% 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
main.inner:has(.content.don-form) > .h-about,
main.inner:has(.content.don-form) > p.h-about {
	color: #d8c4ae !important;
	font-size: 14px !important;
	margin-bottom: 18px !important;
}
.content.don-form {
	width: 100% !important;
	max-width: 480px !important;
	margin: 0 auto !important;
	padding: 28px 24px 30px !important;
	text-align: center;
	background:
		radial-gradient(360px 120px at 50% 0%, rgba(217, 119, 6, 0.16), transparent 60%),
		linear-gradient(180deg, rgba(16, 7, 3, 0.96), rgba(5, 2, 1, 0.99)) !important;
	background-image:
		radial-gradient(360px 120px at 50% 0%, rgba(217, 119, 6, 0.16), transparent 60%),
		linear-gradient(180deg, rgba(16, 7, 3, 0.96), rgba(5, 2, 1, 0.99)) !important;
	border: 1px solid rgba(251, 191, 36, 0.4) !important;
	border-radius: 16px !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 18px 40px rgba(0, 0, 0, 0.5),
		0 0 28px rgba(146, 64, 14, 0.12) !important;
	box-sizing: border-box !important;
}
.content.don-form p {
	font-size: 13px !important;
	color: #cbb29a !important;
	line-height: 1.45 !important;
	margin: 0 0 10px !important;
}
.content.don-form p a {
	color: #fde68a !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}
.content.don-form p a:hover { color: #fff !important; }
.content.don-form .form-group {
	margin: 0 0 12px !important;
	text-align: left;
}
.content.don-form .form-control,
.content.don-form input.form-control,
.content.don-form input[type="text"],
.content.don-form input[type="password"],
.content.don-form input[type="email"],
#loginForm input,
#registerForm input {
	width: 100% !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(217, 119, 6, 0.35) !important;
	border-radius: 11px !important;
	background: rgba(0, 0, 0, 0.4) !important;
	color: #fde68a !important;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-size: 14px !important;
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.06) !important;
}
.content.don-form .form-control:focus,
#loginForm input:focus,
#registerForm input:focus {
	border-color: rgba(255, 200, 80, 0.7) !important;
	box-shadow: 0 0 0 3px rgba(255, 120, 0, 0.18), 0 0 18px rgba(255, 90, 0, 0.2) !important;
	outline: none !important;
}
.content.don-form .error,
.content.don-form .help-block {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #ff6b4a !important;
}
.content.don-form .btn,
#loginForm .btn,
#registerForm .btn,
.content.don-form button.btn {
	width: 100% !important;
	max-width: 100% !important;
	margin: 14px 0 0 !important;
	height: 50px !important;
	line-height: 50px !important;
	font-size: 13px !important;
}

.content.don-why { border-bottom: none; padding: 50px; margin-bottom: 0; }

.cd-open,
.cd-open-title,
.cd-open-units,
.cd-open-date { display: none !important; }

/* =====================================================================
   USER PANEL (Metronic / account UI) — fiery HUD + no GA branding
   ===================================================================== */
body.kt-aside--enabled,
body.kt-header--fixed,
.kt-page,
.kt-wrapper,
.kt-content,
.kt-container,
.kt-body {
	background: #070301 !important;
	background-color: #070301 !important;
}
.kt-aside,
.kt-aside-menu-wrapper,
.kt-aside__brand,
.aside,
#kt_aside {
	background:
		linear-gradient(180deg, rgba(20, 14, 6, 0.98), rgba(5, 2, 1, 0.99)) !important;
	border-right: 1px solid rgba(217, 119, 6, 0.35) !important;
	box-shadow: 8px 0 28px rgba(0, 0, 0, 0.35) !important;
}
.kt-aside__brand-logo img,
.kt-aside .kt-aside__brand-logo img {
	filter: drop-shadow(0 0 12px rgba(255, 120, 0, 0.45));
	max-height: 42px !important;
}
.kt-menu__link,
.kt-aside-menu .kt-menu__link {
	color: #d8c4ae !important;
	border-radius: 10px !important;
	margin: 2px 8px !important;
	font-family: "Outfit", "Inter", sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
}
.kt-menu__item--active > .kt-menu__link,
.kt-menu__item--here > .kt-menu__link,
.kt-aside-menu .kt-menu__item--active > .kt-menu__link,
.kt-menu__link:hover {
	background: linear-gradient(90deg, rgba(255, 90, 0, 0.35), rgba(255, 90, 0, 0.08)) !important;
	color: #fde68a !important;
	box-shadow: inset 3px 0 0 #b45309 !important;
}
.kt-menu__link-icon,
.kt-menu__link-icon i { color: #fbbf24 !important; }
.kt-menu__section-text {
	color: #fbbf24 !important;
	font-family: var(--font) !important;
	letter-spacing: 0.18em !important;
	font-weight: 800 !important;
}
.kt-header,
.kt-header-mobile,
#kt_header {
	background: linear-gradient(180deg, rgba(16, 7, 3, 0.98), rgba(14, 10, 4, 0.98)) !important;
	border-bottom: 1px solid rgba(217, 119, 6, 0.3) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}
.kt-content {
	padding-top: 20px !important;
}
.kt-portlet,
.card,
.kt-widget,
.kt-infobox {
	background:
		radial-gradient(520px 140px at 0% 0%, rgba(217, 119, 6, 0.1), transparent 55%),
		linear-gradient(180deg, rgba(18, 8, 3, 0.97), rgba(12, 8, 3, 0.99)) !important;
	border: 1px solid rgba(251, 191, 36, 0.35) !important;
	border-radius: 14px !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.8),
		0 14px 32px rgba(0, 0, 0, 0.4) !important;
	color: #e8d6c0 !important;
}
.kt-portlet__head,
.card-header {
	background: transparent !important;
	border-bottom: 1px solid rgba(217, 119, 6, 0.22) !important;
}
.kt-portlet__head-title,
.kt-portlet__head-title span,
.card-title,
.kt-subheader__title,
.kt-subheader__breadcrumbs-link,
.kt-subheader__breadcrumbs-separator {
	color: #fde68a !important;
	font-family: var(--display) !important;
	text-shadow: 0 0 12px rgba(255, 120, 0, 0.35);
}
.kt-portlet__body,
.card-body,
.kt-widget__content {
	color: #dcc4a8 !important;
	font-family: "Inter", "Outfit", sans-serif !important;
}
.kt-widget__label,
.kt-widget4__item,
.kt-widget4__title,
.kt-widget__desc,
.kt-widget__username,
table,
.kt-datatable,
.form-control-label,
label {
	color: #cbb29a !important;
}
.kt-widget__data,
.kt-widget4__number,
.kt-widget__stats,
strong,
.kt-font-dark {
	color: #fde68a !important;
	font-family: var(--font) !important;
	font-weight: 700 !important;
}
.btn-brand,
.btn-primary,
.btn-label-brand,
.kt-portlet .btn-brand,
.btn.btn-brand {
	background: linear-gradient(180deg, #fde68a 0%, #b45309 50%, #92400e 100%) !important;
	border: 1px solid #fcd34d !important;
	color: #1a0802 !important;
	font-family: "Outfit", sans-serif !important;
	font-weight: 800 !important;
	letter-spacing: 0.06em !important;
	border-radius: 10px !important;
	box-shadow: 0 8px 18px rgba(255, 60, 0, 0.35) !important;
}
.btn-secondary,
.btn-outline-brand,
.btn-label-danger,
.btn.btn-secondary {
	background: rgba(245, 158, 11, 0.1) !important;
	border: 1px solid rgba(251, 191, 36, 0.45) !important;
	color: #fde68a !important;
	border-radius: 10px !important;
}
.kt-form .form-control,
.kt-portlet .form-control,
.form-control {
	background: rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(217, 119, 6, 0.3) !important;
	color: #fde68a !important;
	border-radius: 10px !important;
}
.kt-footer,
#kt_footer {
	background: rgba(12, 8, 3, 0.96) !important;
	border-top: 1px solid rgba(217, 119, 6, 0.25) !important;
	color: rgba(220, 190, 160, 0.55) !important;
}
/* Hide ALL GA Panel credits / links in user UI */
.kt-footer a[href*="gapanel"],
.kt-footer a[href*="GAPanel"],
.kt-footer a[href*="gapanel.com"],
.kt-footer__menu,
.kt-footer .kt-footer__menu,
body a[href*="gapanel.com"],
body a[href*="www.gapanel.com"],
.ga-credit,
.gapanel-credit,
[class*="gapanel"] {
	display: none !important;
	visibility: hidden !important;
	font-size: 0 !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.kt-footer__copyright {
	color: rgba(220, 190, 160, 0.5) !important;
	font-family: "Inter", sans-serif !important;
}

@media (max-width: 999px) {
	.ga_infoBox {
		width: calc(100vw - 24px) !important;
		padding: 24px 16px 18px !important;
	}
	.ga_infoBox .ga_infoBox_label {
		font-size: 18px !important;
		padding-right: 28px !important;
	}
	.content.don-form {
		max-width: 100% !important;
		padding: 20px 16px 22px !important;
	}
	.kt-aside {
		width: 265px !important;
	}
	.kt-content {
		padding: 12px !important;
	}
	.kt-portlet {
		margin-bottom: 14px !important;
	}
}

/* =====================================================================
   SERVER TIME — compact HUD strip (normal sidebar flow, aligned with left)
   ===================================================================== */
main .right-info .info-t.forum-msg:first-child {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 6px 12px 10px !important;
	padding: 0 !important;
	z-index: 1;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px;
	box-sizing: border-box !important;
	text-align: left;
	background:
		linear-gradient(180deg, rgba(20, 14, 6, 0.94), rgba(12, 8, 3, 0.97)) !important;
	border: 1px solid rgba(217, 119, 6, 0.42) !important;
	border-radius: 12px !important;
	box-shadow:
		var(--shadow),
		0 0 0 1px rgba(14, 10, 4, 0.8),
		0 0 22px rgba(146, 64, 14, 0.16),
		inset 0 1px 0 rgba(252, 211, 77, 0.18) !important;
	overflow: hidden;
}
main .right-info .info-t.forum-msg:first-child::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 14px;
	right: 14px;
	top: 0;
	height: 2px;
	pointer-events: none;
	z-index: 2;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 10px rgba(245, 158, 11, 0.7);
}
main .right-info .info-t.forum-msg:first-child::after {
	content: none !important;
	display: none !important;
}
main .right-info .info-t.forum-msg:first-child h3 {
	flex: 0 0 auto;
	position: relative;
	z-index: 1;
	margin: 0 0 0 14px !important;
	padding: 0 !important;
	padding-bottom: 0 !important;
	width: auto !important;
	max-width: none !important;
	font-family: var(--font) !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	line-height: 1.1 !important;
	color: #c4a078 !important;
	text-align: left !important;
	text-transform: uppercase !important;
	text-shadow: none !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	white-space: nowrap;
}
main .right-info .info-t.forum-msg:first-child h3::before,
main .right-info .info-t.forum-msg:first-child h3::after {
	content: none !important;
	display: none !important;
}

.clock {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	isolation: isolate;
	float: none;
	clear: none;
	width: auto !important;
	min-width: 0;
	min-height: 0 !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 16px 0 0 !important;
	line-height: 44px !important;
	text-align: right !important;
	font-family: var(--font) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	font-variant-numeric: tabular-nums;
	color: #fde68a !important;
	text-transform: none;
	text-shadow:
		0 0 12px rgba(217, 119, 6, 0.45),
		0 1px 0 rgba(0, 0, 0, 0.6);
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible;
	animation: none;
}
.clock::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 1px;
	height: auto;
	border-radius: 0;
	background: linear-gradient(180deg, transparent, rgba(251, 191, 36, 0.55), transparent);
	box-shadow: none;
	pointer-events: none;
}
.clock span,
.clock small { display: none; }

/* Keep other right-sidebar titles as HUD section headers */
main .left-info .info-t:not(.screens) h3,
main .right-info .info-t:not(.screens):not(:first-child) h3,
main .right-info .info-t.forum-msg:nth-child(2) h3 {
	font-family: var(--font) !important;
	font-weight: 800;
	font-size: 12px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: center !important;
	width: 100%;
	color: #fbbf24;
	text-shadow: 0 0 12px rgba(255, 90, 0, 0.4);
	margin: 4px auto 14px;
	padding-bottom: 12px;
	background-image: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	background-size: 78% 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
main .right-info .info-t.screens h3,
main .right-info .screens h3 {
	padding-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	border-bottom: 0 !important;
	box-shadow: none !important;
}

@media (max-width: 999px) {
	main .right-info .info-t.forum-msg:first-child {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 12px !important;
	}
}
@keyframes hud-flicker {
	0%, 100% { filter: brightness(1); }
	48% { filter: brightness(1.1); }
	52% { filter: brightness(0.9); }
}

#online {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 1 auto !important;
	margin-left: auto !important;
	min-width: 0 !important;
	min-height: 32px !important;
	height: auto !important;
	max-width: 100% !important;
	padding: 7px 11px !important;
	box-sizing: border-box !important;
	border-radius: 9px !important;
	border: 1px solid rgba(255, 210, 100, 0.55) !important;
	background:
		linear-gradient(180deg, rgba(251, 191, 36, 0.22), rgba(255, 90, 0, 0.1)) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 240, 180, 0.28),
		0 0 16px rgba(217, 119, 6, 0.28) !important;
	font-family: var(--font) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	font-variant-numeric: tabular-nums !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
	color: #fffbeb !important;
	text-shadow:
		0 0 8px rgba(255, 200, 80, 0.65),
		0 1px 0 rgba(60, 20, 0, 0.9) !important;
	animation: none;
}
main .right-info .info-t.forum-msg:nth-child(2) #online {
	font-size: 13px !important;
	letter-spacing: 0.04em !important;
	padding: 7px 10px !important;
}
main .right-info .info-t.forum-msg:nth-child(2) .t-row {
	overflow: visible !important;
	min-height: 48px !important;
	flex-wrap: nowrap !important;
}
main .right-info .info-t.forum-msg:nth-child(2) .t-row span {
	overflow: visible !important;
	max-width: none !important;
}
main .right-info .info-t:not(.screens):not(:first-child) {
	margin: 6px 12px 8px !important;
	padding: 12px 10px 14px !important;
}
main .right-info .text-muted {
	color: #b89a82 !important;
	text-align: center;
	font-size: 12px;
	font-family: var(--font) !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 14px 10px !important;
	margin: 0 2px;
	border-radius: 10px;
	border: 1px dashed rgba(217, 119, 6, 0.22);
	background: rgba(255, 90, 0, 0.04);
}
@keyframes online-glow {
	0%, 100% { text-shadow: 0 0 10px rgba(182, 255, 74, 0.4); }
	50% { text-shadow: 0 0 20px rgba(182, 255, 74, 1); }
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--gold), var(--flame));
	border-radius: 99px;
	border: 2px solid var(--void);
}
::-webkit-scrollbar-track { background: var(--coal); }
::selection { background: var(--flame); color: #0c0804; }

/* Yüklenen görsel ::before'da maskelenir — keskin alt kenar yok, paneller üstte kalır */
body {
	background-color: #080602 !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: 0 0 !important;
}
.file-preview img,
.file-preview-image,
.file-drop-zone img,
.kv-preview-data,
.kv-file-content img,
.file-preview-frame img,
.file-preview-thumbnails img,
.krajee-default .file-preview-image,
.theme-image img,
.upload-preview img,
.image-preview img,
.preview img,
.img-thumbnail,
.form-group .thumbnail img,
.card-body img[src*="tasarim"],
.card-body img[src*="footer"],
.card-body img[src*="fort"] {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: fill !important;
	object-position: center center !important;
	display: block !important;
}
.file-preview-frame,
.kv-file-content,
.file-preview-thumbnails .file-preview-frame {
	height: auto !important;
	width: 100% !important;
}

/* =====================================================================
   CHARACTER VIEW — compact legendary dossier (fit content, no stretch)
   ===================================================================== */
main.inner:has(.bg-equipment) {
	margin-top: 20px;
	padding-bottom: 28px;
	text-align: center;
}
main.inner:has(.bg-equipment) > h1 {
	font-family: var(--display) !important;
	font-weight: 800 !important;
	font-size: clamp(20px, 2.2vw, 28px) !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #fde68a !important;
	text-shadow:
		0 0 18px rgba(255, 120, 0, 0.45),
		0 2px 0 rgba(0, 0, 0, 0.85);
	margin: 4px 0 16px !important;
	padding-bottom: 12px;
	background-image: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	background-size: 42% 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
main.inner:has(.bg-equipment) > h1 b {
	color: #fff !important;
	font-weight: 800;
	text-shadow: 0 0 14px rgba(255, 180, 60, 0.55);
}

.inner-bg:has(.bg-equipment) {
	width: 100% !important;
	max-width: 568px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 14px 14px 16px !important;
	box-sizing: border-box !important;
	background:
		radial-gradient(520px 160px at 50% -40px, rgba(217, 119, 6, 0.16), transparent 58%),
		linear-gradient(180deg, rgba(16, 12, 5, 0.97), rgba(5, 2, 1, 0.99)) !important;
	border-radius: 14px !important;
	border-color: rgba(251, 191, 36, 0.4) !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.9),
		0 18px 40px rgba(0, 0, 0, 0.5),
		0 0 28px rgba(146, 64, 14, 0.1) !important;
}
.inner-bg:has(.bg-equipment)::after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	top: 0;
	height: 2px;
	pointer-events: none;
	z-index: 3;
	background: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	box-shadow: 0 0 12px rgba(217, 119, 6, 0.65);
}

.inner-bg .content:has(.bg-equipment) {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: center;
	gap: 14px;
	border-bottom: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
}
.inner-bg .content:has(.bg-equipment)::after {
	content: none !important;
	display: none !important;
}
.inner-bg .content:has(.bg-equipment) .txt.f-left,
.inner-bg .content:has(.bg-equipment) .txt.f-right {
	float: none !important;
	display: flex !important;
	flex-direction: column;
	box-sizing: border-box;
	position: relative;
	min-height: 0 !important;
	height: auto !important;
}
.inner-bg .content:has(.bg-equipment) .txt.f-left {
	flex: 0 1 280px !important;
	width: 280px !important;
	max-width: 280px !important;
	padding: 12px 12px 14px;
	background:
		radial-gradient(200px 80px at 50% 0%, rgba(245, 158, 11, 0.14), transparent 70%),
		linear-gradient(180deg, rgba(28, 12, 5, 0.9), rgba(14, 10, 4, 0.95));
	border: 1px solid rgba(251, 191, 36, 0.38);
	border-radius: 12px;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.12),
		0 0 18px rgba(146, 64, 14, 0.1);
}
.inner-bg .content:has(.bg-equipment) .txt.f-left .inner-bg.stats[style] {
	padding: 0 !important;
}
.inner-bg .content:has(.bg-equipment) .txt.f-right {
	flex: 0 0 230px !important;
	width: 230px !important;
	max-width: 230px !important;
	min-width: 230px !important;
	padding: 12px 16px 14px;
	background:
		radial-gradient(220px 90px at 50% 0%, rgba(245, 158, 11, 0.12), transparent 70%),
		linear-gradient(180deg, rgba(28, 12, 5, 0.9), rgba(14, 10, 4, 0.95));
	border: 1px solid rgba(251, 191, 36, 0.38);
	border-radius: 12px;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.12),
		0 0 18px rgba(146, 64, 14, 0.1);
	min-height: 0 !important;
	align-items: center;
	justify-content: flex-start;
	overflow: visible !important;
}
.inner-bg .content:has(.bg-equipment) h4,
.inner-bg .content:has(.bg-equipment) .classic-title {
	font-family: var(--display) !important;
	font-weight: 800 !important;
	font-size: 11px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #fde68a !important;
	text-align: center !important;
	width: 100%;
	margin: 0 0 10px !important;
	padding-bottom: 8px !important;
	text-shadow: 0 0 10px rgba(255, 120, 0, 0.4);
	background-image: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	background-size: 70% 1px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.inner-bg .content:has(.bg-equipment) .classic-title:empty {
	display: none !important;
}
.inner-bg .content:has(.bg-equipment) hr {
	display: none !important;
}
.inner-bg .content:has(.bg-equipment) .txt.f-left > p {
	text-align: center !important;
	margin: 0 0 10px !important;
	line-height: 0;
}
.inner-bg .content:has(.bg-equipment) .txt.f-left > p img {
	max-width: 112px;
	width: 112px;
	height: auto;
	border-radius: 10px;
	border: 1px solid rgba(255, 200, 80, 0.48);
	box-shadow:
		0 0 0 3px rgba(14, 10, 4, 0.65),
		0 0 18px rgba(180, 83, 9, 0.35);
	background:
		radial-gradient(circle at 50% 30%, rgba(255, 140, 40, 0.18), transparent 60%),
		rgba(0, 0, 0, 0.45);
	padding: 5px;
}

/* ONLY nested character-detail stats — do NOT clear ranking page panel */
.inner-bg .content:has(.bg-equipment) > .inner-bg.stats,
.inner-bg .content:has(.bg-equipment) .txt .inner-bg.stats {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	border-radius: 0 !important;
}
.inner-bg .content:has(.bg-equipment) .txt .inner-bg.stats::before {
	display: none !important;
	content: none !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats {
	width: 100% !important;
	max-width: 100% !important;
	font-size: 13px !important;
	font-family: "Inter", "Outfit", "OpenSans", Arial, Helvetica, sans-serif !important;
	padding: 0 !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row.t-head,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row.t-head:hover,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row.clearfix {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	justify-content: stretch !important;
	gap: 8px !important;
	float: none !important;
	clear: none !important;
	width: 100% !important;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 0 4px !important;
	padding: 6px 8px !important;
	line-height: 1.25 !important;
	border: 1px solid rgba(217, 119, 6, 0.12) !important;
	border-bottom: 1px solid rgba(217, 119, 6, 0.12) !important;
	border-radius: 7px !important;
	background: rgba(0, 0, 0, 0.28) !important;
	background-image: none !important;
	box-shadow: none !important;
	letter-spacing: 0.01em !important;
	font-family: "Inter", "Outfit", "OpenSans", Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	color: #f0e2d0 !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row:hover,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row.t-head:hover {
	background: rgba(217, 119, 6, 0.12) !important;
	border-color: rgba(251, 191, 36, 0.26) !important;
	box-shadow: none !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row:last-child {
	border-bottom: 1px solid rgba(217, 119, 6, 0.12) !important;
	margin-bottom: 0 !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-col,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-col.t50,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row > .t-col {
	float: none !important;
	display: block !important;
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	padding: 0 !important;
	padding-left: 0 !important;
	margin: 0 !important;
	line-height: 1.25 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	font-family: "Inter", "Outfit", "OpenSans", Arial, Helvetica, sans-serif !important;
	color: #e4d2bc !important;
	text-align: left !important;
	letter-spacing: 0.02em !important;
	text-shadow: none !important;
	-webkit-font-smoothing: antialiased !important;
}
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-col.t50:last-child,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats .t-row > .t-col:last-child {
	justify-self: end !important;
	text-align: right !important;
	color: #fde68a !important;
	font-weight: 800 !important;
	font-size: 12px !important;
	letter-spacing: 0.03em !important;
	text-shadow: 0 0 10px rgba(217, 119, 6, 0.35) !important;
	white-space: nowrap !important;
	font-family: var(--font) !important;
}

/* Equipment doll — native 181×357; asla sıkıştırma / kesme */
.inner-bg .content:has(.bg-equipment) .bg-equipment,
.inner-bg .content:has(.bg-equipment) #idInventorySet.bg-equipment {
	float: none !important;
	display: block !important;
	position: relative !important;
	margin: 4px auto 0 !important;
	width: 181px !important;
	min-width: 181px !important;
	max-width: 181px !important;
	height: 357px !important;
	min-height: 357px !important;
	overflow: visible !important;
	box-sizing: content-box !important;
	filter: drop-shadow(0 0 14px rgba(180, 83, 9, 0.28));
	transform: none !important;
	transform-origin: top center;
}
.inner-bg .content:has(.bg-equipment) .bg-equipment .slots {
	box-sizing: border-box;
}
.inner-bg .content:has(.bg-equipment) .itemslot .image {
	border-radius: 4px;
}
.inner-bg .content:has(.bg-equipment) .itemInfo {
	background: linear-gradient(180deg, rgba(28, 12, 4, 0.98), rgba(14, 10, 4, 0.99)) !important;
	border: 1px solid rgba(251, 191, 36, 0.45) !important;
	border-radius: 14px !important;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.6), 0 0 24px rgba(255, 80, 0, 0.2) !important;
	padding: 14px 16px !important;
	color: #efdaa4;
	font-family: "Inter", "Outfit", sans-serif !important;
	font-size: 12px;
	line-height: 1.5;
}

/* Character Control — giriş paneli / hesap sayfalarında çıkarsa */
.char-control,
.character-control,
.char-controls,
.character-controls,
.char-info-list,
.user-char-control,
.panel-char-control,
.inner-bg .content:has(.char-control),
.inner-bg .char-panel {
	display: block;
	width: 100%;
	margin: 18px 0 0;
	padding: 16px 14px 18px;
	background: linear-gradient(180deg, rgba(40, 16, 6, 0.55), rgba(14, 10, 4, 0.7));
	border: 1px solid rgba(217, 119, 6, 0.35);
	border-radius: 14px;
	box-shadow: inset 0 1px 0 rgba(252, 211, 77, 0.12), 0 0 22px rgba(146, 64, 14, 0.12);
	box-sizing: border-box;
}
.char-control h3,
.char-control h4,
.character-control h3,
.character-control h4,
.char-controls h3,
.char-info-list + h3,
.panel-char-control h3 {
	font-family: "Outfit", "Inter", sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #fbbf24 !important;
	text-align: center;
	margin: 0 0 14px !important;
	padding-bottom: 10px;
	background-image: linear-gradient(90deg, transparent, #f59e0b 18%, #fde68a 50%, #f59e0b 82%, transparent);
	background-size: 70% 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.char-control a,
.char-control button,
.character-control a,
.character-control button,
.char-controls a,
.char-controls button,
.char-info-list a,
.panel-char-control a,
.panel-char-control button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px !important;
	margin: 6px 6px !important;
	border-radius: 10px !important;
	border: 1px solid rgba(251, 191, 36, 0.45) !important;
	background: linear-gradient(180deg, rgba(217, 119, 6, 0.22), rgba(146, 64, 14, 0.1)) !important;
	color: #fde68a !important;
	font-family: "Outfit", "Inter", sans-serif !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255, 220, 140, 0.18);
	transition: 0.2s ease;
}
.char-control a:hover,
.char-control button:hover,
.character-control a:hover,
.character-control button:hover,
.char-controls a:hover,
.char-info-list a:hover {
	filter: brightness(1.12);
	border-color: #fde68a !important;
	color: #fff !important;
	box-shadow: 0 0 16px rgba(255, 120, 0, 0.35);
}
.char-info-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.char-info-list li {
	margin: 0 !important;
	list-style: none !important;
}

@media (max-width: 999px) {
	.inner-bg:has(.bg-equipment) {
		max-width: 100% !important;
	}
	.inner-bg .content:has(.bg-equipment) {
		flex-wrap: wrap !important;
		max-width: 100% !important;
	}
	.inner-bg .content:has(.bg-equipment) .txt.f-left,
	.inner-bg .content:has(.bg-equipment) .txt.f-right {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
	.stat-menu a {
		flex: 1 1 auto;
		padding: 12px 14px !important;
		font-size: 11px !important;
	}
}

main.inner:has(.stat-menu) > *:last-child,
main.inner .inner-bg.stats + *,
main.inner p:last-of-type {
	font-family: "Inter", "Outfit", sans-serif !important;
}
main.inner:has(.stat-menu)::after {
	content: none;
}

/* =====================================================================
   DESKTOP nav offset (logo left of video column) — desktop only
   ===================================================================== */
@media (min-width: 1000px) {
	nav {
		width: calc(100% - 320px) !important;
		max-width: calc(100% - 320px) !important;
		left: auto !important;
		right: auto !important;
		margin-left: 320px !important;
		margin-right: 0 !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	header {
		left: 0 !important;
		right: auto !important;
		top: 28px !important;
		height: 92px !important;
		transform: none !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	header .logo {
		transform: none !important;
	}
}

/* =====================================================================
   MOBILE / TABLET — full responsive rebuild (wins cascade)
   ===================================================================== */
@media (max-width: 999px) {
	html, body {
		overflow-x: hidden !important;
		max-width: 100vw !important;
	}
	.container {
		width: calc(100% - 16px) !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	/* Header / logo — centered stack */
	header {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 10px auto 0 !important;
		padding: 0 !important;
		transform: none !important;
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
		pointer-events: auto !important;
		z-index: 25 !important;
	}
	header .logo {
		position: relative !important;
		width: min(240px, 72vw) !important;
		height: 64px !important;
		margin: 0 auto !important;
		transform: none !important;
		left: auto !important;
		top: auto !important;
	}
	header .logo::before,
	header .logo::after {
		display: none !important;
	}

	/* Nav — full width wrap, no 320px offset */
	nav {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		left: auto !important;
		right: auto !important;
		margin: 12px 0 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 12px 8px 10px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: stretch !important;
		gap: 4px !important;
		border-radius: 14px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	nav::before {
		left: 12px !important;
		right: 12px !important;
	}
	nav a {
		flex: 1 1 30% !important;
		max-width: 33% !important;
		min-width: 88px !important;
		height: auto !important;
		min-height: 58px !important;
		margin: 0 !important;
		padding: 8px 4px !important;
		font-size: 11px !important;
		letter-spacing: 0.04em !important;
		gap: 5px !important;
	}
	nav a::before {
		width: 20px !important;
		height: 20px !important;
		min-width: 20px !important;
		min-height: 20px !important;
	}
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="login"],
	nav a[href*="Login"],
	nav a[href*="logout"],
	nav a.cp {
		flex: 1 1 42% !important;
		max-width: 48% !important;
		min-width: 120px !important;
		height: 42px !important;
		min-height: 42px !important;
		margin: 4px !important;
		padding: 0 10px !important;
		font-size: 11px !important;
		flex-direction: row !important;
		gap: 6px !important;
	}
	nav a[href*="register"]::before,
	nav a[href*="Register"]::before,
	nav a[href*="login"]::before,
	nav a[href*="Login"]::before,
	nav a.cp::before {
		width: 16px !important;
		height: 16px !important;
		min-width: 16px !important;
		min-height: 16px !important;
		margin: 0 !important;
	}

	/* Main grid → single column */
	main {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		gap: 14px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 14px 0 0 !important;
		padding: 0 0 20px !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	main .left-info,
	main .news,
	main .right-info {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		float: none !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		margin: 0 0 12px !important;
		box-sizing: border-box !important;
	}
	main .left-info,
	main .right-info {
		display: block !important;
		padding: 10px 0 12px !important;
	}

	/* Server time chip — back into sidebar flow */
	main .right-info .info-t.forum-msg:first-child {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 6px 10px 10px !important;
		box-sizing: border-box !important;
	}

	/* Sponsors — not absolute on mobile */
	main .right-info .info-t.screens,
	main .right-info .screens {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		width: 100% !important;
		margin: 12px 0 0 !important;
		padding: 16px 10px !important;
		background: transparent !important;
		border-top: 1px solid rgba(217, 119, 6, 0.2) !important;
	}
	.screens a,
	main .right-info .screens a,
	main .right-info .info-t.screens a {
		width: calc(50% - 8px) !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 64px !important;
		flex: 0 1 calc(50% - 8px) !important;
		margin: 4px !important;
		padding: 10px 8px !important;
		float: none !important;
		display: inline-flex !important;
		box-sizing: border-box !important;
	}

	/* News / video */
	main .news {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 12px !important;
		padding: 0 !important;
	}
	.flora-video {
		flex-direction: column !important;
		width: 100% !important;
		padding: 10px !important;
		gap: 12px !important;
		box-sizing: border-box !important;
	}
	.flora-video-player {
		width: 100% !important;
		flex: none !important;
		height: 220px !important;
		max-height: 220px !important;
	}
	.flora-video-copy {
		padding: 4px 2px 0 !important;
		min-width: 0 !important;
	}
	.flora-video-copy h3 { font-size: 16px !important; }
	.flora-video-play {
		width: 56px !important;
		height: 56px !important;
	}
	.news .new,
	.news .new.big {
		flex: none !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		box-sizing: border-box !important;
		--flora-news-head: 42px;
	}
	.news .new .img,
	.news .new.big .img {
		height: auto !important;
		max-height: 220px !important;
		aspect-ratio: 16 / 8 !important;
		width: calc(100% - 20px) !important;
	}
	.news .new .info > a:not(.read-more),
	.news .new.big .info > a:not(.read-more) {
		left: 12px !important;
		right: 12px !important;
		align-items: center !important;
		padding: 0 !important;
		font-size: 13px !important;
		white-space: nowrap;
	}
	.news .new .date,
	.news .new.big .date {
		right: 12px !important;
		align-items: center !important;
		font-size: 11px !important;
		top: auto !important;
		bottom: auto !important;
		display: none !important;
	}
	.news .new .date p,
	.news .new.big .date p {
		font-size: 11px !important;
	}

	/* Ranking */
	.stat-menu {
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 6px !important;
		justify-content: center !important;
	}
	.stat-menu a {
		flex: 1 1 40% !important;
		padding: 10px 8px !important;
		font-size: 10px !important;
		letter-spacing: 0.06em !important;
	}
	.inner-bg.stats {
		padding: 14px 10px 16px !important;
		overflow-x: auto !important;
	}
	.inner-bg.stats .t-row {
		font-size: 12px !important;
		gap: 6px !important;
	}

	/* Character */
	.inner-bg:has(.bg-equipment) {
		max-width: 100% !important;
		padding: 12px !important;
	}
	.inner-bg .content:has(.bg-equipment) {
		flex-wrap: wrap !important;
		max-width: 100% !important;
		gap: 12px !important;
	}
	.inner-bg .content:has(.bg-equipment) .txt.f-left,
	.inner-bg .content:has(.bg-equipment) .txt.f-right {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		flex: 1 1 100% !important;
	}
	.inner-bg .content:has(.bg-equipment) .txt.f-right {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	.inner-bg .content:has(.bg-equipment) .bg-equipment {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Inner pages */
	main.inner {
		margin-top: 16px !important;
		padding-bottom: 24px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	main.inner > h1 {
		font-size: clamp(18px, 5.5vw, 26px) !important;
		letter-spacing: 0.1em !important;
		padding: 0 8px 10px !important;
	}
	.inner-bg {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.inner-bg .content .txt {
		width: 100% !important;
		float: none !important;
	}
	.content.don-form {
		padding: 28px 16px !important;
	}
	.pref { width: 100% !important; }
	.video { width: 100% !important; }

	/* Footer */
	footer {
		padding: 28px 12px 20px !important;
		margin-top: 16px !important;
		box-sizing: border-box !important;
	}
	footer .container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	footer .copy img {
		height: 64px !important;
		max-width: 200px !important;
	}
	footer .menu .men:last-child {
		gap: 8px !important;
	}
	footer .menu .men a {
		width: 42px !important;
		height: 42px !important;
	}

	/* Misc */
	h1 { font-size: 26px !important; }
	h2 { font-size: 22px !important; }
	.btn,
	input[type="submit"],
	button[type="submit"] {
		max-width: 100% !important;
		width: min(250px, 100%) !important;
	}
}

@media (max-width: 480px) {
	.container {
		width: calc(100% - 12px) !important;
	}
	nav a {
		flex: 1 1 46% !important;
		max-width: 50% !important;
		min-width: 40% !important;
		font-size: 10px !important;
		min-height: 52px !important;
	}
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="login"],
	nav a[href*="Login"],
	nav a.cp {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	.news .new,
	.news .new.big {
		height: auto !important;
	}
	.screens a,
	main .right-info .screens a {
		width: 100% !important;
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	main .left-info .top-table .t-row span {
		font-size: 10px !important;
	}
	#online {
		font-size: 14px !important;
		padding: 5px 8px !important;
	}
}

/* =====================================================================
   SOCIAL — footer icons ALWAYS hidden; only .flora-social on homepage
   ===================================================================== */
footer .menu {
	margin-top: 0 !important;
	min-height: 0 !important;
	height: auto !important;
	overflow: visible !important;
}
footer .container .menu .men:last-child,
footer .menu .men:last-child,
.flora-social-hidden {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 0 !important;
	height: 0 !important;
	max-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	z-index: -1 !important;
	transform: none !important;
	float: none !important;
	inset: auto !important;
}
/* Kill any leftover fixed/anchor placement from older CSS */
footer .container .menu .men:last-child::before,
footer .container .menu .men:last-child::after {
	content: none !important;
	display: none !important;
}

/* Homepage dock under Fortress — spacing + short divider */
body:not(.flora-home) .flora-social,
html:not(.flora-home) .flora-social {
	display: none !important;
}
.info-t.forts .flora-social,
.flora-social {
	display: flex !important;
	align-items: stretch;
	justify-content: center !important;
	flex-wrap: nowrap;
	gap: 10px !important;
	margin: 14px 0 0 !important;
	padding: 34px 2px 4px !important;
	position: relative;
	z-index: 8;
	box-sizing: border-box;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
}
.info-t.forts .flora-social::before,
.flora-social::before {
	content: "FOLLOW US";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
	max-width: 90%;
	right: auto;
	top: 4px;
	height: auto;
	background: linear-gradient(180deg, #f3e6c8 0%, #d4a84a 48%, #a06e22 100%);
	-webkit-background-clip: text;
	background-clip: text;
	box-shadow: none;
	font-family: "Manrope", "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: transparent;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: none;
	filter: drop-shadow(0 0 6px rgba(180, 110, 30, 0.22));
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
}
.info-t.forts .flora-social::after,
.flora-social::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 72px;
	right: auto;
	top: 22px;
	height: 1px;
	background: linear-gradient(90deg, transparent 0%, rgba(196, 146, 58, 0.25) 18%, #d4a84a 50%, rgba(196, 146, 58, 0.25) 82%, transparent 100%);
	box-shadow: 0 0 5px rgba(180, 120, 40, 0.28);
	pointer-events: none;
	filter: none;
}
.flora-social a {
	flex: 0 0 auto !important;
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
	height: 44px !important;
	aspect-ratio: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
	color: #d4a84a !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important;
	border: 1.5px solid transparent !important;
	border-radius: 14px 4px 14px 4px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%),
		linear-gradient(145deg, #8a4a10 0%, #c4923a 34%, #e0b85a 50%, #b87328 68%, #5a2e08 100%) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	background-color: #080602 !important;
	box-shadow:
		inset 0 0 0 1px rgba(14, 10, 4, 0.7),
		inset 1px 0 0 rgba(196, 146, 58, 0.14),
		0 6px 14px rgba(0, 0, 0, 0.45) !important;
	filter: none;
	overflow: hidden;
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.flora-social a:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
}

/* =====================================================================
   RANK TABS + ROWS — clean edges (no double glow / white rim)
   ===================================================================== */
.stat-menu {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 20px !important;
	padding: 10px !important;
	height: auto !important;
	min-height: 0 !important;
	float: none !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(180, 120, 50, 0.4) !important;
	border-radius: 14px !important;
	outline: none !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
	overflow: visible !important;
}
.stat-menu::before {
	content: none !important;
	display: none !important;
}
.stat-menu a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	float: none !important;
	flex: 0 1 auto !important;
	margin: 0 !important;
	padding: 11px 16px !important;
	min-height: 42px !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 10px !important;
	background: rgba(0, 0, 0, 0.22) !important;
	background-image: none !important;
	color: #d2c0a8 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
	outline: none !important;
	text-shadow: 0 1px 2px #000;
	transition: 0.18s ease;
}
.stat-menu a.active,
.stat-menu a:hover {
	color: #1a0c04 !important;
	background: linear-gradient(180deg, #e0b85a 0%, #b87328 55%, #7a3e10 100%) !important;
	border-color: #b87328 !important;
	text-shadow: none !important;
	box-shadow: 0 6px 14px rgba(90, 40, 0, 0.28), inset 0 1px 0 rgba(255, 230, 180, 0.25) !important;
}

.inner-bg.stats {
	overflow: visible !important;
	padding: 16px 14px 18px !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 14px !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
}
.inner-bg.stats::before {
	display: none !important;
	content: none !important;
}
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
	margin: 0 0 8px !important;
	padding: 0 10px !important;
	min-height: 50px !important;
	line-height: 50px !important;
	border: 1px solid rgba(180, 120, 50, 0.38) !important;
	border-bottom: 1px solid rgba(180, 120, 50, 0.38) !important;
	border-radius: 10px !important;
	background: rgba(0, 0, 0, 0.32) !important;
	background-image: none !important;
	box-shadow: none !important;
	outline: none !important;
	overflow: hidden;
	transform: none !important;
	filter: none !important;
}
.inner-bg.stats .t-row:last-child {
	margin-bottom: 0 !important;
}
.inner-bg.stats .t-row.t-head,
.inner-bg.stats .t-row.t-head:hover {
	background: rgba(120, 53, 15, 0.12) !important;
	background-image: none !important;
	min-height: 44px !important;
	line-height: 44px !important;
	transform: none !important;
}
.inner-bg.stats .t-row:hover,
.inner-bg.stats .t-row.t-info:hover {
	background: rgba(120, 53, 15, 0.12) !important;
	border-color: rgba(196, 146, 58, 0.55) !important;
	transform: none !important;
	filter: none !important;
	box-shadow: none !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(2) {
	border-color: rgba(212, 168, 74, 0.65) !important;
	background: rgba(120, 53, 15, 0.14) !important;
	box-shadow: none !important;
}
.inner-bg.stats > .t-row.t-info:nth-child(3) {
	border-color: rgba(180, 120, 50, 0.5) !important;
	background: rgba(120, 53, 15, 0.08) !important;
	box-shadow: none !important;
}

/* =====================================================================
   RESTRICTED (Donate / Contact) — inline card, button visible
   ===================================================================== */
body.flora-restricted-page .inner-bg.stp:has(.ga_infoBox),
.inner-bg.stp:has(.ga_infoBox),
.inner-bg:has(.ga_infoBox).stp,
.flora-restricted.inner-bg,
.inner-bg:has(.general-block .ga_infoBox) {
	max-width: 640px !important;
	margin: 12px auto 28px !important;
	padding: 36px 28px 32px !important;
	overflow: visible !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 14px !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
}
.inner-bg.stp:has(.ga_infoBox):after,
.inner-bg:has(.ga_infoBox).stp:after {
	display: none !important;
	content: none !important;
}
.inner-bg:has(.ga_infoBox) .content.steps,
.inner-bg.stp:has(.ga_infoBox) .content.steps {
	display: block !important;
	grid-template-columns: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
}
.inner-bg:has(.ga_infoBox) .general-block {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	text-align: center !important;
	float: none !important;
}
.inner-bg:has(.ga_infoBox) .general-block > br,
.inner-bg:has(.ga_infoBox) .content.steps > br {
	display: none !important;
}

/* Override toast-style fixed box when used as page content */
.inner-bg .ga_infoBox,
.general-block .ga_infoBox,
.inner-bg.stp .ga_infoBox,
.flora-restricted .ga_infoBox,
body.flora-restricted-page .ga_infoBox {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: 420px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 auto 22px !important;
	padding: 26px 20px 22px !important;
	z-index: 1 !important;
	clear: both !important;
	overflow: visible !important;
	border: 1px solid rgba(180, 120, 50, 0.5) !important;
	border-radius: 12px !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4) !important;
}
.inner-bg .ga_infoBox::before,
.general-block .ga_infoBox::before,
body.flora-restricted-page .ga_infoBox::before {
	left: 16px !important;
	right: 16px !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, #c4923a 20%, #e0b85a 50%, #c4923a 80%, transparent) !important;
	box-shadow: none !important;
}
.inner-bg .ga_infoBox .ga_infoBox_label,
.inner-bg .ga_infoBox .infomsg {
	color: #d4a84a !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
	font-size: 18px !important;
	letter-spacing: 0.1em !important;
}
.inner-bg .ga_infoBox .ga_infoBox_msg {
	color: #c9b08a !important;
	margin-bottom: 0 !important;
}
.inner-bg:has(.ga_infoBox) a:has(.btn),
.inner-bg:has(.ga_infoBox) > .content a[href*="login"],
.general-block > a[href*="login"],
.general-block > a:has(.btn) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	margin: 0 auto !important;
	text-decoration: none !important;
	position: relative !important;
	z-index: 2 !important;
}
.inner-bg:has(.ga_infoBox) .btn,
.general-block .btn,
body.flora-restricted-page .btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 260px !important;
	max-width: 100% !important;
	height: 50px !important;
	margin: 0 auto !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: var(--q-btn-reg) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	box-shadow: none !important;
	color: #fde68a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	line-height: 1 !important;
	overflow: visible !important;
	position: relative !important;
	z-index: 2 !important;
}
main.inner:has(.ga_infoBox) > h1 {
	text-align: center !important;
	color: #d4a84a !important;
	letter-spacing: 0.14em !important;
	margin: 8px 0 18px !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
}

/* (social reinforce handled above) */

@media (max-width: 999px) {
	.flora-social {
		gap: 8px !important;
		padding-top: 32px !important;
	}
	.flora-social a {
		width: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
	}
	.stat-menu a {
		flex: 1 1 calc(50% - 8px) !important;
		min-width: calc(50% - 8px) !important;
	}
	.inner-bg.stats {
		padding: 12px 10px !important;
		overflow-x: auto !important;
	}
	.inner-bg.stats .t-row {
		min-width: 520px;
	}
	.inner-bg:has(.ga_infoBox),
	.inner-bg.stp:has(.ga_infoBox) {
		padding: 24px 14px 22px !important;
		margin: 8px 10px 20px !important;
	}
	.inner-bg:has(.ga_infoBox) .btn,
	.general-block .btn {
		width: 100% !important;
		max-width: 280px !important;
	}
}

@media (max-width: 480px) {
	.stat-menu a {
		flex: 1 1 100% !important;
		min-width: 100% !important;
	}
	.flora-social {
		gap: 6px !important;
	}
	.flora-social a {
		width: 36px !important;
		min-width: 36px !important;
		max-width: 36px !important;
		height: 36px !important;
	}
}

/* =====================================================================
   TYPOGRAPHY LOCK — readable Manrope everywhere
   ===================================================================== */
html, body,
body *:not(i):not(.fab):not(.fa):not(.fas):not(.far):not(.fal):not(.fad):not([class*="fa-"]) {
	font-family: "Manrope", "Outfit", "Inter", "OpenSans", sans-serif !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5,
.info-t h3,
.screens h3,
.flora-video-copy h3,
.flora-video-copy p,
.top-menu,
.top-menu a,
.t-row,
.t-row a,
.t-row span,
.clock,
#online,
.news .new,
.news .new a,
.news .new p,
.news .new .date,
nav a,
footer,
footer a,
footer h5 {
	font-family: "Manrope", "Outfit", "Inter", sans-serif !important;
}
h1, h2, h3, h5,
.info-t h3,
.screens h3,
.flora-video-copy h3 {
	letter-spacing: 0.05em !important;
	font-weight: 700 !important;
}
.clock {
	letter-spacing: 0.04em !important;
	font-weight: 700 !important;
}
.info-t.forts .flora-social::before,
.flora-social::before,
footer .container .menu .men:last-child::before {
	letter-spacing: 0.12em !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
}
main .left-info .top-table .t-row span,
main .left-info .info-t.forts .t-row .red,
main .right-info .info-t .t-row span,
#online {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em !important;
}

/* =====================================================================
   FLORA TILE SYSTEM — social pinstripe + metallic frame EVERYWHERE
   ===================================================================== */
main .left-info,
main .right-info,
nav,
.flora-video,
.inner-bg,
.inner-bg.stats,
.inner-bg:has(.bg-equipment),
.ga_infoBox,
main.inner:has(#loginForm) .inner-bg,
main.inner:has(#registerForm) .inner-bg,
main.inner:has(form[id*="login"]) .inner-bg,
main.inner:has(form[id*="register"]) .inner-bg {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image:
		var(--tile-fill),
		var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
}
main .left-info::before {
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(217, 119, 6, 0.35) 18%, #fbbf24 50%, rgba(217, 119, 6, 0.35) 82%, transparent) !important;
	background-image: linear-gradient(90deg, transparent, rgba(217, 119, 6, 0.35) 18%, #fbbf24 50%, rgba(217, 119, 6, 0.35) 82%, transparent) !important;
	box-shadow: 0 0 8px rgba(255, 180, 60, 0.28) !important;
}
nav {
	overflow: visible !important;
}
.info-t.top-block .top-menu,
.info-t.top-block .top-menu {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	padding: 5px !important;
}
main .left-info .top-table .t-row,
main .left-info .info-t.forts .t-row,
main .right-info .info-t .t-row:has(> i),
main .right-info .info-t.forum-msg:nth-child(2) .t-row,
main .right-info .info-t.forum-msg:first-child,
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.pagination li,
.screens a,
main .right-info .screens a,
main .right-info .info-t.screens a,
.info-t.forts .img,
.flora-video-player,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea,
select,
#loginForm input,
#registerForm input,
.card,
.card-header,
#kt_header {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
}
main .left-info .top-table .t-row:hover,
main .left-info .info-t.forts .t-row:hover,
main .right-info .info-t .t-row:has(> i):hover,
.inner-bg.stats .t-row:hover,
.screens a:hover,
.pagination li:hover,
.pagination li.active {
	filter: brightness(1.06);
	box-shadow: var(--tile-shadow-hover) !important;
	transform: translateY(-1px);
}
.info-t.forts .img {
	overflow: hidden !important;
	line-height: 0 !important;
}
.info-t.forts .img img {
	border-radius: 0 !important;
	transform: none !important;
}
.info-t.forts .img:hover img {
	transform: none !important;
	filter: brightness(1.05);
}
.flora-video {
	border-radius: var(--tile-radius) !important;
}
.flora-video-player {
	border-radius: var(--tile-radius-sm) !important;
	max-height: 296px !important;
	height: 296px !important;
}
main .right-info .info-t.forum-msg:first-child {
	margin: 4px 12px 8px !important;
	padding: 10px 12px !important;
}
main .right-info .text-muted,
main .right-info .info-t .text-muted {
	border: 1px dashed rgba(217, 119, 6, 0.35) !important;
	border-radius: var(--tile-radius-sm) !important;
	background: rgba(0, 0, 0, 0.28) !important;
	box-shadow: inset 0 0 0 1px rgba(14, 10, 4, 0.5) !important;
}
.btn,
input[type="submit"],
button[type="submit"],
#loginForm .btn,
#registerForm .btn {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-image:
		linear-gradient(180deg, #3a1210 0%, #1a0604 100%),
		var(--tile-edge) !important;
	background-origin: border-box !important;
	background-clip: padding-box, border-box !important;
	background-color: #1a0604 !important;
	color: #fbbf24 !important;
	box-shadow: var(--tile-shadow) !important;
	text-shadow: none !important;
}
.btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
#loginForm .btn:hover,
#registerForm .btn:hover {
	filter: brightness(1.08);
	box-shadow: var(--tile-shadow-hover) !important;
	color: #fde68a !important;
}
.btn::after { display: none !important; }
.inner-bg.stats .t-row.t-head,
.inner-bg.stats .t-row.t-head:hover {
	background-image:
		repeating-linear-gradient(-45deg, rgba(245, 158, 11, 0.1) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #201408 0%, #0c0804 100%),
		var(--tile-edge) !important;
	transform: none !important;
}
.inner-bg .content:has(.bg-equipment) .txt.f-left,
.inner-bg .content:has(.bg-equipment) .txt.f-right,
.inner-bg .content:has(.bg-equipment) .inner-bg.stats {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
}
.ga_infoBox {
	border-radius: var(--tile-radius) !important;
}
.go-more {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	color: #fbbf24 !important;
}
.go-more:hover {
	filter: brightness(1.08);
	box-shadow: var(--tile-shadow-hover) !important;
	color: #fde68a !important;
}

/* Keep nav Register / Log In hex plates (don't flatten to tile buttons) */
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp {
	background-image: var(--q-btn-reg) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
nav a.cp {
	background-image: var(--q-btn) !important;
}

/* =====================================================================
   AUTH POPUP + EMBED + DOWNLOAD/EVENTS/RANK FIX + MOBILE
   ===================================================================== */
html.flora-auth-lock,
body.flora-auth-lock {
	overflow: hidden !important;
}
.flora-auth {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}
.flora-auth.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.flora-auth-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(4, 2, 1, 0.78);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.flora-auth-panel {
	position: relative;
	z-index: 1;
	width: min(460px, 100%);
	max-height: min(90vh, 760px);
	display: flex;
	flex-direction: column;
	border: var(--tile-border);
	border-radius: var(--tile-radius);
	background-color: #080602;
	background-image: var(--tile-fill), var(--tile-edge);
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
	box-shadow: var(--tile-shadow), 0 24px 60px rgba(0, 0, 0, 0.65);
	overflow: hidden;
}
.flora-auth-close {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 3;
	width: 34px;
	height: 34px;
	border: var(--tile-border);
	border-radius: var(--tile-radius-sm);
	background-color: #080602;
	background-image: var(--tile-fill), var(--tile-edge);
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
	color: #d4a84a;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	box-shadow: var(--tile-shadow);
}
.flora-auth-close:hover {
	color: #e8c878;
	filter: brightness(1.08);
}
.flora-auth-tabs {
	display: flex;
	gap: 8px;
	padding: 18px 18px 12px;
	flex: 0 0 auto;
}
.flora-auth-tab {
	flex: 1 1 0;
	height: 44px;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	font-family: var(--font) !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase;
	color: #d4a84a !important;
	background-color: transparent;
	background-image: var(--q-btn);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: none;
	transition: filter 0.2s ease, color 0.2s ease;
}
.flora-auth-tab[data-flora-auth-tab="register"] {
	background-image: var(--q-btn);
	color: #c9b08a !important;
}
.flora-auth-tab.is-active[data-flora-auth-tab="register"],
.flora-auth-tab[data-flora-auth-tab="register"].is-active {
	background-image: var(--q-btn-reg);
	color: #fde68a !important;
}
.flora-auth-tab.is-active {
	filter: brightness(1.08);
	color: #f3e6c8 !important;
}
.flora-auth-tab:hover { filter: brightness(1.1); }
.flora-auth-frame-wrap {
	flex: 1 1 auto;
	min-height: 440px;
	padding: 0 14px 14px;
	box-sizing: border-box;
}
.flora-auth-frame {
	width: 100%;
	height: min(64vh, 580px);
	min-height: 440px;
	border: var(--tile-border);
	border-radius: var(--tile-radius-sm);
	background-color: #080602;
	background-image: var(--tile-fill), var(--tile-edge);
	background-origin: padding-box, padding-box, border-box;
	background-clip: padding-box, padding-box, border-box;
	box-shadow: var(--tile-shadow);
}

/* Iframe embed: only the form chrome */
html.flora-auth-embed header,
html.flora-auth-embed nav,
html.flora-auth-embed footer,
html.flora-auth-embed .status,
html.flora-auth-embed .left-info,
html.flora-auth-embed .right-info,
html.flora-auth-embed .flora-video,
html.flora-auth-embed .flora-silk,
html.flora-auth-embed .flora-social,
html.flora-auth-embed .flora-auth,
body.flora-auth-embed header,
body.flora-auth-embed nav,
body.flora-auth-embed footer,
body.flora-auth-embed .status,
body.flora-auth-embed .left-info,
body.flora-auth-embed .right-info {
	display: none !important;
}
html.flora-auth-embed,
html.flora-auth-embed body,
body.flora-auth-embed {
	background: #080602 !important;
	background-image: none !important;
	min-height: 0 !important;
	overflow-x: hidden !important;
}
html.flora-auth-embed .wrapper,
html.flora-auth-embed .container,
html.flora-auth-embed main,
html.flora-auth-embed main.inner,
body.flora-auth-embed .wrapper,
body.flora-auth-embed .container,
body.flora-auth-embed main {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 8px 10px 12px !important;
	float: none !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
html.flora-auth-embed main.inner > h1,
html.flora-auth-embed main.inner > .h-about,
html.flora-auth-embed main.inner > p.h-about {
	display: none !important;
}
html.flora-auth-embed .inner-bg,
html.flora-auth-embed section.inner-bg {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Online count — nested social tile */
main .right-info .info-t.forum-msg:nth-child(2) .t-row {
	gap: 10px !important;
	padding: 12px 12px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
}
#online,
main .right-info #online,
main .right-info .info-t.forum-msg:nth-child(2) #online {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-left: auto !important;
	padding: 8px 12px !important;
	min-width: 96px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	color: #f0e2c4 !important;
	font-family: var(--font) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	font-variant-numeric: tabular-nums !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
	white-space: nowrap !important;
}

/* Server Information rows — less cramped */
main .right-info .info-t .t-row:has(> i) {
	margin: 0 0 8px !important;
	padding: 11px 12px !important;
	gap: 10px !important;
	min-height: 44px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	border-bottom: var(--tile-border) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	letter-spacing: 0.02em !important;
	font-size: 12px !important;
}
main .right-info .info-t .t-row:has(> i):last-child {
	margin-bottom: 0 !important;
}
main .right-info .info-t .t-row:has(> i) i {
	flex: 0 0 28px !important;
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	margin: 0 !important;
	border-radius: 8px 2px 8px 2px !important;
	border: 1px solid rgba(212, 168, 74, 0.4) !important;
	background: linear-gradient(180deg, rgba(180, 110, 30, 0.28), rgba(90, 40, 10, 0.12)) !important;
	font-size: 12px !important;
}
main .right-info .info-t .t-row:has(> i) span {
	font-size: 12px !important;
	letter-spacing: 0.03em !important;
	padding-left: 6px !important;
}
main .right-info .info-t:not(.screens):not(:first-child) {
	margin: 8px 10px 10px !important;
	padding: 12px 8px 14px !important;
}

/* Login / Register form tiles */
.content.don-form {
	max-width: 520px !important;
	margin: 12px auto !important;
	padding: 22px 18px 24px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	box-sizing: border-box !important;
}
html.flora-auth-embed .content.don-form {
	max-width: 100% !important;
	margin: 0 auto !important;
	padding: 14px 12px 16px !important;
}
main.inner:has(#loginForm) > h1,
main.inner:has(#registerForm) > h1 {
	font-size: 20px !important;
	letter-spacing: 0.1em !important;
	margin: 8px 0 6px !important;
	color: #d4a84a !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
}
main.inner:has(#loginForm) > .h-about,
main.inner:has(#registerForm) > .h-about {
	color: #b9a078 !important;
	font-size: 13px !important;
	letter-spacing: 0.04em !important;
}
.content.don-form p {
	font-size: 13px !important;
	color: #c9b08a !important;
	line-height: 1.45 !important;
	margin: 0 0 10px !important;
}
.content.don-form a {
	color: #c4923a !important;
	text-decoration: underline;
	text-underline-offset: 2px;
	font-weight: 700 !important;
}
.content.don-form a:hover {
	color: #e0b85a !important;
}
.content.don-form .form-control,
.content.don-form input.form-control,
#loginForm input,
#registerForm input {
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius-sm) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	height: 46px !important;
}
.content.don-form .btn,
#loginForm .btn,
#registerForm .btn,
.content.don-form button.btn {
	border: 0 !important;
	border-radius: 0 !important;
	background-image: var(--q-btn-reg) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: #fde68a !important;
	height: 48px !important;
	line-height: 48px !important;
	letter-spacing: 0.08em !important;
	font-size: 13px !important;
}

/* Download steps — equal tiles + full button labels */
.inner-bg.stp {
	margin: 0 auto 28px !important;
	padding: 22px 18px 26px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	box-sizing: border-box !important;
	max-width: 920px;
}
.inner-bg.stp:after {
	filter: hue-rotate(-6deg) saturate(1.15) brightness(0.92);
	opacity: 0.85;
}
.inner-bg .content.steps {
	text-align: center !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
.inner-bg .content.steps h2 {
	font-family: var(--font) !important;
	font-size: clamp(15px, 2.2vw, 18px) !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	color: #d4a84a !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85) !important;
	margin: 0 0 14px !important;
	line-height: 1.35 !important;
}
.inner-bg .content.steps h2 span {
	color: #e8d2b0 !important;
	font-weight: 700 !important;
}
.inner-bg .content.steps p {
	width: min(560px, 92%) !important;
	margin: 12px auto 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #c9b08a !important;
}
.inner-bg .content.steps .buttons {
	display: inline-flex !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	float: none !important;
}
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp .buttons a.btn,
.inner-bg.stp a.btn {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 240px !important;
	max-width: 100% !important;
	min-height: 52px !important;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 12px 28px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-image: var(--q-btn-reg) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	box-shadow: none !important;
	color: #fde68a !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
}
.inner-bg .content.steps .buttons a.btn.trans,
.inner-bg.stp .buttons a.btn.trans {
	background-image: var(--q-btn) !important;
	color: #d4a84a !important;
}
.inner-bg .content.steps .buttons a.btn:hover {
	filter: brightness(1.08);
	color: #fffbeb !important;
}

/* Ranking tabs — softer legendary (less neon yellow) */
.stat-menu {
	border-color: rgba(180, 120, 50, 0.42) !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(22, 10, 4, 0.98), rgba(6, 3, 1, 0.98)) !important;
}
.stat-menu a {
	color: #d2c0a8 !important;
	border-color: rgba(180, 120, 50, 0.28) !important;
	padding: 12px 16px !important;
	font-size: 12px !important;
	letter-spacing: 0.08em !important;
}
.stat-menu a.active,
.stat-menu a:hover {
	color: #1a0c04 !important;
	background: linear-gradient(180deg, #e0b85a 0%, #b87328 55%, #7a3e10 100%) !important;
	border-color: #c4923a !important;
	box-shadow: 0 8px 18px rgba(90, 40, 0, 0.35), inset 0 1px 0 rgba(255, 230, 180, 0.28) !important;
}
.inner-bg.stats {
	border-color: rgba(180, 120, 50, 0.45) !important;
}
.inner-bg.stats .t-row.t-info:nth-child(2),
.inner-bg.stats .t-row.t-info:first-of-type {
	box-shadow: 0 0 0 1px rgba(196, 146, 58, 0.35), 0 0 18px rgba(180, 90, 20, 0.18) !important;
}
.inner-bg.stats + p,
.inner-bg.stats ~ p,
main.inner:has(.stat-menu) > p:last-of-type {
	text-align: center !important;
	color: #b9a078 !important;
	font-size: 12px !important;
	letter-spacing: 0.06em !important;
	margin-top: 14px !important;
}

/* Events calendar filters + empty state */
.t7-events-filters,
[data-calendar-filters] {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin: 0 0 18px !important;
	padding: 12px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	box-sizing: border-box !important;
}
.t7-events-filter,
[data-calendar-filters] a,
[data-calendar-filters] .t7-events-filter {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	min-height: 40px !important;
	border: 1px solid rgba(180, 120, 50, 0.4) !important;
	border-radius: var(--tile-radius-sm) !important;
	background: transparent !important;
	color: #d4a84a !important;
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}
.t7-events-filter:hover,
[data-calendar-filters] a:hover {
	filter: brightness(1.08);
	border-color: rgba(212, 168, 74, 0.65) !important;
	color: #e8c878 !important;
}
.t7-events-filter.is-active,
[data-calendar-filters] a.is-active {
	background: linear-gradient(180deg, #c4923a 0%, #8a5a1e 100%) !important;
	border-color: #b87328 !important;
	color: #1a0c04 !important;
}
.t7-events-page .alert,
.t7-events-page .alert-info,
.flora-events-empty {
	position: relative !important;
	margin: 8px 0 0 !important;
	padding: 28px 18px 24px !important;
	border: var(--tile-border) !important;
	border-radius: var(--tile-radius) !important;
	background-color: #080602 !important;
	background-image: var(--tile-fill), var(--tile-edge) !important;
	background-origin: padding-box, padding-box, border-box !important;
	background-clip: padding-box, padding-box, border-box !important;
	box-shadow: var(--tile-shadow) !important;
	color: #d4a84a !important;
	text-align: center !important;
}
.t7-events-page .alert i,
.flora-events-empty i {
	display: block !important;
	margin: 0 auto 12px !important;
	color: #c4923a !important;
	opacity: 0.9;
	position: static !important;
}
.t7-events-page .alert h4,
.flora-events-empty h4 {
	margin: 0 !important;
	font-family: var(--font) !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: #d4a84a !important;
}
.t7-events-total,
#events-calendar-total,
.flora-events-total {
	display: block !important;
	text-align: center !important;
	margin: 14px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: #b9a078 !important;
	font-family: var(--font) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase !important;
}

/* Restricted / members-only panels — keep headings aligned */
main.inner > h1 {
	letter-spacing: 0.12em;
}

@media (max-width: 999px) {
	footer .container .menu .men:last-child,
	footer .menu .men:last-child {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		width: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden !important;
		pointer-events: none !important;
	}
	body.flora-home .info-t.forts .flora-social,
	body.flora-home .flora-social {
		display: flex !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 12px 0 0 !important;
		padding: 32px 4px 4px !important;
		gap: 8px !important;
		justify-content: center !important;
	}
	body.flora-home .flora-social a {
		flex: 0 0 auto !important;
		min-width: 40px !important;
		width: 40px !important;
		max-width: 40px !important;
		height: 40px !important;
	}
	main .left-info {
		padding-bottom: 16px !important;
	}
	.flora-auth {
		padding: 10px !important;
		align-items: flex-end !important;
	}
	.flora-auth-panel {
		width: 100% !important;
		max-height: 94vh !important;
		border-radius: 16px 16px 4px 4px !important;
	}
	.flora-auth-frame {
		height: min(70vh, 560px) !important;
		min-height: 340px !important;
	}
	.flora-auth-frame-wrap {
		min-height: 340px !important;
	}
	main .right-info .info-t .t-row:has(> i) {
		padding: 12px 12px !important;
		margin-bottom: 8px !important;
	}
	#online,
	main .right-info #online {
		padding: 8px 10px !important;
		font-size: 12px !important;
	}
	.inner-bg.stp {
		padding: 18px 12px 20px !important;
		margin-bottom: 22px !important;
	}
	.inner-bg .content.steps .buttons {
		display: block !important;
		width: 100% !important;
		margin: 8px 0 !important;
	}
	.inner-bg .content.steps .buttons a.btn,
	.inner-bg.stp .buttons a.btn {
		width: 100% !important;
		max-width: 320px !important;
	}
	.stat-menu {
		gap: 6px !important;
		padding: 8px !important;
	}
	.stat-menu a {
		flex: 1 1 auto !important;
		min-width: calc(50% - 8px) !important;
		padding: 12px 10px !important;
		font-size: 11px !important;
	}
	.inner-bg.stats {
		padding: 14px 10px 16px !important;
		overflow-x: auto !important;
	}
	.inner-bg.stats .t-row {
		min-width: 520px;
	}
	.t7-events-filters,
	[data-calendar-filters] {
		padding: 10px !important;
		gap: 6px !important;
	}
	.t7-events-filter,
	[data-calendar-filters] a {
		flex: 1 1 calc(50% - 6px) !important;
		min-width: calc(50% - 6px) !important;
		padding: 10px 8px !important;
		font-size: 10px !important;
	}
	.content.don-form {
		padding: 16px 12px 18px !important;
		margin: 8px 0 !important;
		max-width: 100% !important;
	}
}

@media (max-width: 480px) {
	.flora-social a,
	footer .container .menu .men:last-child a {
		border-radius: 12px 3px 12px 3px !important;
	}
	.flora-auth-tabs {
		padding: 14px 12px 10px !important;
	}
	.flora-auth-tab {
		height: 40px !important;
		font-size: 11px !important;
		letter-spacing: 0.06em !important;
	}
	.stat-menu a {
		min-width: 100% !important;
	}
	.t7-events-filter,
	[data-calendar-filters] a {
		flex: 1 1 100% !important;
		min-width: 100% !important;
	}
	.inner-bg .content.steps h2 {
		font-size: 14px !important;
		letter-spacing: 0.06em !important;
	}
}
/* =====================================================================
   FINAL OVERRIDES (must win over tile system)
   ===================================================================== */

/* Footer social NEVER visible — homepage uses .flora-social clone only */
footer .container .menu .men:last-child,
footer .menu .men:last-child {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
	position: absolute !important;
	left: -9999px !important;
	width: 0 !important;
	height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
}
body:not(.flora-home) .flora-social {
	display: none !important;
}
body.flora-home .flora-social,
body.flora-home .info-t.forts .flora-social {
	display: flex !important;
	justify-content: center !important;
	gap: 10px !important;
}
body.flora-home .flora-social a {
	flex: 0 0 44px !important;
	width: 44px !important;
	min-width: 44px !important;
	max-width: 44px !important;
	height: 44px !important;
}
body.flora-home .flora-social::after {
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	width: 72px !important;
}

/* Rank tab bar — clean single border, no white rim */
.stat-menu {
	border: 1px solid rgba(180, 120, 50, 0.4) !important;
	border-radius: 14px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4) !important;
	outline: none !important;
}
.stat-menu a {
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 10px !important;
	background-image: none !important;
	background-color: rgba(0, 0, 0, 0.22) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
}
.stat-menu a.active,
.stat-menu a:hover {
	background-image: linear-gradient(180deg, #e0b85a 0%, #b87328 55%, #7a3e10 100%) !important;
	background-color: #b87328 !important;
	border-color: #b87328 !important;
	color: #1a0c04 !important;
	box-shadow: 0 6px 14px rgba(90, 40, 0, 0.28) !important;
}

/* Rank rows — solid edges + gap */
.inner-bg.stats {
	overflow: visible !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 14px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
	padding: 16px 14px 18px !important;
}
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head {
	margin: 0 0 8px !important;
	border: 1px solid rgba(180, 120, 50, 0.38) !important;
	border-radius: 10px !important;
	background-image: none !important;
	background-color: rgba(0, 0, 0, 0.32) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
}
.inner-bg.stats .t-row:last-child { margin-bottom: 0 !important; }
.inner-bg.stats .t-row:hover {
	transform: none !important;
	filter: none !important;
	box-shadow: none !important;
	border-color: rgba(196, 146, 58, 0.55) !important;
	background-color: rgba(120, 53, 15, 0.12) !important;
}

/* Restricted donate/contact */
.inner-bg.stp:has(.ga_infoBox),
.inner-bg:has(.ga_infoBox) {
	overflow: visible !important;
	padding: 36px 28px 32px !important;
	max-width: 640px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 14px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.05) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #120804 0%, #080604 100%) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45) !important;
}
.inner-bg.stp:has(.ga_infoBox):after { display: none !important; content: none !important; }
.inner-bg .ga_infoBox,
.general-block .ga_infoBox,
body.flora-restricted-page .ga_infoBox {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: 420px !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin: 0 auto 22px !important;
	padding: 26px 20px 22px !important;
	z-index: 1 !important;
	overflow: visible !important;
	border: 1px solid rgba(180, 120, 50, 0.5) !important;
	border-radius: 12px !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4) !important;
}
.inner-bg:has(.ga_infoBox) .general-block > br { display: none !important; }
.inner-bg:has(.ga_infoBox) a:has(.btn),
.general-block > a[href*="login"] {
	display: inline-flex !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 auto !important;
	position: relative !important;
	z-index: 3 !important;
}
.inner-bg:has(.ga_infoBox) .btn,
.general-block .btn {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	z-index: 3 !important;
	width: 260px !important;
	max-width: 100% !important;
	height: 50px !important;
	margin: 0 auto !important;
	overflow: visible !important;
}

.flora-auth { display: none !important; }

/* =====================================================================
   HEX BUTTONS OUT — tile system everywhere + edge/footer fix
   ===================================================================== */

/* Even corners site-wide (asymmetric shield radius was breaking edges) */
:root {
	--tile-radius: 12px !important;
	--tile-radius-sm: 10px !important;
	--tile-border: 1px solid rgba(180, 120, 50, 0.45) !important;
	--tile-edge: none !important;
	--tile-shadow: 0 8px 18px rgba(0, 0, 0, 0.45) !important;
	--tile-shadow-hover: 0 10px 22px rgba(0, 0, 0, 0.52), 0 0 10px rgba(120, 53, 15, 0.16) !important;
}

/* Kill transparent-border / background-clip chrome that frays corners */
main .left-info,
main .right-info,
nav,
.flora-video,
.inner-bg,
.inner-bg.stats,
.ga_infoBox,
.info-t.top-block .top-menu,
.t7-events-filters,
[data-calendar-filters],
.inner-bg.stp,
.content.don-form {
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	border-radius: 12px !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.42) !important;
	outline: none !important;
}
.inner-bg::before {
	display: none !important;
	content: none !important;
}

/* Shared tile button language — NO hex SVG */
.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.content.don-form button.btn,
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp .buttons a.btn,
.inner-bg.stp a.btn,
.general-block .btn,
.inner-bg:has(.ga_infoBox) .btn,
.go-more,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp {
	clip-path: none !important;
	border: 1px solid rgba(180, 120, 50, 0.5) !important;
	border-radius: 10px !important;
	background-color: #120804 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #2a120a 0%, #0c0503 100%) !important;
	background-size: auto !important;
	background-repeat: repeat, no-repeat !important;
	background-position: 0 0, 0 0 !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4) !important;
	color: #e0c48a !important;
	text-shadow: none !important;
	filter: none !important;
	outline: none !important;
	overflow: hidden !important;
}
.btn:hover,
a.btn:hover,
button.btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
#loginForm .btn:hover,
#registerForm .btn:hover,
.inner-bg.stp a.btn:hover,
.go-more:hover,
nav a[href*="register"]:hover,
nav a[href*="kayit"]:hover,
nav a.cp:hover {
	filter: brightness(1.08) !important;
	color: #f3e6c8 !important;
	border-color: rgba(212, 168, 74, 0.7) !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45), 0 0 10px rgba(120, 53, 15, 0.18) !important;
	transform: none !important;
	background-color: #1a0c06 !important;
}

/* Primary / register style (wine fill) */
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
.inner-bg .content.steps .buttons a.btn:not(.trans),
.inner-bg.stp .buttons a.btn:not(.trans),
.inner-bg.stp a.btn:not(.trans),
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.inner-bg:has(.ga_infoBox) .btn,
.general-block .btn {
	background-image:
		repeating-linear-gradient(-45deg, rgba(180, 80, 40, 0.1) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #5a1814 0%, #2a0808 55%, #140404 100%) !important;
	color: #fde68a !important;
	border-color: rgba(196, 146, 58, 0.55) !important;
}

/* Outline / secondary */
.btn.trans,
a.btn.trans,
.inner-bg .content.steps .buttons a.btn.trans,
.inner-bg.stp .buttons a.btn.trans {
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	color: #d4a84a !important;
	border-color: rgba(180, 120, 50, 0.5) !important;
}

/* Nav Register / Log In — tile chips (not hex) */
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp {
	min-width: 132px !important;
	height: 42px !important;
	min-height: 42px !important;
	max-height: 42px !important;
	line-height: 1 !important;
	padding: 0 16px !important;
	margin-top: 0 !important;
	gap: 8px !important;
}
nav a.cp {
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	color: #d4a84a !important;
}

/* Download step buttons — same tile system */
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp .buttons a.btn,
.inner-bg.stp a.btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 240px !important;
	max-width: 100% !important;
	min-height: 48px !important;
	height: auto !important;
	padding: 12px 20px !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
}
.inner-bg.stp {
	border-radius: 12px !important;
	overflow: visible !important;
}

/* Rank edges — solid, even radius */
.stat-menu,
.inner-bg.stats {
	border-radius: 12px !important;
	border: 1px solid rgba(180, 120, 50, 0.42) !important;
	background-clip: padding-box !important;
	background-origin: padding-box !important;
	outline: none !important;
}
.stat-menu a,
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head {
	border-radius: 10px !important;
	border: 1px solid rgba(180, 120, 50, 0.4) !important;
	background-clip: padding-box !important;
	background-origin: padding-box !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Social icon tiles — even corners */
.flora-social a {
	border-radius: 10px !important;
	border: 1px solid rgba(180, 120, 50, 0.5) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4) !important;
}

/* Footer — clean, no side orange line, no social, tile-matched */
footer {
	overflow: hidden !important;
	border: 0 !important;
	border-top: 1px solid rgba(180, 120, 50, 0.35) !important;
	border-right: 0 !important;
	border-left: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	background:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.04) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #100805 0%, #080604 100%) !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.04) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #100805 0%, #080604 100%) !important;
	padding: 36px 16px 28px !important;
	margin-top: 24px !important;
	clip-path: none !important;
}
footer::before {
	left: 20% !important;
	right: 20% !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(180, 120, 50, 0.35) 20%, #c4923a 50%, rgba(180, 120, 50, 0.35) 80%, transparent) !important;
	box-shadow: none !important;
}
footer .container {
	overflow: hidden !important;
	border: 0 !important;
	max-width: 720px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	box-shadow: none !important;
}
footer .container::after {
	border-top: 1px solid rgba(180, 120, 50, 0.25) !important;
	color: rgba(185, 160, 120, 0.55) !important;
	margin-top: 18px !important;
	padding-top: 14px !important;
}
footer .copy > div::after {
	width: 64px !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, #c4923a 50%, transparent) !important;
	box-shadow: none !important;
}
footer .copy img {
	filter: drop-shadow(0 0 6px rgba(120, 53, 15, 0.35)) !important;
}
footer .menu,
footer .container .menu {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}
footer .container .menu .men:last-child,
footer .menu .men:last-child {
	display: none !important;
}

@media (max-width: 999px) {
	.inner-bg .content.steps .buttons a.btn,
	.inner-bg.stp .buttons a.btn,
	.inner-bg.stp a.btn {
		width: 100% !important;
		max-width: 280px !important;
	}
	nav a[href*="register"],
	nav a[href*="kayit"],
	nav a.cp {
		min-width: 0 !important;
		flex: 1 1 auto !important;
	}
}

/* =====================================================================
   GOLD EDGE LOCK — visible border on EVERY tile/button (wins last)
   ===================================================================== */
:root {
	--flora-edge: #d97706;
	--flora-edge-soft: rgba(217, 119, 6, 0.75);
}

.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
input[type="button"],
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.content.don-form button.btn,
.content.don-form input.form-control,
.content.don-form input,
#loginForm input,
#registerForm input,
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp .buttons a.btn,
.inner-bg.stp a.btn,
.general-block .btn,
.inner-bg:has(.ga_infoBox) .btn,
.go-more,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp,
.flora-social a,
body.flora-home .flora-social a,
.stat-menu,
.stat-menu a,
.inner-bg.stats,
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head,
.inner-bg,
.inner-bg.stp,
.inner-bg.stp:has(.ga_infoBox),
.content.don-form,
.ga_infoBox,
.inner-bg .ga_infoBox,
.general-block .ga_infoBox,
main .left-info,
main .right-info,
nav,
.flora-video,
.flora-video-player,
.info-t.top-block .top-menu,
.t7-events-filters,
[data-calendar-filters],
.t7-events-filter,
[data-calendar-filters] a,
.t7-events-page .alert,
.flora-events-empty,
main .left-info .top-table .t-row,
main .left-info .info-t.forts .t-row,
main .right-info .info-t .t-row:has(> i),
main .right-info .info-t.forum-msg:nth-child(2) .t-row,
#online,
.screens a,
.pagination li,
.info-t.forts .img {
	border-style: solid !important;
	border-width: 1.5px !important;
	border-color: var(--flora-edge) !important;
	border-image: none !important;
	outline: none !important;
	outline-offset: 0 !important;
	background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-origin: padding-box !important;
	box-sizing: border-box !important;
}

/* Rounded corners + keep gold ring visible */
.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.inner-bg.stp a.btn,
.inner-bg .content.steps .buttons a.btn,
.general-block .btn,
.go-more,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp,
.stat-menu a,
.t7-events-filter,
[data-calendar-filters] a,
.flora-social a,
body.flora-home .flora-social a {
	border-radius: 10px !important;
	overflow: visible !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
	box-shadow:
		0 0 0 1px rgba(14, 10, 4, 0.55),
		0 8px 16px rgba(0, 0, 0, 0.4) !important;
}

main .left-info,
main .right-info,
nav,
.flora-video,
.inner-bg,
.inner-bg.stats,
.inner-bg.stp,
.content.don-form,
.ga_infoBox,
.stat-menu,
.t7-events-filters,
[data-calendar-filters],
.t7-events-page .alert {
	border-radius: 12px !important;
	overflow: visible !important;
}

.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head,
main .left-info .top-table .t-row,
main .left-info .info-t.forts .t-row,
main .right-info .info-t .t-row:has(> i),
.content.don-form input,
#loginForm input,
#registerForm input,
#online {
	border-radius: 10px !important;
	overflow: visible !important;
}

/* Extra-visible gold on primary action buttons (Dosya.co look) */
.inner-bg.stp a.btn,
.inner-bg .content.steps .buttons a.btn,
.btn:not(.trans),
a.btn:not(.trans),
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
#loginForm .btn,
#registerForm .btn,
.inner-bg:has(.ga_infoBox) .btn,
.general-block .btn {
	border-color: #d4b45a !important;
	border-width: 1.5px !important;
}

.btn.trans,
a.btn.trans,
.inner-bg.stp a.btn.trans,
nav a.cp {
	border-color: #d97706 !important;
	border-width: 1.5px !important;
}

/* Never let later/earlier rules zero the border */
.btn[style],
a.btn[style],
.inner-bg.stp a.btn {
	border-style: solid !important;
}

/* =====================================================================
   SHIELD CORNERS + CLICKABLE FEEL (last win)
   radius: curved TL/BR + sharp TR/BL  |  click hover/active works
   ===================================================================== */
:root {
	--tile-radius: 14px 4px 14px 4px !important;
	--tile-radius-sm: 12px 3px 12px 3px !important;
	--flora-edge: #d97706;
}

/* Step arrows must NEVER block clicks */
.inner-bg.stp:after,
.inner-bg.stp::after,
.inner-bg::before,
.inner-bg::after {
	pointer-events: none !important;
}

/* Panels — shield corners + gold edge */
main .left-info,
main .right-info,
nav,
.flora-video,
.inner-bg,
.inner-bg.stats,
.inner-bg.stp,
.inner-bg.stp:has(.ga_infoBox),
.content.don-form,
.ga_infoBox,
.inner-bg .ga_infoBox,
.stat-menu,
.t7-events-filters,
[data-calendar-filters],
.t7-events-page .alert,
.flora-events-empty,
.info-t.top-block .top-menu {
	border-radius: 14px 4px 14px 4px !important;
	border: 1.5px solid #d97706 !important;
	background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	overflow: visible !important;
}

/* Buttons / chips / rows / icons — same shield corners */
.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
input[type="button"],
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.content.don-form button.btn,
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp .buttons a.btn,
.inner-bg.stp a.btn,
.general-block .btn,
.inner-bg:has(.ga_infoBox) .btn,
.go-more,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp,
.flora-social a,
body.flora-home .flora-social a,
.stat-menu a,
.t7-events-filter,
[data-calendar-filters] a,
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head,
main .left-info .top-table .t-row,
main .left-info .info-t.forts .t-row,
main .right-info .info-t .t-row:has(> i),
main .right-info .info-t.forum-msg:nth-child(2) .t-row,
#online,
.content.don-form input,
#loginForm input,
#registerForm input,
.screens a,
.pagination li,
.info-t.forts .img,
.flora-video-player {
	border-radius: 12px 3px 12px 3px !important;
	border: 1.5px solid #d97706 !important;
	border-style: solid !important;
	background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	clip-path: none !important;
	-webkit-clip-path: none !important;
	box-sizing: border-box !important;
	outline: none !important;
}

/* Clickability — nothing blocks links/buttons */
.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
.inner-bg.stp a.btn,
.inner-bg .content.steps .buttons a,
.inner-bg .content.steps .buttons a.btn,
.general-block a,
.general-block a .btn,
.general-block .btn,
nav a[href*="register"],
nav a[href*="kayit"],
nav a.cp,
.stat-menu a,
.t7-events-filter,
[data-calendar-filters] a,
.flora-social a,
.go-more {
	pointer-events: auto !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 6 !important;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	transition: filter 0.15s ease, transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

/* Nested <a><button> — make whole hit area work */
.general-block > a[href],
.inner-bg a:has(> .btn),
.inner-bg.stp a:has(.btn) {
	display: inline-flex !important;
	pointer-events: auto !important;
	cursor: pointer !important;
	z-index: 7 !important;
	text-decoration: none !important;
}
.general-block > a[href] .btn,
.inner-bg a:has(> .btn) .btn {
	pointer-events: none !important; /* click goes to parent <a> */
}

/* Hover / active — “bir şey olsun” hissi */
.btn:hover,
a.btn:hover,
button.btn:hover,
.inner-bg.stp a.btn:hover,
.inner-bg .content.steps .buttons a.btn:hover,
nav a[href*="register"]:hover,
nav a[href*="kayit"]:hover,
nav a.cp:hover,
.stat-menu a:hover,
.flora-social a:hover,
.go-more:hover,
.t7-events-filter:hover {
	filter: brightness(1.12) !important;
	border-color: #e0c878 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45), 0 0 12px rgba(217, 119, 6, 0.22) !important;
}
.btn:active,
a.btn:active,
button.btn:active,
.inner-bg.stp a.btn:active,
.inner-bg .content.steps .buttons a.btn:active,
nav a[href*="register"]:active,
nav a[href*="kayit"]:active,
nav a.cp:active,
.stat-menu a:active,
.flora-social a:active,
.go-more:active {
	filter: brightness(0.92) !important;
	transform: translateY(1px) scale(0.98) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
	border-color: #b8923a !important;
}

/* Download step buttons — keep shield look + open links */
.inner-bg.stp .buttons,
.inner-bg .content.steps .buttons {
	position: relative !important;
	z-index: 8 !important;
	pointer-events: auto !important;
}
.inner-bg.stp a.btn,
.inner-bg .content.steps .buttons a.btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
}

/* =====================================================================
   INSTANT UNIQUE layout fix + LOGO tile frame
   ===================================================================== */

/* Logo — same gold shield frame as panels + equal vertical padding */
header .logo {
	width: 280px !important;
	height: 92px !important;
	min-height: 92px !important;
	max-height: 92px !important;
	padding: 12px 14px !important;
	margin: 0 auto !important;
	transform: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 14px 4px 14px 4px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	background-clip: padding-box !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	filter: none !important;
}
header .logo .logo-1 {
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: 100% !important;
	height: 100% !important;
	max-height: 72px !important;
	margin: 0 !important;
	transform: none !important;
	background-size: contain !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	filter:
		drop-shadow(0 0 4px rgba(217, 119, 6, 0.45))
		drop-shadow(0 0 10px rgba(160, 90, 20, 0.35)) !important;
}
header .logo:hover .logo-1 {
	transform: scale(1.03) !important;
}
header.inner .logo {
	width: min(280px, 92%) !important;
	height: 92px !important;
	margin: 0 auto 12px !important;
	padding: 12px 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 14px 4px 14px 4px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45) !important;
}

/* Instant Unique — 3 equal columns, date on one line, framed icons */
body.flora-instant-unique .inner-bg.stats,
html.flora-instant-unique .inner-bg.stats {
	overflow: visible !important;
}
body.flora-instant-unique .inner-bg.stats .t-row,
body.flora-instant-unique .inner-bg.stats .t-row.t-info,
body.flora-instant-unique .inner-bg.stats .t-row.t-head,
html.flora-instant-unique .inner-bg.stats .t-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	clear: both !important;
	float: none !important;
	width: 100% !important;
	min-height: 56px !important;
	height: auto !important;
	line-height: 1.35 !important;
	padding: 8px 12px !important;
	margin: 0 0 8px !important;
	box-sizing: border-box !important;
	border-radius: 12px 3px 12px 3px !important;
	border: 1.5px solid #d97706 !important;
	gap: 8px !important;
}
body.flora-instant-unique .inner-bg.stats .t-row > .t-col,
body.flora-instant-unique .inner-bg.stats .t-col.t5,
body.flora-instant-unique .flora-iu-date,
body.flora-instant-unique .flora-iu-unique,
body.flora-instant-unique .flora-iu-killer,
body.flora-instant-unique .flora-iu-head {
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 1 1 33.333% !important;
	width: 33.333% !important;
	max-width: 33.333% !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.35 !important;
	padding: 4px 8px !important;
	margin: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
}
body.flora-instant-unique .flora-iu-date,
body.flora-instant-unique .inner-bg.stats .t-row.t-info > .t-col:first-child {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	color: #d4a84a !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
	white-space: nowrap !important;
}
body.flora-instant-unique .flora-iu-unique {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: #e8d2b0 !important;
}
body.flora-instant-unique .flora-iu-empty {
	color: rgba(185, 160, 120, 0.45) !important;
	font-weight: 600 !important;
}
body.flora-instant-unique .flora-iu-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	padding: 4px !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.1) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4) !important;
	box-sizing: border-box !important;
}
body.flora-instant-unique .flora-iu-icon img,
body.flora-instant-unique .inner-bg.stats .t-row.t-info img {
	width: 28px !important;
	height: 28px !important;
	max-width: 28px !important;
	max-height: 28px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: contain !important;
	vertical-align: middle !important;
}
body.flora-instant-unique .inner-bg.stats .t-row.t-head {
	min-height: 44px !important;
	background: rgba(120, 53, 15, 0.12) !important;
}
body.flora-instant-unique .inner-bg.stats .t-row.t-head .t-col {
	font-size: 11px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #d4a84a !important;
	white-space: nowrap !important;
}

@media (max-width: 700px) {
	body.flora-instant-unique .inner-bg.stats .t-row {
		flex-wrap: wrap !important;
	}
	body.flora-instant-unique .inner-bg.stats .t-row > .t-col {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		justify-content: flex-start !important;
		text-align: left !important;
		white-space: normal !important;
	}
	header .logo {
		width: min(240px, 88vw) !important;
	}
}

/* =====================================================================
   CORNER LOCK — same shield radius EVERYWHERE (TL/BR curve, TR/BL sharp)
   ===================================================================== */
:root {
	--tile-radius: 14px 4px 14px 4px !important;
	--tile-radius-sm: 12px 3px 12px 3px !important;
}

header,
header .logo,
header.inner .logo,
nav,
main .left-info,
main .right-info,
.flora-video,
.flora-video-player,
.inner-bg,
.inner-bg.stats,
.inner-bg.stp,
.content.don-form,
.ga_infoBox,
.stat-menu,
.t7-events-filters,
[data-calendar-filters],
.t7-events-page .alert,
.info-t.top-block .top-menu,
.info-t.forts .img {
	border-radius: 14px 4px 14px 4px !important;
}

.btn,
a.btn,
button.btn,
input[type="submit"],
button[type="submit"],
#loginForm .btn,
#registerForm .btn,
.content.don-form .btn,
.inner-bg.stp a.btn,
.inner-bg .content.steps .buttons a.btn,
.general-block .btn,
.go-more,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp,
.flora-social a,
body.flora-home .flora-social a,
.stat-menu a,
.t7-events-filter,
[data-calendar-filters] a,
.inner-bg.stats .t-row,
.inner-bg.stats .t-row.t-info,
.inner-bg.stats .t-row.t-head,
main .left-info .top-table .t-row,
main .left-info .info-t.forts .t-row,
main .right-info .info-t .t-row:has(> i),
main .right-info .info-t.forum-msg:nth-child(2) .t-row,
#online,
.content.don-form input,
#loginForm input,
#registerForm input,
.screens a,
.pagination li,
.flora-iu-icon,
.info-t.top-block .top-menu a,
.info-t.top-block .top-menu li,
.info-t.top-block .top-menu .active,
main .left-info .top-menu a,
main .left-info .info-t.top-block a {
	border-radius: 12px 3px 12px 3px !important;
}

/* TOP PLAYERS / TOP GUILDS tabs */
.info-t.top-block .top-menu a,
.info-t.top-block .top-menu span,
.top-menu a,
.top-block a {
	border-radius: 12px 3px 12px 3px !important;
}

/* Kill any full round leftover */
header .logo,
nav,
.stat-menu a,
.btn,
a.btn {
	border-top-left-radius: 14px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 14px !important;
	border-bottom-left-radius: 4px !important;
}
.btn,
a.btn,
nav a.cp,
nav a[href*="register"],
.stat-menu a,
.flora-social a,
.info-t.top-block .top-menu a,
.top-menu a {
	border-top-left-radius: 12px !important;
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 12px !important;
	border-bottom-left-radius: 3px !important;
}

header .logo {
	border-top-left-radius: 14px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 14px !important;
	border-bottom-left-radius: 4px !important;
}

/* =====================================================================
   LOGO VERTICAL CENTER LOCK (equal top/bottom)
   ===================================================================== */
header .logo,
header.inner .logo {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 92px !important;
	min-height: 92px !important;
	max-height: 92px !important;
	padding: 12px 14px !important;
	transform: none !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}
header .logo .logo-1,
header.inner .logo .logo-1 {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	right: auto !important;
	bottom: auto !important;
	inset: auto !important;
	width: 100% !important;
	height: 72px !important;
	max-height: 72px !important;
	margin: 0 auto !important;
	transform: none !important;
	background-position: center center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/* =====================================================================
   LOGO = Top Players width (300) + same height/top as nav (92 / 28)
   ===================================================================== */
@media (min-width: 1000px) {
	header {
		position: absolute !important;
		top: 28px !important;
		left: 0 !important;
		width: 300px !important;
		max-width: 300px !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		align-items: stretch !important;
		justify-content: stretch !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	header .logo {
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin: 0 !important;
		padding: 10px 12px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		transform: none !important;
		overflow: hidden !important;
		border: 1.5px solid #d97706 !important;
		border-radius: 14px 4px 14px 4px !important;
		background-color: #080602 !important;
		background-image:
			repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
			linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
		box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45) !important;
		filter: none !important;
	}
	header .logo .logo-1 {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 100% !important;
		max-height: 72px !important;
		margin: 0 !important;
		transform: none !important;
		background-position: center center !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
	nav {
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin-top: 28px !important;
		margin-left: 320px !important; /* 300 logo + 20 gap = left-info + main gap */
		width: calc(100% - 320px) !important;
		max-width: calc(100% - 320px) !important;
		box-sizing: border-box !important;
		align-items: center !important;
	}
	main .left-info {
		width: 300px !important;
		max-width: 300px !important;
		flex: 0 0 300px !important;
	}
}

/* =====================================================================
   FORCE: logo height === nav height (exact)
   ===================================================================== */
@media (min-width: 1000px) {
	nav {
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin-top: 28px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
	}
	header {
		top: 28px !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	header .logo,
	header .logo.logo,
	body header .logo {
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		width: 300px !important;
		max-width: 300px !important;
		padding: 8px 12px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		overflow: hidden !important;
		transform: none !important;
		line-height: 0 !important;
	}
	header .logo .logo-1 {
		height: 56px !important;
		max-height: 56px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		background-position: center center !important;
		background-size: contain !important;
	}
}

/* =====================================================================
   HEADER ROW GRID — logo + nav SAME row, SAME height, 20px gap
   (nav is BEFORE header in DOM — absolute layout was desyncing)
   ===================================================================== */
@media (min-width: 1000px) {
	.container:has(> nav):has(> header) {
		display: grid !important;
		grid-template-columns: 300px minmax(0, 1fr) !important;
		column-gap: 20px !important;
		row-gap: 0 !important;
		align-items: start !important;
		padding-top: 28px !important;
		box-sizing: border-box !important;
	}

	.container:has(> nav):has(> header) > nav {
		grid-column: 2 !important;
		grid-row: 1 !important;
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		align-self: start !important;
		overflow: hidden !important;
		transform: none !important;
	}

	.container:has(> nav):has(> header) > header {
		grid-column: 1 !important;
		grid-row: 1 !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 300px !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: stretch !important;
		justify-content: stretch !important;
		align-self: start !important;
		pointer-events: none !important;
		overflow: visible !important;
		transform: none !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.container:has(> nav):has(> header) > header .logo {
		width: 100% !important;
		max-width: 300px !important;
		min-width: 0 !important;
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		margin: 0 !important;
		padding: 8px 12px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		pointer-events: auto !important;
		transform: none !important;
		overflow: hidden !important;
	}

	.container:has(> nav):has(> header) > header .logo .logo-1 {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 56px !important;
		max-height: 56px !important;
		margin: 0 !important;
		transform: none !important;
		background-position: center center !important;
		background-size: contain !important;
	}

	.container:has(> nav):has(> header) > nav a {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 6px 12px !important;
		align-self: center !important;
	}

	.container:has(> nav):has(> header) > main {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 36px !important;
	}

	.container:has(> nav):has(> header) > footer {
		grid-column: 1 / -1 !important;
	}
}

/* =====================================================================
   FIX: sidebar bottom gap + nav center + login buttons + bigger logo
   ===================================================================== */

/* Left sidebar — no fake empty space under FOLLOW US */
main .left-info {
	padding-bottom: 10px !important;
	padding-top: 8px !important;
	height: auto !important;
	min-height: 0 !important;
}
main .left-info .info-t.forts {
	padding-bottom: 8px !important;
	margin-bottom: 0 !important;
}
.info-t.forts .flora-social,
.flora-social,
body.flora-home .flora-social {
	margin-bottom: 0 !important;
	padding-bottom: 6px !important;
}

/* Nav — content vertically centered, no dead bottom space */
@media (min-width: 1000px) {
	.container:has(> nav):has(> header) > nav,
	nav {
		height: 92px !important;
		min-height: 92px !important;
		max-height: 92px !important;
		padding: 0 14px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 4px !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	nav a:not([href*="register"]):not([href*="kayit"]):not(.cp) {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		padding: 4px 10px !important;
		margin: 0 !important;
		gap: 5px !important;
		align-self: center !important;
		flex-direction: column !important;
	}
	nav a:not([href*="register"]):not([href*="kayit"]):not(.cp)::before {
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		min-height: 22px !important;
		margin: 0 auto !important;
	}

	/* Register / Log In — same height, gap, tile style */
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="kayit"],
	nav a[href*="Kayit"],
	nav a.cp {
		height: 44px !important;
		min-height: 44px !important;
		max-height: 44px !important;
		line-height: 1 !important;
		width: auto !important;
		min-width: 118px !important;
		margin: 0 0 0 8px !important;
		padding: 0 14px !important;
		align-self: center !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 7px !important;
		border: 1.5px solid #d97706 !important;
		border-radius: 12px 3px 12px 3px !important;
		background-size: auto !important;
		background-repeat: repeat, no-repeat !important;
		background-position: 0 0, 0 0 !important;
		background-origin: padding-box !important;
		background-clip: padding-box !important;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4) !important;
		clip-path: none !important;
		overflow: hidden !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="kayit"],
	nav a[href*="Kayit"] {
		margin-left: auto !important;
		margin-right: 8px !important;
		background-color: #3a1210 !important;
		background-image:
			repeating-linear-gradient(-45deg, rgba(180, 80, 40, 0.12) 0 1px, transparent 1px 5px),
			linear-gradient(180deg, #5a1814 0%, #2a0808 100%) !important;
		color: #fde68a !important;
	}
	nav a.cp {
		margin-left: 0 !important;
		background-color: #120804 !important;
		background-image:
			repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
			linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
		color: #d4a84a !important;
	}
	nav a[href*="register"]::before,
	nav a[href*="kayit"]::before,
	nav a.cp::before {
		width: 14px !important;
		height: 14px !important;
		min-width: 14px !important;
		min-height: 14px !important;
		margin: 0 !important;
		flex: 0 0 14px !important;
	}

	/* Logo only — bigger inside same 92px frame */
	.container:has(> nav):has(> header) > header .logo .logo-1,
	header .logo .logo-1 {
		height: 78px !important;
		max-height: 78px !important;
		width: 100% !important;
		background-size: contain !important;
		background-position: center center !important;
		transform: none !important;
	}
	.container:has(> nav):has(> header) > header .logo,
	header .logo {
		padding: 4px 8px !important;
	}
}

/* =====================================================================
   Nav Register / Log In — pin to FAR RIGHT (original place)
   ===================================================================== */
@media (min-width: 1000px) {
	nav {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		align-items: center !important;
		width: 100% !important;
	}
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="kayit"],
	nav a[href*="Kayit"] {
		margin-left: auto !important;
		margin-right: 8px !important;
		order: 90 !important;
	}
	nav a.cp {
		margin-left: 0 !important;
		margin-right: 0 !important;
		order: 91 !important;
	}
}

/* Auth buttons wrapper — always FAR RIGHT */
nav {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
}
nav .flora-auth-right {
	margin-left: auto !important;
	margin-right: 0 !important;
	display: inline-flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-end !important;
	gap: 8px !important;
	flex: 0 0 auto !important;
	order: 999 !important;
	float: none !important;
	position: relative !important;
	z-index: 5 !important;
}
nav .flora-auth-right a,
nav .flora-auth-right a[href*="register"],
nav .flora-auth-right a.cp {
	margin-left: 0 !important;
	margin-right: 0 !important;
	float: none !important;
	order: 0 !important;
}

/* =====================================================================
   BUTTONS — restore OLD wider tile design (nav + download steps)
   ===================================================================== */

/* Nav Register / Log In — eski genişlik */
nav .flora-auth-right a,
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav a.cp,
nav .flora-auth-right a[href*="register"],
nav .flora-auth-right a.cp {
	min-width: 158px !important;
	width: auto !important;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	padding: 0 22px !important;
	gap: 8px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	box-sizing: border-box !important;
	clip-path: none !important;
	background-size: auto !important;
	background-repeat: repeat, no-repeat !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
}
nav a[href*="register"],
nav a[href*="Register"],
nav a[href*="kayit"],
nav a[href*="Kayit"],
nav .flora-auth-right a[href*="register"] {
	background-color: #3a1210 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(180, 80, 40, 0.12) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #6a1c18 0%, #3a0c0c 55%, #1a0606 100%) !important;
	color: #fde68a !important;
}
nav a.cp,
nav .flora-auth-right a.cp {
	background-color: transparent !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, rgba(18, 8, 4, 0.55) 0%, rgba(14, 10, 4, 0.75) 100%) !important;
	color: #d4a84a !important;
}

/* Download / steps — genel butonlar (login / account). Download mirror grid ayrı blokta. */
.inner-bg.stp .buttons a.btn,
.inner-bg .content.steps .buttons a.btn,
.inner-bg.stp a.btn,
.inner-bg .content.steps a.btn {
	min-width: 240px !important;
	width: 240px !important;
	max-width: 100% !important;
	height: 50px !important;
	min-height: 50px !important;
	padding: 0 28px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	clip-path: none !important;
}
.inner-bg.stp .buttons a.btn:not(.trans),
.inner-bg .content.steps .buttons a.btn:not(.trans),
.inner-bg.stp a.btn:not(.trans) {
	background-color: #3a1210 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(180, 80, 40, 0.12) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #6a1c18 0%, #3a0c0c 55%, #1a0606 100%) !important;
	color: #fde68a !important;
}
.inner-bg.stp .buttons a.btn.trans,
.inner-bg .content.steps .buttons a.btn.trans,
.inner-bg.stp a.btn.trans {
	background-color: #0c0804 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #160a04 0%, #080301 100%) !important;
	color: #d4a84a !important;
}
.inner-bg .content.steps .buttons {
	width: auto !important;
	min-width: 240px !important;
	margin: 8px 10px !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

@media (max-width: 999px) {
	.inner-bg.stp .buttons a.btn,
	.inner-bg .content.steps .buttons a.btn {
		width: 100% !important;
		max-width: 280px !important;
		min-width: 0 !important;
	}
	nav .flora-auth-right a,
	nav a[href*="register"],
	nav a.cp {
		min-width: 0 !important;
		flex: 1 1 auto !important;
	}
}

/* =====================================================================
   NEWS CARDS — kill fixed height void + tighten layout
   ===================================================================== */
.news .new,
.news .new.big,
.news .new.big[style],
.news .new[style] {
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 0 0 14px !important;
}
.news .new .info,
.news .new.big .info {
	padding: 12px 16px 4px !important;
	min-height: 0 !important;
	height: auto !important;
	flex: 0 0 auto !important;
}
.news .new .info p,
.news .new .info > div,
.news .new .info > div p,
.news .new.big .info p,
.news .new.big .info > div,
.news .new.big .info > div p {
	margin: 0 0 6px !important;
	max-height: none !important;
	height: auto !important;
}
.news .new .img,
.news .new.big .img {
	width: calc(100% - 20px) !important;
	max-height: 280px !important;
	margin: 8px auto 0 !important;
	aspect-ratio: 16 / 6.5 !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-clip: padding-box !important;
	background-image:
		linear-gradient(180deg, #0c0804 0%, #080602 100%) !important;
}
.news .new .img img,
.news .new.big .img img {
	object-fit: cover !important;
	object-position: center center !important;
}
.news .new .info .read-more,
.news .new.big .info .read-more {
	display: none !important;
}
.news .new,
.news .new.big {
	border: 1.5px solid #d97706 !important;
	border-radius: 14px 4px 14px 4px !important;
	background-clip: padding-box !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.07) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%) !important;
}
.news .new::before,
.news .new.big::before {
	flex: 0 0 36px !important;
	height: 36px !important;
}
.news .new {
	--flora-news-head: 36px;
}

/* =====================================================================
   NEWS — clickable card + NEW flash (1h after publish)
   ===================================================================== */
.news .new,
.news .new.big {
	cursor: pointer !important;
}
.news .new .img,
.news .new.big .img,
.news .new .img img,
.news .new.big .img img,
.news .new .info,
.news .new.big .info {
	cursor: pointer !important;
}
.flora-news-badge {
	position: absolute !important;
	top: 8px !important;
	right: 88px !important;
	z-index: 12 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 42px !important;
	height: 20px !important;
	padding: 0 8px !important;
	border-radius: 3px !important;
	border: 1px solid #fbbf24 !important;
	background: linear-gradient(180deg, #c03900 0%, #7a1a00 100%) !important;
	color: #fde68a !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	line-height: 1 !important;
	pointer-events: none !important;
	box-shadow:
		0 0 10px rgba(255, 120, 30, 0.55),
		inset 0 1px 0 rgba(255, 220, 140, 0.35) !important;
	animation: flora-news-blink 1s ease-in-out infinite !important;
}
@keyframes flora-news-blink {
	0%, 100% { opacity: 1; filter: brightness(1); transform: scale(1); }
	50% { opacity: 0.35; filter: brightness(1.35); transform: scale(1.06); }
}
@media (max-width: 720px) {
	.flora-news-badge {
		right: 12px !important;
		top: 40px !important;
	}
}

/* =====================================================================
   SPONSORS + FOOTER — Flora tile language (FINAL)
   ===================================================================== */
.flora-sponsors {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 28px auto 0 !important;
	padding: 0 16px !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 4 !important;
}
.flora-sponsors .flora-sponsors-inner,
.flora-sponsors .info-t.screens,
.flora-sponsors .screens,
main .right-info .info-t.screens,
main .right-info .screens {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px 20px 20px !important;
	float: none !important;
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
	column-gap: 12px !important;
	row-gap: 12px !important;
	box-sizing: border-box !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 14px 4px 14px 4px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.07) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080602 100%) !important;
	background-clip: padding-box !important;
	box-shadow:
		inset 0 0 0 1px rgba(14, 10, 4, 0.55),
		0 10px 24px rgba(0, 0, 0, 0.45) !important;
	text-align: center !important;
}
.flora-sponsors .screens h3,
.flora-sponsors .info-t.screens h3,
.flora-sponsors h3,
main .right-info .info-t.screens h3,
main .right-info .screens h3 {
	flex: 0 0 100% !important;
	width: 100% !important;
	order: -1 !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #fcd34d !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
	background: none !important;
	border: 0 !important;
}
.flora-sponsors h3::before,
.flora-sponsors h3::after,
.flora-sponsors .screens h3::before,
.flora-sponsors .screens h3::after,
.flora-sponsors .info-t.screens h3::before,
.flora-sponsors .info-t.screens h3::after {
	content: "" !important;
	display: block !important;
	width: 64px !important;
	height: 1px !important;
	flex: 0 0 64px !important;
	box-shadow: 0 0 6px rgba(217, 119, 6, 0.35) !important;
}
.flora-sponsors h3::before,
.flora-sponsors .screens h3::before,
.flora-sponsors .info-t.screens h3::before {
	background: linear-gradient(90deg, transparent, #d97706) !important;
}
.flora-sponsors h3::after,
.flora-sponsors .screens h3::after,
.flora-sponsors .info-t.screens h3::after {
	background: linear-gradient(90deg, #d97706, transparent) !important;
}
.flora-sponsors a,
.flora-sponsors .screens a,
.flora-sponsors .info-t.screens a,
main .right-info .screens a,
main .right-info .info-t.screens a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 1 148px !important;
	width: auto !important;
	min-width: 132px !important;
	max-width: 168px !important;
	min-height: 70px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	order: 1 !important;
	float: none !important;
	box-sizing: border-box !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%) !important;
	background-clip: padding-box !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.08),
		0 6px 14px rgba(0, 0, 0, 0.4) !important;
	outline: none !important;
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease !important;
	opacity: 1 !important;
}
.flora-sponsors a::before,
.flora-sponsors a::after {
	content: none !important;
	display: none !important;
}
.flora-sponsors a img,
.flora-sponsors .screens a img,
main .right-info .screens a img {
	width: auto !important;
	max-width: 118px !important;
	max-height: 44px !important;
	height: auto !important;
	object-fit: contain !important;
	opacity: 0.92 !important;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45)) !important;
	transition: opacity 0.2s ease, filter 0.2s ease !important;
}
.flora-sponsors a:hover,
main .right-info .screens a:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.08) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 160, 0.14),
		0 0 14px rgba(217, 119, 6, 0.22),
		0 10px 20px rgba(0, 0, 0, 0.48) !important;
}
.flora-sponsors a:hover img {
	opacity: 1 !important;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.5)) brightness(1.05) !important;
}

footer {
	width: 100% !important;
	margin-top: 22px !important;
	padding: 36px 16px 28px !important;
	text-align: center !important;
	border: 0 !important;
	border-top: 1.5px solid #d97706 !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		radial-gradient(720px 140px at 50% 0%, rgba(217, 119, 6, 0.1), transparent 65%),
		linear-gradient(180deg, #120805 0%, #080604 55%, #080602 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 210, 140, 0.06),
		0 -12px 28px rgba(0, 0, 0, 0.25) !important;
}
footer::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 18% !important;
	right: 18% !important;
	top: 0 !important;
	height: 1px !important;
	z-index: 2 !important;
	pointer-events: none !important;
	background: linear-gradient(90deg, transparent, #d97706 20%, #fcd34d 50%, #d97706 80%, transparent) !important;
	box-shadow: 0 0 10px rgba(217, 119, 6, 0.4) !important;
}
footer .container {
	max-width: 720px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
footer .menu {
	display: none !important;
}
footer .copy {
	width: 100% !important;
	float: none !important;
	text-align: center !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
}
footer .copy > div {
	display: inline-block !important;
	margin: 0 auto !important;
	padding: 10px 18px 8px !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 14px 4px 14px 4px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.07) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%) !important;
	background-clip: padding-box !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.08),
		0 8px 18px rgba(0, 0, 0, 0.4) !important;
}
footer .copy > div::after {
	content: "" !important;
	display: block !important;
	width: 72px !important;
	height: 1px !important;
	margin: 12px auto 0 !important;
	background: linear-gradient(90deg, transparent, #d97706 25%, #fcd34d 50%, #d97706 75%, transparent) !important;
	box-shadow: 0 0 8px rgba(217, 119, 6, 0.35) !important;
}
footer .copy img {
	height: 68px !important;
	width: auto !important;
	max-width: 210px !important;
	margin: 0 auto !important;
	filter:
		drop-shadow(0 0 2px rgba(230, 200, 120, 0.55))
		drop-shadow(0 0 10px rgba(120, 53, 15, 0.35)) !important;
	transition: transform 0.22s ease, filter 0.22s ease !important;
}
footer .copy a:hover img {
	transform: scale(1.03) !important;
	filter:
		brightness(1.08)
		drop-shadow(0 0 4px rgba(230, 200, 120, 0.75))
		drop-shadow(0 0 14px rgba(217, 119, 6, 0.4)) !important;
}
footer .copy::after {
	content: "Welcome to the Flora 120 server." !important;
	display: block !important;
	margin: 16px auto 0 !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	line-height: 1.45 !important;
	color: #d4b896 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
}
footer .container::after {
	content: "Copyright \00a9 2026 NR1 Games. All rights reserved." !important;
	display: block !important;
	margin: 10px auto 0 !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
	line-height: 1.4 !important;
	color: #8a7358 !important;
}
footer a[href*="gapanel"] {
	display: none !important;
}

@media (max-width: 720px) {
	.flora-sponsors {
		margin-top: 18px !important;
		padding: 0 10px !important;
	}
	.flora-sponsors .flora-sponsors-inner,
	.flora-sponsors .info-t.screens {
		padding: 16px 12px 14px !important;
		column-gap: 8px !important;
		row-gap: 8px !important;
	}
	.flora-sponsors a,
	.flora-sponsors .screens a {
		flex: 0 1 calc(50% - 8px) !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 62px !important;
		padding: 10px 8px !important;
	}
	.flora-sponsors h3::before,
	.flora-sponsors h3::after {
		width: 36px !important;
		flex-basis: 36px !important;
	}
	footer .copy img {
		height: 56px !important;
	}
}

/* =====================================================================
   FOOTER GONE — sponsors replace footer (sitewide)
   ===================================================================== */
footer,
footer.flora-footer-gone,
footer .container,
footer .copy,
footer .menu {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	pointer-events: none !important;
	opacity: 0 !important;
	position: absolute !important;
	left: -9999px !important;
	clip: rect(0, 0, 0, 0) !important;
}
footer::before,
footer::after,
footer .container::before,
footer .container::after,
footer .copy::before,
footer .copy::after {
	content: none !important;
	display: none !important;
}

/* Kill sponsors left inside sidebar / right-info */
main .right-info > .info-t.screens,
main .right-info > .screens,
main .left-info .info-t.screens,
main .left-info .screens {
	display: none !important;
}

.flora-sponsors {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 5 !important;
	clear: both !important;
	border: 0 !important;
	border-top: 1.5px solid #d97706 !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		radial-gradient(900px 140px at 50% 0%, rgba(217, 119, 6, 0.1), transparent 65%),
		linear-gradient(180deg, #120805 0%, #080604 60%, #080602 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 210, 140, 0.06),
		0 -12px 28px rgba(0, 0, 0, 0.25) !important;
}
.flora-sponsors::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	left: 18% !important;
	right: 18% !important;
	top: 0 !important;
	height: 1px !important;
	pointer-events: none !important;
	background: linear-gradient(90deg, transparent, #d97706 20%, #fcd34d 50%, #d97706 80%, transparent) !important;
	box-shadow: 0 0 10px rgba(217, 119, 6, 0.4) !important;
}
.flora-sponsors .flora-sponsors-inner,
.flora-sponsors .info-t.screens,
.flora-sponsors .screens {
	display: flex !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 28px 20px 26px !important;
	float: none !important;
	flex-flow: row wrap !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
	column-gap: 12px !important;
	row-gap: 12px !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	text-align: center !important;
}
.flora-sponsors h3,
.flora-sponsors .screens h3,
.flora-sponsors .info-t.screens h3 {
	flex: 0 0 100% !important;
	width: 100% !important;
	order: -1 !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #fcd34d !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
	background: none !important;
	border: 0 !important;
}
.flora-sponsors h3::before,
.flora-sponsors h3::after,
.flora-sponsors .screens h3::before,
.flora-sponsors .screens h3::after,
.flora-sponsors .info-t.screens h3::before,
.flora-sponsors .info-t.screens h3::after {
	content: "" !important;
	display: block !important;
	width: 64px !important;
	height: 1px !important;
	flex: 0 0 64px !important;
	box-shadow: 0 0 6px rgba(217, 119, 6, 0.35) !important;
}
.flora-sponsors h3::before,
.flora-sponsors .screens h3::before,
.flora-sponsors .info-t.screens h3::before {
	background: linear-gradient(90deg, transparent, #d97706) !important;
}
.flora-sponsors h3::after,
.flora-sponsors .screens h3::after,
.flora-sponsors .info-t.screens h3::after {
	background: linear-gradient(90deg, #d97706, transparent) !important;
}
.flora-sponsors a,
.flora-sponsors .screens a,
.flora-sponsors .info-t.screens a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 1 148px !important;
	width: auto !important;
	min-width: 132px !important;
	max-width: 168px !important;
	min-height: 70px !important;
	margin: 0 !important;
	padding: 12px 14px !important;
	order: 1 !important;
	float: none !important;
	box-sizing: border-box !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%) !important;
	background-clip: padding-box !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.08),
		0 6px 14px rgba(0, 0, 0, 0.4) !important;
	transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease !important;
	opacity: 1 !important;
}
.flora-sponsors a::before,
.flora-sponsors a::after {
	content: none !important;
	display: none !important;
}
.flora-sponsors a img {
	width: auto !important;
	max-width: 118px !important;
	max-height: 44px !important;
	height: auto !important;
	object-fit: contain !important;
	opacity: 0.92 !important;
	filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45)) !important;
}
.flora-sponsors a:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.08) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 230, 160, 0.14),
		0 0 14px rgba(217, 119, 6, 0.22),
		0 10px 20px rgba(0, 0, 0, 0.48) !important;
}
.flora-sponsors a:hover img {
	opacity: 1 !important;
}

@media (max-width: 720px) {
	.flora-sponsors .flora-sponsors-inner,
	.flora-sponsors .info-t.screens,
	.flora-sponsors .screens {
		padding: 20px 12px 18px !important;
		column-gap: 8px !important;
		row-gap: 8px !important;
	}
	.flora-sponsors a {
		flex: 0 1 calc(50% - 8px) !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 62px !important;
		padding: 10px 8px !important;
	}
	.flora-sponsors h3::before,
	.flora-sponsors h3::after {
		width: 36px !important;
		flex-basis: 36px !important;
	}
}

/* =====================================================================
   BG — home keeps original hero; INNER pages fill viewport (no mid-cut)
   ===================================================================== */
html {
	background: #080602 !important;
}
body {
	background-color: #080602 !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: 0 0 !important;
	position: relative !important;
}
/* HOME / default: original 53.5vw hero (unchanged look) */
body::before {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	width: 100% !important;
	height: 53.5vw !important;
	min-height: 480px !important;
	pointer-events: none !important;
	z-index: 0 !important;
	background-image: inherit !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: 100% 100% !important;
	opacity: 1 !important;
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 72%,
		rgba(0, 0, 0, 0.75) 84%,
		rgba(0, 0, 0, 0.35) 93%,
		transparent 100%
	) !important;
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 72%,
		rgba(0, 0, 0, 0.75) 84%,
		rgba(0, 0, 0, 0.35) 93%,
		transparent 100%
	) !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}
/* INNER (events / donate / contact / login / register / ranking…):
   same image, top-anchored, fills at least full viewport — no black half */
html.flora-inner,
body.flora-inner {
	min-height: 100vh !important;
}
body.flora-inner::before,
html.flora-inner body::before {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: auto !important;
	min-height: 100% !important;
	background-size: cover !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	/* keep almost fully visible; tiny soft edge only at very bottom */
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 90%,
		rgba(0, 0, 0, 0.65) 96%,
		transparent 100%
	) !important;
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 90%,
		rgba(0, 0, 0, 0.65) 96%,
		transparent 100%
	) !important;
}
body.flora-inner::after,
html.flora-inner body::after {
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%) !important;
	mask-image: linear-gradient(180deg, #000 0%, #000 70%, transparent 100%) !important;
	opacity: 0.4 !important;
}
.flora-sponsors {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	max-width: none !important;
	margin: 40px 0 0 !important;
	padding: 0 !important;
	clear: both !important;
	position: relative !important;
	z-index: 5 !important;
}

/* =====================================================================
   INNER BG FIX (no JS) — events/donate/contact/login/register/rank
   main.inner = inner pages; homepage is main.clearfix
   ===================================================================== */
body:has(main.inner) {
	min-height: 100vh !important;
	background-color: #080602 !important;
}
body:has(main.inner)::before {
	content: "" !important;
	display: block !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 100vh !important;
	max-height: none !important;
	pointer-events: none !important;
	z-index: 0 !important;
	background-image: inherit !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: cover !important;
	opacity: 1 !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	-webkit-mask: none !important;
	mask: none !important;
}
body:has(main.inner)::after {
	-webkit-mask-image: none !important;
	mask-image: none !important;
	opacity: 0.35 !important;
}
/* homepage stays original hero */
body:has(main.clearfix):not(:has(main.inner))::before,
body.flora-home::before {
	position: absolute !important;
	inset: auto !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: auto !important;
	height: 53.5vw !important;
	min-height: 480px !important;
	width: 100% !important;
	background-size: 100% 100% !important;
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 72%,
		rgba(0, 0, 0, 0.75) 84%,
		rgba(0, 0, 0, 0.35) 93%,
		transparent 100%
	) !important;
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 72%,
		rgba(0, 0, 0, 0.75) 84%,
		rgba(0, 0, 0, 0.35) 93%,
		transparent 100%
	) !important;
}

.flora-page-bg {
	position: fixed !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-repeat: no-repeat !important;
	background-position: top center !important;
	background-size: cover !important;
}
body:has(.flora-page-bg)::before {
	opacity: 0 !important; /* JS full-bleed layer active — hide cut hero */
}

/* =====================================================================
   SPONSORS IN FOOTER — undo hide, show only sponsors strip
   ===================================================================== */
footer,
footer.flora-footer-gone,
footer.flora-footer-sponsors,
footer .container {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1.5px solid #d97706 !important;
	pointer-events: auto !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	clip: auto !important;
	width: 100% !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.06) 0 1px, transparent 1px 5px),
		radial-gradient(900px 140px at 50% 0%, rgba(217, 119, 6, 0.1), transparent 65%),
		linear-gradient(180deg, #120805 0%, #080604 60%, #080602 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 210, 140, 0.06) !important;
	z-index: 5 !important;
}
footer .copy,
footer .menu,
footer .copy *,
footer .menu *,
footer::before,
footer::after,
footer .container::before,
footer .container::after,
footer .copy::before,
footer .copy::after,
footer .container::after {
	display: none !important;
	content: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
footer .flora-sponsors,
footer .container .flora-sponsors {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}
footer .flora-sponsors::before {
	display: none !important;
	content: none !important;
}
/* only hide sidebar sponsors AFTER they were moved into footer */
body:has(footer .flora-sponsors-inner) main .right-info > .info-t.screens,
body:has(footer .flora-sponsors-inner) main .right-info > .screens {
	display: none !important;
}
/* if JS not updated yet — still show sponsors (not invisible) */
main .right-info > .info-t.screens,
main .right-info > .screens {
	display: flex !important;
}
body:has(footer .flora-sponsors-inner) main .right-info > .info-t.screens,
body:has(footer .flora-sponsors-inner) main .right-info > .screens {
	display: none !important;
}

/* =====================================================================
   FIX: horizontal sponsors in footer + hide empty footer bar + events total
   ===================================================================== */
/* empty footer = the ugly horizontal pinstripe bar on events/donate/contact */
footer:not(:has(.flora-sponsors a)):not(:has(.screens a)) {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	overflow: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
footer.flora-footer-sponsors:has(.flora-sponsors a),
footer.flora-footer-sponsors:has(.screens a) {
	display: block !important;
	visibility: visible !important;
	height: auto !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	border-top: 1.5px solid #d97706 !important;
}
/* force HORIZONTAL sponsor row in footer */
footer .flora-sponsors .flora-sponsors-inner,
footer .flora-sponsors .info-t.screens,
footer .flora-sponsors .screens,
footer .info-t.screens,
footer .screens {
	display: flex !important;
	flex-flow: row wrap !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	align-content: center !important;
	column-gap: 12px !important;
	row-gap: 12px !important;
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 24px 16px !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	top: auto !important;
	float: none !important;
	box-sizing: border-box !important;
	border: 0 !important;
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}
footer .flora-sponsors a,
footer .screens a,
footer .info-t.screens a {
	display: inline-flex !important;
	flex: 0 1 148px !important;
	width: auto !important;
	min-width: 132px !important;
	max-width: 168px !important;
	min-height: 70px !important;
	float: none !important;
	margin: 0 !important;
}
/* never keep sponsors stacked in right sidebar */
main .right-info .info-t.screens,
main .right-info .screens {
	display: none !important;
}
/* Event Calendar — duplicate "Yaklaşan etkinlik yok" under empty state */
.t7-events-total,
#events-calendar-total,
.flora-events-total,
p.t7-events-total {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	font-size: 0 !important;
}

/* =====================================================================
   TIGHT LAYOUT — home tight; inner pages use sticky footer (see FINAL)
   ===================================================================== */
html, body {
	height: auto !important;
}
body:not(.flora-inner):not(:has(main.inner)) {
	min-height: 0 !important;
	display: block !important;
}
main {
	padding-bottom: 16px !important;
	margin-bottom: 0 !important;
}
main.inner,
main.clearfix {
	padding-bottom: 12px !important;
	margin-bottom: 0 !important;
}
main.inner > h1 {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
main.inner > .h-about,
main.inner > p.h-about {
	margin-bottom: 16px !important;
}
main.inner .inner-bg {
	margin-bottom: 12px !important;
	padding-bottom: 20px !important;
}
main.inner .inner-bg.stp {
	margin-bottom: 12px !important;
}
main .left-info,
main .right-info {
	padding-bottom: 8px !important;
	margin-bottom: 0 !important;
}
.flora-footer-inner {
	padding: 18px 16px 16px !important;
}
.flora-footer-copy {
	margin-top: 4px !important;
	padding-top: 12px !important;
}
/* keep full-bleed bg WITHOUT relying on body height alone */
body:has(main.inner)::before,
body.flora-inner::before {
	position: fixed !important;
	inset: 0 !important;
	height: 100% !important;
	min-height: 100vh !important;
	width: 100% !important;
	background-size: cover !important;
	background-position: top center !important;
	-webkit-mask-image: none !important;
	mask-image: none !important;
	opacity: 1 !important;
}
body:has(.flora-page-bg)::before {
	opacity: 0 !important;
}
.container {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* =====================================================================
   FLORA FOOTER — horizontal sponsors + copyright (red zone)
   ===================================================================== */
footer,
footer.flora-footer,
footer.flora-footer-sponsors {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
	left: auto !important;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin-top: 12px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	pointer-events: auto !important;
	clip: auto !important;
	z-index: 6 !important;
	border: 0 !important;
	border-top: 1.5px solid #d97706 !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.07) 0 1px, transparent 1px 5px),
		radial-gradient(900px 160px at 50% 0%, rgba(217, 119, 6, 0.12), transparent 65%),
		linear-gradient(180deg, #181004 0%, #080604 55%, #080602 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 210, 140, 0.08) !important;
}
footer:not(.flora-footer):not(:has(.flora-sponsors-inner)):not(:has(.screens a)) {
	display: none !important;
}
.flora-footer-inner {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 18px 16px 16px !important;
	box-sizing: border-box !important;
	text-align: center !important;
}
.flora-footer .flora-sponsors-inner,
.flora-footer .info-t.screens,
.flora-footer .screens {
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 0 18px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	position: relative !important;
	float: none !important;
}
.flora-footer .flora-sponsors-inner h3,
.flora-footer .screens h3,
.flora-footer .info-t.screens h3 {
	flex: 0 0 100% !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 14px !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	color: #fcd34d !important;
	background: none !important;
	border: 0 !important;
}
.flora-footer .flora-sponsors-inner h3::before,
.flora-footer .flora-sponsors-inner h3::after,
.flora-footer .screens h3::before,
.flora-footer .screens h3::after {
	content: "" !important;
	display: block !important;
	width: 56px !important;
	height: 1px !important;
	flex: 0 0 56px !important;
	background: linear-gradient(90deg, transparent, #d97706) !important;
}
.flora-footer .flora-sponsors-inner h3::after,
.flora-footer .screens h3::after {
	background: linear-gradient(90deg, #d97706, transparent) !important;
}
.flora-footer a,
.flora-footer .screens a,
.flora-footer .info-t.screens a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 1 140px !important;
	min-width: 120px !important;
	max-width: 160px !important;
	min-height: 68px !important;
	margin: 0 !important;
	padding: 10px 12px !important;
	float: none !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%) !important;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4) !important;
	transition: transform 0.2s ease, filter 0.2s ease !important;
}
.flora-footer a:hover {
	transform: translateY(-2px) !important;
	filter: brightness(1.08) !important;
}
.flora-footer a img {
	max-width: 110px !important;
	max-height: 42px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}
.flora-footer-copy {
	margin: 6px auto 0 !important;
	padding-top: 14px !important;
	border-top: 1px solid rgba(217, 119, 6, 0.28) !important;
	max-width: 640px !important;
}
.flora-footer-copy p {
	margin: 0 0 6px !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	line-height: 1.45 !important;
}
.flora-footer-copy p:first-child {
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.06em !important;
	color: #d4b896 !important;
}
.flora-footer-copy p:last-child {
	margin-bottom: 0 !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
	color: #8a7358 !important;
}
main .right-info .info-t.screens,
main .right-info .screens {
	display: none !important;
}
@media (max-width: 720px) {
	.flora-footer a {
		flex: 0 1 calc(50% - 8px) !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}

/* Instant Unique — CSS fallback + polish (works with flora-instant-unique class) */
.inner-bg.stats:has(.t-row.t-info > .t-col.t5) .t-row.t-info,
.inner-bg.stats:has(.t-row.t-info > .t-col.t5) .t-row.t-head,
body.flora-instant-unique .inner-bg.stats .t-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	gap: 10px !important;
	min-height: 58px !important;
	padding: 10px 14px !important;
	box-sizing: border-box !important;
}
.inner-bg.stats:has(.t-row.t-info > .t-col.t5) .t-row > .t-col,
.inner-bg.stats:has(.t-row.t-info > .t-col.t5) .t-col.t5,
body.flora-instant-unique .inner-bg.stats .t-row > .t-col {
	float: none !important;
	flex: 1 1 33.333% !important;
	width: 33.333% !important;
	max-width: 33.333% !important;
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	box-sizing: border-box !important;
}
body.flora-instant-unique .flora-iu-race {
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #e8d2b0 !important;
	letter-spacing: 0.03em !important;
}
body.flora-instant-unique .flora-iu-killer {
	justify-content: center !important;
}

/* FINAL: sticky footer on inner pages — do NOT flex .container (breaks logo+nav grid) */
html:has(main.inner),
body:has(main.inner),
html.flora-inner,
body.flora-inner {
	min-height: 100vh !important;
	height: auto !important;
	display: flex !important;
	flex-direction: column !important;
}
body:has(main.inner) > .container,
body.flora-inner > .container {
	flex: 1 0 auto !important;
	width: 100% !important;
	max-width: 1860px !important;
	box-sizing: border-box !important;
	/* critical: do not set display — keep HEADER ROW GRID */
}
body:has(main.inner) main.inner,
body.flora-inner main.inner {
	padding-bottom: 12px !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}
body:has(main.inner) > footer,
body:has(main.inner) > footer.flora-footer,
body.flora-inner > footer,
body.flora-inner > footer.flora-footer {
	margin-top: auto !important;
	margin-bottom: 0 !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	align-self: stretch !important;
	position: relative !important;
	z-index: 6 !important;
}
/* homepage: normal flow */
body:has(main.clearfix):not(:has(main.inner)) {
	display: block !important;
	min-height: 0 !important;
}
body:has(main.clearfix):not(:has(main.inner)) > footer.flora-footer {
	margin-top: 12px !important;
}
main {
	padding-bottom: 16px !important;
}

/* ensure logo+nav grid still wins on inner pages */
@media (min-width: 1000px) {
	body:has(main.inner) .container:has(> nav):has(> header),
	body.flora-inner .container:has(> nav):has(> header) {
		display: grid !important;
		grid-template-columns: 300px minmax(0, 1fr) !important;
		column-gap: 20px !important;
		align-items: start !important;
		padding-top: 28px !important;
	}
	body:has(main.inner) .container:has(> nav):has(> header) > header,
	body:has(main.inner) .container:has(> nav):has(> header) > header.inner,
	body.flora-inner .container:has(> nav):has(> header) > header,
	body.flora-inner .container:has(> nav):has(> header) > header.inner {
		grid-column: 1 !important;
		grid-row: 1 !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		max-width: 300px !important;
		height: 92px !important;
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		pointer-events: none !important;
	}
	body:has(main.inner) .container:has(> nav):has(> header) > header .logo,
	body.flora-inner .container:has(> nav):has(> header) > header .logo {
		pointer-events: auto !important;
	}
	body:has(main.inner) .container:has(> nav):has(> header) > nav,
	body.flora-inner .container:has(> nav):has(> header) > nav {
		grid-column: 2 !important;
		grid-row: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		height: 92px !important;
	}
	body:has(main.inner) .container:has(> nav):has(> header) > main,
	body.flora-inner .container:has(> nav):has(> header) > main {
		grid-column: 1 / -1 !important;
		grid-row: 2 !important;
		width: 100% !important;
	}
}

/* =====================================================================
   SIDEBAR TITLES — kill neon gold underline, tile chip header
   (Server Status, Fortress Wars, Event Calendar, Server Information…)
   ===================================================================== */
main .left-info .info-t:not(.screens) h3,
main .right-info .info-t:not(.screens):not(:first-child) h3,
main .right-info .info-t.forum-msg:nth-child(2) h3,
main .left-info .info-t.forts h3,
main .right-info .info-t h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 2px auto 12px !important;
	padding: 9px 12px !important;
	box-sizing: border-box !important;
	text-align: center !important;
	font-family: "Manrope", "Outfit", sans-serif !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.16em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
	color: #fcd34d !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65) !important;
	border: 1.5px solid #d97706 !important;
	border-radius: 12px 3px 12px 3px !important;
	background-color: #080602 !important;
	background-image:
		repeating-linear-gradient(-45deg, rgba(120, 53, 15, 0.08) 0 1px, transparent 1px 5px),
		linear-gradient(180deg, #181004 0%, #080604 100%) !important;
	background-size: auto !important;
	background-repeat: repeat !important;
	background-position: 0 0 !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 220, 140, 0.08),
		0 6px 14px rgba(0, 0, 0, 0.35) !important;
}
main .left-info .info-t:not(.screens) h3::before,
main .left-info .info-t:not(.screens) h3::after,
main .right-info .info-t:not(.screens) h3::before,
main .right-info .info-t:not(.screens) h3::after,
main .right-info .info-t.forum-msg:nth-child(2) h3::before,
main .right-info .info-t.forum-msg:nth-child(2) h3::after,
main .left-info .info-t.forts h3::before,
main .left-info .info-t.forts h3::after {
	content: none !important;
	display: none !important;
}
/* keep Server Time compact header as-is (no chip) */
main .right-info .info-t.forum-msg:first-child h3 {
	display: block !important;
	width: auto !important;
	margin: 0 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	font-size: 10px !important;
	letter-spacing: 0.18em !important;
	color: #c4a078 !important;
	text-shadow: none !important;
	text-align: left !important;
}

/* =====================================================================
   MOBILE FINAL — full site responsive (tablet ≤999 / phone ≤480)
   ===================================================================== */
@media (max-width: 999px) {
	html, body {
		overflow-x: hidden !important;
		max-width: 100vw !important;
		width: 100% !important;
	}
	body, body.flora-inner, body:has(main.inner) {
		display: flex !important;
		flex-direction: column !important;
		min-height: 100vh !important;
	}
	body:has(main.clearfix):not(:has(main.inner)) {
		min-height: 0 !important;
	}

	.container,
	body:has(main.inner) > .container,
	body.flora-inner > .container,
	.container:has(> nav):has(> header) {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		column-gap: 0 !important;
		row-gap: 0 !important;
		width: calc(100% - 14px) !important;
		max-width: 720px !important;
		margin: 0 auto !important;
		padding: 8px 0 0 !important;
		box-sizing: border-box !important;
		float: none !important;
	}

	/* Logo first, then nav (DOM is nav→header) */
	.container:has(> nav):has(> header) > header,
	.container > header,
	header,
	header.inner {
		order: -1 !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto 8px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		pointer-events: auto !important;
		transform: none !important;
		background: none !important;
		border: 0 !important;
		box-shadow: none !important;
		grid-column: auto !important;
		grid-row: auto !important;
	}
	header .logo,
	header.inner .logo {
		position: relative !important;
		width: min(260px, 78vw) !important;
		max-width: 280px !important;
		height: 72px !important;
		min-height: 72px !important;
		max-height: 72px !important;
		margin: 0 auto !important;
		padding: 8px 12px !important;
		pointer-events: auto !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	header .logo .logo-1,
	header.inner .logo .logo-1 {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		height: 56px !important;
		max-height: 56px !important;
		margin: 0 auto !important;
	}

	nav,
	.container:has(> nav):has(> header) > nav {
		order: 0 !important;
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		margin: 0 0 10px !important;
		margin-left: 0 !important;
		padding: 10px 8px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: stretch !important;
		gap: 6px !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		transform: none !important;
		grid-column: auto !important;
		grid-row: auto !important;
		left: auto !important;
		right: auto !important;
	}
	nav a {
		flex: 1 1 calc(33.33% - 8px) !important;
		max-width: calc(33.33% - 6px) !important;
		min-width: 92px !important;
		min-height: 54px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 8px 4px !important;
		font-size: 10px !important;
		letter-spacing: 0.04em !important;
		box-sizing: border-box !important;
	}
	nav .flora-auth-right {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 8px !important;
		margin: 4px 0 0 !important;
		margin-left: 0 !important;
	}
	nav .flora-auth-right a,
	nav a[href*="register"],
	nav a[href*="Register"],
	nav a[href*="kayit"],
	nav a[href*="login"],
	nav a[href*="Login"],
	nav a.cp {
		flex: 1 1 calc(50% - 8px) !important;
		max-width: calc(50% - 6px) !important;
		min-width: 0 !important;
		min-height: 44px !important;
		height: 44px !important;
		padding: 0 10px !important;
		font-size: 11px !important;
		flex-direction: row !important;
	}

	main,
	main.clearfix,
	main.inner,
	.container:has(> nav):has(> header) > main {
		order: 1 !important;
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: none !important;
		grid-column: auto !important;
		grid-row: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 8px 0 0 !important;
		padding: 0 0 12px !important;
		gap: 12px !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	main .left-info,
	main .news,
	main .right-info,
	main .left-info .info-t,
	main .right-info .info-t {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		margin: 0 0 10px !important;
		box-sizing: border-box !important;
	}
	main .left-info,
	main .right-info {
		display: block !important;
		padding: 10px !important;
	}
	main .right-info .info-t.forum-msg:first-child {
		position: relative !important;
		width: auto !important;
		max-width: 100% !important;
		margin: 0 0 10px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 8px !important;
	}
	main .right-info .info-t.forum-msg:first-child h3 {
		margin: 0 !important;
		flex: 0 0 auto !important;
	}
	.clock {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		text-align: right !important;
		padding-right: 8px !important;
		font-size: 16px !important;
		height: 40px !important;
		line-height: 40px !important;
	}

	/* News / video */
	.news,
	main .news {
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.news .new,
	.news .new.big,
	.flora-video,
	.flora-silk {
		width: 100% !important;
		max-width: 100% !important;
		flex: none !important;
		float: none !important;
		box-sizing: border-box !important;
	}
	.flora-video {
		flex-direction: column !important;
		padding: 10px !important;
	}
	.flora-video-player {
		width: 100% !important;
		max-height: 220px !important;
		aspect-ratio: 16 / 9 !important;
	}
	.news .new .img,
	.news .new.big .img {
		width: calc(100% - 16px) !important;
		max-height: 200px !important;
		aspect-ratio: 16 / 7 !important;
	}

	/* Inner pages */
	main.inner > h1 {
		font-size: clamp(20px, 6vw, 28px) !important;
		padding: 0 6px !important;
		margin: 6px 0 8px !important;
	}
	main.inner > .h-about,
	main.inner > p.h-about {
		font-size: 13px !important;
		margin: 0 8px 14px !important;
		padding: 0 !important;
	}
	.inner-bg,
	.general-block,
	.content.don-form,
	#loginForm,
	#registerForm {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto 12px !important;
		padding: 14px 12px !important;
		box-sizing: border-box !important;
	}
	.content.don-form {
		max-width: 100% !important;
		padding: 18px 14px !important;
	}
	.stat-menu {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 6px !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 8px !important;
		margin: 0 0 12px !important;
	}
	.stat-menu a {
		flex: 1 1 calc(50% - 6px) !important;
		min-width: 120px !important;
		max-width: 100% !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
	.t7-events-filters,
	[data-calendar-filters] {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 6px !important;
		padding: 8px !important;
	}
	.t7-events-filter,
	[data-calendar-filters] a {
		flex: 1 1 calc(50% - 6px) !important;
		min-width: 110px !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
	.inner-bg.stats,
	.inner-bg.stats .t-row {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.inner-bg.stats .t-row {
		overflow-x: auto !important;
	}
	.btn,
	a.btn,
	input[type="submit"],
	button[type="submit"] {
		width: 100% !important;
		max-width: 320px !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	.inner-bg.stp .buttons,
	.inner-bg .content.steps .buttons {
		width: 100% !important;
		min-width: 0 !important;
		margin: 8px 0 !important;
		display: block !important;
	}
	.inner-bg.stp .buttons a.btn,
	.inner-bg .content.steps .buttons a.btn {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Footer / sponsors */
	footer,
	footer.flora-footer,
	body:has(main.inner) > footer.flora-footer {
		width: 100% !important;
		margin-top: auto !important;
		margin-bottom: 0 !important;
		flex: 0 0 auto !important;
		align-self: stretch !important;
	}
	.flora-footer-inner {
		padding: 16px 10px 14px !important;
		max-width: 100% !important;
	}
	.flora-footer .flora-sponsors-inner,
	.flora-footer .screens,
	.flora-footer .info-t.screens {
		gap: 8px !important;
		margin-bottom: 12px !important;
	}
	.flora-footer a,
	.flora-footer .screens a {
		flex: 0 1 calc(50% - 8px) !important;
		min-width: 0 !important;
		max-width: none !important;
		min-height: 58px !important;
		padding: 8px !important;
	}
	.flora-footer a img {
		max-width: 96px !important;
		max-height: 36px !important;
	}
	.flora-footer-copy p:first-child {
		font-size: 12px !important;
	}
	.flora-footer-copy p:last-child {
		font-size: 10px !important;
	}

	/* Social dock */
	.flora-social,
	.info-t.forts .flora-social {
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 8px !important;
	}
	.flora-social a {
		flex: 0 1 auto !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}

	/* Instant Unique mobile */
	body.flora-instant-unique .inner-bg.stats .t-row {
		flex-wrap: wrap !important;
		min-height: 0 !important;
	}
	body.flora-instant-unique .inner-bg.stats .t-row > .t-col,
	body.flora-instant-unique .flora-iu-date,
	body.flora-instant-unique .flora-iu-unique,
	body.flora-instant-unique .flora-iu-killer {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		justify-content: flex-start !important;
		padding: 6px 4px !important;
		white-space: normal !important;
	}
	body.flora-instant-unique .inner-bg.stats .t-row.t-head > .t-col {
		flex: 1 1 30% !important;
		width: auto !important;
		max-width: none !important;
		font-size: 10px !important;
	}

	/* Sidebar title chips readable */
	main .left-info .info-t h3,
	main .right-info .info-t h3 {
		font-size: 10px !important;
		letter-spacing: 0.12em !important;
		padding: 8px 10px !important;
	}
}

@media (max-width: 480px) {
	.container,
	body:has(main.inner) > .container {
		width: calc(100% - 10px) !important;
		padding-top: 6px !important;
	}
	header .logo,
	header.inner .logo {
		width: min(220px, 84vw) !important;
		height: 64px !important;
		min-height: 64px !important;
		max-height: 64px !important;
	}
	header .logo .logo-1 {
		height: 48px !important;
		max-height: 48px !important;
	}
	nav a {
		flex: 1 1 calc(50% - 6px) !important;
		max-width: calc(50% - 4px) !important;
		min-width: 0 !important;
		min-height: 50px !important;
		font-size: 9px !important;
	}
	nav .flora-auth-right a,
	nav a[href*="register"],
	nav a[href*="login"],
	nav a.cp {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	.stat-menu a,
	.t7-events-filter,
	[data-calendar-filters] a {
		flex: 1 1 100% !important;
		max-width: 100% !important;
	}
	.flora-footer a {
		flex: 0 1 calc(50% - 6px) !important;
		min-height: 52px !important;
	}
	.flora-video-player {
		max-height: 180px !important;
	}
	main.inner > h1 {
		font-size: 20px !important;
	}
}

/* =====================================================================
   DOWNLOAD MIRRORS ONLY — 3 sütun grid (restricted / login / account dokunma)
   Hedef: .content.steps içinde en az 3 adet .buttons (dosya linkleri)
   ===================================================================== */
.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons),
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	column-gap: 18px !important;
	row-gap: 18px !important;
	gap: 18px !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	padding: 4px 8px 0 !important;
	margin: 0 !important;
	text-align: center !important;
	justify-items: stretch !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)):has(.content.steps > .buttons + .buttons + .buttons) {
	overflow: visible !important;
	padding: 28px 36px 32px !important;
	box-sizing: border-box !important;
	max-width: 1100px !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > h2,
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > h2 {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	margin: 0 0 4px !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > p,
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > p {
	grid-column: 1 / -1 !important;
	width: min(720px, 100%) !important;
	max-width: 100% !important;
	margin: 4px auto 0 !important;
	justify-self: center !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > br,
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > br {
	display: none !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons,
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons {
	display: flex !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin: 0 !important;
	float: none !important;
	justify-content: center !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons a.btn,
.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons a.btn {
	display: inline-flex !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/* Tek .buttons içinde 3+ mirror link */
.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)),
.inner-bg:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	grid-column: 1 / -1 !important;
	column-gap: 18px !important;
	row-gap: 18px !important;
	gap: 18px !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)) > a.btn,
.inner-bg:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)) > a.btn {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
}

@media (max-width: 999px) {
	.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons),
	.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons),
	.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)),
	.inner-bg:not(:has(.ga_infoBox)) .content.steps > .buttons:has(> a.btn:nth-child(3)) {
		grid-template-columns: 1fr !important;
		row-gap: 12px !important;
		gap: 12px !important;
		justify-items: center !important;
	}
	.inner-bg.stp:not(:has(.ga_infoBox)):has(.content.steps > .buttons + .buttons + .buttons) {
		padding: 18px 14px 20px !important;
	}
	.inner-bg.stp:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons,
	.inner-bg:not(:has(.ga_infoBox)) .content.steps:has(> .buttons + .buttons + .buttons) > .buttons {
		width: 100% !important;
		max-width: 340px !important;
	}
}