#workspace-combo{--combo-surface:#292c31;--combo-inset:#202329;--combo-edge:#63573f;--combo-line:#55514a;--combo-text:#e8dfce;--combo-muted:#afa593;--combo-accent:#e4bd73;--combo-command:#e7d4ae;color:var(--combo-text)}
:root[data-theme=light] #workspace-combo{--combo-surface:#eee5d5;--combo-inset:#f8f3e9;--combo-edge:#b99b6c;--combo-line:#b0a18a;--combo-text:#3e3120;--combo-muted:#7d6b53;--combo-accent:#865a23;--combo-command:#f8e8c9}
#workspace-combo .sequence-heading{margin-top:16px}#workspace-combo .combo-drop-hint{font-size:11px;color:var(--combo-muted);margin:12px 0}
.route-view-controls,.combo-route-tabs,.combo-save-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.route-view-controls button,.combo-route-tabs button,.combo-save-tools button,.route-name-edit button,.combo-route-lane header button{font:inherit;font-size:12px;color:var(--combo-text);background:var(--combo-inset);border:1px solid var(--combo-line);padding:8px 10px;border-radius:3px}.route-view-controls button[aria-pressed=true],.combo-route-tabs button[aria-pressed=true]{border-color:var(--combo-edge);box-shadow:inset 0 -2px var(--combo-accent);color:var(--combo-accent)}#cloneComboRoute,#copySharedCombo{margin-left:auto}.combo-route-tabs small{font-size:10px;opacity:.7;margin-left:5px}
.route-name-edit{display:flex;align-items:center;gap:10px}.route-name-edit input{max-width:220px;margin:0}.route-name-edit button{margin-left:auto;font-size:11px}.combo-save-tools{justify-content:space-between;align-items:start}.combo-save-tools details{font-size:12px;min-width:180px;max-width:100%}.combo-save-tools summary{cursor:pointer;padding:8px;color:var(--combo-muted)}.saved-combo-row{display:flex;gap:4px;align-items:center;margin:5px 0}.saved-combo-row button:nth-child(2){flex:1;text-align:left}.saved-combo-row small{display:block;opacity:.6;margin-top:4px}.saved-combo-row [aria-pressed=true]{color:var(--combo-accent)}
#comboTrack.route-overview,#comboTrack.route-expanded{display:flex;flex-direction:column;gap:0}.combo-common-section{padding:12px;border:1px solid var(--combo-edge);border-radius:5px;background:var(--combo-surface);position:relative;margin:10px 0}.combo-common-section h3{font-size:11px;color:var(--combo-muted);margin:0 0 9px;font-weight:400}.combo-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.combo-common-section:not(:last-child):after{content:'↓';position:absolute;left:calc(50% - 6px);bottom:-23px;z-index:1;color:var(--combo-accent)}
.combo-branch-section{display:grid;grid-template-columns:repeat(var(--route-count),minmax(130px,1fr));gap:10px;padding:20px 0;margin:5px 0;position:relative;overflow-x:auto}.combo-route-lane{display:flex;flex-direction:column;position:relative;min-width:0;padding:10px 8px 0;border-top:1px solid var(--combo-line);border-bottom:1px solid var(--combo-line);background:linear-gradient(var(--combo-surface),transparent);border-radius:5px}.combo-route-lane:before{content:'';height:12px;border-left:1px solid var(--combo-line);position:absolute;top:-12px;left:50%}.combo-route-lane.active{border-color:var(--combo-edge);background:linear-gradient(#b98e3f20,transparent)}.combo-route-lane header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:4px 0 10px;flex-wrap:wrap}.combo-route-lane header b{font-size:12px;color:var(--combo-accent)}.combo-route-lane header button{font-size:10px;padding:4px;border:0;background:none}.route-branch-cards{display:grid;gap:12px}.route-branch-cards .route-skill:not(:last-child):after{content:'↓';position:absolute;bottom:-14px;left:calc(50% - 4px);font-size:11px;color:var(--combo-muted)}.route-tail{flex:1;min-height:22px;position:relative}.route-tail:after{content:'';display:block;width:0;position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--combo-line)}.route-skip{text-align:center;font-size:11px;color:var(--combo-muted);padding:12px 0}
#comboTrack .route-skill{display:grid;grid-template-columns:22px 44px minmax(0,1fr) 25px;grid-template-rows:auto;gap:6px 9px;padding:12px;background:var(--combo-inset);border:1px solid var(--combo-line);border-radius:4px;color:var(--combo-text);min-width:0}.route-skill.selected{border-color:var(--combo-edge)!important;box-shadow:inset 3px 0 var(--combo-accent)!important}.route-skill .step-number{grid-column:1;grid-row:1;font-size:12px;padding-top:9px;color:var(--combo-muted)}.route-skill .combo-skill-icon{grid-column:2;grid-row:1;width:44px;height:44px;background:none;border:0;padding:0}.route-skill .combo-skill-icon img{width:44px;height:44px;object-fit:contain}.route-skill-main{grid-column:3;grid-row:1;min-width:0;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:0;display:flex;gap:8px;flex-direction:column;align-items:start}.route-skill-main b{font-size:14px;font-weight:500}.command-keycaps{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.command-keycaps kbd{display:inline-block;font-family:inherit;font-size:15px;line-height:1.3;padding:5px 8px;color:var(--combo-command);background:linear-gradient(#59442e,#372c20);border:1px solid #89704c;border-bottom-width:3px;border-radius:4px;white-space:normal;overflow-wrap:anywhere;box-shadow:0 1px 2px #0002}.command-keycaps i{font-size:12px;font-style:normal;color:var(--combo-muted)}
#comboTrack .route-skill.compact{grid-template-columns:32px minmax(0,1fr);gap:7px;padding:9px}.route-skill.compact .step-number{display:none}.route-skill.compact .combo-skill-icon{grid-column:1;width:32px;height:32px}.route-skill.compact .combo-skill-icon img{width:32px;height:32px}.route-skill.compact .route-skill-main{grid-column:2;gap:6px}.route-skill.compact .route-skill-main b{font-size:12px}.route-skill.compact .command-keycaps{gap:3px}.route-skill.compact kbd{font-size:12px;padding:4px 5px}.route-skill.compact .command-keycaps i{font-size:10px}
.route-skill-effects{grid-column:3/-1;display:grid;gap:6px}.route-skill-effects .step-tags{display:flex;flex-wrap:wrap;gap:4px}.route-skill-effects .step-addons{margin-top:0;padding:8px;border:1px solid var(--combo-edge);background:#b8882420}.route-skill-effects .step-addons b{color:var(--combo-accent)}.route-skill-effects .step-addons span{color:var(--combo-text)}.step-input-edit{grid-column:2/-1;font-size:10px;color:var(--combo-muted)}.step-input-edit summary{cursor:pointer}.step-input-edit input{font-size:12px}.route-skill .step-order{grid-column:4;grid-row:1;display:flex;flex-direction:column;gap:2px}.route-skill .step-order button{width:23px;padding:0;color:var(--combo-muted);background:var(--combo-surface);border-color:var(--combo-line)}
.combo-link-timing{display:flex;gap:9px;padding:9px 8px 9px 24px;align-items:center;font-size:11px;color:var(--combo-muted);min-height:30px}.combo-link-options{display:grid;gap:5px;flex:1}.combo-link-options button{text-align:left;border:1px solid var(--combo-line);border-radius:3px;padding:6px 9px;background:var(--combo-surface);color:var(--combo-text);font:inherit}.combo-link-options button:disabled{opacity:1;cursor:default}.combo-link-command{display:block;font-size:10px;color:var(--combo-muted);margin-bottom:4px}.combo-link-options button>span:last-child{display:flex;flex-wrap:wrap;gap:4px 14px}.combo-link-options b{color:var(--combo-accent);font-weight:500}.combo-link-options i{font-style:normal}.combo-link-arrow{font-size:18px}.combo-note-label textarea{min-height:44px}#stepEditor{display:none}
@media(max-width:650px){.combo-common-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combo-branch-section{gap:6px}.combo-route-lane{padding:8px 5px 0}.route-skill-effects{grid-column:2/-1}.command-keycaps kbd{font-size:14px}.route-skill-main b{font-size:13px}}
@media(max-width:430px){.combo-common-grid{grid-template-columns:minmax(0,1fr)}#comboTrack .route-skill{padding:9px;gap:6px}.route-view-controls button{font-size:11px;padding:7px}}
.route-connectors{position:absolute;top:0;left:0;pointer-events:none;overflow:visible;z-index:1}.route-connectors path{fill:none;stroke:var(--combo-line);stroke-width:1.3}.combo-route-lane:before{display:none}.route-skill-effects .step-tags{grid-column:auto}.combo-example{margin-top:14px}.combo-example>summary{font-size:11px;color:var(--combo-muted);cursor:pointer}.combo-example .example-bar{margin-top:8px}
.combo-common-grid:has(>.route-skill:only-child){grid-template-columns:minmax(0,1fr)}.combo-common-grid:has(>.route-skill:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}

/* Expanded cards: command on the left, combat traits on the right. */
#comboTrack{container-type:inline-size;container-name:combo-track}
#comboTrack .route-skill.expanded{padding:10px;row-gap:4px}
.route-skill.expanded .route-skill-main{gap:5px}
.route-skill.expanded .route-skill-effects{gap:4px}
.route-skill.expanded .step-addons{padding:6px}
@container combo-track (min-width:540px){
 #comboTrack .route-skill.expanded{grid-template-columns:22px 44px minmax(140px,.95fr) minmax(150px,1.05fr) 25px;column-gap:9px;align-items:start}
 #comboTrack .route-skill.expanded .route-skill-effects{grid-column:4;grid-row:1;min-width:0;align-self:center}
 #comboTrack .route-skill.expanded .step-order{grid-column:5;grid-row:1}
 #comboTrack .route-skill.expanded .step-input-edit{grid-column:4;grid-row:2;justify-self:end;align-self:center}
 #comboTrack .route-skill.expanded .step-input-edit[open]{grid-column:3/5;grid-row:3;justify-self:stretch}
}
@container combo-track (min-width:540px){
 #comboTrack .route-skill.expanded .step-order{position:absolute;right:10px;bottom:10px;flex-direction:row}
 #comboTrack .route-skill.expanded .step-input-edit{margin-right:82px}
 #comboTrack .route-skill.expanded .step-input-edit[open]{margin-right:0;padding-right:82px}
}
#comboTrack .route-skill.expanded>.step-addons{grid-column:2/-1;min-width:0;margin:0;padding:6px 10px;border:1px solid var(--combo-edge);background:#b8882415;color:var(--combo-text)}
#comboTrack .route-skill.expanded>.step-addons b{color:var(--combo-accent)}
@container combo-track (min-width:540px){
 #comboTrack .route-skill.expanded>.step-addons{grid-column:4;grid-row:2}
 #comboTrack .route-skill.expanded .step-input-edit{grid-column:3;grid-row:2;justify-self:start;margin-right:0}
}
@container combo-track (min-width:680px){
 #comboTrack .route-skill.expanded{grid-template-columns:22px 44px minmax(140px,1fr) minmax(130px,.9fr) minmax(170px,1.1fr)}
 #comboTrack .route-skill.expanded .route-skill-effects{grid-column:4;grid-row:1;border-left:1px solid var(--combo-line);padding-left:12px}
 #comboTrack .route-skill.expanded>.step-addons{grid-column:5;grid-row:1;align-self:center}
 #comboTrack .route-skill.expanded:not(:has(>.step-addons)) .route-skill-effects{grid-column:4/6}
 #comboTrack .route-skill.expanded .step-input-edit{grid-column:3/6;grid-row:2;justify-self:end;margin-right:82px}
 #comboTrack .route-skill.expanded .step-input-edit[open]{grid-column:3/6;grid-row:2;margin-right:0;padding-right:82px;justify-self:stretch}
}
.link-choice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.link-choice-heading>b{font-size:11px;color:var(--combo-muted)}.combo-link-options .link-choice-heading button{padding:3px 7px;background:transparent;font-size:10px}.combo-link-options [role=radiogroup]{display:grid;gap:5px}.combo-link-options [role=radio][aria-checked=true]{border-color:var(--combo-accent);box-shadow:inset 3px 0 var(--combo-accent)}.link-radio{font-size:15px;color:var(--combo-accent);vertical-align:middle}
.combo-trash{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;padding:4px;border:0;background:transparent;color:var(--combo-muted);border-radius:3px}.combo-trash svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.combo-trash:hover{color:#b75a40;background:#b75a4015}#comboTrack .route-skill.expanded:has(.combo-trash){padding-right:44px}
.combo-link-options [role=radio]{display:flex;align-items:center;gap:14px;padding:7px 10px;flex-wrap:wrap}.combo-link-options [role=radio]>.combo-link-command{display:flex;align-items:center;gap:8px;margin:0;flex:none}.combo-link-options [role=radio]>span:last-child{align-items:center;gap:12px}.combo-link-command .command-keycaps{display:inline-flex;gap:4px}.combo-link-command .command-keycaps kbd{font-size:12px;padding:3px 6px;border-bottom-width:2px}.combo-link-command .command-keycaps i{font-size:12px}.combo-link-options .link-radio{font-size:17px;flex:none}

#comboTrack.combo-simple .combo-link-timing{display:none}#comboTrack.combo-simple.route-expanded{gap:8px}.combo-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:10px 0}.combo-toolbar .route-view-controls,.combo-toolbar .combo-route-tabs,.combo-toolbar .combo-save-tools{margin:0}.combo-toolbar .combo-save-tools{margin-left:auto;align-items:center}.combo-toolbar .combo-save-tools details{min-width:0}.combo-toolbar #cloneComboRoute{margin-left:0}.combo-toolbar #deleteComboRoute{font-size:11px;color:var(--combo-muted)}

.combo-purpose-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}.combo-purpose-tabs button{font:inherit;font-size:19px;font-weight:600;padding:14px;background:var(--combo-surface);border:1px solid var(--combo-line);color:var(--combo-muted);border-radius:4px}.combo-purpose-tabs button small{font-size:12px;font-weight:400;margin-left:8px}.combo-purpose-tabs button[aria-pressed=true]{color:var(--combo-accent);border-color:var(--combo-accent);background:var(--combo-inset);box-shadow:inset 0 -3px var(--combo-accent)}#workspace-combo .combo-meta{display:block}#workspace-combo .combo-meta>label[hidden]{display:none}