/* Shared bar sizing */
    .bar {
      width: 75%;
      height: 10vh;
      border-radius: 6px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
      background: #ff7f00;
    }

    .bar.seven {
      display: flex;
      gap: 0.35vh;
      background: transparent;
    }
    .bar.seven .cell {
      flex: 1 1 0;
      height: 100%;
      background: #ff7f00;
      border-radius: 2px;
    }

    .flash {
      animation: flash 1s infinite alternate;
    }
    @keyframes flash {
      from { filter: brightness(100%); }
      to   { filter: brightness(160%); }
    }

    /* Overlay container: both bars occupy same space */
    .overlay {
      position: relative;
      width: 75%;
      height: 10vh;
      margin: 0 auto;
    }
    .overlay .bar {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }