@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#131614;--panel:#1b1f1c;--line:#323831;--text:#e9ece5;--muted:#a0a99e;--accent:#c3dc8c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#232922;border-radius:6px;padding:10px 14px}button:hover{border-color:#8c9d7c;background:#30392c}button.active{background:var(--accent);color:#20291b;border-color:var(--accent)}header{height:86px;border-bottom:1px solid var(--line);padding:0 4%;display:flex;align-items:center;gap:12px;background:#191d19}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;font:bold 38px 'Barlow Condensed',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand>span{color:var(--accent)}.brand i{height:30px;width:1px;background:#4b5247;margin:0 18px}.brand b{font:600 13px Inter,sans-serif;letter-spacing:2px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2.5px;margin-top:6px}nav{display:flex;gap:5px;margin-left:auto;margin-right:auto}nav button{border:0;background:none;color:var(--muted)}nav button.active{background:none;color:var(--accent)}main{max-width:1510px;margin:auto;padding:38px 4% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2px;font-weight:600}h1{font:600 44px 'Barlow Condensed',sans-serif;margin:10px 0 8px;letter-spacing:.2px}p{color:var(--muted);line-height:1.6;margin:0}h2{font-size:20px;margin:0 0 7px}h2 span{font-size:12px;color:var(--muted);font-weight:400;margin-left:10px}.save{font-size:12px;color:#bac6ae}.save>span:first-child{color:var(--accent);font-size:9px}.save small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.overview{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:25px;border:1px solid var(--line);background:var(--panel);border-radius:8px}.stat{padding:18px 24px;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat label{color:var(--muted);font-size:11px}.stat strong{font:600 31px 'Barlow Condensed',sans-serif;display:block;margin:7px 0}.stat strong small{font:12px Inter;color:var(--muted)}.track{height:4px;background:#363d32;border-radius:4px;overflow:hidden}.track>i{display:block;height:100%;background:var(--accent);transition:width .2s}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:40px}.camo{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}.art{position:relative;background:radial-gradient(ellipse at center,#424b3b,#20261e);overflow:hidden;aspect-ratio:2.45}.art img{width:100%;height:100%;object-fit:cover;display:block}.art .number{position:absolute;top:10px;left:12px;background:#131614bf;border:1px solid #ffffff24;border-radius:4px;padding:4px 6px;font-size:10px;color:#fff}.camo-body{padding:14px 16px}.camo-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.camo h3{font-size:14px;margin:0}.camo .amount{font-size:11px;color:var(--muted)}.camo .track{margin-top:13px;height:3px}.camo p{font-size:11px;margin-top:10px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.section-head p{font-size:12px}.search{border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 12px;font-size:24px;background:var(--panel)}input,select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;padding:9px}.search input{border:0;width:220px;font-size:12px;background:none}.filters{display:flex;justify-content:space-between;gap:10px;padding-bottom:18px}.filters #categories{display:flex;flex-wrap:wrap;gap:5px}.filters button{font-size:11px;padding:8px 10px}.filters select{font-size:11px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.weapon-list{display:grid;gap:7px;max-height:790px;overflow:auto;padding-right:5px;scrollbar-color:#4c5941 transparent}.weapon{display:grid;grid-template-columns:32px 1fr 100px 22px;gap:12px;align-items:center;background:var(--panel);text-align:left;padding:15px 17px;min-height:79px}.weapon.selected{border-color:var(--accent);background:#252d21;box-shadow:inset 3px 0 var(--accent)}.weapon .index{color:#788570;font:20px 'Barlow Condensed'}.weapon b{font-size:14px}.weapon small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.weapon .row-progress{text-align:right;font-size:11px;color:#bfc9b8}.weapon .track{margin-top:10px;height:3px}.star{color:#d0d99d}aside{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;position:sticky;top:15px}.detail-head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.detail-head h2{font:600 30px 'Barlow Condensed';margin:5px 0}.detail-head small{color:var(--muted);font-size:10px;letter-spacing:1px}.detail-head button{font-size:20px;padding:5px 10px}.detail-tabs{display:flex;border-bottom:1px solid var(--line);padding:9px 16px;gap:5px}.detail-tabs button{font-size:11px;border:0;background:none;padding:8px 12px}.detail-tabs .active{background:#333e29;color:var(--accent)}.detail-content{padding:20px}.notice{font-size:11px;color:#abb7a4;background:#242b21;border:1px solid #36422e;padding:10px 12px;border-radius:5px;line-height:1.6;margin-bottom:18px}.group-title{display:flex;justify-content:space-between;align-items:center;margin:19px 0 10px;font-size:12px}.group-title:first-child{margin-top:0}.group-title small{color:var(--muted);font-size:10px}.checks{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.checks label{background:#252c22;border:1px solid #3c4436;border-radius:5px;padding:8px 2px;text-align:center;cursor:pointer;font-size:11px}.checks input{display:block;margin:0 auto 6px;accent-color:var(--accent)}.task{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #30362c}.task:last-child{border:0}.task input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.task img{width:95px;height:54px;object-fit:cover;border-radius:4px}.task div{flex:1}.task b{font-size:12px;display:block}.task small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.task.done b{color:var(--accent)}.notes{width:100%;resize:vertical;min-height:65px;background:#161b15;border:1px solid var(--line);border-radius:5px;color:var(--text);padding:10px;font:12px Inter,system-ui;margin-top:10px}.mode{display:flex;gap:5px;margin-bottom:15px}.mode button{font-size:11px}.count{width:64px;font-size:12px}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.empty{padding:40px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:38px;padding-top:20px;display:flex;gap:20px;justify-content:space-between}footer p{font-size:10px}footer a:hover{text-decoration:underline}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d0e0b6;color:#1c2716;padding:12px 22px;border-radius:6px;display:none;z-index:10;font-size:12px}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:20px;padding-right:20px}}@media(max-width:1000px){header{flex-wrap:wrap;height:auto;padding:18px 4%}.brand{margin-right:auto}nav{order:3;width:100%;justify-content:center;margin-top:10px}.milestones{gap:9px}.camo h3{font-size:12px}.workspace{grid-template-columns:1fr 1.15fr}.filters{flex-direction:column}.filters select{align-self:flex-start}.weapon{grid-template-columns:22px 1fr 60px 12px;padding:12px 10px;gap:6px}.stat{padding:16px}.save{display:none}}@media(max-width:680px){main{padding-top:26px}h1{font-size:36px}.overview{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.milestones{grid-template-columns:1fr 1fr;margin-bottom:28px}.workspace{grid-template-columns:1fr}.weapon-list{max-height:360px}.section-head{align-items:stretch;flex-direction:column}.search input{width:100%}.collection{grid-template-columns:1fr 1fr}aside{position:static}.brand{font-size:32px}.brand b{font-size:10px}.brand i{margin:0 10px}header>button{font-size:10px;padding:8px}.detail-content{padding:15px}.task img{width:80px}footer{flex-direction:column;gap:8px}.art{aspect-ratio:2}.camo-body{padding:12px}.camo-top{align-items:start;flex-direction:column;gap:4px}}

/* Flat in-game camo swatches */
.milestones .art{aspect-ratio:1.65}.art img{object-fit:cover}.checks{grid-template-columns:repeat(4,1fr);gap:10px}.checks .swatch{padding:0;position:relative;overflow:hidden;border-radius:3px;background:#171c16;text-transform:capitalize}.swatch img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.checks .swatch input{position:absolute;left:7px;top:7px;width:17px;height:17px;margin:0}.swatch span{display:block;text-align:left;font-size:9px;padding:7px 5px}.swatch.done{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.task img{width:68px;height:68px;border-radius:3px}.collection .art{aspect-ratio:1.3}.camo{border-radius:5px}.camo .number{font-size:9px}.task.done img{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:680px){.milestones .art{aspect-ratio:1.5}.checks{gap:7px}.task img{width:62px;height:62px}}


.special-task{display:grid;grid-template-columns:105px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.special-image img{width:105px;height:105px;object-fit:cover;border-radius:4px}.special-copy h3{margin:0 0 7px;font-size:15px}.complete{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:8px;cursor:pointer}.complete input{accent-color:var(--accent)}.unlock{font-size:11px;line-height:1.6;color:#c5d5b3;margin-bottom:10px}.requirement{display:flex;gap:9px;margin:8px 0;align-items:baseline;font-size:12px;line-height:1.6}.requirement em{font-style:normal;font-size:9px;flex:0 0 31px;color:var(--accent);border:1px solid #46533d;text-align:center;border-radius:3px}.data-note{font-size:10px;line-height:1.6;color:#c4b98f;margin-top:9px}.source-status{display:inline-block;font-size:9px;color:var(--muted);margin-top:12px;text-decoration:underline;text-underline-offset:3px}.mode-help{font-size:11px;margin-bottom:8px}.swatch strong{display:block;font-weight:400;font-size:9px;text-transform:none;margin-top:5px;color:var(--accent)}.special-task.done h3{color:var(--accent)}.special-task.done img{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:680px){.special-task{grid-template-columns:85px 1fr;gap:12px}.special-image img{width:85px;height:85px}.requirement{font-size:11px}}