.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}
.direction-icon{display:inline-block;width:25px;height:25px;object-fit:contain;vertical-align:middle;transform:rotate(var(--dir-rotate));filter:drop-shadow(0 2px 5px #0008)}
.rotate-icon{display:inline-block;width:30px;height:30px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 5px #0008)}
.neutral-icon{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #8b918d;background:#242827;color:#f5f6f2;font-size:11px;font-weight:900;line-height:1;filter:drop-shadow(0 2px 5px #0008)}
.command-icon{display:inline-block;width:28px;height:28px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 5px #0008)}
.attack-combo{display:inline-flex;align-items:center;gap:2px}
.command-icon-stack{display:inline-flex;align-items:center;gap:2px}.command-icon-stack .command-icon{width:26px;height:26px}
.command-icon.system-icon{width:34px;height:34px}.command-icon.attack-icon{width:29px;height:29px}
.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.compact{min-height:20px;padding:2px 5px;font-size:8px}
.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}.system-command.movement{border-color:#6f7880;color:#f1f1f1}
.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-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.command-tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.command-tab.active{background:var(--lime);border-color:var(--lime);color:#111}
.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}
.command-preview{margin:0 0 4px;padding:12px;border:1px solid var(--line);background:#0b0c0d}.command-preview>span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.command-preview>div{min-height:30px;color:var(--text);font-size:12px}
.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 .direction-icon,.recipe .neutral-icon{width:29px;height:29px}.recipe .rotate-icon{width:35px;height:35px}.recipe .attack{min-width:27px;height:27px;font-size:9px}.recipe .command-icon{width:32px;height:32px}.recipe .command-icon-stack .command-icon{width:29px;height:29px}.recipe .command-icon.system-icon{width:38px;height:38px}