/*
  PTCG Telop - Green Theme
  出典: lwb058/ptcg-telop Green/Green.css (MIT License)
  Rails 向け調整:
    - .Green → .theme-green に rename (class 命名を Rails 慣例に合わせる)
    - --bg-active-slot / --bg-bench-slot / --bg-player-area を追加し、
      common.css が参照する背景 url() を themes/green/ の PNG で埋める
*/

.theme-green {
  --main-color: #005F25;
  --first-color: #B4EC5B;
  --second-color: #0B9F4D;
  --third-color: #9AC437;
  --stroke-color: #000000;

  --bg-active-slot:  url("/assets/ptcg_telop/themes/green/active-bg-4d48c5c9.png");
  --bg-bench-slot:   url("/assets/ptcg_telop/themes/green/bench-bg-79cee6a7.png");
  --bg-player-area:  url("/assets/ptcg_telop/themes/green/panel-bg-420d1870.png");
  --bg-side-area:    url("/assets/ptcg_telop/themes/green/side-bg-23967f0e.png");
  --bg-extra-slot:   url("/assets/ptcg_telop/themes/green/extra-bg-2ece800d.png");
  --bg-card-slot:    url("/assets/ptcg_telop/themes/green/card-bg-9da009f5.png");

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

.theme-green .player-info {
  text-shadow: 2px 2px 4px #fff;
}