/* Custom VIC-20 Simulator Styles */

.crt-screen {
  position: relative;
  background: #000;
}

.crt-screen::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    transparent 50%, 
    rgba(0, 255, 0, 0.03) 50%
  );
  background-size: 100% 2px;
  pointer-events: none;
  z-index: 1;
}

.crt-screen.amber::before {
  background: linear-gradient(
    transparent 50%, 
    rgba(255, 170, 0, 0.03) 50%
  );
  background-size: 100% 2px;
}

.crt-screen::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.2) 100%);
  pointer-events: none;
  z-index: 2;
}

/* Hide scrollbar */
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Font styling */
body {
  font-family: 'Courier Prime', 'Courier New', monospace;
}

/* Retro button effects */
button:active {
  transform: translateY(1px);
}

/* CRT glow effect */
.crt-screen {
  box-shadow: 
    inset 0 0 50px rgba(0,0,0,0.5),
    0 0 20px rgba(0,255,0,0.2);
}

.crt-screen.amber {
  box-shadow: 
    inset 0 0 50px rgba(0,0,0,0.5),
    0 0 20px rgba(255,170,0,0.2);
}

/* Vintage computer styling */
@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.98; }
}

.crt-screen {
  animation: flicker 0.15s infinite linear;
}