/* AI 按钮样式（token 走主站 style.css，双主题自适配）
   配色纪律：页面只留两种按钮色相——
   · 中性动作（新游戏）= 墨色 var(--fg)
   · 品牌/AI 动作 = 渐变蓝 var(--accent)→var(--accent-deep)
   · 运行态 = 同色相反转（深蓝底），不再用棋盘的橙红 */
.controls {
  margin-top: 20px;
  text-align: left;
}

.run-button {
  display: inline-block;
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);
  border-radius: 3px;
  padding: 0 20px;
  text-decoration: none;
  color: #fff;
  height: 40px;
  line-height: 42px;
  font-weight: bold;
  cursor: pointer;
  transition: filter 0.2s ease, box-shadow 0.2s ease;
  /* 定宽：两种文案（让 AI 试一下？/ 停下 AI）切换时框不变宽窄 */
  box-sizing: border-box;
  min-width: 168px;
  text-align: center;
}

.run-button:hover {
  filter: brightness(1.12);
}

.run-button:active {
  filter: brightness(0.92);
}

.run-button.running {
  background: var(--fg);
  box-shadow: none;
}

.run-button.running:hover {
  filter: brightness(1.3);
}