:root{--bg-dark: #050506;--bg-card: #0c0d10;--bg-card-hover: #15171d;--accent: #ff8a00;--accent-glow: rgba(255, 138, 0, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--success: #10b981;--glass: rgba(12, 13, 16, .8);--ease-modern: cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:40px 40px;background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-muted)}.app-container{min-height:100vh;display:flex;flex-direction:column}header{padding:2rem;border-bottom:1px solid var(--border);background:#070708cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.stats-bar{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}main{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.controls{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.tab-group{display:flex;background:var(--bg-card);padding:.25rem;border-radius:.5rem;border:1px solid var(--border)}.tab{padding:.6rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .4s var(--ease-modern);font-weight:700;font-size:.875rem;border:none;background:transparent;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.weapon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.weapon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;overflow:hidden;transition:transform .5s var(--ease-modern),border-color .5s var(--ease-modern),box-shadow .5s var(--ease-modern);position:relative;z-index:1}.weapon-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 20px #0009;z-index:10}.weapon-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.weapon-title{font-size:1.25rem;font-weight:700}.weapon-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.camo-sections{padding:1rem}.camo-group-title{font-size:.875rem;color:var(--text-secondary);margin:1rem 0 .5rem;padding-left:.5rem}.camo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;margin-bottom:1rem}.camo-item{aspect-ratio:1;background:var(--border);border-radius:.25rem;cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent;transition:all .2s;background-size:cover;background-position:center}.camo-mil-1{background:repeating-linear-gradient(45deg,#3f3f37 0 10px,#4d4d42 10px 20px)}.camo-mil-2{background:radial-gradient(circle at 20% 30%,#2d3436,#636e72)}.camo-mil-3{background:linear-gradient(135deg,#1a1a1a 25%,#333 25% 50%,#1a1a1a 50% 75%,#333 75% 100%);background-size:10px 10px}.camo-mil-4{background-color:#5d4037;background-image:radial-gradient(#3e2723 1px,transparent 0);background-size:8px 8px}.camo-mil-default{background:linear-gradient(135deg,#444,#222)}.camo-spec-1{background:#d1c4bc;background-image:radial-gradient(at 0% 0%,transparent 70%,#8b5a41 100%),radial-gradient(at 100% 100%,transparent 70%,#8b5a41 100%);border:1px solid rgba(0,0,0,.1)}.camo-spec-2{background:#968a73;background-image:radial-gradient(circle at 30% 70%,#4a4539 0%,transparent 50%),radial-gradient(circle at 70% 30%,#4a4539 0%,transparent 50%)}.camo-spec-3{background:#1e1e1e;background-image:linear-gradient(90deg,#333 1px,transparent 1px),linear-gradient(0deg,#333 1px,transparent 1px),linear-gradient(135deg,transparent 45%,#0ea5e9 45%,#0ea5e9 55%,transparent 55%);background-size:15px 15px,15px 15px,30px 30px}.camo-gold{background:linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 200%;box-shadow:0 0 15px #bf953f4d}.camo-diamond{background:radial-gradient(circle,#fff,#e0f2fe,#7dd3fc 60%,#fff);background-size:15px 15px;box-shadow:0 0 15px #7dd3fc4d}.camo-darkmatter{background:linear-gradient(230deg,#1e1b4b,#4c1d95,#7c3aed,#1e1b4b);background-size:300% 300%;position:relative}.camo-darkmatter:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.2'/%3E%3C/svg%3E");opacity:.3}.camo-nebula{background:radial-gradient(circle at center,#581c87,#312e81 40%,#0f172a);background-size:200% 200%}.camo-nebula:after{content:"";position:absolute;inset:0;background:radial-gradient(white 1px,transparent 0);background-size:20px 20px;opacity:.1}@keyframes shine{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes sparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes drift{0%{background-position:0% 0%}to{background-position:100% 100%}}footer{padding:2rem;text-align:center;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.875rem}.progress-bar-container{height:6px;background:var(--border);border-radius:3px;overflow:hidden;margin-top:1rem}.progress-bar-fill{height:100%;background:var(--accent);transition:width .3s ease}.search-input{background:var(--bg-card);border:1px solid var(--border);color:#fff;padding:.5rem 1rem;border-radius:.5rem;width:300px}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}