/* Eight-gate entrance trials: make the enemy tell and the response an explicit decision. */
body.battle-mode .action-panel:has(.battle-tactics) { max-height: none; }
body.battle-mode .battle-command.has-tactics { align-items: center; gap: 5px 12px; }
body.battle-mode .battle-command.has-tactics .battle-skill-reference { display: none; }
body.battle-mode .battle-tactics {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px, .9fr) minmax(0, 1.8fr);
  gap: 3px 12px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid #d9b6769c;
  border-radius: 9px;
  background: linear-gradient(110deg, #0a2535ef, #173845d6);
  box-shadow: inset 0 1px #fae0a036, 0 6px 18px #03152191;
}
body.battle-mode .battle-tactics-heading { grid-row: 1 / 3; display: grid; gap: 2px; min-width: 0; }
body.battle-mode .battle-tactics-heading b { color: #f8d793; font: 700 18px/1.25 var(--display); }
body.battle-mode .battle-tactics-heading small { display: block; color: #d1d8ce; font-size: 11px; line-height: 1.45; }
body.battle-mode .battle-tactics-heading em { color: #aacfc4; font: 11px/1.3 sans-serif; }
body.battle-mode .battle-tactics-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }
body.battle-mode .battle-tactics-options button {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 44px; padding: 4px 7px;
  border: 1px solid #9c8f719c; border-radius: 5px;
  background: #0b2635; color: #e0d6bb;
  font: 700 13px/1.2 var(--display); cursor: pointer;
}
body.battle-mode .battle-tactics-options button:hover:not(:disabled) { border-color: #ebd092; background: #214453; }
body.battle-mode .battle-tactics-options button[aria-pressed="true"] {
  border-color: #f4d38b; background: linear-gradient(145deg, #8e683c, #433d32);
  color: #fff3cd; box-shadow: 0 0 13px #d6aa5a72, inset 0 1px #ffe4a677;
}
body.battle-mode .battle-tactics-options button:disabled { opacity: .58; cursor: default; }
body.battle-mode .tactic-symbol { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border: 1px solid currentColor; border-radius: 50%; font-size: 13px; }
body.battle-mode .battle-tactic-hint { grid-column: 2; margin: 0; color: #e6d7b7; font-size: 11px; line-height: 1.35; }
body.battle-mode .battle-command.has-tactics .battle-skill-description p { display: none; }

@media (max-width: 760px) {
  body.battle-mode .battlefield:has(.battle-tactics) { min-height: 970px !important; }
  body.battle-mode .battle-tactics { grid-template-columns: 1fr; gap: 5px; padding: 7px; }
  body.battle-mode .battle-tactics-heading { grid-row: auto; }
  body.battle-mode .battle-tactics-heading span { display: flex; align-items: baseline; gap: 6px; }
  body.battle-mode .battle-tactics-heading b { font-size: 14px; white-space: nowrap; }
  body.battle-mode .battle-tactics-heading small { font-size: 9px; }
  body.battle-mode .battle-tactics-heading em { font-size: 9px; }
  body.battle-mode .battle-tactics-options button { flex-direction: column; gap: 2px; min-height: 52px; padding: 3px 2px; font-size: 11px; }
  body.battle-mode .tactic-symbol { width: 21px; height: 21px; font-size: 11px; }
  body.battle-mode .battle-tactic-hint { grid-column: 1; font-size: 9px; }
  body.battle-mode .battle-command.has-tactics .battle-skill-description { display: none; }
}