/* Tactical Military FPS Styles */
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Radar Sweep Scanline Animation */
.radar-sweep-line {
  background: conic-gradient(from 0deg, rgba(34, 197, 94, 0.35) 0deg, rgba(34, 197, 94, 0.05) 60deg, transparent 70deg, transparent 360deg);
  border-radius: 50%;
  animation: radar-spin 3.5s linear infinite;
}

@keyframes radar-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Compass Tape styling */
#compass-tape-container {
  mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 25%, black 75%, transparent);
}

body {
  background-color: #0d0f0c;
  color: #e5e7eb;
}

/* Blood Damage Vignette Pulsing */
#blood-vignette {
  background: radial-gradient(circle at center, transparent 35%, rgba(180, 0, 0, 0.4) 70%, rgba(120, 0, 0, 0.85) 100%);
}

.bleeding-active {
  animation: pulse-bleed 1.2s infinite ease-in-out;
}

@keyframes pulse-bleed {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.85; }
}

/* Active Weapon Slot Badge */
.active-slot {
  background: rgba(139, 115, 85, 0.45) !important;
  border-color: #8B7355 !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(139, 115, 85, 0.4);
}

/* Tactical Crosshair Spreads */
.crosshair-spread .cross-t { transform: translate(-50%, -6px); }
.crosshair-spread .cross-b { transform: translate(-50%, 6px); }
.crosshair-spread .cross-l { transform: translate(-6px, -50%); }
.crosshair-spread .cross-r { transform: translate(6px, -50%); }

/* Screen shake on explosion/heavy recoil */
.screen-shake {
  animation: shake 0.25s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
  10%, 90% { transform: translate3d(-2px, 1px, 0); }
  20%, 80% { transform: translate3d(3px, -2px, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 3px, 0); }
  40%, 60% { transform: translate3d(4px, -3px, 0); }
}

/* Custom Scrollbar for Briefing */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb {
  background: #8B7355;
  border-radius: 4px;
}