/* CRT Screen Effect */
.crt-screen {
  position: relative;
  background: var(--screen-bg);
  border: var(--border-screen);
  border-radius: var(--sp-2);
  overflow: hidden;
}

.crt-screen::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.15) 0px,
    rgba(0, 0, 0, 0.15) 1px,
    transparent 1px,
    transparent 3px
  );
  pointer-events: none;
  z-index: 10;
}

.crt-screen::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse at center,
    transparent 60%,
    rgba(0, 0, 0, 0.3) 100%
  );
  pointer-events: none;
  z-index: 11;
}

/* Screen glow */
.crt-screen {
  box-shadow:
    inset 0 0 20px rgba(139, 172, 15, 0.1),
    0 0 8px rgba(0, 0, 0, 0.5);
}

/* Flicker animation - subtle */
@keyframes crt-flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.98; }
}

.crt-screen > * {
  position: relative;
  z-index: 1;
}