
body {
  background-color: #0a0505;
  background-image:
    radial-gradient(circle at 20% 50%, rgba(139, 0, 0, 0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(210, 105, 30, 0.1) 0%, transparent 50%);
}
.western-text-shadow { text-shadow: 3px 3px 6px rgba(0,0,0,0.9), 0 0 20px rgba(139,0,0,0.5); }
.glow-red { box-shadow: 0 0 30px rgba(139, 0, 0, 0.6), inset 0 0 30px rgba(139, 0, 0, 0.2); }
.wanted-poster {
  background: #f4e4bc;
  box-shadow: 0 10px 40px rgba(0,0,0,0.8);
  border: 8px solid #3d2817;
  position: relative;
}
.wanted-poster::before {
  content: '';
  position: absolute;
  inset: -4px;
  border: 2px solid #8B4513;
  pointer-events: none;
}
.blood-splatter {
  position: absolute; width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(139,0,0,0.3) 0%, transparent 70%);
  border-radius: 50%; filter: blur(40px);
}
.nav-link { position: relative; overflow: hidden; }
.nav-link::after {
  content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;
  background: linear-gradient(90deg, transparent, #FFD700, transparent); transition: width 0.3s;
}
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.nav-link.active { color: #FFD700; }
.bullet-hole {
  width: 8px; height: 8px; background: #1a1a1a; border-radius: 50%;
  box-shadow: inset 0 0 4px #000; position: relative;
}
.bullet-hole::after {
  content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 12px; height: 12px; border: 1px solid rgba(0,0,0,0.3); border-radius: 50%;
}
.page-hero {
  position: relative; min-height: 42vh; display: flex; align-items: center; justify-content: center;
  padding-top: 5rem; overflow: hidden;
}
.page-hero img.hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.35; }
.page-hero .overlay { position: absolute; inset: 0; background:
    linear-gradient(to bottom, rgba(0,0,0,0.72), rgba(26,15,15,0.9)),
    linear-gradient(to right, rgba(0,0,0,0.8), transparent, rgba(0,0,0,0.8)); }
.card-hover:hover { transform: translateY(-4px); border-color: rgba(239,68,68,0.5); }
