/* TeamWars — header.php icindeki inline <style> bloklari (2026-07-27).
   Her sayfa yuklemesinde HTML olarak yeniden iniyordu; harici dosyaya
   alinip tarayici onbellegine verildi. Blok ici sira birebir korundu.
   Kapanmamis yorum/suslu iceren bloklar blok sonunda kapatildi —
   tarayicinin </style> kurtarmasinin ayni sonucu. */

/* ---- header.php satir 978 ---- */
.header.navbar-inverse{
			filter: drop-shadow(0px 0px 1px black)!important;
		}
		.header.navbar-inverse .navbar-nav>li>a {
			color: rgb(255 255 255)!important;
		}

		.tox-tinymce {
			border: none !important;
		}

		.tox .tox-edit-area__iframe {
			background-color: transparent !important;

		}

		.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
			background: transparent !important;
			border-bottom: 1px solid #353353 !important;
			padding-bottom: 10px !important;
		}

		.tox .tox-tbtn {
			color: #fff !important;
			border: 1px solid #fff !important;
		}

		.tox .tox-tbtn svg {
			fill: #fff !important;
		}

		.tox .tox-toolbar__group {
			border: none !important;
			gap: 8px;
		}

		.tox .tox-statusbar {
			background: #8080801d !important;
			border-color: #8080801d !important;
		}

		.timeline-content iframe {
			width: 100% !important;
			border-radius: 5px;
			border: none;
			height: 470px;
		}

		.timeline-content img {
			height: 250px;
			width: 100%;
			object-fit: contain;
		}

		.header .navbar-form .form-control:focus{
			border-color: white!important;
		}

/* ---- header.php satir 1044 ---- */
span.veeValidate {
			color: #E13300;
			margin-top: 5px;
			font-weight: bolder;
			display: block;
			font-size: 12px;
		}

		label.veeValidate::before {
			border: 2px solid #E13300;
		}

		body::-webkit-scrollbar {
			width: 5px;
		}

		body::-webkit-scrollbar-thumb {
			background-color: #313233;
			border-radius: 20px;
		}

		body::-webkit-scrollbar-track {
			background: #111217;
		}

		@media screen and (max-width: 767px) {
			.show-desktop {
				display: none;
			}
			.content{
				/*padding: 30px 20px!important;*/
			}
		}

		@media screen and (max-width: 767.98px) {
			.page-header-fixed{padding-top:50px!important;}
		}

		

		.content {
			margin-left: 0px !important;
			background: transparent !important;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;

		}

		.sidebar {
			/*width: 220px;*/
			/*top: 22%;*/
			overflow: hidden !important;
			/* padding-top: 0px; */
			background: transparent !important;
			height: auto;
		}

		.header {
			transition: 1s;

		}

		.navbar-brand {
			background: transparent !important;
		}

		.sb-menu .active {
			transition-duration: 400ms;
		}
		select option {
			color: #00cfff;
			background-color: #1e1e2f;
		}

		.s-act {
			border-top-right-radius: 15px;
			border-bottom-right-radius: 15px;
			transition: 0.5s;
		}

		.s-act:hover {
			filter: drop-shadow(15px 5px 22px purple);
			transition-duration: 400ms;
		}

		.s-act .btn.focus, .btn:focus {
			outline: 0;
			box-shadow: 0 0 0 0.2rem rgb(52 143 226 / 25%);
			box-shadow: none;
		}

		.slimScrollDiv .slimScrollBar {
			opacity: 0 !important;
		}


		.has-scroll .header {
			-webkit-box-shadow: 0 0 16px rgb(0 0 0 / 15%);
			box-shadow: 0 0 16px rgb(0 0 0 / 15%);
			box-shadow: none;
		}

		.btn-outline-white2 {
			border-color: hsla(0, 0%, 96%, .3);
			background-color: transparent;
			color: #f6f6f6;
		}

		.btn-outline-white2:hover {
			border-color: #6ff;
			color: #6ff;
		}

		.drop-shadow-white:hover {
			-webkit-filter: drop-shadow(0px 7px 12px white);
			filter: drop-shadow(0px 7px 12px white);
			transition-duration: 500ms;
		}

		.drop-shadow-purple:hover {
			-webkit-filter: drop-shadow(0px 5px 22px purple);
			filter: drop-shadow(0px 5px 22px purple);
			transition-duration: 400ms;
		}


		.logoimg-mobile {
			width: 30px;
			object-fit: cover;
			top: 5px;
			position: absolute;
			left: 5px;
		}

		.logoimg-pc {
			width: 130px;
			height: 110px;
			object-fit: cover;
			top: 10px;
			position: absolute;
			left: 45px;
		}

		@media screen and (min-width: 0px) and (max-width: 767px) {
			/*Mobil de göster*/
			.mobileoff {
				display: none !important;
				z-index: 1019;
			}
			.content{
				padding-bottom: 70px!important;
			}
			/* KAPSAM DARALTMASI (2026-07-28) — kural ve değeri DEĞİŞMEDİ, yalnız
			   admin paneli ve 404 ekranı hariç tutuldu. Masaüstündeki
			   `* { font-size: .9799rem !important }` kuralının mobil eşi bu;
			   ikisi de kendi tasarım ölçeği olan ekranları düzlüyordu
			   (ölçüldü: 404'te clamp() ile verilen 64px'lik alt sınır mobilde
			   12,5px'e iniyordu). Muafiyet sınıfları site sayfalarında hiç
			   geçmediği için mobil site görünümü birebir aynı kalır. */
			/* :where() ŞART — çıplak :not() zinciri özgüllüğü yükseltip sitedeki
			   tek-sınıf !important font kurallarını eziyordu (masaüstü eşinde
			   yaşandı, 2026-07-28). :where() = sıfır özgüllük, aynı muafiyet. */
			*:where(:not(.a-mc):not(.a-mc *):not(.au-page):not(.au-page *):not(.au-modal-bd):not(.au-modal-bd *):not(.tw404):not(.tw404 *)){
				font-size: .85rem!important;
			}
			.cookie_panel{
				display: none!important;
			}
		}


		@media screen and (min-width: 768px) {
			/*Pc de göster*/
			.mobileon {
				display: none !important;
				z-index: 1019;
			}

			.content {
				padding: 50px 20px 150px!important;
				color: white;
			}

		/*
		.content{
			padding: 50px 0px!important;
			color: white;
			overflow-x: hidden;
		}
		*/

		}
		.main-content{
			margin-bottom:70px;
		}

		@media screen and (min-width: 768px) {
			.main-content {
				margin-left: unset !important;
				padding-bottom: 30px!important;
				color: white;
				margin-top: unset!important;
				position: relative;
				z-index: 1019;
			}
		}

		@media screen and (min-width: 1024px) {
			.HSBWM{min-width: 250px;}
		}


		.sidebar .sub-menu > li > a:focus, .sidebar .sub-menu > li > a:hover {
			background-color: transparent;
			-webkit-filter: drop-shadow(0px 5px 22px purple);
			filter: drop-shadow(0px 5px 6px white);
			transition-duration: 400ms;
			text-shadow: 1px 1px 1px #110681;
		}

		.sidebar .sub-menu > li.active > a {
			background-color: transparent;
			color: #fff;
		}

		.animzoom:hover {
			-ms-transform: translate(10px, 0px) !important;
			-webkit-transform: translate(10px, 0px) !important;
			transform: translate(10px, 0px) !important;


			transition: 0.5s !important;
			font-size: 16px;
		}



		body{
			background-color: #1b0b2c!important;
		}

		.text-skyblue{
			font-size: 13px!important;
		}
		.f-s-10{
			font-size: 12px!important;
		}

		/* Global Modal Fix — z-index stacking context sorunu çözümü */
		/* .main-content veya benzeri container'lar position:relative + z-index ile
		   yeni stacking context oluşturunca, içindeki modallar arka planda kalıyordu */
		.modal {
			z-index: 10500 !important;
		}
		.modal-backdrop {
			z-index: 10499 !important;
		}

/* ---- header.php satir 1298 ---- */
.mobile-bar:hover {
		-webkit-filter: drop-shadow(0px 5px 10px white);
		filter: drop-shadow(0px 5px 10px white);
		transition-duration: 400ms;
	}

	.mobile-area {
		padding-top: 60px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
		position: absolute;
	}




	/*Remove Google Autocomplate */
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		transition: all 5000s ease-in-out 0s;
		transition-property: background-color, color;
	}


	.selected-game-img {
		width: 23px;
		height: 30px;
		object-fit: cover;
	}

	.select-game-img {
		height: 100px;
		width: 76px;
		object-fit: cover;
	}

	.sg:hover {
		filter: drop-shadow(0px 4px 16px purple);
	}

/* ---- header.php satir 1352 ---- */
/* ============================================
		   TOURNAMENT SIDEBAR 2025
		   ============================================ */

		   /* Floating Button — İlk 15sn parlak, sonra söner */
		   .tw-tour-fab {
		   	position: fixed;
		   	bottom: 24px;
		   	left: 20px;
		   	z-index: 9999;
		   	width: 38px;
		   	height: 38px;
		   	border-radius: 50%;
		   	border: 1px solid rgba(255, 255, 255, 0.15);
		   	background: rgba(17, 24, 39, 0.85);
		   	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
		   	cursor: pointer;
		   	transition: opacity 0.8s ease, border-color 0.8s ease, box-shadow 0.8s ease, transform 0.25s ease;
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	opacity: 1;
		   }

		   .tw-tour-fab.dimmed {
		   	opacity: 0.6;
		   	border-color: rgba(255, 255, 255, 0.08);
		   	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
		   }

		   .tw-tour-fab:hover {
		   	opacity: 1;
		   	transform: scale(1.1);
		   	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
		   	border-color: rgba(255, 255, 255, 0.15);
		   }

		   .tw-tour-fab img {
		   	width: 20px;
		   	height: 20px;
		   	filter: none;
		   	transition: filter 0.25s ease;
		   	opacity: 0.7;
		   }

		   .tw-tour-fab:hover img {
		   	opacity: 1;
		   	filter: drop-shadow(0 0 6px rgba(255, 70, 85, 0.4));
		   }

		   /* Active Match Pulse - YEŞİL BUTON */
		   .tw-tour-fab.onmatch {
		   animation: tw-fab-pulse 2s infinite;
		   background: linear-gradient(135deg, #10B981 0%, #059669 100%);
		   border-color: #10B981;
		   }

		   .tw-tour-fab.onmatch img {
		   filter: brightness(10) drop-shadow(0 0 10px white);
		   }

		   /* ============================================
		      FAB TOGGLE - CANLI MAÇ (COLLAPSED/EXPANDED)
		      ============================================ */

		   /* Collapsed state: küçük yuvarlak ikon */
		   .tw-tour-fab-expanded {
		   	position: fixed;
		   	bottom: 24px;
		   	left: 20px;
		   	z-index: 9999;
		   	width: 46px;
		   	height: 46px;
		   	border-radius: 50%;
		   	background: linear-gradient(145deg, #0a0a0a 0%, #1a1a1a 100%);
		   	cursor: pointer;
		   	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		   	display: flex;
		   	flex-direction: column;
		   	align-items: center;
		   	justify-content: center;
		   	text-decoration: none;
		   	overflow: hidden;
		   	border: 2px solid rgba(212,175,55,0.6);
		   	box-shadow: 0 4px 20px rgba(0,0,0,0.6), 0 0 15px rgba(212,175,55,0.3);
		   	padding: 0;
		   }

		   .tw-tour-fab-expanded:hover {
		   	transform: translateY(-3px) scale(1.08);
		   	border-color: rgba(255,215,0,0.9);
		   	box-shadow: 0 6px 25px rgba(0,0,0,0.7), 0 0 25px rgba(212,175,55,0.5);
		   	text-decoration: none;
		   }

		   /* Expanded state: kompakt kart */
		   .tw-tour-fab-expanded.open {
		   	width: 200px;
		   	height: auto;
		   	border-radius: 14px;
		   	padding: 0;
		   	box-shadow: 0 10px 40px rgba(0,0,0,0.8), 0 0 0 1px rgba(212,175,55,0.6);
		   }

		   .tw-tour-fab-expanded.open:hover {
		   	transform: translateY(-4px);
		   }

		   /* Collapsed dot: LIVE pulse */
		   .tw-fab-dot {
		   	width: 14px;
		   	height: 14px;
		   	border-radius: 50%;
		   	background: linear-gradient(135deg, #ffd700 0%, #d4af37 100%);
		   	animation: tw-live-pulse 1.2s ease-in-out infinite;
		   	box-shadow: 0 0 12px rgba(255,215,0,0.8), 0 0 25px rgba(212,175,55,0.4);
		   	flex-shrink: 0;
		   	transition: opacity 0.2s ease, width 0.2s ease, height 0.2s ease;
		   }

		   .tw-tour-fab-expanded.open .tw-fab-dot {
		   	width: 0;
		   	height: 0;
		   	opacity: 0;
		   	position: absolute;
		   }

		   @keyframes tw-live-pulse {
		   	0%, 100% { transform: scale(1); opacity: 1; box-shadow: 0 0 12px rgba(255,215,0,0.8), 0 0 25px rgba(212,175,55,0.4); }
		   	50% { transform: scale(1.3); opacity: 0.85; box-shadow: 0 0 20px rgba(255,215,0,1), 0 0 40px rgba(212,175,55,0.6); }
		   }

		   /* İç içerik: collapsed'da gizli, open'da görünür */
		   .tw-fab-inner {
		   	opacity: 0;
		   	max-height: 0;
		   	overflow: hidden;
		   	transition: opacity 0.25s ease 0s, max-height 0.35s ease;
		   	width: 100%;
		   }

		   .tw-tour-fab-expanded.open .tw-fab-inner {
		   	opacity: 1;
		   	max-height: 300px;
		   	transition: opacity 0.25s ease 0.1s, max-height 0.35s ease;
		   }

		   .tw-fab-header {
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	gap: 8px;
		   	padding: 8px 14px;
		   	background: linear-gradient(90deg, rgba(212,175,55,0.1) 0%, rgba(244,228,166,0.05) 50%, rgba(212,175,55,0.1) 100%);
		   	border-bottom: 1px solid rgba(212,175,55,0.2);
		   }

		   .tw-fab-live-indicator {
		   	width: 8px;
		   	height: 8px;
		   	border-radius: 50%;
		   	background: #ffd700;
		   	animation: tw-live-pulse-sm 1.2s ease-in-out infinite;
		   	box-shadow: 0 0 8px rgba(255,215,0,0.8);
		   }

		   @keyframes tw-live-pulse-sm {
		   	0%, 100% { transform: scale(1); opacity: 1; }
		   	50% { transform: scale(1.3); opacity: 0.8; }
		   }

		   .tw-fab-live-text {
		   	font-size: 10px;
		   	font-weight: 800;
		   	color: #ffd700;
		   	text-transform: uppercase;
		   	letter-spacing: 2px;
		   }

		   .tw-fab-content {
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	gap: 10px;
		   	padding: 10px 14px;
		   }

		   .tw-fab-team-logo {
		   	width: 34px;
		   	height: 34px;
		   	border-radius: 8px;
		   	object-fit: contain;
		   	border: 1px solid rgba(212,175,55,0.4);
		   	background: rgba(0,0,0,0.5);
		   	padding: 3px;
		   }

		   .tw-fab-vs {
		   	font-size: 13px;
		   	font-weight: 900;
		   	color: #d4af37;
		   	letter-spacing: 1px;
		   }

		   .tw-fab-link {
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	gap: 6px;
		   	padding: 7px 14px;
		   	background: linear-gradient(90deg, #d4af37 0%, #aa8c2c 100%);
		   	text-decoration: none;
		   	transition: background 0.3s ease;
		   }

		   .tw-fab-link:hover {
		   	background: linear-gradient(90deg, #ffd700 0%, #d4af37 100%);
		   	text-decoration: none;
		   }

		   .tw-fab-link-text {
		   	font-size: 11px;
		   	font-weight: 800;
		   	color: #0a0a0a;
		   	text-transform: uppercase;
		   	letter-spacing: 1px;
		   }

		   .tw-fab-link-icon {
		   	font-size: 13px;
		   	color: #0a0a0a;
		   }

		   /* Turnuva geçmişi butonu (expanded içinde) */
		   .tw-fab-history {
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	width: 100%;
		   	padding: 6px 0;
		   	border: none;
		   	background: transparent;
		   	color: rgba(212,175,55,0.5);
		   	font-size: 14px;
		   	cursor: pointer;
		   	transition: color 0.2s ease;
		   	border-top: 1px solid rgba(255,255,255,0.05);
		   	border-radius: 0 0 12px 12px;
		   }

		   .tw-fab-history:hover {
		   	color: #ffd700;
		   }

		   /* Mobile responsive */
		   @media (max-width: 767px) {
		   	.tw-tour-fab-expanded {
		   		bottom: 80px;
		   		left: 12px;
		   		width: 42px;
		   		height: 42px;
		   	}

		   	.tw-tour-fab-expanded.open {
		   		width: 180px;
		   		height: auto;
		   		bottom: 80px;
		   		left: 12px;
		   		right: auto;
		   	}

		   	.tw-fab-team-logo {
		   		width: 30px;
		   		height: 30px;
		   	}

		   	.tw-fab-content {
		   		padding: 8px 10px;
		   		gap: 8px;
		   	}

		   	.tw-fab-vs {
		   		font-size: 11px;
		   	}
		   }

		   @keyframes tw-fab-pulse {
		   	0%, 100% {
		   	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(16, 185, 129, 0.5);
		   	}
		   	50% {
		   	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 0 12px rgba(16, 185, 129, 0);
		   	}
		   }

		   /* Sidebar Panel */
		   /* RTL DUZELTMESI (2026-07-27): kapali panel `left:0` + translateX(-100%)
		      ile HER ZAMAN sola cekiliyordu. Arapcada gorunur alan ters yonde
		      oldugu icin kapali panel sayfayi 278px yatay tasitiyordu (olculdu:
		      TR scrollWidth 1395 = viewport, AR 1673). Mantiksal ozellik + yon
		      basina dogru kacis + kapaliyken yerlesim disi (visibility). */
		   .tw-tour-sidebar {
		   	position: fixed;
		   	top: 0;
		   	inset-inline-start: 0;
		   	width: 420px;
		   	max-width: 90vw;
		   	height: 100vh;
		   	z-index: 10001;
		   	background: linear-gradient(180deg, rgba(26, 31, 46, 0.98) 0%, rgba(17, 24, 39, 0.98) 100%);
		   	backdrop-filter: blur(20px) saturate(180%);
		   	-webkit-backdrop-filter: blur(20px) saturate(180%);
		   	border-inline-end: 1px solid rgba(255, 255, 255, 0.12);
		   	box-shadow: 8px 0 40px rgba(0, 0, 0, 0.5);
		   	transform: translateX(-100%);
		   	visibility: hidden;
		   	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.4s;
		   	overflow: hidden;
		   	display: flex;
		   	flex-direction: column;
		   }
		   [dir="rtl"] .tw-tour-sidebar { transform: translateX(100%); }

		   .tw-tour-sidebar.open {
		   	transform: translateX(0);
		   	visibility: visible;
		   	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
		   }
		   [dir="rtl"] .tw-tour-sidebar.open { transform: translateX(0); }

		   /* Sidebar Header */
		   .tw-tour-header {
		   	display: flex;
		   	align-items: center;
		   	justify-content: space-between;
		   	padding: 20px 24px;
		   	background: linear-gradient(135deg, rgba(255, 70, 85, 0.1) 0%, transparent 100%);
		   	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		   	flex-shrink: 0;
		   }

		   .tw-tour-header h3 {
		   	margin: 0;
		   	font-size: 18px;
		   	font-weight: 700;
		   	color: #fff;
		   	text-transform: uppercase;
		   	letter-spacing: 0.05em;
		   	display: flex;
		   	align-items: center;
		   	gap: 10px;
		   }

		   .tw-tour-header h3 i {
		   	color: #FF4655;
		   }

		   .tw-tour-close {
		   	width: 36px;
		   	height: 36px;
		   	border-radius: 50%;
		   	border: 1px solid rgba(255, 255, 255, 0.1);
		   	background: rgba(255, 255, 255, 0.05);
		   	color: rgba(255, 255, 255, 0.7);
		   	font-size: 18px;
		   	cursor: pointer;
		   	transition: all 0.2s ease;
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   }

		   .tw-tour-close:hover {
		   	background: rgba(255, 70, 85, 0.2);
		   	border-color: #FF4655;
		   	color: #FF4655;
		   	transform: rotate(90deg);
		   }

		   /* Sidebar Content */
		   .tw-tour-content {
		   	flex: 1;
		   	overflow-y: auto;
		   	padding: 24px;
		   	scrollbar-width: thin;
		   	scrollbar-color: rgba(255, 255, 255, 0.1) transparent;
		   }

		   .tw-tour-content::-webkit-scrollbar {
		   	width: 4px;
		   }

		   .tw-tour-content::-webkit-scrollbar-thumb {
		   	background: rgba(255, 255, 255, 0.1);
		   	border-radius: 4px;
		   }

		   /* Section Label */
		   .tw-tour-label {
		   	font-size: 11px;
		   	font-weight: 700;
		   	text-transform: uppercase;
		   	letter-spacing: 0.1em;
		   	color: rgba(255, 255, 255, 0.6);
		   	margin-bottom: 16px;
		   	display: flex;
		   	align-items: center;
		   	gap: 8px;
		   }

		   .tw-tour-label::after {
		   	content: '';
		   	flex: 1;
		   	height: 1px;
		   	background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);
		   }

		   /* Live Match Card */
		   .tw-tour-live {
		   	background: linear-gradient(135deg, rgba(255, 70, 85, 0.15) 0%, rgba(255, 70, 85, 0.05) 100%);
		   	border: 1px solid rgba(255, 70, 85, 0.3);
		   	border-radius: 16px;
		   	padding: 20px;
		   	margin-bottom: 24px;
		   	position: relative;
		   	overflow: hidden;
		   }

		   .tw-tour-live::before {
		   	content: '';
		   	position: absolute;
		   	top: 0;
		   	left: 0;
		   	right: 0;
		   	height: 3px;
		   	background: linear-gradient(90deg, #FF4655, #DC3545, #FF4655);
		   	background-size: 200% 100%;
		   	animation: tw-live-bar 2s linear infinite;
		   }

		   @keyframes tw-live-bar {
		   	0% { background-position: 0% 0%; }
		   	100% { background-position: 200% 0%; }
		   }

		   .tw-tour-live-badge {
		   	display: inline-flex;
		   	align-items: center;
		   	gap: 6px;
		   	padding: 4px 10px;
		   	background: #FF4655;
		   	border-radius: 20px;
		   	font-size: 10px;
		   	font-weight: 700;
		   	color: #fff;
		   	text-transform: uppercase;
		   	margin-bottom: 12px;
		   }

		   .tw-tour-live-badge::before {
		   	content: '';
		   	width: 6px;
		   	height: 6px;
		   	border-radius: 50%;
		   	background: #fff;
		   	animation: tw-blink 1s infinite;
		   }

		   @keyframes tw-blink {
		   	0%, 100% { opacity: 1; }
		   	50% { opacity: 0.3; }
		   }

		   .tw-tour-live-name {
		   	font-size: 16px;
		   	font-weight: 700;
		   	color: #fff;
		   	margin-bottom: 4px;
		   	display: -webkit-box;
		   	-webkit-line-clamp: 1;
		   	-webkit-box-orient: vertical;
		   	overflow: hidden;
		   }

		   .tw-tour-live-name a {
		   	color: inherit;
		   	text-decoration: none;
		   	transition: color 0.2s;
		   }

		   .tw-tour-live-name a:hover {
		   	color: #FF4655;
		   }

		   .tw-tour-live-date {
		   	font-size: 12px;
		   	color: rgba(255, 255, 255, 0.6);
		   	margin-bottom: 16px;
		   }

		   .tw-tour-live-round {
		   	text-align: center;
		   	padding: 8px;
		   	background: rgba(255, 255, 255, 0.08);
		   	border-radius: 8px;
		   	margin-bottom: 16px;
		   	font-size: 13px;
		   	color: rgba(255, 255, 255, 0.8);
		   }

		   .tw-tour-live-round i {
		   	color: #FF4655;
		   	margin-right: 6px;
		   }

		   /* VS Card */
		   .tw-tour-vs {
		   	display: flex;
		   	align-items: center;
		   	justify-content: space-between;
		   	gap: 12px;
		   	margin-bottom: 16px;
		   }

		   .tw-tour-team {
		   	flex: 1;
		   	text-align: center;
		   }

		   .tw-tour-team img {
		   	width: 48px;
		   	height: 48px;
		   	border-radius: 12px;
		   	object-fit: cover;
		   	border: 2px solid rgba(255, 255, 255, 0.1);
		   	margin-bottom: 8px;
		   }

		   .tw-tour-team-name {
		   	font-size: 12px;
		   	font-weight: 600;
		   	color: #fff;
		   	margin-bottom: 4px;
		   	display: -webkit-box;
		   	-webkit-line-clamp: 1;
		   	-webkit-box-orient: vertical;
		   	overflow: hidden;
		   }

		   .tw-tour-team-score {
		   	font-size: 24px;
		   	font-weight: 800;
		   	color: #FF4655;
		   }

		   .tw-tour-vs-icon {
		   	width: 36px;
		   	height: 36px;
		   	flex-shrink: 0;
		   }

		   .tw-tour-vs-icon img {
		   	width: 100%;
		   	height: 100%;
		   	object-fit: contain;
		   }

		   .tw-tour-live-btn {
		   	display: flex;
		   	align-items: center;
		   	justify-content: center;
		   	gap: 8px;
		   	width: 100%;
		   	padding: 12px;
		   	background: linear-gradient(135deg, #FF4655 0%, #DC3545 100%);
		   	border: none;
		   	border-radius: 10px;
		   	color: #fff;
		   	font-size: 13px;
		   	font-weight: 700;
		   	text-transform: uppercase;
		   	letter-spacing: 0.05em;
		   	text-decoration: none;
		   	cursor: pointer;
		   	transition: all 0.25s ease;
		   	animation: tw-btn-glow 2s infinite;
		   }

		   @keyframes tw-btn-glow {
		   	0%, 100% { box-shadow: 0 4px 15px rgba(255, 70, 85, 0.3); }
		   	50% { box-shadow: 0 4px 25px rgba(255, 70, 85, 0.5); }
		   }

		   .tw-tour-live-btn:hover {
		   	transform: translateY(-2px);
		   	box-shadow: 0 8px 30px rgba(255, 70, 85, 0.4);
		   	color: #fff;
		   }

		   /* History Card */
		   .tw-tour-history {
		   	display: flex;
		   	flex-direction: column;
		   	gap: 12px;
		   }

		   .tw-tour-card {
		   	background: rgba(255, 255, 255, 0.06);
		   	border: 1px solid rgba(255, 255, 255, 0.1);
		   	border-radius: 12px;
		   	padding: 16px;
		   	transition: all 0.25s ease;
		   }

		   .tw-tour-card:hover {
		   	background: rgba(255, 70, 85, 0.12);
		   	border-color: rgba(255, 70, 85, 0.3);
		   	transform: translateX(4px);
		   }

		   .tw-tour-card-header {
		   	display: flex;
		   	align-items: flex-start;
		   	justify-content: space-between;
		   	margin-bottom: 12px;
		   }

		   .tw-tour-card-name {
		   	font-size: 14px;
		   	font-weight: 600;
		   	color: #fff;
		   	margin-bottom: 4px;
		   	display: -webkit-box;
		   	-webkit-line-clamp: 1;
		   	-webkit-box-orient: vertical;
		   	overflow: hidden;
		   }

		   .tw-tour-card-name a {
		   	color: inherit;
		   	text-decoration: none;
		   	transition: color 0.2s;
		   }

		   .tw-tour-card-name a:hover {
		   	color: #FF4655;
		   }

		   .tw-tour-card-date {
		   	font-size: 11px;
		   	color: rgba(255, 255, 255, 0.5);
		   }

		   .tw-tour-card-stats {
		   	display: flex;
		   	gap: 16px;
		   }

		   .tw-tour-card-stat {
		   	flex: 1;
		   }

		   .tw-tour-card-stat-label {
		   	font-size: 10px;
		   	color: rgba(255, 255, 255, 0.6);
		   	text-transform: uppercase;
		   	letter-spacing: 0.05em;
		   	margin-bottom: 2px;
		   }

		   .tw-tour-card-stat-value {
		   	font-size: 13px;
		   	font-weight: 600;
		   	color: #fff;
		   }

		   .tw-tour-card-stat-value.rank {
		   	color: #FBBF24;
		   }

		   .tw-tour-card-btn {
		   	display: inline-flex;
		   	align-items: center;
		   	gap: 6px;
		   	padding: 6px 12px;
		   	background: transparent;
		   	border: 1px solid rgba(255, 255, 255, 0.15);
		   	border-radius: 6px;
		   	color: rgba(255, 255, 255, 0.7);
		   	font-size: 11px;
		   	font-weight: 600;
		   	text-decoration: none;
		   	transition: all 0.2s ease;
		   	margin-top: 12px;
		   }

		   .tw-tour-card-btn:hover {
		   	background: rgba(255, 70, 85, 0.1);
		   	border-color: #FF4655;
		   	color: #FF4655;
		   }

		   /* Empty State */
		   .tw-tour-empty {
		   	text-align: center;
		   	padding: 40px 20px;
		   	color: rgba(255, 255, 255, 0.6);
		   }

		   .tw-tour-empty i {
		   	font-size: 48px;
		   	margin-bottom: 16px;
		   	opacity: 0.4;
		   }

		   .tw-tour-empty p {
		   	font-size: 14px;
		   	margin: 0;
		   }

		   /* Overlay */
		   .tw-tour-overlay {
		   	position: fixed;
		   	inset: 0;
		   	background: rgba(0, 0, 0, 0.6);
		   	backdrop-filter: blur(4px);
		   	z-index: 10000;
		   	opacity: 0;
		   	visibility: hidden;
		   	transition: all 0.3s ease;
		   }

		   .tw-tour-overlay.open {
		   	opacity: 1;
		   	visibility: visible;
		   }

		   /* Mobile */
		   @media (max-width: 767px) {
		   	.tw-tour-fab {
		   		bottom: 80px;
		   		left: 12px;
		   		width: 34px;
		   		height: 34px;
		   	}

		   	.tw-tour-fab img {
		   		width: 18px;
		   		height: 18px;
		   	}

		   	.tw-tour-sidebar {
		   		width: 100%;
		   		max-width: 100%;
		   	}
		   }

/* ---- header.php satir 2117 ---- */
.tw-qw{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:9998;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
		.tw-qw-dot{width:46px;height:46px;border-radius:0 12px 12px 0;background:rgba(12,12,28,.95);backdrop-filter:blur(12px);border:1px solid rgba(255,70,85,.2);border-left:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:4px 2px 16px rgba(0,0,0,.5);position:relative;overflow:hidden}
		.tw-qw-dot::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,70,85,.08),rgba(138,43,226,.08));opacity:0;transition:opacity .3s}
		.tw-qw-dot:hover{width:50px;box-shadow:4px 2px 24px rgba(0,0,0,.5),0 0 30px rgba(255,70,85,.12)}.tw-qw-dot:hover::after{opacity:1}
		.tw-qw-dot svg{width:20px;height:20px;fill:none;stroke:#ff4655;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,70,85,.4));position:relative;z-index:1}
		.tw-qw-dot:hover svg{transform:scale(1.1)}
		/* RTL DUZELTMESI (2026-07-27): kapali panel `translateX(-110%)` ile
		   HER ZAMAN sola cekiliyordu; RTL'de panel sagda acildigi icin kapali
		   hali gorunur alanin disina degil, sayfayi 278px yatay tasitan bir
		   noktaya dusuyordu. `translateX` yerine mantiksal kacis: LTR'de sola,
		   RTL'de saga. */
		/* RTL DUZELTMESI (2026-07-27): panel kapaliyken `translateX(-110%)` ile
		   gorunur alanin disina cekiliyor ama DOM'da duruyordu; RTL'de bu tasma
		   sayfaya 278px yatay kaydirma ekliyordu (olculdu: TR 1395 = viewport,
		   AR 1673). `visibility:hidden` kapali paneli yerlesim hesabindan
		   tamamen cikarir — animasyon da korunur cunku visibility gecise
		   dahil edildi. */
		.tw-qw-panel{position:fixed;inset-inline-start:0;top:50%;transform:translateY(-50%) translateX(-110%);width:300px;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s linear .3s;will-change:transform,opacity}
		[dir="rtl"] .tw-qw-panel{transform:translateY(-50%) translateX(110%)}
		[dir="rtl"] .tw-qw.open .tw-qw-panel{transform:translateY(-50%) translateX(0)}
		.tw-qw.open .tw-qw-panel{visibility:visible;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .2s ease,visibility 0s}
		.tw-qw-panel::before{content:'';position:absolute;inset:0;border-radius:0 16px 16px 0;background:rgba(10,10,24,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-left:2px solid rgba(255,70,85,.12);box-shadow:8px 0 40px rgba(0,0,0,.6);z-index:0}
		.tw-qw-panel>*{position:relative;z-index:1}
		.tw-qw-panel::after{content:'';position:absolute;top:-40%;right:-40%;width:80%;height:80%;background:radial-gradient(circle,rgba(138,43,226,.05) 0%,transparent 70%);z-index:0;pointer-events:none}
		.tw-qw.open .tw-qw-dot{opacity:0;pointer-events:none}
		.tw-qw.open .tw-qw-panel{transform:translateY(-50%) translateX(0);opacity:1;pointer-events:auto}
		.tw-qw-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;position:relative;z-index:1}
		.tw-qw-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:1.5px;text-transform:uppercase}
		.tw-qw-close{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#666;width:26px;height:26px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:all .2s}
		.tw-qw-close:hover{color:#ff4655;background:rgba(255,70,85,.08);border-color:rgba(255,70,85,.15)}
		.tw-qw-divider{height:1px;background:linear-gradient(90deg,rgba(255,70,85,.12),rgba(138,43,226,.1),transparent);margin:0 20px;position:relative;z-index:1}
		.tw-qw-body{padding:20px;position:relative;z-index:1}
		.tw-qw-loading{text-align:center;color:#555;font-size:12px;padding:30px 0}
		.tw-qw-loading::after{content:'';display:block;width:24px;height:24px;border:2px solid rgba(255,70,85,.1);border-top-color:#ff4655;border-radius:50%;animation:twQwSpin .7s linear infinite;margin:12px auto 0}
		@keyframes twQwSpin{to{transform:rotate(360deg)}}
		.tw-qw-hero{text-align:center;margin-bottom:18px}
		.tw-qw-hero-ring{position:relative;display:inline-block}
		.tw-qw-hero-ring svg{width:110px;height:110px;filter:drop-shadow(0 0 14px rgba(255,70,85,.1))}
		.tw-qw-ring-bg{fill:none;stroke:rgba(255,255,255,.04);stroke-width:5}
		.tw-qw-ring-fg{fill:none;stroke:url(#twQwGrad);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}
		.tw-qw-hero-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
		.tw-qw-hero-pct{font-size:24px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}
		.tw-qw-hero-pct span{font-size:13px;font-weight:600;opacity:.4}
		.tw-qw-hero-lbl{font-size:10px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.8px;margin-top:8px;overflow-wrap:break-word;word-break:break-word}
		.tw-qw-hero-count{font-size:11px;color:rgba(255,255,255,.3);margin-top:3px;font-weight:500}
		.tw-qw-hero-count b{color:rgba(255,255,255,.75);font-weight:700}
		.tw-qw-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
		.tw-qw-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);border-radius:10px;padding:12px 8px;text-align:center;overflow:hidden}
		.tw-qw-card-val{font-size:18px;font-weight:700;color:#fff;line-height:1;margin-bottom:3px}
		.tw-qw-card-lbl{font-size:9px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.tw-qw-card.accent .tw-qw-card-val{color:#ff4655}
		.tw-qw-twp-section{margin-bottom:14px}
		.tw-qw-twp-row{display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:10px;margin-bottom:6px}
		.tw-qw-twp-row:last-child{margin-bottom:0}
		.tw-qw-twp-ico{width:24px;height:auto;flex-shrink:0;pointer-events:none;user-select:none}
		.tw-qw-twp-lbl{font-size:10px;color:rgba(255,255,255,.3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.tw-qw-twp-val{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;flex-shrink:0}
		.tw-qw-btn{display:block;text-align:center;padding:11px 16px;background:linear-gradient(135deg,#ff4655 0%,#c62dbd 50%,#8a2be2 100%);background-size:200% 100%;color:#fff;font-size:12px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px rgba(255,70,85,.15);letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
		.tw-qw-btn:hover{background-position:100% 0;color:#fff;text-decoration:none;box-shadow:0 6px 24px rgba(255,70,85,.25);transform:translateY(-1px)}
		.tw-qw-pinned{margin-bottom:14px}
		.tw-qw-pinned-title{font-size:9px;font-weight:700;color:rgba(255,215,0,.6);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:5px}
		.tw-qw-pinned-title i{font-size:8px}
		.tw-qw-pin-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:rgba(255,215,0,.03);border:1px solid rgba(255,215,0,.08);border-radius:8px;margin-bottom:5px;transition:border-color .2s}
		.tw-qw-pin-item:last-child{margin-bottom:0}
		.tw-qw-pin-item:hover{border-color:rgba(255,215,0,.18)}
		.tw-qw-pin-bar{flex:1;min-width:0}
		.tw-qw-pin-name{font-size:11px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
		.tw-qw-pin-track{height:3px;background:rgba(255,255,255,.04);border-radius:2px;margin-top:4px;overflow:hidden}
		.tw-qw-pin-fill{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}
		.tw-qw-pin-pct{font-size:10px;font-weight:700;color:rgba(255,255,255,.4);flex-shrink:0;min-width:28px;text-align:right}
		.tw-qw-verify{text-align:center;padding:10px 0}
		.tw-qw-verify svg{width:36px;height:36px;stroke:#ff4655;fill:none;stroke-width:1.5;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(255,70,85,.2))}
		.tw-qw-verify p{font-size:12px;color:rgba(255,255,255,.55);margin:0 0 8px;line-height:1.5;overflow-wrap:break-word;word-break:break-word}
		.tw-qw-verify-sub{font-size:10px!important;color:rgba(255,255,255,.25)!important}
		@media(max-width:768px){
			.tw-qw{top:50%;bottom:auto;transform:translateY(-50%)}
			.tw-qw-panel{top:50%;bottom:auto;transform:translateY(-50%) translateX(-110%);width:280px}
			.tw-qw.open .tw-qw-panel{transform:translateY(-50%) translateX(0)}
		}

/* ---- header.php satir 2587 ---- */
.bcn-bar {
	position: fixed;
	bottom: 28px;
	right: 24px;
	z-index: 9998;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 8px 14px 8px 8px;
	max-width: calc(100% - 32px);
	background: linear-gradient(135deg, rgba(8,12,32,0.97) 0%, rgba(16,30,62,0.95) 35%, rgba(20,18,52,0.95) 65%, rgba(8,12,32,0.97) 100%);
	backdrop-filter: blur(24px);
	-webkit-backdrop-filter: blur(24px);
	border: 1px solid rgba(34,211,238,0.13);
	border-radius: 50px;
	box-shadow: 0 0 24px rgba(34,211,238,0.07), 0 4px 32px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.03);
	white-space: nowrap;
	/* EXPAND timing: bar shape opens first, content reveals after */
	transition: padding 0.6s cubic-bezier(0.22,1,0.36,1), border-radius 0.55s ease, box-shadow 0.5s ease, gap 0.5s ease, opacity 0.4s ease, transform 0.4s ease;
}
.bcn-bar::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, transparent 0%, rgba(34,211,238,0.04) 40%, rgba(99,102,241,0.03) 50%, rgba(34,211,238,0.04) 60%, transparent 100%);
	animation: bcnScan 5s cubic-bezier(0.4,0,0.2,1) infinite;
	pointer-events: none;
}
@keyframes bcnScan {
	0%   { transform: translateX(-100%); opacity: 0; }
	10%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { transform: translateX(100%); opacity: 0; }
}
.bcn-bar.bcn-hidden {
	opacity: 0;
	transform: translateY(16px);
	pointer-events: none;
}
/* ── Mini (collapsed) ── */
.bcn-bar.bcn-mini {
	gap: 0;
	padding: 6px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(34,211,238,0.13), 0 2px 12px rgba(0,0,0,0.45);
	/* COLLAPSE timing: bar waits for content to shrink first */
	transition: padding 0.5s cubic-bezier(0.4,0,0.2,1) 0.2s, border-radius 0.5s ease 0.2s, box-shadow 0.5s ease, gap 0.4s ease 0.12s, opacity 0.4s ease, transform 0.4s ease;
}
.bcn-bar.bcn-mini:hover {
	box-shadow: 0 0 30px rgba(34,211,238,0.3), 0 2px 16px rgba(0,0,0,0.5);
	border-color: rgba(34,211,238,0.35);
}
.bcn-bar.bcn-mini::before { display: none; }
/* ── Content wrapper (animatable collapse/expand) ── */
.bcn-bar-content {
	display: flex;
	align-items: center;
	gap: 14px;
	overflow: hidden;
	max-width: 90vw;
	opacity: 1;
	/* EXPAND: staged reveal — content fades in */
	transition: max-width 0.7s cubic-bezier(0.22,1,0.36,1) 0.22s, opacity 0.5s ease 0.4s, gap 0.5s ease 0.22s;
}
.bcn-bar.bcn-mini .bcn-bar-content {
	max-width: 0;
	opacity: 0;
	gap: 0;
	/* COLLAPSE: shrink + fade quickly before bar morphs */
	transition: max-width 0.32s cubic-bezier(0.4,0,0.2,1), opacity 0.18s ease, gap 0.25s ease;
}
/* ── Radar ── */
.bcn-radar {
	position: relative;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(34,211,238,0.06) 0%, rgba(8,12,32,0.9) 70%);
	border: 1px solid rgba(34,211,238,0.12);
	overflow: hidden;
}
.bcn-radar svg { display: block; }
.bcn-radar-sweep {
	transform-origin: 18px 18px;
	animation: bcnSweep 3s linear infinite;
}
@keyframes bcnSweep { to { transform: rotate(360deg); } }
.bcn-radar-blip1 {
	opacity: 0;
	animation: bcnBlip 3s linear infinite;
	animation-delay: 0.35s;
}
.bcn-radar-blip2 {
	opacity: 0;
	animation: bcnBlip 3s linear infinite;
	animation-delay: 1.8s;
}
@keyframes bcnBlip {
	0%,100% { opacity: 0; }
	3%  { opacity: 0.9; }
	8%  { opacity: 0.35; }
	18% { opacity: 0; }
}
.bcn-radar-ping {
	transform-origin: 18px 18px;
	animation: bcnPing 3s ease-out infinite;
	animation-delay: 0.6s;
}
@keyframes bcnPing {
	0%   { r: 2; opacity: 0.5; }
	40%  { r: 14; opacity: 0; }
	100% { r: 14; opacity: 0; }
}
/* ── Labels ── */
.bcn-bar-label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 2.5px;
	color: #22d3ee;
	text-transform: uppercase;
	text-shadow: 0 0 14px rgba(34,211,238,0.35);
	flex-shrink: 0;
	white-space: nowrap;
}
.bcn-bar-sep {
	width: 1px;
	height: 18px;
	background: linear-gradient(180deg, transparent, rgba(34,211,238,0.2), transparent);
	flex-shrink: 0;
}
.bcn-bar-text {
	font-size: 13px;
	font-weight: 400;
	color: rgba(255,255,255,0.75);
	letter-spacing: 0.2px;
	white-space: nowrap;
}
.bcn-bar-cta {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px 18px;
	background: linear-gradient(135deg, rgba(34,211,238,0.14), rgba(99,102,241,0.1));
	border: 1px solid rgba(34,211,238,0.22);
	border-radius: 50px;
	color: #22d3ee;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: 0.3px;
	transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
	flex-shrink: 0;
	white-space: nowrap;
}
.bcn-bar-cta:hover {
	background: linear-gradient(135deg, rgba(34,211,238,0.24), rgba(99,102,241,0.18));
	border-color: rgba(34,211,238,0.45);
	color: #fff;
	text-decoration: none;
	box-shadow: 0 0 20px rgba(34,211,238,0.18);
}
.bcn-bar-cta svg {
	width: 12px;
	height: 12px;
	fill: currentColor;
}
.bcn-bar-x {
	background: none;
	border: none;
	color: rgba(255,255,255,0.22);
	cursor: pointer;
	padding: 0 2px;
	font-size: 15px;
	line-height: 1;
	transition: color 0.2s;
	flex-shrink: 0;
}
.bcn-bar-x:hover { color: rgba(255,255,255,0.6); }
@media (max-width: 767px) {
	.bcn-bar { display: none !important; }
}
@media (max-width: 520px) {
	.bcn-bar-text { display: none; }
	.bcn-bar-sep { display: none; }
}

/* ---- header.php satir 3020 ---- */
@media screen and (min-width: 0px) and (max-width: 767px) {
					/*Mobil de göster*/
					.header.scrollX-old {
						transition: 1s;
						background: #220059b0 !important;
						filter: drop-shadow(0px 4px 10px black);
					}

				}

				@media screen and (min-width: 768px) {
					/*Pc de göster*/
					.header.scrollX-old {
						transition: 1s;
						background: linear-gradient(270deg, #220059b0 100%, transparent 50%) !important;
						filter: drop-shadow(0px 4px 10px black);
					}
				}

				.page-container{
				background:transparent!important;
				}
				.header{
				/*background: #1b0b2c!important;
				/*background: #1b3c49!important;
				box-shadow: inset 0px 0px 21px 20px #1b0b2c!important;
				/*background: #18182e!important;*/
				border-bottom: solid 1px #333d57;
				background: #18182e!important;


			}
*/
*/

/* ---- header.php satir 3060 ---- */
.iW6bXY2g5zBDdD{
					/*background: #18182e40!important;
					backdrop-filter: blur(13px)!important;
					*/
					
					background: #514d6638 !important;
					backdrop-filter: blur(13px) !important;
					border-bottom: solid 1px #2d3387 !important;
}

/* ---- header.php satir 3089 ---- */
#header .changegame .media-body h6,#header .navbar-user .probox-s a{color:rgb(255 255 255/.9)!important}.tw-nav-dropdown-item,.tw-nav-link{color:var(--tw-text-secondary);text-decoration:none}.tw-dropdown-item .tw-item-text,.tw-dropdown-item .tw-item-title,.tw-user-trigger .tw-user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tw-btn,.tw-nav-link{font-family:TW Sans,sans-serif}

	html{overflow-x:hidden}
	.tw-header{justify-content:flex-start!important;z-index:1030!important;position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 0 24px;
    background: #18182ea3 !important;
    backdrop-filter: blur(13px) !important;}
	.tw-actions{flex-shrink:0}
	.tw-user-trigger .tw-user-name{overflow:hidden;text-overflow:ellipsis}
	@media(max-width:1100px){.tw-user-trigger .tw-user-name,.tw-user-trigger .tw-chevron{display:none}.tw-user-trigger{padding:4px;border-radius:50%;gap:0}}
	.tw-nav{margin-left:40px!important;margin-right:auto!important}

	.tw-actions{gap:12px!important;margin-left:auto!important}.tw-icon-btn{width:44px!important;height:44px!important}.tw-user-team{margin-top:12px!important}.tw-dropdown-panel,.tw-game-dropdown,.tw-user-panel{z-index:1031!important}.tw-mobile-menu,.tw-mobile-overlay{z-index:1032!important}.alert,.flash-message,.gritter-item-wrapper{z-index:1050!important}.tw-game-dropdown,.tw-nav-dropdown-menu{opacity:0;visibility:hidden;z-index:100}#header,#header.header,.header.header-fixed-top{background:rgb(10 14 19/.85)!important;backdrop-filter:blur(20px) saturate(0%)!important;-webkit-backdrop-filter:blur(20px) saturate(0%)!important;border-bottom:1px solid!important;box-shadow:0 8px 32px rgb(0 0 0/.4)!important;transition:.3s cubic-bezier(.4,0,.2,1)!important}#header .navbar-nav.navbar-right{gap:4px;align-items:center}#header .navbar-nav.navbar-right>li{margin:0 2px}#header .navbar-nav.navbar-right>li>a{position:relative;padding:10px 12px!important;border-radius:10px!important;transition:.25s cubic-bezier(.4,0,.2,1)!important;background:0 0!important}#header .navbar-nav.navbar-right>li>a:hover{background:rgb(255 255 255/.08)!important;transform:translateY(-2px)}#header .navbar-nav.navbar-right>li>a:hover img{filter:drop-shadow(0 0 8px rgb(255 70 85/.5))}#header .navbar-nav.navbar-right .badge,#header .navbar-nav.navbar-right .label{position:absolute!important;top:2px!important;right:2px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;background:#ff4655!important;color:#fff!important;font-size:10px!important;font-weight:700!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #0a0e13!important;animation:2s infinite twh2025-badge-pulse!important}.tw-header,.tw-logo{display:flex;align-items:center}#header .navbar-nav.navbar-right .badge:empty,#header .navbar-nav.navbar-right .label:empty{display:none!important}@keyframes twh2025-badge-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgb(255 70 85/.5)}50%{transform:scale(1.1);box-shadow:0 0 0 6px transparent}}#header .navbar-nav.navbar-right .dropdown-menu{background:linear-gradient(180deg,#1a1f2e 0,#0f1318 100%)!important;border:1px solid!important;border-radius:16px!important;box-shadow:0 25px 80px rgb(0 0 0/.6),0 0 60px rgb(255 70 85/.05)!important;padding:8px!important;margin-top:10px!important;animation:.25s twh2025-dropdown-in!important;overflow:hidden}@keyframes twh2025-dropdown-in{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#header .dropdown-menu .dropdown-header,#header .dropdown-menu .probox-dropdown-head{background:linear-gradient(135deg,rgb(255 70 85/.15) 0,transparent 100%)!important;border-bottom:1px solid!important;border-radius:12px 12px 0 0!important;padding:16px 20px!important;margin:-8px -8px 8px!important;font-size:13px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#fff!important}#header .dropdown-menu .dropdown-item,#header .dropdown-menu .dropdown-item.media{border-radius:10px!important;margin:2px 0!important;padding:12px 14px!important;transition:.2s!important;border-bottom:none!important;background:0 0!important}#header .changegame:hover,#header .dropdown-menu .dropdown-item.media:hover,#header .dropdown-menu .dropdown-item:hover{background:rgb(255 70 85/.12)!important;transform:translateX(4px)}#header .dropdown-menu .notification__all:hover,#header .navbar-user .probox-s:hover{background:rgb(255 70 85/.08)!important}#header .dropdown-menu .notification__all{background:rgb(255 255 255/.03)!important;border-top:1px solid!important;border-radius:0 0 12px 12px!important;margin:8px -8px -8px!important;padding:14px!important;color:#ff4655!important;font-weight:600!important;font-size:13px!important;transition:.2s!important}#header .in_main_content_select_game_box>a{background:rgb(255 255 255/.05)!important;border:1px solid!important;border-radius:10px!important;padding:8px 14px!important;transition:.25s!important}#header .in_main_content_select_game_box>a:hover{border-color:rgb(255 70 85/.5)!important;box-shadow:0 0 20px rgb(255 70 85/.1)!important}#header .in_main_content_select_game_box .dropdown-menu{min-width:240px!important}#header .changegame{border-radius:10px!important;margin:4px 0!important;transition:.2s!important;border-bottom:none!important}#header .changegame .media-body h6{font-weight:600!important;font-size:14px!important}#header .changegame:hover .media-body h6,#header .navbar-user .probox-s:hover a{color:#fff!important}#header .changegame .fa-circle.text-yellow{color:#10b981!important;text-shadow:0 0 10px #10b981!important}#header .navbar-form .form-control{background:rgb(255 255 255/.05)!important;border:1px solid!important;border-radius:10px!important;padding:10px 40px 10px 16px!important;color:#fff!important;font-size:13px!important;transition:.25s!important}#header .navbar-form .form-control::placeholder{color:rgb(255 255 255/.5)!important}#header .navbar-form .form-control:focus{border-color:#ff4655!important;box-shadow:0 0 20px rgb(255 70 85/.15)!important;outline:0!important}#header .navbar-form .btn-search{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:0 0!important;border:none!important;padding:0!important;opacity:.6!important;transition:opacity .2s!important}#header .navbar-form .btn-search:hover{opacity:1!important}#header .navbar-user .dropdown-menu{width:360px!important;border-radius:16px!important;background:linear-gradient(180deg,#1a1f2e 0,#0f1318 100%)!important}#header .navbar-user .probox-s{background:rgb(255 255 255/.03)!important;border:1px solid!important;border-radius:12px!important;transition:.2s!important}#header .navbar-user .probox-s:hover{border-color:rgb(255 70 85/.3)!important;transform:translateX(4px)}#header .navbar-user .user-menu-icon{color:rgb(255 255 255/.7)!important;transition:color .2s!important}#header .navbar-user .probox-s:hover .user-menu-icon{color:#ff4655!important}#header .navbar-user .cardbody{background:linear-gradient(135deg,rgb(255 70 85/.1) 0,transparent 100%)!important;border-radius:12px!important;padding:12px!important}#header .navbar-user #closePlayerDropdown{background:rgb(255 255 255/.1)!important;border:1px solid!important;border-radius:50%!important;width:24px!important;height:24px!important;padding:0!important;transition:.2s!important}#header .navbar-user #closePlayerDropdown:hover{background:rgb(255 70 85/.2)!important;border-color:#ff4655!important}#header .dropdown-menu .label-success,#header .dropdown-menu .label.label-success{background:#10b981!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important;font-weight:600!important;transition:.2s!important}#header .dropdown-menu .label-danger:hover,#header .dropdown-menu .label-success:hover{filter:brightness(1.1)!important;transform:scale(1.05)!important}#header .dropdown-menu .label-danger,#header .dropdown-menu .label.label-danger{background:#ff4655!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:11px!important;font-weight:600!important;transition:.2s!important}#header .button-header.btn-indigo,#header .button-header.btn-outline-white2{font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.05em!important;transition:.25s!important;color:#fff!important}#header a[href*="account/settings"] img[src*=phone_verified]{animation:2s infinite twh2025-verify-glow!important}@keyframes twh2025-verify-glow{0%,100%{filter:drop-shadow(0 0 5px #FBBF24)}50%{filter:drop-shadow(0 0 15px #FBBF24)}}#header .navbar-nav.navbar-right a[href*="admin/tickets"],.tw-dropdown,.tw-nav-dropdown,.tw-search,.tw-user-menu{position:relative}#header .navbar-nav.navbar-right a[href*="admin/tickets"]:hover{filter:drop-shadow(0 0 10px rgb(168 85 247/.5))!important}#header .button-header.btn-outline-white2{background:0 0!important;border:2px solid!important;border-radius:8px!important;padding:8px 18px!important}#header .button-header.btn-outline-white2:hover{border-color:#ff4655!important;color:#ff4655!important;box-shadow:0 0 20px rgb(255 70 85/.2)!important}#header .button-header.btn-indigo{background:linear-gradient(135deg,#ff4655 0,#dc3545 100%)!important;border:none!important;border-radius:8px!important;padding:10px 20px!important;box-shadow:0 4px 15px rgb(255 70 85/.3)!important}#header .button-header.btn-indigo:hover{transform:translateY(-2px)!important;box-shadow:0 8px 30px rgb(255 70 85/.4)!important}#header .dropdown-menu #arkadasIstekler,#header .dropdown-menu #bildirimler,#header .dropdown-menu #teams,#header .dropdown-menu [data-scrollbar=true]{scrollbar-width:thin!important;scrollbar-color:rgb(255 255 255/.1) transparent!important}#header .dropdown-menu [data-scrollbar=true]::-webkit-scrollbar,#header .dropdown-menu div[id]::-webkit-scrollbar{width:4px!important}#header .dropdown-menu [data-scrollbar=true]::-webkit-scrollbar-thumb,#header .dropdown-menu div[id]::-webkit-scrollbar-thumb{background:rgb(255 255 255/.15)!important;border-radius:4px!important}#header .dropdown-menu .media-heading,#header .dropdown-menu h6{color:rgb(255 255 255/.95)!important}#header .dropdown-menu .f-s-10,#header .dropdown-menu .text-muted{color:rgb(255 255 255/.5)!important}#header .dropdown-menu .text-grey{color:rgb(255 255 255/.7)!important}#header .dropdown-menu #no_friend_request,#header .dropdown-menu .tac.f-s-small{padding:30px 20px!important;color:rgb(255 255 255/.4)!important;text-align:center!important}#header .navbar-nav.navbar-right>li>a>img{width:20px!important;height:20px!important;object-fit:contain!important;transition:filter .2s!important}@media(max-width:991px){#header .navbar-nav.navbar-right .dropdown-menu{position:fixed!important;top:60px!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;border-radius:0 0 16px 16px!important;margin:0!important}#header .navbar-nav.navbar-right>li>a{padding:8px 10px!important}}@media(max-width:767px){#header .navbar-form{display:none!important}#header .navbar-nav.navbar-right>li>a>img{width:18px!important;height:18px!important}}:root{--tw-red:#FF4655;--tw-red-dark:#DC3545;--tw-red-glow:rgba(255,70,85,0.5);--tw-red-soft:rgba(255,70,85,0.15);--tw-bg-primary:#0A0E13;--tw-bg-secondary:#111827;--tw-bg-tertiary:#1F2937;--tw-bg-glass:rgb(8 23 43 / 74%);--tw-bg-glass-light:rgba(31,41,55,0.6);--tw-text-primary:#FFFFFF;--tw-text-secondary:rgba(255,255,255,0.7);--tw-text-muted:rgba(255,255,255,0.5);--tw-cyan:#00D9FF;--tw-purple:#A855F7;--tw-green:#10B981;--tw-yellow:#FBBF24;--tw-border:rgba(255,255,255,0.08);--tw-border-hover:rgba(255,70,85,0.5);--tw-ease:cubic-bezier(0.4,0,0.2,1)}



	.tw-header.scrolled{height:60px;background:rgb(10 14 19 / 68%) !important;box-shadow:0 4px 20px rgb(0 0 0/.5),0 0 60px rgb(255 70 85/.08)}.tw-logo{gap:12px;text-decoration:none;transition:transform .3s var(--tw-ease)}.tw-nav,.tw-nav-dropdown-item{align-items:center;display:flex}.tw-nav-dropdown-menu,.tw-nav-link{transition:all .25s var(--tw-ease)}.tw-logo:hover{transform:scale(1.02)}.tw-logo img{height:50px;width:auto;filter:drop-shadow(0 0 20px rgb(255 70 85/.3));transition:filter .3s}.tw-logo:hover img{filter:drop-shadow(0 0 30px rgb(255 70 85/.5))}.tw-nav{gap:4px}.tw-nav-link{position:relative;padding:12px 18px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.08em;border-radius:8px}.tw-nav-link::before{content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--tw-purple),var(--tw-red));transform:translateX(-50%);border-radius:2px;transition:width .3s var(--tw-ease)}.tw-nav-link:hover{color:var(--tw-text-primary);background:var(--tw-bg-glass-light)}.tw-nav-link:hover::before{width:60%}.tw-bottom-nav-item.active,.tw-bottom-nav-item:hover,.tw-game-option.active .tw-game-info h6,.tw-nav-link.active,.tw-search-btn:hover,.tw-user-nav-item.logout{color:var(--tw-red)}.tw-nav-link.active::before{width:60%;background:var(--tw-red)}.tw-nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-10px);min-width:200px;padding:8px;background:linear-gradient(180deg,var(--tw-bg-secondary) 0,var(--tw-bg-primary) 100%);border:1px solid var(--tw-border);border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0/.5),0 0 40px rgb(255 70 85/.05)}.tw-nav-dropdown:hover .tw-nav-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.tw-nav-dropdown-item{gap:10px;padding:10px 14px;font-size:14px;font-weight:500;border-radius:8px;transition:.2s}.tw-game-current,.tw-game-dropdown{transition:all .25s var(--tw-ease)}.tw-nav-dropdown-item:hover,.tw-user-nav-item:hover{background:var(--tw-red-soft);color:var(--tw-text-primary);transform:translateX(4px)}.tw-nav-dropdown-item i{font-size:16px}.tw-actions,.tw-user-header .tw-user-info .tw-user-rank{display:flex;align-items:center;gap:8px}.tw-game-selector{min-width:180px;position:relative}.tw-game-current{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--tw-bg-glass-light);border:1px solid var(--tw-border);border-radius:10px;cursor:pointer}.tw-game-current:hover{border-color:var(--tw-border-hover);box-shadow:0 0 20px rgb(255 70 85/.1)}.tw-game-current img{width:22px;height:22px;border-radius:4px;object-fit:cover}.tw-game-current span{min-width:110px;text-align:left;font-weight:600;font-size:13px;color:var(--tw-text-primary)}.tw-game-current .tw-chevron{color:var(--tw-text-muted);font-size:12px;transition:transform .25s var(--tw-ease)}.tw-game-selector.open .tw-chevron,.tw-user-menu.open .tw-user-trigger .tw-chevron{transform:rotate(180deg)}.tw-game-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:8px;background:var(--tw-bg-secondary);border:1px solid var(--tw-border);border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0/.5);transform:translateY(-10px)}.tw-game-selector.open .tw-game-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.tw-game-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:.2s}.tw-dropdown-item:hover,.tw-game-option.active,.tw-game-option:hover{background:var(--tw-red-soft)}.tw-game-option img{width:28px;height:28px;border-radius:6px;object-fit:cover}.tw-game-option .tw-game-info h6{font-size:14px;font-weight:600;color:var(--tw-text-primary);margin:0}.tw-dropdown-item .tw-item-time,.tw-game-option .tw-game-info small,.tw-user-team .tw-team-info small{font-size:11px;color:var(--tw-text-muted)}.tw-game-option.disabled{opacity:.5;cursor:not-allowed}.tw-status-dot{width:8px;height:8px;border-radius:50%;margin-right:4px}.tw-status-dot.active{background:var(--tw-green);box-shadow:0 0 10px var(--tw-green)}.tw-status-dot.inactive{background:var(--tw-text-muted)}.tw-icon-btn:hover,.tw-search-input{background:var(--tw-bg-glass-light)}.tw-search-input{width:180px;padding:10px 40px 10px 16px;border:1px solid var(--tw-border);border-radius:10px;color:var(--tw-text-primary);font-size:13px;outline:0;transition:all .25s var(--tw-ease)}.tw-icon-btn,.tw-search-btn{align-items:center;background:0 0;display:flex;cursor:pointer}.tw-search-input::placeholder{color:var(--tw-text-muted)}.tw-search-input:focus{border-color:var(--tw-red);box-shadow:0 0 20px rgb(255 70 85/.15)}.tw-search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;justify-content:center;border:none;color:var(--tw-text-muted);transition:color .2s}.tw-icon-btn{position:relative;justify-content:center;border:none;border-radius:10px;color:var(--tw-text-secondary);transition:all .25s var(--tw-ease)}.tw-icon-btn:hover{color:var(--tw-text-primary);transform:translateY(-2px)}.tw-icon-btn i,.tw-icon-btn img{font-size:20px;width:20px;height:20px}.tw-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--tw-red);color:#fff;font-size:10px;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--tw-bg-primary);animation:2s infinite tw-badge-pulse}.tw-dropdown-panel,.tw-user-panel{top:calc(100% + 12px);right:0;transform:translateY(-10px) scale(.98);z-index:200;opacity:0;visibility:hidden}.tw-dropdown-header,.tw-dropdown-item{border-bottom:1px solid var(--tw-border);display:flex}@keyframes tw-badge-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--tw-red-glow)}50%{transform:scale(1.1);box-shadow:0 0 0 6px transparent}}.tw-dropdown-panel{position:absolute;width:360px;max-height:480px;background:var(--tw-bg-secondary);border:1px solid var(--tw-border);border-radius:16px;box-shadow:0 25px 80px rgb(0 0 0/.6),0 0 60px rgb(255 70 85/.05);transition:all .3s var(--tw-ease);overflow:hidden}.tw-dropdown.open .tw-dropdown-panel,.tw-user-menu.open .tw-user-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.tw-dropdown-header{align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--tw-bg-tertiary) 0,var(--tw-bg-secondary) 100%)}.tw-dropdown-header h4{font-size:14px;font-weight:700;color:var(--tw-text-primary);margin:0;text-transform:uppercase;letter-spacing:.05em}.tw-dropdown-content{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--tw-bg-tertiary) transparent}.tw-dropdown-content::-webkit-scrollbar{width:4px}.tw-dropdown-content::-webkit-scrollbar-thumb{background:var(--tw-bg-tertiary);border-radius:4px}.tw-dropdown-item{align-items:center;gap:14px;padding:14px 20px;cursor:pointer;transition:background .2s}.tw-dropdown-item:last-child{border-bottom:none}.tw-dropdown-item .tw-avatar{width: 54px;height: 54px;border-radius: 30%;object-fit: contain;border: 2px solid var(--tw-border);flex-shrink: 0;padding: 5px;background: radial-gradient(#c80000, #292d7494);}.tw-dropdown-item .tw-item-content{flex:1;min-width:0}.tw-dropdown-item .tw-item-title{font-size:13px;font-weight:600;color:var(--tw-text-primary);margin-bottom:2px}.tw-dropdown-item .tw-item-text{font-size:12px;color:var(--tw-text-muted)}.tw-dropdown-item .tw-btn-accept,.tw-dropdown-item .tw-btn-deny{padding:6px 12px;color:#fff;font-size:11px;transition:.2s;font-weight:600;cursor:pointer}.tw-dropdown-item .tw-item-actions{display:flex;gap:8px}.tw-dropdown-item .tw-btn-accept{background:var(--tw-green);border:none;border-radius:6px}.tw-dropdown-item .tw-btn-accept:hover,.tw-dropdown-item .tw-btn-deny:hover{filter:brightness(1.1);transform:scale(1.05)}.tw-dropdown-item .tw-btn-deny{background:var(--tw-red);border:none;border-radius:6px}.tw-dropdown-footer{padding:12px 20px;text-align:center;border-top:1px solid var(--tw-border);background:var(--tw-bg-glass-light)}.tw-dropdown-footer a{font-size:13px;font-weight:600;color:var(--tw-red);text-decoration:none;transition:opacity .2s}.tw-dropdown-footer a:hover{opacity:.8}.tw-dropdown-empty{padding:40px 20px;text-align:center;color:var(--tw-text-muted);font-size:13px}.tw-dropdown-empty i{font-size:40px;margin-bottom:12px;opacity:.3}.tw-user-trigger{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--tw-bg-glass-light);border:1px solid var(--tw-border);border-radius:50px;cursor:pointer;transition:all .25s var(--tw-ease)}.tw-hamburger span,.tw-user-panel{position:absolute;transition:all .3s var(--tw-ease)}.tw-user-trigger:hover{border-color:var(--tw-border-hover);box-shadow:0 0 25px rgb(255 70 85/.15)}.tw-user-trigger .tw-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--tw-red)}.tw-user-trigger .tw-user-name{font-weight:600;font-size:13px;color:var(--tw-text-primary);max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tw-user-trigger .tw-chevron{color:var(--tw-text-muted);font-size:10px;transition:transform .25s var(--tw-ease)}.tw-user-panel{width:300px;background:var(--tw-bg-secondary);border:1px solid var(--tw-border);border-radius:16px;box-shadow:0 25px 80px rgb(0 0 0/.6);overflow:hidden}.tw-user-header{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(135deg,var(--tw-red-soft) 0,transparent 100%);border-bottom:1px solid var(--tw-border)}.tw-user-header .tw-avatar-large{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--tw-red);box-shadow:0 0 20px var(--tw-red-glow)}.tw-user-header .tw-user-info h4{font-size:16px;font-weight:700;color:var(--tw-text-primary);margin:0 0 4px}.tw-user-header .tw-rank-badge{width:24px;height:24px}.tw-user-header .tw-rank-text{font-size:12px;color:var(--tw-text-muted)}.tw-user-header .tw-leaderboard-rank{font-size:12px;color:var(--tw-yellow);font-weight:600}.tw-user-nav{padding:12px}.tw-user-nav-item,.tw-user-team{align-items:center;padding:12px 14px;border-radius:10px;transition:.2s;display:flex;text-decoration:none}.tw-user-nav-item{gap:14px;color:var(--tw-text-secondary)}.tw-user-nav-item i{font-size:18px;width:24px;text-align:center}.tw-user-nav-item span{font-size:14px;font-weight:500}.tw-admin-badge span,.tw-btn{font-weight:700;text-transform:uppercase}.tw-user-nav-divider{height:1px;background:var(--tw-border);margin:8px 12px}.tw-user-nav-item.logout:hover{background:rgb(255 70 85/.1)}.tw-user-team{gap:12px;margin:12px;background:var(--tw-bg-glass-light)}.tw-user-team:hover{background:var(--tw-red-soft);transform:translateX(4px)}.tw-user-team img{width:36px;height:36px;border-radius:8px;object-fit:cover}.tw-user-team .tw-team-info h6{font-size:13px;font-weight:600;color:var(--tw-text-primary);margin:0}.tw-auth-buttons{display:flex;align-items:center;gap:10px}.tw-btn{padding:10px 20px;font-size:12px;letter-spacing:.05em;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .25s var(--tw-ease)}.tw-btn-outline{background:0 0;border:2px solid var(--tw-border);color:var(--tw-text-primary)}.tw-btn-outline:hover{border-color:var(--tw-red);color:var(--tw-red);box-shadow:0 0 25px rgb(255 70 85/.2)}.tw-btn-primary{background:linear-gradient(135deg,var(--tw-red) 0,var(--tw-red-dark) 100%);border:none;color:#fff;box-shadow:0 4px 15px rgb(255 70 85/.3)}.tw-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgb(255 70 85/.4),0 0 40px rgb(255 70 85/.2)}.tw-mobile-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:0 0;border:none;cursor:pointer;z-index:10001}.tw-hamburger{width:24px;height:18px;position:relative}.tw-hamburger span{left:0;width:100%;height:2px;background:var(--tw-text-primary);border-radius:2px}.tw-hamburger span:first-child{top:0}.tw-hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.tw-hamburger span:nth-child(3){bottom:0}.tw-mobile-toggle.active .tw-hamburger span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.tw-mobile-toggle.active .tw-hamburger span:nth-child(2){opacity:0}.tw-mobile-toggle.active .tw-hamburger span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.tw-mobile-overlay{position:fixed;inset:0;background:rgb(0 0 0/.7);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.3s;z-index:9998}.tw-mobile-overlay.active{opacity:1;visibility:visible}/* RTL DUZELTMESI (2026-07-27): fiziksel `right:-100%` Arapcada menuyu SAGDA
   gizli tutuyordu; RTL'de gorunur alan solda oldugu icin kapali menu sayfayi
   278px yatay tasitiyordu (olculdu: TR scrollWidth 1395 = viewport, AR 1673).
   Mantiksal ozellikle her iki yonde de "disari" dogru tarafa dusuyor. */
.tw-mobile-menu{position:fixed;top:0;inset-inline-end:-100%;visibility:hidden;width:300px;max-width:85%;height:100vh;padding:80px 24px 24px;background:var(--tw-bg-secondary);border-inline-start:1px solid var(--tw-border);transition:inset-inline-end .4s var(--tw-ease),visibility 0s linear .4s;z-index:10000;overflow-y:auto}.tw-nav-link{overflow:hidden!important}.tw-mobile-menu.active{inset-inline-end:0;visibility:visible;transition:inset-inline-end .4s var(--tw-ease),visibility 0s}.tw-mobile-nav-link{display:block;padding:14px 0;color:var(--tw-text-secondary);font-size:16px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--tw-border);transition:.2s}.tw-mobile-nav-link.active,.tw-mobile-nav-link:hover{color:var(--tw-red);padding-left:10px}.tw-admin-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgb(168 85 247/.2) 0,rgb(255 70 85/.2) 100%);border:1px solid var(--tw-border);border-radius:20px;text-decoration:none;transition:all .25s var(--tw-ease)}.tw-admin-badge:hover{box-shadow:0 0 20px rgb(168 85 247/.2);transform:scale(1.05)}.tw-admin-badge img{width:16px;height:16px}.tw-admin-badge span{font-size:11px;color:var(--tw-text-muted);font-weight:700;text-transform:uppercase}.tw-admin-badge.has-tickets{background:linear-gradient(135deg,#ff4655 0,#ff6b3d 100%);border-color:#ff4655;box-shadow:0 0 15px rgb(255 70 85/.4);animation:tw-admin-glow 2s infinite}.tw-admin-badge.has-tickets img{filter:brightness(10)}.tw-admin-badge.has-tickets span{color:#fff}.tw-admin-badge.has-tickets:hover{box-shadow:0 0 30px rgb(255 70 85/.6);transform:scale(1.08)}@keyframes tw-admin-glow{0%,100%{box-shadow:0 0 10px rgb(255 70 85/.4)}50%{box-shadow:0 0 25px rgb(255 70 85/.7)}}.tw-org-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgb(34 211 238/.15) 0,rgb(16 185 129/.15) 100%);border:1px solid var(--tw-border);border-radius:20px;text-decoration:none;color:rgb(34 211 238/.85);transition:all .25s var(--tw-ease)}.tw-org-badge:hover{box-shadow:0 0 20px rgb(34 211 238/.3);transform:scale(1.05);color:#22d3ee;border-color:rgb(34 211 238/.4)}.tw-org-badge svg{width:16px;height:16px;flex-shrink:0}.tw-org-badge span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.tw-verify-indicator{animation:2s infinite tw-pulse-glow}@keyframes tw-pulse-glow{0%,100%{filter:drop-shadow(0 0 5px var(--tw-yellow))}50%{filter:drop-shadow(0 0 15px var(--tw-yellow))}}@media(max-width:1200px){.tw-search-input{width:140px}.tw-nav,.tw-search{display:none!important}.tw-mobile-toggle{display:flex!important}}@media(max-width:1000px){.tw-nav{display:none!important}.tw-mobile-toggle{display:flex!important}.tw-game-selector{min-width:140px}.tw-game-current span{min-width:auto;font-size:12px}.tw-actions{gap:8px!important}}.tw-nav{flex-wrap:nowrap!important}.tw-nav-link{white-space:nowrap!important;text-overflow:ellipsis!important;flex-shrink:1!important;overflow:hidden!important}@media(max-width:1600px){.tw-nav-link{max-width:180px!important;font-size:12px!important;padding:10px 14px!important}}@media(max-width:1400px){.tw-nav-link{max-width:140px!important;font-size:11px!important;padding:10px 12px!important;letter-spacing:0.04em!important}}@media(max-width:1300px){.tw-nav-link{max-width:110px!important;font-size:10px!important;padding:8px 10px!important}}.tw-mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:var(--tw-bg-glass);backdrop-filter:blur(20px);border-top:1px solid var(--tw-border);z-index:9997;background: #18182e40 !important;
    backdrop-filter: blur(13px) !important;}@media(max-width:768px){#content,.content,.main-content{padding-bottom:70px!important}.tw-header{padding:0 12px;height:60px}.tw-mobile-toggle{display:flex}.tw-game-selector .tw-game-current span,.tw-game-selector .tw-chevron,.tw-search,.tw-user-trigger .tw-user-name,.tw-user-trigger .tw-chevron{display:none}.tw-user-trigger{padding:4px;border-radius:50%;gap:0}.tw-game-current{border-radius:8px}.tw-dropdown-panel,.tw-user-panel{position:fixed;top:60px;right:0;left:0;width:100%;max-width:100%;border-radius:0;max-height:calc(100vh - 60px)}.tw-actions{gap:4px;flex-shrink:1}.tw-game-selector{min-width:auto}.tw-game-current{padding:6px 8px;gap:6px}.tw-auth-buttons{gap:5px}.tw-auth-buttons .tw-btn{padding:7px 10px;font-size:11px;letter-spacing:0}.tw-icon-btn{width:38px;height:38px}.tw-user-menu{max-width:none}.tw-mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around}body{padding-bottom:60px}}@media(max-width:480px){.tw-header{padding:0 8px}.tw-icon-btn{width:34px!important;height:34px!important}.tw-icon-btn i,.tw-icon-btn img{font-size:16px!important;width:16px!important;height:16px!important}.tw-user-trigger .tw-user-avatar{width:28px;height:28px}.tw-mobile-toggle{width:38px;height:38px}.tw-logo img{height:32px}.tw-auth-buttons .tw-btn{padding:6px 8px;font-size:10px}.tw-game-current{padding:5px 6px}.tw-game-current img{width:20px;height:20px}.tw-admin-badge{padding:4px 8px}.tw-admin-badge img{width:14px;height:14px}.tw-admin-badge span{font-size:10px}.tw-org-badge{padding:4px 8px}.tw-org-badge svg{width:14px;height:14px}}.tw-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:var(--tw-text-muted);text-decoration:none;transition:.2s}.tw-bottom-nav-item i{font-size:20px}.tw-bottom-nav-item span{font-size:10px;font-weight:600}
.tw-gs{position:relative;margin:4px 12px}
.tw-gs-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid var(--tw-border);border-radius:10px;color:var(--tw-text-primary);cursor:pointer;transition:all .2s var(--tw-ease);font-family:inherit}
.tw-gs-trigger:hover{background:rgba(255,255,255,.07);border-color:var(--tw-border-hover)}
.tw-gs-trigger img{width:24px;height:24px;border-radius:5px;object-fit:cover;flex-shrink:0}
.tw-gs-info{flex:1;min-width:0;text-align:left}
.tw-gs-info small{display:block;font-size:10px;color:var(--tw-text-muted);font-weight:500;line-height:1.2}
.tw-gs-info span{display:block;font-size:13px;font-weight:600;color:var(--tw-text-primary);line-height:1.3}
.tw-gs-chevron{font-size:14px;color:var(--tw-text-muted);transition:transform .2s var(--tw-ease);flex-shrink:0}
.tw-gs.open .tw-gs-chevron{transform:rotate(180deg)}
.tw-gs-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;padding:4px;background:linear-gradient(180deg,#1a1f2e,#0f1318);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 -12px 40px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s var(--tw-ease);z-index:10}
.tw-gs.open .tw-gs-menu{opacity:1;visibility:visible;transform:translateY(0)}
.tw-gs-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--tw-text-secondary);font-size:13px;font-weight:500;transition:all .15s var(--tw-ease)}
.tw-gs-item:hover{background:var(--tw-red-soft);color:var(--tw-text-primary)}
.tw-gs-item img{width:22px;height:22px;border-radius:4px;object-fit:cover}
.tw-gs-item.tw-gs-current{color:var(--tw-text-primary);font-weight:600}
.tw-gs-check{margin-left:auto;color:var(--tw-green);font-size:14px;font-weight:700}
/* Header Language Dropdown (guest) */
.tw-header-lang{position:relative}
.tw-header-lang-trigger{display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--tw-bg-glass-light);border:1px solid var(--tw-border);border-radius:10px;cursor:pointer;transition:all .25s var(--tw-ease);font-family:inherit;color:var(--tw-text-primary)}
.tw-header-lang-trigger:hover{border-color:var(--tw-border-hover);box-shadow:0 0 20px rgb(255 70 85/.1)}
.tw-header-lang-trigger .tw-header-lang-flag{font-size:18px;line-height:1}
.tw-header-lang-trigger .tw-chevron{color:var(--tw-text-muted);font-size:10px;transition:transform .25s var(--tw-ease)}
.tw-header-lang.open .tw-header-lang-trigger .tw-chevron{transform:rotate(180deg)}
.tw-header-lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;padding:8px;background:var(--tw-bg-secondary);border:1px solid var(--tw-border);border-radius:12px;box-shadow:0 20px 60px rgb(0 0 0/.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s var(--tw-ease);z-index:200;display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:400px;overflow-y:auto;scrollbar-width:thin}
.tw-header-lang.open .tw-header-lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.tw-header-lang-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:8px;background:none;color:var(--tw-text-secondary);font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left;white-space:nowrap}
.tw-header-lang-item:hover{background:var(--tw-red-soft);color:var(--tw-text-primary)}
.tw-header-lang-item.active{color:var(--tw-red);font-weight:600}
.tw-header-lang-item .tw-header-lang-flag{font-size:14px;line-height:1;flex-shrink:0}
/* ISO language code badge — bayrak yerine politik-tarafsiz rozet */
.tw-lang-iso{display:inline-flex;align-items:center;justify-content:center;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:1.2px;text-transform:uppercase;flex-shrink:0;line-height:1;background:none;border:none;padding:0;margin:0}
.tw-header-lang-item.active .tw-lang-iso,.tw-gs-current .tw-lang-iso,.tw-lang-opt.active .tw-lang-iso{color:#ff8a92}
.tw-header-lang-trigger::before{content:"\f0ac";font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;color:rgba(255,255,255,.5);margin-right:2px;line-height:1}
#twUserLang .tw-gs-trigger::before{content:"\f0ac";font-family:"Font Awesome 5 Free";font-weight:900;font-size:13px;color:rgba(196,181,253,.7);margin-right:8px;line-height:1}
@media(max-width:768px){.tw-header-lang-trigger{padding:6px 8px}.tw-header-lang-trigger .tw-header-lang-flag{font-size:16px}.tw-header-lang-trigger .tw-chevron{display:none}.tw-header-lang-menu{min-width:180px}}
@media(max-width:480px){.tw-header-lang-trigger{padding:5px 6px}}
/* KIRPILMA DUZELTMESI (2026-08-01) — dar ekranda 18 dilin 9'u tiklanamiyordu.

   OLCULEN HATA: `.tw-header-lang-menu` `right:0` ile TETIGIN sag kenarina
   kilitli, yani SOLA dogru buyuyor. Dar ekranda tetik header'in solunda
   kaldigi icin 231px genisligindeki menu ekranin SOLUNDAN tasiyordu:
   375px'te 88.9px, 390px'te 87px disarida kaliyordu. Kesilen sol kolon
   TR, AR, RU, FR, ES, JA, IT, VI, HI idi — yani Turk kullanici Turkce'ye
   GERI DONEMIYORDU (olculdu: TR ogesinin merkezi elementFromPoint ile
   erisilemiyor, sol kenari -76.6px). Arapca'da header aynalandigi icin ayni
   kural saglam calisiyordu; hata yalniz LTR'deydi. Bu, footer'da duzeltilen
   "9/18 dil tiklanamiyor" hatasinin ikizi — ustelik footer <768px'te
   `.m_display_none` ile gizli oldugu icin mobilde dil degistirmenin TEK yolu
   bu menuydu.

   COZUM: mobilde menu artik TETIGE degil HEADER'a hizalanir. `.tw-header-lang`
   static yapilinca menunun kapsayici blogu `.tw-header` olur (position:fixed,
   olculdu) ve left/right:0 menuyu ekran genisligine oturtur — her iki kenarda
   da tasma 0. Masaustu (>=768px) hic dokunulmadi, orada 18/18 zaten calisiyor.

   NOT (footer'daki tuzagin tekrari): `.tw-header`'da `backdrop-filter:blur(13px)`
   var; bu, `position:fixed` cocuklar icin KAPSAYICI BLOK olusturur. Calisma
   aninda olculdu: `inset:0` verilen fixed cocuk 375x812 viewport'a degil
   370x60'lik header kutusuna oturuyor. Bu yuzden burada `position:fixed` ile
   "viewport'a kelepcele" YANLIS olurdu; footer'daki portal desenine de gerek
   kalmadi — absolute + header kapsayici blogu yeterli.
   `max-height`: kisa/yatay ekranda menu viewport'u asmasin (mevcut
   `overflow-y:auto` zaten kaydirmayi sagliyor). Cikarilan 146px olculdu:
   68px menu ust konumu + 70px sabit `.tw-mobile-bottom-nav` + 8px bosluk.
   70vh yetmiyordu: 375x420'de menu 294px olup alt navigasyonun ALTINA
   giriyordu ve son iki dil (HI, PL) tiklanamiyordu (16/18). */
@media(max-width:767.98px){
	.tw-header-lang{position:static}
	.tw-header-lang-menu{top:calc(100% + 8px);left:0;right:0;min-width:0;max-height:min(400px,calc(100vh - 146px))}
}
/* User menu lang dropdown — scrollable */
#twUserLang .tw-gs-menu{max-height:300px;overflow-y:auto;scrollbar-width:thin}
#twUserLang .tw-gs-trigger img,#twUserLang .tw-gs-menu img{width:20px!important;height:14px!important;border-radius:2px!important;object-fit:cover;flex-shrink:0}
.tw-user-menu{flex-shrink:0;max-width:200px}.tw-user-trigger{flex-shrink:0;max-width:100%}
.tw-header.tw-csgo{background:rgb(27 138 0 / 27%) !important;border-bottom-color:rgba(161,255,0,.12)!important;box-shadow:0 8px 32px rgb(0 0 0/.4),0 0 40px rgba(161,255,0,.06)!important}
.tw-header.tw-csgo.scrolled{background:rgba(0,182,0,.31)!important;box-shadow:0 4px 20px rgb(0 0 0/.5),0 0 60px rgba(0,182,0,.12)!important}

/* PWA Back Button — sadece standalone modda görünür */
.tw-pwa-back{display:none}
@media(display-mode:standalone){
/* Desktop: header içinde, logo'nun solunda */
.tw-pwa-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:8px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s var(--tw-ease);flex-shrink:0;-webkit-tap-highlight-color:transparent}
.tw-pwa-back:hover,.tw-pwa-back:active{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.15)}
.tw-pwa-back:active{transform:scale(.92)}
.tw-pwa-back svg{width:18px;height:18px}
}
@media(display-mode:standalone) and (max-width:768px){
/* Mobil: header'dan çıkar, sol altta floating buton */
.tw-pwa-back{position:fixed;bottom:80px;left:12px;z-index:9996;width:40px;height:40px;margin-right:0;border-radius:50%;background:rgba(10,14,19,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px rgba(0,0,0,.4)}
.tw-pwa-back svg{width:18px;height:18px}
}
/* Rewards badge — User dropdown'da pending count */
.tw-rewards-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);
    background:linear-gradient(135deg,#ffd700,#ffa000);color:#1a1a2e;font-size:11px;font-weight:800;
    padding:2px 8px;border-radius:10px;min-width:22px;text-align:center;line-height:1.4;
    box-shadow:0 0 0 2px rgba(255,215,0,0.18),0 2px 8px rgba(255,165,0,0.3);
    animation:rwdBadgePulse 2s infinite;}
@keyframes rwdBadgePulse{0%,100%{transform:translateY(-50%) scale(1);}50%{transform:translateY(-50%) scale(1.08);}}

/* ---- header.php satir 3417 ---- */
/* === Oyuncu menüsü ölçekleme düzeltmesi ===
   Sorun: .tw-user-panel masaüstünde max-height'siz + overflow:hidden idi;
   tarayıcı %110+ zoom'da içerik viewport'u aşınca alttaki "Çıkış Yap" kırpılıyordu.
   Çözüm: panel asla viewport'u aşmaz, gerekirse kendi içinde kayar (hiçbir şey
   kırpılmaz) + font/padding'ler kompakt ve ölçeklemeye uygun. Hepsi #userMenu'ye
   kapsamlı ve !important; başka bileşeni etkilemez. */
#userMenu .tw-user-panel{
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
}
#userMenu .tw-user-panel::-webkit-scrollbar{width:6px}
#userMenu .tw-user-panel::-webkit-scrollbar-thumb{background:var(--tw-bg-tertiary);border-radius:4px}

/* Kompakt başlık */
#userMenu .tw-user-header{padding:14px 16px !important;gap:12px !important}
#userMenu .tw-user-header .tw-avatar-large{width:46px !important;height:46px !important}
#userMenu .tw-user-header .tw-user-info h4{font-size:14px !important;margin:0 0 2px !important}

/* Kompakt menü öğeleri */
#userMenu .tw-user-nav{padding:8px !important}
#userMenu .tw-user-nav-item{padding:9px 12px !important;gap:12px !important}
#userMenu .tw-user-nav-item span{font-size:13px !important;font-weight:500 !important}
#userMenu .tw-user-nav-item i{font-size:16px !important;width:20px !important}
#userMenu .tw-user-nav-divider{margin:5px 12px !important}

/* Kompakt dil/oyun seçicileri */
#userMenu .tw-gs{margin:4px 8px !important}
#userMenu .tw-gs-trigger{padding:8px 10px !important}
#userMenu .tw-gs-info span{font-size:12px !important}
#userMenu .tw-gs-item{font-size:12px !important;padding:8px 10px !important}

/* Kompakt takım satırı */
#userMenu .tw-user-team{padding:10px 12px !important;margin:8px !important}
#userMenu .tw-user-team .tw-team-info h6{font-size:12px !important}

/* ---- header.php satir 3901 ---- */
.tw-search-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
	.tw-search-modal.active{opacity:1;visibility:visible}
	.tw-search-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}
	.tw-search-modal-box{position:relative;width:90%;max-width:560px;background:linear-gradient(180deg,#1a1f2e 0%,#0f1318 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 60px rgba(255,70,85,.08);overflow:hidden;transform:translateY(-20px) scale(.96);transition:transform .25s cubic-bezier(.4,0,.2,1)}
	.tw-search-modal.active .tw-search-modal-box{transform:translateY(0) scale(1)}
	.tw-search-modal-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px}
	.tw-search-modal-icon{font-size:22px;color:rgba(255,255,255,.4);flex-shrink:0}
	.tw-search-modal-input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:17px;font-weight:500;font-family:inherit;padding:0}
	.tw-search-modal-input::placeholder{color:rgba(255,255,255,.35)}
	.tw-search-modal-close{flex-shrink:0;padding:4px 10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:6px;color:rgba(255,255,255,.5);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}
	.tw-search-modal-close:hover{background:rgba(255,70,85,.15);color:#fff;border-color:rgba(255,70,85,.3)}
	.tw-search-modal-hint{padding:10px 20px;border-top:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.3);font-size:12px}

/* ---- header.php satir 3943 ---- */
.p14 {
		padding: 14px;
	}

	.csgo-selected {
		background: #d78a20 !important;
		border-bottom: solid 1px #d78a20;
	}

	.csgo-selected-border {
		border-bottom: 1px solid rgb(44, 72, 73);
	}

	.valorant-selected {
		background: #ff4654 !important;
		border-bottom: solid 1px #ff4654;
	}

	.valorant-selected-border {
		border-bottom: 1px solid rgb(44, 72, 73);
	}

	.selected-game-ico {
		width: 30px;
		height: 30px;
		object-fit: cover;
	}

	.gicon {
		width: 25px;
		height: 25px;
		object-fit: cover;
	}

	.sidebar .nav > li.nav-profile {
		padding: 20px;
		color: #fff;
		background: #1a2229;
		overflow: hidden;
	}

	.sidebar .nav > li.active > a {
		position: relative;
		z-index: 10;
		color: #fff;
		background: transparent !important;
	}

	.selected-game:focus {
		outline: 0;
		box-shadow: none !important;
	}

	.selected-game:hover {
		color: white;
	}

/* ---- header.php satir 4053 ---- */
.hov {
							transition: 0.7s;
						}

						.hov:hover {
							background-color: #36363f !important;
						}

/* ---- header.php satir 4075 ---- */


/* ---- header.php satir 4080 ---- */
.footer-disabled {
		display: none;
	}

/* ---- header.php satir 4096 ---- */
html, body { background: #0d1730 !important; }
  html { min-height: 100%; }
  #twBgWrap {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    /* Gradient'i body'den uzantı gibi göster — flash önleme */
    background: linear-gradient(135deg, #1a2744 0%, #243555 50%, #1e3050 100%);
    /* GPU layer'a al — render'lar tek seferde happen */
    transform: translateZ(0);
    will-change: transform;
  }
  #twHudBg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    /* 0.3s fade kaldırıldı — instant, "ikinci tık" hissi gitti */
    transition: opacity 0.08s linear;
  }
  /* Canvas beyaz flash önleme: WebGL context kaybolsa bile arka plan koyu kalır */
  canvas#twHudBg { background: #0d1730 !important; -webkit-backface-visibility: hidden; }
  #twHudBg.ready { opacity: 1; }
  /* Sayfalar arasi beyaz flash önleme — html/body'ye solid renk + erken paint hint */
  html { background-color: #0d1730 !important; }
  body { background-color: #0d1730 !important; }
  /* HTML parse başlamadan beyaz görmek için <meta name="theme-color"> + body bg */
  .content, .page-container, #content, #page-container, .main-content { 
    background: transparent !important; 
    position: relative; 
    z-index: 1; 
  }

/* ---- header.php satir 4379 ---- */
.tw-game-overlay {
		position: fixed;
		inset: 0;
		z-index: 0;
		opacity: 0;
		background-size: cover;
		background-position: center;
		pointer-events: none;
		mix-blend-mode: overlay;
		transition: opacity 1.5s ease-out;
		filter: brightness(0.3);
	}
	.tw-game-overlay.ready {
		opacity: 0.15;
	}


/* ═══════════════════════════════════════════════════════════════════════════
 * BAŞLIK AÇILIR PANELLERİ — BİLDİRİM · ARKADAŞLIK · MESAJ
 * (2026-07-27 ilk düzen · 2026-07-31 tipografi onarımı)
 *
 * ÖLÇÜLEN KÖK NEDEN (computed-style, 2026-07-31 · Chrome 1440px):
 *   .tw-item-text ................. 12,5px   (bu dosyadaki kural)
 *   .tw-item-text içindeki <b> ..... 15,36px  ← EN BÜYÜK
 *   .tw-item-text içindeki <a> ..... 15,36px  ← EN BÜYÜK
 *   .btn ("Lobiye gir") ............ 11px
 *   .tw-item-time .................. 10,5px
 *   .tw-fmt-badge .................. 10px
 * Yani tek satırda 15,36 / 12,5 / 11 / 10,5 / 10 px yan yanaydı ve hiyerarşi
 * TERSTİ: en önemsiz süs (turnuva adının <b>'si dahil hiçbir kural onu
 * hedeflemediği için) en iri, asıl cümle en küçük görünüyordu.
 *
 * NEDEN: tw-header-a.css'teki site geneli kural
 *   *:where(:not(.a-mc)…) { font-size: .9799rem !important }   → 15,36px
 * ÖZGÜLLÜĞÜ SIFIR ama !important. Kapsayıcıya (.tw-dropdown-item .tw-item-text,
 * özgüllük 0-2-0) kural yazmak yalnız kapsayıcıyı kurtarıyor; İÇİNDEKİ her
 * <b>/<a>/<span> evrensel kuralın doğrudan hedefi olduğu için ondan payını
 * alıyor ve miras (inherit) hiç devreye girmiyor.
 *
 * ÇÖZÜM: içeriye de bir kural yaz — `.tw-dropdown-item .tw-item-text *`
 * (0-2-0 > 0-0-0) ile tüm torunlar `font-size: inherit` yapılır; böylece
 * satırın tipografisi TEK kaynaktan (.tw-item-text) akar. Ardından yalnız
 * bilinçli istisnalar (aksiyon düğmesi, format rozeti) daha yüksek
 * özgüllükle (0-3-0) geri yazılır — sıra önemli, istisnalar sıfırlamadan
 * SONRA gelir.
 *
 * Görsel dil, kullanıcının onayladığı bildirimler sayfasından (twn-*)
 * ölçeklenerek alındı: aynı yuvarlaklık, aynı bağlantı renkleri, aynı
 * ikincil ton — yalnız 360px'lik dar panele göre küçültülmüş.
 * ═══════════════════════════════════════════════════════════════════════════ */

/* ---- Satır iskeleti: ikon | içerik (üstten hizalı) ---------------------- */
.tw-dropdown-item {
	display: grid !important;
	grid-template-columns: 38px 1fr;
	align-items: start !important;
	gap: 12px !important;
	padding: 12px 16px !important;
	border-bottom: 1px solid rgba(255,255,255,.055) !important;
	transition: background .18s ease;
}
.tw-dropdown-item:hover { background: rgba(255,255,255,.045); }
.tw-dropdown-item:last-child { border-bottom: 0 !important; }

/* ---- İkon: twn- kartıyla aynı yumuşak kare, kare logo ile uyumlu ------- */
.tw-dropdown-item .tw-avatar {
	width: 38px !important;
	height: 38px !important;
	border-radius: 11px !important;
	object-fit: cover !important;
	padding: 0 !important;
	background: rgba(255,255,255,.05) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	flex-shrink: 0;
	margin-top: 1px;
	display: block;
}

/* ---- İçerik sütunu ------------------------------------------------------ */
.tw-dropdown-item .tw-item-content { min-width: 0; }

/* Satırın TEK tipografi kaynağı */
.tw-dropdown-item .tw-item-text {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: rgba(238,242,250,.92);
	overflow-wrap: anywhere;   /* uzun turnuva adı/link panelden taşmasın */
	word-break: break-word;
}
/* KÖK NEDEN ONARIMI — torunlar evrensel kuralı değil kapsayıcıyı izler.
   (0-2-0) özgüllük, `*:where(…)` (0-0-0) !important kuralını yener. */
.tw-dropdown-item .tw-item-text * {
	font-size: inherit !important;
	line-height: inherit !important;
}
/* Başlık rolündeki öğeler: turnuva/takım adı — büyütülmez, VURGULANIR */
.tw-dropdown-item .tw-item-text b,
.tw-dropdown-item .tw-item-text strong,
.tw-dropdown-item .tw-item-text a.text-white {
	color: #eef2fa !important;
	font-weight: 600 !important;
}
/* Diğer bağlantılar bildirimler sayfasındaki mor ile aynı */
.tw-dropdown-item .tw-item-text a { color: #c084fc; text-decoration: none; font-weight: 600; }
.tw-dropdown-item .tw-item-text a:hover { color: #d8b4fe; }
/* "vs" bir bağlaç — uyarı değil, kırmızı vurgu almaz */
.tw-dropdown-item .tw-item-text .text-danger { color: rgba(219,226,240,.5) !important; font-weight: 400 !important; }
/* Metin içi görseller (TWP ikonu vb.) satırı şişirmesin */
.tw-dropdown-item .tw-item-text img { max-width: 100%; width: auto; max-height: 15px; vertical-align: -2px; }

/* ---- Aksiyon satırı: düğmeler cümlenin içinden çıkar, kendi satırına iner */
.tw-dropdown-item .tw-item-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px !important;
	margin-top: 8px;
}
/* Düğme yoksa boşluk da yok */
.tw-dropdown-item .tw-item-actions:empty { display: none; }

/* Tek düğme ölçüsü — hem cümle içindeki ("Lobiye gir") hem aksiyon satırındaki
   ("Gözat", "Görevleri Gör", "Oyna") düğmeler. Kategori şablonlarındaki satır
   içi stiller `!important` taşımadığı için bu kural onları da hizalar. */
/* `.label label-success` = kategori 10 uyarı bildirimlerindeki "Gözat" bağlantısı.
   Bootstrap etiket stilleri bu projede yalnız ESKİ `#header .dropdown-menu`
   kapsamında tanımlı; yeni panelde hiçbir kural tutmuyordu ve düz bağlantı
   olarak kalıyordu (kullanıcı "gözat butonu" karışıklığı). Aynı ölçüye alınır. */
.tw-dropdown-item .tw-item-text .btn,
.tw-dropdown-item .tw-item-text .label,
.tw-dropdown-item .tw-item-actions .btn,
.tw-dropdown-item .tw-item-actions .label,
.tw-dropdown-item .tw-item-actions .tw-notif-btn,
.tw-dropdown-item .tw-item-actions .notif-action-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 26px;
	margin: 0 !important;
	padding: 4px 11px !important;
	font-size: 11.5px !important;
	line-height: 1.25 !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	border: 1px solid rgba(255,255,255,.16) !important;
	background: rgba(255,255,255,.06) !important;
	color: #eef2fa !important;
	text-decoration: none !important;
	white-space: nowrap;
	backdrop-filter: none;
	transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.tw-dropdown-item .tw-item-text .btn:hover,
.tw-dropdown-item .tw-item-text .label:hover,
.tw-dropdown-item .tw-item-actions .btn:hover,
.tw-dropdown-item .tw-item-actions .label:hover,
.tw-dropdown-item .tw-item-actions .tw-notif-btn:hover,
.tw-dropdown-item .tw-item-actions .notif-action-btn:hover {
	background: rgba(168,85,247,.18) !important;
	border-color: rgba(168,85,247,.5) !important;
	color: #e9d5ff !important;
}
/* Cümle içindeki düğme (kat 9 "Lobiye gir", kat 10 "Gözat") üst boşluk alsın */
.tw-dropdown-item .tw-item-text .btn,
.tw-dropdown-item .tw-item-text .label { margin-top: 8px !important; }

/* ---- Format rozeti: dolgulu turuncu yerine sakin çerçeve ---------------- */
/* Satır içi stil taşıdığı ve sıfırlama kuralından SONRA gelmesi gerektiği için
   (0-3-0) özgüllük + !important; rozet metinden baskın olmamalı. */
.tw-dropdown-item .tw-item-text .tw-fmt-badge,
.tw-dropdown-item .tw-fmt-badge {
	display: inline-block !important;
	padding: 1px 7px !important;
	margin: 0 0 0 6px !important;
	border-radius: 6px !important;
	font-size: 10.5px !important;
	line-height: 1.5 !important;
	font-weight: 600 !important;
	background: rgba(255,255,255,.07) !important;
	color: rgba(219,226,240,.68) !important;
	border: 1px solid rgba(255,255,255,.12) !important;
	vertical-align: 1px;
	white-space: nowrap;
}
/* Düğmeden sonra gelen rozet aynı hizada kalsın */
.tw-dropdown-item .tw-item-text .btn + .tw-fmt-badge { margin: 8px 0 0 6px !important; }

/* ---- Zaman damgası: her satırda en altta, en küçük ve en soluk ---------- */
.tw-dropdown-item .tw-item-time {
	margin-top: 6px !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	color: rgba(219,226,240,.5) !important;
	opacity: 1;
}

/* ---- Arkadaşlık isteği: kabul/ret düğmeleri (mesaj/arkadaş panelleri) --- */
.tw-dropdown-item .tw-item-title { font-size: 13px !important; font-weight: 600; color: #eef2fa; }
.tw-dropdown-item .tw-btn-accept,
.tw-dropdown-item .tw-btn-deny {
	padding: 5px 13px !important;
	font-size: 11.5px !important;
	line-height: 1.25 !important;
	border-radius: 8px !important;
	min-height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

/* ---- Panel başlığı ve alt bağlantısı ------------------------------------ */
.tw-dropdown-header h4 { font-size: 12.5px !important; letter-spacing: .06em !important; }
.tw-dropdown-footer a {
	font-size: 12px !important;
	color: var(--tw-text-secondary) !important;
	font-weight: 600;
}
.tw-dropdown-footer a:hover { color: var(--tw-red) !important; }

/* ---- Boş durum ---------------------------------------------------------- */
/* Ionicons 3 bu projede YÜKLENMİYOR (yalnız Font Awesome 5) — `ion-md-*`
   etiketleri boş kutu olarak çiziliyordu; ikon kutusu gizlenip metin ortalanır. */
.tw-dropdown-empty { padding: 34px 20px !important; }
.tw-dropdown-empty i[class^="ion-"], .tw-dropdown-empty i[class*=" ion-"] { display: none !important; }
.tw-dropdown-empty p { margin: 0; font-size: 12.5px !important; }

/* ---- Dar ekran: panel görünür alana sığsın, ölçek bir tık büyüsün ------- */
@media (max-width: 768px) {
	.tw-dropdown-panel { width: min(92vw, 360px) !important; }
	.tw-dropdown-item { padding: 12px 14px !important; gap: 11px !important; grid-template-columns: 36px 1fr; }
	.tw-dropdown-item .tw-avatar { width: 36px !important; height: 36px !important; }
	.tw-dropdown-item .tw-item-text { font-size: 13px !important; }
	.tw-dropdown-item .tw-item-time { font-size: 11px !important; }
}

/* ---- RTL (Arapça): ızgara ve hizalama yön duyarlı ----------------------- */
[dir="rtl"] .tw-dropdown-item .tw-item-text,
[dir="rtl"] .tw-dropdown-item .tw-item-time { text-align: start; }
[dir="rtl"] .tw-dropdown-item .tw-fmt-badge { margin: 0 6px 0 0 !important; }
[dir="rtl"] .tw-dropdown-item .tw-item-text .btn + .tw-fmt-badge { margin: 8px 6px 0 0 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
 * OFF-CANVAS PANELLERİN YATAY TAŞMASI  (2026-07-27)
 *
 * Mobil menü, tur paneli ve hızlı erişim paneli kapalıyken `transform` ile
 * görünür alanın dışına itiliyor. `transform` ile taşan öğe belge genişliğine
 * KATILIR: LTR'de sola taşma göz ardı edilir ama RTL'de sayfaya gerçek bir
 * yatay kaydırma ekler (ölçüldü: TR scrollWidth 1395 = viewport, AR 1673).
 *
 * `overflow-x: clip` bu taşmayı kırpar ama `overflow: hidden`in aksine
 * `position: fixed` öğelerin sabitliğini bozmaz ve dikey kaydırmayı da
 * etkilemez. Geniş içerik (tablo, kod, diyagram) zaten kendi
 * `overflow-x: auto` kabında kayıyor — onlara dokunmaz.
 * ═══════════════════════════════════════════════════════════════════════════ */
html, body { overflow-x: clip; }

/* Alt bilgi kenara yaslanmak icin negatif yan bosluk kullaniyor
   (margin-inline:-20px). Ic boslugu olmayan sayfalarda (ornek: market) bu,
   gorunur alanin 20px disina tasiyor ve sayfayi yatay kaydiriyordu. Kirpma
   govde seviyesinde de gerekiyor: html tek basina yeterli olmadi (olculdu). */

/* ═══════════════════════════════════════════════════════════════════════════
 * BEACON ŞERİDİ — YATAY TAŞMA  (2026-07-27)
 *
 * Ölçüldü: TR dilinde market (1400px ve 768px) ve takım-bul (768px) sayfaları
 * yatay kayıyordu. Şerit `position:fixed` + `white-space:nowrap`; metin
 * (.bcn-bar-text) 386px ve flex çocukları `min-width:auto` olduğu için
 * küçülemiyor, `max-width` kutuyu sınırlasa da içerik dışarı taşıyordu
 * (ölçüm: metin sağ kenarı 1833, viewport 1395).
 *
 * Çözüm: kutu kendi içeriğini kırpar, metin gerekirse üç noktaya iner,
 * eylem düğmesi ve kapatma daima tam görünür kalır (flex-shrink:0 zaten
 * onlarda). RTL için fiziksel `right` yerine mantıksal kaçış.
 * ═══════════════════════════════════════════════════════════════════════════ */
.bcn-bar {
	/* DİKKAT: `right` ile `inset-inline-end` AYNI özelliği yazar; sonra gelen
	   kazanır. Önce `inset-inline-end` sonra `right:auto` yazınca şerit sol
	   kenara kaçmıştı (ölçüldü: TR'de sol 0). Yalnız mantıksal olan kalır. */
	inset-inline-end: 24px;
	overflow: hidden;
}
.bcn-bar-content { min-width: 0; }
.bcn-bar-text {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* Dar ekranda şerit iyice sıkışsın — metin ilk feda edilen parça */
@media (max-width: 900px) {
	.bcn-bar { max-width: calc(100% - 24px); padding-inline: 8px 12px; gap: 10px; }
	.bcn-bar-text { font-size: 12px; }
}
@media (max-width: 560px) {
	/* Bu genişlikte metin okunacak yer bırakmıyor; etiket + eylem yeterli */
	.bcn-bar-text, .bcn-bar-sep { display: none; }
}
   İNCE HEADER + DAHA KÜÇÜK GENEL YAZI (2026-09-09, Oğulcan)
   ------------------------------------------------------------------
   Dosyanın SONUNDA duruyor: yukarıdaki kurallar `!important` ile dolu
   ve aynı özgüllükte yazılmış; kaskadın sonunda olmak tek başına yetmiyor,
   o yüzden çakışan her değer burada da `!important` taşıyor. Çakışmayan
   yerlerde kullanılmadı — gereksiz `!important` bir sonraki değişikliği
   zorlaştırır.
   ════════════════════════════════════════════════════════════════ */

/* Yükseklik üç yerde tanımlıydı: masaüstü 70px, kaydırılmış 60px,
   mobil 60px. Üçü de tek değere iniyor. */
.tw-header,
.tw-header.scrolled { height: 45px !important; }

/* Logo 50px'ti — 45px'lik başlığa sığmıyor, taşardı. Yatay logo olduğu
   için düşük yükseklikte de okunur kalıyor. */
.tw-logo img { height: 25px !important; }

/* Dikey padding kalktı: 45px'lik satırda 12px alt+üst boşluk hem taşırıyor
   hem bağlantıları gereksiz kalınlaştırıyordu. Hizalama .tw-nav'ın
   align-items:centerından geliyor, padding'e gerek yok. */
.tw-nav-link {
	padding: 0 11px;
	letter-spacing: .08em;
}

/* Gövde yazısı: koddaki .75rem başka bir kural tarafından eziliyordu ve
   ölçülen gerçek değer 15.36px'ti (kök 15.68px). Ezen kuralı bulup tek tek
   düzeltmek yerine tek noktadan sabitlendi. */


/* Logo ile menu arasi nefes payi */
.tw-nav { margin-left: clamp(16px, 6vw, 120px) !important; }

.tw-header { height: 45px !important; }
.tw-header.scrolled { height: 45px !important; }

/* 45px baslikta dikey padding tasiriyordu; hizalama flex-in align-items:center
   isini yaptigi icin ust/alt bosluga gerek yok. */
.tw-user-trigger { padding: 0 12px 0 6px !important; }

/* Etkin sekme cizgisi: 6px yukaridan basliyordu, 45px satirda bagimsiz bir
   cizgi gibi duruyordu. Bagalantinin alt kenarina oturuyor. */
.tw-nav-link::before { bottom: 0 !important; }

/* ══ MENU HIZASI + OLCEKLENEBILIR YAZI (2026-09-09) ══ */
.tw-nav > *,
.tw-nav-dropdown,
.tw-nav-link {
      display: flex;
      align-items: center;
      line-height: 1;
}
.tw-nav-link {
      font-size: .8rem !important;
      height: 100%;
}
.tw-nav-dropdown > .tw-nav-link i,
.tw-nav-link i { line-height: 1; }

/* Ok simgesi yaziya yapisiyordu: flex'e gecince kelime arasi bosluk kalkti. */
.tw-nav-link { gap: 7px; }

/* Site zemini mockup ile ayni: #1a2744 -> #0d1730. Tek katman, gradyan yok;
   ic sarmalayicilar zaten seffaf oldugu icin renk buradan gecer. */
html, body { background-color: #0d1730 !important; }

/* Zemine hafif derinlik: ustte bir tik acilma, asagida duz #0d1730.
   Iki ton arasi fark bilerek kucuk — kart kenarlari ve metin kontrasti
   bozulmasin diye. `fixed` olmasa uzun sayfada gradyan kayar. */
html, body {
      background: radial-gradient(ellipse at 50% 0%, #14224a 0%, #0d1730 60%) !important;
      background-attachment: fixed !important;
}

/* Zemini basan gercek katman buydu: ekrani kaplayan sabit bir div, kendi
   gradyanini tasiyordu ve body rengini tamamen orutuyordu. Icindeki canvas
   zaten kapali oldugu icin katmanin tek islevi o gradyandi — kaldirildi,
   zemin artik html/body'den geliyor. */
#twBgWrap { display: none !important; }

/* Belirgin zemin (Ogulcan secimi). Alfa kaldirildi: zeminde saydamlik
   altindaki katmanla karisip rengi ongorulemez yapiyor. */
html, body {
      background: radial-gradient(ellipse at 50% 0%, #001563 0%, #070f38 70%) !important;
      background-attachment: fixed !important;
}

/* Zemin icerik katmaninda: bu seciciler daha once `transparent` yapiliyordu,
   o yuzden body'ye verilen renk hicbir zaman gorunmedi. */
.content, .page-container, #content, #page-container, .main-content {
      background: radial-gradient(ellipse at 50% 0%, #001563 0%, #070f38 70%) !important;
      background-attachment: fixed !important;
}

/* Header zemini yeni renge uyduruldu; saydamlik korundu ki altindaki
   icerik kayarken hafifce sezilsin. */
.tw-header {
      background: rgb(0 21 99 / 75%) !important;
}

/* Header + footer zemini (Ogulcan degerleri). Onceki blokta header rengini
   yanlis yazmistim; bu blok sonda oldugu icin onu eziyor. */
.tw-header {
      background: rgb(5 9 19 / 75%) !important;
}
.tw-footer {
      background: linear-gradient(180deg, rgb(41 0 99 / 97%) 0%, rgb(9 20 49 / 99%) 100%) !important;
      border-top-color: rgba(146, 175, 235, .15) !important;
      box-shadow: 0 -8px 32px rgb(55 11 176 / 20%) !important;
}

/* 2026-09-10 - NAV: dropdown ok kirpilmasi + logo bosluk
   .tw-nav-link{overflow:hidden}+max-width metni degil sondaki <i> okunu kesiyordu.
   .tw-nav margin-left logo genisligini karsilamiyordu; logoya kendi sag bosluğu verildi. */
.tw-header .tw-logo { margin-right: 28px !important; }
.tw-nav-dropdown > .tw-nav-link { max-width: none !important; overflow: visible !important; }
.tw-nav-link i { flex: 0 0 auto !important; }
/* 2026-09-10 - NAV alt cizgi: linkin %60'i degil METIN genisligi kadar.
   %60 kisa etiketlerde (AKIS) metni asiyor, uzunlarda (TURNUVALAR) kisa kaliyordu.
   Padding cikarilarak metne esitlendi; baslangictaki width:0 animasyonu korunur. */
.tw-nav-link:hover::before,
.tw-nav-link.active::before { width: calc(100% - 36px) !important; }
@media (max-width:1600px) { .tw-nav-link:hover::before, .tw-nav-link.active::before { width: calc(100% - 28px) !important; } }
@media (max-width:1400px) { .tw-nav-link:hover::before, .tw-nav-link.active::before { width: calc(100% - 24px) !important; } }
@media (max-width:1300px) { .tw-nav-link:hover::before, .tw-nav-link.active::before { width: calc(100% - 20px) !important; } }
/* 2026-09-10 - NAV alt cizgi DIKEY konum duzeltmesi.
   bottom:0 cizgiyi linkin en dibine indiriyordu; link padding'i (12px) kadar
   metinden kopuyor, genis viewport'ta (zoom %90 ve alti) padding 10->12px
   buyudugu icin mesafe daha da aciliyordu. Metnin hemen altina cekildi. */
.tw-nav-link::before { bottom: 4px !important; }
@media (max-width:1300px) { .tw-nav-link::before { bottom: 3px !important; } }
/* 2026-09-10 - NAV alt cizgi: KIRPMA KALDIRILDI.
   .tw-nav-link{overflow:hidden} ::before'u link kutusuna hapsediyordu; cizgi
   asagi inemiyor, negatif bottom'da kirpilip kayboluyordu. Metin kirpmasi
   zaten max-width + text-overflow ile calisiyor, overflow:hidden sart degil.
   Cizgi artik linkin ALT KENARININ 2px altinda, metinden bagimsiz. */
.tw-nav-link { overflow: visible !important; }
.tw-nav-link::before { bottom: -2px !important; }
@media (max-width:1300px) { .tw-nav-link::before { bottom: -2px !important; } }
/* 2026-09-10 - HEADER sag blok yer kaplamasi.
   .tw-game-selector{min-width:180px} + .tw-game-current span{min-width:110px}
   kutuyu icerigin ~2 kati genisletiyordu ("Valorant" ~90px iken 180px yer).
   Giris yapmamis kullanicida sag blok (arama+TR+oyun+GIRIS+KAYIT) sisip
   nav linklerini sikistiriyordu. Icerige gore daraltildi. */
.tw-game-selector { min-width: 0 !important; }
.tw-game-current span { min-width: 110px !important; }
/* 2026-09-10 - HEADER kompakt olculer (Ogulcan'in verdigi degerler).
   Media query'lerdeki daha spesifik kurallar (.tw-auth-buttons .tw-btn)
   dar ekranda kendi degerlerini korusun diye !important KULLANILMADI;
   font-size'lar Ogulcan'in yazdigi gibi !important birakildi. */
.tw-btn { padding: 3px 10px; font-size: 12px !important; letter-spacing: .05em; border-radius: 5px; }
.tw-game-current { gap: 5px; padding: 3px 10px; background: rgb(6 12 36); border-radius: 5px; }
.tw-game-current span { font-size: 12px !important; }
.tw-header-lang-trigger { gap: 4px; padding: 3px 10px; background: rgb(6 12 38); border-radius: 10px; }