/* Trained moves remain part of the existing choose-dice / choose-commands flow. */
#skills-button{border:1px solid #89bcb08c;color:#e6efd0;background:linear-gradient(135deg,#365449,#273b43);min-height:44px;gap:5px}
#skills-button::before{content:'✧';color:#e4d394;font-size:17px;margin-right:6px}
.command-types-note{font-size:11px;color:#c0d4c5;line-height:1.65;margin:10px 0 14px;padding:10px 12px;background:#233832;border-left:2px solid #a9c59b;border-radius:0 8px 8px 0}
.command-base-note{font-size:10px;line-height:1.6;color:#a9bcb6;margin:9px 0 16px}
.command-options.has-technique{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.command-choice{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px;min-height:117px;text-align:left}
.command-choice strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.command-choice .command-type{font-size:8px;text-transform:uppercase;letter-spacing:1px;line-height:1.5;color:#9fb7b0}
.command-choice .command-values{font-size:10px;line-height:1.5;color:#cee0cc}
.command-choice .command-pattern{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-top:auto;font-size:9px;color:#adc8b3}
.command-pattern .need-chip{width:21px;height:21px;border-radius:5px;padding:4px}
.command-pattern .need-chip svg{width:13px;height:13px}
.command-pattern>small{font-size:8px!important;line-height:1.35;margin-left:2px}
.command-choice .command-outlook{font-size:9px;line-height:1.5;min-height:14px;color:#c4d6bc}
.command-choice.trained-choice{border-color:#648f918c;background:linear-gradient(150deg,#254149,#1d3034)}
.command-choice.trained-choice .command-type{color:#afd9d7}
.command-choice.trained-choice.chosen{border-color:#c1dbb7;box-shadow:inset 0 0 0 1px #c1dbb7,0 0 18px #8cae7d12;background:linear-gradient(140deg,#426252,#284646)}
.command-choice:disabled{opacity:.55}
.command-choice:focus-visible,.command-training-link:focus-visible{outline:2px solid #e9d9a2;outline-offset:3px}
.command-passive{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;color:#aec7b7;font-size:9px;line-height:1.6;margin:2px 0 10px}
.command-passive>svg{width:12px;height:12px;align-self:center;color:#d0cf9e;flex-shrink:0}
.command-passive b{color:#dfdfb7;font-weight:600}
.command-passive span{color:#b9c7be}
.command-training-link{display:flex;align-items:center;gap:5px;min-height:35px;margin-top:5px;padding:5px 2px;background:transparent;border:0;color:#a9c7bd;font-size:9px;text-align:left}
.command-training-link svg{width:13px;height:13px}
.move-member{padding:8px 0;border-bottom:1px solid #4b665040}
.move-member:last-child{border:0}
.move-member>b{display:block;font-size:11px;color:#dce2c6;margin-bottom:3px}
.move-member .move-chance{padding:5px 0;border:0;gap:6px}
.move-member .move-chance>span:first-child{min-width:0}
.move-member .move-chance small{font-size:10px}
.move-kind{display:block;font-size:8px;letter-spacing:.3px;color:#94afa4;margin-top:2px}
.technique-chance .move-kind{color:#a9cecb}
.technique-chance.ready{background:linear-gradient(90deg,#47736924,transparent);border-radius:5px}
#training-milestone{margin:0 0 14px}
.event-row:has(small){overflow-wrap:anywhere}
@media(min-width:1500px){.command-choice strong{font-size:13px}.command-choice .command-values{font-size:11px}.command-choice .command-outlook{font-size:10px}}
@media(max-width:560px){#skills-button{font-size:11px}.command-options.has-technique{gap:6px}.command-choice{padding:10px 8px;min-height:130px}.command-choice strong{font-size:11px}.command-choice .command-values{font-size:9px}.command-choice .command-type{font-size:8px;letter-spacing:.5px}.command-pattern{min-height:25px}.command-pattern .need-chip{width:19px;height:19px;padding:3px}.command-pattern>small{display:block;width:100%;margin-left:0}.command-types-note{font-size:11px}.command-passive{font-size:10px}.command-training-link{min-height:44px;font-size:10px}}
@media(max-width:360px){.command-options.has-technique{grid-template-columns:1fr}.command-choice{min-height:100px}}
@media(prefers-reduced-motion:reduce){.trained-choice{transition:none}}
html[data-motion="reduced"] .trained-choice{transition:none}

/* Size choices to their decision column, including phones and narrow desktops. */
#command-list{container-type:inline-size;container-name:command-cards;gap:15px}
#commands-panel .command-row{padding:11px 12px 13px;border-color:#829e725e;background:linear-gradient(135deg,#26392f77,#142329)}
#commands-panel .command-legend{font-size:16px;line-height:1.5;gap:7px;max-width:100%}
#commands-panel .command-legend small{font-size:12px}
#commands-panel .command-portrait{width:34px;height:42px;flex:none}
#commands-panel .command-portrait>svg{width:34px;height:44px}
#commands-panel .command-legend .character-info-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 9px;font-size:11px;line-height:1.4}
#commands-panel .command-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#commands-panel .command-options.has-technique{grid-template-columns:repeat(3,minmax(0,1fr))}
#commands-panel .command-choice{min-height:149px;padding:12px 11px;gap:7px;border-width:1px;border-color:#778e795c;background:#1e302c;border-radius:10px}
#commands-panel .command-choice>strong{font-size:15px;line-height:1.45;padding-right:13px;color:#e3ebd8}
#commands-panel .command-choice .command-type{font-size:10px;line-height:1.4;letter-spacing:.5px;color:#b8cbbd}
#commands-panel .command-choice .command-values{font-size:12px;line-height:1.55;color:#d0dfcd}
#commands-panel .command-choice .command-pattern{font-size:11px;line-height:1.4;gap:4px;min-height:26px}
#commands-panel .command-pattern .need-chip{width:24px;height:25px;border-radius:5px;padding:3px;flex:none}
#commands-panel .command-pattern .need-chip svg{width:16px;height:16px}
#commands-panel .command-pattern>small{width:auto;margin-left:0;font-size:10px!important;line-height:1.4}
#commands-panel .command-choice .command-outlook{font-size:11px;line-height:1.55;min-height:17px;color:#cadcc1}
#commands-panel .command-choice.chosen{padding:12px 11px;background:linear-gradient(140deg,#405739,#253d30);border-color:#d3eaa0;box-shadow:inset 0 0 0 1px #c9dfa0,0 0 0 2px #cadc9d0d}
#commands-panel .command-choice.chosen::after{right:8px;top:11px;font-size:15px;color:#edfacb}
#commands-panel .command-choice.trained-choice{border-color:#8cb2ae76;background:linear-gradient(145deg,#264447,#1a3033)}
#commands-panel .command-choice.trained-choice.chosen{border-color:#c8e4bb;background:linear-gradient(140deg,#3c5d51,#27423f);box-shadow:inset 0 0 0 1px #cee7b9,0 0 18px #a3c39a12}
#commands-panel .command-choice:disabled{opacity:1;background:#1c2929;border-color:#6e83784a;box-shadow:none}
#commands-panel .command-choice:disabled>strong{color:#afc0b5}
#commands-panel .command-choice:disabled .command-values,#commands-panel .command-choice:disabled .command-outlook,#commands-panel .command-choice:disabled .command-type{color:#9caea5}
#commands-panel .command-choice:focus-visible{outline:3px solid #f1dfad;outline-offset:3px}
#commands-panel .command-passive{font-size:11px;line-height:1.65;gap:5px 7px;margin:3px 0 12px}
#commands-panel .command-training-link{min-height:44px;font-size:11px;line-height:1.5;padding:6px 2px}
@media(max-width:820px){#command-list{grid-template-columns:1fr;gap:15px}#commands-panel .command-row{padding:11px 12px 13px}#commands-panel .command-legend small{display:inline}#commands-panel .command-options{grid-template-columns:repeat(2,minmax(0,1fr))}#commands-panel .command-options.has-technique{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container command-cards (max-width:430px){
  #commands-panel .command-options.has-technique{grid-template-columns:repeat(2,minmax(0,1fr))}
  #commands-panel .has-technique .command-choice[data-command="basic"]{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type pattern" "name outlook" "values outlook";gap:3px 10px;min-height:92px;padding:10px 12px}
  #commands-panel .has-technique .command-choice[data-command="basic"] .command-type{grid-area:type}
  #commands-panel .has-technique .command-choice[data-command="basic"]>strong{grid-area:name;padding-right:0}
  #commands-panel .has-technique .command-choice[data-command="basic"] .command-values{grid-area:values}
  #commands-panel .has-technique .command-choice[data-command="basic"] .command-pattern{grid-area:pattern;justify-content:flex-end;min-height:0;margin:0;padding-right:17px}
  #commands-panel .has-technique .command-choice[data-command="basic"] .command-outlook{grid-area:outlook;align-self:center;max-width:116px;text-align:right}
  #commands-panel .command-choice{min-height:151px;padding:11px 10px}
  #commands-panel .command-choice.chosen{padding:11px 10px}
  #commands-panel .command-choice>strong{font-size:14px}
  #commands-panel .command-pattern>small{display:block;width:100%}
}
@media(max-width:360px){#commands-panel .command-row{padding:9px}#commands-panel .command-legend{font-size:15px}#commands-panel .command-legend small{display:none}#commands-panel .command-options{gap:7px}#commands-panel .command-choice .command-values{font-size:11px}}