.shelf.svelte-1fk2u3d,.all.svelte-1fk2u3d{--ink: oklch(var(--bc));--paper: oklch(var(--b1));--tier: var(--ink);font-family:ui-monospace,SF Mono,Menlo,monospace}.shelf.svelte-1fk2u3d{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1rem .75rem;padding-top:.5rem}.common.svelte-1fk2u3d{--tier: #9d9d9d}.uncommon.svelte-1fk2u3d{--tier: #1eb300}.rare.svelte-1fk2u3d{--tier: #0070dd}.epic.svelte-1fk2u3d{--tier: #a335ee}.legendary.svelte-1fk2u3d{--tier: #ff8000}.badge-tile.svelte-1fk2u3d{position:relative;display:grid;justify-items:center;align-content:start;gap:.35rem;padding:.85rem .5rem .75rem;text-align:center;background:var(--paper);color:var(--ink);font:inherit;border:3px solid var(--tier);border-radius:10px;box-shadow:4px 4px 0 var(--tier);cursor:help}.badge-tile.common.svelte-1fk2u3d{border-color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.badge-tile.svelte-1fk2u3d:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}.badge-tile.epic.svelte-1fk2u3d:not(.locked),.badge-tile.legendary.svelte-1fk2u3d:not(.locked){background:color-mix(in srgb,var(--tier) 12%,var(--paper))}.badge-tile.legendary.svelte-1fk2u3d:not(.locked){box-shadow:4px 4px 0 var(--tier),0 0 14px color-mix(in srgb,var(--tier) 55%,transparent)}.ribbon.svelte-1fk2u3d{position:absolute;top:-.65rem;left:50%;transform:translate(-50%);padding:.05rem .4rem;background:var(--tier);color:#fff;font-size:.6rem;letter-spacing:.08em;white-space:nowrap}.icon.svelte-1fk2u3d{position:relative;overflow:hidden;display:grid;place-items:center;width:3.5rem;height:3.5rem;background:#fff;border:2px solid #000;border-radius:6px}.badge-tile.svelte-1fk2u3d:not(.common) .icon:where(.svelte-1fk2u3d){border-color:var(--tier);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--tier) 25%,transparent)}.legendary.svelte-1fk2u3d:not(.locked) .icon:where(.svelte-1fk2u3d):after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:30%;background:#ffc878cc;transform:translate(-200%) skew(-20deg);animation:svelte-1fk2u3d-shine 2.8s steps(7) infinite}@keyframes svelte-1fk2u3d-shine{60%,to{transform:translate(450%) skew(-20deg)}}.name.svelte-1fk2u3d{font-weight:900;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.badge-tile.svelte-1fk2u3d:not(.common):not(.locked) .name:where(.svelte-1fk2u3d){color:color-mix(in srgb,var(--tier) 80%,var(--ink))}.when.svelte-1fk2u3d{font-size:.7rem;opacity:.7}.when.strong.svelte-1fk2u3d{opacity:1;font-weight:800}.locked.svelte-1fk2u3d{border-style:dashed;box-shadow:none}.locked.svelte-1fk2u3d .icon:where(.svelte-1fk2u3d) svg{opacity:.25}.more.svelte-1fk2u3d{cursor:pointer;border-style:solid;border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);align-content:center}.more.svelte-1fk2u3d:hover{background:var(--ink);color:var(--paper)}.more.svelte-1fk2u3d:active{transform:translate(4px,4px);box-shadow:none}.count.svelte-1fk2u3d{font-size:2rem;font-weight:900;line-height:1}.count.svelte-1fk2u3d small:where(.svelte-1fk2u3d){font-size:.9rem;opacity:.6}.pop.svelte-1fk2u3d{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:60;display:none;gap:.2rem;width:-moz-max-content;width:max-content;max-width:14rem;padding:.45rem .6rem;transform:translate(-50%);background:var(--paper);color:var(--ink);border:2px solid var(--tier);box-shadow:3px 3px 0 var(--tier);font-size:.75rem;line-height:1.35;text-align:left}.badge-tile.svelte-1fk2u3d:hover .pop:where(.svelte-1fk2u3d),.badge-tile.svelte-1fk2u3d:focus .pop:where(.svelte-1fk2u3d){display:grid}.tag.svelte-1fk2u3d{justify-self:start;padding:0 .3rem;background:var(--tier);color:#fff;font-size:.65rem;letter-spacing:.06em}.dim.svelte-1fk2u3d{opacity:.6}.all.svelte-1fk2u3d{width:min(56rem,calc(100vw - 2rem));max-height:calc(100vh - 4rem);padding:1.25rem;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.all.svelte-1fk2u3d::backdrop{background:#0000008c}.all.svelte-1fk2u3d header:where(.svelte-1fk2u3d){display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.all.svelte-1fk2u3d h3:where(.svelte-1fk2u3d){font-weight:900}.all.svelte-1fk2u3d h3:where(.svelte-1fk2u3d) small:where(.svelte-1fk2u3d){opacity:.6}.close.svelte-1fk2u3d{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:0 .5rem;font-weight:900}.legend.svelte-1fk2u3d{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1rem;font-size:.7rem;font-weight:800}.legend.svelte-1fk2u3d span:where(.svelte-1fk2u3d){display:flex;align-items:center;gap:.3rem}.legend.svelte-1fk2u3d i:where(.svelte-1fk2u3d){width:10px;height:10px;background:var(--tier)}@media (prefers-reduced-motion: reduce){.legendary.svelte-1fk2u3d .icon:where(.svelte-1fk2u3d):after{display:none}}