:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf7;background:#080d17;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 75% -10%,rgba(45,212,191,.16),transparent 35rem),radial-gradient(circle at -10% 30%,rgba(59,130,246,.13),transparent 32rem),#080d17}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 44px}.site-header,.header-actions,.brand-block,.toolbar,.card-topline,.card-footer,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header{align-items:flex-start}.brand-block{justify-content:flex-start}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(94,234,212,.55);border-radius:15px;color:#8ff4e2;background:#0f766e33;box-shadow:0 0 30px #2dd4bf2e;font-weight:900}.eyebrow,.section-kicker{margin:0 0 7px;color:#6ee7d0;font-size:11px;font-weight:800;letter-spacing:.16em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;color:#f8fafc;font-size:clamp(26px,4vw,40px);letter-spacing:-.04em}h2{margin-bottom:9px;color:#f8fafc;font-size:clamp(24px,3vw,34px);letter-spacing:-.04em}h3{margin:22px 0 12px;color:#f8fafc;font-size:21px}.subtitle,.hero-copy{margin-bottom:0;color:#8e9bb0;line-height:1.7}.header-actions{align-items:flex-end;flex-direction:column}.sync-state{display:inline-flex;align-items:center;gap:8px;max-width:340px;color:#9aa7bb;font-size:13px;text-align:right}.sync-state.is-error{color:#fda4af}.state-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399d9}.is-error .state-dot{background:#fb7185;box-shadow:0 0 14px #fb7185bf}.secondary-button,.copy-button,.text-button{border:1px solid rgba(148,163,184,.22);border-radius:10px;color:#dbeafe;background:#1e293bb8;transition:.16s ease}.secondary-button{padding:10px 15px}.secondary-button:hover,.copy-button:hover,.text-button:hover{border-color:#5eead49e;color:#a7f3d0;background:#0f766e33}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:32px;margin-top:46px;padding:clamp(24px,5vw,46px);overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:linear-gradient(125deg,#112035f2,#0b1525c7),repeating-linear-gradient(90deg,transparent 0 34px,rgba(148,163,184,.04) 35px)}.hero-copy{max-width:570px}.notice-panel{display:flex;gap:12px;margin-top:16px;padding:13px 16px;border:1px solid rgba(251,146,60,.32);border-radius:13px;color:#fed7aa;background:#9a341229;line-height:1.6}.notice-panel strong{flex:0 0 auto;color:#fdba74}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{display:flex;min-height:104px;padding:16px;flex-direction:column;justify-content:center;border:1px solid rgba(148,163,184,.13);border-radius:15px;background:#02061752}.metric strong{overflow:hidden;color:#a7f3d0;font-size:clamp(17px,2vw,24px);text-overflow:ellipsis;white-space:nowrap}.metric span{margin-top:7px;color:#8290a5;font-size:12px}.category-nav{display:flex;gap:8px;margin-top:26px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.category-button{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(148,163,184,.17);border-radius:999px;color:#aab7ca;background:#0f172ab8;white-space:nowrap}.category-button small{display:grid;min-width:21px;height:21px;padding:0 5px;place-items:center;border-radius:999px;color:#7dd3fc;background:#0e74904d;font-size:11px}.category-button.active{border-color:#2dd4bfb8;color:#ecfeff;background:#0d94883b;box-shadow:0 0 24px #2dd4bf1f}.category-button.active small{color:#052e2b;background:#5eead4}.toolbar{margin-top:22px;padding:14px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:#0f172a8c}.search-box{display:flex;min-width:260px;flex:1;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(148,163,184,.2);border-radius:10px;color:#64748b;background:#02061773}.search-box:focus-within{border-color:#5eead48c}.search-box input{width:100%;padding:11px 0;border:0;outline:0;color:#e2e8f0;background:transparent}.search-box input::placeholder{color:#64748b}.status-filter{display:inline-flex;gap:5px;padding:4px;border:1px solid rgba(148,163,184,.13);border-radius:11px;background:#02061761}.status-filter button,.text-button{padding:8px 11px;border:0;border-radius:7px;color:#8492a8;background:transparent}.status-filter button.active{color:#ecfeff;background:#0e749061}.text-button{padding-inline:8px;color:#7dd3fc}.gun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:20px}.gun-card{position:relative;padding:21px;overflow:hidden;border:1px solid rgba(148,163,184,.15);border-radius:18px;background:linear-gradient(145deg,#111c2ff5,#0b1220eb),linear-gradient(90deg,rgba(45,212,191,.1),transparent);transition:.18s ease}.weapon-card{cursor:pointer}.weapon-card:hover,.weapon-card:focus-visible{border-color:#2dd4bf8c;outline:0;transform:translateY(-3px);box-shadow:0 18px 50px #02061757}.card-topline,.card-footer{position:relative;z-index:1}.category-tag,.status-tag,.source-label{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:750}.category-tag{color:#a5f3fc;background:#0891b233}.rating-tag{display:inline-flex;align-items:center;margin-left:6px;padding:5px 8px;border-radius:7px;color:#fde68a;background:#ca8a0433;font-size:11px;font-weight:800}.status-tag{margin-left:6px;color:#86efac;background:#16a34a2e}.status-tag.status-old{color:#fdba74;background:#ea580c2e}.source-label{color:#64748b;background:#0f172ab3}.build-count{color:#7dd3fc;font-size:12px;font-weight:750}.weapon-heading{position:relative;z-index:1;display:flex;min-height:76px;margin:25px 0 17px;align-items:center;gap:14px}.weapon-monogram{display:grid;width:54px;height:54px;flex:0 0 auto;place-items:center;border:1px solid rgba(94,234,212,.34);border-radius:15px;color:#99f6e4;background:#0f766e33;font-size:16px;font-weight:900;letter-spacing:-.06em}.weapon-heading h3{margin:0 0 5px;font-size:24px}.weapon-heading p{margin:0;color:#718096;font-size:12px}.recommendation-preview{position:relative;z-index:1;display:flex;min-height:64px;margin-bottom:17px;padding:12px 13px;align-items:flex-start;gap:9px;border:1px solid rgba(148,163,184,.16);border-radius:11px;color:#b7c3d5;background:#02061775;font-size:13px;line-height:1.55}.recommendation-preview span{flex:0 0 auto;padding:3px 7px;border-radius:6px;color:#94a3b8;background:#64748b2e;font-size:10px;font-weight:850}.recommendation-preview span.recommended{color:#052e2b;background:#5eead4}.recommendation-preview p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-footer{color:#64748b;font-size:12px}.copy-button{padding:8px 11px;color:#99f6e4;font-size:12px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;padding:24px;place-items:center;background:#020617c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.variant-panel{display:flex;width:min(860px,100%);max-height:min(88vh,900px);overflow:hidden;flex-direction:column;border:1px solid rgba(94,234,212,.3);border-radius:22px;background:linear-gradient(145deg,#111c2ffc,#080e1afc),#0b1220;box-shadow:0 30px 100px #0000008c}.variant-header{display:flex;padding:24px 26px 20px;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(148,163,184,.14);background:#0f172ab8}.variant-eyebrow{display:flex;margin-bottom:10px;align-items:center;gap:9px;color:#7dd3fc;font-size:12px}.variant-header h2{margin-bottom:5px;font-size:clamp(27px,5vw,38px)}.variant-header p{margin-bottom:0;color:#8290a5;font-size:13px}.close-button{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(148,163,184,.24);border-radius:50%;color:#cbd5e1;background:#02061780;font-size:24px;line-height:1}.close-button:hover{border-color:#5eead499;color:#5eead4}.variant-list{padding:8px 26px 24px;overflow-y:auto}.variant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:20px 2px;border-bottom:1px solid rgba(148,163,184,.12)}.variant-row:last-child{border-bottom:0}.variant-row.is-recommended{position:relative}.variant-row.is-recommended:before{position:absolute;top:17px;bottom:17px;left:-14px;width:3px;border-radius:99px;background:#5eead4;content:""}.variant-meta{display:flex;margin-bottom:8px;align-items:center;gap:6px}.variant-meta .rating-tag,.variant-meta .status-tag{margin-left:0}.recommend-badge{padding:5px 8px;border-radius:7px;color:#052e2b;background:#5eead4;font-size:11px;font-weight:850}.manual-badge{padding:5px 8px;border-radius:7px;color:#082f49;background:#7dd3fc;font-size:11px;font-weight:850}.variant-main h4{margin:0;color:#eef2ff;font-size:16px;line-height:1.55}.variant-notes{margin-top:8px;color:#7f8da3;font-size:12px}.variant-notes summary{width:max-content;cursor:pointer;color:#7dd3fc}.variant-notes p{margin:10px 0 0;padding:11px 13px;border-left:2px solid rgba(94,234,212,.38);color:#9aa7bb;background:#02061757;line-height:1.7;white-space:pre-line}.variant-actions{display:flex;min-width:220px;align-items:center;justify-content:flex-end;gap:9px}.variant-actions code{display:block;max-width:185px;padding:9px 10px;overflow:hidden;border:1px dashed rgba(148,163,184,.25);border-radius:9px;color:#aebbd0;background:#02061773;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.variant-actions code.copied{border-color:#34d399b8;color:#a7f3d0}.empty-state{display:grid;min-height:240px;margin-top:20px;place-items:center;align-content:center;gap:8px;border:1px dashed rgba(148,163,184,.25);border-radius:18px;color:#8290a5}.empty-state strong{color:#dbeafe}.site-footer{margin-top:42px;padding-top:18px;border-top:1px solid rgba(148,163,184,.13);color:#64748b;font-size:12px}.site-footer a{color:#5eead4;text-decoration:none}@media(max-width:820px){.page-shell{width:min(100% - 24px,680px);padding-top:18px}.site-header,.toolbar,.site-footer{align-items:stretch;flex-direction:column}.header-actions{align-items:stretch}.sync-state{max-width:none;text-align:left}.hero-panel{grid-template-columns:1fr;margin-top:32px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{gap:12px}.search-box{min-width:0}.variant-row{grid-template-columns:1fr;gap:13px}.variant-actions{min-width:0;justify-content:flex-start}.variant-actions code{max-width:none;flex:1}}@media(max-width:520px){.brand-block{align-items:flex-start}.metric-grid{grid-template-columns:1fr}.metric{min-height:76px}.status-filter{align-self:flex-start}.modal-backdrop{padding:0;place-items:end center}.variant-panel{max-height:92vh;border-right:0;border-bottom:0;border-left:0;border-radius:22px 22px 0 0}.variant-header{padding:20px 18px 17px}.variant-list{padding:6px 18px 22px}}