.invictus-principle-bar{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  justify-content:center;
  margin-top:18px;
}

/* Pill buttons */
.invictus-pill{
  appearance:none;
  background:#000;
  color:#f5c26b;
  border:1px solid rgba(245,194,107,.55);
  padding:10px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.3px;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}

.invictus-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}

/* Overlay */
.invictus-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(6px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
}

.invictus-overlay.open{
  display:flex;
}

.invictus-overlay-card{
  background:#0b0b0b;
  color:#eaeaea;
  max-width:520px;
  width:92%;
  padding:34px 30px;
  border-radius:18px;
  border:1px solid rgba(245,194,107,.25);
  position:relative;
  box-shadow:0 25px 60px rgba(0,0,0,.65);
}

.invictus-overlay-card h2{
  color:#f5c26b;
  font-size:22px;
  margin-bottom:14px;
  line-height:1.3;
}

.invictus-overlay-card p{
  font-size:15px;
  line-height:1.7;
  opacity:.92;
}

.invictus-close{
  position:absolute;
  top:14px;
  right:16px;
  background:none;
  border:none;
  color:#aaa;
  font-size:26px;
  cursor:pointer;
}

.invictus-overlay-footer{
  margin-top:26px;
  display:flex;
  justify-content:space-between;
  font-size:11px;
  letter-spacing:.4px;
  opacity:.6;
}
.invictus-principle-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin:34px auto 26px;
  max-width:980px;
  position:relative;
}

/* Stronger lines */
.invictus-principle-divider .line{
  flex:1;
  height:2px;
  background:linear-gradient(
    to right,
    rgba(245,194,107,0),
    rgba(245,194,107,.75),
    rgba(245,194,107,0)
  );
  box-shadow:0 0 8px rgba(245,194,107,.35);
}

/* Elevated label */
.invictus-principle-divider .label{
  font-size:20px;              /* ↑ bigger */
  font-weight:900;
  letter-spacing:1.6px;        /* ↑ more authority */
  color:#f5c26b;
  white-space:nowrap;
  padding:8px 16px;            /* gives it presence */
  border-radius:999px;
  background:linear-gradient(
    180deg,
    rgba(245,194,107,.18),
    rgba(245,194,107,.06)
  );
  border:1px solid rgba(245,194,107,.55);
  box-shadow:
    0 6px 18px rgba(0,0,0,.55),
    inset 0 0 12px rgba(245,194,107,.18);
}
.invictus-principle-divider{
  animation:invictusFade 0.6s ease-out both;
}

@keyframes invictusFade{
  from{opacity:0; transform:translateY(4px);}
  to{opacity:1; transform:none;}
}