/* V1.142 — preserve the viewer's own locked-action identity until settlement begins. */
.battle-command-state[data-phase="locked"][data-locked-command="attack"] {
  --battle-state-color: #ff806f;
  --battle-state-glow: rgba(255, 94, 78, 0.24);
}

.battle-command-state[data-phase="locked"][data-locked-command="defend"] {
  --battle-state-color: #72d5ff;
  --battle-state-glow: rgba(72, 182, 244, 0.24);
}

.battle-command-state[data-phase="locked"][data-locked-command="charge"] {
  --battle-state-color: #ffd66f;
  --battle-state-glow: rgba(244, 183, 62, 0.26);
}

.battle-command-state[data-phase="locked"][data-locked-command="skill"] {
  --battle-state-color: #d09aff;
  --battle-state-glow: rgba(170, 103, 236, 0.25);
}

.battle-command-state[data-phase="locked"][data-locked-command="attack"] .battle-command-state-emblem::before {
  width: 14px;
  height: 3px;
  border: 0;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 8px var(--battle-state-color);
  transform: rotate(-38deg);
}

.battle-command-state[data-phase="locked"][data-locked-command="defend"] .battle-command-state-emblem::before {
  width: 10px;
  height: 12px;
  border-width: 2px;
  border-radius: 6px 6px 8px 8px;
  clip-path: polygon(50% 0, 100% 18%, 88% 74%, 50% 100%, 12% 74%, 0 18%);
}

.battle-command-state[data-phase="locked"][data-locked-command="charge"] .battle-command-state-emblem::before {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  transform: rotate(45deg);
}

.battle-command-state[data-phase="locked"][data-locked-command="skill"] .battle-command-state-emblem::before {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, transparent 42%, var(--battle-state-color) 43% 57%, transparent 58%),
    linear-gradient(transparent 42%, var(--battle-state-color) 43% 57%, transparent 58%);
  filter: drop-shadow(0 0 5px var(--battle-state-color));
  transform: rotate(-45deg);
}

.battle-command-state[data-phase="locked"][data-locked-command] .battle-command-state-progress > i:nth-child(-n + 4) {
  background: color-mix(in srgb, var(--battle-state-color) 88%, white 12%);
}

body[data-vfx-quality="low"] .battle-command-state[data-phase="locked"][data-locked-command] .battle-command-state-emblem::before {
  filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .battle-command-state[data-phase="locked"][data-locked-command] .battle-command-state-emblem::before,
  .battle-command-state[data-phase="locked"][data-locked-command] .battle-command-state-progress > i {
    animation: none !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  .battle-command-state[data-phase="locked"][data-locked-command] {
    border-color: Highlight;
  }

  .battle-command-state[data-phase="locked"][data-locked-command] .battle-command-state-emblem::before {
    border-color: Highlight;
    background-color: Highlight;
    box-shadow: none;
    filter: none;
  }
}
