div.combatStats {
    
    text-align: center;
    width:200px;
    padding: 12px;
    border: 1px solid black;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;

    span.blockTitre {
        margin-left:auto;
        margin-right:auto;
    }

    h1 {
        font-size:16px;
        width:100%;
        text-align: center;
    }

    div.block {
        display:flex;
        justify-content: space-between;
        width:100%;
    }

    div.col {
        width:calc(100% / 3);

        span {
            display:block;
            width:100%;
            font-variant: small-caps;
            
            &:first-of-type {
                border-bottom:1px solid $black;
            }

            &:last-of-type {
                border-top:1px solid black;
            }
        }

        &:first-of-type {
            span {
                text-align: left;
            }
        }

        &:last-of-type {
            span {
                text-align: right;
            }
        }
    }

    div.midCol {
        width:calc(100% / 3);
        text-align: center;

        input[type="number"] {
            width:100%;
        }

        span.line {
            display:block;
            width:0px;
            height:20px;
            border-left:1px solid $black;
            border-right:1px solid $black;
            margin-left: auto;
            margin-right: auto;
        }

        span.name {
            display:block;
            width:100%;
            font-variant: small-caps;
            text-align: center;
        }
    }

    input[type="number"] {
        width:calc((100%/3) - 4px);
        border:2px solid $black;
        text-align: center;
        padding: 0px;
        font-size: 26px;
        color: $black;
    }
}