.mod-intro{flex-direction:column;gap:10px;max-inline-size:72ch;display:flex}.mod-intro p{font-size:var(--size-body);color:var(--text);margin:0;line-height:1.6}@media (min-width:501px){.mod-filters{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 22px;display:grid}}.mod-filters .archive-selector{min-inline-size:0}.mod-filters .journal-select-trigger{inline-size:100%;min-inline-size:0;max-inline-size:none}.mod-filters .journal-select-trigger>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:clip}.mod-matches{font-size:var(--size-label);color:var(--text-dim);font-variant-numeric:tabular-nums;margin-block:0 12px}.mod-empty{margin-block:22px}.mod-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.mod-list[aria-busy=true]{opacity:.6}.mod-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;display:grid}.mod-thumb{background:url(/assets/ui/inv_item_background.webp) 50%/100% 100% no-repeat;place-items:center;block-size:96px;inline-size:96px;padding:8px;display:grid}.mod-thumb img{object-fit:contain;block-size:80px;inline-size:80px}.mod-body{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.mod-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.2}.mod-author,.mod-requires{font-size:var(--size-label);margin:0}.mod-requires>span:first-child{font-weight:600}.mod-summary{overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:clip}.mod-row :is(.entity-mention,.mod-requires a){color:oklch(39.4% .0858 49.83);font-weight:600}.mod-facts{font-size:var(--size-label);flex-wrap:wrap;gap:6px 22px;margin:0;display:flex}.mod-facts div{align-items:baseline;gap:6px;display:flex}.mod-facts dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.mod-facts code{font-size:var(--size-small);white-space:nowrap}.mod-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mod-chip{min-block-size:28px;font-size:var(--size-small);background:oklch(77.97% .0888 84.28/.333);border:1px solid oklch(53.43% .0669 76.99);align-items:center;padding-block:2px;padding-inline:10px;display:inline-flex}.mod-row .mod-chip{color:oklch(35.46% .0441 72.42)}.mod-row .mod-chip.side{background:oklch(63.74% .1065 78.88/.3)}.mod-row .mod-chip.platform{color:oklch(96% .02 85);background:oklch(35.05% .0364 74.63);border-color:oklch(26.5% .0206 76.48)}.mod-row .mod-chip.edition{border-color:color-mix(in oklch, var(--edition,var(--ed-dst)) 70%, black);background:color-mix(in oklch, var(--edition,var(--ed-dst)) 22%, transparent)}.mod-chip.ed-ds{--edition:var(--ed-ds)}.mod-chip.ed-rog{--edition:var(--ed-rog)}.mod-chip.ed-sw{--edition:var(--ed-sw)}.mod-chip.ed-ham{--edition:var(--ed-ham)}.mod-chip:focus-visible,.mod-name a:focus-visible{outline-offset:2px;outline:2px solid oklch(39.4% .0858 49.83)}.mod-chip:active{background:oklch(63.74% .1065 78.88/.5)}@media (hover:hover) and (pointer:fine){.mod-chip:hover{background:oklch(63.74% .1065 78.88/.45)}.mod-row .mod-chip.platform:hover{background:oklch(26.5% .0206 76.48)}.mod-name a:hover,.mod-row :is(.entity-mention,.mod-requires a):hover{color:oklch(48% .12 45)}}@container not (min-width:520px){.mod-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.mod-thumb{block-size:64px;inline-size:64px;padding:6px}.mod-thumb img{block-size:52px;inline-size:52px}.mod-name{font-size:20px}}.mod-directory{container-type:inline-size}