/* ========================================
   ETH Visualizer Styles v2.9.9 - Chaotic ETH-driven visualization
   ETH EDITION - Clean UI with pure animation bars
   ======================================== */

/* ETH mode specific styles */
.winamp-yt-spectrum.mode-eth {
  background: rgba(0, 0, 0, 0.9) !important;
  position: relative;
  overflow: hidden !important;
  animation: ethBackgroundPulse 2s infinite alternate;
}

@keyframes ethBackgroundPulse {
  0% { background: rgba(0, 0, 0, 0.9) !important; }
  100% { background: rgba(5, 15, 30, 0.9) !important; }
}

/* ETH bars */
.winamp-yt-spectrum.mode-eth .visualizer-bar {
  width: 8px !important;
  margin: 0 2px !important;
  position: relative;
  border-radius: 2px 2px 0 0 !important;
  transition: height 0.1s cubic-bezier(0.1, 0.9, 0.2, 1) !important;
  will-change: height, background-color, box-shadow;
}

/* All price dots, displays and meters removed for clean UI */

/* ETH indicator removed for cleaner UI */

/* ETH mode background effects */
.winamp-yt-spectrum.mode-eth::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(
      circle at 50% 50%, 
      rgba(78, 56, 217, 0.1) 0%, 
      rgba(0, 0, 0, 0) 70%
    );
  z-index: 1;
  opacity: 0.7;
  pointer-events: none;
}

/* Grid lines */
.winamp-yt-spectrum.mode-eth::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 20px 20px;
  z-index: 2;
  pointer-events: none;
}

/* Skin-specific ETH visualizer styles */
.winamp-skin-neon .eth-visualizer-button {
  border-color: rgba(0, 162, 255, 0.5) !important;
}

.winamp-skin-cyber .eth-visualizer-button {
  border-color: rgba(183, 0, 255, 0.5) !important;
}

.winamp-skin-terminator .eth-visualizer-button {
  border-color: rgba(255, 0, 0, 0.5) !important;
}

.winamp-skin-matrix .eth-visualizer-button {
  border-color: rgba(0, 255, 0, 0.5) !important;
}

/* Price dot animations removed */

/* All ping and flash effects removed for clean UI */