/* Rune ladder in the Runic Core (public/js/rune-progression-ui.js renderLadder).
   Uses the --ui-* tokens; --rune-color/--rune-accent come from the selected Rune. */
.runicLadderBlock {display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07);}
.runicLadderBlock[hidden] {display:none;}
.runicLadder {display:grid;gap:5px;margin:0;padding:0;list-style:none;}
.runicLadderRank {display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:7px 8px;border:1px solid var(--ui-divider);border-radius:8px;background:rgba(255,255,255,.02);color:var(--ui-muted);font:500 12px/1.45 var(--ui-font);}
.runicLadderRank.reached {background:var(--ui-surface);color:var(--ui-text);}
.runicLadderRank.current {border-color:var(--rune-accent, var(--ui-gold));box-shadow:inset 3px 0 0 var(--rune-color, var(--ui-gold));}
.runicLadderRank.next {border-style:dashed;border-color:var(--ui-gold);}
.runicLadderNumber {display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--ui-divider);border-radius:50%;color:var(--ui-muted);font:700 11px/1 var(--ui-font);font-variant-numeric:tabular-nums;}
.runicLadderRank.reached .runicLadderNumber {border-color:transparent;background:var(--rune-color, var(--ui-gold));color:#15111a;}
.runicLadderCopy {display:grid;gap:3px;min-width:0;}
.runicLadderHead {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.runicLadderHead strong {color:inherit;font:700 12px/1.3 var(--ui-font);}
.runicLadderHead small {color:var(--ui-muted);font:700 10px/1.3 var(--ui-font);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.runicLadderCopy p {margin:0;overflow-wrap:anywhere;}
.runicLadderNext {color:var(--ui-gold);font:600 11px/1.35 var(--ui-font);}
.runicLadderLock {color:#f0b8a0;font:500 11px/1.35 var(--ui-font);}
.runicLadderOptions {display:grid;gap:5px;margin-top:3px;}
.runicLadderOption {display:grid;gap:2px;width:100%;padding:6px 8px;border:1px solid var(--ui-divider);border-radius:var(--ui-control-radius, 8px);background:var(--ui-raised);color:var(--ui-text);font:500 11.5px/1.4 var(--ui-font);text-align:left;cursor:pointer;}
.runicLadderOption b {color:var(--ui-gold);font:700 11.5px/1.3 var(--ui-font);}
.runicLadderOption small {color:var(--ui-muted);font:500 11px/1.4 var(--ui-font);}
.runicLadderOption small.runicLadderLock {color:#f0b8a0;}
.runicLadderOption.selected {border-color:var(--rune-accent, var(--ui-gold));background:rgba(234,208,154,.12);}
.runicLadderOption:disabled {cursor:not-allowed;}
.runicLadderOption:disabled:not(.selected) {opacity:.55;}
.runicLadderOption:not(:disabled):hover {border-color:var(--ui-gold);}
.runicLadderOption:focus-visible {outline:2px solid var(--ui-focus);outline-offset:2px;}