.viewport.svelte-1j70lhu{touch-action:none;overscroll-behavior:contain;cursor:grab;background:var(--surface-sunken);border:var(--border-width) solid var(--border);border-radius:var(--radius-3);width:100%;height:100%;min-height:20rem;position:relative;overflow:hidden}.viewport.grabbing.svelte-1j70lhu{cursor:grabbing}.canvas.svelte-1j70lhu{transform-origin:0 0;will-change:transform;position:relative}.controls.svelte-1j70lhu{right:var(--space-3);bottom:var(--space-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-2);background:var(--border);flex-direction:column;gap:1px;display:flex;position:absolute;overflow:hidden}.controls.svelte-1j70lhu button:where(.svelte-1j70lhu){background:var(--surface);width:28px;height:28px;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer;border:none;place-items:center;line-height:1;display:grid}.controls.svelte-1j70lhu button:where(.svelte-1j70lhu):hover{background:var(--surface-raised);color:var(--accent)}svg.svelte-1j70lhu{pointer-events:none;position:absolute;inset:0}path.svelte-1j70lhu{stroke:var(--border-strong);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .12s}path.lit.svelte-1j70lhu{stroke:var(--accent);stroke-width:2px}path.faded.svelte-1j70lhu{opacity:.12}.card.svelte-1j70lhu,.join.svelte-1j70lhu{box-sizing:border-box;border:var(--border-width) solid var(--border);border-radius:var(--radius-2);background:var(--surface);color:var(--text);align-items:center;text-decoration:none;transition:opacity .12s;display:flex;position:absolute;overflow:hidden}.card.svelte-1j70lhu{border-left:3px solid var(--rank)}.card.svelte-1j70lhu:hover,.card.near.svelte-1j70lhu,.join.near.svelte-1j70lhu{background:var(--surface-raised);border-color:var(--accent)}.card.near.svelte-1j70lhu{border-left-color:var(--rank)}.card.goal.svelte-1j70lhu{border-color:var(--accent);box-shadow:var(--shadow-2)}.faded.svelte-1j70lhu{opacity:.25}.body.svelte-1j70lhu{min-width:0;padding:0 var(--space-2);flex:1}.name.svelte-1j70lhu{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:block;overflow:hidden}.tag.svelte-1j70lhu{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:10px;display:block}.card.base.svelte-1j70lhu .tag:where(.svelte-1j70lhu){color:var(--accent)}.qty.svelte-1j70lhu{color:var(--text-dim)}.join.svelte-1j70lhu{background:var(--surface-sunken);border-style:dashed;flex-direction:column;justify-content:center;gap:1px}.mark.svelte-1j70lhu svg{width:18px;height:18px;display:block}.bench.svelte-1j70lhu{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.count.svelte-1j70lhu{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-dim)}