/* ==============================================================
   1. GENEL KOYU MOD & OBSİDİYEN TEMA (True Dark Theme)
   ============================================================== */
:root {
  --bg: #09090b !important;
  --panel: #111115 !important;
  --panel2: #16161c !important;
  --line: #24242e !important;
  --text: #f4f4f7 !important;
  --muted: #8e8e9c !important;
  --gold: #d4d4dc !important;
  --gold-soft: #ffffff !important;
  --danger: #ef4444 !important;
  color-scheme: dark !important;
}

body {
  background: #09090b !important;
  color: #f4f4f7 !important;
}
body:before {
  filter: grayscale(1) brightness(0.2) !important;
  opacity: 0.15 !important;
}
body:after {
  background: linear-gradient(180deg, rgba(9,9,11,0.92), rgba(9,9,11,0.98) 420px, #09090b) !important;
}

a { color: #d4d4dc; }
a:hover { color: #ffffff !important; }

.panel, .site-header, .editor, .composer, .profile-card, .subforum, dialog {
  background: #111115 !important;
  border-color: #24242e !important;
  color: #f4f4f7 !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.7) !important;
}

input, textarea, select {
  border-color: #272733 !important;
  background: #09090c !important;
  color: #f4f4f7 !important;
}
input::placeholder, textarea::placeholder { color: #636373 !important; }
input:focus, textarea:focus, select:focus {
  border-color: #4a4a5e !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.08) !important;
  outline: none !important;
}

/* Genel Butonlar & Rozetler */
.button {
  background: #181820 !important;
  border: 1px solid #2e2e3d !important;
  color: #e2e2ea !important;
}
.button:hover {
  background: #242430 !important;
  border-color: #4c4c62 !important;
  color: #ffffff !important;
}
.button.primary {
  background: linear-gradient(135deg, #2c2c3a, #1a1a24) !important;
  border-color: #4b4b60 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}
.button.primary:hover {
  background: linear-gradient(135deg, #373748, #22222e) !important;
  border-color: #646480 !important;
}
.button.ghost {
  background: #0f0f13 !important;
  border-color: #252530 !important;
  color: #b5b5c4 !important;
}
.button.ghost:hover {
  background: #1b1b24 !important;
  border-color: #404054 !important;
  color: #ffffff !important;
}
.plain { color: #9c9cae !important; }
.plain:hover { color: #ffffff !important; }

.tag, .muted-tag {
  background: #181820 !important;
  border: 1px solid #2e2e3d !important;
  color: #d1d1dc !important;
  font-size: 0.60rem !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em !important;
}
.danger-tag {
  background: #2b0d13 !important;
  border: 1px solid #611724 !important;
  color: #fca5a5 !important;
  font-size: 0.60rem !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  font-weight: 750 !important;
}

.pagination a, .pagination span {
  background: #121217 !important;
  border-color: #282834 !important;
  color: #d4d4de !important;
}

/* ==============================================================
   2. HEADER TAM EKRAN YAYILIMI & DEATHKO KAPSÜL NAVBAR
   ============================================================== */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: #070605 !important;
  border-bottom: 1px solid #241a12 !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.95) !important;
  width: 100% !important;
}

.site-header .topbar,
.site-header .wrap,
.site-header .wrap.topbar {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 64px !important;
  height: 64px !important;
  box-sizing: border-box !important;
}

.header-left-group {
  display: flex !important;
  align-items: center !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.header-left {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.brand {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}

.brand-logo {
  height: 42px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.9)) !important;
}

.brand-ver-badge,
.brand-caption {
  display: none !important;
}

.header-center-nav {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.header-center-nav a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #dfdbd5 !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color 0.16s ease, transform 0.16s ease !important;
}

.header-center-nav a:hover {
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.header-center-nav a .ff-icon {
  width: 15px !important;
  height: 15px !important;
  color: #cda362 !important;
}

.account-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

.header-custom-nav {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.header-pill-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 35px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #110d0a !important;
  border: 1px solid #3c2a1c !important;
  color: #e0d5c5 !important;
  font-size: 0.67rem !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  transition: all 0.15s ease !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.header-pill-btn:hover {
  background: #1c140e !important;
  border-color: #6a492e !important;
  color: #ffffff !important;
}

.header-pill-btn .live-dot-green {
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  background: #00e676;
  box-shadow: 0 0 7px #00e676;
  flex-shrink: 0;
  display: inline-block;
}

.header-pill-btn .ff-icon {
  width: 14px !important;
  height: 14px !important;
  color: #caa468 !important;
}

.header-pill-btn .arrow-down {
  font-size: 0.58rem;
  color: #8c7662;
  margin-left: 2px;
}

.forum-menu {
  position: relative !important;
  z-index: 50 !important;
  margin: 0 !important;
}

.forum-menu-panel {
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 9px) !important;
  width: min(340px, calc(100vw - 28px)) !important;
  padding: 12px !important;
  border: 1px solid #3c2a1c !important;
  border-radius: 12px !important;
  background: #0f0b08f8 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(14px) !important;
}
.forum-menu-panel:before { display: none !important; }
.forum-menu-panel nav { grid-template-columns: 1fr 1fr !important; gap: 6px !important; padding: 8px 0 !important; }
.forum-menu-panel nav a { padding: 8px 10px !important; font-size: 0.68rem !important; border-radius: 7px !important; }
.forum-menu-panel nav a:hover { background: #1f150e !important; color: #ffffff !important; }

.header-login-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 35px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #110d0a !important;
  border: 1px solid #3c2a1c !important;
  color: #ede7dc !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.header-login-btn:hover {
  background: #1c140e !important;
  border-color: #6a492e !important;
  color: #ffffff !important;
}
.header-login-btn .ff-icon { width: 14px !important; height: 14px !important; color: #d4a968 !important; }

.header-register-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 35px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ecd7b1 0%, #caa468 100%) !important;
  border: 1px solid #f6e6cd !important;
  color: #140d05 !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(202, 164, 104, 0.45) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.header-register-btn:hover {
  filter: brightness(1.08) !important;
  box-shadow: 0 4px 16px rgba(202, 164, 104, 0.65) !important;
  color: #000000 !important;
}
.header-register-btn .ff-icon { width: 14px !important; height: 14px !important; color: #140d05 !important; }

.header-pill-btn.user-pill { color: #f4f4f7 !important; }
.header-pill-btn.logout-pill {
  background: #170d0c !important;
  border: 1px solid #4a1f22 !important;
  color: #f87171 !important;
}
.header-pill-btn.logout-pill:hover {
  background: #271214 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

/* ==============================================================
   3. GİRİŞ MODAL PENCERESİ (dialog#login-dialog)
   ============================================================== */
dialog#login-dialog {
  background: #0f0c09 !important;
  border: 1px solid #3c2a1c !important;
  border-radius: 14px !important;
  color: #f4f4f7 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.95) !important;
  max-width: 420px !important;
  width: calc(100% - 32px) !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}

dialog#login-dialog::backdrop {
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(8px) !important;
}

.forum-login-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.forum-login-form .dialog-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 2px !important;
}

.forum-login-form .dialog-title h2 {
  margin: 0 !important;
  font-size: 1.12rem !important;
  font-weight: 850 !important;
  color: #ffffff !important;
}

.forum-login-form p.muted {
  margin: 0 0 4px !important;
  font-size: 0.72rem !important;
  color: #8e8e9e !important;
  line-height: 1.45 !important;
}

.forum-login-form label:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  color: #cfc5b6 !important;
}

.forum-login-form label[hidden],
.forum-login-form [data-totp-row][hidden],
.forum-login-form [hidden] {
  display: none !important;
}

.forum-login-form input {
  height: 40px !important;
  padding: 0 12px !important;
  border: 1px solid #2e2216 !important;
  border-radius: 8px !important;
  background: #060504 !important;
  color: #ffffff !important;
  box-sizing: border-box !important;
  font-size: 0.75rem !important;
}

.forum-login-form input:focus {
  border-color: #caa468 !important;
  box-shadow: 0 0 0 2px rgba(202, 164, 104, 0.2) !important;
  outline: none !important;
}

.forum-login-form .button.primary {
  height: 42px !important;
  font-weight: 850 !important;
  font-size: 0.74rem !important;
  border-radius: 8px !important;
  margin-top: 6px !important;
  background: linear-gradient(180deg, #ecd7b1 0%, #caa468 100%) !important;
  border: 1px solid #f6e6cd !important;
  color: #140d05 !important;
  cursor: pointer !important;
}

/* ==============================================================
   4. ANA SAYFA KARŞILAMA, DUYURU & ARAMA PANELİ
   ============================================================== */
.forum-home-hero {
  background: linear-gradient(135deg, #131318, #0a0a0d) !important;
  border: 1px solid #22222c !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8) !important;
}
.forum-home-hero .home-hero-icon {
  background: #181822 !important;
  border: 1px solid #2e2e3d !important;
  color: #caa468 !important;
}
.forum-home-hero .eyebrow {
  color: #9d9db2 !important;
  font-weight: 800 !important;
}
.forum-home-hero h1 { color: #ffffff !important; }
.forum-home-hero p { color: #8e8e9e !important; }

.announcement {
  background: #0f0f14 !important;
  border: 1px solid #242430 !important;
  color: #dcdce6 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
}
.announcement .notice-label {
  background: #1e1e29 !important;
  border: 1px solid #38384d !important;
  color: #e2e2ec !important;
  font-weight: 900 !important;
}

.home-search-panel {
  background: #0d0d11 !important;
  border: 1px solid #202028 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6) !important;
}
.home-search-panel input {
  background: #07070a !important;
  border: 1px solid #242430 !important;
  color: #ffffff !important;
}
.home-search-panel input:focus {
  border-color: #4f4f66 !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05) !important;
}
.home-search-panel button {
  background: #181822 !important;
  border: 1px solid #2e2e3d !important;
  color: #dcdce6 !important;
  font-weight: 800 !important;
}
.home-search-panel button:hover {
  background: #242433 !important;
  border-color: #4a4a60 !important;
  color: #ffffff !important;
}
.home-search-panel>div {
  background: #08080b !important;
  border: 1px solid #1c1c24 !important;
  color: #8a8a9a !important;
}
.home-search-panel>div strong { color: #ffffff !important; }

/* ==============================================================
   5. FORUM LİSTE GÖRÜNÜMÜ & İKON TASARIMI
   ============================================================== */
.forum-group,
.panel.forum-group {
  background: #0b0b10 !important;
  border: 1px solid #20202c !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 22px !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.75) !important;
}

.forum-group>header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 20px !important;
  background: linear-gradient(90deg, #151520 0%, #0d0d14 100%) !important;
  border-bottom: 1px solid #222230 !important;
}

.forum-group-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: linear-gradient(145deg, #1b1b28, #101018) !important;
  border: 1px solid #323246 !important;
  color: #caa468 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}
.forum-group-icon .ff-icon {
  width: 20px !important;
  height: 20px !important;
  filter: drop-shadow(0 0 6px rgba(202, 164, 104, 0.4)) !important;
}

.forum-group header h2 {
  margin: 0 !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.03em !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}

.forum-group header p {
  margin: 3px 0 0 0 !important;
  font-size: 0.78rem !important;
  color: #9898ad !important;
  line-height: 1.35 !important;
}

.subforum-count {
  margin-left: auto !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 5px 12px !important;
  background: #14141e !important;
  border: 1px solid #2c2c3e !important;
  border-radius: 999px !important;
  color: #caa468 !important;
}

.forum-board-row {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px 20px !important;
  min-height: 86px !important;
  background: transparent !important;
  border-bottom: 1px solid #1a1a24 !important;
  box-sizing: border-box !important;
  transition: background 0.16s ease !important;
}

.forum-board-row:last-child { border-bottom: none !important; }
.forum-board-row:hover { background: rgba(255, 255, 255, 0.02) !important; }

.board-icon {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #181824 0%, #0d0d14 100%) !important;
  border: 1px solid #2e2e42 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: all 0.2s ease !important;
}
.board-icon .ff-icon {
  width: 22px !important;
  height: 22px !important;
  color: #caa468 !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.9)) !important;
  transition: transform 0.2s ease, filter 0.2s ease !important;
}
.forum-board-row:hover .board-icon {
  border-color: #caa468 !important;
  box-shadow: 0 0 16px rgba(202, 164, 104, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transform: translateY(-1px) !important;
}
.forum-board-row:hover .board-icon .ff-icon {
  filter: drop-shadow(0 0 8px rgba(202, 164, 104, 0.6)) !important;
  transform: scale(1.06) !important;
}

.board-info { flex: 1 1 auto !important; min-width: 0 !important; }
.board-info>a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 1.02rem !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  transition: color 0.15s ease !important;
}
.board-info>a:hover { color: #ecd7b1 !important; text-decoration: underline !important; }
.board-info p {
  margin: 5px 0 0 0 !important;
  font-size: 0.79rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #a4a4b8 !important;
}

.staff-only {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 2px 8px !important;
  font-size: 0.58rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  background: #231226 !important;
  border: 1px solid #5a2663 !important;
  color: #e9b3fa !important;
}

.board-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 65px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}
.board-count strong { font-size: 1.05rem !important; font-weight: 850 !important; color: #ffffff !important; line-height: 1 !important; }
.board-count small { margin-top: 4px !important; font-size: 0.65rem !important; font-weight: 750 !important; color: #7b7b90 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }

.board-latest {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 280px !important;
  flex: 0 0 280px !important;
  padding: 10px 14px !important;
  border: 1px solid #222230 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #13131c 0%, #0a0a0f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
  box-sizing: border-box !important;
}
.board-latest-avatar { flex-shrink: 0 !important; }
.board-latest-avatar .avatar { width: 36px !important; height: 36px !important; border-radius: 8px !important; border: 1px solid #36364a !important; }
.board-latest-content { flex: 1 1 auto !important; min-width: 0 !important; }
.board-latest-title {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  color: #f0f0f8 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
}
.board-latest-title:hover { color: #ecd7b1 !important; }
.board-latest-meta { display: flex !important; align-items: center !important; gap: 10px !important; margin-top: 4px !important; font-size: 0.68rem !important; color: #8c8ca0 !important; }
.board-latest-meta .ff-icon { width: 12px !important; height: 12px !important; color: #caa468 !important; }
.board-latest-author a { color: #d8d8ea !important; font-weight: 700 !important; text-decoration: none !important; }
.board-latest-author a:hover { color: #ffffff !important; text-decoration: underline !important; }
.board-latest-empty { font-size: 0.74rem !important; color: #646476 !important; display: flex !important; align-items: center !important; gap: 6px !important; }

.topic-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid #1a1a24 !important;
  background: transparent !important;
  transition: background 0.16s ease !important;
}
.topic-row:hover { background: rgba(255, 255, 255, 0.02) !important; }
.topic-title { font-size: 0.98rem !important; font-weight: 800 !important; color: #ffffff !important; text-decoration: none !important; line-height: 1.35 !important; }
.topic-title:hover { color: #ecd7b1 !important; }
.topic-info .meta { margin-top: 5px !important; font-size: 0.76rem !important; color: #9292a8 !important; }
.topic-info .meta a { color: #dfdfea !important; font-weight: 700 !important; }

/* ==============================================================
   6. KENAR ÇUBUĞU (SİDEBAR) & OYUNCU PANELİ (V157)
   ============================================================== */
.home-account-card {
  margin: 0 0 20px !important;
  overflow: hidden !important;
  border: 1px solid #21212b !important;
  border-radius: 12px !important;
  background: linear-gradient(160deg, #111116, #09090c) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.8) !important;
}

.home-account-card>header {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #21212b !important;
  background: linear-gradient(115deg, #171720, #0e0e13) !important;
}
.home-account-card>header h3 { margin: 2px 0 !important; color: #ffffff !important; font-size: .88rem !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 850 !important; }
.home-account-card>header p { margin: 3px 0 0 !important; color: #88889a !important; font-size: .62rem !important; line-height: 1.45 !important; }
.home-account-card>header small { color: #caa467 !important; font-size: .53rem !important; font-weight: 850 !important; letter-spacing: .12em !important; }
.home-account-card>header>a {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  margin-left: auto !important;
  border: 1px solid #3c2a1c !important;
  border-radius: 8px !important;
  background: #100c09 !important;
  color: #cba76e !important;
  text-decoration: none !important;
}
.home-account-card>header>a:hover { border-color: #9b7444 !important; color: #f2d59e !important; }

.home-account-card .account-card-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  height: 40px !important;
  border: 1px solid #2c2c3d !important;
  border-radius: 12px !important;
  background: #181822 !important;
  color: #e4e4ed !important;
}
.home-account-card .account-card-icon .ff-icon { width: 21px !important; height: 21px !important; }

.account-avatar { display: grid !important; place-items: center !important; flex: 0 0 42px !important; }
.account-avatar .avatar { width: 42px !important; height: 42px !important; border: 1px solid #aa804b !important; background: #23190f !important; color: #f2d8aa !important; font-size: .92rem !important; border-radius: 10px !important; }

.account-summary-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; padding: 12px !important; }
.account-summary-grid>div { display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0 !important; padding: 9px 7px !important; border: 1px solid #281d14 !important; border-radius: 9px !important; background: #080605 !important; }
.account-summary-grid .ff-icon { flex: 0 0 17px !important; width: 17px !important; height: 17px !important; color: #c69654 !important; }
.account-summary-grid>div.is-active .ff-icon { color: #e9bd62 !important; filter: drop-shadow(0 0 5px rgba(200, 149, 63, 0.5)) !important; }
.account-summary-grid span { min-width: 0 !important; color: #8f8374 !important; font-size: .51rem !important; line-height: 1.25 !important; text-transform: uppercase !important; }
.account-summary-grid strong { display: block !important; overflow: hidden !important; margin-top: 2px !important; color: #efe4d5 !important; font-size: .67rem !important; text-overflow: ellipsis !important; white-space: nowrap !important; text-transform: none !important; font-weight: 800 !important; }

.premium-expiry { display: flex !important; align-items: center !important; gap: 7px !important; margin: 0 12px 11px !important; padding: 7px 9px !important; border: 1px solid #3c2a1c !important; border-radius: 8px !important; background: #120d08 !important; color: #9f917f !important; font-size: .57rem !important; }
.premium-expiry strong { margin-left: auto !important; color: #e3c58e !important; font-size: .58rem !important; }
.premium-expiry .live-dot { width: 6px !important; height: 6px !important; background: #dfb661 !important; box-shadow: 0 0 7px #dfb661 !important; border-radius: 50% !important; }

.account-character-heading { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 10px 13px 7px !important; border-top: 1px solid #281d13 !important; color: #d2b27e !important; font-size: .58rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
.account-character-heading>span { display: flex !important; align-items: center !important; gap: 7px !important; }
.account-character-heading .ff-icon { width: 14px !important; height: 14px !important; color: #d2b27e !important; }
.account-character-heading small { color: #83786b !important; font-size: .54rem !important; }

.account-character-list { display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 0 12px 12px !important; }
.account-character { display: grid !important; grid-template-columns: 39px minmax(0,1fr) auto !important; align-items: center !important; gap: 9px !important; padding: 8px !important; border: 1px solid #281d14 !important; border-radius: 9px !important; background: linear-gradient(90deg, #0e0a07, #070504) !important; }
.account-character.race-karus { border-left: 2px solid #b07753 !important; }
.account-character.race-elmorad, .account-character.race-human { border-left: 2px solid #817cae !important; }

.character-level { display: grid !important; place-items: center !important; width: 37px !important; height: 37px !important; border: 1px solid #3c2a1c !important; border-radius: 8px !important; background: #16100a !important; color: #d9b77e !important; line-height: 1 !important; }
.character-level small { font-size: .42rem !important; }
.character-level strong { margin-top: 2px !important; font-size: .82rem !important; font-weight: 850 !important; }

.character-identity { min-width: 0 !important; }
.character-identity strong { display: block !important; overflow: hidden !important; color: #eee6dc !important; font-size: .66rem !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-weight: 750 !important; }
.character-identity small { display: block !important; overflow: hidden !important; margin-top: 3px !important; color: #8f8375 !important; font-size: .51rem !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.character-values { text-align: right !important; }
.character-values span { display: block !important; color: #dfbd83 !important; font-size: .57rem !important; font-weight: 800 !important; }
.character-values small { display: block !important; margin-top: 3px !important; color: #81776b !important; font-size: .47rem !important; }

.account-no-character { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 18px !important; border: 1px dashed #3c2a1c !important; border-radius: 9px !important; color: #928576 !important; font-size: .61rem !important; }
.account-load-warning { margin: 12px !important; padding: 11px !important; border: 1px solid #3c2a1c !important; border-radius: 9px !important; background: #140e09 !important; color: #c8b79f !important; font-size: .61rem !important; line-height: 1.55 !important; }

.member-account-card>footer { display: grid !important; grid-template-columns: 1.15fr 1fr !important; gap: 7px !important; padding: 11px 12px !important; border-top: 1px solid #281d13 !important; background: #080605 !important; }
.member-account-card>footer .button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; min-width: 0 !important; padding: 8px !important; font-size: .59rem !important; font-weight: 750 !important; }
.member-account-card>footer .plain { grid-column: 1/-1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 5px !important; color: #887e72 !important; font-size: .55rem !important; }
.member-account-card>footer .plain:hover { color: #d9b77e !important; }

/* Sidebar Giriş Formu */
.sidebar-login-form { display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 12px 14px 9px !important; box-sizing: border-box !important; }
.sidebar-login-form label:not([hidden]) { display: block !important; margin: 0 !important; color: #9e9eb0 !important; font-size: .58rem !important; font-weight: 700 !important; line-height: 1.25 !important; }
.sidebar-login-form label[hidden], .sidebar-login-form [data-totp-row][hidden], .sidebar-login-form [hidden] { display: none !important; }
.sidebar-login-form input { display: block !important; width: 100% !important; height: 39px !important; margin-top: 4px !important; padding: 8px 10px !important; border: 1px solid #22222d !important; border-radius: 8px !important; background: #07070a !important; color: #f4f4f7 !important; font-size: .68rem !important; box-sizing: border-box !important; }
.sidebar-login-form input:focus { border-color: #4a4a62 !important; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05) !important; outline: none !important; }
.sidebar-login-form .button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; width: 100% !important; height: 39px !important; margin-top: 2px !important; background: linear-gradient(180deg, #ecd7b1 0%, #caa468 100%) !important; border: 1px solid #f6e6cd !important; color: #140d05 !important; font-size: .68rem !important; font-weight: 900 !important; letter-spacing: .05em !important; text-transform: uppercase !important; border-radius: 8px !important; cursor: pointer !important; }
.sidebar-login-form .button .ff-icon { width: 14px !important; height: 14px !important; color: #140d05 !important; transform: none !important; }
.sidebar-login-form .form-result:empty { display: none !important; }
.sidebar-login-form .form-result { margin: 0 !important; padding: 7px 8px !important; border: 1px solid #543d2b !important; border-radius: 7px !important; background: #19110b !important; color: #dfc49b !important; font-size: .58rem !important; line-height: 1.4 !important; }

.guest-account-actions { display: flex !important; align-items: center !important; gap: 8px !important; padding: 0 14px 11px !important; }
.guest-account-actions .button { flex: 1 !important; min-height: 34px !important; padding: 8px !important; font-size: .61rem !important; text-align: center !important; justify-content: center !important; display: inline-flex !important; align-items: center !important; border-radius: 8px !important; }
.guest-account-actions .button.ghost { background: #101015 !important; border-color: #242430 !important; color: #b5b5c4 !important; }
.guest-account-actions .button.ghost:hover { background: #181822 !important; color: #ffffff !important; }
.guest-account-actions>a:not(.button) { color: #b99b70 !important; font-size: .57rem !important; }

.account-card-note { margin: 0 !important; padding: 10px 14px 13px !important; border-top: 1px solid #1c1c24 !important; color: #6e6e80 !important; font-size: .54rem !important; line-height: 1.5 !important; }

.home-side-card, .home-support { background: #0c0c10 !important; border: 1px solid #1e1e26 !important; border-radius: 12px !important; margin-bottom: 20px !important; overflow: hidden !important; }
.home-side-card>h3 { font-size: 0.82rem !important; border-bottom: 1px solid #1e1e26 !important; color: #ffffff !important; padding: 12px 16px !important; margin: 0 !important; }
.home-side-card dt { font-size: 0.72rem !important; color: #8e8e9e !important; }
.home-side-card dt .ff-icon { color: #a4a4b8 !important; }
.home-side-card dd { font-size: 0.76rem !important; color: #ffffff !important; }
.home-topic-stack a { border-bottom: 1px solid #16161e !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 16px !important; text-decoration: none !important; }
.home-topic-stack a:hover { background: #121218 !important; }
.home-topic-stack strong { font-size: 0.76rem !important; color: #e2e2ea !important; }
.home-topic-stack small { font-size: 0.64rem !important; color: #727284 !important; }
.topic-rank { background: #181822 !important; border: 1px solid #2b2b3a !important; color: #ffffff !important; width: 22px !important; height: 22px !important; display: grid !important; place-items: center !important; border-radius: 6px !important; font-size: 0.65rem !important; font-weight: 800 !important; }
.home-support>span { background: #1a1a22 !important; border-color: #343444 !important; color: #e4e4ed !important; }

.forum-bottom-stats { margin-top: 16px !important; }
.forum-bottom-stats dl { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; padding: 12px 14px !important; margin: 0 !important; }
.forum-bottom-stats dl>div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 10px 12px !important; border: 1px solid #202028 !important; border-radius: 9px !important; background: #09090c !important; }
.forum-bottom-stats dt { font-size: 0.70rem !important; }
.forum-bottom-stats dd { font-size: 0.76rem !important; }

/* ==============================================================
   7. GELİŞMİŞ KONU BAŞLIĞI, SAYFA YOLU, POSTBİT & AKSİYONLAR
   ============================================================== */
.breadcrumbs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 9px 15px !important;
  margin-bottom: 18px !important;
  border: 1px solid #23232c !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #131317, #09090c) !important;
  font-size: 0.73rem !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.6) !important;
}
.breadcrumbs a { display: inline-flex !important; align-items: center !important; gap: 6px !important; color: #d4d4dc !important; text-decoration: none !important; font-weight: 650 !important; transition: color 0.15s !important; }
.breadcrumbs a:hover { color: #ffffff !important; }
.breadcrumbs a .ff-icon { width: 14px !important; height: 14px !important; color: #9e9eb0 !important; }
.breadcrumbs .crumb-sep, .breadcrumbs>span:not(.crumb-current) { color: #525263 !important; font-size: 0.76rem !important; user-select: none !important; }
.breadcrumbs .crumb-current { color: #ffffff !important; font-weight: 600 !important; max-width: 360px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* Özel Geliştirilmiş Konu Başlığı Kartı */
.topic-page-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 20px 24px !important;
  margin-bottom: 20px !important;
  border: 1px solid #232330 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #13131a 0%, #09090d 100%) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  position: relative !important;
}

.topic-heading-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.topic-title-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.topic-page-heading h1 {
  margin: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 850 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
  line-height: 1.35 !important;
  word-break: break-word !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}

.topic-heading-tags {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.topic-header-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  margin-top: 2px !important;
  font-size: 0.68rem !important;
  color: #8c8ca0 !important;
}

.topic-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.topic-meta-item .ff-icon {
  width: 14px !important;
  height: 14px !important;
  color: #caa468 !important;
  flex-shrink: 0 !important;
}

.topic-meta-item strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.topic-meta-item a {
  color: #ecd7b1 !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

.topic-meta-item a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.topic-meta-sep {
  color: #323244 !important;
  font-size: 0.75rem !important;
  user-select: none !important;
}

.topic-meta-share {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border: 1px solid #2e2e40 !important;
  border-radius: 6px !important;
  background: #14141d !important;
  color: #d1d1dc !important;
  font-size: 0.64rem !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  line-height: 1 !important;
}

.topic-meta-share:hover {
  background: #20202d !important;
  border-color: #caa468 !important;
  color: #ecd7b1 !important;
  transform: translateY(-1px) !important;
}

.topic-meta-share .ff-icon {
  width: 12px !important;
  height: 12px !important;
  color: #caa468 !important;
}

.topic-heading-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  flex-shrink: 0 !important;
}

.topic-heading-actions .button.primary {
  height: 38px !important;
  padding: 0 16px !important;
  font-size: 0.70rem !important;
  font-weight: 850 !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #ecd7b1 0%, #caa468 100%) !important;
  border: 1px solid #f6e6cd !important;
  color: #140d05 !important;
  box-shadow: 0 2px 10px rgba(202, 164, 104, 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.topic-heading-actions .button.primary:hover {
  filter: brightness(1.08) !important;
  color: #000000 !important;
  transform: translateY(-1px) !important;
}

.topic-heading-actions .button.ghost,
.topic-heading-actions .is-watch-btn {
  height: 38px !important;
  padding: 0 14px !important;
  font-size: 0.68rem !important;
  font-weight: 750 !important;
  border-radius: 9px !important;
  background: #14141d !important;
  border: 1px solid #2a2a3a !important;
  color: #d1d1dc !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.topic-heading-actions .is-watch-btn.primary {
  background: #1c140e !important;
  border-color: #caa468 !important;
  color: #ecd7b1 !important;
}

.topic-action-form { margin: 0 !important; display: inline-flex !important; }

.moderator-bar { margin: 0 0 16px !important; padding: 10px 14px !important; border: 1px solid #5a1926 !important; border-radius: 9px !important; background: #1c0a0f !important; color: #f87171 !important; font-size: 0.68rem !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.moderator-bar a { color: #fca5a5 !important; font-weight: 700 !important; text-decoration: none !important; }

/* Orijinal Postbit Tasarımı */
.post {
  background: var(--panel, #111115) !important;
  border-color: var(--line, #24242e) !important;
}
.post-author {
  background: rgba(0, 0, 0, 0.25) !important;
  border-right: 1px solid var(--line, #24242e) !important;
}
.member-character { display: block !important; }
.postbit-secondary { display: flex !important; }
.postbit-game-data > div {
  background: var(--panel2, #16161c) !important;
  border-color: var(--line, #24242e) !important;
  border-radius: 8px !important;
}
.postbit-secondary span {
  background: var(--panel2, #16161c) !important;
  border-color: var(--line, #24242e) !important;
  border-radius: 6px !important;
}

.post-meta { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 0.64rem !important; color: #7a7a8c !important; border-bottom: 1px solid #1e1e26 !important; padding-bottom: 8px !important; }
.post-meta .post-time { display: inline-flex !important; align-items: center !important; gap: 5px !important; color: #adadb8 !important; }
.post-meta .post-time .ff-icon { width: 12px !important; height: 12px !important; color: #8e8e9e !important; }
.post-meta .post-num-link { color: #626274 !important; font-weight: 600 !important; text-decoration: none !important; transition: color 0.15s !important; }
.post-meta .post-num-link:hover { color: #ffffff !important; }
.post-main { background: #0c0c10 !important; }
.signature { border-color: #1e1e26 !important; }

/* Post Aksiyonları (Beğeni, Alıntıla, Bildir) */
.post-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 16px !important;
  padding-top: 12px !important;
  border-top: 1px solid #1c1c26 !important;
  box-sizing: border-box !important;
}
.post-actions .muted {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #121218 !important;
  border: 1px solid #232330 !important;
  color: #d1d1dc !important;
  font-size: 0.70rem !important;
  font-weight: 750 !important;
  margin-right: auto !important;
}
.post-actions .muted::before {
  content: '♥';
  color: #f43f5e;
  font-size: 0.85rem;
  filter: drop-shadow(0 0 5px rgba(244, 63, 94, 0.6));
}
.post-actions form { display: inline-flex !important; align-items: center !important; margin: 0 !important; }
.post-actions button.plain, .post-actions .plain {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 32px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  background: #14141c !important;
  border: 1px solid #28283a !important;
  color: #c4c4d4 !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.16s ease !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.post-actions button[data-quote]::before { content: '↩'; font-size: 0.82rem; color: #caa468; }
.post-actions button[data-quote]:hover { background: #1c1813 !important; border-color: #caa468 !important; color: #ecd7b1 !important; transform: translateY(-1px) !important; box-shadow: 0 3px 10px rgba(202, 164, 104, 0.2) !important; }
.post-actions button[data-dialog^="report"]::before { content: '⚑'; font-size: 0.78rem; color: #8c8c9e; transition: color 0.16s ease; }
.post-actions button[data-dialog^="report"]:hover { background: #201014 !important; border-color: #ef4444 !important; color: #fca5a5 !important; transform: translateY(-1px) !important; box-shadow: 0 3px 10px rgba(239, 68, 68, 0.2) !important; }
.post-actions button[data-dialog^="report"]:hover::before { color: #ef4444 !important; }

.moderation-inline { display: flex !important; justify-content: flex-end !important; margin-top: 8px !important; padding-top: 8px !important; border-top: 1px dashed #24181c !important; }
.moderation-inline button.plain.danger { height: 28px !important; padding: 0 10px !important; font-size: 0.62rem !important; font-weight: 750 !important; border-radius: 6px !important; background: #1c0c10 !important; border: 1px solid #4a161e !important; color: #f87171 !important; cursor: pointer !important; }
.moderation-inline button.plain.danger:hover { background: #2c1016 !important; border-color: #ef4444 !important; color: #ffffff !important; }

/* ==============================================================
   8. CEVAP YAZ & MİSAFİR GİRİŞ KUTUSU
   ============================================================== */
.reply-composer {
  background: #0c0c10 !important;
  border: 1px solid #1e1e26 !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75) !important;
}

.composer-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #181822 !important;
}

.composer-symbol {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
  background: #14141d !important;
  border: 1px solid #262634 !important;
  color: #caa468 !important;
  font-size: 1rem !important;
  flex-shrink: 0 !important;
}
.composer-title h2 { margin: 0 !important; font-size: 0.95rem !important; font-weight: 850 !important; color: #ffffff !important; }
.composer-title small { display: block !important; margin-top: 2px !important; color: #7e7e92 !important; font-size: 0.68rem !important; }

.guest-reply-prompt {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  border: 1px solid #22222e !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #121218 0%, #09090c 100%) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
  box-sizing: border-box !important;
}

.guest-reply-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #181822 !important;
  border: 1px solid #2a2a3a !important;
  color: #caa468 !important;
  margin: 0 !important;
}
.guest-reply-icon .ff-icon { width: 20px !important; height: 20px !important; color: #caa468 !important; }

.guest-reply-info { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; }
.guest-reply-info h3 { margin: 0 0 4px 0 !important; font-size: 0.90rem !important; font-weight: 850 !important; color: #ffffff !important; }
.guest-reply-info p { margin: 0 !important; color: #8c8c9e !important; font-size: 0.72rem !important; line-height: 1.4 !important; }

.guest-reply-actions { display: flex !important; align-items: center !important; gap: 8px !important; margin-left: auto !important; flex-shrink: 0 !important; }
.guest-reply-actions .button.primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ecd7b1 0%, #caa468 100%) !important;
  border: 1px solid #f6e6cd !important;
  color: #140d05 !important;
  font-size: 0.70rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 10px rgba(202, 164, 104, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.guest-reply-actions .button.primary:hover { filter: brightness(1.08) !important; color: #000000 !important; transform: translateY(-1px) !important; }
.guest-reply-actions .button.primary .ff-icon { width: 14px !important; height: 14px !important; color: #140d05 !important; }

.guest-reply-actions .button.ghost {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  background: #14141c !important;
  border: 1px solid #2e2e3d !important;
  color: #e2e2ec !important;
  font-size: 0.70rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}
.guest-reply-actions .button.ghost:hover { background: #1b1b26 !important; border-color: #4a4a60 !important; color: #ffffff !important; transform: translateY(-1px) !important; }

/* ==============================================================
   9. KURUMSAL OYUN FOOTER'I
   ============================================================== */
.site-main-footer {
  background: var(--bg, #09090b) !important;
  color: #a89d90 !important;
  border-top: 1px solid var(--line, #24242e) !important;
  margin-top: 40px !important;
  font-family: inherit;
  box-sizing: border-box;
  width: 100%;
}
.site-main-footer * { box-sizing: border-box; }
.site-main-footer .footer-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 48px 24px 40px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 40px;
  align-items: start;
}
.footer-col-brand .footer-logo img {
  height: 48px;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.8));
  margin-bottom: 16px;
}
.footer-col-brand .footer-about {
  font-size: 0.78rem;
  line-height: 1.6;
  color: #9e9182;
  margin: 0 0 20px;
  max-width: 380px;
}
.footer-socials { display: flex; align-items: center; gap: 10px; }
.footer-socials a {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #2d2015;
  border-radius: 6px;
  background: #0f0b08;
  color: #d1c4b4;
  text-decoration: none;
  transition: all 0.2s ease;
}
.footer-socials a:hover {
  border-color: #f59e0b;
  color: #ffffff;
  background: #1c140d;
  transform: translateY(-2px);
}
.footer-socials a .ff-icon { width: 18px; height: 18px; }

.footer-heading {
  margin: 0 0 20px;
  font-size: 0.85rem;
  font-weight: 850;
  color: #ed8012;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-heading .heading-line {
  display: inline-block;
  width: 28px;
  height: 1.5px;
  background: #a35008;
  border-radius: 1px;
}

.footer-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.footer-nav-list li a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #dcd3c7;
  text-decoration: none;
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  transition: color 0.18s ease, transform 0.18s ease;
}
.footer-nav-list li a:hover { color: #ffffff; transform: translateX(4px); }
.footer-nav-list .diamond { color: #ed8012; font-size: 0.62rem; line-height: 1; }

.server-status-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.server-status-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.78rem;
  gap: 12px;
  border-bottom: 1px dashed rgba(255,255,255,0.04);
  padding-bottom: 8px;
}
.server-status-list li:last-child { border-bottom: none; padding-bottom: 0; }
.server-status-list .status-label { color: #9e9182; font-weight: 550; }
.server-status-list .status-val { font-weight: 800; letter-spacing: 0.04em; }
.server-status-list .status-online { color: #00e676; display: inline-flex; align-items: center; gap: 6px; text-shadow: 0 0 8px rgba(0,230,118,0.4); }
.server-status-list .status-online .live-dot-green { width: 7px; height: 7px; border-radius: 50%; background: #00e676; box-shadow: 0 0 8px #00e676; display: inline-block; }
.server-status-list .val-highlight { color: #ed8012; }
.server-status-list .val-highlight a { color: #ed8012; text-decoration: none; }
.server-status-list .val-highlight a:hover { color: #ffa43c; text-decoration: underline; }

.corporate-accordions { display: flex; flex-direction: column; gap: 12px; }
.corp-accordion {
  border: 1px solid #2d2015;
  border-radius: 8px;
  background: #0d0906;
  overflow: hidden;
  transition: border-color 0.2s;
}
.corp-accordion:hover { border-color: #523824; }
.corp-accordion summary {
  list-style: none;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.74rem;
  font-weight: 800;
  color: #dcd3c7;
  letter-spacing: 0.06em;
  cursor: pointer;
  user-select: none;
}
.corp-accordion summary::-webkit-details-marker { display: none; }
.corp-accordion summary .chevron { font-size: 0.72rem; color: #8c7662; transition: transform 0.2s ease; }
.corp-accordion[open] summary .chevron { transform: rotate(180deg); color: #ed8012; }
.corp-accordion .corp-content { padding: 0 14px 12px; font-size: 0.72rem; line-height: 1.55; color: #9e9182; border-top: 1px solid #1c140d; }
.corp-accordion .corp-content p { margin: 10px 0 0; }

.footer-bottom-bar {
  border-top: 1px solid var(--line, #24242e);
  padding: 18px 24px;
  background: rgba(0, 0, 0, 0.4) !important;
}
.footer-bottom-bar .bottom-wrap {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  color: #7d7265;
}
.footer-bottom-bar .brand-name,
.footer-bottom-bar .credit-name { color: #ed8012; font-weight: 850; }

/* ==============================================================
   10. BİRLEŞTİRİLMİŞ MOBİL & TABLET UYUMLULUK DÜZENLEMELERİ
   ============================================================== */
@media (max-width: 1150px) {
  .header-center-nav { display: none !important; }
}

@media (max-width: 1050px) {
  .forum-home-layout { display: flex !important; flex-direction: column !important; align-items: stretch !important; }
  .home-sidebar { display: contents !important; }
  .home-account-card { order: -1 !important; }
  .forum-groups { order: 0 !important; }
  .home-side-card, .home-support { order: 1 !important; }
}

@media (max-width: 1050px) and (min-width: 721px) {
  .home-account-card { grid-column: 1/-1 !important; }
  .account-character-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .member-account-card>footer { grid-template-columns: 1fr 1fr 1fr !important; }
  .member-account-card>footer .plain { grid-column: auto !important; border: 1px solid #3b2d22 !important; border-radius: 8px !important; }
  .guest-account-card { max-width: none !important; }
  .sidebar-login-form { display: grid !important; grid-template-columns: 1fr 1fr auto !important; align-items: end !important; gap: 8px !important; }
  .sidebar-login-form [data-totp-row], .sidebar-login-form .form-result { grid-column: 1/-1 !important; }
  .sidebar-login-form .button { height: 39px !important; margin: 0 !important; }
  .guest-account-actions { max-width: 430px !important; }
}

@media (max-width: 1024px) {
  .site-main-footer .footer-wrap { grid-template-columns: 1fr 1fr; gap: 32px; }
}

@media (max-width: 900px) {
  .forum-board-row {
    flex-wrap: wrap !important;
    gap: 12px 14px !important;
    padding: 14px 16px !important;
    align-items: flex-start !important;
  }
  .board-icon { width: 42px !important; height: 42px !important; flex: 0 0 42px !important; }
  .board-icon .ff-icon { width: 18px !important; height: 18px !important; }
  .board-info { flex: 1 1 calc(100% - 60px) !important; min-width: 0 !important; }
  .board-info>a { font-size: 0.96rem !important; }
  .board-info p { font-size: 0.74rem !important; }

  .board-count {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    background: #101016 !important;
    border: 1px solid #1f1f2c !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
  }
  .board-count strong { font-size: 0.82rem !important; }
  .board-count small { margin-top: 0 !important; font-size: 0.60rem !important; color: #8c8ca0 !important; }

  /* Mobilde Son Konu / Yazan / Tarih Görünür Kalsın */
  .board-latest {
    display: flex !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    margin-top: 4px !important;
    padding: 9px 12px !important;
    background: #0f0f15 !important;
    border: 1px solid #1c1c28 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }
  .board-latest-avatar { flex-shrink: 0 !important; }
  .board-latest-avatar .avatar { width: 32px !important; height: 32px !important; border-radius: 7px !important; }
  .board-latest-content { flex: 1 1 auto !important; min-width: 0 !important; }
  .board-latest-title { font-size: 0.78rem !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  .board-latest-meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 3px !important; font-size: 0.64rem !important; }
}

@media (max-width: 820px) {
  .site-header .topbar,
  .site-header .wrap.topbar {
    flex-wrap: wrap !important;
    min-height: 56px !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    justify-content: space-between !important;
  }
  .header-left .brand-logo { height: 36px !important; max-width: 115px !important; }
  .account-actions { display: contents !important; }
  
  .forum-menu { order: 2 !important; margin-left: 6px !important; }
  .forum-menu>summary span, .forum-menu>summary .arrow-down { display: none !important; }
  .forum-menu>summary { width: 35px !important; padding: 0 !important; justify-content: center !important; }
  
  .header-login-btn, .header-register-btn, .header-pill-btn {
    order: 2 !important;
    height: 34px !important;
    padding: 0 11px !important;
    font-size: 0.63rem !important;
  }
  
  .forum-menu-panel {
    position: fixed !important;
    top: 58px !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-height: calc(100vh - 75px) !important;
    overflow-y: auto !important;
  }
  
  .header-custom-nav {
    order: 3 !important;
    width: 100% !important;
    flex-basis: 100% !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: 6px 0 2px !important;
    margin-top: 6px !important;
    border-top: 1px solid #1c140e !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .header-custom-nav::-webkit-scrollbar { display: none !important; }
  .header-custom-nav:empty { display: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
  .header-nav-card { height: 30px !important; padding: 0 10px !important; font-size: 0.62rem !important; }

  .post-author { border-right: none !important; border-bottom: 1px solid var(--line, #24242e) !important; }
  .forum-bottom-stats dl { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 720px) {
  .guest-reply-prompt { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; padding: 14px !important; }
  .guest-reply-actions { width: 100% !important; margin-left: 0 !important; gap: 8px !important; }
  .guest-reply-actions .button { flex: 1 1 50% !important; }
}

@media (max-width: 640px) {
  .site-main-footer .footer-wrap { grid-template-columns: 1fr; gap: 28px; padding: 32px 16px; }
  .footer-bottom-bar .bottom-wrap { flex-direction: column; align-items: center; text-align: center; gap: 8px; }
  .breadcrumbs .crumb-current { max-width: 200px; }
  .topic-page-heading { flex-direction: column !important; align-items: stretch !important; gap: 14px !important; padding: 16px 14px !important; }
  .topic-heading-actions { width: 100% !important; display: flex !important; gap: 8px !important; }
  .topic-heading-actions .button, .topic-heading-actions .topic-action-form { flex: 1 1 50% !important; justify-content: center !important; }
  .topic-heading-actions .topic-action-form .button { width: 100% !important; }
}

@media (max-width: 600px) {
  .post-actions { justify-content: space-between !important; }
  .post-actions .muted { width: 100% !important; margin-right: 0 !important; justify-content: center !important; }
  .post-actions button.plain { flex: 1 1 calc(50% - 4px) !important; }
}

@media (max-width: 480px) {
  .forum-board-row { padding: 12px !important; }
  .board-latest { padding: 8px 10px !important; }
  .board-latest-title { font-size: 0.74rem !important; }
}

@media (max-width: 440px) {
  .header-left .brand-logo { max-width: 95px !important; height: 30px !important; }
  .header-login-btn { padding: 0 8px !important; }
  .header-register-btn { padding: 0 10px !important; }
  .forum-menu-panel nav { grid-template-columns: 1fr !important; }
  .forum-bottom-stats dl { grid-template-columns: 1fr !important; }
}

@media (max-width: 430px) {
  .account-summary-grid { grid-template-columns: 1fr 1fr !important; }
  .account-summary-grid>div:last-child { grid-column: 1/-1 !important; }
  .account-character { grid-template-columns: 37px minmax(0,1fr) !important; }
  .character-values { grid-column: 2 !important; text-align: left !important; display: flex !important; gap: 9px !important; }
  .character-values small { margin: 0 !important; }
  .member-account-card>footer { grid-template-columns: 1fr !important; }
  .member-account-card>footer .plain { grid-column: auto !important; }
}

/* Sidebar Medya / Banner Kartları */
.sidebar-media-banner {
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(56, 189, 248, 0.22) !important;
    background: #080c14 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sidebar-media-banner:hover {
    transform: translateY(-2px);
    border-color: rgba(56, 189, 248, 0.5) !important;
    box-shadow: 0 8px 24px rgba(14, 165, 233, 0.2), 0 0 12px rgba(56, 189, 248, 0.15) !important;
}

.sidebar-banner-link {
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 0;
}

.sidebar-banner-link img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    display: block;
    filter: brightness(0.92);
    transition: filter 0.25s ease, transform 0.25s ease;
}

.sidebar-banner-link:hover img {
    filter: brightness(1.05);
    transform: scale(1.03);
}

/* Banner Üst Rozeti */
.banner-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #e0f2fe;
    background: rgba(14, 22, 38, 0.85);
    border: 1px solid rgba(56, 189, 248, 0.4);
    border-radius: 5px;
    backdrop-filter: blur(4px);
}

.banner-badge.live-badge {
    color: #fca5a5;
    border-color: rgba(239, 68, 68, 0.4);
    background: rgba(30, 10, 15, 0.85);
}

/* Banner Alt Metin Karartması */
.banner-overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 12px 8px 12px;
    background: linear-gradient(180deg, transparent 0%, rgba(8, 12, 20, 0.95) 100%);
    z-index: 2;
    line-height: 1.3;
}

.banner-overlay-text strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.banner-overlay-text small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
}

/* V159 · Forum sosyal girişleri */
.forum-social-login {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}
.social-login-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid #292936 !important;
    border-radius: 8px !important;
    background: #0a0a0e !important;
    color: #e8e8ee !important;
    font-size: .67rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: border-color .2s ease, background .2s ease, transform .2s ease !important;
}
.social-login-btn:hover { transform: translateY(-1px) !important; background: #121219 !important; color: #fff !important; }
.social-login-btn i { display: grid !important; place-items: center !important; flex: 0 0 20px !important; width: 20px !important; height: 20px !important; font-size: 16px !important; }
.social-login-btn span { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.social-login-btn.provider-apple { border-color: #4b4b57 !important; background: #111115 !important; }
.social-login-btn.provider-apple i { color: #fff !important; }
.social-login-btn.provider-google { border-color: #4a392d !important; }
.social-login-btn.provider-google i { color: #ea4335 !important; }
.social-login-btn.provider-discord { border-color: #34365d !important; }
.social-login-btn.provider-discord i { color: #8c9eff !important; }
.social-login-btn.provider-facebook { border-color: #263e65 !important; }
.social-login-btn.provider-facebook i { color: #4e8bea !important; }
.forum-social-login.is-modal { margin: 0 0 4px !important; }
.forum-social-login.is-sidebar { padding: 0 14px 12px !important; border-bottom: 1px solid #1c1c24 !important; }
@media(max-width:430px) {
    .forum-social-login.is-modal { grid-template-columns: 1fr 1fr !important; }
    .social-login-btn { padding: 0 9px !important; font-size: .63rem !important; }
}

/* ==============================================================
   V162 · GELİŞMİŞ XENFORO TARZI MESAJ EDİTÖRÜ
   ============================================================== */
.ko-editor-shell {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
}
.composer-toolbar.rich-toolbar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1px solid #30303d !important;
  border-bottom: 0 !important;
  border-radius: 10px 10px 0 0 !important;
  background: linear-gradient(180deg,#17171e,#101015) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  overflow: visible !important;
}
.editor-toolbar-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-height: 48px !important;
  padding: 7px 9px !important;
  border-bottom: 1px solid #252530 !important;
}
.rich-toolbar .editor-tools {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  margin: 0 !important;
}
.rich-toolbar .editor-tool,
.editor-picker>summary.editor-tool {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 33px !important;
  width: 33px !important;
  height: 33px !important;
  padding: 0 7px !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #c7c7d2 !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  cursor: pointer !important;
  list-style: none !important;
  transition: background .15s ease,border-color .15s ease,color .15s ease !important;
}
.rich-toolbar .editor-tool:hover,
.editor-picker[open]>summary.editor-tool {
  border-color: #41372d !important;
  background: #241b13 !important;
  color: #efd49e !important;
}
.editor-picker>summary::-webkit-details-marker { display: none !important; }
.rich-toolbar .tool-b>span { font-weight: 950 !important; }
.rich-toolbar .tool-i>span { font-style: italic !important; font-family: Georgia,serif !important; font-size: .95rem !important; }
.rich-toolbar .tool-u>span { text-decoration: underline !important; }
.rich-toolbar .tool-s>span { text-decoration: line-through !important; }
.editor-divider { width: 1px !important; height: 25px !important; margin: 0 3px !important; background: #30303c !important; flex: 0 0 1px !important; }
.editor-select-tools { gap: 4px !important; }
.editor-select-label { display: block !important; margin: 0 !important; }
.editor-select-label select {
  width: 94px !important;
  height: 33px !important;
  margin: 0 !important;
  padding: 0 25px 0 9px !important;
  border: 1px solid #30303d !important;
  border-radius: 6px !important;
  background: #0c0c11 !important;
  color: #cfcfd8 !important;
  font-size: .66rem !important;
  cursor: pointer !important;
}
.editor-size-select select { width: 72px !important; }
.editor-picker { position: relative !important; flex: 0 0 auto !important; margin: 0 !important; }
.editor-popover {
  position: absolute !important;
  z-index: 90 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  padding: 9px !important;
  border: 1px solid #3a3a48 !important;
  border-radius: 9px !important;
  background: #111117 !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.78) !important;
}
.editor-color-a { font-weight: 900 !important; text-decoration: underline 3px #d2a45f !important; text-underline-offset: 3px !important; }
.editor-color-grid { display: grid !important; grid-template-columns: repeat(3,22px) !important; gap: 7px !important; }
.color-swatch { width: 22px !important; height: 22px !important; padding: 0 !important; border: 2px solid #292934 !important; border-radius: 50% !important; cursor: pointer !important; }
.color-swatch:hover { transform: scale(1.12) !important; border-color: #fff !important; }
.color-swatch.is-gold { background: #d7ac68 !important; }.color-swatch.is-red { background: #ef6262 !important; }.color-swatch.is-green { background: #5ac989 !important; }
.color-swatch.is-blue { background: #63a5ed !important; }.color-swatch.is-purple { background: #b083e4 !important; }.color-swatch.is-gray { background: #a1a1ae !important; }
.editor-emoji-grid { display: grid !important; grid-template-columns: repeat(5,34px) !important; gap: 4px !important; width: max-content !important; }
.editor-emoji-grid button { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; padding: 0 !important; border: 1px solid transparent !important; border-radius: 6px !important; background: transparent !important; font-size: 1.08rem !important; cursor: pointer !important; }
.editor-emoji-grid button:hover { border-color: #454555 !important; background: #22222b !important; transform: scale(1.08) !important; }
.editor-more-picker .editor-popover { left: auto !important; right: 0 !important; }
.editor-more-tool { width: 39px !important; }
.editor-more-menu { display: grid !important; min-width: 190px !important; gap: 3px !important; }
.editor-more-menu button { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; padding: 9px 10px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: #d7d7df !important; font-size: .7rem !important; text-align: left !important; cursor: pointer !important; }
.editor-more-menu button:hover { background: #24242d !important; color: #fff !important; }
.editor-more-menu button span { display: grid !important; place-items: center !important; width: 22px !important; color: #c9a36a !important; font-weight: 850 !important; }
.editor-fullscreen-tool { margin-left: auto !important; }
.editor-toolbar-meta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; min-height: 37px !important; padding: 4px 9px !important; background: #0b0b0f !important; }
.editor-mode-tabs { display: flex !important; align-items: center !important; gap: 3px !important; }
.editor-mode-tabs button { height: 28px !important; padding: 0 11px !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; color: #7f7f90 !important; font-size: .64rem !important; font-weight: 800 !important; cursor: pointer !important; }
.editor-mode-tabs button:hover { color: #d7d7df !important; }
.editor-mode-tabs button.is-active { background: #25201a !important; color: #e6c58e !important; }
.rich-toolbar .composer-count { padding: 0 !important; color: #777787 !important; font-size: .62rem !important; font-variant-numeric: tabular-nums !important; }
.ko-editor-shell+textarea,
.composer-edit>.ko-editor-shell+label+textarea {
  display: block !important;
  width: 100% !important;
  min-height: 230px !important;
  margin: 0 !important;
  padding: 16px 17px !important;
  border: 1px solid #30303d !important;
  border-radius: 0 0 10px 10px !important;
  background: #08080c !important;
  color: #efeff3 !important;
  line-height: 1.72 !important;
  font-size: .86rem !important;
  resize: vertical !important;
  box-shadow: inset 0 10px 24px rgba(0,0,0,.18) !important;
}
.ko-editor-shell+textarea:focus,
.composer-edit>.ko-editor-shell+label+textarea:focus { border-color: #80613e !important; box-shadow: inset 0 10px 24px rgba(0,0,0,.18),0 0 0 2px rgba(202,164,104,.11) !important; outline: 0 !important; }
.ko-editor-shell+textarea[hidden],.composer-edit>.ko-editor-shell+label+textarea[hidden] { display: none !important; }
.editor-preview {
  min-height: 230px !important;
  margin: 0 !important;
  padding: 17px !important;
  border: 1px solid #30303d !important;
  border-radius: 0 0 10px 10px !important;
  background: #0a0a0e !important;
  color: #ececf1 !important;
  font-size: .86rem !important;
  line-height: 1.72 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
.editor-preview[hidden] { display: none !important; }
.editor-preview-empty { margin: 0 !important; color: #6f6f7e !important; font-style: italic !important; }

/* Mesaj ve önizleme içindeki güvenli BBCode görünümleri */
.post-body .bb-heading,.editor-preview .bb-heading { margin: 12px 0 7px !important; color: #fff !important; font-size: 1.35rem !important; line-height: 1.3 !important; }
.post-body .bb-subheading,.editor-preview .bb-subheading { margin: 10px 0 6px !important; color: #eee8df !important; font-size: 1.08rem !important; line-height: 1.35 !important; }
.post-body .bb-quote,.editor-preview .bb-quote { margin: 10px 0 !important; padding: 12px 15px !important; border: 1px solid #332a21 !important; border-left: 3px solid #c89f62 !important; border-radius: 0 8px 8px 0 !important; background: #100d0a !important; color: #c9c1b7 !important; }
.bb-quote cite { display: block !important; margin-bottom: 7px !important; color: #e0bd83 !important; font-size: .72rem !important; font-style: normal !important; font-weight: 850 !important; }
.post-body .bb-code,.editor-preview .bb-code { margin: 10px 0 !important; padding: 14px !important; border: 1px solid #30303b !important; border-radius: 8px !important; background: #060609 !important; color: #d8d8df !important; white-space: pre-wrap !important; overflow: auto !important; }
.bb-code code { display: inline !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: inherit !important; font: .78rem/1.65 Consolas,Monaco,monospace !important; }
.bb-inline-code { padding: 2px 5px !important; border: 1px solid #353540 !important; border-radius: 4px !important; background: #0a0a0e !important; color: #e8c990 !important; font: .82em Consolas,Monaco,monospace !important; }
.bb-list { margin: 9px 0 9px 24px !important; padding-left: 15px !important; white-space: normal !important; }
.bb-list li { margin: 5px 0 !important; }
.bb-align-center { text-align: center !important; }.bb-align-right { text-align: right !important; }
.bb-spoiler { margin: 10px 0 !important; border: 1px solid #343440 !important; border-radius: 8px !important; background: #0c0c11 !important; white-space: normal !important; overflow: hidden !important; }
.bb-spoiler summary { padding: 10px 12px !important; background: #17171e !important; color: #d9bd8b !important; font-size: .72rem !important; font-weight: 850 !important; cursor: pointer !important; }
.bb-spoiler>div { padding: 12px !important; white-space: pre-wrap !important; }
.bb-divider { height: 1px !important; margin: 17px 0 !important; border: 0 !important; background: linear-gradient(90deg,transparent,#62503a,transparent) !important; }
.bb-size-small { font-size: .78em !important; }.bb-size-large { font-size: 1.28em !important; }
.bb-color-gold { color: #e2b870 !important; }.bb-color-red { color: #f27979 !important; }.bb-color-green { color: #66d496 !important; }
.bb-color-blue { color: #71b4f4 !important; }.bb-color-purple { color: #bb91eb !important; }.bb-color-gray { color: #aaaab6 !important; }

/* Tam ekran yazma kipi */
body.editor-fullscreen-open { overflow: hidden !important; }
.composer.editor-fullscreen {
  position: fixed !important;
  z-index: 9999 !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 18px clamp(14px,4vw,70px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #09090d !important;
  overflow: auto !important;
}
.composer.editor-fullscreen .composer-title { max-width: 1450px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
.composer.editor-fullscreen .composer-field,.composer.editor-fullscreen>.ko-editor-shell,.composer.editor-fullscreen>.ko-editor-shell~textarea,.composer.editor-fullscreen form { max-width: 1450px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
.composer.editor-fullscreen textarea,.composer.editor-fullscreen .editor-preview { min-height: calc(100dvh - 245px) !important; max-height: none !important; }

@media(max-width:760px) {
  .editor-toolbar-main { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: thin !important; padding-bottom: 8px !important; }
  .editor-toolbar-main>* { flex-shrink: 0 !important; }
  .editor-history-tools { display: none !important; }
  .editor-divider { margin: 0 1px !important; }
  .editor-select-label select { width: 78px !important; }
  .editor-size-select select { width: 67px !important; }
  .editor-popover { position: fixed !important; top: auto !important; right: 12px !important; bottom: 78px !important; left: 12px !important; width: auto !important; max-height: 45dvh !important; overflow: auto !important; }
  .editor-color-grid { grid-template-columns: repeat(6,28px) !important; justify-content: center !important; }
  .color-swatch { width: 28px !important; height: 28px !important; }
  .editor-emoji-grid { grid-template-columns: repeat(5,minmax(36px,1fr)) !important; width: 100% !important; }
  .editor-emoji-grid button { width: 100% !important; height: 40px !important; }
  .editor-more-menu { min-width: 0 !important; }
  .editor-more-menu button { min-height: 40px !important; }
  .ko-editor-shell+textarea,.editor-preview,.composer-edit>.ko-editor-shell+label+textarea { min-height: 210px !important; padding: 14px !important; font-size: .9rem !important; }
  .composer.editor-fullscreen { padding: 10px !important; }
  .composer.editor-fullscreen .composer-title { margin-bottom: 9px !important; padding-bottom: 8px !important; }
  .composer.editor-fullscreen textarea,.composer.editor-fullscreen .editor-preview { min-height: calc(100dvh - 210px) !important; }
}

/* ==============================================================
   V163 · KONU İÇİ İŞLEMLER VE ALT FORUM GÖRSELLERİ
   ============================================================== */
.post-actions {
  position: relative !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
.post-action-main { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; min-width: 0 !important; }
.post-action-main form { display: inline-flex !important; margin: 0 !important; }
.post-action-btn,.post-more-menu>summary.post-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  border: 1px solid #292934 !important;
  border-radius: 7px !important;
  background: #111117 !important;
  color: #a9a9b7 !important;
  font-size: .68rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  list-style: none !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}
.post-action-btn::-webkit-details-marker,.post-more-menu>summary::-webkit-details-marker { display: none !important; }
.post-action-btn:hover,.post-more-menu[open]>summary.post-action-btn { border-color: #765a3a !important; background: #211911 !important; color: #ebcc95 !important; transform: translateY(-1px) !important; }
.post-action-btn.is-active { border-color: #6e2635 !important; background: #251016 !important; color: #fb7185 !important; }
.post-action-btn[data-quote]::before { content: none !important; }
.post-like-count { display: inline-flex !important; align-items: center !important; gap: 5px !important; min-height: 32px !important; padding: 0 8px !important; color: #8d8d9b !important; font-size: .66rem !important; font-weight: 750 !important; }
.post-like-count i { color: #d5576d !important; }
.post-like-count strong { color: #dedee5 !important; font-size: .7rem !important; }
.post-like-count span { color: #9b9baa !important; }
.post-more-menu { position: relative !important; margin: 0 0 0 auto !important; flex: 0 0 auto !important; z-index: 35 !important; }
.post-more-popover {
  position: absolute !important;
  z-index: 80 !important;
  right: 0 !important;
  bottom: calc(100% + 7px) !important;
  display: grid !important;
  gap: 3px !important;
  min-width: 210px !important;
  padding: 7px !important;
  border: 1px solid #353542 !important;
  border-radius: 9px !important;
  background: #111116 !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.82) !important;
}
.post-more-popover>a,.post-more-popover>button,.post-more-popover form>button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 37px !important;
  padding: 8px 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #d5d5dd !important;
  font-size: .7rem !important;
  font-weight: 750 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.post-more-popover>a:hover,.post-more-popover>button:hover,.post-more-popover form>button:hover { background: #24242d !important; color: #fff !important; }
.post-more-popover i { display: grid !important; place-items: center !important; width: 18px !important; color: #c9a36c !important; }
.post-more-popover .post-delete-form { display: block !important; width: 100% !important; margin: 0 !important; }
.post-more-popover .is-danger { color: #f39898 !important; }
.post-more-popover .is-danger i { color: #ef6d6d !important; }
.post-more-popover .is-danger:hover { background: #2a1115 !important; color: #ffb0b0 !important; }
.edit-topic-title { display: block !important; margin: 0 0 12px !important; color: #bdbdc8 !important; font-size: .7rem !important; font-weight: 800 !important; }
.edit-topic-title input { height: 42px !important; margin-top: 6px !important; background: #08080c !important; border-color: #30303d !important; }

/* Ana kategori ikonları aynı kalır; yalnız alt forum satırları görsel kullanır. */
.subforum-art {
  display: block !important;
  overflow: hidden !important;
  margin: 0 !important;
  border: 1px solid #34313a !important;
  border-radius: 10px !important;
  background-color: #0b0a0d !important;
  background-image: url('/forum/img/subforums/mmorpg-atlas-v164.jpg') !important;
  background-repeat: no-repeat !important;
  background-size: 400% 300% !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.55) !important;
}
.subforum-art.art-announcements { background-position: 0% 0% !important; }
.subforum-art.art-updates { background-position: 33.333% 0% !important; }
.subforum-art.art-events { background-position: 66.667% 0% !important; }
.subforum-art.art-discussion { background-position: 100% 0% !important; }
.subforum-art.art-guides { background-position: 0% 50% !important; }
.subforum-art.art-classes { background-position: 33.333% 50% !important; }
.subforum-art.art-clans { background-position: 66.667% 50% !important; }
.subforum-art.art-market { background-position: 100% 50% !important; }
.subforum-art.art-media { background-position: 0% 100% !important; }
.subforum-art.art-help { background-position: 33.333% 100% !important; }
.subforum-art.art-bugs { background-position: 66.667% 100% !important; }
.subforum-art.art-ideas { background-position: 100% 100% !important; }
.subforum-art.is-board { width: 64px !important; height: 48px !important; flex: 0 0 64px !important; }
.forum-board-row.is-subforum-row:hover .subforum-art { border-color: #9a7446 !important; box-shadow: 0 8px 24px rgba(202,164,104,.2) !important; }
.subforum-image-card {
  display: grid !important;
  grid-template-columns: 82px minmax(0,1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 84px !important;
  padding: 10px !important;
  background: linear-gradient(135deg,#121217,#0b0b0e) !important;
  border-color: #292933 !important;
  text-decoration: none !important;
  transition: border-color .18s ease,background .18s ease,transform .18s ease !important;
}
.subforum-image-card:hover { border-color: #705a3e !important; background: #161319 !important; transform: translateY(-1px) !important; }
.subforum-art.is-card { width: 82px !important; height: 58px !important; }
.subforum-image-card:hover .subforum-art { border-color: #9a7446 !important; box-shadow: 0 8px 24px rgba(202,164,104,.2) !important; }
.subforum-image-card .subforum-copy { display: block !important; min-width: 0 !important; margin: 0 !important; }
.subforum-image-card .subforum-copy strong { display: block !important; overflow: hidden !important; color: #f1f1f4 !important; font-size: .84rem !important; font-weight: 850 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.subforum-image-card .subforum-description { display: -webkit-box !important; overflow: hidden !important; margin: 5px 0 0 !important; color: #898997 !important; font-size: .68rem !important; line-height: 1.4 !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; }

@media(max-width:760px) {
  .post-actions { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 7px !important; }
  .post-action-main { display: flex !important; flex: 1 1 auto !important; flex-wrap: nowrap !important; gap: 5px !important; min-width: 0 !important; }
  .post-action-btn,.post-more-menu>summary.post-action-btn { min-width: 0 !important; padding: 6px 8px !important; flex: 0 1 auto !important; }
  .post-action-btn span,.post-more-menu>summary span { display: inline !important; }
  .post-like-count { padding: 0 5px !important; white-space: nowrap !important; }
  .post-more-menu { grid-column: 2 !important; margin-left: 0 !important; }
  .post-more-popover { position: fixed !important; right: 12px !important; bottom: 70px !important; left: 12px !important; min-width: 0 !important; }
  .post-more-popover span { display: inline !important; }
  .subforum-art.is-board { width: 56px !important; height: 43px !important; flex-basis: 56px !important; }
  .forum-board-row.is-subforum-row .board-info { flex-basis: calc(100% - 72px) !important; }
  .subforum-grid { grid-template-columns: 1fr !important; }
}
@media(max-width:430px) {
  .post-action-btn,.post-more-menu>summary.post-action-btn { min-height: 30px !important; padding: 5px 7px !important; font-size: .61rem !important; }
  .post-action-btn i { font-size: .66rem !important; }
  .post-like-count { min-height: 30px !important; font-size: .59rem !important; gap: 3px !important; }
  .post-like-count strong { font-size: .62rem !important; }
  .subforum-image-card { grid-template-columns: 68px minmax(0,1fr) !important; gap: 10px !important; }
  .subforum-art.is-card { width: 68px !important; height: 50px !important; }
}



/* ==============================================================
   V216 - Forum genel arka plani: ana site hero.webp
   ============================================================== */
body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(7,6,5,.70),rgba(10,8,7,.48) 52%,rgba(20,11,8,.52)),
    url('/alindex/images/hero.webp') center top/cover no-repeat!important;
  filter:saturate(.82) contrast(1.06) brightness(.62)!important;
  opacity:.62!important;
  pointer-events:none!important;
}
body::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(7,6,5,.34),rgba(9,9,11,.82) 480px,rgba(9,9,11,.97))!important;
  pointer-events:none!important;
}
@media(max-width:720px){body::before{background-position:42% top!important;opacity:.5!important}}