html:has(.armory){scrollbar-gutter:stable}.armory{padding-block:var(--s-8) var(--section)}.armory-intro{justify-items:center;gap:var(--s-3);margin-bottom:var(--s-7);text-align:center;display:grid}.armory-intro h1{font-size:var(--fs-3xl)}.armory-intro .lore{max-width:54ch}.armory-body{counter-reset:shown;flex-direction:column;display:flex}.armory-facets{justify-content:center;gap:var(--s-4) var(--s-7);padding:var(--s-4) var(--s-5);border-radius:var(--r-3);box-shadow:var(--glow);background:#0b102099;flex-wrap:wrap;order:-2;display:flex}.facet{align-items:center;gap:var(--s-2) var(--s-4);border:0;flex-wrap:wrap;min-width:0;padding:0;display:flex}.facet-legend{float:left;font:600 var(--fs-xs) / 1.2 var(--font-ui);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--gold);padding:0}.facet-opts{gap:var(--s-2);flex-wrap:wrap;display:flex}.facet-opt{border:1px solid var(--gold-line);min-height:36px;font:500 var(--fs-sm) / 1 var(--font-ui);color:var(--ink-2);cursor:pointer;user-select:none;transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:.45em;padding:0 .85em;display:inline-flex}.facet-opt:hover{color:var(--ink);border-color:var(--gold-line-strong)}.facet-dot{background:var(--rarity);width:8px;height:8px;box-shadow:0 0 8px var(--rarity);border-radius:50%}.facet-n{min-width:2ch;font-size:var(--fs-xs);text-align:end;color:var(--ink-3);display:none}input:checked+.facet-opt{color:var(--ink);border-color:color-mix(in srgb, var(--gold) 70%, transparent);background:linear-gradient(#e2c07a33,#e2c07a14);box-shadow:0 0 18px -8px #e2c07a99}input:checked+.facet-opt .facet-n{color:var(--gold-3)}input:focus-visible+.facet-opt{outline:2px solid var(--gold);outline-offset:2px}.armory-tally{margin:var(--s-5) 0 var(--s-4);font-size:var(--fs-sm);text-align:center;color:var(--ink-3);order:-1}.armory-n:before{content:counter(shown);color:var(--ink)}.armory-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));padding:0;list-style:none;display:grid}.armory-grid>li{counter-increment:shown}.armory-grid .tile{content-visibility:auto;contain-intrinsic-size:auto 520px}.armory--relic .armory-grid .tile{contain-intrinsic-size:auto 240px}@media (width<=639px){.armory-facets{padding:var(--s-4);justify-content:start}.armory-grid{gap:var(--s-3)}.facet-opt{min-height:34px;padding:0 .7em;font-size:.8125rem}}.armory:has(#fc-a:checked) .facet-r .ka,.armory:has(#fc1:checked) .facet-r .k1,.armory:has(#fc2:checked) .facet-r .k2,.armory:has(#fc3:checked) .facet-r .k3,.armory:has(#fc4:checked) .facet-r .k4,.armory:not(:has(.facet-c)) .facet-r .ka,.armory:has(#fr-a:checked) .facet-c .ja,.armory:has(#fr0:checked) .facet-c .j1,.armory:has(#fr1:checked) .facet-c .j2,.armory:has(#fr2:checked) .facet-c .j3,.armory:has(#fr3:checked) .facet-c .j4,.armory:has(#fr4:checked) .facet-c .j5{display:inline}.armory:has(#fc1:checked) .facet-r .facet-opt:has(.k1.z),.armory:has(#fc2:checked) .facet-r .facet-opt:has(.k2.z),.armory:has(#fc3:checked) .facet-r .facet-opt:has(.k3.z),.armory:has(#fc4:checked) .facet-r .facet-opt:has(.k4.z),.armory:has(#fr0:checked) .facet-c .facet-opt:has(.j1.z),.armory:has(#fr1:checked) .facet-c .facet-opt:has(.j2.z),.armory:has(#fr2:checked) .facet-c .facet-opt:has(.j3.z),.armory:has(#fr3:checked) .facet-c .facet-opt:has(.j4.z),.armory:has(#fr4:checked) .facet-c .facet-opt:has(.j5.z){opacity:.45}.armory:has(#fr0:checked) .armory-grid>li:not(.rarity-0),.armory:has(#fr1:checked) .armory-grid>li:not(.rarity-1),.armory:has(#fr2:checked) .armory-grid>li:not(.rarity-2),.armory:has(#fr3:checked) .armory-grid>li:not(.rarity-3),.armory:has(#fr4:checked) .armory-grid>li:not(.rarity-4),.armory:has(#fc1:checked) .armory-grid>li:not(.c1),.armory:has(#fc2:checked) .armory-grid>li:not(.c2),.armory:has(#fc3:checked) .armory-grid>li:not(.c3),.armory:has(#fc4:checked) .armory-grid>li:not(.c4){display:none}.tile{gap:var(--s-3);height:100%;padding:var(--s-4);border:1px solid var(--gold-line);border-radius:var(--r-3);color:var(--ink);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:linear-gradient(#111830bf,#0b102099);flex-direction:column;display:flex;position:relative}.tile:hover{border-color:color-mix(in srgb, var(--rarity) 60%, transparent);background:linear-gradient(180deg, var(--bg-3), var(--bg-1))}.tile:has(.tile-name a:focus-visible){outline:2px solid var(--gold);outline-offset:-3px}.tile-head{align-items:center;gap:var(--s-3);grid-template-columns:76px 1fr;display:grid}.tile-frame{width:76px}.tile-id{gap:var(--s-1);min-width:0;display:grid}.tile-name{font:600 var(--fs-md) / 1.25 var(--font-display);letter-spacing:.02em;text-wrap:balance}.tile-name a{color:var(--ink);text-decoration:none}.tile-name a:focus-visible{outline:none}.tile-name a:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.tile-line{gap:0 var(--s-2);font:600 .6875rem / 1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--rarity);flex-wrap:wrap;display:flex}.tile-cat{color:var(--ink-2);align-items:center;gap:.35em;display:inline-flex}.tile-cat:before{content:"·";color:var(--ink-3);margin-inline-end:.15em}.tile-tags{gap:var(--s-1);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tile-tags li{padding:2px var(--s-2);border:1px solid var(--gold-line);font:500 var(--fs-xs) / 1.3 var(--font-ui);color:var(--ink-2);border-radius:999px;align-items:center;gap:.35em;display:inline-flex}
