.mods-preview{background:var(--color-handoff-subtle);color:var(--color-text-primary)}.mods-preview .wrap{min-height:3rem;font-size:var(--step-small);align-items:center;gap:.6rem;padding-block:.6rem;display:flex}.mods-preview p{max-width:none}.mods-head{padding-block:clamp(2rem,5vw,4.5rem) clamp(2.5rem,5vw,4rem)}.mods-head .lead{max-width:46ch;color:var(--color-text-secondary);margin-top:1.25rem}.mods-empty{padding-block:clamp(4rem,8vw,7rem)}.mods-empty-inner{gap:2.5rem var(--gutter);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;display:grid}.mods-empty .head{max-width:14ch}.mods-empty .lead{max-width:42ch;margin-top:1.25rem}.mods-empty-act{justify-items:start;gap:.75rem;display:grid}.mods-empty-act .small{max-width:30ch}.mods-build-link{min-height:var(--row);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}@media (hover:hover) and (pointer:fine){.mods-build-link:hover{text-decoration-color:currentColor}}@media (width<=52em){.mods-empty-inner{grid-template-columns:1fr}}@media (width<=30em){.mods-empty-act{justify-items:stretch}.mods-build-link{justify-self:start}}.mods-directory{padding-bottom:var(--section);gap:clamp(3rem,6vw,4.5rem);display:grid}.mods-tools{gap:1rem;display:grid}.mods-search{border-radius:var(--radius);background:var(--color-bg-surface);max-width:40rem;min-height:3.5rem;box-shadow:inset 0 0 0 1px var(--color-control-off);color:var(--color-text-secondary);align-items:center;gap:.6rem;padding:0 1rem;display:flex}.mods-search:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.mods-search input{min-width:0;height:3.5rem;color:var(--color-text-primary);font-size:var(--step-body);background:0 0;border:0;flex:1}.mods-search input:focus{outline:none}.mods-search input::placeholder{color:var(--color-text-tertiary)}.mods-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.mods-pills{flex-wrap:wrap;gap:.4rem;display:flex}.mods-pill{min-height:var(--row);border-radius:var(--radius-pill);background:var(--color-bg-sunken);color:var(--color-text-primary);font-size:var(--step-small);transition:background-color var(--t-hover) ease, color var(--t-hover) ease, transform var(--t-press) var(--ease-out);align-items:center;gap:.4rem;padding:0 1rem;font-weight:600;display:inline-flex}.mods-pill .nums{color:var(--color-text-secondary);font-weight:500}.mods-pill[aria-pressed=true]{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.mods-pill[aria-pressed=true] .nums{color:var(--color-text-inverse-secondary)}.mods-pill:disabled{cursor:not-allowed;color:var(--color-text-tertiary);background:var(--color-bg-muted)}.mods-pill:active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.mods-pill:not(:disabled):not([aria-pressed=true]):hover{background:var(--color-bg-component-hover)}}.mods-sort{font-size:var(--step-small);align-items:center;gap:.6rem;font-weight:600;display:inline-flex}.mods-sort select{min-height:var(--row);border-radius:var(--radius);background:var(--color-bg-surface);box-shadow:inset 0 0 0 1px var(--color-control-off);font-size:var(--step-small);border:0;padding:0 2rem 0 .9rem}.mods-status{font-size:var(--step-small);color:var(--color-text-secondary)}.mods-section-title{font-size:var(--step-title);letter-spacing:-.01em;line-height:1.2}.mods-section-title .nums{font-family:var(--font-text);font-size:var(--step-small);color:var(--color-text-tertiary);letter-spacing:0;margin-left:.4rem;font-weight:600}.mods-cat-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:1.25rem;display:flex}.mods-featured .mods-section-title{margin-bottom:1.25rem}.mods-only{min-height:var(--row);font-size:var(--step-small);text-decoration:underline;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:.25em;font-weight:600}@media (hover:hover) and (pointer:fine){.mods-only:hover{text-decoration-color:currentColor}}.mods-only[hidden]{display:none}.mods-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.75rem;display:grid}.mods-grid--featured{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr))}.mods-grid>li{display:flex}.mods-grid>li[hidden],.mods-cat[hidden],.mods-featured[hidden]{display:none}.mod-card{border-radius:var(--radius);background:var(--color-bg-surface);flex-direction:column;gap:.6rem;width:100%;padding:1.25rem 1.25rem 1rem;display:flex}.mods-grid--featured .mod-card{background:var(--color-bg-sunken);padding:1.5rem}.mod-title{font-family:var(--font-text);letter-spacing:0;font-size:1.0625rem;font-weight:650;line-height:1.3}.mod-desc{font-size:var(--step-small);color:var(--color-text-secondary);line-height:1.5}.mod-badges{flex-wrap:wrap;gap:.35rem;display:flex}.mod-badges li{border-radius:var(--radius-pill);background:var(--color-bg-muted);color:var(--color-text-secondary);align-items:center;gap:.3rem;padding:.1rem .55rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mods-grid--featured .mod-badges li{background:var(--color-bg-surface)}.mod-badges .mod-trust[data-trust=official]{color:var(--color-text-inverse);background:var(--color-bg-inverse)}.mod-badges .mod-trust[data-trust=verified]{color:var(--color-text-primary);background:var(--color-bg-component)}.mod-by{color:var(--color-text-tertiary);font-size:.8125rem}.mod-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:auto;padding-top:.5rem;display:flex}.mod-open{min-height:2.5rem;color:var(--color-text-primary);padding:0 1rem;font-size:.875rem}.mod-copy{min-height:2.5rem;color:var(--color-text-primary);align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.mod-copy[data-copied]{color:var(--color-text-secondary)}@media (hover:hover) and (pointer:fine){.mod-copy:hover span{text-underline-offset:.25em;text-decoration:underline}}.mod-links{gap:1.25rem;font-size:.8125rem;display:flex}.mod-links a{min-height:2rem;color:var(--color-text-secondary);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);align-items:center;gap:.25rem;display:inline-flex}@media (hover:hover) and (pointer:fine){.mod-links a:hover{color:var(--color-text-primary)}}.mods-none{font-size:var(--step-body)}.mods-none button{text-underline-offset:.25em;min-height:var(--row);margin-left:.5rem;font-weight:600;text-decoration:underline}.mods-build{padding-block:var(--section);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:2.5rem clamp(2rem,5vw,6rem);display:grid}.mods-build .head{max-width:12ch}.mods-build-copy .lead{max-width:38ch;margin-top:1.25rem}.mods-rules{gap:.7rem;max-width:56ch;margin-top:1.75rem;display:grid}.mods-rules li{color:var(--color-text-secondary);align-items:flex-start;gap:.7rem;line-height:1.5;display:flex}.mods-rules .pp-icon{color:var(--color-text-primary);margin-top:.25em}.mods-rules code{background:var(--color-bg-component);color:var(--color-text-primary);font-family:var(--font-code);border-radius:3px;padding:.05em .35em;font-size:.88em}.mods-code{border-radius:var(--radius-ui);background:var(--color-bg-inverse);color:var(--color-text-inverse);box-shadow:var(--shadow-window);--color-focus:var(--color-focus-inverse);overflow:hidden}.mods-code-bar{min-height:3rem;color:var(--color-text-inverse-secondary);font-size:var(--step-ui);justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .6rem .4rem 1.1rem;display:flex}.mods-code code{font-family:inherit}.mods-code pre{font-family:var(--font-code);margin:0;padding:.25rem 1.1rem 1.25rem;font-size:clamp(.75rem,.7rem + .2vw,.875rem);line-height:1.6;overflow-x:auto}@media (width<=56em){.mods-build{grid-template-columns:minmax(0,1fr)}}.mods-ext{padding-block:clamp(3rem,6vw,5rem)}.mods-ext-inner{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:1rem clamp(2rem,5vw,6rem);display:grid}.mods-ext-title{font-size:var(--step-title);letter-spacing:-.01em;max-width:20ch;line-height:1.2}.mods-ext p{color:var(--color-text-secondary)}.mods-ext a{color:var(--color-text-primary);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);font-weight:600}@media (width<=56em){.mods-ext-inner{grid-template-columns:1fr}}