/* V390 — Community Mods, stable and responsive */
.modsPage{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.modsHero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px;border:3px solid #000;border-radius:20px;background:linear-gradient(135deg,#11233c,#08111f);box-shadow:0 0 0 2px #3f638f inset}.modsHero h1{margin:0;font-size:clamp(36px,5vw,58px);text-shadow:3px 3px #000}.modsHero p{margin:8px 0 0;color:#d7e7ff;font-size:18px}.modsPrimary{background:#ffe000;color:#000;border:3px solid #000;border-radius:13px;padding:12px 17px;font-weight:1000;box-shadow:0 4px 0 #000;cursor:pointer}.modsTutorial{border:3px solid #000;border-radius:18px;overflow:hidden;background:#0f1c2e}.modsTutorial summary{cursor:pointer;padding:17px 21px;background:linear-gradient(90deg,#ff8a00,#ffe000);color:#000;font-size:22px;font-weight:1000}.modsTutorialBody{padding:20px 24px;font-size:17px;line-height:1.55}.modsTutorialBody code{background:#020710;border:1px solid #44658f;border-radius:7px;padding:3px 7px;color:#83d9ff;word-break:break-all}.modsWarning{padding:12px;border:2px solid #ffb000;border-radius:12px;background:#3a2600;color:#fff0b5;font-weight:800}.modsToolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(150px,auto));gap:10px}.modsToolbar input,.modsToolbar select,.modsForm input,.modsForm select,.modsForm textarea{width:100%;box-sizing:border-box;background:#08111f;color:#fff;border:2px solid #38577e;border-radius:12px;padding:12px 14px}.modsResultCount{color:#9fb5d1;font-weight:800}.modsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px}.modCard{display:flex;flex-direction:column;min-height:405px;background:#0d1828;border:3px solid #000;border-radius:18px;overflow:hidden;box-shadow:0 0 0 2px #304c72 inset;transition:transform .18s ease}.modCard:hover{transform:translateY(-3px)}.modCardOpen,.modTitle{appearance:none;background:none;border:0;color:inherit;padding:0;text-align:left;cursor:pointer}.modPreview{height:190px;background:#040912;display:flex;align-items:center;justify-content:center;overflow:hidden}.modPreview img,.modPreview video,.modsDetailPreview img,.modsDetailPreview video{width:100%;height:100%;object-fit:cover}.modPreviewFallback{font-size:64px}.modBody{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.modTags{display:flex;gap:6px;flex-wrap:wrap}.modTag{background:#19c9de;color:#00131a;border:2px solid #000;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:1000;cursor:pointer}.modBody h3{margin:0;font-size:24px;line-height:1.12}.modBody p{margin:0;color:#d5dfef;line-height:1.43;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.modMeta{margin-top:auto;color:#8ea9cb;font-size:13px}.modStats{display:flex;gap:15px;font-weight:900;color:#ffd85b}.modsEmpty,.modsError{padding:28px;text-align:center;border:2px dashed #55739a;border-radius:16px;color:#cfe0f6}.modsError{border-color:#ff6269;color:#ffd5d8}.modsModal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.84);display:flex;align-items:center;justify-content:center;padding:18px}.modsModal[hidden]{display:none}.modsDialog{width:min(780px,100%);max-height:94vh;overflow:auto;background:#101c2d;border:4px solid #000;border-radius:20px;box-shadow:0 0 0 3px #4b79af}.modsDetailDialog{width:min(980px,100%)}.modsDialogHead{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#19375d;border-bottom:3px solid #000}.modsDialogHead h2{margin:0}.modsClose{width:42px;height:42px;border-radius:50%;background:#ff5c62;color:#fff;border:3px solid #000;font-size:22px;font-weight:1000;cursor:pointer}.modsForm{display:grid;gap:15px;padding:20px}.modsFormGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modsForm label{display:grid;gap:7px;font-weight:900}.modsForm textarea{min-height:130px;resize:vertical}.modsFieldHint{font-size:12px;color:#9fb5d1;font-weight:500}.modsSubmit{background:#ffe000;color:#000;border:3px solid #000;border-radius:13px;padding:14px;font-weight:1000;font-size:18px}.modsSubmit:disabled{opacity:.55}.modsProgress{font-weight:800;color:#7fdcff}.modsDetailPreview{height:min(55vh,520px);background:#050a12}.modsDetailBody{padding:22px;display:grid;gap:18px}.modsDetailInfo{display:flex;gap:12px;flex-wrap:wrap;color:#b9cbe2;font-weight:800}.modsDetailDescription{white-space:pre-wrap;line-height:1.6;font-size:17px}.modsDetailActions{display:flex;gap:10px;flex-wrap:wrap}.modDownload,.modDelete,.modsLike{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid #000;border-radius:11px;padding:11px 14px;font-weight:1000;cursor:pointer}.modDownload{background:#ffe000;color:#000}.modDelete{background:#ff5b62;color:#fff}.modsLike{background:#243957;color:#fff}.modsLike.active{background:#ff4d73}.modsComments{border-top:2px solid #36557d;padding-top:15px}.modsComments h3{font-size:24px}.modsComments form{display:grid;gap:10px}.modsComments textarea{min-height:90px;background:#08111f;color:#fff;border:2px solid #38577e;border-radius:12px;padding:12px}.modsCommentsList{display:grid;gap:12px;margin-top:16px}.modComment{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:12px;border:2px solid #2d496e;border-radius:13px;background:#0b1626}.modCommentAvatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#203754;display:grid;place-items:center}.modCommentAvatar img{width:100%;height:100%;object-fit:cover}.modComment small{display:block;color:#839dbd}.modComment p{margin:6px 0 0;white-space:pre-wrap}
@media(max-width:860px){.modsToolbar{grid-template-columns:1fr 1fr}.modsFormGrid{grid-template-columns:1fr}.modsDetailPreview{height:340px}}
@media(max-width:600px){.modsHero{padding:18px}.modsTutorial summary{font-size:18px}.modsTutorialBody{padding:15px;font-size:15px}.modsToolbar{grid-template-columns:1fr}.modsGrid{grid-template-columns:1fr}.modPreview{height:210px}.modsModal{padding:6px}.modsDialog{max-height:98vh;border-radius:14px}.modsDetailPreview{height:260px}.modsDetailBody{padding:15px}.modsDetailActions>*{width:100%}}


/* V397 — tutoriel Mods PC Steam */
.modsTutorialPoster{display:block;width:100%;height:auto;margin:18px 0;border:3px solid #000;border-radius:14px;box-shadow:0 0 0 2px #46688f;object-fit:contain;background:#07101d}
.modsTutorialSteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.modsTutorialSteps article{background:#091525;border:2px solid #34557e;border-radius:14px;padding:16px}
.modsTutorialSteps h3{margin:0 0 10px;color:#ffe000;font-size:20px}
.modsTutorialSteps ol{margin:0;padding-left:22px}
.modsTutorialSteps li{margin:8px 0}
.modsImportant{margin:12px 0 0;padding:10px 12px;border:2px solid #ffb000;border-radius:10px;background:#382500;color:#fff3bf;font-weight:900}
.modsCopyCommand{display:inline-flex;align-items:center;gap:10px;margin-left:6px;padding:8px 10px;border:2px solid #ffe000;border-radius:9px;background:#020710;color:#fff;cursor:pointer;font-weight:900}
.modsCopyCommand code{border:0;padding:0;background:transparent;color:#83d9ff}
.modsCopyCommand span{color:#ffe000}
@media(max-width:760px){.modsTutorialSteps{grid-template-columns:1fr}.modsTutorialPoster{border-radius:10px}.modsCopyCommand{display:flex;margin:8px 0 0;width:100%;justify-content:space-between}}

/* V415 — progression des gros fichiers et vidéos jusqu’à 50 MB. */
.modsUploadProgress{width:100%;height:18px;accent-color:#19c9de}.modsUploadProgress[hidden]{display:none}

/* V416 — galerie d'images + vidéo facultative */
.modsDetailMedia{display:grid;gap:12px;background:#050a12;padding:12px}
.modsGallery{display:grid;gap:8px;min-height:260px}
.modsGallery1{grid-template-columns:1fr}
.modsGallery2{grid-template-columns:repeat(2,1fr)}
.modsGallery3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(150px,1fr))}
.modsGallery3 .modsGalleryItem:first-child{grid-row:1 / span 2}
.modsGallery4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,minmax(150px,1fr))}
.modsGalleryItem{border:0;padding:0;min-height:180px;background:#02060c;overflow:hidden;cursor:zoom-in}
.modsGalleryItem img{width:100%;height:100%;object-fit:cover;display:block}
.modsDetailVideo{background:#000;max-height:520px;display:grid;place-items:center}
.modsDetailVideo video{width:100%;max-height:520px;display:block;background:#000}
.modsDescriptionEmpty{opacity:.65;font-style:italic}
.modsImageLightbox{position:fixed;inset:0;z-index:12050;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:24px}
.modsImageLightbox[hidden]{display:none}
.modsImageLightbox img{max-width:96vw;max-height:92vh;object-fit:contain}
.modsLightboxClose{position:fixed;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:3px solid #000;background:#ff5c62;color:#fff;font-size:28px;font-weight:1000;cursor:pointer}
@media(max-width:600px){.modsDetailMedia{padding:6px}.modsGallery{min-height:220px}.modsGallery2,.modsGallery3,.modsGallery4{gap:4px}.modsGallery3{grid-template-rows:repeat(2,minmax(110px,1fr))}.modsGallery4{grid-template-rows:repeat(2,minmax(110px,1fr))}.modsGalleryItem{min-height:110px}}

/* V433 — pièces jointes dans les commentaires */
.modCommentTools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.modCommentFile{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:2px solid #47688f;border-radius:10px;background:#172944;font-weight:900;cursor:pointer}.modCommentFile input{display:none}.modCommentFileName{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9cbe2;font-size:12px}.modCommentProgress{width:130px}.modCommentMedia{display:block;max-width:min(100%,620px);max-height:460px;margin-top:10px;border:2px solid #36577e;border-radius:12px;background:#020710;object-fit:contain}@media(max-width:700px){.modCommentTools{align-items:stretch}.modCommentTools .modsPrimary,.modCommentFile{justify-content:center}.modCommentMedia{width:100%}}