.command-sequence{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.command-step{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.command-plus{font-size:9px;color:var(--muted)}
.direction{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0;color:#f5f6f2;font-family:"Material Symbols Rounded",Arial,sans-serif;font-size:22px;font-weight:500;line-height:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}
.attack{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:50%;padding:0 5px;color:white;font-family:Arial,sans-serif;font-size:9px;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff38,0 2px 8px #0007}
.attack.punch{background:#d93d43}.attack.kick{background:#2874db}.attack.multi{background:#9653df}
.system-command{display:inline-grid;place-items:center;min-height:24px;padding:3px 7px;border:1px solid #757d78;background:#252928;color:#f5f6f2;font-size:9px;font-weight:900;letter-spacing:.04em}
.system-command.drive{border-color:#71a924;color:var(--lime)}.system-command.super{border-color:#b284ff;color:#cdb6ff}.system-command.impact{border-color:#f2b632;color:#ffd86a}
.command-builder{border:1px solid var(--line);background:#101212;padding:14px}
.builder-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.builder-head button{border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}
.command-palette{display:flex;gap:6px;flex-wrap:wrap}.command-chip{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:8px 9px;cursor:pointer}.command-chip:hover{border-color:var(--lime)}
.command-builder p{color:var(--muted);font-size:9px;margin:10px 0 0;line-height:1.5}
.custom-command{display:flex;align-items:end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.custom-command label{flex:1}.custom-command input{margin-top:5px!important}.custom-command button{height:38px;background:var(--lime);border:0;color:#111;padding:0 12px;font-size:10px;font-weight:900;cursor:pointer}
.legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:9px;margin-top:12px}.legend span{display:inline-flex;align-items:center;gap:4px}
.command-legend{margin:0;padding:10px 6vw;border-bottom:1px solid var(--line);background:#0d0f0f}.command-legend strong{color:var(--text)}
.recipe .command-sequence{gap:6px}.recipe .direction{font-size:20px}.recipe .attack{min-width:27px;height:27px;font-size:9px}