.base-ladder.svelte-8cysll{--ladder-spine:color-mix(in oklch, var(--color-line-strong) 54%, transparent);--ladder-node:var(--color-action-strong);--ladder-node-bg:var(--color-panel);--ladder-card-bg:color-mix(in oklch, var(--color-control-bg) 74%, transparent);--ladder-card-border:var(--color-line);--ladder-card-accent:var(--color-action-strong);gap:calc(var(--spacing) * 4);border:1px solid var(--color-line);background:radial-gradient(circle at 12% 0%, color-mix(in oklch, var(--color-action-strong) 10%, transparent), transparent calc(var(--spacing) * 36)), linear-gradient(180deg, var(--color-panel-2), var(--color-panel));min-width:0;padding:calc(var(--spacing) * 4);box-shadow:var(--shadow-panel);display:grid}.base-ladder[data-behind=true].svelte-8cysll{--ladder-node:var(--color-warning);--ladder-card-accent:var(--color-warning)}.base-ladder-header.svelte-8cysll{justify-content:space-between;align-items:start;gap:calc(var(--spacing) * 3);display:flex}.base-ladder-header.svelte-8cysll p:where(.svelte-8cysll),.base-ladder-header.svelte-8cysll h2:where(.svelte-8cysll),.base-ladder-header.svelte-8cysll span:where(.svelte-8cysll){margin:0}.base-ladder-header.svelte-8cysll p:where(.svelte-8cysll){color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.base-ladder-header.svelte-8cysll h2:where(.svelte-8cysll){margin-top:calc(var(--spacing) * 1);color:var(--color-ink);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.base-ladder-header.svelte-8cysll span:where(.svelte-8cysll){max-width:64ch;margin-top:calc(var(--spacing) * 1.5);color:var(--color-ink-2);font-size:var(--text-sm);line-height:var(--leading-relaxed);display:block}.base-ladder-summary.svelte-8cysll{justify-content:end;align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.base-ladder-summary.svelte-8cysll span:where(.svelte-8cysll),.base-ladder-summary.svelte-8cysll button:where(.svelte-8cysll){min-height:calc(var(--spacing) * 8);align-items:center;gap:calc(var(--spacing) * 1.5);border:1px solid var(--color-line);background:color-mix(in oklch, var(--color-control-bg) 78%, transparent);padding:0 calc(var(--spacing) * 2.5);color:var(--color-ink-2);font-size:var(--text-xs);display:inline-flex}.base-ladder-summary.svelte-8cysll button:where(.svelte-8cysll){width:calc(var(--spacing) * 8);color:var(--color-muted);justify-content:center;padding:0}.base-ladder-scroll.svelte-8cysll{max-height:min(62vh, calc(var(--spacing) * 116));scrollbar-gutter:stable;padding:calc(var(--spacing) * 1) calc(var(--spacing) * 1) calc(var(--spacing) * 2);overflow:hidden auto}.base-ladder[data-full-height=true].svelte-8cysll .base-ladder-scroll:where(.svelte-8cysll),.base-ladder[data-mode=reference].svelte-8cysll .base-ladder-scroll:where(.svelte-8cysll){max-height:min(76vh, calc(var(--spacing) * 168))}.base-ladder-list.svelte-8cysll{gap:calc(var(--spacing) * 3.5);padding:calc(var(--spacing) * 2) 0;margin:0;list-style:none;display:grid;position:relative}.base-ladder-list.svelte-8cysll:before{content:"";inset-block:0;background:linear-gradient(transparent, var(--ladder-spine) 8%, var(--ladder-spine) 92%, transparent);width:1px;position:absolute;left:50%;transform:translate(-50%)}.base-ladder-tier.svelte-8cysll{grid-template-columns:minmax(0, 1fr) calc(var(--spacing) * 12) minmax(0, 1fr);align-items:center;min-width:0;display:grid;position:relative}.base-ladder-node.svelte-8cysll{z-index:2;grid-area:1/2;place-items:center;display:grid;position:relative}.base-ladder-node.svelte-8cysll:before{content:"";z-index:-1;width:calc(var(--spacing) * 12);background:var(--ladder-spine);height:1px;position:absolute}.base-ladder-tier[data-side=left].svelte-8cysll .base-ladder-node:where(.svelte-8cysll):before{left:50%}.base-ladder-tier[data-side=right].svelte-8cysll .base-ladder-node:where(.svelte-8cysll):before{right:50%}.base-ladder-node.svelte-8cysll span:where(.svelte-8cysll){width:calc(var(--spacing) * 9.5);height:calc(var(--spacing) * 9.5);border:2px solid var(--ladder-node);background:var(--ladder-node-bg);color:var(--ladder-node);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);box-shadow:0 0 0 calc(var(--spacing) * 1.5) var(--color-panel);border-radius:999px;place-items:center;display:grid}.base-ladder-card.svelte-8cysll{z-index:1;gap:calc(var(--spacing) * 2.25);border:1px solid var(--ladder-card-border);background:var(--ladder-card-bg);min-width:0;padding:calc(var(--spacing) * 3);box-shadow:var(--shadow-panel);display:grid;position:relative}.base-ladder-card.svelte-8cysll:before{content:"";width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);border:1px solid var(--ladder-card-border);background:var(--ladder-card-bg);position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.base-ladder-tier[data-side=left].svelte-8cysll .base-ladder-card:where(.svelte-8cysll){grid-area:1/1}.base-ladder-tier[data-side=left].svelte-8cysll .base-ladder-card:where(.svelte-8cysll):before{right:calc(var(--spacing) * -1.5);border-bottom:0;border-left:0}.base-ladder-tier[data-side=right].svelte-8cysll .base-ladder-card:where(.svelte-8cysll){grid-area:1/3}.base-ladder-tier[data-side=right].svelte-8cysll .base-ladder-card:where(.svelte-8cysll):before{left:calc(var(--spacing) * -1.5);border-top:0;border-right:0}@media (width>=58.001rem){.base-ladder-list.svelte-8cysll{gap:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 5)}.base-ladder-tier.svelte-8cysll+.base-ladder-tier:where(.svelte-8cysll){margin-top:calc(var(--spacing) * -7)}:is(.base-ladder-tier.svelte-8cysll:has(.base-ladder-card[data-has-variants=true][data-expanded=true]:where(.svelte-8cysll)),.base-ladder-tier.svelte-8cysll:has(.base-ladder-card[data-has-variants=true]:where(.svelte-8cysll):focus-within)){margin-bottom:calc(var(--spacing) * 7)}@media (hover:hover){.base-ladder-tier.svelte-8cysll:has(.base-ladder-card[data-has-variants=true]:where(.svelte-8cysll):hover){margin-bottom:calc(var(--spacing) * 7)}}}.base-ladder-card[data-equipped=true].svelte-8cysll{--ladder-card-border:var(--color-action-border-active);--ladder-card-bg:color-mix(in oklch, var(--color-action-soft) 58%, var(--color-panel))}.base-ladder-card[data-recommended=true].svelte-8cysll{--ladder-card-border:color-mix(in oklch, var(--color-warning) 62%, var(--color-line));--ladder-card-bg:color-mix(in oklch, var(--color-warning-soft) 52%, var(--color-panel))}.base-ladder-card[data-locked=true].svelte-8cysll{--ladder-card-border:var(--color-line);--ladder-card-bg:color-mix(in oklch, var(--color-panel-2) 58%, transparent);opacity:.76}.base-ladder-card[data-compact=true].svelte-8cysll{width:min(100%, calc(var(--spacing) * 72));gap:calc(var(--spacing) * 1.25);padding:calc(var(--spacing) * 2.25);opacity:.76}.base-ladder-tier[data-side=left].svelte-8cysll .base-ladder-card[data-compact=true]:where(.svelte-8cysll){justify-self:end}.base-ladder-tier[data-side=right].svelte-8cysll .base-ladder-card[data-compact=true]:where(.svelte-8cysll){justify-self:start}.base-ladder-card[data-compact=true].svelte-8cysll .base-ladder-card-head:where(.svelte-8cysll){align-items:center}.base-ladder-card[data-compact=true].svelte-8cysll .base-ladder-card-head:where(.svelte-8cysll) svg{display:none}.base-ladder-card[data-compact=true].svelte-8cysll .base-ladder-card-head:where(.svelte-8cysll) h3:where(.svelte-8cysll){font-size:var(--text-sm)}.base-ladder-card[data-compact=true].svelte-8cysll p:where(.svelte-8cysll){font-size:.72rem}.base-ladder-card-head.svelte-8cysll{justify-content:space-between;align-items:start;gap:calc(var(--spacing) * 3);display:flex}.base-ladder-card-head.svelte-8cysll h3:where(.svelte-8cysll),.base-ladder-card.svelte-8cysll p:where(.svelte-8cysll){margin:0}.base-ladder-card-head.svelte-8cysll h3:where(.svelte-8cysll){color:var(--color-ink);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.base-ladder-card-head.svelte-8cysll svg{color:var(--ladder-card-accent)}.base-ladder-card.svelte-8cysll p:where(.svelte-8cysll),.base-ladder-variants.svelte-8cysll span:where(.svelte-8cysll){color:var(--color-ink-2);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.base-ladder-chips.svelte-8cysll{gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;display:flex}.base-ladder-chips.svelte-8cysll span:where(.svelte-8cysll){min-height:calc(var(--spacing) * 5.5);align-items:center;gap:calc(var(--spacing) * 1);border:1px solid var(--color-line);background:color-mix(in oklch, var(--color-control-bg) 68%, transparent);padding:0 calc(var(--spacing) * 1.75);color:var(--color-ink-2);font-size:.68rem;display:inline-flex}.base-ladder-chips.svelte-8cysll span[data-state=equipped]:where(.svelte-8cysll),.base-ladder-chips.svelte-8cysll span[data-state=bestAvailable]:where(.svelte-8cysll){border-color:var(--color-action-border-current);background:var(--color-action-soft);color:var(--color-ink)}.base-ladder-chips.svelte-8cysll span[data-state=recommended]:where(.svelte-8cysll),.base-ladder-chips.svelte-8cysll span[data-state=behind]:where(.svelte-8cysll){border-color:color-mix(in oklch, var(--color-warning) 42%, var(--color-line));background:var(--color-warning-soft);color:var(--color-warning)}.base-ladder-chips.svelte-8cysll span[data-state=locked]:where(.svelte-8cysll){color:var(--color-muted)}.base-ladder-variant-toggle.svelte-8cysll{width:fit-content;min-height:calc(var(--spacing) * 7);align-items:center;gap:calc(var(--spacing) * 1.5);border:1px solid var(--color-line);background:var(--color-panel);padding:0 calc(var(--spacing) * 2);color:var(--color-ink-2);font-size:var(--text-xs);display:inline-flex}.base-ladder-variant-toggle.svelte-8cysll svg{transition:transform .16s var(--ease-out)}.base-ladder-card[data-expanded=true].svelte-8cysll .base-ladder-variant-toggle:where(.svelte-8cysll) svg,.base-ladder-card.svelte-8cysll:focus-within .base-ladder-variant-toggle:where(.svelte-8cysll) svg{transform:rotate(180deg)}@media (hover:hover){.base-ladder-card.svelte-8cysll:hover .base-ladder-variant-toggle:where(.svelte-8cysll) svg{transform:rotate(180deg)}}.base-ladder-variants.svelte-8cysll{transition:grid-template-rows .17s var(--ease-out);grid-template-rows:0fr;display:grid;overflow:hidden}.base-ladder-card[data-expanded=true].svelte-8cysll .base-ladder-variants:where(.svelte-8cysll),.base-ladder-card.svelte-8cysll:focus-within .base-ladder-variants:where(.svelte-8cysll){grid-template-rows:1fr}@media (hover:hover){.base-ladder-card.svelte-8cysll:hover .base-ladder-variants:where(.svelte-8cysll){grid-template-rows:1fr}}.base-ladder-variants-inner.svelte-8cysll{gap:calc(var(--spacing) * 1.5);border-top:1px solid var(--color-line);min-height:0;padding-top:calc(var(--spacing) * 2);display:grid;overflow:hidden}.base-ladder-variant-row.svelte-8cysll{gap:calc(var(--spacing) * 1);min-width:0;display:grid}.base-ladder-variant-row.svelte-8cysll+.base-ladder-variant-row:where(.svelte-8cysll){border-top:1px solid var(--color-line);padding-top:calc(var(--spacing) * 1.5)}.base-ladder-variants.svelte-8cysll strong:where(.svelte-8cysll){color:var(--color-ink);font-size:var(--text-xs)}.base-ladder-player-marker.svelte-8cysll{z-index:4;min-height:calc(var(--spacing) * 9);margin:calc(var(--spacing) * 3) 0;place-items:center;display:grid;position:relative}.base-ladder-player-marker.svelte-8cysll:before{content:"";width:min(72%, calc(var(--spacing) * 76));background:color-mix(in oklch, var(--color-warning) 64%, transparent);height:2px;box-shadow:0 0 18px color-mix(in oklch, var(--color-warning) 24%, transparent);position:absolute;left:50%;transform:translate(-50%)}.base-ladder-player-marker.svelte-8cysll span:where(.svelte-8cysll){z-index:1;border:1px solid color-mix(in oklch, var(--color-warning) 62%, var(--color-line));background:var(--color-panel);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2.25);color:var(--color-warning);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);position:relative}@media (width<=58rem){.base-ladder-list.svelte-8cysll:before{left:calc(var(--spacing) * 5)}.base-ladder-tier.svelte-8cysll{grid-template-columns:calc(var(--spacing) * 10) minmax(0, 1fr);gap:calc(var(--spacing) * 3)}.base-ladder-node.svelte-8cysll{grid-column:1}.base-ladder-node.svelte-8cysll:before{width:calc(var(--spacing) * 7);left:50%;right:auto}.base-ladder-tier[data-side].svelte-8cysll .base-ladder-card:where(.svelte-8cysll){grid-column:2}.base-ladder-tier[data-side].svelte-8cysll .base-ladder-card:where(.svelte-8cysll):before{left:calc(var(--spacing) * -1.5);border:1px solid var(--ladder-card-border);border-top:0;border-right:0;right:auto}}@media (width<=42rem){.base-ladder.svelte-8cysll{padding:calc(var(--spacing) * 3)}.base-ladder-header.svelte-8cysll{flex-direction:column;align-items:stretch}.base-ladder-summary.svelte-8cysll{justify-content:start}}@media (prefers-reduced-motion:reduce){.base-ladder-variants.svelte-8cysll,.base-ladder-variant-toggle.svelte-8cysll svg{transition-duration:1ms}}.campaign-bench{border-color:var(--color-line-strong);background:radial-gradient(circle at 12% 0%, color-mix(in oklch, var(--color-action-strong) 10%, transparent), transparent calc(var(--spacing) * 44)), linear-gradient(180deg, var(--color-panel-2), var(--color-panel))}