/* The supplied comparison artwork is centered using its non-transparent bounds. */
.bc-compare-symbol{display:inline-block;flex:0 0 auto;width:24px;height:24px;background:currentColor;mask-image:url("assets/icons/compare-loadouts.svg?v=533a5aea9241");mask-size:contain;mask-position:center;mask-repeat:no-repeat;vertical-align:middle}
.boxed-sidebar .bc-builder-nav{display:block}
.bc-compare-tab{position:fixed;z-index:90;width:34px;height:40px;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--box-border,#39353b);border-radius:8px 0 0 8px;background:var(--box-bg,#1c191f);color:var(--color-progressive,#ef871e);text-decoration:none;box-shadow:-3px 2px 10px #0002}
.bc-compare-tab[hidden]{display:none}.bc-compare-tab:hover,.bc-compare-tab[aria-current="page"]{border-color:var(--color-progressive,#ef871e);background:var(--color-surface-2,#262329);color:var(--color-progressive,#ef871e)}.bc-compare-tab:focus-visible{outline:2px solid var(--color-progressive);outline-offset:3px}
.comparison-page.boxed-site .citizen-page-container{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;max-width:1800px!important;gap:18px}.comparison-page.boxed-site .boxed-header{max-width:1800px!important}
.bc-tool-sidebar-compact .boxed-sidebar{display:block!important;padding:8px;position:sticky;top:12px;max-height:calc(100dvh - 24px);overflow-y:auto}.bc-tool-sidebar-compact .boxed-sidebar .bc-nav-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bc-tool-sidebar-compact .boxed-sidebar a{justify-content:center;gap:0;min-height:42px;padding:8px 4px}.bc-tool-sidebar-compact .boxed-sidebar h2{font-size:0;margin:12px 4px 6px;padding-top:0;height:1px}.bc-tool-sidebar-compact .boxed-sidebar h2:before,.bc-tool-sidebar-compact .boxed-sidebar h2:after{display:none}.bc-tool-sidebar-compact .boxed-sidebar .bc-builder-nav img{max-width:22px}.bc-tool-sidebar-compact .boxed-sidebar a:focus-visible{outline:2px solid var(--color-progressive);outline-offset:-2px}
.comparison-page.boxed-site .citizen-body-container{display:block!important}.comparison-page.boxed-site .citizen-body{padding:22px!important;min-width:0}.comparison-page .boxed-footer{grid-column:1/-1}.comparison-page h1 .bc-compare-symbol{width:26px;height:26px;margin-right:10px}
@media(max-width:700px){.bc-tool-sidebar-compact.boxed-site .citizen-page-container{grid-template-columns:52px minmax(0,1fr)!important;gap:8px}.bc-tool-sidebar-compact .boxed-sidebar{padding:3px}.comparison-page.boxed-site .citizen-body{padding:12px!important}.bc-tool-sidebar-compact .boxed-sidebar .category-icon-wide{max-width:32px}}

/* User-supplied exploded rifle, presented as a clean single-color symbol. */
.bc-builder-symbol{display:inline-block;flex:0 0 auto;width:36px;height:22px;background:currentColor;mask:url("assets/icons/loadout-builder-user.svg?v=468b907c9950") center/contain no-repeat;vertical-align:middle}
h1 .bc-builder-symbol{width:38px;height:26px;margin-right:0}.comparison-page .bc-builder-symbol{width:34px;height:24px}



/* Tools share the comparison layout's compact navigation, without reloading. */
html:root .bc-tool-sidebar-compact.boxed-site .citizen-page-container{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important}
html:root .bc-tool-sidebar-compact .boxed-sidebar a{gap:0;justify-content:center}
.bc-sidebar-toggle{position:fixed;z-index:91;display:grid;place-items:center;width:18px;height:32px;padding:0;border:1px solid var(--box-border,#39353b);border-radius:4px;background:var(--box-bg,#1c191f);color:var(--box-muted,#aaa);cursor:pointer;box-shadow:none}
.bc-sidebar-toggle[hidden]{display:none}
.bc-sidebar-toggle:hover{color:var(--color-progressive,#ef871e);background:var(--color-surface-2,#282828)}
.bc-sidebar-toggle:focus-visible{outline:2px solid var(--color-progressive,#ef871e);outline-offset:2px}
.bc-sidebar-toggle svg{width:12px;height:12px;pointer-events:none}
.bc-tool-sidebar-compact .bc-sidebar-toggle svg{transform:rotate(180deg)}
@media(max-width:700px){html:root .bc-tool-sidebar-compact.boxed-site .citizen-page-container{grid-template-columns:52px minmax(0,1fr)!important}}
@media print{.bc-sidebar-toggle{display:none!important}}

/* Reserve a real gutter for the toggle and let the compact tools fill the screen. */
html:root .boxed-site[data-page="Loadout Builder"] .citizen-page-container { --bc-tool-gutter: 42px; column-gap: var(--bc-tool-gutter) !important; }
html:root .bc-tool-sidebar-compact.boxed-site:is([data-page="Loadout Builder"],.comparison-page) :is(.citizen-page-container,.boxed-header) { max-width: none !important; }
@media(max-width:700px) { html:root .boxed-site[data-page="Loadout Builder"] .citizen-page-container { --bc-tool-gutter: 34px; } }

html:root .bc-tool-sidebar-compact.boxed-site[data-page="Loadout Builder"] .citizen-body-container { display: block !important; }
