.statbar {
  position: relative;
  height: 80px;
  background: var(--ink);
  border-top: 1px solid var(--gold-dark);
  border-bottom: 1px solid rgba(196,168,130,0.12);
  overflow: hidden;
}

.statbar__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.statbar__brace {
  animation: brace-shimmer 6s ease-in-out infinite;
}

@keyframes brace-shimmer {
  0%, 100% { opacity: 0.55; }
  50%       { opacity: 0.75; }
}

/* Edge vignettes — gold lines fade to ink at both sides */
.statbar::before,
.statbar::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 14%;
  z-index: 1;
  pointer-events: none;
}
.statbar::before {
  left: 0;
  background: linear-gradient(to right, var(--ink) 0%, transparent 100%);
}
.statbar::after {
  right: 0;
  background: linear-gradient(to left, var(--ink) 0%, transparent 100%);
}