/* Custom styles for the Sovereign Command */
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

body {
  font-family: 'Share Tech Mono', monospace;
  background-color: #050505;
  color: #00ffcc;
  overflow: hidden;
  user-select: none;
}

/* CRT Scanline effect */
.scanlines {
  position: relative;
}
.scanlines::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: 10;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}

/* Glitch effects */
.glitch-effect {
  animation: glitch-anim 0.15s infinite;
}

@keyframes glitch-anim {
  0% { transform: translate(0) skew(0deg); filter: drop-shadow(0 0 0 transparent); }
  20% { transform: translate(-4px, 4px) skew(-2deg); filter: drop-shadow(-4px 0 0 #ff0055) hue-rotate(45deg); }
  40% { transform: translate(-4px, -4px) skew(2deg); filter: drop-shadow(4px 0 0 #00ffcc) hue-rotate(-45deg); }
  60% { transform: translate(4px, 4px) skew(-2deg); filter: drop-shadow(-4px 0 0 #ff00ff); }
  80% { transform: translate(4px, -4px) skew(2deg); filter: drop-shadow(4px 0 0 #00ffcc); }
  100% { transform: translate(0) skew(0deg); }
}

/* Overload Flashing */
.overload-flash {
  animation: strobe var(--bpm-duration, 0.5s) infinite alternate;
}

@keyframes strobe {
  0% { opacity: 1; filter: invert(0) brightness(1); }
  100% { opacity: 0.2; filter: invert(1) brightness(2) hue-rotate(90deg); }
}

/* Aura Pulse */
.aura-pulse {
  animation: aura-anim 2s infinite alternate;
  filter: contrast(2) blur(3px) brightness(1.5) hue-rotate(270deg);
}

@keyframes aura-anim {
  0% { box-shadow: inset 0 0 20px #ff00ff; }
  100% { box-shadow: inset 0 0 80px #ff00ff; filter: contrast(2.5) blur(1px) brightness(2) hue-rotate(300deg); }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #001111;
}
::-webkit-scrollbar-thumb {
  background: #00ffcc;
}

.glitch-text {
  text-shadow: 2px 0 red, -2px 0 blue;
}

/* Range Sliders */
input[type=range] {
  -webkit-appearance: none;
  background: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background: #00ffcc;
  cursor: pointer;
  border-radius: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #005544;
}

/* Added support for simulated feed image overlay effect */
#simulated-feed::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.8) 100%);
  pointer-events: none;
}

.glass-panel {
  background: rgba(0, 20, 15, 0.6);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0, 255, 204, 0.2);
}

@keyframes ticker {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}