/* Propshaft auto-loads all files in this directory. */

:root {
  --phosphor: #00ff41;
  --phosphor-dim: #00aa2a;
  --phosphor-faint: #003d0e;
  --amber: #ffb000;
  --red-alert: #ff2222;
  --alien-dark: #020c04;
  --alien-mid: #050f06;
  --alien-surface: #071209;
  --grid-line: rgba(0,255,65,0.07);
  --scan-line: rgba(0,0,0,0.35);
  --font-body: 'JetBrains Mono', monospace;
  --font-display: 'VT323', monospace;
  --max-width: 890px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  background-color: var(--alien-dark);
  color: var(--phosphor);
  font-family: var(--font-body);
  font-size: 16px;
  min-height: 100vh;
  overflow-x: hidden;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,0.75) 100%);
  pointer-events: none;
  z-index: 9998;
}

main { position: relative; z-index: 1; }

@keyframes scanroll {
  0% { transform: translateY(0); }
  100% { transform: translateY(100px); }
}

@keyframes flicker {
  0%, 97%, 100% { opacity: 1; }
  98% { opacity: 0.94; }
  99% { opacity: 0.97; }
}

@keyframes blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes slideIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}