/** Sheets **/
&.sheet {
    &.army {
        .sheet-header {
            height: auto;
            h1 {
                flex: 1;
            }
            .warlord,
            .commander {
                display: flex;
                fieldset {
                    flex: content;
                    margin-top: 0.25rem;
                    margin-bottom: 0.25rem;
                    strong {
                        color: $l5r5e-label;
                    }
                    label {
                        flex: 100%;
                    }
                }
            }
            .readiness,
            .standing {
                align-items: flex-start;
                h2 {
                    flex: 0 0 100%;
                }
                ul > li {
                    position: relative;
                    padding: 0.25rem;
                    display: flex;
                    flex-direction: column-reverse;
                    strong {
                        text-align: center;
                    }
                    input {
                        background: transparent;
                        border: 0 none;
                        text-align: center;
                    }
                    &:after {
                        content: "";
                        width: 2rem;
                        height: 2rem;
                        position: absolute;
                        right: calc(50% - 0.95rem);
                        top: calc(50% - 1.6rem);
                        background: transparent url("../assets/icons/circle.svg") no-repeat 0 0;
                        background-size: contain;
                        opacity: 0.25;
                    }
                    &:nth-child(1) {
                        &:after {
                            transform: rotate(0deg);
                        }
                    }
                    &:nth-child(2) {
                        &:after {
                            transform: rotate(90deg);
                        }
                    }
                    &:nth-child(3) {
                        &:after {
                            transform: rotate(180deg);
                        }
                    }
                    &:nth-child(4) {
                        &:after {
                            transform: rotate(-90deg);
                        }
                    }
                }
            }
            .readiness {
                ul {
                    display: flex;
                    flex-wrap: wrap;
                    li {
                        flex: 50%;
                    }
                }
            }
        }
    }
}