/* ==========================================================================
   ODYSSEY ROLE PLAY - ADVANCED DARK OBSIDIAN & CRIMSON GAMING THEME
   FiveM Roleplay Portal Aesthetics with Glassmorphism, Category Colors & Sidebar
   ========================================================================== */

@font-face {
  font-family: 'Dachi The Lynx';
  src: url('/assets/fonts/Dachi_The_Lynx.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'LGV Big Noodle';
  src: url('/assets/fonts/LGV_Big_Noodle.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --bg-deep: #050508;
  --bg-base: #09090e;
  --bg-card: rgba(12, 12, 18, 0.88);
  --bg-card-hover: rgba(20, 20, 32, 0.96);
  --bg-header: rgba(7, 7, 11, 0.94);
  --bg-input: #0a0a10;
  
  --crimson-core: #ff1e38;
  --crimson-light: #ff475e;
  --crimson-dark: #b80d22;
  --crimson-glow: rgba(255, 30, 56, 0.4);
  --crimson-subtle: rgba(255, 30, 56, 0.12);
  --crimson-border: rgba(255, 30, 56, 0.45);

  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-medium: rgba(255, 255, 255, 0.14);

  --text-pure: #ffffff;
  --text-main: #f0f0f5;
  --text-muted: #9595ab;
  --text-dark: #626278;

  --font-gaming: 'LGV Big Noodle', 'Dachi The Lynx', sans-serif;
  --font-ui: 'Outfit', 'Noto Sans Georgian', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-card: 0 10px 35px 0 rgba(0, 0, 0, 0.55);
  --transition-fast: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- 1. GLOBAL RESET & BASE --- */
html, body {
  background-color: var(--bg-deep) !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(255, 30, 56, 0.12) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(255, 30, 56, 0.08) 0px, transparent 40%),
    radial-gradient(at 50% 100%, rgba(18, 18, 28, 0.85) 0px, transparent 70%) !important;
  background-attachment: fixed !important;
  color: var(--text-main) !important;
  font-family: var(--font-ui) !important;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--crimson-light);
  text-decoration: none;
  transition: var(--transition-fast);
}
a:hover {
  color: var(--text-pure);
  text-shadow: 0 0 10px var(--crimson-glow);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-deep); }
::-webkit-scrollbar-thumb { background: #1c1c28; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--crimson-core); box-shadow: 0 0 12px var(--crimson-core); }

/* --- 2. WRAPPERS --- */
#container {
  width: 95% !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  background: transparent !important;
}

#content {
  width: 100% !important;
  padding: 16px 0 40px !important;
}

/* --- 3. STICKY HEADER --- */
#header {
  background: var(--bg-header) !important;
  backdrop-filter: blur(24px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(200%) !important;
  border-bottom: 1px solid var(--crimson-border) !important;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.75) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.header-inner-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 70px !important;
}

/* Odyssey Logo */
.odyssey-logo {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  font-family: var(--font-gaming) !important;
  font-size: 2.1rem !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,0.5));
}
.odyssey-header-logo-img {
  height: 46px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 12px var(--crimson-glow)) !important;
  transition: var(--transition-fast) !important;
  vertical-align: middle !important;
}
.odyssey-logo:hover .odyssey-header-logo-img {
  transform: scale(1.08) rotate(-2deg) !important;
  filter: drop-shadow(0 0 18px var(--crimson-core)) !important;
}

.logo-txt-white { color: #ffffff !important; }
.logo-txt-role { color: #888899 !important; font-size: 1.8rem !important; margin: 0 4px !important; }
.logo-txt-crimson { color: var(--crimson-core) !important; text-shadow: 0 0 16px var(--crimson-glow); }

/* Top Nav Links */
ul.top_links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
ul.top_links li a {
  font-family: var(--font-gaming) !important;
  font-size: 1.15rem !important;
  letter-spacing: 1px !important;
  color: var(--text-muted) !important;
  padding: 7px 16px !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid transparent !important;
  transition: var(--transition-fast) !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}
ul.top_links li a:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--text-pure) !important;
  border-color: var(--border-subtle) !important;
  box-shadow: 0 0 14px rgba(255, 30, 56, 0.2) !important;
}
.btn-discord-header {
  background: linear-gradient(135deg, rgba(88, 101, 242, 0.2) 0%, rgba(88, 101, 242, 0.35) 100%) !important;
  border-color: rgba(88, 101, 242, 0.4) !important;
  color: #7289da !important;
}
.btn-discord-header:hover {
  background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(88, 101, 242, 0.6) !important;
}

/* User Panel / Guest Welcome Bar */
#panel {
  background: var(--bg-card) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  padding: 12px 22px !important;
  margin: 16px 0 !important;
  color: var(--text-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-shadow: var(--shadow-card) !important;
}
#panel a {
  color: var(--text-pure) !important;
  font-weight: 500 !important;
}
#panel a:hover {
  color: var(--crimson-light) !important;
}

/* --- 4. HERO BANNER WITH LIVE IP --- */
.hero-banner-gaming {
  background: 
    linear-gradient(180deg, rgba(12, 12, 18, 0.92) 0%, rgba(6, 6, 10, 0.98) 100%),
    radial-gradient(ellipse at 50% 0%, rgba(255, 30, 56, 0.22) 0%, transparent 75%) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-lg) !important;
  padding: 42px 28px 36px !important;
  text-align: center !important;
  margin: 14px 0 28px !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  position: relative !important;
  overflow: hidden !important;
}
.hero-banner-gaming::before {
  content: '';
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--crimson-core), transparent);
}

/* Server Status Pill */
.server-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(14, 14, 22, 0.85) !important;
  border: 1px solid rgba(46, 204, 113, 0.4) !important;
  border-radius: 20px !important;
  padding: 5px 16px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  box-shadow: 0 0 15px rgba(46, 204, 113, 0.25) !important;
  margin-bottom: 12px !important;
}
.status-dot-pulse {
  width: 9px;
  height: 9px;
  background: #2ecc71;
  border-radius: 50%;
  box-shadow: 0 0 10px #2ecc71;
  animation: pulse-green 1.8s infinite ease-in-out;
}
@keyframes pulse-green {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.7; }
}

/* Server Maintenance Status */
.pill-maintenance {
  border-color: rgba(245, 158, 11, 0.5) !important;
  box-shadow: 0 0 15px rgba(245, 158, 11, 0.25) !important;
  color: #fbbf24 !important;
}
.status-dot-pulse-amber {
  width: 9px;
  height: 9px;
  background: #f59e0b;
  border-radius: 50%;
  box-shadow: 0 0 10px #f59e0b;
  animation: pulse-amber 1.8s infinite ease-in-out;
}
@keyframes pulse-amber {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.3); opacity: 0.7; }
}

.server-maintenance-bar {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(20, 15, 10, 0.94) !important;
  border: 1px solid rgba(245, 158, 11, 0.55) !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 24px !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6), 0 0 20px rgba(245, 158, 11, 0.22) !important;
  backdrop-filter: blur(12px) !important;
  animation: maintenance-glow 3s infinite ease-in-out !important;
}
@keyframes maintenance-glow {
  0%, 100% { box-shadow: 0 4px 25px rgba(0, 0, 0, 0.6), 0 0 16px rgba(245, 158, 11, 0.2); }
  50% { box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8), 0 0 28px rgba(245, 158, 11, 0.45); }
}
.maintenance-icon {
  font-size: 1.25rem !important;
  color: #f59e0b !important;
  display: inline-block !important;
  animation: wrench-wiggle 2.5s infinite ease-in-out !important;
}
@keyframes wrench-wiggle {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-15deg); }
  40% { transform: rotate(15deg); }
  60% { transform: rotate(-5deg); }
  80% { transform: rotate(5deg); }
}
.maintenance-text {
  font-family: var(--font-ui) !important;
  font-size: 1.02rem !important;
  font-weight: 600 !important;
  color: #fef3c7 !important;
  letter-spacing: 0.3px !important;
}
.maintenance-text strong {
  color: #f59e0b !important;
}

.hero-logo-showcase {
  margin: 14px 0 16px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.hero-main-logo {
  max-height: 145px !important;
  width: auto !important;
  filter: drop-shadow(0 0 26px rgba(255, 30, 56, 0.6)) drop-shadow(0 10px 22px rgba(0, 0, 0, 0.85)) !important;
  animation: hero-logo-float 4s ease-in-out infinite !important;
  transition: transform 0.3s ease, filter 0.3s ease !important;
}
.hero-main-logo:hover {
  transform: scale(1.06) !important;
  filter: drop-shadow(0 0 38px rgba(255, 30, 56, 0.9)) drop-shadow(0 12px 25px rgba(0, 0, 0, 0.9)) !important;
}
@keyframes hero-logo-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

.hero-title-gaming {
  font-family: var(--font-gaming) !important;
  font-size: 3.8rem !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow: 0 0 40px rgba(255, 30, 56, 0.6) !important;
  margin: 0 0 8px !important;
  line-height: 1.1 !important;
}
.hero-title-gaming span {
  color: var(--crimson-core) !important;
}
.hero-subtitle-gaming {
  color: #c4c4d4 !important;
  font-size: 1.12rem !important;
  max-width: 720px !important;
  margin: 0 auto 22px !important;
  line-height: 1.6 !important;
}

/* 1-Click Server IP Copy Box */
.server-connect-bar {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(10, 10, 16, 0.9) !important;
  border: 1px solid rgba(255, 30, 56, 0.4) !important;
  border-radius: var(--radius-sm) !important;
  padding: 4px 6px 4px 16px !important;
  gap: 12px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 15px rgba(255, 30, 56, 0.2) !important;
}
.connect-prefix {
  font-family: var(--font-gaming) !important;
  font-size: 1.15rem !important;
  color: var(--crimson-light) !important;
  letter-spacing: 1px !important;
}
.connect-code {
  font-family: 'Consolas', 'Courier New', monospace !important;
  font-size: 0.95rem !important;
  color: #ffffff !important;
  font-weight: bold !important;
  user-select: all !important;
}
.btn-copy-action {
  background: linear-gradient(135deg, var(--crimson-core) 0%, var(--crimson-dark) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.8px !important;
  cursor: pointer !important;
  transition: var(--transition-fast) !important;
}
.btn-copy-action:hover {
  background: linear-gradient(135deg, var(--crimson-light) 0%, #d6132b 100%) !important;
  box-shadow: 0 0 12px var(--crimson-core) !important;
}

.hero-actions-gaming {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}
.btn-hero-discord {
  background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%) !important;
  color: #ffffff !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.25rem !important;
  letter-spacing: 1.2px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--radius-sm) !important;
  padding: 9px 26px !important;
  box-shadow: 0 4px 22px rgba(88, 101, 242, 0.45) !important;
  transition: var(--transition-fast) !important;
  text-transform: uppercase !important;
}
.btn-hero-discord:hover {
  background: linear-gradient(135deg, #6775f5 0%, #515ec9 100%) !important;
  box-shadow: 0 6px 30px rgba(88, 101, 242, 0.7) !important;
  transform: translateY(-2px);
}
.btn-hero-rules {
  background: linear-gradient(135deg, var(--crimson-core) 0%, var(--crimson-dark) 100%) !important;
  color: #ffffff !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.25rem !important;
  letter-spacing: 1.2px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--radius-sm) !important;
  padding: 9px 26px !important;
  box-shadow: 0 4px 22px rgba(255, 30, 56, 0.45) !important;
  transition: var(--transition-fast) !important;
  text-transform: uppercase !important;
}
.btn-hero-rules:hover {
  background: linear-gradient(135deg, var(--crimson-light) 0%, #d6132b 100%) !important;
  box-shadow: 0 6px 30px rgba(255, 30, 56, 0.7) !important;
  transform: translateY(-2px);
}

/* --- 5. TWO-COLUMN PORTAL LAYOUT --- */
.forum-layout-container {
  display: flex !important;
  gap: 26px !important;
  align-items: flex-start !important;
  margin-bottom: 24px !important;
}

.forum-main-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.forum-sidebar {
  width: 320px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

/* Sidebar Widgets */
.sidebar-card {
  background: var(--bg-card) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-card) !important;
}
.sidebar-header {
  background: linear-gradient(90deg, rgba(255, 30, 56, 0.2) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom: 1px solid var(--crimson-border) !important;
  color: #ffffff !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.25rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.sidebar-body {
  padding: 16px !important;
}
.online-member-pill a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  transition: var(--transition-fast) !important;
}
.online-member-pill a:hover {
  background: rgba(255, 30, 56, 0.15) !important;
  border-color: rgba(255, 30, 56, 0.45) !important;
  color: #ffffff !important;
  box-shadow: 0 0 10px rgba(255, 30, 56, 0.3) !important;
  transform: translateY(-1px) !important;
}

.discord-widget-body {
  text-align: center !important;
}
.discord-widget-title {
  font-family: var(--font-gaming) !important;
  font-size: 1.4rem !important;
  color: #5865F2 !important;
  letter-spacing: 1px !important;
  margin-bottom: 4px !important;
}
.discord-widget-desc {
  font-size: 0.88rem !important;
  color: var(--text-muted) !important;
  margin-bottom: 14px !important;
}
.btn-discord-join {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: linear-gradient(135deg, #5865F2 0%, #4752c4 100%) !important;
  color: #ffffff !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.15rem !important;
  letter-spacing: 1px !important;
  padding: 9px 0 !important;
  border-radius: var(--radius-sm) !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 18px rgba(88, 101, 242, 0.4) !important;
  transition: var(--transition-fast) !important;
}
.btn-discord-join:hover {
  background: linear-gradient(135deg, #6775f5 0%, #515ec9 100%) !important;
  box-shadow: 0 6px 25px rgba(88, 101, 242, 0.6) !important;
  transform: translateY(-2px);
}

.staff-list-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.staff-list-item:last-child { border-bottom: none !important; }
.staff-name {
  font-weight: 600 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.staff-badge {
  font-size: 0.75rem !important;
  font-family: var(--font-gaming) !important;
  letter-spacing: 0.8px !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
}
.badge-admin { background: rgba(255, 30, 56, 0.2) !important; color: #ff475e !important; border: 1px solid rgba(255, 30, 56, 0.4) !important; }
.badge-mod { background: rgba(52, 152, 219, 0.2) !important; color: #3498db !important; border: 1px solid rgba(52, 152, 219, 0.4) !important; }
.badge-helper { background: rgba(46, 204, 113, 0.2) !important; color: #2ecc71 !important; border: 1px solid rgba(46, 204, 113, 0.4) !important; }

.quick-link-btn {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  background: rgba(18, 18, 28, 0.7) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-sm) !important;
  color: var(--text-pure) !important;
  margin-bottom: 8px !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  transition: var(--transition-fast) !important;
}
.quick-link-btn:last-child { margin-bottom: 0 !important; }
.quick-link-btn:hover {
  background: rgba(255, 30, 56, 0.12) !important;
  border-color: var(--crimson-border) !important;
  color: var(--crimson-light) !important;
  transform: translateX(4px) !important;
}

/* --- 6. CATEGORIES WITH ROLEPLAY ACCENT COLORS --- */
.tborder {
  background: var(--bg-card) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-card) !important;
  margin-bottom: 24px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  transition: border-color 0.25s ease !important;
}

.tborder:hover {
  border-color: var(--border-medium) !important;
}

/* Category Title Bar (.thead) */
.thead {
  background: linear-gradient(90deg, rgba(255, 30, 56, 0.25) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom: 1px solid var(--crimson-border) !important;
  color: var(--text-pure) !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.45rem !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 13px 20px !important;
  position: relative !important;
}
.thead::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--crimson-core);
  box-shadow: 0 0 12px var(--crimson-core);
}
.thead a { color: #ffffff !important; text-decoration: none !important; }
.thead a:hover { color: var(--crimson-light) !important; }

/* DYNAMIC CATEGORY ACCENT PALETTES */
/* Cat 1: Rules - Crimson */
.forum-main-content > .tborder:nth-of-type(1) .thead {
  background: linear-gradient(90deg, rgba(255, 30, 56, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(255, 30, 56, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(1) .thead::before { background: #ff1e38; box-shadow: 0 0 12px #ff1e38; }

/* Cat 2: Complaints - Orange */
.forum-main-content > .tborder:nth-of-type(2) .thead {
  background: linear-gradient(90deg, rgba(232, 93, 4, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(232, 93, 4, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(2) .thead::before { background: #e85d04; box-shadow: 0 0 12px #e85d04; }

/* Cat 3: Applications - Gold */
.forum-main-content > .tborder:nth-of-type(3) .thead {
  background: linear-gradient(90deg, rgba(243, 156, 18, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(243, 156, 18, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(3) .thead::before { background: #f39c12; box-shadow: 0 0 12px #f39c12; }

/* Cat 4: State Orgs - Police Blue */
.forum-main-content > .tborder:nth-of-type(4) .thead {
  background: linear-gradient(90deg, rgba(30, 144, 255, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(30, 144, 255, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(4) .thead::before { background: #1e90ff; box-shadow: 0 0 12px #1e90ff; }

/* Cat 5: Ghetto - Purple */
.forum-main-content > .tborder:nth-of-type(5) .thead {
  background: linear-gradient(90deg, rgba(155, 89, 182, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(155, 89, 182, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(5) .thead::before { background: #9b59b6; box-shadow: 0 0 12px #9b59b6; }

/* Cat 6: Unofficial - Teal */
.forum-main-content > .tborder:nth-of-type(6) .thead {
  background: linear-gradient(90deg, rgba(26, 188, 156, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(26, 188, 156, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(6) .thead::before { background: #1abc9c; box-shadow: 0 0 12px #1abc9c; }

/* Cat 7: Biographies - Rose */
.forum-main-content > .tborder:nth-of-type(7) .thead {
  background: linear-gradient(90deg, rgba(233, 30, 99, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(233, 30, 99, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(7) .thead::before { background: #e91e63; box-shadow: 0 0 12px #e91e63; }

/* Cat 8: Market - Emerald */
.forum-main-content > .tborder:nth-of-type(8) .thead {
  background: linear-gradient(90deg, rgba(46, 204, 113, 0.28) 0%, rgba(18, 18, 28, 0.95) 100%) !important;
  border-bottom-color: rgba(46, 204, 113, 0.45) !important;
}
.forum-main-content > .tborder:nth-of-type(8) .thead::before { background: #2ecc71; box-shadow: 0 0 12px #2ecc71; }

/* Sub-headers (.tcat) */
.tcat {
  background: rgba(8, 8, 14, 0.94) !important;
  color: var(--text-muted) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  padding: 9px 18px !important;
  border-bottom: 1px solid var(--border-subtle) !important;
}

/* Forum Rows (.trow1, .trow2) */
.trow1, .trow2 {
  background: rgba(14, 14, 22, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  color: var(--text-main) !important;
  padding: 13px 18px !important;
  transition: var(--transition-fast) !important;
}
.trow1:hover, .trow2:hover {
  background: var(--bg-card-hover) !important;
}

/* Forum Titles */
.trow1 strong a, .trow2 strong a {
  font-family: var(--font-ui) !important;
  font-weight: 600 !important;
  font-size: 1.12rem !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.trow1:hover strong a, .trow2:hover strong a {
  color: var(--crimson-light) !important;
  text-shadow: 0 0 10px rgba(255, 30, 56, 0.3) !important;
}

/* Descriptions */
.trow1 .smalltext, .trow2 .smalltext {
  color: var(--text-muted) !important;
  font-size: 0.88rem !important;
  margin-top: 4px !important;
  line-height: 1.4 !important;
}

/* Forum Icons with Glowing Pulsing Core */
.forum_status {
  width: 32px !important;
  height: 32px !important;
  display: inline-block !important;
  background: rgba(255, 30, 56, 0.12) !important;
  border: 1px solid var(--crimson-border) !important;
  border-radius: 50% !important;
  position: relative !important;
  box-shadow: 0 0 12px rgba(255, 30, 56, 0.25) !important;
  transition: var(--transition-fast) !important;
}
.forum_status::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: var(--crimson-core);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px var(--crimson-core);
}
.trow1:hover .forum_status, .trow2:hover .forum_status {
  background: var(--crimson-core) !important;
  box-shadow: 0 0 18px var(--crimson-core) !important;
}
.trow1:hover .forum_status::after, .trow2:hover .forum_status::after {
  background: #ffffff !important;
  box-shadow: 0 0 10px #ffffff !important;
}

/* --- 7. BUTTONS & FORMS --- */
.button, input[type="submit"], input[type="button"], button {
  background: linear-gradient(135deg, var(--crimson-core) 0%, var(--crimson-dark) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-family: var(--font-gaming) !important;
  font-size: 1.18rem !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 22px !important;
  box-shadow: 0 4px 18px var(--crimson-glow) !important;
  cursor: pointer !important;
  transition: var(--transition-fast) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: normal !important;
}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
  background: linear-gradient(135deg, var(--crimson-light) 0%, #d6132b 100%) !important;
  box-shadow: 0 6px 26px rgba(255, 30, 56, 0.65), 0 0 12px var(--crimson-core) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
}

.textbox, input[type="text"], input[type="password"], textarea, select {
  background: var(--bg-input) !important;
  border: 1px solid var(--border-medium) !important;
  color: #ffffff !important;
  border-radius: var(--radius-sm) !important;
  padding: 9px 14px !important;
  font-family: var(--font-ui) !important;
  font-size: 0.95rem !important;
  transition: var(--transition-fast) !important;
}
.textbox:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--crimson-core) !important;
  box-shadow: 0 0 14px var(--crimson-glow) !important;
  outline: none !important;
}

/* Breadcrumb Navigation */
.navigation {
  color: var(--text-muted) !important;
  font-size: 0.92rem !important;
  margin-bottom: 16px !important;
}
.navigation a {
  color: var(--crimson-light) !important;
  font-weight: 500 !important;
}
.navigation a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Footer */
#footer {
  background: rgba(6, 6, 10, 0.98) !important;
  border-top: 1px solid var(--crimson-border) !important;
  padding: 34px 0 !important;
  margin-top: 40px !important;
  color: var(--text-muted) !important;
}
#footer a { color: var(--text-muted) !important; }
#footer a:hover { color: var(--crimson-light) !important; }
ul.bottom_links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

/* Responsive tweaks */
@media (max-width: 1100px) {
  .forum-layout-container { flex-direction: column !important; }
  .forum-sidebar { width: 100% !important; }
}
@media (max-width: 768px) {
  .hero-title-gaming { font-size: 2.3rem !important; }
  .header-inner-flex { flex-direction: column !important; height: auto !important; padding: 12px 0 !important; gap: 8px !important; }
  ul.top_links { flex-wrap: wrap !important; justify-content: center !important; }
  .server-connect-bar { flex-direction: column !important; padding: 10px !important; }
}

/* ==========================================================================
   ODYSSEY ROLE PLAY - HIGH FIDELITY SVG FORUM ICONS & MODLIST REMOVAL
   ========================================================================== */

/* Forum Icon Box Tile */
.forum_icon_cell {
    padding: 12px 10px !important;
    vertical-align: middle !important;
}

.forum-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(255, 30, 56, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    cursor: pointer;
}

.forum-icon-box:hover {
    transform: translateY(-2px) scale(1.06);
    border-color: rgba(255, 51, 68, 0.45);
    box-shadow: 0 6px 20px rgba(255, 30, 56, 0.25);
    background: rgba(255, 30, 56, 0.12);
}

.f-svg-icon {
    width: 22px;
    height: 22px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease;
}

.forum-icon-box:hover .f-svg-icon {
    transform: scale(1.1);
}

/* Default Fallback Icon */
.f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff1e38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 22 8.5 22 15.5 12 22 2 15.5 2 8.5 12 2'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23ff1e38'/%3E%3C/svg%3E");
}

/* 1. სერვერის წესები & ინფორმაცია (84-89) */
/* FID 84: კანონმდებლობა & კონსტიტუცია (Scales of Justice) */
.fid_84 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3344' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'/%3E%3Cpath d='M7 21h10'/%3E%3Cpath d='M12 3v18'/%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'/%3E%3C/svg%3E");
}

/* FID 85: სახელმწიფო სტრუქტურების წესები (Shield Guard) */
.fid_85 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
}

/* FID 86: მწვანე ზონის რეგულაციები (Green Safezone) */
.fid_86 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300ff88' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Ccircle cx='12' cy='11' r='3' fill='%2300ff88' fill-opacity='0.25'/%3E%3C/svg%3E");
}
.fid_86 {
    background: rgba(0, 255, 136, 0.08) !important;
    border-color: rgba(0, 255, 136, 0.25) !important;
}

/* FID 87: ლიდერების წესები & მოვალეობები (Golden Crown) */
.fid_87 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffd700' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7zm3 16h14'/%3E%3C/svg%3E");
}
.fid_87 {
    background: rgba(255, 215, 0, 0.08) !important;
    border-color: rgba(255, 215, 0, 0.25) !important;
}

/* FID 88: გეტოს & კრიმინალის წესები (Crimson Skull) */
.fid_88 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3344' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='1.5' fill='%23ff3344'/%3E%3Ccircle cx='15' cy='12' r='1.5' fill='%23ff3344'/%3E%3Cpath d='M8 20v2h8v-2'/%3E%3Cpath d='M12.5 17l-.5-1-.5 1'/%3E%3Cpath d='M16 20a3 3 0 0 0 1.9-4.9A8 8 0 1 0 6.1 15.1 3 3 0 0 0 8 20'/%3E%3C/svg%3E");
}

/* FID 89: ძირითადი როლფლეი წესები (Roleplay Scroll) */
.fid_89 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4'/%3E%3Cpath d='M19 17V5a2 2 0 0 0-2-2H4'/%3E%3C/svg%3E");
}

/* 2. საჩივრები & რეპორტები (91-93) */
/* FID 91: საჩივრები მოთამაშეებზე (Warning Alert) */
.fid_91 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.fid_91 {
    background: rgba(245, 158, 11, 0.08) !important;
    border-color: rgba(245, 158, 11, 0.25) !important;
}

/* FID 92: საჩივრები ადმინისტრაციაზე (Gavel of Justice) */
.fid_92 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 13-7.5 7.5c-.83.83-2.17.83-3 0 0 0 0 0 0 0a2.12 2.12 0 0 1 0-3L11 10'/%3E%3Cpath d='m16 16 6-6'/%3E%3Cpath d='m8 8 6-6'/%3E%3Cpath d='m9 7 8 8'/%3E%3Cpath d='m21 11-8-8'/%3E%3C/svg%3E");
}

/* FID 93: ბანის გასაჩივრება & ამნისტია (Amnesty Unlock) */
.fid_93 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 9.9-1'/%3E%3C/svg%3E");
}
.fid_93 {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

/* 3. ვაკანსიები & განაცხადები (95-97) */
/* FID 95: ლიდერების მიღება (Trophy) */
.fid_95 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23facc15' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/%3E%3Cpath d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/%3E%3Cpath d='M4 22h16'/%3E%3Cpath d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/%3E%3Cpath d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/%3E%3Cpath d='M18 2H6v7a6 6 0 0 0 12 0V2Z'/%3E%3C/svg%3E");
}

/* FID 96: ადმინისტრაციის მიღება (Staff Diamond) */
.fid_96 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2338bdf8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41l-7.59-7.59a2.41 2.41 0 0 0-3.41 0Z'/%3E%3C/svg%3E");
}

/* FID 97: ასისტენტების & ჰელპერების მიღება (Headset Helper) */
.fid_97 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c084fc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E");
}

/* 4. სახელმწიფო ორგანიზაციები (99-104) */
/* FID 99: მთავრობა GOV (Capitol) */
.fid_99 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 22h20'/%3E%3Cpath d='M4 18v-7'/%3E%3Cpath d='M8 18v-7'/%3E%3Cpath d='M12 18v-7'/%3E%3Cpath d='M16 18v-7'/%3E%3Cpath d='M20 18v-7'/%3E%3Cpath d='M12 2 2 7h20L12 2z'/%3E%3C/svg%3E");
}

/* FID 100: LSPD პოლიცია (Police Shield Badge) */
.fid_100 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l3 5 5 1-3 5 1 5-6-3-6 3 1-5-3-5 5-1z'/%3E%3C/svg%3E");
}
.fid_100 {
    background: rgba(59, 130, 246, 0.08) !important;
    border-color: rgba(59, 130, 246, 0.25) !important;
}

/* FID 102: FIB ბიურო (Federal Eye) */
.fid_102 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/%3E%3C/svg%3E");
}

/* FID 103: ეროვნული გვარდია (Military Shield) */
.fid_103 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cline x1='12' y1='8' x2='12' y2='16'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
}

/* FID 104: EMS სასწრაფო (Medical Cross) */
.fid_104 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff3344' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='16' stroke-width='2.5'/%3E%3Cline x1='8' y1='12' x2='16' y2='12' stroke-width='2.5'/%3E%3C/svg%3E");
}
.fid_104 {
    background: rgba(255, 51, 68, 0.08) !important;
    border-color: rgba(255, 51, 68, 0.25) !important;
}

/* 5. გეტო & ბანდები (106-111) */
/* FID 106: Families (Grove Green) */
.fid_106 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E");
}
.fid_106 {
    background: rgba(34, 197, 94, 0.08) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* FID 107: Ballas (Purple) */
.fid_107 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a855f7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 4 3 12h14l3-12-6 7-4-7-4 7-6-7z'/%3E%3C/svg%3E");
}
.fid_107 {
    background: rgba(168, 85, 247, 0.08) !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
}

/* FID 108: Vagos (Yellow Flame) */
.fid_108 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eab308' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");
}
.fid_108 {
    background: rgba(234, 179, 8, 0.08) !important;
    border-color: rgba(234, 179, 8, 0.3) !important;
}

/* FID 109: Marabunta (Cyan Star) */
.fid_109 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");
}
.fid_109 {
    background: rgba(6, 182, 212, 0.08) !important;
    border-color: rgba(6, 182, 212, 0.3) !important;
}

/* FID 110: Bloods (Red Drop) */
.fid_110 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2s7 7.5 7 12a7 7 0 1 1-14 0c0-4.5 7-12 7-12z'/%3E%3C/svg%3E");
}
.fid_110 {
    background: rgba(239, 68, 68, 0.08) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* FID 111: ტერიტორიების ომები & Capture (Target Reticle) */
.fid_111 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23f97316'/%3E%3C/svg%3E");
}

/* 6. ოჯახები (113) */
.fid_113 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

/* 7. ბიოგრაფიები (116-118) */
.fid_116 .f-svg-icon,
.fid_117 .f-svg-icon,
.fid_118 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E");
}

/* 8. ბაზარი & თავისუფალი (124-126) */
/* FID 124: ბაზარი (Shopping Cart) */
.fid_124 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}
.fid_124 {
    background: rgba(16, 185, 129, 0.08) !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

/* FID 125: მედია, კლიპები & სტრიმები (Video Clapper) */
.fid_125 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ec4899' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.18' ry='2.18'/%3E%3Cline x1='7' y1='2' x2='7' y2='22'/%3E%3Cline x1='17' y1='2' x2='17' y2='22'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3C/svg%3E");
}
.fid_125 {
    background: rgba(236, 72, 153, 0.08) !important;
    border-color: rgba(236, 72, 153, 0.25) !important;
}

/* FID 126: იდეები & შემოთავაზებები (Lightbulb) */
.fid_126 .f-svg-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 2.38 1.19 4.47 3 5.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26c1.81-1.27 3-3.36 3-5.74a7 7 0 0 0-7-7z'/%3E%3C/svg%3E");
}
.fid_126 {
    background: rgba(251, 191, 36, 0.08) !important;
    border-color: rgba(251, 191, 36, 0.25) !important;
}

/* Clean up forum description */
.forum_desc_text {
    color: #8c90a4 !important;
    font-size: 12.5px !important;
    margin-top: 3px !important;
}

/* ==========================================================================
   EXCLUSIVE DISCORD AUTHENTICATION PORTAL (ODYSSEY ROLE PLAY)
   ========================================================================== */
.exclusive-auth-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 60vh !important;
    padding: 60px 20px !important;
}
.exclusive-auth-card {
    background: radial-gradient(circle at top center, rgba(88, 101, 242, 0.22) 0%, rgba(13, 14, 22, 0.98) 65%) !important;
    border: 1px solid rgba(88, 101, 242, 0.35) !important;
    border-radius: 20px !important;
    padding: 50px 40px !important;
    max-width: 600px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.75), 0 0 45px rgba(88, 101, 242, 0.25) !important;
    position: relative !important;
    backdrop-filter: blur(14px) !important;
    margin: 0 auto !important;
}
.auth-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(88, 101, 242, 0.15) !important;
    border: 1px solid rgba(88, 101, 242, 0.45) !important;
    color: #9aa8f9 !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 24px !important;
}
.auth-dot {
    width: 8px !important;
    height: 8px !important;
    background: #5865F2 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px #5865F2 !important;
    display: inline-block !important;
}
.auth-title {
    font-family: 'Rajdhani', 'Outfit', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    color: #ffffff !important;
    margin: 0 0 14px 0 !important;
    text-transform: uppercase !important;
}
.auth-title .highlight {
    color: #ff3344 !important;
    text-shadow: 0 0 16px rgba(255, 51, 68, 0.65) !important;
}
.auth-subtitle {
    color: #9da3b4 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    margin: 0 auto 30px auto !important;
    max-width: 500px !important;
}
.auth-subtitle strong {
    color: #7289da !important;
}
.auth-btn-area {
    margin: 30px 0 !important;
}
.btn-discord-glow {
    background: linear-gradient(135deg, #5865F2 0%, #4752C4 100%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 16px 36px !important;
    border-radius: 12px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 8px 30px rgba(88, 101, 242, 0.5) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.btn-discord-glow:hover {
    background: linear-gradient(135deg, #6976F5 0%, #5865F2 100%) !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 12px 40px rgba(88, 101, 242, 0.75) !important;
    color: #ffffff !important;
}
.btn-discord-glow svg {
    vertical-align: middle !important;
}
.auth-features {
    display: flex !important;
    justify-content: center !important;
    gap: 22px !important;
    margin-top: 20px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    flex-wrap: wrap !important;
}
.feature-item {
    color: #8c93a3 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.feat-icon {
    color: #ff3344 !important;
}
.staff-bypass-area {
    margin-top: 26px !important;
}
.staff-toggle {
    color: #626978 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
.staff-toggle:hover {
    color: #ff3344 !important;
    text-decoration: underline !important;
}