@font-face{font-family:Barlow;src:url('/assets/barlow-medium.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/barlow-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{font-family:Barlow,'Arial Narrow',Arial,sans-serif;font-size:18px;line-height:1.35;color:#eceee7;background:#090c0e;color-scheme:dark;--line:#464b4b;--muted:#bcc0b9;--yellow:#d8c685;--panel:#15191b;--green:#b6d797;--red:#f5a296}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--line);border-radius:0;padding:10px 15px;min-height:44px}button:hover{background:#303536;border-color:#c3c7bd}button:disabled{opacity:.45;cursor:default}button.primary{background:#deddd1;color:#131614;border-color:#deddd1;font-weight:700}button.primary:hover{background:#fff}input,select,textarea{max-width:100%;min-width:0;font-size:18px;padding:10px 12px;border:1px solid #65706b;background:#101517;color:#f1f2ea;min-height:44px}input,textarea{width:100%}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--yellow)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;text-transform:uppercase;line-height:1}h1{font-size:56px;letter-spacing:1px;margin-bottom:5px}h2{font-size:32px;margin-bottom:14px}h3{font-size:24px}.muted,.note{color:var(--muted)}.note{font:14px/1.6 Arial,sans-serif}.skip{position:fixed;top:-90px;left:12px;padding:10px;background:#fff;color:#111;z-index:1000}.skip:focus{top:12px}.header{border-bottom:1px solid #3e4545;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 32px;background:#090c0e}.brand{font-size:22px;letter-spacing:1px;line-height:1;text-decoration:none;font-weight:700}.brand small{display:block;font-size:12px;letter-spacing:3px;color:var(--muted);margin-top:5px;font-weight:500}.top-actions{display:flex;gap:9px}.nav{display:flex;justify-content:center;gap:3px;padding:10px 16px;background:#111618;border-bottom:1px solid #272f2f}.nav button{min-width:130px;letter-spacing:1px;border-color:#293233}.nav button[aria-selected=true]{background:#dfdfd3;color:#171a16;border-color:#dfdfd3;font-weight:700}.section{max-width:1600px;margin:auto;padding:28px 36px}.section[hidden]{display:none}.tool-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.eyebrow{text-transform:uppercase;font-size:14px;letter-spacing:1.5px;color:var(--muted);margin-bottom:7px}.weapon-type{color:var(--yellow);font-size:18px;letter-spacing:1px}.tool-head .note{max-width:390px;text-align:right}.scene{position:relative;min-height:500px;isolation:isolate;border-bottom:1px solid #323b3c;background:radial-gradient(ellipse at 50% 45%,#24303966,transparent 65%)}.weapon-visual{position:absolute;left:6%;right:6%;top:65px;bottom:55px;display:grid;place-items:center;pointer-events:none}.weapon-visual svg{width:100%;height:100%;filter:drop-shadow(0 22px 18px #0008)}.slot{position:absolute;display:flex;align-items:flex-start;gap:9px;text-align:left;border:0;padding:6px;min-height:44px;max-width:210px;text-shadow:0 2px 3px #000;background:#0a0e1080}.slot:hover{background:#35434590}.slot .plus{border:1px solid #b1bab1;width:20px;height:20px;flex:0 0 20px;font:16px/18px Arial;text-align:center;margin-top:2px}.slot b{font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:18px}.slot small{display:block;max-width:165px;font-size:13px;color:var(--yellow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot[disabled] small{color:#b9b9b0}.slot.on .plus{background:var(--yellow);color:#111;border-color:var(--yellow)}.slot[data-slot=optic]{top:8%;left:67%}.slot[data-slot=laser]{top:4%;left:30%}.slot[data-slot=barrel]{top:27%;left:6%}.slot[data-slot=muzzle]{top:61%;left:1%}.slot[data-slot=stock]{top:30%;right:0}.slot[data-slot=rear-grip]{top:58%;right:0}.slot[data-slot=underbarrel],.slot[data-slot=comb]{top:81%;left:23%}.slot[data-slot=magazine],.slot[data-slot=cylinder]{bottom:0;left:56%}.slot[data-slot=ammunition],.slot[data-slot=fire-mods]{bottom:11%;right:8%}.slot[data-slot=bolt],.slot[data-slot=trigger-action]{top:8%;left:48%}.slot[data-slot=guard]{bottom:0;left:37%}.apex-button{display:flex;gap:12px;align-items:center;border-color:#8f8052;color:var(--yellow);min-width:220px}.apex-button[aria-pressed=true]{background:#d8c685;color:#101310}.apex-button .diamond{font-size:28px;line-height:1}.hud{display:grid;grid-template-columns:minmax(290px,380px) 1fr minmax(230px,330px);gap:40px;padding-top:20px;align-items:start}.attachment-count{letter-spacing:1.7px;text-transform:uppercase;font-size:15px;margin-bottom:16px}.pips{display:flex;gap:7px;margin-top:8px}.pips i{width:17px;height:17px;border:1px solid var(--yellow)}.pips i.on{background:var(--yellow)}.bars{display:grid;gap:8px}.bar{display:grid;grid-template-columns:90px 1fr 35px;gap:12px;align-items:center;font-size:16px;text-transform:uppercase;letter-spacing:.8px}.track{height:4px;background:#505756;position:relative}.track .base{position:absolute;top:-3px;height:10px;border-right:2px solid #b7bcb4;z-index:2}.track .current{position:absolute;left:0;top:0;height:4px;background:#e2e5da}.bar .value{text-align:right;color:#e0e3da}.specs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.specs strong{font-size:31px;display:block;font-weight:500}.specs span{text-transform:uppercase;color:var(--muted);font-size:14px;letter-spacing:1px}.hud-actions{display:grid;gap:12px}.build-summary{font-size:14px;color:var(--yellow);margin:0}.subnav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.subnav button[aria-pressed=true]{background:#dcdccd;color:#171a17}.detail-table{width:100%;border-collapse:collapse;font-size:17px;min-width:490px}th,td{text-align:left;padding:12px;border-bottom:1px solid #414b48;font-weight:500}th{color:var(--muted);background:#131b1c}.table-wrap{overflow:auto}.better{color:var(--green)}.worse{color:var(--red)}.metadata{border-top:1px solid #313b3b;padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;gap:25px}.metadata a{color:#ddd3a3}.ad-space{min-height:90px;margin:35px auto;max-width:1250px;border-block:1px solid #454f4c;text-align:center;padding-top:9px;font:12px/1.5 Arial;color:#c2c6bd}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:25px 32px;border-top:1px solid #36403d;color:#b9c0b7;font:13px/1.6 Arial}.footer nav{display:flex;gap:20px}.camo-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px}.camo-preview{aspect-ratio:2.45;background:#0d1418;border:1px solid #57605b;overflow:hidden}.camo-preview svg{width:100%;height:100%;display:block}.camo-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.camo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.camo-card{padding:0;overflow:hidden;text-align:left;background:#1b2123;border:1px solid #57605b}.camo-card[aria-pressed=true]{border:2px solid var(--yellow)}.camo-card svg{width:100%;height:auto;aspect-ratio:2.4;display:block}.camo-card span{display:block;padding:9px 12px;text-transform:uppercase;letter-spacing:.5px;font-size:16px}.camo-card small{display:block;color:var(--muted);font-size:12px;padding:0 12px 10px}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filters input{max-width:350px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.saved-card{border:1px solid #4b5652;background:#141c1c;padding:20px}.saved-card h3{margin-bottom:10px}.saved-card .actions{display:flex;gap:8px;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{padding:40px;border:1px solid #495450;max-width:700px;color:var(--muted)}.page{max-width:900px;margin:40px auto;padding:0 24px;line-height:1.8}.page h1{font-size:45px}.page h2{margin:32px 0 18px}.page p,.page li{font:16px/1.8 Arial,sans-serif;color:#ced3c9}.page a{color:#e1d096}dialog{background:#111819;color:#ecefe4;border:1px solid #68706b;max-width:min(580px,100vw);max-height:100dvh;width:520px;padding:25px;margin:0 0 0 auto;height:100dvh}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-list{display:grid;gap:9px;margin-top:18px}.option{width:100%;text-align:left;padding:14px;background:#182123;border:1px solid #56615b}.option.selected{border-color:var(--yellow);background:#302e20}.option strong{display:block;font-weight:500;text-transform:uppercase;letter-spacing:.7px}.option small{display:block;margin-top:7px;font-size:14px;color:var(--muted)}.option img{width:100%;aspect-ratio:3.2;object-fit:cover;object-position:50% 18%}.dialog-field{display:grid;gap:6px;margin:16px 0}.search-line{position:sticky;top:-25px;background:#111819;padding:14px 0;z-index:2}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:1000;background:#e5e5d8;color:#171b17;padding:13px 20px;font-size:17px;max-width:min(90vw,700px);box-shadow:0 10px 25px #0008}.toast:empty{display:none}.mobile-slots{display:none}.source-label{font:12px/1.6 Arial;color:#c1c8bc}.source-label a{color:#ded39d}.reference-flag{display:inline-block;border:1px solid #b7a66d;padding:5px 9px;color:#ead8a2;text-transform:uppercase;letter-spacing:1px;font-size:14px;margin-bottom:16px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare-pick{display:grid;gap:8px}.compare-pick select{width:100%}@media(max-width:1100px){.hud{grid-template-columns:1fr 1fr;gap:25px}.hud-actions{grid-column:2;grid-row:1/3}.scene{min-height:420px}.slot b{font-size:16px}.slot small{max-width:120px}.camo-layout{grid-template-columns:1fr}.camo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){h1{font-size:38px}.header{padding:15px 16px;gap:10px}.brand{font-size:19px}.brand small{font-size:10px;letter-spacing:2px}.top-actions button{padding:9px 11px;font-size:16px}.nav{padding:8px 10px;gap:3px;justify-content:space-between;position:sticky;top:0;z-index:30}.nav button{min-width:0;flex:1;padding:9px 8px;font-size:16px;letter-spacing:.4px}.section{padding:22px 16px}.tool-head{display:block}.tool-head .note{text-align:left;max-width:none;font-size:12px;margin-top:12px}.scene{min-height:220px}.weapon-visual{left:-5%;right:-5%;top:0;bottom:0}.scene .slot{display:none}.mobile-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:15px}.mobile-slots button{text-align:left;min-width:0;padding:10px;font-size:16px}.mobile-slots small{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--yellow)}.hud{grid-template-columns:1fr;gap:22px}.hud-actions{grid-column:auto;grid-row:auto}.specs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.specs strong{font-size:27px}.specs span{font-size:12px}.bar{grid-template-columns:85px 1fr 35px}.metadata{display:block}.metadata p{margin-bottom:10px}.camo-grid{grid-template-columns:1fr 1fr;gap:8px}.camo-card span{font-size:15px;padding:8px}.camo-card small{padding:0 8px 8px}.camo-preview{aspect-ratio:2}.camo-preview svg{height:100%}.saved-grid,.compare-grid{grid-template-columns:1fr}.footer{padding:22px 16px}.footer nav{flex-wrap:wrap;gap:14px}dialog{max-width:100vw;width:100vw;padding:20px}.search-line{top:-20px}.page h1{font-size:36px}.source-label{font-size:12px}.apex-button{width:100%}.toast{bottom:16px;font-size:16px}.camo-controls button{flex:1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.header,.nav,.scene,.mobile-slots,.ad-space,.footer,.hud-actions,dialog{display:none!important}body{background:white;color:black}.section{padding:10px}.track{background:#ddd}.track .current{background:#333}.note,.source-label,.bar .value{color:#333}}

@media(min-width:651px){.header{padding:13px 28px}.nav{padding:8px 16px}.section{padding-top:23px}.tool-head h1{font-size:48px}.weapon-type{margin-bottom:8px}.scene{min-height:310px}.weapon-visual{top:5px;bottom:15px}.weapon-visual svg{mix-blend-mode:lighten}.hud{gap:25px}.slot[data-slot=underbarrel],.slot[data-slot=comb]{top:79%}}