.main--mods{padding-top:clamp(24px,4vw,44px)}.mods-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 32px;margin-bottom:22px}.mods-head__title{font:900 clamp(3.5rem,9vw,6rem)/.84 var(--f-stencil);text-transform:uppercase}.mods-head__meta{display:flex;flex-wrap:wrap;gap:6px 26px;font:700 .8125rem/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums}.install{display:grid;grid-template-columns:1fr;gap:0;border:2px solid var(--ink);margin-bottom:clamp(32px,5vw,56px)}@media(min-width:900px){.install{grid-template-columns:auto 1fr}}.install__cta{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;padding:20px 26px;background:var(--ink);color:var(--ground);text-decoration:none}.install__cta b{display:block;font:900 1.875rem/.95 var(--f-stencil);text-transform:uppercase;letter-spacing:.03em}.install__cta small{display:block;margin-top:5px;font:700 .75rem/1 var(--f-label);letter-spacing:.16em;text-transform:uppercase}.install__cta svg{transition:translate .3s var(--ease-out)}.install__cta:hover svg{translate:0 3px}.install__cta:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(22,22,22,.14) 10px 20px);opacity:0;transition:opacity .3s var(--ease-out)}.install__cta:hover:after{opacity:1}.install__steps{list-style:none;counter-reset:step;display:grid;gap:10px 28px;padding:18px 22px;font-size:1rem;line-height:1.38}@media(min-width:900px){.install__steps{grid-template-columns:repeat(3,1fr);align-items:center}}.install__steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;align-items:baseline}.install__steps li:before{content:counter(step);font:900 1.75rem/1 var(--f-stencil)}.mods-body{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:1100px){.mods-body{grid-template-columns:320px minmax(0,1fr);gap:56px;align-items:start}}.log{border-top:var(--rule-heavy);padding-top:14px}@media(min-width:1100px){.log{position:sticky;top:20px}}.log__title,.manifest__title{font:900 2rem/1 var(--f-stencil);text-transform:uppercase;letter-spacing:.02em}.log__since{margin:8px 0 18px;font:700 .75rem/1.3 var(--f-label);letter-spacing:.14em;text-transform:uppercase}.log__empty,.log__warn{font-size:.9375rem}.log__warn{margin-top:16px;border:var(--rule);padding:10px 12px}.log__group+.log__group{margin-top:22px}.log__group h3{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:var(--rule);margin-bottom:8px;font:700 .875rem/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase}.log__group ul{list-style:none;display:grid;gap:4px}.log__group li{display:flex;justify-content:space-between;gap:12px;font-size:.9375rem;line-height:1.35}.log__group li time{font:700 .75rem/1.6 var(--f-label);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums}.log__group a{text-decoration:none}.log__group a:hover{text-decoration:underline}.log__group .is-removed{text-decoration:line-through;text-decoration-thickness:1.5px}.log__hint{margin-top:8px;font-size:.875rem;font-style:italic}.tag{display:inline-block;border:1.5px solid currentColor;padding:3px 6px 2px;font:700 .75rem/1.1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.manifest{border-top:var(--rule-heavy);padding-top:14px;min-width:0}.manifest__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:12px}.filter{display:flex;align-items:center;gap:8px;min-width:min(100%,280px);border-bottom:2px solid var(--ink);padding:6px 2px}.filter input{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font:700 1rem/1.2 var(--f-label);letter-spacing:.06em}.filter input::placeholder{color:var(--ink);opacity:1;text-transform:uppercase;letter-spacing:.12em;font-size:.8125rem}.filter input:focus{outline:none}.filter:focus-within{outline:2px solid var(--ink);outline-offset:4px}.filter input::-webkit-search-cancel-button{filter:sepia(1) saturate(.6)}.manifest__empty{padding:20px 0;font-style:italic}.rows{list-style:none}.row{display:grid;grid-template-columns:96px minmax(0,1fr) 78px 104px auto;grid-template-areas:"thumb main size date actions";align-items:center;gap:4px 18px;padding:10px 0;border-bottom:var(--rule-dot);scroll-margin-top:20px}.row:target{outline:2px solid var(--ink);outline-offset:4px}.row__thumb{grid-area:thumb;display:block;width:96px;aspect-ratio:16 / 9;background:var(--ink);overflow:hidden}.row__thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:multiply;transition:filter .3s var(--ease-out)}.row:hover .row__thumb img{filter:grayscale(1) contrast(1.35) brightness(1.08)}.row__nothumb{display:block;width:100%;height:100%;background:repeating-linear-gradient(-45deg,var(--ground) 0 6px,transparent 6px 12px)}.row__main{grid-area:main;min-width:0}.row__meta{display:contents}.row__link{text-decoration:none}.row__link:hover{text-decoration:underline}.row__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 1.0625rem/1.2 var(--f-label);letter-spacing:.02em}.row__title{display:block;margin-top:2px;font-size:.875rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__size,.row__date{font:700 .8125rem/1.2 var(--f-label);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap}.row__size{grid-area:size;text-align:right}.row__date{grid-area:date}.row__actions{grid-area:actions;display:flex;gap:6px}.btn{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:2px solid var(--ink);font:700 .75rem/1 var(--f-label);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}.btn:hover{background:var(--ink);color:var(--ground)}.btn--quiet{border-color:transparent;text-decoration:underline;text-underline-offset:.25em}.btn--quiet:hover{border-color:var(--ink)}@media(max-width:760px){.row{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"thumb main main" "thumb meta actions";gap:4px 14px}.row__thumb{width:72px;align-self:start}.row__link{text-decoration:underline;text-decoration-style:dotted}.row__meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:2px 12px;align-self:center}.row__size{text-align:left}.row__actions{align-self:center}.row__actions .btn{min-height:44px;min-width:72px;justify-content:center;padding:0 12px}.btn__long{display:none}.row__meta{flex-wrap:nowrap;white-space:nowrap}.row__actions .btn--quiet{display:none}}
