changed foci section to utilize a repeating section and sheetworker

Shadowrun3e/shadowrun3e.css

@@ -19,6 +19,13 @@ animation-name: example;
 animation-duration: 4s;
 }
 
+select option {
+        background: black;
+	color: white;
+	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
+}
+
+
 .button {
 font-size: 1em;
 padding: 4px;
@@ -1167,15 +1174,35 @@ min-width: 0;
     display: none;
 }
 
-.numberspan {
-
-}
-
-
 /* Magic Formating */
 
-.spells-spirit-status,
-.spells-status {
+.spells-status-tracking {
+    display: grid;
+    grid-template-columns: 40px 60px 60px 90px 50px 35px 60px 35px 50px 35px 70px 35px 50px 40px 60px 35px 35px;
+    align-items: center;
+    text-align: end;
+    background-color: rgba(192,192,192,.9);
+    border-top: 2px solid #fff;
+    border-right: 2px solid #fff;
+    border-left: 2px solid #fff;
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
+}
+
+.spells-status-buttons {
+    display: grid;
+    grid-template-columns: 200px 60px 25px 60px 25px 60px 25px 60px 25px 60px 25px;
+    align-items: center;
+    text-align: end;
+    background-color: rgba(192,192,192,.9);
+    border-bottom: 2px solid #fff;
+    border-right: 2px solid #fff;
+    border-left: 2px solid #fff;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+ }   
+
+.spells-spirit-status {
     display: grid;
     grid-template-columns: auto auto auto 60px 25px auto 25px 60px 25px 60px 25px;
     align-items: center;
@@ -1292,6 +1319,36 @@ input[type="checkbox"].hidden-checkbox {
     grid-template-columns: 90px auto auto auto;
 }
 
+.reusable-foci,
+.powerfocus,
+.spiritfocus {
+	display: none;
+}
+
+
+.focitype[value="Power Focus"] ~.reusable {
+	display: none;
+}
+
+
+.focitype[value="Spirit Focus"] ~.spiritfocus,
+.focitype[value="Power Focus"] ~.powerfocus {
+	display: grid;
+}
+
+.focitype[value="Spirit Focus"] ~.reusable,
+.focitype[value="Spirit Focus"] ~.powerfoucs,
+.focitype[value="Power Focus"] ~.reusable {
+	display: none;
+}
+
+.magictype[value="shaman"] ~.mage-foci {
+	display: none;
+}
+.magictype[value="mage"] ~.shaman-foci {
+	display: none;
+}
+
 .foci-table {
     display: grid;
     /*grid-template-columns: 80px 45px;*/
@@ -1521,6 +1578,16 @@ melee-table-row input[type="textarea"],
     border-radius: 2px;
     justify-content: center;
 }
+.spells-status-tracking span {
+    width: 35px;
+    background-color: white;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    border: 1px solid #fff;
+    border-radius: 2px;
+ }
 .numberspan span,
 .deck-combat-modifiers span {
     width: 35px;
@@ -2158,11 +2225,12 @@ input.enable-fa:not(:checked)~span.show_fa_dice {
    padding-right: 5px;
 }
 
+.sorcery-over[value="1"] ~ .sorcery-over,
+.spellpool-over[value="1"] ~ .spellpool-over,
 .vehicle-flux-overload[value="1"] ~ .flux-overload,
 .frame-utility-full[value="1"]~.frame-overload,
 .deck-mem-full[value="1"]~.deck-overload {
     background-color: red;
-    /* Green */
 }
 
 .deck-utilities {