body{
    background: radial-gradient(circle at center, #001a00 0%, #000000 80%);
    color: #00ff00;
    font-family: monospace;

margin:0;
padding:40px;
text-shadow:0 0 6px #33ff33;
}

#terminal{
max-width:900px;
}

#screen{
min-height:500px;
white-space:pre-wrap;
line-height:1.5;
}

.option{
cursor:pointer;
margin-top:10px;
}

.option:hover{
color:#66ff66;
}

.header{
margin-bottom:20px;
font-size:18px;
}

.back{
margin-top:20px;
cursor:pointer;
}

#terminal::after{
content:"";
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:repeating-linear-gradient(
0deg,
rgba(0,0,0,0) 0px,
rgba(0,0,0,0) 2px,
rgba(0,255,0,0.15) 3px,
rgba(0,255,0,0.03) 4px
);
pointer-events:none;
}



@keyframes flicker {
  0% { opacity: 0.98; }
  10% { opacity: 0.97; }
  20% { opacity: 0.99; }
  30% { opacity: 0.98; }
  40% { opacity: 0.97; }
  50% { opacity: 1; }
  60% { opacity: 0.98; }
  70% { opacity: 0.99; }
  80% { opacity: 0.97; }
  90% { opacity: 0.98; }
  100% { opacity: 0.99; }
}

#screen {
  animation: flicker 0.06s infinite;
}


@keyframes scanmove {
  0% { background-position: 0 0; }
  100% { background-position: 0 6px; }
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,0.25) 3px
  );
  pointer-events: none;
  animation: scanmove 6s linear infinite;
}

@keyframes glitch {
  0%, 97%, 100% { opacity: 1; }
  98% { opacity: 0.4; }
  99% { opacity: 1; }
}

body {
  animation: glitch 8s infinite;
}

@keyframes jitter {
  0% { transform: translateX(0); }
  25% { transform: translateX(-0.3px); }
  50% { transform: translateX(0.2px); }
  75% { transform: translateX(-0.2px); }
  100% { transform: translateX(0); }
}

#screen {
  animation: flicker 0.08s infinite, jitter 0.5s infinite;
}