.search-bar.svelte-1eq5jjb{position:sticky;top:calc(var(--sticky-top, 0px) + .5rem);z-index:var(--z-raised);display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-block:.5rem;padding:.45rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-glass);box-shadow:var(--shadow-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.search-field.svelte-1eq5jjb{display:flex;align-items:center;gap:.45rem;flex:1 1 12rem;min-width:0;padding:.3rem .55rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-subtle);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.search-field.svelte-1eq5jjb:focus-within{border-color:var(--game-primary, var(--color-brand-500));box-shadow:0 0 0 3px color-mix(in oklch,var(--game-primary, var(--color-brand-500)) 22%,transparent)}.search-field.is-filled.svelte-1eq5jjb{color:var(--color-ink)}.search-field.svelte-1eq5jjb input:where(.svelte-1eq5jjb){flex:1;min-width:0;padding:.15rem 0;border:0;background:none;color:var(--color-ink);font-size:.85rem;font-family:inherit}.search-field.svelte-1eq5jjb input:where(.svelte-1eq5jjb):focus{outline:none}.search-field.svelte-1eq5jjb input:where(.svelte-1eq5jjb)::placeholder{color:var(--color-subtle)}.search-field.svelte-1eq5jjb input:where(.svelte-1eq5jjb)::-webkit-search-cancel-button{appearance:none}.search-clear.svelte-1eq5jjb{display:grid;place-items:center;flex:none;width:1.4rem;height:1.4rem;border:0;border-radius:var(--radius-full);background:var(--color-surface-overlay);color:var(--color-subtle);cursor:pointer}.search-clear.svelte-1eq5jjb:hover,.search-clear.svelte-1eq5jjb:focus-visible{color:var(--color-ink)}.search-sizes.svelte-1eq5jjb{display:flex;gap:.25rem}.search-size-label.svelte-1eq5jjb{display:none}@media(min-width:900px){.search-size-label.svelte-1eq5jjb{display:inline}}.search-count.svelte-1eq5jjb{margin-left:auto;flex:none;padding-right:.2rem}@media(max-width:767px){.search-bar.svelte-1eq5jjb{flex-wrap:nowrap;gap:.35rem;margin-block:.4rem;padding:.35rem .4rem}.search-field.svelte-1eq5jjb{flex:1 1 4rem}.search-sizes.svelte-1eq5jjb{flex:none;gap:0;padding:.1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised)}.search-sizes.svelte-1eq5jjb .chip:where(.svelte-1eq5jjb){justify-content:center;width:2.1rem;height:2.25rem;padding:0;border:0;background:none;border-radius:var(--radius-sm)}.search-sizes.svelte-1eq5jjb .chip-active:where(.svelte-1eq5jjb){background:var(--color-surface-overlay);box-shadow:var(--shadow-xs)}.search-count.svelte-1eq5jjb{display:none}}.arch-section.svelte-51dqdm+.arch-section:where(.svelte-51dqdm){margin-top:1.75rem}.arch-group.svelte-51dqdm{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;font-family:var(--font-display);font-size:.95rem;font-weight:800;color:var(--color-ink)}.arch-grid.svelte-51dqdm{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(var(--min-col, 7.5rem),1fr))}.arch-cell.svelte-51dqdm{position:relative;border-radius:var(--radius-md)}.arch-cell.is-cursor.svelte-51dqdm{outline:2px dashed var(--game-primary, var(--color-brand-400));outline-offset:3px}.arch-cell.is-picked.svelte-51dqdm{outline:2px solid var(--game-primary, var(--color-brand-400));outline-offset:3px}.arch-pick.svelte-51dqdm{position:absolute;top:0;left:0;display:grid;place-items:center;width:2.25rem;height:2.25rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.arch-pick.svelte-51dqdm input:where(.svelte-51dqdm){width:1.05rem;height:1.05rem;margin:0;cursor:pointer;accent-color:var(--game-primary, var(--color-brand-500));filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.arch-cell.svelte-51dqdm:hover .arch-pick:where(.svelte-51dqdm){opacity:.45;pointer-events:auto}.arch-pick.svelte-51dqdm:hover,.arch-cell.svelte-51dqdm:focus-within .arch-pick:where(.svelte-51dqdm),.arch-grid.is-selecting.svelte-51dqdm .arch-pick:where(.svelte-51dqdm),.arch-cell.is-picked.svelte-51dqdm .arch-pick:where(.svelte-51dqdm){opacity:1;pointer-events:auto}@media(hover:none){.arch-pick.svelte-51dqdm{opacity:.75;pointer-events:auto}}