/*
  PTCG Telop - Neon Theme
  出典: lwb058/ptcg-telop Neon/Neon.css (MIT License)
*/

.theme-neon {
  --main-color: #24303a;
  --first-color: #00ABED60;
  --second-color: #9273FF60;
  --first-color-solid: #00ABED;
  --second-color-solid: #9273FF;
  --third-color: #6389db60;
  --stroke-color: #FFFFFF;

  --bg-active-slot:  url("/assets/ptcg_telop/themes/neon/active-bg-f1adc264.png");
  --bg-bench-slot:   url("/assets/ptcg_telop/themes/neon/bench-bg-9a3221db.png");
  --bg-player-area:  url("/assets/ptcg_telop/themes/neon/panel-bg-194746b3.png");
  --bg-side-area:    url("/assets/ptcg_telop/themes/neon/side-bg-fa3a41ec.png");
  --bg-extra-slot:   url("/assets/ptcg_telop/themes/neon/extra-bg-295c9854.png");
  --bg-card-slot:    url("/assets/ptcg_telop/themes/neon/card-bg-1286930c.png");

  color: var(--stroke-color);
}

.theme-neon .player-info {
  text-shadow: 2px 2px 4px #00aaed60;
}

.theme-neon .card-image-area {
  border-color: transparent !important;
  background-image: linear-gradient(135deg, var(--second-color-solid), var(--first-color-solid)) !important;
  background-origin: border-box !important;
}

.theme-neon .active-slot {
  border-color: transparent !important;
  background-origin: border-box !important;
}

.theme-neon .bench-slot {
  border-color: transparent !important;
  background-origin: border-box !important;
}

.theme-neon .attached-energies:not(:empty) {
  border-color: transparent !important;
  border-width: 2px !important;
  background-image:
    linear-gradient(225deg, var(--first-color-solid), var(--second-color-solid)),
    linear-gradient(135deg, var(--first-color-solid), var(--second-color-solid)) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}

.theme-neon .energy-cost-container {
  background-color: var(--first-color);
}