.modpack-layout{align-items:start;display:grid;gap:20px;grid-template-columns:150px 1fr;margin-top:24px}.version-sidebar{padding-top:200px}.version-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid rgba(45,69,47,.08);border-radius:16px;box-shadow:0 4px 20px #00000008;padding:16px}.version-search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#1f2937;font-size:.85rem;height:38px;margin-bottom:12px;outline:none;padding:0 12px;transition:border-color .2s,box-shadow .2s;width:100%}.version-search-input::-moz-placeholder{color:#9ca3af}.version-search-input::placeholder{color:#9ca3af}.version-search-input:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d3214}.version-card-title{border-bottom:1px solid #f0f0f0;color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 14px;padding-bottom:12px}.version-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.version-item{align-items:center;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:8px 12px;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.version-item:hover{background:#f9fafb;color:#1f2937}.version-item.is-active{background:#dcfce7;color:#166534;font-weight:600}.version-check{align-items:center;border:2px solid #d1d5db;border-radius:6px;display:flex;flex-shrink:0;font-size:11px;height:18px;justify-content:center;transition:all .15s ease;width:18px}.version-item.is-active .version-check{background:#166534;border-color:#166534;color:#fff}.version-item:hover .version-check{border-color:#166534}.version-empty{color:#9ca3af;font-size:.85rem;padding:12px 0;text-align:center}.version-clear{background:transparent;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.82rem;margin-top:14px;padding:8px;transition:all .15s ease;width:100%}.version-clear:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.modpack-main{min-width:0}.modpack-main .mod-filter-panel{margin-bottom:20px;margin-top:24px}.modpack-main .mod-list-grid{margin-top:0}.pagination{gap:6px;margin-top:32px;padding:16px 0}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;font-size:.88rem;height:36px;min-width:36px;padding:0 10px;transition:all .15s ease}.page-btn:hover:not(:disabled){background:#f0fdf4;border-color:#2e7d32;color:#2e7d32}.page-btn.is-active{background:#2e7d32;border-color:#2e7d32;color:#fff;font-weight:600}.page-btn:disabled{cursor:not-allowed;opacity:.35}.page-ellipsis{color:#9ca3af;font-size:.88rem;text-align:center;width:36px}.page-info{color:#9ca3af;font-size:.82rem;margin-left:12px}@media(max-width:1024px){.modpack-layout{grid-template-columns:1fr}.version-sidebar{position:static}.version-list{flex-direction:row;flex-wrap:wrap}.version-item{border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px}}.directory-card-thumb{background-position:50%;background-size:cover;display:grid;isolation:isolate;overflow:hidden;place-items:center;position:relative;transition:transform .35s ease}.directory-card-thumb-link:hover .directory-card-thumb{transform:scale(1.06)}.directory-card-thumb:before{background:#ffffff42;border-radius:999px;content:"";height:82px;position:absolute;right:-24px;top:-24px;width:82px}.directory-card-thumb span{color:#fffffff0;font-size:24px;font-weight:900;letter-spacing:-.08em;position:relative;z-index:1}.directory-card-thumb{border-radius:22px;min-height:178px}.directory-card-thumb span{font-size:42px}.modpack-directory-page .card-header-row{align-items:flex-start}.meta-cluster{color:var(--text-soft);display:flex;flex-wrap:wrap;gap:12px}.detail-hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr)}.detail-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px}.detail-content{display:grid;gap:24px;min-width:0}.detail-showcase{background:#ffffffd6;border-color:#2d452f1a;box-shadow:0 24px 70px #2d452f14;display:grid;gap:0;overflow:hidden;padding:0}.detail-cover{background:linear-gradient(135deg,#1a5f30eb,#5e9854e6),radial-gradient(circle at 28% 18%,hsla(0,0%,100%,.34),transparent 28%);display:grid;isolation:isolate;min-height:330px;overflow:hidden;place-items:center;position:relative}.detail-cover:after,.detail-cover:before{background:#ffffff3d;border-radius:999px;content:"";position:absolute}.detail-cover:before{height:260px;right:-64px;top:-74px;width:260px}.detail-cover:after{bottom:-42px;height:150px;left:-34px;width:150px}.detail-cover img{height:100%;min-height:330px;-o-object-fit:cover;object-fit:cover;width:100%}.detail-cover span{color:#fffffff0;font-size:clamp(56px,10vw,108px);font-weight:900;letter-spacing:-.1em;position:relative;z-index:1}.detail-title-card{display:grid;gap:20px;padding:28px}.detail-title-row{align-items:start;display:grid;gap:18px;grid-template-columns:82px minmax(0,1fr)}.detail-title-row h1{font-size:clamp(34px,5vw,58px)}.detail-title-row .description{margin-top:12px}.detail-icon{background:linear-gradient(135deg,#1f6c35,#78a85d);border-radius:22px;box-shadow:0 16px 34px #1f6c3529;display:grid;height:82px;overflow:hidden;place-items:center;width:82px}.detail-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.detail-icon span{color:#fff;font-size:34px;font-weight:900}.detail-main{display:grid;gap:20px}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-side{display:grid;gap:16px}.detail-download-column{display:grid;gap:16px;position:sticky;top:96px}.detail-download-card{background:linear-gradient(145deg,#fff,#eef7eb),radial-gradient(circle at 100% 0,rgba(242,212,154,.45),transparent 34%);border-color:#1f6c3529;box-shadow:0 24px 60px #2d452f14;display:grid;gap:16px;padding:22px}.detail-download-head{display:grid;gap:8px}.detail-download-head strong{color:var(--text);font-size:30px;line-height:1.05}.detail-download-head p{color:var(--text-soft);line-height:1.6;margin:0}.detail-download-button{font-size:14px;min-height:50px}.detail-download-meta{display:grid;gap:10px;padding-top:4px}.detail-download-meta div{background:#ffffffb8;border:1px solid var(--border);border-radius:14px;display:grid;gap:4px;padding:12px}.detail-checksum span,.detail-download-meta span{color:var(--text-muted);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-download-meta strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.detail-checksum{background:#e9f2ea8c;border:1px dashed rgba(31,108,53,.22);border-radius:14px;display:grid;gap:8px;padding:12px}.detail-checksum code{color:var(--text-soft);font-family:var(--font-display);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.detail-description,.detail-versions{margin-top:24px}.detail-content .detail-description,.detail-content .detail-versions{margin-top:0}.detail-info-panel,.detail-versions{padding:28px}.version-card-rich{display:grid;gap:16px}.detail-version-card{background:#f8faf7e6}.detail-version-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-file-row{color:var(--text-soft);display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.detail-file-row span{min-width:0;overflow-wrap:anywhere}.version-copy{margin:8px 0 0}.auth-layout,.create-layout,.profile-form-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 440px}.create-layout>*,.profile-form-layout>*{min-width:0}.workspace-grid{align-items:start;grid-template-columns:1.8fr 1fr}.publish-brief{background:#234d30;color:#fff;min-height:100%}.section-header-left,.section-header-right{align-items:center;display:flex;gap:1.5rem}.section-header-right{flex-wrap:wrap}.filter-tags-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.filter-label{color:#1f2937!important;font-size:1.15rem!important;font-weight:700!important;margin-right:6px!important;white-space:nowrap}.filter-tag-inline{background:#fff;border:2px solid #b0b0b0;border-radius:9999px;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;padding:.3rem 1rem;transition:all .2s ease}.filter-tag-inline:hover{background:#0596690d;border-color:#059669;color:#059669}.filter-tag-inline.active{background:#059669;border-color:#059669;color:#fff;font-weight:600}.filter-tag-inline.reset-tag{border-color:#ef4444;color:#ef4444}.filter-tag-inline.reset-tag:hover{background:#fee2e2}.home-new .new-section .section-header{margin-bottom:2rem;padding-bottom:1.5rem}@media(max-width:1024px){.section-header-right{border-top:1px solid #f3f4f6;justify-content:flex-start;padding-top:.5rem;width:100%}}@media(max-width:768px){.home-new .section-header{align-items:flex-start;flex-direction:column}.section-header-left,.section-header-right{flex-wrap:wrap;width:100%}.filter-tags-inline{justify-content:flex-start;width:100%}}.home-new .hot-section .section-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin-bottom:0}.mod-list-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-top:1.5rem}.hot-section{margin-bottom:3rem;width:100%}.mod-author-text{color:#6b7280;font-size:.85rem}.mod-summary-text{margin:.5rem 0}.tag-pill{background:#f0fdf4;border-radius:999px;color:#166534;font-size:.75rem;padding:.25rem .75rem}.search-input,.select-input{min-height:50px}.pack-download{font-weight:600}.pack-name{font-size:1.2rem;font-weight:700}.mod-hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid rgba(45,69,47,.1);border-radius:20px;box-shadow:0 24px 70px #2d452f14;padding:30px}.mod-hero-grid{align-items:center;display:grid;gap:30px;grid-template-columns:1fr .7fr}.mod-hero-text{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.mod-hero-eyebrow{color:#374151;font-size:1.2rem;font-weight:700;letter-spacing:.05em;margin:0}.mod-hero-title{color:#111827;font-size:3.2rem;font-weight:800;line-height:1.1;margin:0}.mod-hero-description{color:#4b5563;font-size:1.1rem;line-height:1.6;margin:0;max-width:36rem}.mod-hero-actions{margin-top:8px}.mod-hero-image{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#2e7d32f2,#1b5e20f2);border-radius:16px;box-shadow:0 8px 24px #2e7d3240;display:flex;justify-content:center;overflow:hidden;width:100%}.mod-hero-image span{color:#ffffffe6;font-size:6rem;font-weight:900}.mod-filter-panel{position:relative;z-index:200}.mod-filter-head{margin-bottom:16px}.mod-filter-form{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(200px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) auto}.mod-filter-actions .button{line-height:1;padding:0 16px}.mod-list-grid{display:grid;gap:16px;margin-top:24px;padding-top:4px}.mod-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:grid;gap:18px;grid-template-columns:160px 1fr;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.mod-card:hover{border-color:#2e7d3233;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.mod-card-left{align-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:12px;display:flex;justify-content:center;text-decoration:none;transition:transform .2s ease;width:100%}.mod-card-left:hover{transform:scale(1.02)}.mod-card-left span{color:#fff;font-size:2.8rem;font-weight:900}.mod-card-right{gap:8px;justify-content:center}.mod-card-right,.mod-card-top{display:flex;flex-direction:column}.mod-card-top{gap:2px}.mod-card-summary{color:#4b5563;font-size:.95rem;line-height:1.6;margin:4px 0}.mod-card-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:4px}@media(max-width:1024px){.mod-hero-grid{grid-template-columns:1fr}.mod-hero-image{aspect-ratio:16/6}}@media(max-width:768px){.mod-filter-form{grid-template-columns:1fr 1fr}.mod-filter-actions{grid-column:1/-1;justify-content:flex-start}.mod-card{grid-template-columns:1fr}.mod-card-left{aspect-ratio:16/9;min-height:160px}.mod-hero-title{font-size:2.2rem}}.mod-filter-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid rgba(45,69,47,.08);border-radius:20px;box-shadow:0 4px 20px #00000008;margin-bottom:30px;margin-top:24px;padding:24px}.mod-filter-head{margin-bottom:18px}.mod-filter-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0}.mod-filter-title:before{content:"🔍";font-size:1.5rem}.mod-filter-inputs{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(180px,2.4fr) minmax(110px,1fr) minmax(110px,1fr) minmax(80px,.5fr)}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:24px;box-sizing:border-box;color:#1f2937;font-size:1rem;height:48px;padding:0 16px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#2e7d32;box-shadow:0 0 0 4px #2e7d321a;outline:none}.mod-filter-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;width:100%}.mod-filter-actions .button{flex:none;font-size:14px;height:48px;padding:0 20px;white-space:nowrap}.button-ghost{background:transparent;border:2px solid #d1d5db;color:var(--c-text-main);transition:all .2s ease}.button-ghost:hover{background:#2e7d320d;border-color:#2e7d32}.custom-select-wrapper{position:relative;width:100%;z-index:1000}.custom-select-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:24px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;height:48px;justify-content:space-between;padding:0 16px;transition:border-color .2s,box-shadow .2s}.custom-select-trigger:hover{border-color:#9ca3af}.custom-select-arrow{color:#6b7280;font-size:.7rem;margin-left:8px}.custom-select-options{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000014;box-sizing:border-box;left:0;max-height:200px;overflow-y:auto;padding:4px;position:absolute;top:calc(100% + 6px);width:100%;z-index:50}.custom-select-option{border-radius:8px;color:#1f2937;cursor:pointer;font-size:.95rem;padding:8px 14px;transition:all .15s ease}.custom-select-option:hover{background:#f3f4f6}.custom-select-option.is-active{background:#d1fae5;color:#047857;font-weight:600}.mod-filter-tags{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.mod-filter-tags-label{color:#4b5563;font-size:.9rem;font-weight:600;margin-right:4px}.mod-filter-tag{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;padding:4px 14px;transition:all .2s ease}.mod-filter-tag:hover{background:#f0fdf4;border-color:#2e7d32;color:#2e7d32}.mod-filter-tag.is-active{background:#dcfce7;border-color:#86efac;color:#166534;font-weight:600}@media(max-width:1024px){.mod-hero-grid{grid-template-columns:1fr}.mod-hero-image{aspect-ratio:16/6}.mod-filter-inputs{grid-template-columns:1fr 1fr 1fr}.mod-filter-actions{grid-column:1/-1}}@media(max-width:768px){.mod-filter-inputs{grid-template-columns:1fr}.mod-filter-actions{flex-wrap:wrap;grid-column:1/-1}.mod-card{grid-template-columns:1fr}.mod-card-left{aspect-ratio:16/9;min-height:160px}.mod-hero-title{font-size:2.2rem}.mod-filter-tags{gap:8px}}.modpack-detail-container{box-sizing:border-box;margin:0 auto;max-width:1320px;padding:2rem 1.5rem;width:100%}.modpack-detail-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 320px;width:100%}.modpack-detail-content{display:grid;gap:1.5rem;min-width:0;overflow:hidden;width:100%}.modpack-detail-sidebar{align-content:start}.modpack-detail-content *,.modpack-detail-sidebar *{box-sizing:border-box;max-width:100%}.modpack-tabs-content{min-height:200px}.modpack-detail-hero-card{display:flex!important;gap:1rem 1.5rem;width:100%}.modpack-cover-image img{height:100%;min-height:280px;-o-object-fit:cover;object-fit:cover;width:100%}.modpack-cover-image span{color:#fffffff0;font-size:clamp(56px,10vw,108px);font-weight:900;letter-spacing:-.1em}.modpack-detail-hero-card{align-items:flex-start;background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 1.8rem}.modpack-hero-icon{background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:20px;box-shadow:0 8px 20px #2e7d3233;color:#fff;display:grid;flex-shrink:0;font-size:2.8rem;font-weight:900;height:108px;overflow:hidden;place-items:center;width:108px}.modpack-hero-icon img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modpack-hero-info{flex:1;min-width:200px}.modpack-hero-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.modpack-hero-title{color:#1a1a1a;font-size:2rem;font-weight:800;margin:0}.modpack-status-pill{background:#e8f5e9;border-radius:9999px;color:#2e7d32;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:.2rem .8rem}.modpack-hero-summary{color:#666;font-size:1rem;line-height:1.6;margin:0 0 .75rem}.modpack-hero-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.modpack-tag{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#374151;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.2rem 1rem;text-transform:uppercase}.modpack-tag-strong{background:#e8f5e9;border-color:transparent;color:#2e7d32}.modpack-hero-stats{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem}.modpack-stat-item{align-items:center;display:flex;gap:.25rem}.modpack-hero-action{align-self:center;flex-shrink:0}.modpack-download-btn{align-items:center;background:#2e7d32;border-radius:9999px;box-shadow:0 4px 12px #2e7d3266;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.6rem 1.8rem;text-decoration:none;transition:all .2s ease}.modpack-download-btn:hover{background:#4caf50;box-shadow:0 8px 20px #4caf5080;transform:translateY(-2px)}.modpack-tabs-container{background:#fff;border:1px solid #e8ecf0;border-radius:20px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.modpack-tabs-nav{border-bottom:1px solid #e8ecf0;display:flex;overflow-x:auto;padding:0 1.5rem}.modpack-tab-btn{background:transparent;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 1.2rem;transition:all .2s ease;white-space:nowrap}.modpack-tab-btn:hover{color:#1a1a1a}.modpack-tab-btn.active{border-bottom-color:#2e7d32;color:#2e7d32}.modpack-tabs-content{padding:1.5rem}.modpack-tab-panel{animation:fadeIn .25s ease}.modpack-description-text{color:#374151;font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.modpack-feature-list{background:#f8faf7;border:1px solid #e8ecf0;border-radius:12px;display:grid;gap:.6rem;padding:1.2rem 1.5rem}.modpack-feature-item{color:#374151;font-size:.95rem}.modpack-feature-item strong{color:#1a1a1a}.modpack-image-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}.modpack-image-item{aspect-ratio:16/9;background:#f1f4f9;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.modpack-image-item:hover{box-shadow:0 8px 30px #0000002e;transform:scale(1.04);z-index:2}.modpack-image-item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modpack-image-more{align-items:center;background:#f1f4f9;border:2px dashed #d1d5db;border-radius:16px;color:#6b7280;cursor:default;display:flex;font-size:1.3rem;font-weight:700;justify-content:center}.modpack-image-more:hover{box-shadow:none!important;transform:none!important}.modpack-image-empty-item{background:transparent;border:1px dashed #e5e7eb;border-radius:16px;cursor:default;opacity:.3}.modpack-image-empty-item:hover{box-shadow:none!important;transform:none!important}.image-preview-overlay{animation:fadeIn .3s ease;background:#000000eb;cursor:zoom-out;inset:0;position:fixed;z-index:9999}.image-preview-container,.image-preview-overlay{align-items:center;display:flex;justify-content:center}.image-preview-container{height:100vh;padding:20px;position:relative;width:100vw}.image-preview-img{height:100%;max-height:100vh;max-width:100vw;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none}.image-preview-close{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:52px;justify-content:center;line-height:1;position:fixed;right:32px;top:24px;transition:all .2s ease;width:52px;z-index:10}.image-preview-close:hover{background:#ffffff40;transform:scale(1.05)}.image-preview-caption{bottom:48px;color:#ffffffd9;display:flex;flex-direction:column;gap:2px;left:48px;pointer-events:none;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:10}.image-preview-caption .caption-title{font-size:1.8rem;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.image-preview-caption .caption-sub{font-size:1rem;font-weight:400;letter-spacing:.06em;opacity:.6;text-shadow:0 2px 20px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.modpack-image-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.image-preview-container{padding:12px}.image-preview-close{font-size:1.4rem;height:40px;right:16px;top:16px;width:40px}.image-preview-caption{bottom:24px;left:24px}.image-preview-caption .caption-title{font-size:1.2rem}.image-preview-caption .caption-sub{font-size:.8rem}}@media(max-width:480px){.modpack-image-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}.modpack-changelog-item{border-left:3px solid #2e7d32;margin-bottom:1.5rem;padding-left:1rem}.modpack-changelog-title{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.modpack-changelog-date{color:#9ca3af;font-size:.85rem;font-weight:400;margin-left:.5rem}.modpack-changelog-text{color:#666;line-height:1.6;margin:0}.modpack-version-list{display:grid;gap:1rem}.modpack-version-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:1rem}.modpack-version-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.modpack-version-top strong{color:#1a1a1a;font-size:1.1rem}.modpack-version-top span{color:#9ca3af;font-size:.85rem}.modpack-version-meta{color:#666;display:flex;font-size:.85rem;gap:1rem}.modpack-version-download{color:#2e7d32;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.6rem;text-decoration:none}.modpack-version-download:hover{text-decoration:underline}.modpack-detail-sidebar{display:grid;gap:1.2rem;position:sticky;top:96px}.modpack-side-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;box-shadow:0 4px 20px #0000000a;padding:1.2rem 1.5rem}.modpack-side-label{color:#9ca3af;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.modpack-side-title{border-bottom:1px solid #f3f4f6;color:#1a1a1a;font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.6rem}.modpack-download-card{background:linear-gradient(145deg,#fff,#eef7eb)}.modpack-download-head{margin-bottom:1rem}.modpack-download-head strong{color:#1a1a1a;display:block;font-size:1.6rem;margin:.25rem 0}.modpack-download-head p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.modpack-download-btn-full{background:#2e7d32;border-radius:12px;color:#fff;display:block;font-weight:700;margin-bottom:1rem;padding:.8rem;text-align:center;text-decoration:none;transition:background .2s ease;width:100%}.modpack-download-btn-full:hover{background:#4caf50;box-shadow:0 8px 20px #4caf5066;transform:translateY(-2px)}.modpack-download-meta{display:grid;gap:.5rem}.modpack-download-meta div{background:#ffffffb3;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem}.modpack-download-meta span{color:#9ca3af;font-size:.75rem;font-weight:700}.modpack-download-meta strong{color:#1a1a1a;font-size:.9rem}.modpack-info-list{display:grid;gap:.6rem}.modpack-info-row{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.modpack-info-row-stacked{align-items:flex-start;flex-direction:column;gap:6px}.modpack-info-row span:first-child,.modpack-info-row strong{color:#000}.modpack-info-pill{background:#f3f4f6;border-radius:9999px;color:#000;font-size:.75rem;font-weight:700;padding:.1rem .6rem}.modpack-info-pills{display:flex;flex-wrap:wrap;gap:4px}.modpack-tag-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.modpack-tag-pill{background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#4b5563;font-size:.8rem;padding:.2rem .8rem}.modpack-details-title{align-items:center;display:flex;gap:.5rem}.modpack-details-title:before{background:#2e7d32;border-radius:4px;content:"";height:18px;width:4px}.modpack-details-list{display:grid;gap:.6rem}.modpack-details-row{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:.75rem}.modpack-details-row strong{color:#1a1a1a}.modpack-license-text{color:#2e7d32;font-weight:600}.modpack-creator-card{align-items:center;display:flex;gap:1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.modpack-creator-card:hover{border-color:#2e7d32;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.modpack-creator-avatar{align-items:center;background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;overflow:hidden;width:44px}.modpack-creator-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.modpack-creator-name{color:#1a1a1a;font-weight:700;transition:color .2s ease}.modpack-creator-card:hover .modpack-creator-name{color:#2e7d32}.modpack-creator-role{color:#9ca3af;font-size:.8rem}.modpack-hero-actions{display:flex;gap:12px}.action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:50%;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:36px}.action-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.action-btn .action-icon{line-height:1}.action-btn-like{border-color:#e5e7eb;color:#6b7280}.action-btn-like.is-active,.action-btn-like:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.action-btn-favorite{border-color:#e5e7eb;color:#6b7280}.action-btn-favorite.is-active,.action-btn-favorite:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b}.detail-actions .action-btn{font-size:.9rem;height:34px;width:34px}.modpack-side-card.interact-stats{background:linear-gradient(145deg,#fff,#f5f7f5)!important;border:1px solid #e8ecf0;border-radius:16px;padding:1rem 1.2rem}.interact-stats-grid{align-items:center;display:flex;justify-content:space-around;padding:.1rem 0}.stat-item-centered{align-items:center;display:flex;flex-direction:column;gap:2px}.stat-item-centered .stat-icon{align-items:center;color:#4b5563;display:flex;font-size:18px;line-height:1}.stat-item-centered .stat-number{color:#1a1a1a;font-size:16px;font-weight:700;line-height:1.2}.stat-item-centered .stat-label{color:#9ca3af;font-size:11px;line-height:1.2}.modpack-empty-state{background:#fafbfc;border:1px dashed #e5e7eb;border-radius:16px;padding:4rem 1rem;text-align:center}.modpack-error-text{color:#ef4444;margin-top:.5rem}@media(max-width:1024px){.modpack-detail-layout,.modpack-detail-sidebar{grid-template-columns:1fr}.modpack-detail-sidebar{display:grid;gap:1.2rem;position:static}}@media(max-width:768px){.modpack-detail-hero-card{align-items:stretch;flex-direction:column}.modpack-hero-action{align-self:stretch}.modpack-download-btn{justify-content:center;width:100%}.modpack-hero-title{font-size:1.6rem}.modpack-image-grid{grid-template-columns:1fr 1fr}.modpack-cover-image{min-height:180px}.action-btn{font-size:.9rem;height:32px;width:32px}.interact-stats-grid .stat-number{font-size:.95rem}.interact-stats-grid .stat-icon{font-size:1.1rem}}