.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-active{color:var(--lime)!important}.browser-page{background:#080b0b}.browser-page .site-header{background:rgba(8,11,11,.88);backdrop-filter:blur(18px);border-color:var(--border)}
.browser-hero{position:relative;overflow:hidden;padding:155px 0 76px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 0,rgba(156,255,87,.1),transparent 38%),#0a0e0d}.browser-grid-bg{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent)}.browser-hero-layout{position:relative;display:flex;align-items:end;justify-content:space-between;gap:60px}.browser-hero-copy{max-width:750px}.browser-hero h1{margin:8px 0 21px;font-size:clamp(50px,5.5vw,75px);letter-spacing:-.055em}.browser-hero h1 span{color:var(--lime)}.browser-hero-copy p{max-width:680px;margin:0;color:#9ba69f;font-size:16px}.browser-live-stats{min-width:340px;display:grid;grid-template-columns:1fr 1px 1fr;gap:21px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:14px;background:rgba(17,23,21,.8);box-shadow:var(--shadow)}.browser-live-stats>i{width:1px;height:40px;background:var(--border)}.browser-live-stats strong,.browser-live-stats span{display:block}.browser-live-stats strong{font-family:"Space Grotesk";font-size:23px}.browser-live-stats>div span{color:#707b74;font-size:9px}.source-badge{grid-column:1/-1;display:flex!important;align-items:center;gap:7px;padding-top:13px;border-top:1px solid var(--border);color:#7f8a83!important;font-size:9px!important}.source-badge b{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#1bd96a;color:#061108;font-size:10px}
.browser-shell-section{padding:38px 0 100px;background:linear-gradient(#0a0e0d,#080b0b 260px)}.browser-search{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:15px;padding:10px;border:1px solid var(--border-strong);border-radius:16px;background:#111715;box-shadow:0 20px 50px rgba(0,0,0,.25)}.search-field{min-width:0;display:flex;align-items:center;gap:13px;padding-inline:14px}.search-field>.icon{color:#6f7a73;font-size:20px}.search-field input{width:100%;height:52px;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;font-weight:600}.search-field input::placeholder{color:#657169}.search-field kbd{padding:2px 7px;border:1px solid var(--border);border-bottom-color:var(--border-strong);border-radius:5px;background:#0b100e;color:#5e6962;font:10px Manrope}.search-submit{min-width:135px;height:52px}.discovery-strip{display:flex;align-items:center;gap:7px;margin-bottom:37px;overflow-x:auto;scrollbar-width:none}.discovery-strip::-webkit-scrollbar{display:none}.discovery-strip>span{flex:0 0 auto;margin-right:5px;color:#68736c;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.discovery-strip button{flex:0 0 auto;padding:6px 10px;border:1px solid var(--border);border-radius:7px;background:transparent;color:#87928b;font-size:9px;font-weight:700;cursor:pointer}.discovery-strip button:hover{border-color:rgba(156,255,87,.25);color:var(--lime)}
.browser-layout{display:grid;grid-template-columns:220px 1fr;align-items:start;gap:31px}.filter-sidebar{position:sticky;top:100px}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.filter-title>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.filter-title>span .icon{color:var(--lime)}.filter-title button{padding:0;border:0;background:transparent;color:#657169;font-size:9px;cursor:pointer}.filter-sidebar fieldset{margin:0 0 24px;padding:0 0 23px;border:0;border-bottom:1px solid var(--border)}.filter-sidebar legend{margin-bottom:12px;color:#8b968f;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.filter-sidebar label{display:flex;align-items:center;margin:4px 0;padding:5px 0;color:#89948d;font-size:10px;cursor:pointer}.filter-sidebar input[type="radio"]{width:15px;height:15px;margin:0 9px 0 0;appearance:none;border:1px solid #435048;border-radius:50%;background:#0b100e}.filter-sidebar input[type="radio"]:checked{border:4px solid var(--lime);box-shadow:0 0 0 2px rgba(156,255,87,.1)}.filter-sidebar input:checked+span{color:#e4e9e5;font-weight:700}.filter-sidebar select,.results-toolbar select{width:100%;height:40px;padding:0 32px 0 10px;appearance:none;border:1px solid var(--border);border-radius:8px;background:#101614;color:#9aa49e;font-size:10px;cursor:pointer}.filter-note{display:flex;gap:10px;padding:13px;border:1px solid rgba(156,255,87,.15);border-radius:10px;background:var(--lime-soft)}.filter-note>.icon{color:var(--lime);font-size:17px}.filter-note p{margin:0}.filter-note strong,.filter-note span{display:block}.filter-note strong{font-size:9px}.filter-note span{margin-top:3px;color:#77827b;font-size:8px;line-height:1.5}
.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.results-toolbar>div{display:flex;align-items:center;gap:10px}.results-toolbar p{margin:0;color:#758078;font-size:10px}.results-toolbar p strong{color:#dce2de}.results-toolbar label{color:#6f7a73;font-size:9px}.results-toolbar select{width:170px}.grid-indicator{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:#101614;color:var(--lime)}.mobile-filter-button{display:none}.active-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.active-filters:empty{display:none}.active-filters button{display:flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid rgba(156,255,87,.15);border-radius:7px;background:var(--lime-soft);color:#c5f5a5;font-size:9px;cursor:pointer}.active-filters button span{color:#71806f}.active-filters button b{margin-left:3px;font-size:13px}
.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.browse-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:#101614;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.browse-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent) 38%,transparent);box-shadow:0 22px 45px rgba(0,0,0,.3)}.browse-cover{height:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--card-accent) 30%,transparent),transparent 55%),#18201d}.browse-cover>img:first-child{width:100%;height:100%;object-fit:cover;opacity:.53;transition:transform .4s ease}.browse-card:hover .browse-cover>img:first-child{transform:scale(1.04)}.cover-shade{position:absolute;inset:0;background:linear-gradient(to top,#101614 0,transparent 70%),linear-gradient(100deg,rgba(7,11,9,.3),transparent)}.browse-icon{width:66px;height:66px;position:absolute;left:17px;bottom:13px;object-fit:cover;border:3px solid #151c19;border-radius:14px;background:#1c2521;box-shadow:0 9px 25px rgba(0,0,0,.4)}.browse-icon.fallback{display:grid;place-items:center;color:var(--card-accent);font:800 27px "Space Grotesk"}.server-ready{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(156,255,87,.15);border-radius:6px;background:rgba(7,12,9,.76);backdrop-filter:blur(8px);color:#bce99d;font-size:7px;font-weight:800;text-transform:uppercase}.server-ready .icon{width:10px}.browse-body{padding:16px}.browse-tags{height:20px;display:flex;gap:5px;overflow:hidden}.browse-tags span{flex:0 0 auto;color:var(--card-accent);font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.browse-body h2{height:43px;margin:4px 0 7px;overflow:hidden;font-size:18px;line-height:1.2;letter-spacing:-.025em}.browse-body>p{height:51px;margin:0 0 6px;overflow:hidden;color:#7f8983;font-size:10px;line-height:1.65}.pack-author{display:block;height:17px;overflow:hidden;color:#5f6a63;font-size:8px}.browse-stats{display:flex;align-items:center;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--border);color:#717c75;font-size:7.5px}.browse-stats span{display:flex;align-items:center;gap:4px;white-space:nowrap}.browse-stats span:last-child{margin-left:auto;color:#9aa49e}.browse-stats .icon{color:var(--card-accent)}.browse-actions{display:grid;grid-template-columns:1fr 39px;gap:7px;margin-top:13px}.browse-actions .button{min-height:42px;font-size:10px}.source-link{display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:#0c1110;color:#7a857e;transition:.2s}.source-link:hover{color:var(--lime);border-color:rgba(156,255,87,.2)}.card-enter{animation:card-enter .35s ease both}@keyframes card-enter{from{opacity:0;transform:translateY(8px)}}
.browse-tags .provider-pill{padding:3px 6px;border-radius:5px;color:#fff;letter-spacing:.04em}.browse-tags .provider-curseforge{background:#c94520;color:#fff}.browse-tags .provider-modrinth{background:#167642;color:#fff}.source-badge b{width:auto;min-width:24px;padding:0 4px;background:#d8532c;color:#fff}
.loading-state{min-height:330px;place-items:center;align-content:center;color:#849088;font-size:10px}.loading-state:not([hidden]){display:grid}.loading-state i{width:31px;height:31px;margin-bottom:12px;border:2px solid var(--border);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.api-error,.empty-state{min-height:330px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed var(--border);border-radius:15px;background:#0d1211}.api-error[hidden],.empty-state[hidden]{display:none}.api-error strong,.api-error span{display:block}.api-error span,.empty-state p{margin:5px 0 18px;color:#748078;font-size:10px}.api-error .button{margin-top:16px}.empty-state>span{color:var(--lime);font-size:35px}.empty-state h2{margin:10px 0 0;font-size:22px}.load-more{width:100%;height:55px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;border:1px solid var(--border);border-radius:11px;background:#101614;color:#aeb7b1;font-size:10px;font-weight:800;cursor:pointer}.load-more:hover{border-color:rgba(156,255,87,.25);color:var(--lime)}.load-more[hidden]{display:none}
.browser-seo-section{padding:95px 0;border-top:1px solid var(--border);background:#0b100e}.browser-seo-section>.shell{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.browser-seo-section h2{margin:9px 0 17px;font-size:46px}.browser-seo-section p{margin:0;color:#808b84;font-size:13px}.browser-seo-section ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--border)}.browser-seo-section li{display:grid;grid-template-columns:38px 1fr;gap:0 11px;padding:16px 0;border-bottom:1px solid var(--border)}.browser-seo-section li>span{grid-row:span 2;color:var(--lime);font-size:9px;font-weight:800}.browser-seo-section li b{font-size:11px}.browser-seo-section li small{color:#717d75;font-size:9px}.browser-page .footer-bottom a{color:#1bd96a}
@media(max-width:1050px){.browser-live-stats{min-width:300px}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.browser-hero{padding:125px 0 65px}.browser-hero-layout{display:block;text-align:center}.browser-hero-copy p{margin-inline:auto}.browser-live-stats{width:min(100%,430px);margin:30px auto 0;text-align:left}.browser-layout{grid-template-columns:1fr}.filter-sidebar{display:none;position:static;padding:18px;border:1px solid var(--border);border-radius:14px;background:#0e1412}.filter-sidebar.mobile-open{display:block}.filter-sidebar label{min-height:42px;margin:0}.filter-sidebar select{height:46px}.mobile-filter-button{height:42px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#101614;color:#a6afa9;font-size:9px;font-weight:800}.results-toolbar>div:first-child{flex-direction:row}.browser-seo-section>.shell{grid-template-columns:1fr;gap:45px}.browser-seo-section{text-align:center}.browser-seo-section ol{text-align:left}}
@media(max-width:560px){.browser-hero{padding-top:112px}.browser-hero h1{font-size:44px}.browser-hero-copy p{font-size:13px}.browser-live-stats{min-width:0;padding:16px}.browser-live-stats strong{font-size:19px}.browser-search{grid-template-columns:1fr;padding:7px}.search-field{padding-inline:9px}.search-field input{height:48px;font-size:12px}.search-field kbd{display:none}.search-submit{height:46px}.discovery-strip{margin-bottom:28px}.results-toolbar{align-items:flex-end}.results-toolbar>div:last-child{display:block}.results-toolbar label{display:block;margin-bottom:4px}.results-toolbar select{width:145px}.grid-indicator{display:none}.browse-grid{grid-template-columns:1fr}.browse-cover{height:180px}.browse-body h2{height:auto;min-height:22px}.browse-body>p{height:auto;min-height:48px}.browse-stats{font-size:8px}.browser-seo-section h2{font-size:37px}}
.pack-plan-recommendation{margin:14px 0 10px;padding:11px 12px;border:1px solid rgba(156,255,87,.18);border-radius:10px;background:rgba(156,255,87,.045)}.pack-plan-recommendation>span{display:block;margin-bottom:7px;color:#748078;font-size:7px;font-weight:900;letter-spacing:.12em}.pack-plan-recommendation>div{display:flex;align-items:end;justify-content:space-between;gap:10px}.pack-plan-recommendation b{color:#cdd7d0;font-size:9px}.pack-plan-recommendation strong{color:var(--lime);font:700 13px "Space Grotesk"}.pack-plan-recommendation small{color:#77827b;font:500 7px Manrope}