/* UltraTuning v2.8 - Split Live Stats + Damage Layout */

/* The combat tools are part of the builder instead of a full-width panel below it. */
main { width: min(1900px, 100%); }
.builder-section.combat-layout-enabled {
  padding-left: clamp(.75rem, 1.45vw, 1.55rem);
  padding-right: clamp(.75rem, 1.45vw, 1.55rem);
}
.builder-layout.combat-layout-grid {
  display: grid;
  grid-template-columns: minmax(230px,.58fr) minmax(650px,2.05fr) minmax(295px,.78fr);
  grid-template-areas:
    "stats tuning summary"
    "stats damage summary";
  gap: .85rem;
  align-items: start;
}
.builder-layout.combat-layout-grid > .tuning-board { grid-area: tuning; }
.builder-layout.combat-layout-grid > .summary-panel { grid-area: summary; }

.combat-stats-panel {
  grid-area: stats;
  position: sticky;
  top: 7rem;
  min-width: 0;
  overflow: hidden;
  border: 3px solid #0b0b09;
  border-radius: .85rem;
  background: #201d22;
  box-shadow: 0 9px 0 #080807, 0 18px 38px rgba(0,0,0,.25);
}
.combat-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  padding: .76rem .72rem;
  border-bottom: 1px solid #4b454d;
  background: linear-gradient(110deg,#171419,#24201d 55%,#151318);
}
.combat-card-title > div { display: grid; min-width: 0; gap: .1rem; }
.combat-card-title span {
  color: #ffe500;
  font-size: .61rem;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.combat-card-title strong {
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 900 1.06rem/1 'Barlow Condensed',sans-serif;
  text-transform: uppercase;
}
.combat-role-chip {
  flex: 0 0 auto;
  padding: .28rem .42rem;
  color: #111;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: .35rem;
  background: var(--role-color,#ffe500);
  font: 950 .62rem/1 'Barlow Condensed',sans-serif;
  text-transform: uppercase;
}
.stats-style-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
  padding: .5rem .65rem;
  color: #dcd5de;
  border-bottom: 1px solid #37323a;
  background: #181519;
  font-size: .66rem;
}
.stats-style-line b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stats-style-line small { color: #8f8793; }
.live-stats-table { display: grid; }
.live-stat-row {
  display: grid;
  grid-template-columns: minmax(92px,1.35fr) .64fr .7fr .58fr;
  align-items: center;
  gap: .28rem;
  min-height: 35px;
  padding: .42rem .5rem;
  border-bottom: 1px solid #353038;
  font-size: .63rem;
}
.live-stat-row:last-child { border-bottom: 0; }
.live-stat-row.header {
  min-height: auto;
  color: #928a96;
  background: #141216;
  font-size: .52rem;
  font-weight: 950;
  text-transform: uppercase;
}
.live-stat-row > strong {
  overflow: hidden;
  color: #eee7ef;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.live-stat-row > span,
.live-stat-row > b,
.live-stat-row > em { text-align: right; white-space: nowrap; }
.live-stat-row > span { color: #98909b; }
.live-stat-row > b { color: #fff; }
.live-stat-row > em { color: #716a74; font-style: normal; font-weight: 950; }
.live-stat-row.changed > b { color: #ffe500; }
.live-stat-row.changed > em { color: #62ef92; }
.live-stat-row.role-passive { background: rgba(104,223,255,.045); }
.live-stat-row.role-passive > strong { color: #76e7ff; }
.combat-stat-note {
  padding: .58rem .62rem;
  color: #817a84;
  border-top: 1px solid #3d3740;
  background: #151316;
  font-size: .54rem;
  line-height: 1.42;
}

/* Damage area: directly below the tuning board. */
.combat-damage-panel {
  grid-area: damage;
  min-width: 0;
  overflow: hidden;
  border: 3px solid #0b0b09;
  border-radius: .9rem;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,229,0,.07),transparent 22rem),
    linear-gradient(145deg,#151319,#1c181e 55%,#141216);
  box-shadow: 0 9px 0 #080807, 0 20px 46px rgba(0,0,0,.28);
}
.damage-stage-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: .8rem;
  padding: .85rem .9rem .72rem;
  border-bottom: 1px solid #48414b;
  background: linear-gradient(90deg,rgba(255,229,0,.08),rgba(255,102,195,.04),rgba(75,213,255,.05));
}
.damage-stage-title { min-width: 0; }
.damage-stage-title .eyebrow { margin-bottom: .08rem; color: #bdb4c0; font-size: .58rem; }
.damage-stage-title h3 { margin: 0; color: #fff; font-size: 1.55rem; line-height: .9; }
.damage-stage-title > span { display: block; margin-top: .3rem; color: #8f8793; font-size: .6rem; }
.damage-header-controls { display: flex; align-items: flex-end; gap: .5rem; flex: 0 0 auto; }
.damage-view-toggle {
  display: flex;
  overflow: hidden;
  border: 1px solid #5b5360;
  border-radius: .46rem;
  background: #151217;
}
.damage-view-toggle button {
  min-width: 58px;
  padding: .48rem .55rem;
  color: #9f97a3;
  border: 0;
  border-right: 1px solid #4b454e;
  background: transparent;
  cursor: pointer;
  font-size: .65rem;
  font-weight: 900;
}
.damage-view-toggle button:last-child { border-right: 0; }
.damage-view-toggle button.active { color: #111; background: #ffe500; }
.combat-level-control { display: grid; gap: .24rem; }
.combat-level-control > span,
.combat-style-picker > span {
  color: #ffe500;
  font-size: .54rem;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.combat-level-control select {
  min-width: 92px;
  padding: .48rem .55rem;
  color: #fff;
  border: 1px solid #5f5663;
  border-radius: .45rem;
  background: #171419;
  font-size: .66rem;
  font-weight: 950;
}
.damage-setup-row {
  display: grid;
  grid-template-columns: minmax(210px,.72fr) minmax(0,1.55fr);
  gap: .65rem;
  padding: .68rem .72rem;
  border-bottom: 1px solid #403a43;
  background: #18151a;
}
.combat-style-picker { display: grid; align-content: start; gap: .32rem; min-width: 0; }
.combat-style-buttons { display: grid; grid-template-columns: repeat(auto-fit,minmax(105px,1fr)); gap: .34rem; }
.combat-style-buttons button {
  display: grid;
  gap: .05rem;
  min-width: 0;
  padding: .43rem .5rem;
  color: #eee7ef;
  text-align: left;
  border: 1px solid color-mix(in srgb,var(--style-role) 58%,#4d4750);
  border-radius: .44rem;
  background: color-mix(in srgb,var(--style-role) 7%,#211d23);
  cursor: pointer;
  transition: .12s ease;
}
.combat-style-buttons button:hover { border-color: var(--style-role); transform: translateY(-1px); }
.combat-style-buttons button.active {
  color: #111;
  border-color: #fff;
  background: var(--style-role);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--style-role) 28%,transparent);
}
.combat-style-buttons button strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .67rem; }
.combat-style-buttons button small { color: inherit; opacity: .8; font-size: .53rem; }
.single-style-label {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-height: 41px;
  padding: .43rem .5rem;
  border: 1px solid #4d4750;
  border-radius: .44rem;
  background: #201c22;
  font-size: .67rem;
}
.damage-buff-strip {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: .4rem;
  min-width: 0;
}
.combat-buff-control,
.pu-buff-toggle {
  min-width: 0;
  min-height: 55px;
  overflow: hidden;
  border: 1px solid #514a55;
  border-radius: .5rem;
  background: linear-gradient(145deg,#232027,#19161b);
}
.combat-buff-control {
  display: grid;
  grid-template-columns: 27px minmax(0,1fr) 27px;
}
.combat-buff-control > button {
  color: #cfc6d2;
  border: 0;
  background: #151217;
  cursor: pointer;
  font-size: .9rem;
  font-weight: 1000;
}
.combat-buff-control > button:hover:not(:disabled) { color: #111; background: #ffe500; }
.combat-buff-control > button:disabled { color: #4f4952; cursor: default; }
.combat-buff-control > div,
.pu-buff-toggle > div { display: grid; align-content: center; min-width: 0; gap: .03rem; padding: .36rem .38rem; }
.combat-buff-control small,
.pu-buff-toggle small { color: #9f96a2; font-size: .49rem; font-weight: 850; text-transform: uppercase; }
.combat-buff-control strong,
.pu-buff-toggle strong { color: #fff; font-size: .9rem; line-height: 1; }
.combat-buff-control em,
.pu-buff-toggle em {
  overflow: hidden;
  color: #68ee96;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .48rem;
  font-style: normal;
}
.pu-buff-toggle {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  padding: 0;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.pu-buff-toggle:hover { border-color: #9c79ff; }
.pu-buff-toggle.active {
  border-color: #a17aff;
  background: linear-gradient(145deg,#3b2760,#21172f);
  box-shadow: inset 0 0 0 1px rgba(178,138,255,.25);
}
.pu-badge {
  display: grid;
  place-items: center;
  margin: .42rem 0 .42rem .42rem;
  color: #fff;
  border: 1px solid #a17aff;
  border-radius: .42rem;
  background: #5f34a8;
  font: 1000 .66rem/1 'Barlow Condensed',sans-serif;
}
.build-special-badge {
  grid-column: 1 / -1;
  justify-self: end;
  padding: .22rem .4rem;
  color: #72f29b;
  border: 1px solid #315e3f;
  border-radius: 999px;
  background: #15221a;
  font-size: .5rem;
  font-weight: 900;
}

.damage-card-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .52rem;
  padding: .62rem;
}
.damage-skill-card {
  --skill-color: #ffe500;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #49424d;
  border-top: 3px solid var(--skill-color);
  border-radius: .62rem;
  background: linear-gradient(160deg,#242028,#1c191f);
  box-shadow: 0 5px 14px rgba(0,0,0,.18);
}
.damage-skill-card.melee { grid-column: 1 / -1; }
.damage-skill-card > header {
  display: grid;
  grid-template-columns: auto auto minmax(0,1fr);
  align-items: center;
  gap: .48rem;
  min-height: 49px;
  padding: .44rem .5rem;
  border-bottom: 1px solid #413b44;
  background: linear-gradient(90deg,color-mix(in srgb,var(--skill-color) 7%,#171419),#171419 55%);
}
.damage-skill-card > header img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border: 1px solid color-mix(in srgb,var(--skill-color) 55%,#4c4650);
  border-radius: .35rem;
}
.damage-skill-copy { display: grid; min-width: 0; gap: .1rem; }
.damage-skill-copy strong {
  overflow: hidden;
  color: #f6f0f7;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 900 .79rem/1 'Barlow Condensed',sans-serif;
  text-transform: uppercase;
}
.damage-skill-copy small { color: var(--skill-color); font-size: .54rem; font-weight: 900; }
.damage-skill-symbol {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  color: #111;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: .38rem;
  background: var(--skill-color);
  font-size: .88rem;
  font-weight: 1000;
}
.damage-skill-symbol.melee,
.damage-skill-symbol.finisher { color: #fff; font-size: .64rem; }
.damage-part-table { display: grid; }
.damage-skill-card.melee .damage-part-table {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.damage-skill-card.melee .damage-part-row.header { grid-column: 1 / -1; }
.damage-part-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) 64px 64px;
  align-items: center;
  gap: .35rem;
  min-height: 43px;
  padding: .4rem .48rem;
  border-bottom: 1px solid #39343c;
}
.damage-skill-card.melee .damage-part-row:nth-last-child(-n+2) { border-bottom: 0; }
.damage-part-row:last-child { border-bottom: 0; }
.damage-part-row.header {
  min-height: auto;
  color: #928a95;
  background: #18151a;
  font-size: .49rem;
  font-weight: 950;
  text-transform: uppercase;
}
.damage-part-row.header span:not(:first-child) { text-align: right; }
.damage-part-name { display: grid; min-width: 0; gap: .08rem; }
.damage-part-name > strong {
  overflow: hidden;
  color: #eee7f0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .62rem;
}
.damage-part-name > small {
  overflow: hidden;
  color: #777079;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .47rem;
}
.hit-count {
  display: inline-block;
  margin-left: .26rem;
  padding: .08rem .22rem;
  color: #111;
  border-radius: .2rem;
  background: #ffe500;
  font-size: .48rem;
}
.damage-number {
  display: grid;
  justify-items: end;
  align-content: center;
  gap: .01rem;
  min-width: 0;
}
.damage-number small { color: #7f7782; font-size: .48rem; white-space: nowrap; }
.damage-number b { color: #fff; font-size: .84rem; line-height: 1; }
.damage-number.hp-number b { color: #ffe500; }
.damage-number.gp-number b { color: #71e7ff; }
.damage-mechanics {
  display: flex;
  align-items: stretch;
  margin-top: auto;
  border-top: 1px solid #413b44;
  background: #171419;
}
.damage-mechanics span { display: grid; gap: .08rem; flex: 1; min-width: 0; padding: .37rem .42rem; border-right: 1px solid #363139; }
.damage-mechanics span:last-child { border-right: 0; }
.damage-mechanics small { overflow: hidden; color: #78717b; text-overflow: ellipsis; white-space: nowrap; font-size: .45rem; }
.damage-mechanics b { color: #e9e2eb; font-size: .58rem; }
.non-damage-skill { display: grid; gap: .2rem; padding: .78rem; }
.non-damage-skill strong { color: #76e7ff; font-size: .7rem; }
.non-damage-skill span { color: #948b98; font-size: .56rem; line-height: 1.42; }
.combat-damage-note {
  padding: .5rem .65rem;
  color: #7e7681;
  border-top: 1px solid #3d3740;
  background: #151316;
  font-size: .52rem;
  line-height: 1.4;
}

@media (max-width: 1420px) {
  .builder-layout.combat-layout-grid {
    grid-template-columns: minmax(215px,.52fr) minmax(600px,1.85fr) minmax(280px,.72fr);
    gap: .7rem;
  }
  .damage-setup-row { grid-template-columns: minmax(185px,.65fr) minmax(0,1.45fr); }
  .combat-buff-control em,.pu-buff-toggle em { display: none; }
}

@media (max-width: 1240px) {
  .builder-layout.combat-layout-grid {
    grid-template-columns: minmax(0,1fr) minmax(290px,.62fr);
    grid-template-areas:
      "tuning summary"
      "stats summary"
      "damage summary";
  }
  .combat-stats-panel { position: static; }
  .damage-skill-card.melee .damage-part-table { grid-template-columns: 1fr; }
  .damage-skill-card.melee .damage-part-row.header { grid-column: auto; }
}

@media (max-width: 900px) {
  .builder-layout.combat-layout-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "tuning" "stats" "damage" "summary";
  }
  .summary-panel { position: static; max-height: none; }
  .damage-setup-row { grid-template-columns: 1fr; }
  .damage-buff-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .damage-stage-header { align-items: stretch; flex-direction: column; }
  .damage-header-controls { justify-content: space-between; }
  .damage-card-grid { grid-template-columns: 1fr; padding: .48rem; }
  .damage-skill-card.melee { grid-column: auto; }
  .damage-buff-strip { grid-template-columns: 1fr; }
  .build-special-badge { grid-column: auto; justify-self: stretch; text-align: center; }
  .live-stat-row { grid-template-columns: minmax(100px,1.35fr) .64fr .72fr .58fr; }
}

/* UltraTuning v2.9 finishing pass: larger combat info and Special Action cards. */
.combat-card-title { padding: .9rem .82rem; }
.combat-card-title span { font-size: .68rem; }
.combat-card-title strong { font-size: 1.18rem; }
.combat-role-chip { padding: .32rem .48rem; font-size: .69rem; }
.stats-style-line { padding: .6rem .72rem; font-size: .73rem; }
.live-stat-row {
  grid-template-columns: minmax(105px,1.42fr) .68fr .74fr .62fr;
  min-height: 42px;
  padding: .5rem .58rem;
  font-size: .7rem;
}
.live-stat-row.header { font-size: .58rem; }
.combat-stat-note { padding: .68rem .7rem; font-size: .6rem; }

.damage-stage-header { padding: 1rem 1rem .86rem; }
.damage-stage-title .eyebrow { font-size: .64rem; }
.damage-stage-title h3 { font-size: 1.8rem; }
.damage-stage-title > span { font-size: .68rem; }
.damage-view-toggle button { min-width: 64px; padding: .56rem .62rem; font-size: .72rem; }
.combat-level-control > span,
.combat-style-picker > span { font-size: .6rem; }
.combat-level-control select { min-width: 98px; padding: .55rem .62rem; font-size: .74rem; }
.damage-setup-row { padding: .78rem .82rem; }
.combat-style-buttons button { padding: .53rem .58rem; }
.combat-style-buttons button strong { font-size: .76rem; }
.combat-style-buttons button small { font-size: .6rem; }
.single-style-label { min-height: 47px; padding: .52rem .58rem; font-size: .76rem; }

.combat-buff-control,
.pu-buff-toggle { min-height: 64px; }
.combat-buff-control { grid-template-columns: 31px minmax(0,1fr) 31px; }
.combat-buff-control > button { font-size: 1.06rem; }
.combat-buff-control > div,
.pu-buff-toggle > div { padding: .44rem .45rem; }
.combat-buff-control small,
.pu-buff-toggle small { font-size: .56rem; }
.combat-buff-control strong,
.pu-buff-toggle strong { font-size: 1.04rem; }
.combat-buff-control em,
.pu-buff-toggle em { font-size: .55rem; }
.pu-buff-toggle { grid-template-columns: 43px minmax(0,1fr); }
.pu-badge { font-size: .74rem; }
.build-special-badge { font-size: .57rem; }

.damage-card-grid { gap: .65rem; padding: .74rem; }
.damage-skill-card > header {
  grid-template-columns: auto auto minmax(0,1fr);
  gap: .58rem;
  min-height: 62px;
  padding: .56rem .62rem;
}
.damage-skill-card > header img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  background: rgba(0,0,0,.25);
}
.damage-skill-copy strong { font-size: .92rem; }
.damage-skill-copy small { font-size: .62rem; }
.damage-skill-symbol { width: 36px; height: 36px; font-size: 1rem; }
.damage-skill-symbol.melee,
.damage-skill-symbol.finisher,
.damage-skill-symbol.special { color: #fff; font-size: .69rem; }
.damage-part-row {
  grid-template-columns: minmax(0,1fr) 74px 74px;
  min-height: 51px;
  gap: .42rem;
  padding: .49rem .58rem;
}
.damage-part-row.header { font-size: .56rem; }
.damage-part-name > strong { font-size: .72rem; }
.damage-part-name > small { font-size: .54rem; }
.hit-count { font-size: .54rem; }
.damage-number small { font-size: .55rem; }
.damage-number b { font-size: 1rem; }
.damage-mechanics span { padding: .48rem .5rem; }
.damage-mechanics small { font-size: .52rem; }
.damage-mechanics b { font-size: .69rem; }
.non-damage-skill { gap: .28rem; padding: .92rem; }
.non-damage-skill strong { font-size: .82rem; }
.non-damage-skill span { font-size: .65rem; }
.combat-damage-note { padding: .62rem .74rem; font-size: .59rem; }
.damage-skill-card.special { --skill-color: #9f7cff; }

@media (max-width: 1420px) {
  .damage-skill-copy strong { font-size: .86rem; }
  .damage-part-row { grid-template-columns: minmax(0,1fr) 68px 68px; }
}


/* UltraTuning v2.10 polish pass */

/* Role chips stay readable on every role color. */
.combat-role-chip {
  color: #fff !important;
  -webkit-text-stroke: .45px #000;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     0 2px 2px rgba(0,0,0,.65);
  letter-spacing: .035em;
}

/* A one-part skill should use the vertical room instead of leaving a giant dead zone. */
.damage-skill-card:not(.melee) .damage-part-table {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}
.damage-skill-card:not(.melee) .damage-part-row:not(.header) {
  flex: 1 1 0;
  min-height: 68px;
}
.damage-skill-card.single-part .damage-part-row:not(.header) {
  min-height: 102px;
  padding-top: .8rem;
  padding-bottom: .8rem;
}
.damage-skill-card.single-part .damage-part-name > strong { font-size: .8rem; }
.damage-skill-card.single-part .damage-part-name > small { font-size: .59rem; }
.damage-skill-card.single-part .damage-number small { font-size: .6rem; }
.damage-skill-card.single-part .damage-number b { font-size: 1.18rem; }

/* Ammo / reload data gets the same visual weight as the rest of the card. */
.damage-mechanics { min-height: 64px; }
.damage-mechanics span {
  align-content: center;
  justify-items: center;
  gap: .16rem;
  padding: .68rem .58rem;
}
.damage-mechanics small {
  color: #99919d;
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.damage-mechanics b {
  color: #fff;
  font-size: .88rem;
  line-height: 1;
}

/* Build Summary now belongs to the same visual family as Live Stats and Damage. */
.builder-layout.combat-layout-grid > .summary-panel {
  padding: 0;
  overflow-x: hidden;
  border: 3px solid #0b0b09;
  border-radius: .85rem;
  background:
    radial-gradient(circle at 90% 0%,rgba(255,229,0,.055),transparent 18rem),
    linear-gradient(160deg,#211d23,#19161b 62%,#151316);
  box-shadow: 0 9px 0 #080807, 0 18px 38px rgba(0,0,0,.25);
  scrollbar-color: #6d6570 #171419;
}
.builder-layout.combat-layout-grid > .summary-panel .summary-title {
  padding: .95rem .95rem .82rem;
  border-bottom: 1px solid #4b454d;
  background: linear-gradient(110deg,#171419,#24201d 55%,#151318);
}
.builder-layout.combat-layout-grid > .summary-panel .summary-title h3 {
  margin: 0;
  color: #fff;
  font: 950 1.72rem/.95 'Barlow Condensed',sans-serif;
  letter-spacing: .015em;
  text-transform: uppercase;
}
.builder-layout.combat-layout-grid > .summary-panel .completion-row {
  gap: .52rem;
  margin: .78rem .82rem .9rem;
}
.builder-layout.combat-layout-grid > .summary-panel .completion-row span {
  padding: .62rem .5rem;
  color: #d9d1dc;
  border: 1px solid #4d4651;
  border-radius: .5rem;
  background: #1b181d;
  font-size: .78rem;
}
.builder-layout.combat-layout-grid > .summary-panel .completion-row span.complete {
  color: #fff;
  border-color: #258647;
  background: linear-gradient(145deg,#176a32,#104d25);
  box-shadow: inset 0 0 0 1px rgba(103,239,145,.12);
}
.builder-layout.combat-layout-grid > .summary-panel h4 {
  margin: 1rem .85rem .48rem;
  color: #ffe500;
  font: 950 .88rem/1 'Barlow Condensed',sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.builder-layout.combat-layout-grid > .summary-panel .totals-list {
  margin: 0 .85rem;
  border-top: 1px solid #353038;
}
.builder-layout.combat-layout-grid > .summary-panel .total-row {
  gap: .6rem;
  padding: .67rem 0;
  border-bottom: 1px solid #3c3740;
}
.builder-layout.combat-layout-grid > .summary-panel .total-row strong {
  color: #f0e9f2;
  font-size: .78rem;
}
.builder-layout.combat-layout-grid > .summary-panel .total-row small {
  margin-top: .16rem;
  color: #8f8793;
  font-size: .59rem;
  line-height: 1.3;
}
.builder-layout.combat-layout-grid > .summary-panel .total-row b {
  color: #62ef92;
  font-size: .82rem;
}
.builder-layout.combat-layout-grid > .summary-panel .muted {
  margin: 0 .85rem;
  color: #8f8793;
  font-size: .66rem;
}
.builder-layout.combat-layout-grid > .summary-panel .special-summary {
  gap: .24rem;
  margin: 0 .85rem .62rem;
  padding: .7rem .72rem;
  border: 1px solid #3f3942;
  border-left: 4px solid #635c67;
  border-radius: .48rem;
  background: linear-gradient(145deg,#1b181d,#151316);
}
.builder-layout.combat-layout-grid > .summary-panel .special-summary.active {
  border-color: #44d7ff;
  border-left-color: #44d7ff;
  box-shadow: inset 0 0 0 1px rgba(68,215,255,.08);
}
.builder-layout.combat-layout-grid > .summary-panel .special-summary > strong {
  color: #fff;
  font-size: .72rem;
  text-transform: uppercase;
}
.builder-layout.combat-layout-grid > .summary-panel .special-summary span {
  color: #ece5ef;
  font-size: .69rem;
}
.builder-layout.combat-layout-grid > .summary-panel .special-summary small {
  color: #8f8793;
  font-size: .59rem;
  line-height: 1.35;
}
.builder-layout.combat-layout-grid > .summary-panel .potential-damage-card {
  margin: .85rem;
  padding: .78rem;
  border: 1px solid #514a55;
  border-top: 3px solid #ffe500;
  border-radius: .6rem;
  background: linear-gradient(145deg,#221e24,#171419);
  box-shadow: 0 5px 14px rgba(0,0,0,.16);
}
.builder-layout.combat-layout-grid > .summary-panel .potential-damage-heading strong {
  color: #fff;
}
.builder-layout.combat-layout-grid > .summary-panel .damage-toggle {
  border-color: #4d4650;
  background: #18151a;
}
.builder-layout.combat-layout-grid > .summary-panel .damage-toggle.active {
  border-color: #ffe500;
  background: rgba(255,229,0,.08);
}
.builder-layout.combat-layout-grid > .summary-panel .potential-damage-card > small {
  color: #8f8793;
}