.tiles.kit{all:unset;gap:var(--s-6) var(--s-5);margin-top:var(--s-5);grid-template-columns:repeat(auto-fill,minmax(160px,240px));display:grid}.tile.kit{all:unset;min-width:0;display:block}.tile.kit .tile-link{all:unset;box-sizing:border-box;gap:var(--s-2);cursor:pointer;border-radius:var(--r-md);flex-direction:column;display:flex}.tile.kit .tile-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tile.kit .tile-link:hover .portrait.thumb{box-shadow:0 0 0 1px var(--line-strong), var(--e-1)}.tile.kit.faded img{opacity:.55}.tile.kit .tile-cap{padding:0 var(--s-1);flex-direction:column;gap:2px;display:flex}.tile.kit .tile-name{font:var(--t-body);color:var(--text);font-weight:600}.tile.kit .tile-sub{font:var(--t-small);color:var(--text-3)}.tile.kit .tile-line{border-radius:var(--r-sm);background:var(--sunken);width:60%;height:10px;display:block}.tile.new.kit .tile-add{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--s-2);aspect-ratio:9/16;border-radius:var(--r-md);box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--text-3);font:var(--t-small);font-weight:600;display:flex}.tile.new.kit .tile-link:hover .tile-add{background:var(--hover);color:var(--text)}@media (width<=720px){.tiles.kit{gap:var(--s-5) var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr))}}
