.bg-body{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.bg-page{padding:0;width:calc(100% - 32px);max-width:1920px;margin:var(--site-header-content-gap,12px) auto 0;flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.bg-page *{box-sizing:border-box}.bg-page [hidden]{display:none!important}.bg-page button,.bg-page select,.bg-save-dialog button{font-family:inherit}.bg-page button{cursor:pointer}.bg-page button:disabled{opacity:.45;cursor:default}.bg-page svg:not(.bg-hud-rings){fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.bg-primary{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--surface-page)!important}.bg-page :focus-visible,.bg-save-dialog :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Ready state: one quiet targeting interface, with three real controls. */
.bg-start{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 20px 26px;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--surface-raised) 48%,transparent),transparent 58%)}.bg-circuit{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:radial-gradient(color-mix(in srgb,var(--accent) 40%,transparent) .7px,transparent .8px),linear-gradient(color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 45%,transparent) 1px,transparent 1px);background-size:22px 22px,88px 88px,88px 88px;mask-image:radial-gradient(ellipse,transparent 20%,#000 50%,transparent 86%)}.bg-start:before,.bg-start:after{content:"";position:absolute;top:43%;width:24%;height:100px;border-block:1px solid color-mix(in srgb,var(--accent) 30%,transparent);opacity:.5;z-index:-1;box-shadow:0 0 50px color-mix(in srgb,var(--accent) 5%,transparent)}.bg-start:before{left:3%;transform:skewY(14deg);border-left:2px solid var(--accent)}.bg-start:after{right:3%;transform:skewY(-14deg);border-right:2px solid var(--accent)}.bg-hud{height:min(65dvh,650px);max-width:95%;aspect-ratio:1;flex:0 1 auto;min-height:0;position:relative}.bg-hud-rings{width:100%;height:100%;overflow:visible;stroke:var(--accent)}.hud-faint{stroke:var(--line);stroke-width:1}.hud-inner{stroke:#b7c3c6;stroke-width:.7;opacity:.45}.hud-ticks{stroke:var(--accent);stroke-width:2;stroke-dasharray:1 12;opacity:.55}.hud-arc{stroke:var(--accent);stroke-width:9;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 50%,transparent))}.hud-arc-thin{stroke-width:2}.hud-white{stroke:#c0c9cc;stroke-width:1;opacity:.6}.hud-cross{stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 5px var(--accent))}.hud-wire{stroke:var(--accent);stroke-width:1;opacity:.65}.bg-start-focus{position:absolute;inset:23% 12% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bg-ghost{width:112%;height:35%;object-fit:contain;opacity:.26;filter:grayscale(1) sepia(.5) contrast(1.4) drop-shadow(0 0 1px var(--accent));mix-blend-mode:screen;margin:0 0 7px}.bg-start-focus h2{font-family:var(--title);font-size:calc((clamp(32px,calc(3.1 * var(--type-reference-vw, 1vw)),49px)) * var(--desktop-font-scale, 1));font-weight:700;line-height:1;letter-spacing:.025em;margin:0 0 17px;white-space:nowrap;text-shadow:0 3px 18px #000}.bg-start-focus h2 span{color:var(--accent)}.bg-start-focus h2:after{content:"";display:block;margin:14px auto 0;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.bg-start-focus p{max-width:340px;margin:0;color:#d5dadd;font-size:calc((13px) * var(--desktop-font-scale, 1));line-height:1.65;letter-spacing:.015em}.bg-controls{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(215px,1fr);gap:24px;align-items:end;flex:none;width:min(1100px,100%);padding:14px 18px 16px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-panel) 75%,transparent);box-shadow:0 10px 55px #0003}.bg-controls label,.bg-level-field{display:grid;gap:6px;color:#bac3c7;font-size:calc((10px) * var(--desktop-font-scale, 1));letter-spacing:.12em;min-width:0}.bg-controls select,.bg-levels{width:100%;min-width:0;height:43px;margin:0;padding:9px 13px;border:1px solid color-mix(in srgb,var(--line) 75%,transparent);border-radius:5px;background-color:var(--surface-page);color:var(--accent);font-size:calc((15px) * var(--desktop-font-scale, 1));letter-spacing:.03em;font-weight:600;line-height:1.2}.bg-controls select{appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f76c02' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-size:18px;background-position:right 12px center;background-repeat:no-repeat}.bg-levels{display:flex;align-items:center;justify-content:space-between;text-align:left}.bg-levels b{font-weight:600}.bg-levels svg{width:18px;height:18px}.bg-controls .bg-primary{height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--accent);border-radius:6px;padding:15px 24px;font-size:calc((16px) * var(--desktop-font-scale, 1));font-weight:750;letter-spacing:.055em;box-shadow:inset 0 1px 0 #ffffff20,0 0 24px color-mix(in srgb,var(--accent) 9%,transparent)}
/* Generated state: stock artwork and four parts, with a single analysis surface. */
.bg-result{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.94fr);gap:var(--desktop-gap,16px);padding-bottom:7px}.bg-panel{min-width:0;min-height:0;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-panel) 76%,var(--surface-page)),var(--surface-page));padding:var(--desktop-panel-padding,18px)}.bg-left{display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.bg-hero{flex:1;min-height:0;position:relative;isolation:isolate}.bg-weapon-heading{position:absolute;top:0;left:0;z-index:2}.bg-weapon-heading>small{font:500 calc((10px) * var(--desktop-font-scale, 1))/1.2 var(--mono);letter-spacing:.26em;color:#bac5ca}.bg-weapon-heading h2{font-family:var(--title);font-size:calc((clamp(38px,calc(3.5 * var(--type-reference-vw, 1vw)),66px)) * var(--desktop-font-scale, 1));font-weight:650;line-height:.98;letter-spacing:-.015em;margin:10px 0 8px}.bg-weapon-heading p{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0;color:#b9c4c8;font:500 calc((11px) * var(--desktop-font-scale, 1))/1.3 var(--mono);letter-spacing:.055em}.bg-weapon-heading p i{height:10px;width:1px;background:var(--muted);opacity:.6}.bg-weapon-hud{position:absolute;height:115%;width:85%;left:13%;top:-6%;opacity:.23;z-index:-1}.bg-art{position:absolute;inset:68px -3px 0;display:grid;place-items:center}.bg-art img{width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 15px 18px #0007)}.bg-attachments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;height:clamp(130px,23dvh,205px);min-height:0;flex:none}.bg-attachment{position:relative;min-width:0;min-height:0;padding:11px 12px;display:grid;grid-template-rows:17px minmax(0,1fr) auto;gap:7px;border:1px solid var(--line);border-radius:6px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--surface-raised) 65%,transparent),transparent 78%)}.bg-attachment:before,.bg-attachment:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:color-mix(in srgb,var(--accent) 75%,transparent);border-style:solid}.bg-attachment:before{top:3px;left:3px;border-width:1px 0 0 1px;border-radius:2px 0 0}.bg-attachment:after{bottom:3px;right:3px;border-width:0 1px 1px 0;border-radius:0 0 2px}.bg-attachment small{color:#b5c0c4;font:500 calc((9px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.08em}.bg-attachment img{width:100%;height:100%;min-height:0;max-width:145px;max-height:105px;object-fit:contain;justify-self:center;align-self:center}.bg-attachment strong{font-size:calc((12px) * var(--desktop-font-scale, 1));font-weight:550;line-height:1.3;overflow-wrap:anywhere;color:#edf0f1}.bg-none{display:grid;place-items:center;font:400 calc((30px) * var(--desktop-font-scale, 1)) var(--mono);color:var(--muted)}
.bg-right{display:flex;flex-direction:column;gap:15px}.bg-analysis-panel{display:flex;flex-direction:column;flex:.92;min-height:0}.bg-analysis-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex:none}.bg-analysis-header h2{font-family:var(--title);font-size:calc((clamp(15px,calc(1.35 * var(--type-reference-vw, 1vw)),23px)) * var(--desktop-font-scale, 1));font-weight:650;line-height:1.1;letter-spacing:-.01em;margin:0}.bg-result-actions{display:flex;gap:8px;margin-left:auto}.bg-result-actions button,.bg-result-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;border:1px solid var(--line);border-radius:5px;padding:8px 11px;font-size:calc((9px) * var(--desktop-font-scale, 1));font-weight:650;line-height:1.2;letter-spacing:.015em;background:transparent;color:var(--text);white-space:nowrap}.bg-result-actions svg{height:14px;width:14px;flex:none}.bg-analysis{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:7px;flex:1;min-height:0;margin-top:14px;padding-left:9px;border-left:2px solid var(--accent)}.bg-bar{display:grid;grid-template-columns:19px 88px minmax(0,1fr) 32px;gap:10px;align-items:center;min-height:0}.bg-bar>svg{width:18px;height:18px;color:var(--accent)}.bg-bar>span{font:500 calc((10px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.045em;color:#c4cdd1}.bg-bar-track{height:6px;background:var(--surface-raised);overflow:hidden}.bg-bar-fill{height:100%;background:var(--accent);width:0}.bg-bar strong{font:600 calc((20px) * var(--desktop-font-scale, 1))/1 var(--mono);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.bg-stats-panel{min-height:0;display:flex;flex-direction:column;flex:1;border-top:1px solid var(--line);padding-top:13px}.bg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;margin:0;flex:1;min-height:0}.bg-stat{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;min-height:0;padding:10px 10px 9px;background:color-mix(in srgb,var(--surface-panel) 65%,transparent);border:1px solid var(--line);border-left:1px solid color-mix(in srgb,var(--accent) 70%,var(--line));border-radius:4px}.bg-stat dt{color:#abb9bf;font-size:calc((8px) * var(--desktop-font-scale, 1));line-height:1.2;letter-spacing:.015em}.bg-stat dd{margin:0;font:600 calc((21px) * var(--desktop-font-scale, 1))/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.045em;white-space:nowrap}.bg-stat dd small{font:400 calc((9px) * var(--desktop-font-scale, 1))/1 var(--font);color:#aebbc2;letter-spacing:0;margin-left:4px}.bg-message{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);max-width:min(600px,90%);margin:0;padding:10px 16px;background:var(--surface-raised);color:var(--text);border:1px solid var(--line);border-radius:6px;box-shadow:0 10px 40px #0007;font-size:calc((12px) * var(--desktop-font-scale, 1));line-height:1.5;text-align:center;z-index:10}.bg-message:not(.is-visible){clip-path:inset(50%);width:1px;height:1px;padding:0;border:0;overflow:hidden;white-space:nowrap}.bg-body .bg-footer{width:calc(100% - 32px);max-width:1920px;margin:5px auto 0;flex:none}.bg-save-dialog{background:var(--surface-panel);color:var(--text);border:1px solid var(--line);border-radius:9px;width:min(420px,calc(100% - 28px));padding:24px}.bg-save-dialog::backdrop{background:#0009}.bg-save-dialog h2{font-size:calc((15px) * var(--desktop-font-scale, 1));margin:0 0 20px}.bg-save-dialog label{display:grid;gap:8px;font-size:calc((10px) * var(--desktop-font-scale, 1))}.bg-save-dialog input{background:var(--surface-page);border:1px solid var(--line);color:var(--text);padding:10px;font:inherit}.bg-save-dialog form>div{display:flex;justify-content:flex-end;gap:10px}.bg-save-dialog button{min-height:36px;padding:9px 14px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:4px;font-size:calc((11px) * var(--desktop-font-scale, 1));font-weight:600;cursor:pointer}.bg-save-dialog p{font-size:calc((11px) * var(--desktop-font-scale, 1));color:var(--accent);min-height:15px}
@media(min-width:1101px) and (max-width:1440px){.bg-right{gap:11px}.bg-analysis-header{gap:8px}.bg-result-actions button{min-height:31px;padding:7px 9px;font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-bar{grid-template-columns:16px 77px minmax(0,1fr) 27px;gap:7px}.bg-bar>span{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-bar strong{font-size:calc((17px) * var(--desktop-font-scale, 1))}.bg-stat{padding:8px 7px;gap:5px}.bg-stat dt{font-size:calc((7px) * var(--desktop-font-scale, 1))}.bg-stat dd{font-size:calc((18px) * var(--desktop-font-scale, 1))}.bg-stat dd small{font-size:calc((7px) * var(--desktop-font-scale, 1));margin-left:3px}.bg-stats{gap:6px}.bg-attachment strong{font-size:calc((10px) * var(--desktop-font-scale, 1))}.bg-attachment{padding:9px;gap:5px}}
@media(min-width:1101px) and (max-height:720px){.bg-start{padding-bottom:12px;gap:2px}.bg-hud{height:64dvh}.bg-controls{padding:10px 15px;gap:18px}.bg-controls .bg-primary{height:53px;font-size:calc((14px) * var(--desktop-font-scale, 1))}.bg-controls select,.bg-levels{height:36px;font-size:calc((13px) * var(--desktop-font-scale, 1))}.bg-controls label,.bg-level-field{font-size:calc((8px) * var(--desktop-font-scale, 1));gap:4px}.bg-right{gap:9px}.bg-analysis{gap:5px;margin-top:9px}.bg-bar-track{height:5px}.bg-bar strong{font-size:calc((16px) * var(--desktop-font-scale, 1))}.bg-analysis-header h2{font-size:calc((16px) * var(--desktop-font-scale, 1))}.bg-result-actions button{min-height:29px;padding:6px 8px;font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-stats-panel{padding-top:9px}.bg-stat{padding:6px 7px;gap:4px}.bg-stat dd{font-size:calc((17px) * var(--desktop-font-scale, 1))}.bg-stat dt{font-size:calc((7px) * var(--desktop-font-scale, 1))}.bg-stats{gap:5px}.bg-attachments{height:22dvh;gap:7px}.bg-attachment{padding:7px;gap:4px;grid-template-rows:13px minmax(0,1fr) auto}.bg-attachment strong{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-attachment small{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-weapon-heading h2{font-size:calc((40px) * var(--desktop-font-scale, 1));margin:7px 0}.bg-weapon-heading>small{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-weapon-heading p{font-size:calc((9px) * var(--desktop-font-scale, 1))}}
@media(max-width:1100px){.bg-body{height:auto;min-height:100dvh;overflow:auto}.bg-page{width:calc(100% - 24px);flex:1;min-height:0}.bg-start{min-height:650px;padding:8px 5px 28px;gap:15px;overflow:hidden}.bg-hud{height:auto;width:min(540px,90vw);flex:none}.bg-start-focus h2{font-size:calc((40px) * var(--desktop-font-scale, 1))}.bg-start-focus p{font-size:calc((12px) * var(--desktop-font-scale, 1));max-width:300px}.bg-controls{gap:12px;padding:12px;grid-template-columns:1fr 1fr}.bg-controls .bg-primary{grid-column:1/-1;height:48px;justify-content:center;font-size:calc((14px) * var(--desktop-font-scale, 1))}.bg-controls label,.bg-level-field{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-controls select,.bg-levels{height:40px;font-size:calc((13px) * var(--desktop-font-scale, 1))}.bg-result{display:flex;flex-direction:column;gap:12px;padding-bottom:12px;flex:none}.bg-left,.bg-right{display:contents}.bg-hero{order:1;flex:none;min-height:330px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel);padding:15px;overflow:hidden}.bg-weapon-heading{top:15px;left:15px}.bg-weapon-heading h2{font-size:calc((44px) * var(--desktop-font-scale, 1))}.bg-weapon-heading p{font-size:calc((11px) * var(--desktop-font-scale, 1))}.bg-weapon-heading>small{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-art{inset:85px 8px 5px}.bg-weapon-hud{height:110%;width:85%;left:13%;top:0}.bg-analysis-panel{order:2;flex:none;min-height:280px;border:1px solid var(--line);background:var(--surface-panel);border-radius:8px;padding:16px}.bg-analysis-header h2{font-size:calc((19px) * var(--desktop-font-scale, 1))}.bg-analysis-header{gap:12px}.bg-result-actions{gap:7px}.bg-result-actions button{font-size:calc((9px) * var(--desktop-font-scale, 1));min-height:36px}.bg-analysis{gap:10px;min-height:180px;margin-top:16px}.bg-bar{grid-template-columns:18px 100px minmax(0,1fr) 35px;gap:10px}.bg-bar>span{font-size:calc((10px) * var(--desktop-font-scale, 1))}.bg-bar strong{font-size:calc((20px) * var(--desktop-font-scale, 1))}.bg-bar-track{height:7px}.bg-attachments{order:3;flex:none;height:170px;gap:9px}.bg-attachment{background:var(--surface-panel);padding:10px;grid-template-rows:16px minmax(0,1fr) auto}.bg-attachment strong{font-size:calc((11px) * var(--desktop-font-scale, 1))}.bg-stats-panel{order:4;flex:none;padding:16px;background:var(--surface-panel);border:1px solid var(--line);border-radius:8px}.bg-stats{grid-template-rows:repeat(3,minmax(64px,auto));gap:8px}.bg-stat dt{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-stat dd{font-size:calc((21px) * var(--desktop-font-scale, 1))}.bg-message{position:fixed;bottom:65px}.bg-body .bg-footer{margin-top:auto}}
@media(max-width:600px){.bg-start{min-height:560px;gap:22px;padding-bottom:22px}.bg-hud{width:100%;max-width:370px}.bg-start-focus{inset:20% 12% 16%}.bg-start-focus h2{font-size:calc((29px) * var(--desktop-font-scale, 1));margin-bottom:8px}.bg-start-focus h2:after{margin-top:10px;width:65px}.bg-start-focus p{font-size:calc((10px) * var(--desktop-font-scale, 1));line-height:1.55;max-width:225px}.bg-ghost{height:31%;margin-bottom:5px}.bg-controls{padding:11px;gap:10px}.bg-controls label,.bg-level-field{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-controls select,.bg-levels{font-size:calc((10px) * var(--desktop-font-scale, 1));height:38px;padding:8px 9px}.bg-controls select{padding-right:28px;background-position:right 8px center}.bg-controls .bg-primary{font-size:calc((12px) * var(--desktop-font-scale, 1));min-height:44px;height:44px}.bg-start:before,.bg-start:after{width:16%;height:70px;top:32%;opacity:.3}.bg-page{width:calc(100% - 20px)}.bg-hero{min-height:285px}.bg-weapon-heading h2{font-size:calc((38px) * var(--desktop-font-scale, 1))}.bg-weapon-heading p{font-size:calc((9px) * var(--desktop-font-scale, 1));gap:8px}.bg-weapon-heading>small{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-analysis-panel{padding:14px;min-height:300px}.bg-analysis-header h2{font-size:calc((16px) * var(--desktop-font-scale, 1))}.bg-result-actions{margin-left:0;width:100%;display:grid;grid-template-columns:1.25fr 1fr}.bg-result-actions button{font-size:calc((9px) * var(--desktop-font-scale, 1));min-height:35px}.bg-analysis{min-height:170px;gap:10px;margin-top:15px}.bg-bar{grid-template-columns:16px 80px minmax(0,1fr) 28px;gap:7px}.bg-bar>span{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-bar strong{font-size:calc((17px) * var(--desktop-font-scale, 1))}.bg-bar>svg{width:16px;height:16px}.bg-bar-track{height:6px}.bg-attachments{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bg-attachment{min-height:155px;grid-template-rows:15px 74px auto;padding:11px;gap:7px}.bg-attachment img{max-height:74px;max-width:100px}.bg-attachment strong{font-size:calc((11px) * var(--desktop-font-scale, 1))}.bg-stats-panel{padding:13px}.bg-stats{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(65px,auto);gap:6px}.bg-stat{padding:8px 7px;gap:6px}.bg-stat dt{font-size:calc((7px) * var(--desktop-font-scale, 1));line-height:1.25}.bg-stat dd{font-size:calc((17px) * var(--desktop-font-scale, 1))}.bg-stat dd small{font-size:calc((7px) * var(--desktop-font-scale, 1));margin-left:3px}.bg-body .bg-footer{width:calc(100% - 20px)}}
.bg-levels{gap:12px;cursor:pointer}.bg-levels:after{content:"";flex:none;width:32px;height:17px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:99px;background:radial-gradient(circle at 8px 50%,#aeb7ba 0 5px,transparent 5.5px),#171a1b;background-repeat:no-repeat;transition:background .18s,border-color .18s}.bg-levels[data-on="true"]:after{border-color:var(--accent);background:radial-gradient(circle at 24px 50%,#fff 0 5px,transparent 5.5px),color-mix(in srgb,var(--accent) 72%,#242424)}.bg-levels:disabled{cursor:wait;opacity:.65}

/* Result typography refinement. */
.bg-weapon-heading h2{color:var(--accent);font-weight:500;letter-spacing:0;text-shadow:0 3px 18px #000,0 0 18px color-mix(in srgb,var(--accent) 14%,transparent)}
.bg-analysis-header h2{font-weight:500;color:#dce2e4;letter-spacing:0}


/* Keep the stock weapon clean, without a cast shadow or halo. */
.bg-art img{filter:none}
/* The same account-wide Level Filter switch is available beside Generate Again. */
.bg-result-actions .bg-result-levels{width:auto;min-width:128px;height:35px;padding:8px 10px;gap:8px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:calc((9px) * var(--desktop-font-scale, 1));letter-spacing:.015em}
.bg-result-levels span{white-space:nowrap}
.bg-result-levels b{font-size:calc((9px) * var(--desktop-font-scale, 1));font-weight:650}
@media(max-width:600px){.bg-result-actions .bg-result-levels{width:100%;min-width:0;padding:8px;gap:5px;font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-result-levels b{font-size:calc((8px) * var(--desktop-font-scale, 1))}.bg-result-actions #bg-save{grid-column:1/-1}}

/* Static polish limited to the AUTO BUILD entry screen. */
.bg-start{gap:6px}
.bg-start .bg-hud-rings{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 13%,transparent))}
.bg-start .hud-faint{stroke:color-mix(in srgb,var(--line) 76%,var(--accent));stroke-width:1.15;opacity:.88}
.bg-start .hud-inner{opacity:.58}
.bg-start .hud-ticks{opacity:.68}
.bg-start .bg-ghost{width:118%;height:38%;opacity:.34}
.bg-engine-ready{margin:0 0 8px;color:color-mix(in srgb,var(--accent) 67%,#c2c9ca);font:500 calc((9px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.24em}
.bg-start-focus h2{font-size:calc((clamp(34px,calc(3.25 * var(--type-reference-vw, 1vw)),52px)) * var(--desktop-font-scale, 1));margin-bottom:15px}
@media(max-width:1100px){.bg-start{gap:11px}.bg-start-focus h2{font-size:calc((41px) * var(--desktop-font-scale, 1))}}
@media(max-width:600px){.bg-start{gap:17px}.bg-start-focus h2{font-size:calc((30px) * var(--desktop-font-scale, 1));margin-bottom:7px}.bg-engine-ready{font-size:calc((8px) * var(--desktop-font-scale, 1));margin-bottom:6px}.bg-ghost{height:34%}}

/* BUILD GENERATOR accent, isolated from the site header and all other sections. */
.bg-page,.bg-save-dialog{--accent:rgb(255,0,0);--accent-rgb:255 0 0}
.bg-page .bg-controls select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff0000' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}

/* Center the entry identity after removing the weapon ghost. */
.bg-start-focus{inset:12% 12%}
.bg-start-focus p{max-width:380px}

/* Live THE ARMORER recommendation, between analysis and build stats. */
.bg-armorer{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(128px,.34fr) minmax(0,1fr);gap:0;flex:1.12;min-height:164px;max-height:244px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 82%,var(--line));border-radius:7px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 10%,var(--surface-panel)),var(--surface-panel) 38%,color-mix(in srgb,var(--surface-raised) 52%,var(--surface-page)));box-shadow:inset 0 0 24px color-mix(in srgb,var(--accent) 5%,transparent)}
.bg-armorer-portrait{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--surface-page)}
.bg-armorer-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,var(--surface-panel) 100%),linear-gradient(0deg,color-mix(in srgb,var(--surface-page) 38%,transparent),transparent 32%);pointer-events:none}
.bg-armorer-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.bg-armorer-content{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;padding:12px 15px 11px 10px}
.bg-armorer-eyebrow{margin:0;color:#b9c5ca;font:500 calc((9px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.13em}
.bg-armorer-eyebrow:before{content:"//";margin-right:8px;color:var(--accent)}
.bg-armorer-content>h3{margin:0;color:#eef1f2;font-family:var(--title);font-size:calc((clamp(16px,calc(1.5 * var(--type-reference-vw, 1vw)),25px)) * var(--desktop-font-scale, 1));font-weight:500;line-height:1.05;letter-spacing:.005em}
.bg-armorer-content>h3 span{color:var(--accent)}
.bg-armorer-copy{margin:0;color:#d5dcdf;font-size:calc((clamp(10px,calc(.78 * var(--type-reference-vw, 1vw)),12px)) * var(--desktop-font-scale, 1));line-height:1.42;max-width:66ch}
.bg-armorer-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}
.bg-armorer-badges>span{display:flex;align-items:center;gap:5px;min-height:25px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--line));border-radius:4px;background:color-mix(in srgb,var(--surface-page) 72%,transparent);white-space:nowrap}
.bg-armorer-badges small{color:#d4dcdf;font:600 calc((8px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.045em}
.bg-armorer-badges b{color:var(--accent);font:700 calc((9px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.025em}
@media(min-width:1101px) and (max-width:1440px){.bg-armorer{min-height:145px;max-height:205px;grid-template-columns:minmax(110px,.32fr) minmax(0,1fr)}.bg-armorer-content{gap:5px;padding:9px 11px 8px 8px}.bg-armorer-copy{font-size:calc((10px) * var(--desktop-font-scale, 1));line-height:1.35}.bg-armorer-badges>span{min-height:22px;padding:4px 6px}.bg-armorer-badges small{font-size:calc((7px) * var(--desktop-font-scale, 1))}.bg-armorer-badges b{font-size:calc((8px) * var(--desktop-font-scale, 1))}}
@media(min-width:1101px) and (max-height:720px){.bg-armorer{flex:1.05;min-height:120px;max-height:154px;grid-template-columns:minmax(100px,.3fr) minmax(0,1fr)}.bg-armorer-content{gap:4px;padding:7px 9px 7px 6px}.bg-armorer-eyebrow{font-size:calc((7px) * var(--desktop-font-scale, 1))}.bg-armorer-content>h3{font-size:calc((15px) * var(--desktop-font-scale, 1))}.bg-armorer-copy{font-size:calc((9px) * var(--desktop-font-scale, 1));line-height:1.28}.bg-armorer-badges{gap:4px;margin-top:0}.bg-armorer-badges>span{min-height:19px;padding:3px 5px}.bg-armorer-badges small,.bg-armorer-badges b{font-size:calc((7px) * var(--desktop-font-scale, 1))}}
@media(max-width:1100px){.bg-armorer{order:4;flex:none;min-height:220px;max-height:none;grid-template-columns:minmax(112px,.34fr) minmax(0,1fr);border-radius:8px;background:var(--surface-panel)}.bg-armorer-content{gap:7px;padding:12px}.bg-armorer-content>h3{font-size:calc((clamp(17px,calc(3 * var(--type-reference-vw, 1vw)),22px)) * var(--desktop-font-scale, 1))}.bg-armorer-copy{font-size:calc((12px) * var(--desktop-font-scale, 1));line-height:1.45}.bg-stats-panel{order:5}}
@media(max-width:600px){.bg-armorer{min-height:210px;grid-template-columns:88px minmax(0,1fr)}.bg-armorer-content{gap:6px;padding:10px 9px}.bg-armorer-eyebrow{font-size:calc((7px) * var(--desktop-font-scale, 1));letter-spacing:.09em}.bg-armorer-content>h3{font-size:calc((16px) * var(--desktop-font-scale, 1))}.bg-armorer-copy{font-size:calc((10px) * var(--desktop-font-scale, 1));line-height:1.38}.bg-armorer-badges{gap:4px}.bg-armorer-badges>span{min-height:20px;padding:4px 5px;gap:4px}.bg-armorer-badges small,.bg-armorer-badges b{font-size:calc((7px) * var(--desktop-font-scale, 1))}}

/* Spacing refinement for the generated result, keeping the page frame fixed. */
@media(min-width:1101px){
 .bg-right{gap:17px}
 .bg-analysis{gap:9px}
 .bg-armorer-content{gap:9px;padding:15px 18px 14px 12px}
 .bg-armorer-copy{line-height:1.5}
 .bg-armorer-badges{gap:9px;margin-top:4px}
 .bg-stats-panel{padding-top:15px}

 .bg-stats{gap:10px}
 .bg-stat{gap:8px;padding:11px}

}
@media(min-width:1101px) and (max-width:1440px){
 .bg-right{gap:13px}
 .bg-analysis{gap:8px}
 .bg-armorer-content{gap:7px;padding:11px 13px 10px 9px}
 .bg-armorer-badges{gap:7px;margin-top:3px}
 .bg-stats-panel{padding-top:13px}

 .bg-stats{gap:8px}
 .bg-stat{gap:7px;padding:9px 8px}

}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:11px}
 .bg-analysis{gap:6px;margin-top:10px}
 .bg-armorer-content{gap:5px;padding:9px 10px 8px 7px}
 .bg-armorer-copy{line-height:1.38}
 .bg-armorer-badges{gap:5px;margin-top:1px}
 .bg-stats-panel{padding-top:11px}

 .bg-stats{gap:6px}
 .bg-stat{gap:5px;padding:7px}

}
@media(max-width:1100px){
 .bg-analysis{gap:11px}
 .bg-armorer-content{gap:7px;padding:13px 11px}
 .bg-armorer-copy{line-height:1.46}
 .bg-armorer-badges{gap:6px;margin-top:2px}
 .bg-stats-panel{padding-top:13px}

 .bg-stats{gap:8px;grid-auto-rows:minmax(63px,auto)}
 .bg-stat{gap:7px;padding:8px 7px}
}
@media(max-width:600px){
 .bg-analysis{gap:10px}
 .bg-armorer-content{gap:6px;padding:11px 9px}
 .bg-armorer-copy{line-height:1.43}
 .bg-armorer-badges{gap:4px;margin-top:1px}
 .bg-stats-panel{padding-top:12px}

 .bg-stats{gap:7px;grid-auto-rows:minmax(62px,auto)}
 .bg-stat{gap:6px;padding:8px 7px}
}

@media(min-width:1101px){
 .bg-right{gap:18px}
 .bg-armorer{flex:1.34;max-height:300px}
 .bg-stats-panel{flex:1.22}

}
@media(min-width:1101px) and (max-width:1440px){
 .bg-right{gap:14px}
 .bg-armorer{flex:1.3;max-height:235px}
 .bg-stats-panel{flex:1.18}

}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:11px}
 .bg-armorer{flex:1.18;max-height:174px}
 .bg-stats-panel{flex:1.12}

}
@media(max-width:1100px){

}

/* Compact Workbench shortcut sits in the Build Stats header; no dedicated footer band. */


.bg-result-actions a{min-height:35px;padding:8px 10px;text-decoration:none;font-size:calc((8px) * var(--desktop-font-scale, 1))}
.bg-result-actions a svg{width:15px;height:15px;flex:none}
.bg-result-actions a>span{font-size:calc((16px) * var(--desktop-font-scale, 1));line-height:.7;margin-left:2px}
.bg-result-actions a[aria-disabled=true]{opacity:.4;pointer-events:none}
@media(min-width:1101px){
 .bg-right{gap:19px}
 .bg-analysis-panel{flex:1.04}
 .bg-armorer{flex:1.34;max-height:310px}
 .bg-stats-panel{flex:1.24}
 .bg-analysis{gap:10px;margin-top:16px}
 .bg-bar{gap:12px}
 .bg-armorer-content{gap:10px;padding:16px 19px 15px 13px}
 .bg-armorer-copy{line-height:1.52}
 .bg-stats-panel{padding-top:15px}
 .bg-stats{gap:10px}
 .bg-stat{gap:8px;padding:11px}
}
@media(min-width:1101px) and (max-width:1440px){
 .bg-right{gap:15px}
 .bg-armorer{flex:1.3;max-height:245px}
 .bg-stats-panel{flex:1.2}
 .bg-analysis{gap:8px;margin-top:13px}
 .bg-bar{gap:8px}
 .bg-armorer-content{gap:8px;padding:12px 14px 11px 10px}
 .bg-armorer-copy{line-height:1.48}
 .bg-stats-panel{padding-top:13px}

 .bg-stats{gap:8px}
 .bg-stat{gap:7px;padding:9px 8px}
 .bg-result-actions a{min-height:31px;padding:7px 8px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:12px}
 .bg-analysis-panel{flex:1}
 .bg-armorer{flex:1.2;max-height:176px}
 .bg-stats-panel{flex:1.16}
 .bg-analysis{gap:6px;margin-top:10px}
 .bg-bar{gap:7px}
 .bg-armorer-content{gap:5px;padding:9px 10px 8px 7px}
 .bg-armorer-copy{line-height:1.4}
 .bg-stats-panel{padding-top:10px}

 .bg-stats{gap:6px}
 .bg-stat{gap:5px;padding:7px}
 .bg-result-actions a{min-height:29px;padding:6px 7px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
}
@media(max-width:1100px){

 .bg-result-actions a{min-height:36px;padding:8px 10px;font-size:calc((8px) * var(--desktop-font-scale, 1))}
}
@media(max-width:600px){


 .bg-result-actions a{min-height:34px;padding:7px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
}
/* Keep the compact Workbench link from expanding its inline SVG into the stats grid. */



@media(max-width:600px){}

@media(min-width:1101px){
 .bg-page{margin-top:12px}
 .bg-right{gap:20px}
 .bg-analysis-panel{flex:1.08}
 .bg-armorer{flex:1.42;max-height:320px}
 .bg-stats-panel{flex:1.32;border-top:0;padding-top:0}
 .bg-analysis{gap:11px;margin-top:16px}
 .bg-bar{gap:12px}
 .bg-armorer-content{gap:10px;padding:16px 19px 15px 13px}
 .bg-armorer-copy{line-height:1.52}
 .bg-stats{gap:11px}
 .bg-stat{gap:9px;padding:12px}
 .bg-result-actions a#bg-workbench{width:34px;min-width:34px;height:34px;min-height:34px;padding:8px}
 .bg-result-actions a#bg-workbench svg{width:16px;height:16px;flex:0 0 16px}
}
@media(min-width:1101px) and (max-width:1440px){
 .bg-right{gap:16px}
 .bg-analysis-panel{flex:1.04}
 .bg-armorer{flex:1.36;max-height:250px}
 .bg-stats-panel{flex:1.26;border-top:0;padding-top:0}
 .bg-analysis{gap:9px;margin-top:14px}
 .bg-bar{gap:9px}
 .bg-armorer-content{gap:8px;padding:13px 14px 12px 10px}
 .bg-armorer-copy{line-height:1.48}
 .bg-stats{gap:9px}
 .bg-stat{gap:8px;padding:10px 9px}
 .bg-result-actions a#bg-workbench{width:31px;min-width:31px;height:31px;min-height:31px;padding:7px}
 .bg-result-actions a#bg-workbench svg{width:15px;height:15px;flex-basis:15px}
}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:13px}
 .bg-armorer{flex:1.24;max-height:178px}
 .bg-stats-panel{flex:1.18;border-top:0;padding-top:0}
 .bg-analysis{gap:7px;margin-top:11px}
 .bg-bar{gap:8px}
 .bg-armorer-content{gap:5px;padding:9px 10px 8px 7px}
 .bg-armorer-copy{line-height:1.4}
 .bg-stats{gap:7px}
 .bg-stat{gap:6px;padding:8px}
 .bg-result-actions a#bg-workbench{width:29px;min-width:29px;height:29px;min-height:29px;padding:6px}
}

/* Final result hierarchy: one compact action band, a clearer Armorer panel and balanced stats rows. */
@media(min-width:1101px){
 .bg-analysis-header{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;flex-wrap:nowrap}
 .bg-analysis-header h2{font-size:calc((clamp(11px,calc(1 * var(--type-reference-vw, 1vw)),18px)) * var(--desktop-font-scale, 1));white-space:nowrap}
 .bg-result-actions{min-width:0;justify-content:flex-end;gap:5px}
 .bg-result-actions button,.bg-result-actions a{min-width:0;min-height:32px;padding:5px 7px;gap:4px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-result-actions svg{width:12px;height:12px}
 .bg-result-actions .bg-result-levels{min-width:96px;height:32px;padding:5px 6px;gap:5px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-result-levels b{font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-result-actions a#bg-workbench{width:auto;min-width:0;height:32px;min-height:32px;padding:5px 7px;gap:4px}
 .bg-result-actions a#bg-workbench svg{width:12px;height:12px;flex:0 0 12px}
 .bg-result-actions a#bg-workbench>span{font-size:calc((7px) * var(--desktop-font-scale, 1));line-height:1;letter-spacing:.015em;margin:0}
 .bg-right{gap:20px}
 .bg-analysis{gap:13px}
 .bg-armorer{flex:1.5;min-height:174px;max-height:330px}
 .bg-armorer-content{gap:11px;padding:17px 20px 16px 14px}
 .bg-armorer-copy{font-size:calc((clamp(11px,calc(.72 * var(--type-reference-vw, 1vw)),13px)) * var(--desktop-font-scale, 1));line-height:1.58}
 .bg-armorer-badges{gap:9px;margin-top:4px}
 .bg-armorer-badges>span{min-height:27px;padding:6px 9px}
 .bg-armorer-badges small{font-size:calc((8.5px) * var(--desktop-font-scale, 1))}
 .bg-armorer-badges b{font-size:calc((10px) * var(--desktop-font-scale, 1))}
 .bg-stats-panel{flex:1.34;gap:8px;padding-top:0;border-top:0}
 .bg-stats-panel>h3{flex:none;margin:0;color:#aebbc1;font:500 calc((8px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.16em}
 .bg-stats{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}
 .bg-stat{grid-column:span 3;gap:9px;padding:13px 12px}
 .bg-stat:nth-child(n+9){grid-column:span 4}
}
@media(min-width:1101px) and (max-width:1440px){
 .bg-analysis-header{gap:6px}
 .bg-analysis-header h2{font-size:calc((clamp(10px,calc(.9 * var(--type-reference-vw, 1vw)),13px)) * var(--desktop-font-scale, 1))}
 .bg-result-actions{gap:3px}
 .bg-result-actions button,.bg-result-actions a{min-height:30px;padding:4px 5px;gap:3px;font-size:calc((6px) * var(--desktop-font-scale, 1))}
 .bg-result-actions .bg-result-levels{min-width:84px;height:30px;padding:4px 5px;gap:4px;font-size:calc((6px) * var(--desktop-font-scale, 1))}
 .bg-result-levels b,.bg-result-actions a#bg-workbench>span{font-size:calc((6px) * var(--desktop-font-scale, 1))}
 .bg-result-actions a#bg-workbench{height:30px;min-height:30px;padding:4px 5px}
 .bg-armorer{flex:1.42;min-height:160px;max-height:260px}
 .bg-armorer-content{gap:9px;padding:13px 15px 12px 10px}
 .bg-armorer-copy{font-size:calc((11px) * var(--desktop-font-scale, 1));line-height:1.54}
 .bg-stats-panel{flex:1.28;gap:7px}
 .bg-stats{gap:8px}
 .bg-stat{gap:8px;padding:10px 8px}
}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:12px}
 .bg-analysis{gap:8px}
 .bg-armorer{flex:1.28;min-height:130px;max-height:185px}
 .bg-armorer-content{gap:6px;padding:9px 11px 8px 7px}
 .bg-armorer-copy{font-size:calc((10px) * var(--desktop-font-scale, 1));line-height:1.42}
 .bg-armorer-badges>span{min-height:22px;padding:4px 6px}
 .bg-armorer-badges small,.bg-armorer-badges b{font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-stats-panel{flex:1.18;gap:6px}
 .bg-stats-panel>h3{font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-stats{gap:6px}
 .bg-stat{gap:5px;padding:7px}
}
.bg-cooldown{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(60px,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:5px 10px;padding:7px 9px;border:1px solid color-mix(in srgb,#ff2638 48%,var(--line));border-radius:5px;background:color-mix(in srgb,#ff2638 7%,var(--surface-page));min-width:0}.bg-cooldown[hidden]{display:none!important}.bg-cooldown-heading{display:contents}.bg-cooldown-heading>span:first-child{grid-column:1;grid-row:1;color:#ff6470;font:600 calc((8px) * var(--desktop-font-scale, 1))/1 var(--mono);letter-spacing:.12em}.bg-cooldown-bolt{grid-column:3;grid-row:1/-1;color:#ff2638;font:700 calc((23px) * var(--desktop-font-scale, 1))/1 var(--mono);text-shadow:0 0 8px #ff2638,0 0 18px #ff263888;animation:bg-bolt-pulse 1.1s ease-in-out infinite}.bg-cooldown-track{grid-column:1/3;grid-row:2;height:7px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,#ff2638 18%,var(--surface-raised));box-shadow:inset 0 0 4px #0008}.bg-cooldown-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff142b,#ff3347 58%,#ff7782);box-shadow:0 0 8px #ff2638,0 0 15px #ff263866;transition:width .9s linear}.bg-cooldown-copy{grid-column:1/-1;grid-row:3;margin:0;color:#ff8790;font:500 calc((8px) * var(--desktop-font-scale, 1))/1.25 var(--mono);letter-spacing:.075em;text-align:left;min-height:10px}@keyframes bg-bolt-pulse{50%{opacity:.48;transform:scale(.88)}}.bg-analysis-panel>.bg-cooldown{margin-top:10px}.bg-start .bg-cooldown{padding:7px 10px}.bg-start .bg-cooldown-copy{text-align:center}@media(prefers-reduced-motion:reduce){.bg-cooldown-bolt{animation:none}.bg-cooldown-fill{transition:none}}
/* Reserve independent rows for analysis, commentary and stats, including the cooldown. */
@media(min-width:1101px){
 .bg-right,.bg-right *{box-sizing:border-box}
 .bg-right{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1.08fr) auto;gap:16px;padding:var(--desktop-panel-padding,20px)}
 .bg-analysis-panel{min-height:0;max-height:none;gap:0}
 .bg-analysis{grid-template-rows:repeat(5,minmax(16px,1fr));min-height:112px;gap:6px;margin-top:12px;padding:4px 0 4px 10px}
 .bg-bar{min-height:16px}
 .bg-bar strong{font-size:calc((17px) * var(--desktop-font-scale, 1))}
 .bg-analysis-panel>.bg-cooldown{flex:none;margin-top:14px;padding:8px 10px}
 .bg-armorer{min-height:0;max-height:none}
 .bg-armorer-content{gap:9px;padding:15px 18px}
 .bg-armorer-badges{gap:7px;margin-top:3px}
 .bg-armorer-badges>span{min-height:26px;padding:6px 8px}
 .bg-stats-panel{min-height:0;gap:8px;padding:0;border:0}
 .bg-stats-panel>h3{margin:0;line-height:1.3}
 .bg-stats{flex:none;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(3,48px);gap:8px}
 .bg-stat{grid-column:span 3;min-height:0;gap:4px;padding:7px 9px}
 .bg-stat:nth-child(n+9){grid-column:span 4}
 .bg-stat dt{font-size:calc((7px) * var(--desktop-font-scale, 1));line-height:1.2}
 .bg-stat dd{font-size:calc((16px) * var(--desktop-font-scale, 1));line-height:1.1}
 .bg-stat dd small{font-size:calc((7px) * var(--desktop-font-scale, 1));margin-left:4px}
}
@media(min-width:1601px){
 .bg-stats{grid-template-columns:repeat(30,minmax(0,1fr));grid-template-rows:repeat(2,54px)}
 .bg-stat:nth-child(n){grid-column:span 5}
 .bg-stat:nth-child(n+7){grid-column:span 6}
}
@media(min-width:1101px) and (max-height:720px){
 .bg-right{gap:10px}
 .bg-analysis{margin-top:8px;min-height:94px;gap:3px;padding-block:2px}
 .bg-bar strong{font-size:calc((14px) * var(--desktop-font-scale, 1))}
 .bg-analysis-panel>.bg-cooldown{margin-top:10px;padding:6px 8px}
 .bg-armorer-content{gap:5px;padding:10px 12px}
 .bg-stats{grid-template-rows:repeat(3,40px);gap:5px}
 .bg-stat{gap:3px;padding:5px 7px}
 .bg-stat dd{font-size:calc((14px) * var(--desktop-font-scale, 1))}
}
@media(min-width:1601px) and (max-height:720px){.bg-stats{grid-template-rows:repeat(2,44px)}}

.bg-left>.bg-cooldown{flex:none;box-sizing:border-box;width:100%;padding:9px 12px;margin:2px 0;position:relative;z-index:1}
@media(max-width:1100px){.bg-left>.bg-cooldown{order:2;width:auto;margin:0;padding:10px 13px}}

.bg-cooldown{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 10px}.bg-cooldown-heading{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px}.bg-cooldown-heading>span:first-child{grid-column:auto;grid-row:auto;min-width:0;color:#ff6470;font:600 calc((8px) * var(--desktop-font-scale, 1))/1.2 var(--mono);letter-spacing:.08em}.bg-cooldown-percent{flex:none;color:#fff;font:700 calc((10px) * var(--desktop-font-scale, 1))/1 var(--mono);font-variant-numeric:tabular-nums}.bg-cooldown-bolt{grid-column:2;grid-row:1/4;align-self:center}.bg-cooldown-track{grid-column:1;grid-row:2}.bg-cooldown-copy{grid-column:1;grid-row:3;min-height:0;overflow-wrap:anywhere}

/* Mobile result hierarchy: weapon, compatible attachments, cooldown, then analysis. */
@media(max-width:1100px){
 .bg-hero{order:1}
 .bg-attachments{order:2}
 .bg-left>.bg-cooldown{order:3}
 .bg-analysis-panel{order:4}
 .bg-armorer{order:5}
 .bg-stats-panel{order:6}
 .bg-controls .bg-primary{justify-content:center}
}
@media(max-width:600px){
 .bg-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
 .bg-result-actions #bg-again{grid-column:1/-1}
 .bg-result-actions #bg-result-levels,.bg-result-actions #bg-save{width:100%;min-width:0}
 .bg-result-actions #bg-result-levels{padding-inline:8px}
}
/* Terminal percentage readout anchored to the progress track. */
.bg-cooldown{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 8px}
.bg-cooldown-heading{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:8px}
.bg-cooldown-heading>span:first-child{grid-column:auto;grid-row:auto;min-width:0;color:#ff6470;font:600 calc((8px) * var(--desktop-font-scale, 1))/1.2 var(--mono);letter-spacing:.08em}
.bg-cooldown-bolt{grid-column:auto;grid-row:auto;align-self:center;flex:none}
.bg-cooldown-track{grid-column:1;grid-row:2}
.bg-cooldown-percent{grid-column:2;grid-row:2;align-self:center;min-width:42px;padding:3px 5px;border:1px solid color-mix(in srgb,#ff2638 52%,var(--line));border-radius:3px;background:color-mix(in srgb,#ff2638 9%,var(--surface-page));color:#ff3447;font:700 calc((10px) * var(--desktop-font-scale, 1))/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:center;text-shadow:0 0 8px #ff263866;box-shadow:inset 0 0 8px #ff26381a}
.bg-cooldown-copy{grid-column:1/-1;grid-row:3;min-height:0;overflow-wrap:anywhere}
.bg-controls .bg-primary{justify-content:center}

@media(max-width:600px){
 .bg-armorer{order:1}
 .bg-hero{order:2;min-height:238px}
 .bg-attachments{order:3}
 .bg-left>.bg-cooldown{order:4}
 .bg-analysis-panel{order:5}
 .bg-stats-panel{order:6}
 .bg-weapon-heading{top:12px;left:12px}
 .bg-weapon-heading h2{font-size:calc((34px) * var(--desktop-font-scale, 1));margin:6px 0 5px}
 .bg-weapon-heading>small{font-size:calc((7px) * var(--desktop-font-scale, 1))}
 .bg-weapon-heading p{font-size:calc((8px) * var(--desktop-font-scale, 1));gap:7px}
 .bg-art{inset:72px 8px 3px}
 .bg-weapon-hud{height:100%;width:90%;left:8%;top:0}
 .bg-result-actions #bg-again{grid-column:1/-1;grid-row:1}
 .bg-result-actions #bg-result-levels{grid-column:1;grid-row:2}
 .bg-result-actions #bg-save{grid-column:2;grid-row:2}
}

/* Refined entry hero typography for clarity and separation. */
.bg-start-focus{inset:11% 10%;gap:0}
.bg-engine-ready{display:block;margin:0 0 21px;color:#ff3447;font:500 calc((10px) * var(--desktop-font-scale, 1))/1.2 var(--mono);letter-spacing:.34em;text-shadow:0 0 8px #ff263822}
.bg-start-focus h2{font-family:var(--font);color:#f4f5f6;font-size:calc((clamp(40px,calc(3.8 * var(--type-reference-vw, 1vw)),59px)) * var(--desktop-font-scale, 1));font-weight:600;line-height:1.04;letter-spacing:.065em;word-spacing:.08em;margin:0;text-shadow:0 2px 12px #000}
.bg-start-focus h2 span{color:#ff2638}
.bg-start-focus h2:after{margin:16px auto 23px;width:104px}
.bg-start-focus .bg-promise{display:grid;gap:12px;max-width:100%;margin:0 0 22px;color:#f3f4f5;font-family:var(--font);font-size:calc((clamp(15px,calc(1.5 * var(--type-reference-vw, 1vw)),20px)) * var(--desktop-font-scale, 1));font-weight:500;line-height:1.24;letter-spacing:.035em;text-shadow:0 1px 8px #000}
.bg-start-focus .bg-promise span{display:block}
.bg-start-focus .bg-promise span:last-child{color:#ff2638}
.bg-start-focus .bg-description{max-width:460px;margin:0;color:#dfe3e5;font-size:calc((15px) * var(--desktop-font-scale, 1));line-height:1.7;letter-spacing:.005em;text-wrap:pretty}
.bg-start-focus .bg-description strong{color:#ff2638;font-weight:650}
@media(max-width:1100px){
 .bg-start-focus{inset:11% 10%}
 .bg-engine-ready{margin-bottom:17px}
 .bg-start-focus h2{font-size:calc((40px) * var(--desktop-font-scale, 1));letter-spacing:.055em}
 .bg-start-focus h2:after{margin:13px auto 19px}
 .bg-start-focus .bg-promise{font-size:calc((16px) * var(--desktop-font-scale, 1));gap:9px;margin-bottom:17px}
 .bg-start-focus .bg-description{max-width:410px;font-size:calc((13.5px) * var(--desktop-font-scale, 1));line-height:1.64}
}
@media(max-width:600px){
 .bg-start-focus{inset:13% 11%}
 .bg-engine-ready{font-size:calc((8px) * var(--desktop-font-scale, 1));letter-spacing:.3em;margin-bottom:9px}
 .bg-start-focus h2{font-size:calc((28px) * var(--desktop-font-scale, 1));line-height:1.08;letter-spacing:.045em;word-spacing:.04em}
 .bg-start-focus h2:after{margin:8px auto 11px;width:60px}
 .bg-start-focus .bg-promise{font-size:calc((11.5px) * var(--desktop-font-scale, 1));line-height:1.3;gap:8px;margin-bottom:11px;letter-spacing:.025em}
 .bg-start-focus .bg-description{max-width:260px;font-size:calc((11px) * var(--desktop-font-scale, 1));line-height:1.55}
}

/* Three-part cooldown meter: progress, terminal percentage, and shared header bolt. */
.bg-cooldown{grid-template-columns:minmax(0,1fr) minmax(44px,auto) 28px;grid-template-rows:auto 7px auto;align-items:center;gap:5px 9px}
.bg-cooldown-heading{display:contents}
.bg-cooldown-heading>span:first-child{grid-column:1;grid-row:1;min-width:0}
.bg-cooldown-track{grid-column:1;grid-row:2;width:100%}
.bg-cooldown-percent{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;min-width:43px;padding:5px 4px;border:1px solid color-mix(in srgb,#ff2638 52%,var(--line));border-radius:3px;background:color-mix(in srgb,#ff2638 9%,var(--surface-page));color:#ff3447;font:700 calc((11px) * var(--desktop-font-scale, 1))/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:center;text-shadow:0 0 8px #ff263866;box-shadow:inset 0 0 8px #ff26381a}
.bg-cooldown-bolt{grid-column:3;grid-row:1/3;display:grid;place-items:center;width:28px;height:28px}
.bg-cooldown-bolt img{display:block;width:23px;height:23px;object-fit:contain;filter:drop-shadow(0 0 7px #ff2638aa);animation:bg-bolt-pulse 1.1s ease-in-out infinite}
.bg-cooldown-copy{grid-column:1/-1;grid-row:3;min-height:0;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.bg-cooldown-bolt img{animation:none}}

/* Publication: keyboard visibility, long localized labels and the requested tool transfer. */
.bg-body button:focus-visible,.bg-body a:focus-visible,.bg-body select:focus-visible,.bg-body input:focus-visible{outline:2px solid #ff4052;outline-offset:3px}
.bg-workbench{position:absolute;top:0;right:0;z-index:3;white-space:nowrap;font:calc((10px) * var(--desktop-font-scale, 1))/1.2 var(--mono);text-align:right;color:#ff4052;text-decoration:none}
.bg-workbench:hover{text-decoration:underline}
.bg-body .bg-cooldown-heading>span:first-child{min-width:0;overflow-wrap:anywhere}
.bg-body .bg-cooldown-copy{overflow-wrap:anywhere}
html:not([lang=en]) .bg-start-focus .bg-description{font-size:calc((clamp(12px,calc(.95 * var(--type-reference-vw, 1vw)),15px)) * var(--desktop-font-scale, 1));line-height:1.55}
html:not([lang=en]) .bg-start-focus .bg-promise{font-size:calc((clamp(14px,calc(1.35 * var(--type-reference-vw, 1vw)),21px)) * var(--desktop-font-scale, 1));line-height:1.2}
html:not([lang=en]) .bg-result-actions button{white-space:normal;line-height:1.25;min-width:0}
html:not([lang=en]) .bg-analysis-header h2{white-space:normal}
@media(max-width:600px){.bg-workbench{top:12px;right:12px;font-size:calc((8px) * var(--desktop-font-scale, 1));line-height:1.1}html:not([lang=en]) .bg-start-focus .bg-description{font-size:calc((12px) * var(--desktop-font-scale, 1));line-height:1.55}html:not([lang=en]) .bg-start-focus .bg-promise{font-size:calc((14px) * var(--desktop-font-scale, 1))}.bg-armorer-badges{flex-wrap:wrap}.bg-result-actions button{overflow-wrap:anywhere}.bg-cooldown-heading{gap:6px}.bg-cooldown-copy{min-height:2.5em}}

.bg-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(190px,1fr);gap:14px}
.bg-armorer-pref{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;height:43px;box-sizing:border-box;padding:5px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface-page);color:#bac3c7;text-decoration:none;font:700 calc((8px) * var(--desktop-font-scale, 1))/1.15 var(--mono);letter-spacing:.05em}
.bg-armorer-pref b{color:#8f989d;font:700 calc((10px) * var(--desktop-font-scale, 1))/1.1 var(--mono);letter-spacing:.04em}
.bg-armorer-pref[data-active="true"]{border-color:var(--accent)}.bg-armorer-pref[data-active="true"] b{color:var(--accent)}
.bg-armorer-pref:hover,.bg-armorer-pref:focus-visible{border-color:var(--accent);color:var(--accent)}
.bg-result-actions .bg-armorer-pref-result{box-sizing:border-box;min-width:85px;height:35px;padding:5px 7px;font-size:calc((7px) * var(--desktop-font-scale, 1))}
.bg-result-actions .bg-armorer-pref-result b{font-size:calc((8px) * var(--desktop-font-scale, 1));white-space:nowrap}
@media(max-width:760px){.bg-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bg-controls .bg-primary{grid-column:1/-1}.bg-controls .bg-cooldown{grid-column:1/-1}.bg-armorer-pref{height:38px;font-size:calc((7px) * var(--desktop-font-scale, 1))}.bg-armorer-pref b{font-size:calc((9px) * var(--desktop-font-scale, 1))}.bg-result-actions .bg-armorer-pref-result{min-width:0;height:35px}.bg-result-actions{grid-template-columns:1fr 1fr}.bg-result-actions #bg-save{grid-column:auto}}
@media(max-width:600px){.bg-result-actions .bg-armorer-pref-result{font-size:calc((7px) * var(--desktop-font-scale, 1))}}