.theme-cyberpunk {
  font-family: 'Courier New', monospace;
  background: #0a0e27;
  color: #00ffff;

  .window {
    background: rgba(10, 14, 39, 0.95);
    border-color: #00ffff;
    box-shadow: 0 0 20px #ff00ff;
  }

  .title-bar {
    background: linear-gradient(90deg, #ff00ff, #00ffff);
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
  }

  fieldset {
    border-color: #ff00ff;
  }

  legend {
    color: #ff00ff;
    text-transform: uppercase;
  }

  button {
    background: transparent;
    border-color: #ff00ff;
    color: #ff00ff;
    font-family: 'Courier New', monospace;
    text-transform: uppercase;
    &:hover {
      background: #ff00ff;
      color: #000;
    }
  }

  .chart-display,
  .dice-display {
    background: rgba(0, 255, 255, 0.05);
    border-color: #00ffff;
  }

  .title {
    color: #00ffff;
    text-shadow: 0 0 20px #00ffff;
  }

  .subtitle {
    color: #ff00ff;
  }

  .tab-button {
    background: transparent;
    border-color: #ff00ff;
    color: #ff00ff;
    text-transform: uppercase;
    &:hover {
      background: #ff00ff;
      color: #000;
      box-shadow: 0 0 20px #ff00ff;
    }
  }

  .back-button {
    background: transparent;
    border-color: #ff00ff;
    color: #ff00ff;
    &:hover {
      background: #ff00ff;
      color: #000;
    }
  }

  h1 {
    color: #00ffff;
    text-shadow: 0 0 20px #00ffff;
  }

  h2 {
    color: #ff00ff;
    text-shadow: 0 0 15px #ff00ff;
  }

  h3 {
    color: #00ffff;
  }

  p,
  li {
    color: #00ffff;
  }

  .point {
    fill: #ff00ff;
    filter: drop-shadow(0 0 5px #ff00ff);
  }
}