:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at top,#38bdf82e,#0000 35%),#070b14;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.page{width:min(1180px,100%);margin:0 auto;padding:40px 18px}.hero{text-align:center;background:#0f172ab8;border:1px solid #1d2a44;border-radius:28px;margin-bottom:22px;padding:34px 18px;box-shadow:0 18px 60px #00000059}.eyebrow{color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}h1{margin:0;font-size:clamp(32px,6vw,58px);line-height:1}.subtitle{color:#aab6ca;max-width:680px;margin:18px auto 26px;font-size:17px;line-height:1.6}.search-box{justify-content:center;margin-bottom:14px;display:flex}input{color:#fff;background:#0f172a;border:1px solid #2d3b55;border-radius:16px;outline:none;width:min(560px,100%);padding:15px 17px}input:focus,select:focus{border-color:#38bdf8}.filters{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}select{color:#fff;background:#0f172a;border:1px solid #2d3b55;border-radius:14px;outline:none;padding:12px 14px}.result-info{color:#aab6ca;margin:20px 4px}.result-info strong{color:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.card{background:#0f172ae0;border:1px solid #1d2a44;border-radius:24px;padding:16px;overflow:hidden;box-shadow:0 14px 44px #00000047}.image-wrap{background:#050816;border:1px solid #25324a;border-radius:18px;margin-bottom:16px;overflow:hidden}.loadout-image{object-fit:cover;width:100%;height:190px;display:block}.card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.card-top h2{margin:0 0 6px;font-size:25px}.card-top p{color:#94a3b8;margin:0}.card-top span{color:#bae6fd;background:#1e293b;border:1px solid #334155;border-radius:999px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:700}.tags{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tags small{color:#bae6fd;background:#38bdf821;border:1px solid #38bdf840;border-radius:999px;padding:6px 9px}.notes{color:#cbd5e1;min-height:48px;line-height:1.55}.code-box{background:#050816;border:1px solid #25324a;border-radius:14px;margin:16px 0;padding:12px}code{color:#7dd3fc;overflow-wrap:anywhere}button{cursor:pointer;color:#05111f;background:#38bdf8;border:0;border-radius:14px;width:100%;padding:13px 16px;font-weight:800}button:hover{background:#7dd3fc}.empty{text-align:center;color:#aab6ca;padding:40px 16px}.empty h2{color:#fff}@media (width<=600px){.page{padding:22px 12px}.hero{padding:28px 14px}.loadout-image{height:160px}}.image-wrap{cursor:zoom-in;background:#050816;border:1px solid #25324a;border-radius:18px;width:100%;margin-bottom:16px;padding:0;overflow:hidden}.image-wrap:hover .loadout-image{transform:scale(1.04)}.loadout-image{transition:transform .25s}.zoom-overlay{z-index:999;background:#000000d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.zoom-modal{background:#0f172a;border:1px solid #25324a;border-radius:22px;width:min(1100px,100%);padding:14px;position:relative;box-shadow:0 24px 80px #0000008c}.zoom-close{color:#fff;cursor:pointer;z-index:2;background:#0f172ae6;border:1px solid #334155;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:12px;right:12px}.zoom-image{object-fit:contain;background:#050816;border-radius:16px;width:100%;max-height:78vh;display:block}.zoom-info{padding:12px 4px 2px}.zoom-info h2{margin:0 0 4px}.zoom-info p{color:#94a3b8;margin:0}