/* ==========================================================================
   HELLDIVERS BR — CAMPANHAS GALÁCTICAS, HUD V2
   Visual não-invasivo: mantém telemetria, swipe, estados e cantos arredondados.
   Fonte Rajdhani é melhoria progressiva; Oswald/Arial são fallback locais.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&display=swap');

.hdbr-campaign-host{
  --hdbr-hud-yellow:#ffe042;
  --hdbr-hud-yellow-dim:#bc9d35;
  --hdbr-hud-ink:#090d11;
  --hdbr-hud-ink2:#111820;
  --hdbr-hud-border:#414a53;
  --hdbr-hud-white:#f2f4f6;
  --hdbr-hud-soft:#9caab6;
  --hdbr-hud-green:#70cfa6;
  --hdbr-hud-stripes:repeating-linear-gradient(130deg,transparent 0 5px,#ffe04259 5px 8px,transparent 8px 12px);
}
.hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button{
  position:relative;
  padding:9px 40px 9px 15px;
  min-height:43px;
  border:1px solid #ffe042b5;
  border-radius:9px;
  background:linear-gradient(105deg,#0a0e11 5%,#192029 100%);
  color:var(--hdbr-hud-yellow);
  font:700 12px/1.15 'Rajdhani','Oswald',Arial,sans-serif;
  letter-spacing:1.2px;
  text-shadow:0 1px #000;
  box-shadow:inset 0 0 0 1px #ffe0421a,0 7px 18px #0009;
  overflow:hidden;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button::after{
  content:"";
  position:absolute;
  top:6px;right:7px;bottom:6px;width:22px;
  background:var(--hdbr-hud-stripes);
  border-left:1px solid #e8be3965;
  pointer-events:none;
}
.hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button:hover{
  border-color:#ffe65d;
  background:#30301b;
  box-shadow:inset 0 0 0 1px #ffe04235,0 5px 22px #d1a32530;
}
.hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button:focus-visible{
  outline:3px solid white;outline-offset:3px;
}
.hdbr-campaign-host.hdbr-show-campaign{background:#080c10!important}
.hdbr-campaign-host .hdbr-hud-v2{
  color:var(--hdbr-hud-white);
  background:linear-gradient(180deg,#0d141d 0%,#080d11 55%,#0a0e12 100%);
  border:1px solid #3e454a;
  border-radius:14px;
  isolation:isolate;
}
.hdbr-hud-v2 .hdbr-campaign-art{
  height:280px;opacity:.62;
  background-image:
    linear-gradient(90deg,#090e13 2%,#090e13dd 48%,#090e1380 100%),
    linear-gradient(0deg,#0b1119 0%,transparent 85%),
    url('../imagens/fundos/major-order/major-order-ativa.png');
}
.hdbr-hud-v2 .hdbr-hud-system{
  display:flex;align-items:center;gap:15px;
  margin:0 18px 0 22px;
  height:32px;
  color:#9ba8b2;
  border-bottom:1px solid #4d535d;
  font:700 10px/1.2 'Rajdhani',Arial,sans-serif;
  letter-spacing:1.3px;
}
.hdbr-hud-v2 .hdbr-hud-system b{color:#dabb3c;padding:0 3px}
.hdbr-hud-v2 .hdbr-hud-system-bars{
  flex:1;height:9px;
  background:var(--hdbr-hud-stripes);
  opacity:.48;
  border-left:1px solid #ffe04260;
}
.hdbr-hud-v2 .hdbr-campaign-heading{
  padding:22px 22px 12px;
  max-width:none;
}
.hdbr-hud-v2 .hdbr-hud-title-row{
  display:flex;gap:14px;justify-content:space-between;align-items:center;
}
.hdbr-hud-v2 .hdbr-hud-title-copy{min-width:0;max-width:660px}
.hdbr-hud-v2 .hdbr-campaign-eyebrow{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  color:var(--hdbr-hud-yellow);
  font:700 12px/1.25 'Rajdhani','Oswald',Arial,sans-serif;
  letter-spacing:1.6px;
}
.hdbr-hud-v2 .hdbr-hud-diamond{
  display:inline-grid;place-items:center;
  font-size:13px;line-height:1;
  width:21px;height:21px;
  color:#090d11;
  background:var(--hdbr-hud-yellow);
  border-radius:5px;
  flex-shrink:0;
}
.hdbr-hud-v2 .hdbr-hud-slash{color:#7b8790}
.hdbr-hud-v2 .hdbr-campaign-heading h3{
  font:700 clamp(31px,3.6vw,48px)/.98 'Rajdhani','Oswald',Arial,sans-serif!important;
  letter-spacing:1.6px;
  text-transform:uppercase;
  margin:9px 0 0!important;
  text-shadow:0 2px 9px #000e;
}
.hdbr-hud-v2 .hdbr-hud-title-accent{color:var(--hdbr-hud-yellow)}
.hdbr-hud-v2 .hdbr-campaign-heading p{
  color:#c7d0d8!important;
  font:14px/1.55 Arial,sans-serif!important;
  max-width:740px;
  margin:14px 0 0!important;
}
.hdbr-hud-v2 .hdbr-hud-metric{
  flex:0 0 132px;
  display:flex;align-items:center;flex-direction:column;justify-content:center;
  padding:9px 8px 7px;
  background:#fbe041;
  border:1px solid #ffe96c;
  border-radius:8px;
  color:#0a0c0d;
  box-shadow:0 6px 15px #0008;
}
.hdbr-hud-v2 .hdbr-hud-metric>span{
  font:700 9px/1.15 'Rajdhani',Arial,sans-serif;
  letter-spacing:1.0px;
  white-space:nowrap;
}
.hdbr-hud-v2 .hdbr-hud-metric>strong{
  display:block;
  font:700 31px/1 'Rajdhani',Arial,sans-serif;
  letter-spacing:1px;
  white-space:nowrap;
}
.hdbr-hud-v2 .hdbr-hud-metric i{
  color:#645619;font-style:normal;margin:0 3px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry{
  display:flex;
  gap:10px;
  align-items:stretch;
  margin:8px 22px 12px;
  border:1px solid #434f5d;
  background:#090e14e8;
  border-radius:9px;
  padding:9px 13px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot{
  flex:1;min-width:0;
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:4px 12px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot small{
  color:#9ba8b4;
  font:700 10px/1.3 'Rajdhani',Arial,sans-serif;
  letter-spacing:1.1px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot strong{
  background:var(--hdbr-hud-yellow);
  color:#15140a;
  border-radius:5px;
  padding:3px 9px;
  font:700 17px/1.1 'Rajdhani',Arial,sans-serif;
  letter-spacing:.6px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot strong span{font-size:13px}
.hdbr-hud-v2 .hdbr-hud-telemetry-divider{
  width:14px;flex:0 0 14px;
  background:var(--hdbr-hud-stripes);
  border-left:1px solid #ffe04250;
  border-right:1px solid #ffe04250;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot--state strong{
  color:#ffe161;
  border:1px solid #ffe04270;
  background:#252613;
  font-size:13px;
}
.hdbr-hud-v2 .hdbr-campaign-identity{
  display:flex;align-items:center;gap:7px;
  margin:0 22px 17px;padding:8px 10px;
  border:1px solid #6d6845;border-left:3px solid #dbc145;
  border-radius:7px;
  background:#191e20d8;
  color:#e1cf86;
  font:700 11px/1.4 'Rajdhani',Arial,sans-serif;
  letter-spacing:.8px;
}
.hdbr-hud-v2 .hdbr-campaign-identity.is-linked{
  border-color:#3f765f;border-left:3px solid var(--hdbr-hud-green);
  color:#a3e1be;
  background:#102019d9;
}
.hdbr-hud-v2 .hdbr-hud-pin{font-size:16px;flex-shrink:0}
.hdbr-hud-v2 .hdbr-campaign-area{
  margin:0 22px 15px;
  padding:0 13px 14px;
  border:1px solid #404950;
  background:linear-gradient(135deg,#141a21f5,#0c1117f5);
  border-radius:10px;
}
.hdbr-hud-v2 .hdbr-hud-section-title{
  display:flex;align-items:center;gap:10px;
  min-height:48px;
  border-bottom:1px solid #505359;
  margin-bottom:13px;
}
.hdbr-hud-v2 .hdbr-hud-section-number{
  background:var(--hdbr-hud-yellow);
  color:#080d11;
  border-radius:5px;
  padding:4px 8px;
  font:700 15px/1 'Rajdhani',Arial,sans-serif;
}
.hdbr-hud-v2 .hdbr-hud-section-title h4{
  white-space:nowrap;
  margin:0!important;
  color:#eef2f5;
  font:700 17px/1.15 'Rajdhani','Oswald',Arial,sans-serif;
  letter-spacing:1px;
}
.hdbr-hud-v2 .hdbr-hud-section-stripes{
  flex:1;
  height:9px;
  min-width:18px;
  max-width:128px;
  margin-left:auto;
  background:var(--hdbr-hud-stripes);
  opacity:.68;
}
.hdbr-hud-v2 .hdbr-hud-section-detail{
  font:700 11px 'Rajdhani',Arial,sans-serif;
  color:#b2bfc7;
  letter-spacing:.7px;
  white-space:nowrap;
}
.hdbr-hud-v2 .hdbr-phase-list{display:grid;gap:9px}
.hdbr-hud-v2 .hdbr-phase{
  position:relative;
  gap:12px;
  padding:13px 12px 13px 0;
  border:1px solid #38434e;
  border-left:0;
  background:#0a1016;
  border-radius:9px;
  overflow:hidden;
  transition:border-color .2s ease,background-color .2s ease;
}
.hdbr-hud-v2 .hdbr-phase::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:6px;
  background:#5e6872;
}
.hdbr-hud-v2 .hdbr-phase-num{
  align-self:stretch;
  display:grid;place-items:center;
  flex:0 0 52px;
  color:#8d9ba8;
  font:700 23px/1 'Rajdhani',Arial,sans-serif;
  border-right:1px solid #323f49;
}
.hdbr-hud-v2 .hdbr-phase-content{gap:4px}
.hdbr-hud-v2 .hdbr-phase-opcode{
  color:#798997;
  font:700 10px/1.15 'Rajdhani',Arial,sans-serif;
  letter-spacing:1px;
}
.hdbr-hud-v2 .hdbr-phase-opline{color:#e1be45}
.hdbr-hud-v2 .hdbr-phase-content strong{
  color:#f1f5f8;
  font:700 19px/1.16 'Rajdhani',Arial,sans-serif;
  letter-spacing:.25px;
  text-transform:uppercase;
}
.hdbr-hud-v2 .hdbr-phase-content small{
  color:#8695a1;
  font:500 11px/1.25 'Rajdhani',Arial,sans-serif;
  letter-spacing:.65px;
}
.hdbr-hud-v2 .hdbr-phase-content em{
  display:inline-flex;align-items:center;align-self:flex-start;
  color:#a9bac3;
  background:#202a31;
  border:1px solid #50616a;
  border-radius:5px;
  padding:3px 7px;
  font:700 11px/1.1 'Rajdhani',Arial,sans-serif;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.hdbr-hud-v2 .hdbr-phase-mark{
  display:grid;place-items:center;
  flex:0 0 33px;
  width:33px;height:33px;
  border:1px solid #586772;
  border-radius:8px;
  font:700 22px/1 'Rajdhani',Arial,sans-serif;
}
.hdbr-hud-v2 .hdbr-phase--complete{
  background:linear-gradient(90deg,#14241d,#0c151a 60%);
  border-color:#37594d;
}
.hdbr-hud-v2 .hdbr-phase--complete::before{
  background:#67c59e;
}
.hdbr-hud-v2 .hdbr-phase--complete .hdbr-phase-num,
.hdbr-hud-v2 .hdbr-phase--complete .hdbr-phase-mark{color:#7be1b3}
.hdbr-hud-v2 .hdbr-phase--complete .hdbr-phase-mark{
  background:#1a3b2f;border-color:#58bd92;
}
.hdbr-hud-v2 .hdbr-phase--complete .hdbr-phase-content em{
  background:#143326;
  color:#8be4bc;
  border-color:#3e8465;
}
.hdbr-hud-v2 .hdbr-phase--current{
  background:linear-gradient(90deg,#282713 0%,#121821 72%);
  border-color:#c5a839;
  box-shadow:inset 0 0 0 1px #ffe0421e;
}
.hdbr-hud-v2 .hdbr-phase--current::before{
  background:var(--hdbr-hud-stripes);
  width:9px;
  border-right:1px solid #dbbb53;
}
.hdbr-hud-v2 .hdbr-phase--current .hdbr-phase-num,
.hdbr-hud-v2 .hdbr-phase--current .hdbr-phase-mark{color:var(--hdbr-hud-yellow)}
.hdbr-hud-v2 .hdbr-phase--current .hdbr-phase-mark{
  background:#3d3618;border-color:#f1ce4c;
}
.hdbr-hud-v2 .hdbr-phase--current .hdbr-phase-content strong{
  color:#ffe46b;
}
.hdbr-hud-v2 .hdbr-phase--current .hdbr-phase-content em{
  background:#ffe042;color:#10120e;border-color:#f9e36d;
}
.hdbr-hud-v2 .hdbr-phase--review{
  background:#11171d;
}
.hdbr-hud-v2 .hdbr-phase--review .hdbr-phase-mark{
  color:#8898a3;
}
.hdbr-hud-v2 .hdbr-campaign-note{
  border-left:2px solid #75818c;
  margin:13px 0 0!important;
  padding:1px 10px;
  color:#aab6c0!important;
  font:12px/1.55 Arial,sans-serif!important;
}
.hdbr-hud-v2 .hdbr-campaign-brief p{
  margin:0!important;
  color:#c3cbd3!important;
  font:13px/1.58 Arial,sans-serif!important;
}
.hdbr-hud-v2 .hdbr-campaign-reward{
  position:relative;align-items:center;gap:13px;
  overflow:hidden;
  margin:0 22px 15px;
  padding:15px 24px 15px 14px;
  border:1px solid #ad963a;
  border-radius:10px;
  background:linear-gradient(115deg,#373018,#1a1b13 55%,#101319);
  box-shadow:inset 0 0 0 1px #ffe0421c;
}
.hdbr-hud-v2 .hdbr-hud-reward-symbol{
  display:grid;place-items:center;
  width:54px;height:54px;flex:0 0 54px;
  background:#f6d940;
  color:#17150b;
  border:2px solid #ffe972;
  border-radius:10px;
  box-shadow:inset 0 0 0 2px #14150c35;
  font:700 30px/1 'Rajdhani',Arial,sans-serif;
}
.hdbr-hud-v2 .hdbr-hud-reward-symbol>span{line-height:1}
.hdbr-hud-v2 .hdbr-campaign-reward>span:nth-child(2){gap:5px;min-width:0}
.hdbr-hud-v2 .hdbr-campaign-reward small{
  color:#ead787;
  font:700 12px/1.15 'Rajdhani',Arial,sans-serif;
  letter-spacing:1.4px;
}
.hdbr-hud-v2 .hdbr-campaign-reward strong{
  color:#ffe052;
  font:700 23px/1.13 'Rajdhani',Arial,sans-serif;
  letter-spacing:.35px;
}
.hdbr-hud-v2 .hdbr-campaign-reward em{
  color:#bcb8a1;
  font:12px/1.45 Arial,sans-serif;
}
.hdbr-hud-v2 .hdbr-hud-reward-stripes{
  position:absolute;
  right:0;top:0;bottom:0;width:20px;
  opacity:.65;
  background:var(--hdbr-hud-stripes);
}
.hdbr-hud-v2 .hdbr-campaign-source{
  border-top:1px solid #323b43;
  padding-top:10px;
  color:#8495a2!important;
  font:10px/1.45 Arial,sans-serif!important;
}
@media(min-width:769px){
  .hdbr-campaign-host.hdbr-show-campaign > .hdbr-campaign-view{
    padding-top:38px;
  }
  .hdbr-campaign-host.hdbr-show-campaign>.hdbr-campaign-nav{right:24px;top:11px}
  .hdbr-campaign-host.hdbr-show-campaign{padding:7px 11px 14px!important}
}
@media(max-width:768px){
  .hdbr-campaign-host > .hdbr-campaign-nav{
    border-bottom:1px solid #7f7139;
    background:linear-gradient(90deg,#0a0e12,#1c201d);
  }
  .hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button{
    min-height:39px;
    font-size:11px;
    letter-spacing:.7px;
    padding:8px 31px 8px 10px;
    max-width:calc(100% - 55px);
  }
  .hdbr-campaign-host > .hdbr-campaign-nav .hdbr-switch-button::after{
    width:14px;
  }
  .hdbr-campaign-nav .hdbr-swipe-cue{
    color:#c4b57c;
    font:700 10px/1.6 'Rajdhani',Arial,sans-serif;
    letter-spacing:1.1px;
  }
  .hdbr-campaign-nav .hdbr-page-dots i{background:#606a70}
  .hdbr-campaign-nav .hdbr-page-dots i.is-active{background:#ffe042}
  .hdbr-hud-v2.hdbr-campaign-inner{border-radius:0;border-left:0;border-right:0}
  .hdbr-hud-v2 .hdbr-hud-system{
    margin:0 13px;
    font-size:9px;
  }
  .hdbr-hud-v2 .hdbr-campaign-heading{
    padding:16px 13px 10px;
  }
  .hdbr-hud-v2 .hdbr-hud-title-row{gap:9px;align-items:flex-start}
  .hdbr-hud-v2 .hdbr-campaign-eyebrow{
    font-size:10px;letter-spacing:.8px;gap:4px;
  }
  .hdbr-hud-v2 .hdbr-hud-diamond{
    width:17px;height:17px;font-size:10px;
  }
  .hdbr-hud-v2 .hdbr-campaign-heading h3{
    font-size:clamp(26px,7vw,35px)!important;
    letter-spacing:.6px;
    margin-top:11px!important;
  }
  .hdbr-hud-v2 .hdbr-hud-metric{
    flex:0 0 83px;
    padding:7px 5px;
    border-radius:6px;
  }
  .hdbr-hud-v2 .hdbr-hud-metric>span{
    font-size:7px;letter-spacing:0;white-space:normal;text-align:center
  }
  .hdbr-hud-v2 .hdbr-hud-metric>strong{font-size:23px}
  .hdbr-hud-v2 .hdbr-campaign-heading p{font-size:12.5px!important;line-height:1.55}
  .hdbr-hud-v2 .hdbr-hud-telemetry{
    margin:6px 13px 11px;
    padding:9px 10px;
    flex-wrap:wrap;
    gap:8px;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot{
    gap:4px 7px;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot small{
    font-size:9px;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot strong{
    font-size:13px;
    padding:4px 6px;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot--state strong{font-size:11px}
  .hdbr-hud-v2 .hdbr-hud-telemetry-divider{width:7px;flex-basis:7px}
  .hdbr-hud-v2 .hdbr-campaign-identity{
    margin:0 13px 12px;
    font-size:10px;
    letter-spacing:0;
  }
  .hdbr-hud-v2 .hdbr-campaign-area{
    margin:0 13px 13px;
    padding:0 10px 12px;
  }
  .hdbr-hud-v2 .hdbr-hud-section-title{
    gap:7px;min-height:42px;
  }
  .hdbr-hud-v2 .hdbr-hud-section-number{font-size:13px;padding:4px 6px}
  .hdbr-hud-v2 .hdbr-hud-section-title h4{
    font-size:14px;
    letter-spacing:.5px;
    white-space:normal;
  }
  .hdbr-hud-v2 .hdbr-hud-section-detail{font-size:9px}
  .hdbr-hud-v2 .hdbr-hud-section-stripes{max-width:48px}
  .hdbr-hud-v2 .hdbr-phase{gap:7px;padding:10px 8px 10px 0}
  .hdbr-hud-v2 .hdbr-phase-num{flex-basis:37px;font-size:18px}
  .hdbr-hud-v2 .hdbr-phase-opcode{font-size:9px;letter-spacing:.45px}
  .hdbr-hud-v2 .hdbr-phase-content strong{
    font-size:16px;line-height:1.15;
  }
  .hdbr-hud-v2 .hdbr-phase-content small{font-size:10px;letter-spacing:0}
  .hdbr-hud-v2 .hdbr-phase-content em{font-size:10px;line-height:1.2}
  .hdbr-hud-v2 .hdbr-phase-mark{
    flex-basis:27px;width:27px;height:27px;
    font-size:18px;border-radius:6px;
  }
  .hdbr-hud-v2 .hdbr-campaign-reward{
    margin:0 13px 13px;
    padding:13px 20px 13px 10px;
    gap:10px;
  }
  .hdbr-hud-v2 .hdbr-hud-reward-symbol{
    width:43px;height:43px;flex-basis:43px;
    font-size:25px;border-radius:8px;
  }
  .hdbr-hud-v2 .hdbr-campaign-reward small{font-size:10px;letter-spacing:.5px}
  .hdbr-hud-v2 .hdbr-campaign-reward strong{font-size:19px}
  .hdbr-hud-v2 .hdbr-campaign-reward em{font-size:11px}
  .hdbr-hud-v2 .hdbr-hud-reward-stripes{width:12px}
  .hdbr-hud-v2 .hdbr-campaign-source{margin:0 13px 13px!important}
}
@media(max-width:359px){
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot{
    flex-direction:column;
    align-items:flex-start;
  }
  .hdbr-hud-v2 .hdbr-hud-section-detail{display:none}
  .hdbr-hud-v2 .hdbr-phase-mark{
    flex-basis:24px;width:24px;height:24px;
  }
}
@media(prefers-reduced-motion:reduce){
  .hdbr-campaign-host .hdbr-switch-button,
  .hdbr-hud-v2 .hdbr-phase{transition:none!important}
}

/* ==========================================================================
   HUD V2 — ACABAMENTO COMPACTO (sem ocultar textos nem alterar funcionalidade)
   O painel NÃO cresce por decoração: três fases lado a lado quando houver espaço.
   Em telas estreitas volta à lista vertical, mantendo rolagem natural.
   ========================================================================== */
.hdbr-hud-v2 .hdbr-hud-system{
  height:25px;
  margin:0 15px;
  font-size:9px;
}
.hdbr-hud-v2 .hdbr-campaign-heading{
  padding:13px 16px 7px;
}
.hdbr-hud-v2 .hdbr-campaign-heading h3{
  font-size:clamp(29px,3vw,39px)!important;
  margin-top:5px!important;
}
.hdbr-hud-v2 .hdbr-campaign-heading p{
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.hdbr-hud-v2 .hdbr-hud-metric{
  flex-basis:109px;
  padding:6px;
}
.hdbr-hud-v2 .hdbr-hud-metric>strong{font-size:26px}
.hdbr-hud-v2 .hdbr-hud-telemetry{
  margin:4px 16px 8px;
  padding:6px 9px;
  gap:8px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot strong{
  font-size:15px;
  padding:2px 7px;
}
.hdbr-hud-v2 .hdbr-hud-telemetry-slot--state strong{font-size:12px}
.hdbr-hud-v2 .hdbr-campaign-identity{
  margin:0 16px 10px;
  padding:5px 9px;
}
.hdbr-hud-v2 .hdbr-campaign-area{
  margin:0 16px 9px;
  padding:0 10px 9px;
}
.hdbr-hud-v2 .hdbr-hud-section-title{
  min-height:34px;
  margin-bottom:8px;
  gap:8px;
}
.hdbr-hud-v2 .hdbr-hud-section-title h4{font-size:15px}
.hdbr-hud-v2 .hdbr-phase-list{gap:7px}
.hdbr-hud-v2 .hdbr-phase{
  padding-top:8px;
  padding-bottom:8px;
  gap:8px;
}
.hdbr-hud-v2 .hdbr-phase-num{
  flex-basis:39px;
  font-size:20px;
}
.hdbr-hud-v2 .hdbr-phase-content{gap:3px}
.hdbr-hud-v2 .hdbr-phase-content strong{
  font-size:16px;
  line-height:1.15;
}
.hdbr-hud-v2 .hdbr-phase-content em{
  padding:2px 6px;
  font-size:10px;
}
.hdbr-hud-v2 .hdbr-phase-mark{
  flex-basis:27px;
  width:27px;
  height:27px;
  font-size:19px;
}
.hdbr-hud-v2 .hdbr-campaign-note{
  margin-top:8px!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.hdbr-hud-v2 .hdbr-campaign-brief p{
  font-size:12px!important;
  line-height:1.48!important;
}
.hdbr-hud-v2 .hdbr-campaign-reward{
  margin:0 16px 9px;
  padding:9px 21px 9px 10px;
}
.hdbr-hud-v2 .hdbr-hud-reward-symbol{
  width:43px;
  height:43px;
  flex-basis:43px;
  font-size:26px;
}
.hdbr-hud-v2 .hdbr-campaign-reward strong{font-size:19px}
.hdbr-hud-v2 .hdbr-campaign-source{
  margin:0 16px 10px!important;
  padding-top:7px;
  font-size:9px!important;
}
@media(min-width:769px){
  /* Se couberem, as fases formam uma faixa com três operações curtas. */
  .hdbr-hud-v2 .hdbr-phase-list{
    grid-template-columns:repeat(auto-fit,minmax(min(172px,100%),1fr));
    align-items:stretch;
  }
  .hdbr-hud-v2 .hdbr-phase{
    align-items:flex-start;
    gap:5px;
    padding:9px 7px 9px 9px;
    border-left:1px solid #38434e;
  }
  .hdbr-hud-v2 .hdbr-phase::before{width:5px}
  .hdbr-hud-v2 .hdbr-phase-num{
    align-self:auto;
    flex-basis:26px;
    font-size:19px;
    border-right:0;
    border-bottom:1px solid #364450;
    padding:0 0 4px;
  }
  .hdbr-hud-v2 .hdbr-phase-content{
    flex:1 1 calc(100% - 65px);
    overflow-wrap:anywhere;
  }
  .hdbr-hud-v2 .hdbr-phase-content strong{font-size:15px}
  .hdbr-hud-v2 .hdbr-phase-mark{
    flex-basis:22px;width:22px;height:22px;
    border-radius:6px;font-size:16px;
  }
  .hdbr-hud-v2 .hdbr-campaign-area.hdbr-campaign-stages{
    padding-bottom:8px;
  }
}
@media(max-width:768px){
  .hdbr-hud-v2 .hdbr-hud-system{
    height:24px;margin:0 12px;
  }
  .hdbr-hud-v2 .hdbr-campaign-heading{padding:12px 12px 7px}
  .hdbr-hud-v2 .hdbr-campaign-heading h3{
    font-size:clamp(26px,7vw,32px)!important;
  }
  .hdbr-hud-v2 .hdbr-hud-metric{
    flex-basis:78px;padding:5px 4px;
  }
  .hdbr-hud-v2 .hdbr-hud-metric>strong{font-size:22px}
  .hdbr-hud-v2 .hdbr-campaign-heading p{
    margin-top:7px!important;
    font-size:12px!important;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry{
    margin:4px 12px 7px;
    padding:6px 8px;
  }
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot strong{font-size:12px}
  .hdbr-hud-v2 .hdbr-hud-telemetry-slot--state strong{font-size:10px}
  .hdbr-hud-v2 .hdbr-campaign-identity{
    margin:0 12px 8px;
    padding:5px 7px;
  }
  .hdbr-hud-v2 .hdbr-campaign-area{
    margin:0 12px 8px;
    padding:0 9px 8px;
  }
  .hdbr-hud-v2 .hdbr-hud-section-title{
    min-height:33px;
    margin-bottom:7px;
  }
  .hdbr-hud-v2 .hdbr-phase{
    padding-top:8px;
    padding-bottom:8px;
    gap:7px;
  }
  .hdbr-hud-v2 .hdbr-phase-num{flex-basis:31px;font-size:17px}
  .hdbr-hud-v2 .hdbr-phase-content strong{font-size:15px}
  .hdbr-hud-v2 .hdbr-phase-mark{
    flex-basis:25px;width:25px;height:25px;font-size:17px;
  }
  .hdbr-hud-v2 .hdbr-campaign-reward{
    margin:0 12px 8px;
    padding:10px 17px 10px 9px;
  }
  .hdbr-hud-v2 .hdbr-campaign-source{margin:0 12px 10px!important}
}