/* Helmet ordnance rail: numbered channels hug the visor's right perimeter. */
#weaponbar,
#weaponbar-labels {
  position:fixed;
  left:auto;
  right:24px;
  bottom:32px;
  top:auto;
  transform:none;
  width:314px;
  pointer-events:none;
}
#weaponbar { z-index:7; }
#weaponbar-labels {
  --wb-row-h:54px;
  height:auto;
  display:flex;
  flex-direction:column;
  gap:5px;
  z-index:6;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#fa6535;
  font-family:"Share Tech Mono", Consolas, monospace;
  letter-spacing:.07em;
}
#weaponbar-labels::before {
  content:"ORDNANCE CONTROL  /  " attr(data-count);
  position:absolute;
  left:7px;
  right:0;
  top:-28px;
  padding:0 0 7px 16px;
  border-bottom:1px solid #c04d2caa;
  border-radius:0 0 45% 8px / 0 0 10px 5px;
  background:linear-gradient(#ff6031,#ff6031) left 1px / 5px 7px no-repeat;
  color:#ff7145;
  font-size:9px;
  letter-spacing:.16em;
  text-shadow:none;
}
#weaponbar-labels::after {
  content:"ARMAMENT BUS / AUTHORIZED";
  position:absolute;
  right:0;
  bottom:-15px;
  width:100%;
  padding-left:50px;
  box-sizing:border-box;
  background:repeating-linear-gradient(115deg,#b44c30 0 3px,transparent 3px 6px) left center / 39px 5px no-repeat;
  color:#7caaa3;
  font-size:7px;
  line-height:8px;
  letter-spacing:.11em;
}
#weaponbar-labels[data-count="00"] { display:none; }
#weaponbar-labels[data-density="compact"] { --wb-row-h:44px; gap:4px; }
#weaponbar-labels .wb-label {
  position:relative;
  flex:none;
  height:var(--wb-row-h);
  min-width:0;
  margin:0;
  overflow:hidden;
  isolation:isolate;
  box-sizing:border-box;
  border:1px solid transparent;
  border-right-color:#c5502f66;
  border-bottom-color:#ba653980;
  border-radius:0;
  background:linear-gradient(0deg,rgba(5,20,23,.91),rgba(5,20,23,.78) 60%,rgba(5,20,23,.24));
  opacity:.94;
  box-shadow:none;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
  animation:wb-channel-acquire .42s cubic-bezier(.2,.65,.25,1) backwards;
  animation-delay:calc(var(--wb-i,0) * 55ms);
}
#weaponbar-labels .wb-label::before {
  content:"";
  position:absolute;
  right:3px;
  bottom:2px;
  width:14px;
  height:3px;
  background:repeating-linear-gradient(125deg,#ef6036 0 2px,transparent 2px 4px);
  opacity:.7;
}
#weaponbar-labels .wb-label.wb-on { opacity:1; }
#weaponbar-labels .wb-label:not(.wb-on) .wb-name,
#weaponbar-labels .wb-label:not(.wb-on) .wb-meta,
#weaponbar-labels .wb-label:not(.wb-on) .wb-state { opacity:.55; }
#weaponbar-labels .wb-model {
  position:absolute;
  left:6px;
  top:5px;
  bottom:9px;
  width:59px;
  border:0;
  border-radius:0;
  background:
    linear-gradient(rgba(237,91,48,.06) 1px,transparent 1px) 0 0 / 8px 8px,
    linear-gradient(90deg,rgba(237,91,48,.06) 1px,transparent 1px) 0 0 / 8px 8px,
    rgba(6,27,27,.2);
}
#weaponbar-labels .wb-code,
#weaponbar-labels .wb-name,
#weaponbar-labels .wb-meta {
  position:absolute;
  left:76px;
  right:43px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:uppercase;
  text-shadow:none;
}
#weaponbar-labels .wb-code { top:6px; color:#c66c4f; font-size:7px; letter-spacing:.15em; }
#weaponbar-labels .wb-name { top:17px; color:#ff764b; font-size:12px; line-height:14px; letter-spacing:.035em; }
#weaponbar-labels .wb-meta { bottom:7px; right:108px; color:#a67b65; font-size:6px; letter-spacing:.09em; }
#weaponbar-labels .wb-num {
  position:absolute;
  top:5px;
  left:auto;
  right:7px;
  color:#ff6b3d;
  opacity:1;
  font-size:20px;
  line-height:22px;
  letter-spacing:-.09em;
  text-shadow:none;
}
#weaponbar-labels .wb-state {
  position:absolute;
  left:auto;
  right:43px;
  bottom:7px;
  color:#89b6ac;
  font-size:7px;
  line-height:8px;
  letter-spacing:.035em;
  text-align:right;
  text-shadow:none;
}
#weaponbar-labels .wb-scan {
  position:absolute;
  left:7px;
  bottom:4px;
  width:57px;
  height:2px;
  opacity:.65;
  background:repeating-linear-gradient(90deg,#d1522e 0 1px,transparent 1px 3px,#d1522e 3px 5px,transparent 5px 8px);
}
#weaponbar-labels .wb-meter {
  position:absolute;
  right:28px;
  top:8px;
  bottom:8px;
  width:7px;
  overflow:hidden;
  border:1px solid #398f86;
  background:#102f2c;
  box-shadow:0 0 0 2px rgba(0,0,0,.25);
}
#weaponbar-labels .wb-indicator {
  position:absolute;
  inset:2px;
  background:#397b70;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.2);
}
#weaponbar-labels .wb-on .wb-indicator { background:#58ead6; box-shadow:0 0 7px #39b4a4; }
#weaponbar-labels .wb-fill {
  position:absolute;
  inset:auto 0 0;
  width:100%;
  height:0;
  border:0;
  border-radius:0;
  background:#69fce1;
  opacity:1;
  box-shadow:0 -1px 4px rgba(117,255,230,.65);
  transition:height 90ms linear;
}
#weaponbar-labels .wb-fill::before,
#weaponbar-labels .wb-fill::after { display:none; }
#weaponbar-labels .wb-active {
  border-color:#ff754657;
  border-right-color:#ffbc91;
  background:linear-gradient(100deg,rgba(239,83,37,.82),#f16b3d 50%,#ff844f);
  box-shadow:inset -2px 0 #ffc29791,0 0 16px rgba(220,71,30,.13);
}
#weaponbar-labels .wb-active::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(100deg,transparent 20%,rgba(188,255,237,.35) 49%,transparent 74%);
  transform:translateX(110%);
  animation:wb-channel-ignite .42s ease-out;
}
#weaponbar-labels .wb-active .wb-name,
#weaponbar-labels .wb-active .wb-num { color:#13231f; }
#weaponbar-labels .wb-active .wb-code,
#weaponbar-labels .wb-active .wb-meta { color:#653122; }
#weaponbar-labels .wb-active .wb-state { color:#152c25; }
#weaponbar-labels .wb-active .wb-model { border-color:#753424; }
#weaponbar-labels .wb-active .wb-scan { background:repeating-linear-gradient(90deg,#321f18 0 1px,transparent 1px 3px,#321f18 3px 5px,transparent 5px 8px); }
#weaponbar-labels .wb-active .wb-indicator { animation:wb-signal-ignite .46s ease-out; }
#weaponbar-labels .wb-reloading {
  border-color:#d775404f !important;
  border-right-color:#d77540 !important;
  background:linear-gradient(115deg,rgba(35,29,19,.95),rgba(10,25,22,.92));
  box-shadow:inset -2px 0 #d77540 !important;
}
#weaponbar-labels .wb-reloading .wb-num,
#weaponbar-labels .wb-reloading .wb-name { color:#e6a765; text-shadow:none; }
#weaponbar-labels .wb-reloading .wb-state { color:#6de4ce; text-shadow:none; }
#weaponbar-labels .wb-reloading .wb-code,
#weaponbar-labels .wb-reloading .wb-meta { color:#ab8968; }
#weaponbar-labels .wb-reloading .wb-indicator { opacity:0; }
#weaponbar-labels .wb-error {
  border-color:#f941304f;
  border-right-color:#f94130;
  background:repeating-linear-gradient(125deg,rgba(152,33,24,.08) 0 5px,transparent 5px 11px),rgba(29,15,13,.92);
  box-shadow:inset -2px 0 #f94130;
}
#weaponbar-labels .wb-error .wb-num,
#weaponbar-labels .wb-error .wb-name,
#weaponbar-labels .wb-error .wb-state { color:#ff624a; text-shadow:none; }
#weaponbar-labels .wb-error .wb-meter { border-color:#fb4936; }
#weaponbar-labels .wb-error .wb-indicator { background:#ff513b; box-shadow:none; animation:wb-fault-tick 2.8s steps(1,end) infinite; }
#weaponbar-labels .wb-error .wb-state::before,
#weaponbar-labels .wb-error .wb-state::after { display:none; }
body.freecam #weaponbar,
body.freecam #weaponbar-labels,
body.paused #weaponbar,
body.paused #weaponbar-labels { display:none !important; }

@keyframes wb-channel-acquire {
  from { opacity:0; clip-path:inset(0 100% 0 0); }
  to { clip-path:inset(0); }
}
@keyframes wb-channel-ignite {
  from { transform:translateX(-110%); }
  to { transform:translateX(110%); }
}
@keyframes wb-signal-ignite {
  0%,35% { opacity:.15; }
  18%,55%,100% { opacity:1; }
}
@keyframes wb-fault-tick {
  0%,8%,100% { opacity:1; }
  4%,12% { opacity:.2; }
  16% { opacity:1; }
}
@media (max-height:850px) {
  #weaponbar-labels { --wb-row-h:44px; gap:4px; }
  #weaponbar-labels .wb-code { top:4px; font-size:6px; }
  #weaponbar-labels .wb-name { top:13px; font-size:11px; }
  #weaponbar-labels .wb-meta,
  #weaponbar-labels .wb-state { bottom:5px; }
  #weaponbar-labels[data-density="compact"] { --wb-row-h:40px; }
}
@media (max-width:1000px) {
  #weaponbar,
  #weaponbar-labels {
    left:50%;
    right:auto;
    bottom:25px;
    transform:translateX(-50%);
  }
  #weaponbar-labels {
    --wb-row-h:84px;
    width:min(700px,calc(100vw - 420px));
    display:grid;
    grid-template-columns:repeat(var(--wb-count,4),minmax(0,1fr));
    gap:4px;
  }
  #weaponbar-labels[data-density="compact"] { --wb-row-h:84px; grid-template-columns:repeat(5,minmax(0,1fr)); }
  #weaponbar-labels .wb-model { left:7px; top:22px; bottom:19px; width:auto; right:18px; }
  #weaponbar-labels .wb-code,
  #weaponbar-labels .wb-meta { display:none; }
  #weaponbar-labels .wb-name { left:7px; right:22px; top:5px; font-size:9px; line-height:11px; }
  #weaponbar-labels .wb-num { top:3px; right:5px; font-size:14px; line-height:16px; }
  #weaponbar-labels .wb-state { bottom:5px; left:5px; right:5px; font-size:7px; text-align:center; }
  #weaponbar-labels .wb-meter { right:5px; top:23px; bottom:20px; width:5px; }
  #weaponbar-labels .wb-scan { left:9px; right:22px; width:auto; bottom:17px; }
}
@media (min-width:621px) and (max-width:800px) {
  #weaponbar-labels,
  #weaponbar-labels[data-density="compact"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #weaponbar-labels[data-count="01"] { grid-template-columns:1fr; }
  #weaponbar-labels[data-count="02"],
  #weaponbar-labels[data-count="04"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  #weaponbar-labels { --wb-row-h:72px; width:calc(100vw - 24px); gap:3px; }
  #weaponbar-labels[data-density="compact"] { --wb-row-h:68px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  #weaponbar-labels[data-count="06"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #weaponbar-labels::before { font-size:8px; top:-24px; padding-bottom:6px; }
  #weaponbar-labels .wb-name { font-size:8px; }
}
/* Mini mode keeps each weapon's identity, number and live readiness. */
body:not(.hud-expanded) #weaponbar-labels::before { content:"WEAPON SYSTEMS"; font-size:8px; top:-23px; padding-bottom:6px; }
body:not(.hud-expanded) #weaponbar-labels::after,
body:not(.hud-expanded) #weaponbar-labels .wb-code,
body:not(.hud-expanded) #weaponbar-labels .wb-meta,
body:not(.hud-expanded) #weaponbar-labels .wb-scan { display:none; }
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) {
  background:none;
  border-color:transparent;
}
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) .wb-name,
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) .wb-meter,
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error)::before { display:none; }
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) .wb-model { background:none; }
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) .wb-model::after {
  content:""; position:absolute; left:calc(50% - 5px); top:50%; width:10px; height:1px; background:#8eb6a866;
}
body:not(.hud-expanded) #weaponbar-labels .wb-label:not(.wb-on):not(.wb-error) .wb-num { opacity:.65; }
@media (max-width:1000px) {
  body:not(.hud-expanded) #weaponbar-labels,
  body:not(.hud-expanded) #weaponbar-labels[data-density="compact"] { --wb-row-h:64px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-model { top:19px; bottom:16px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-meter { top:20px; bottom:17px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-state { bottom:3px; font-size:6px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-label { border-radius:0; }
}
@media (max-width:620px) {
  body:not(.hud-expanded) #weaponbar-labels,
  body:not(.hud-expanded) #weaponbar-labels[data-density="compact"] { --wb-row-h:60px; }
}
/* Channels follow the lower-right visor arc. The padding reserves every lifted
   model inside the shared canvas; cells stay upright for precise 3D viewports. */
@media (min-width:1001px) {
  #weaponbar, #weaponbar-labels { width:min(480px,calc(50vw - 206px)); bottom:38px; }
  body #weaponbar-labels {
    --wb-row-h:106px;
    --wb-rise:70px;
    --wb-columns:var(--wb-count,5);
    display:grid;
    grid-template-columns:repeat(var(--wb-columns),minmax(0,1fr));
    align-items:end;
    gap:9px 6px;
    padding:var(--wb-rise) 0 0;
  }
  body #weaponbar-labels[data-density="compact"] { --wb-columns:5; --wb-row-h:106px; }
  body #weaponbar-labels[data-count="06"] { --wb-columns:3; }
  body #weaponbar-labels .wb-label {
    --wb-arc-i:var(--wb-i,0);
    --wb-arc-t:calc(var(--wb-arc-i) / max(1,var(--wb-columns) - 1));
    translate:0 calc(-1 * var(--wb-rise) * var(--wb-arc-t) * var(--wb-arc-t));
    border-radius:0;
    clip-path:polygon(0 5px,calc(100% - 7px) 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);
  }
  body #weaponbar-labels[data-density="compact"] .wb-label:nth-child(n+6) { --wb-arc-i:calc(var(--wb-i) - 5); }
  body #weaponbar-labels[data-count="06"] .wb-label:nth-child(n+4) { --wb-arc-i:calc(var(--wb-i) - 3); }
  body #weaponbar-labels::before { display:none; }
  body #weaponbar-labels::after {
    content:"";
    display:block;
    width:100%;
    height:calc(var(--wb-rise) + 12px);
    right:0;
    bottom:-11px;
    padding:0;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 80' preserveAspectRatio='none'%3E%3Cpath d='M1 77 Q200 77 399 2' fill='none' stroke='%23dc7046' stroke-width='1' opacity='.75'/%3E%3Cpath d='M1 72 Q200 72 398 0' fill='none' stroke='%2397c9b5' stroke-width='.5' stroke-dasharray='1 11' opacity='.45'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
    pointer-events:none;
  }
  body #weaponbar-labels .wb-model { top:37px; bottom:22px; left:5px; right:15px; width:auto; border-radius:0; }
  body #weaponbar-labels .wb-name { top:5px; left:5px; right:21px; font-size:10px; line-height:11px; letter-spacing:.015em; white-space:normal; overflow-wrap:anywhere; text-overflow:clip; max-height:23px; }
  body #weaponbar-labels .wb-code { top:29px; left:5px; right:5px; font-size:6px; letter-spacing:.05em; }
  body #weaponbar-labels .wb-meta { display:none; }
  body #weaponbar-labels .wb-num { top:4px; right:4px; font-size:19px; line-height:22px; }
  body #weaponbar-labels .wb-meter { top:37px; bottom:23px; right:5px; width:4px; }
  body #weaponbar-labels .wb-state { left:5px; right:5px; bottom:5px; font-size:7px; line-height:9px; text-align:left; }
  body #weaponbar-labels .wb-scan { left:6px; right:16px; bottom:19px; width:auto; height:1px; }
  /* Detail view adds telemetry to the same projected band, never new tiles. */
  body.hud-expanded #weaponbar-labels::after {
    z-index:-1;
    height:100%;
    bottom:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 176' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2306181c' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%2306181c' stop-opacity='.89'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 70Q200 70 400 0V106Q200 176 0 176Z' fill='url(%23g)'/%3E%3Cpath d='M0 175Q200 175 400 105' fill='none' stroke='%23ef8358' stroke-width='1' opacity='.75'/%3E%3Cpath d='M0 170Q200 170 400 100' fill='none' stroke='%238db9a5' stroke-width='.5' stroke-dasharray='1 11' opacity='.4'/%3E%3C/svg%3E");
  }
  body.hud-expanded #weaponbar-labels[data-density="compact"]::after,
  body.hud-expanded #weaponbar-labels[data-count="06"]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 291' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2306181c' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%2306181c' stop-opacity='.89'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 70Q200 70 400 0V221Q200 291 0 291Z' fill='url(%23g)'/%3E%3Cpath d='M0 290Q200 290 400 220' fill='none' stroke='%23ef8358' stroke-width='1' opacity='.75'/%3E%3Cpath d='M0 285Q200 285 400 215' fill='none' stroke='%238db9a5' stroke-width='.5' stroke-dasharray='1 11' opacity='.4'/%3E%3C/svg%3E");
  }
  body.hud-expanded #weaponbar-labels .wb-label { border-color:transparent; background:none; box-shadow:none; clip-path:none; }
  body.hud-expanded #weaponbar-labels .wb-active {
    background:linear-gradient(0deg,#ff713831,transparent 72%);
    border-bottom-color:#ff9f6f;
    box-shadow:inset 0 -2px #ff7d4255;
  }
  body.hud-expanded #weaponbar-labels .wb-active .wb-name,
  body.hud-expanded #weaponbar-labels .wb-active .wb-num { color:#ffd1b4; }
  body.hud-expanded #weaponbar-labels .wb-active .wb-code { color:#d38c6b; }
  body.hud-expanded #weaponbar-labels .wb-active .wb-state { color:#81f1d8; }
  body.hud-expanded #weaponbar-labels .wb-reloading { background:linear-gradient(0deg,#d775402b,transparent 72%); }
  body.hud-expanded #weaponbar-labels .wb-error { background:linear-gradient(0deg,#f941302b,transparent 72%); border-bottom-color:#f94130; box-shadow:inset 0 -2px #f9413055; }
  body:not(.hud-expanded) #weaponbar,
  body:not(.hud-expanded) #weaponbar-labels { width:min(390px,calc(50vw - 150px)); }
  body:not(.hud-expanded) #weaponbar-labels { --wb-row-h:66px; --wb-rise:54px; gap:8px 5px; }
  body:not(.hud-expanded) #weaponbar-labels::after {
    display:block;
    z-index:-1;
    height:100%;
    bottom:0;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2306181c' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%2306181c' stop-opacity='.89'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 54Q200 54 400 0V66Q200 120 0 120Z' fill='url(%23g)'/%3E%3Cpath d='M0 119Q200 119 400 65' fill='none' stroke='%23ef8358' stroke-width='1' opacity='.75'/%3E%3Cpath d='M0 114Q200 114 400 60' fill='none' stroke='%238db9a5' stroke-width='.5' stroke-dasharray='1 11' opacity='.4'/%3E%3C/svg%3E");
  }
  body:not(.hud-expanded) #weaponbar-labels[data-density="compact"]::after,
  body:not(.hud-expanded) #weaponbar-labels[data-count="06"]::after {
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 194' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2306181c' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%2306181c' stop-opacity='.89'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 54Q200 54 400 0V140Q200 194 0 194Z' fill='url(%23g)'/%3E%3Cpath d='M0 193Q200 193 400 139' fill='none' stroke='%23ef8358' stroke-width='1' opacity='.75'/%3E%3C/svg%3E");
  }
  body:not(.hud-expanded) #weaponbar-labels .wb-label { border-color:transparent; background:none; box-shadow:none; clip-path:none; }
  body:not(.hud-expanded) #weaponbar-labels .wb-label::before { display:none; }
  body:not(.hud-expanded) #weaponbar-labels .wb-active {
    background:linear-gradient(0deg,#ff713831,transparent 72%);
    border-bottom-color:#ff9f6f;
    box-shadow:inset 0 -2px #ff7d4255;
  }
  body:not(.hud-expanded) #weaponbar-labels .wb-active .wb-name,
  body:not(.hud-expanded) #weaponbar-labels .wb-active .wb-num { color:#ffd1b4; }
  body:not(.hud-expanded) #weaponbar-labels .wb-active .wb-state { color:#81f1d8; }
  body:not(.hud-expanded) #weaponbar-labels .wb-model { top:26px; bottom:15px; left:4px; right:13px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-name { top:4px; left:4px; right:18px; font-size:9px; line-height:10px; max-height:21px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-num { top:3px; right:4px; font-size:17px; line-height:20px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-meter { top:27px; bottom:16px; right:4px; width:4px; }
  body:not(.hud-expanded) #weaponbar-labels .wb-state { left:4px; right:4px; bottom:4px; font-size:7px; line-height:8px; }
}
@media (min-width:1001px) and (max-width:1250px) {
  body.hud-expanded #weaponbar-labels .wb-name { font-size:8px; left:4px; right:17px; }
}
@media (prefers-reduced-motion:reduce) {
  #weaponbar-labels .wb-label,
  #weaponbar-labels .wb-label::after,
  #weaponbar-labels .wb-indicator,
  #weaponbar-labels .wb-fill { animation:none !important; transition:none !important; }
}