@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --acid: #00ff41;
  --cyan: #00e5ff;
  --magenta: #ff00aa;
  --gold: #ffd700;
  --red: #ff2020;
  --dim: #003a0a;
  --bg: #000500;
}

html, body {
  width: 100%;
  height: 100%;
  background: var(--bg);
  overflow: hidden;
  font-family: 'Share Tech Mono', monospace;
  color: var(--acid);
  cursor: none;
}

@keyframes blink { 50% { opacity: 0; } }

#scanlines {
  position: fixed;
  inset: 0;
  z-index: 20;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,.08) 2px,
    rgba(0,0,0,.08) 4px
  );
  pointer-events: none;
}

.corner {
  position: fixed;
  width: 36px;
  height: 36px;
  z-index: 15;
  pointer-events: none;
}

.corner::before, .corner::after {
  content: '';
  position: absolute;
  background: var(--acid);
  opacity: .8;
}

.corner::before { width: 2px; height: 100%; }
.corner::after { width: 100%; height: 2px; }
.corner.tl { top: 12px; left: 12px; }
.corner.tr { top: 12px; right: 12px; transform: scaleX(-1); }
.corner.bl { bottom: 12px; left: 12px; transform: scaleY(-1); }
.corner.br { bottom: 12px; right: 12px; transform: scale(-1); }