.ladder-board[data-v-23fb5fd3]{width:100%;height:100%;container-type:inline-size}.rungs[data-v-23fb5fd3]{align-items:center;position:relative}.pinned[data-v-23fb5fd3],.rungs[data-v-23fb5fd3]{gap:var(--ladder-gutter);flex-direction:column;width:100%;max-width:360px;margin-inline:auto;display:flex}.pinned[data-v-23fb5fd3]{padding-top:var(--ladder-gutter)}.row.start[data-v-23fb5fd3]{z-index:1;position:sticky;top:0}.row.start[data-v-23fb5fd3],.row.start[data-v-23fb5fd3]:after{background:var(--color-paper)}.row.start[data-v-23fb5fd3]:after{content:"";height:var(--ladder-gutter);position:absolute;top:100%;left:0;right:0}.row[data-v-23fb5fd3]{grid-template-columns:18px 1fr;align-items:center;gap:6px;width:100%;display:grid}.goal[data-v-23fb5fd3],.row[data-v-23fb5fd3]{container-type:inline-size}.lane[data-v-23fb5fd3]{--board-cell:calc((min(100cqw, 360px) - 24px)/5.668);--ladder-gutter:calc(var(--board-cell)*.167)}.rail[data-v-23fb5fd3]{color:var(--color-muted);font-family:var(--board-type-family);font-variant-numeric:tabular-nums;text-align:end;font-size:10px;line-height:1}.rungs[data-v-23fb5fd3]:before{background:var(--color-rule);content:"";pointer-events:none;width:1px;position:absolute;inset-block:6px;inset-inline-start:8px}.tiles[data-v-23fb5fd3]{--board-cell:calc((100cqw - 24px)/(var(--n,5) + .167*(var(--n,5) - 1)));--ladder-gutter:calc(var(--board-cell)*.167);gap:var(--ladder-gutter);width:100%;display:grid}.cell[data-v-23fb5fd3]{aspect-ratio:1;min-height:34px;position:relative}.row.start .cell[data-v-23fb5fd3] .tile{background:var(--color-paper-warm);border-color:var(--color-rule);color:var(--color-muted)}.cell.changed[data-v-23fb5fd3] .tile{background:var(--board-hue-7-badge);border-color:var(--board-hue-7-badge);color:var(--board-badge-ink);transition:background var(--motion-fill) var(--motion-ease-standard),border-color var(--motion-fill) var(--motion-ease-standard),color var(--motion-fill) var(--motion-ease-standard)}.mark[data-v-23fb5fd3]{background:var(--board-hue-7);bottom:calc(var(--ladder-gutter)*-.35);height:calc(var(--board-cell)*.12);margin-left:calc(var(--board-cell)*-.06);pointer-events:none;width:calc(var(--board-cell)*.12);position:absolute;left:50%;transform:rotate(45deg)}.high-contrast .cell.changed[data-v-23fb5fd3] .tile{border-width:3px}.goal[data-v-23fb5fd3]{border-top:1px solid var(--color-rule);flex-direction:column;align-items:center;gap:4px;width:100%;max-width:360px;padding-top:8px;display:flex}.goal-label[data-v-23fb5fd3]{color:var(--color-muted)}.goal .tiles[data-v-23fb5fd3]{width:calc(100% - 24px);margin-inline-start:24px}.goal .cell[data-v-23fb5fd3] .tile{border-color:var(--color-ink);color:var(--color-muted);transition:background var(--motion-fill) var(--motion-ease-standard),border-color var(--motion-fill) var(--motion-ease-standard),color var(--motion-fill) var(--motion-ease-standard);border-style:dashed}.row.reveal .cell[data-v-23fb5fd3] .tile{animation:pop .14s ease-out var(--stagger,0s) both}.row.reveal .cell.changed[data-v-23fb5fd3] .tile{animation:pop .24s ease-out var(--stagger,0s) both}.row.win .cell[data-v-23fb5fd3] .tile,.row.win .cell.changed[data-v-23fb5fd3] .tile{animation:tile-bounce 1s ease var(--stagger,0s) both}.ladder-board.solved .row:not(.win) .cell.changed[data-v-23fb5fd3] .tile{animation:mo-pulse var(--motion-pulse) var(--motion-ease-symmetric) calc(var(--mo-stagger-i,0)*var(--motion-reveal)) both}.ladder-board.solved .goal .cell[data-v-23fb5fd3] .tile{background:var(--board-hue-7-badge);border-color:var(--board-hue-7-badge);color:var(--board-badge-ink);transition-delay:calc(var(--mo-stagger-i,0)*var(--motion-reveal));border-style:solid}.row.draft .cell[data-v-23fb5fd3] .tile{border-color:var(--color-rule);color:var(--color-ink);transition:border-color var(--motion-fill) var(--motion-ease-standard),color var(--motion-fill) var(--motion-ease-standard)}.row.draft.rejected .cell[data-v-23fb5fd3] .tile{border-color:var(--board-red);color:var(--board-red)}.high-contrast .row.draft.rejected .cell[data-v-23fb5fd3] .tile{border-width:3px}.row.draft.focused .cell.next[data-v-23fb5fd3] .tile{border-color:var(--color-ink)}.row.draft .cell.hinted[data-v-23fb5fd3] .tile{box-shadow:inset 0 0 0 2px var(--motion-hint)}@media (prefers-reduced-motion:reduce){.row.reveal .cell[data-v-23fb5fd3] .tile,.row.reveal .cell.changed[data-v-23fb5fd3] .tile,.row.win .cell[data-v-23fb5fd3] .tile,.row.win .cell.changed[data-v-23fb5fd3] .tile{animation:none}}.reduce-animations .row.reveal .cell[data-v-23fb5fd3] .tile,.reduce-animations .row.reveal .cell.changed[data-v-23fb5fd3] .tile,.reduce-animations .row.win .cell[data-v-23fb5fd3] .tile,.reduce-animations .row.win .cell.changed[data-v-23fb5fd3] .tile{animation:none}.hero[data-v-1f4499e3]{padding:8px 0 4px}.columns[data-v-1f4499e3]{justify-content:center;gap:28px;margin-top:16px;display:flex}.column[data-v-1f4499e3]{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.col-label[data-v-1f4499e3]{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;font-size:10px}.ladder[data-v-1f4499e3]{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ladder li[data-v-1f4499e3]{color:var(--color-ink);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:13px;line-height:1.5}.ladder.optimal li[data-v-1f4499e3]{color:var(--color-muted);grid-template-columns:14px auto;align-items:center;display:grid}.ladder.optimal li.shared[data-v-1f4499e3]{color:var(--color-ink)}.tick[data-v-1f4499e3]{color:var(--color-correct);grid-column:1}.ladder.optimal li>span[data-v-1f4499e3]:first-of-type{grid-column:2}@media (width<=420px){.columns[data-v-1f4499e3]{gap:16px}.ladder li[data-v-1f4499e3]{letter-spacing:.1em;font-size:12px}}.rung-form[data-v-4a407359]{position:relative}.rung-input[data-v-4a407359]{caret-color:#0000;color:#0000;opacity:0;background:0 0;border:0;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:absolute;top:0;left:0}