.mods-wrap{max-width:1200px;margin:0 auto;padding:24px;}
.mods-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.mods-head h1{margin:0;font-size:28px;line-height:1.1;}
.mods-head p{margin:6px 0 0;opacity:.8;}
.mods-actions{display:flex;gap:10px;align-items:center;}
.mods-search{width:min(360px,70vw);padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(0,0,0,.2);color:inherit;outline:none;}
.mods-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
@media (max-width:1000px){.mods-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.mods-head{flex-direction:column;align-items:stretch;}.mods-grid{grid-template-columns:1fr;}}
.mh-card{border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:rgba(0,0,0,.18);display:flex;flex-direction:column;min-height:100%;}
.mh-cover{aspect-ratio:16/10;background:rgba(0,0,0,.25);}
.mh-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.mh-body{padding:12px 12px 10px;display:flex;flex-direction:column;gap:6px;}
.mh-title{margin:0;font-size:16px;line-height:1.25;}
.mh-author{font-size:13px;opacity:.85;}
.mh-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;}
.mh-pill{font-size:12px;padding:4px 8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;opacity:.9;}
.mh-rating{display:flex;align-items:center;gap:8px;margin-top:2px;}
.mh-stars{letter-spacing:1px;font-size:14px;}
.mh-score{font-size:13px;opacity:.85;}
.mh-foot{margin-top:auto;}
.mh-btn{display:block;text-align:center;padding:12px 10px;background:rgba(117,120,52,.9);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.5px;}
.mh-btn:hover{filter:brightness(1.05);}
.mods-empty{padding:18px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;opacity:.9;}
.modhub-list { display:flex; flex-direction:column; gap:14px; }
.modhub-card { background:linear-gradient(180deg,rgba(20,30,20,.95),rgba(5,8,5,.95)); border-radius:18px; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,.6); }
.modhub-card-inner { display:flex; gap:18px; padding:18px; align-items:stretch; }
.modhub-thumb { flex:0 0 260px; border-radius:14px; overflow:hidden; }
.modhub-thumb img { width:100%; height:160px; object-fit:cover; display:block; }
.modhub-content { flex:1; display:flex; flex-direction:column; justify-content:space-between; min-width:0; }
.modhub-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.modhub-tags .tag { font-size:12px; padding:4px 10px; border-radius:999px; background:rgba(255,255,255,.08); color:#d6e9d6; }
.modhub-title { margin:0 0 6px 0; font-size:20px; }
.modhub-desc { margin:0 0 10px 0; font-size:14px; line-height:1.45; opacity:.85; }
.modhub-author { font-size:13px; opacity:.7; }
.modhub-actions { margin-top:12px; }
.btn-primary { display:inline-block; padding:10px 18px; border-radius:12px; background:#6f7f3a; color:#fff; text-decoration:none; font-weight:800; }
.btn-primary:hover { background:#88994a; }
@media (max-width: 820px) { .modhub-card-inner { flex-direction:column; } .modhub-thumb { flex:0 0 auto; } .modhub-thumb img { height:200px; } }