.tiles.pills.svelte-y60kjh{position:sticky;top:var(--shell-topbar-h);z-index:2;padding-block:2px;background:var(--canvas)}.pills.svelte-y60kjh .strip:where(.svelte-y60kjh){grid-auto-columns:max-content;gap:var(--space-xs)}.pills.svelte-y60kjh .tile:where(.svelte-y60kjh){flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-xs);height:auto;min-height:var(--tap-min);aspect-ratio:auto;padding:0 var(--space-md);border-radius:var(--radius-pill);transform:none}.pill-ic.svelte-y60kjh{display:inline-flex;color:var(--ink-muted)}.pills.svelte-y60kjh .tile[aria-current=true]:where(.svelte-y60kjh) .pill-ic:where(.svelte-y60kjh),.pills.svelte-y60kjh .tile:where(.svelte-y60kjh):hover .pill-ic:where(.svelte-y60kjh){color:var(--gh-accent)}.pills.svelte-y60kjh .name:where(.svelte-y60kjh){font-size:var(--fs-ui);white-space:nowrap}.pills.svelte-y60kjh .step:where(.svelte-y60kjh){display:none}.tiles.svelte-y60kjh{position:relative;min-width:0}.strip.svelte-y60kjh{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8.25rem,1fr);gap:var(--space-sm);margin:-6px 0;padding:6px 0;overflow-x:auto;list-style:none;scroll-snap-type:x proximity;scrollbar-width:none}.strip.svelte-y60kjh::-webkit-scrollbar{display:none}.strip.svelte-y60kjh li:where(.svelte-y60kjh){scroll-snap-align:start}.tile.svelte-y60kjh{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:8.25rem;padding:var(--space-md) var(--space-md) var(--space-sm);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);--hue: calc(var(--c-tile-hue) + var(--i) * var(--c-tile-hue-step));background:radial-gradient(90% 70% at 50% 25%,hsl(var(--hue) 70% 45% / .28),transparent 70%),var(--surface);color:var(--ink);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-soft),transform var(--duration-fast) var(--ease-soft)}.tile.svelte-y60kjh:hover{border-color:color-mix(in srgb,var(--gh-accent) 45%,var(--line));transform:translateY(-2px)}.tile.selected.svelte-y60kjh{border-color:var(--action);background:radial-gradient(90% 70% at 50% 25%,color-mix(in srgb,var(--action) 28%,transparent),transparent 70%),color-mix(in srgb,var(--action) 8%,var(--surface));box-shadow:inset 0 0 0 1px var(--action),0 6px 22px -10px var(--action-glow)}.tile.selected.svelte-y60kjh .name:where(.svelte-y60kjh){color:var(--ink);font-weight:var(--fw-bold)}.tile.selected.svelte-y60kjh:after{content:"";position:absolute;right:30%;bottom:0;left:30%;height:3px;border-radius:3px 3px 0 0;background:var(--action)}.strip.svelte-y60kjh:has(.selected:where(.svelte-y60kjh)) .tile:where(.svelte-y60kjh):not(.selected) .art:where(.svelte-y60kjh){opacity:.7}.strip.svelte-y60kjh:has(.selected:where(.svelte-y60kjh)) .tile:where(.svelte-y60kjh):not(.selected):hover .art:where(.svelte-y60kjh){opacity:1}.tile.svelte-y60kjh:focus-visible{outline:2px solid var(--action);outline-offset:3px}.art.svelte-y60kjh{align-self:center;font-size:2.9rem;line-height:1;filter:drop-shadow(0 8px 14px rgb(0 0 0 / .45));transition:transform var(--duration-base) var(--ease-soft)}.tile.svelte-y60kjh:hover .art:where(.svelte-y60kjh){transform:scale(1.08) rotate(-4deg)}.art.svelte-y60kjh{transition:transform var(--duration-base) var(--ease-soft),opacity var(--duration-fast) var(--ease-soft)}.name.svelte-y60kjh{overflow:hidden;font-size:var(--fs-ui);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap}.step.svelte-y60kjh{position:absolute;top:50%;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:50%;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);color:var(--ink);box-shadow:0 6px 18px #0006;cursor:pointer;transform:translateY(-50%)}.step.next.svelte-y60kjh{right:var(--space-xs)}.step.prev.svelte-y60kjh{left:var(--space-xs)}.step.svelte-y60kjh:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(max-width:639px){.strip.svelte-y60kjh{grid-auto-columns:6.75rem}.tile.svelte-y60kjh{height:6.75rem;padding:var(--space-sm)}.art.svelte-y60kjh{font-size:2.25rem}.name.svelte-y60kjh{font-size:var(--fs-caption)}.step.svelte-y60kjh{display:none}}@media(prefers-reduced-motion:reduce){.tile.svelte-y60kjh,.art.svelte-y60kjh{transition:none}.tile.svelte-y60kjh:hover,.tile.svelte-y60kjh:hover .art:where(.svelte-y60kjh){transform:none}}
