@keyframes pulse {
  0% {
    text-shadow: 0 0 0 red;
  }
  75% {
    text-shadow: 0 0 4px red;
  }
  100% {
    text-shadow: 0 0 0 red;
  }
}

.dsa41.dialog.combat {

  .window-content > section {

    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 16px 0;

    fieldset {

      flex: 1;

      padding: 0;
      margin: 0;

      &.modding {
        flex: 0;
      }

    }

    ul {

      list-style: none;
      padding: 0;
      margin: 0;
      text-indent: 0;
      overflow: hidden;
      overflow-y: auto;
      margin: 0 -8px;
      max-height: 120px;

      li {

        cursor: pointer;

        height: 32px;
        display: grid;
        line-height: 32px;
        vertical-align: middle;

        grid-template-columns: 32px 1fr 90px;
        grid-template-rows: 1fr;
        border: 1px transparent;
        margin: 8px;
        gap: 0 8px;

        &.selected {
          background-color: rgba(255, 140, 0, 0.2);
          border: 1px solid orange;
          border-radius: 16px;
        }

        &.name-only {
          padding-left: 40px;
          display: block;
        }
      }
    }

    .malus-and-mod {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      gap: 0 8px;

      label {

        span {
          text-align: center;
        }
      }
    }

    .actions {
      flex: 0;
      display: flex;
      justify-content: center;

      button.ready {
        animation: pulse 2s infinite;
      }

    }

  }


}