
.bug-root {
  font-family: 'VT323', monospace;
  background-color: #050505;
  color: #ffb000; /* Amber phosphor */
  overflow: hidden;
  position: relative;
  min-height: 100vh;
}

/* CRT Screen curvature and overlay */
.bug-crt::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 50;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

.bug-crt::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%);
  z-index: 51;
  pointer-events: none;
}

/* Scanline animation */
.scanline {
  width: 100%;
  height: 10px;
  background: rgba(255, 176, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 49;
  animation: scanline 8s linear infinite;
  pointer-events: none;
}

@keyframes scanline {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100vh); }
}

/* Terminal Text Glow */
.term-text {
  text-shadow: 0 0 5px rgba(255, 176, 0, 0.5);
}

.term-text-green {
  color: #33ff00;
  text-shadow: 0 0 5px rgba(51, 255, 0, 0.5);
}

.term-text-red {
  color: #ff3333;
  text-shadow: 0 0 5px rgba(255, 51, 51, 0.5);
}

/* Screen Flicker */
.flicker {
  animation: flicker 0.15s 2;
}

@keyframes flicker {
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}

/* Bug Squashed Glitch */
.squashed-glitch {
  animation: squash 0.4s ease-out forwards;
}

@keyframes squash {
  0% { transform: scale(1) skewX(0deg); opacity: 1; filter: blur(0px); }
  20% { transform: scale(1.1) skewX(-20deg); opacity: 0.8; filter: hue-rotate(90deg); }
  40% { transform: scale(0.9) skewX(20deg); opacity: 0.5; filter: blur(2px); }
  100% { transform: scale(0) skewX(0deg); opacity: 0; filter: blur(10px); }
}

/* Custom Input */
.bug-input {
  background: transparent;
  border: none;
  border-bottom: 2px solid #ffb000;
  color: #ffb000;
  outline: none;
  box-shadow: none;
  width: 100%;
  padding: 5px 0;
}

.bug-input:focus {
  border-bottom: 2px solid #33ff00;
  color: #33ff00;
}

