/* SCP: Breach 5K - Tactical Horror Aesthetics */
@layer base {
  body {
    user-select: none;
    -webkit-user-select: none;
    touch-action: none;
    background-color: #030712;
  }
}

.font-chakra {
  font-family: 'Chakra Petch', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Atmospheric CRT Scanline & Grain Layer */
.scanlines {
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.45) 50%
  ), linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.03),
    rgba(0, 255, 0, 0.015),
    rgba(0, 0, 255, 0.03)
  );
  background-size: 100% 4px, 6px 100%;
}

/* Tactical Damage & Low-Health Vignette */
#damage-vignette {
  box-shadow: inset 0 0 120px rgba(239, 68, 68, 0.85), inset 0 0 45px rgba(185, 28, 28, 0.95);
  pointer-events: none;
}

/* Tactical Night Vision Phosphor Filter */
#nvg-overlay {
  background: radial-gradient(circle at center, rgba(34, 197, 94, 0.22) 0%, rgba(5, 46, 22, 0.55) 70%, rgba(0, 20, 10, 0.92) 100%);
  mix-blend-mode: screen;
  box-shadow: inset 0 0 160px rgba(34, 197, 94, 0.6);
  pointer-events: none;
}

/* Crosshair Dynamic Transitions */
.crosshair-aim {
  transform: scale(0.5);
  opacity: 0.25;
}

.crosshair-interact {
  transform: scale(1.6);
  background-color: #f59e0b !important;
  box-shadow: 0 0 12px #f59e0b !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.6);
}
::-webkit-scrollbar-thumb {
  background: rgba(16, 185, 129, 0.45);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(16, 185, 129, 0.85);
}