Add css for army and new item cohort/fortif

system/styles/scss/army.scss

@@ -0,0 +1,87 @@
+/** 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%;
+                    }
+                }
+            }
+        }
+    }
+}