diff --git a/deploy/www/css/style.css b/deploy/www/css/style.css
index 17eccec78..714659af4 100644
--- a/deploy/www/css/style.css
+++ b/deploy/www/css/style.css
@@ -66,9 +66,12 @@ audio:not([controls]) {
  */
 
 html {
-    font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
+    font-family: sans-serif;
+    /* 1 */
+    -ms-text-size-adjust: 100%;
+    /* 2 */
+    -webkit-text-size-adjust: 100%;
+    /* 2 */
 }
 
 /**
@@ -183,7 +186,7 @@ pre {
  */
 
 q {
-    quotes: '\201C''\201D''\2018''\2019';
+    quotes: '\201C' '\201D' '\2018' '\2019';
 }
 
 /**
@@ -266,8 +269,10 @@ fieldset {
  */
 
 legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
+    border: 0;
+    /* 1 */
+    padding: 0;
+    /* 2 */
 }
 
 /**
@@ -280,9 +285,12 @@ button,
 input,
 select,
 textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
+    font-family: inherit;
+    /* 1 */
+    font-size: 100%;
+    /* 2 */
+    margin: 0;
+    /* 3 */
 }
 
 /**
@@ -316,11 +324,14 @@ select {
  */
 
 button,
-html input[type="button"], /* 1 */
+html input[type="button"],
+/* 1 */
 input[type="reset"],
 input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
+    -webkit-appearance: button;
+    /* 2 */
+    cursor: pointer;
+    /* 3 */
 }
 
 /**
@@ -339,8 +350,10 @@ html input[disabled] {
 
 input[type='checkbox'],
 input[type='radio'] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
+    box-sizing: border-box;
+    /* 1 */
+    padding: 0;
+    /* 2 */
 }
 
 /**
@@ -350,9 +363,11 @@ input[type='radio'] {
  */
 
 input[type='search'] {
-    -webkit-appearance: textfield; /* 1 */
+    -webkit-appearance: textfield;
+    /* 1 */
     -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
+    -webkit-box-sizing: content-box;
+    /* 2 */
     box-sizing: content-box;
 }
 
@@ -382,8 +397,10 @@ input::-moz-focus-inner {
  */
 
 textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
+    overflow: auto;
+    /* 1 */
+    vertical-align: top;
+    /* 2 */
 }
 
 /* ==========================================================================
@@ -406,7 +423,8 @@ table {
  */
 
 body {
-    background-color: #000004; /* To prevent the "white background flash" effect. */
+    background-color: #000004;
+    /* To prevent the "white background flash" effect. */
     background: url('/images/rebel.png');
     color: ghostwhite;
 }
@@ -418,6 +436,7 @@ input,
 textarea {
     font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
 }
+
 select {
     color: #333;
     background-color: ghostwhite;
@@ -425,12 +444,15 @@ select {
 
 input {
     border-radius: 0.3em;
-    background-color: #000800; /* Lightly red. */
+    background-color: #000800;
+    /* Lightly red. */
     color: ghostwhite;
 }
+
 input[type='submit'] {
     font-weight: bolder;
 }
+
 input[type='image'] {
     background: none;
 }
@@ -451,7 +473,8 @@ h6 {
 }
 
 img {
-    max-width: 100%; /* Allow scaling down of images in smaller containers */
+    max-width: 100%;
+    /* Allow scaling down of images in smaller containers */
 }
 
 dl {
@@ -467,8 +490,7 @@ Aclonica used for display font, useful for h1, titles, subtitles, etc
     font-family: 'Aclonica';
     font-style: normal;
     font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/aclonica/v8/K2FyfZJVlfNNSEBXGY7UAo8.woff2)
-        format('woff2');
+    src: url(https://fonts.gstatic.com/s/aclonica/v8/K2FyfZJVlfNNSEBXGY7UAo8.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
         U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
         U+2215, U+FEFF, U+FFFD;
@@ -480,63 +502,62 @@ Aclonica used for display font, useful for h1, titles, subtitles, etc
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
         U+2C60-2C7F, U+A720-A7FF;
 }
+
 /* latin */
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
         U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }
+
 /* latin-ext */
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     src: local('Open Sans'), local('OpenSans'),
-        url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
         U+2C60-2C7F, U+A720-A7FF;
 }
+
 /* latin */
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     src: local('Open Sans'), local('OpenSans'),
-        url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
         U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }
+
 /* latin-ext */
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
     unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF,
         U+2C60-2C7F, U+A720-A7FF;
 }
+
 /* latin */
 @font-face {
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
     src: local('Roboto'), local('Roboto-Regular'),
-        url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2)
-            format('woff2');
+        url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC,
         U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 }
@@ -550,12 +571,15 @@ Using just #800000 as the primary color
 p {
     margin: 0.5em 0 0.5em 0;
 }
+
 hr {
     margin: 1em auto 1em auto;
     border: 0;
     width: 90%;
-    color: #800000; /*maroon*/
-    background-color: #800000; /*maroon*/
+    color: #800000;
+    /*maroon*/
+    background-color: #800000;
+    /*maroon*/
     height: 1px;
     margin-top: 0.3em;
     margin-bottom: 0.3em;
@@ -579,10 +603,12 @@ h6,
     border-bottom: medium solid hsla(222, 5.2%, 37.6%, 0.3);
     color: #cccccc;
 }
+
 h1,
 h2,
 .title {
-    background-color: #bdb76b; /*DarkKhaki*/
+    background-color: #bdb76b;
+    /*DarkKhaki*/
     color: #000000;
     font-weight: bolder;
     text-align: center;
@@ -592,6 +618,7 @@ h2,
     margin-right: auto;
     margin-bottom: 0.1em;
 }
+
 h2 {
     margin: 0.1em auto 0.1em;
     min-width: 50%;
@@ -600,6 +627,7 @@ h2 {
         sans-serif;
     font-weight: normal;
 }
+
 /** Very important main title on many pages **/
 h1,
 .player-info .player-name {
@@ -616,21 +644,27 @@ h1,
     padding-right: 7rem;
     text-shadow: black 2px 2px 3px;
 }
+
 h1 {
     margin: 0 0 2.5rem;
 }
+
 .player-info .player-name {
     min-height: 4.5rem;
 }
+
 h3 {
     font: 18px/24px;
 }
+
 h4 {
     font: 16px/20px;
 }
+
 h5 {
     font: 14px/18px;
 }
+
 h6 {
     font: 10px/14px;
 }
@@ -642,6 +676,7 @@ h6 {
     border-bottom-left-radius: 20px;
     padding: 10px;
 }
+
 .ninjawars-staff h3 {
     border-radius: 5px;
     padding: 5px 5px 5px 15px;
@@ -661,6 +696,7 @@ h6 {
     color: pink;
     background-color: hsla(0, 100%, 50%, 0.3);
 }
+
 .ninjawars-staff #latest-commit-section {
     width: 97%;
     height: 7em;
@@ -671,6 +707,7 @@ h6 {
     margin-bottom: 1em;
     max-height: 20em;
 }
+
 /* The css for the homepage and the css for the staff page latest commit info is different, see below for the staff page version */
 
 /* Staff page stuff */
@@ -714,19 +751,25 @@ h6 {
 /* End of experimental css3 for the staff page */
 
 .clan-members .subtitle {
-    background-color: #bdb76b; /*DarkKhaki*/
+    background-color: #bdb76b;
+    /*DarkKhaki*/
     color: black;
 }
+
 #ninjawars-title {
-    font: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; /*'JRandomCRegular', */
+    font: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
+    /*'JRandomCRegular', */
     font-size: larger;
-    color: #800000; /*maroon*/
+    color: #800000;
+    /*maroon*/
     padding: 3px;
 }
+
 #ninjawars-title img {
     vertical-align: middle;
     max-width: 100%;
 }
+
 #ninjawars-title-image {
     position: absolute;
     top: 0;
@@ -736,9 +779,11 @@ h6 {
 #nin1 {
     color: #a52a2a;
 }
+
 #nin2 {
     color: red;
 }
+
 #nin3 {
     color: orange;
 }
@@ -761,6 +806,7 @@ a {
     /*font-family: Arial Black, Impact, Tahoma Bold, sans-serif;*/
     /*CadetBlue/YellowGreen/Turquoise/Tomatoe/SteelBlue/SlateBlue/Sienna/Brown/Chartreuse/Crimson*/
 }
+
 a:hover {
     color: white;
     text-decoration: underline;
@@ -775,33 +821,41 @@ a:link {} a:visited {} a:active {}
     width: 80px;
     height: 80px;
 }
+
 #index-avatar {
     padding: 0 !important;
     background: inherit;
 }
+
 #index-avatar img {
     width: 34px;
     height: 34px;
     margin-top: 7px;
 }
+
 .avatar-dropdown li {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
 }
+
 .dropdown-inverse {
     background-color: #222;
     border-color: #080808;
 }
-.dropdown-inverse > li > a {
+
+.dropdown-inverse>li>a {
     color: #999;
 }
+
 .dropdown-inverse:hover {
     color: #fff;
     background-color: #000;
 }
-.dropdown-inverse > .divider {
+
+.dropdown-inverse>.divider {
     background-color: #000;
 }
+
 .dropdown-menu .logout-item {
     margin: 1rem 0;
 }
@@ -819,21 +873,26 @@ a:link {} a:visited {} a:active {}
 section.player-communications {
     margin-bottom: 1.5em;
 }
+
 article#player-titles {
     font-size: larger;
 }
+
 #health-bar-container {
     min-width: 12rem;
     display: inline-block;
 }
+
 #attacking-choices .btn-vital {
     text-transform: none;
 }
+
 #attacking-choices #attack-text {
     font-size: 1.5em;
     font-weight: bold;
     vertical-align: text-bottom;
 }
+
 #attacks {
     width: 95%;
     margin: 0 auto;
@@ -856,12 +915,15 @@ img#class-shuriken {
     height: 26px;
     fill: currentColor;
 }
+
 /* Clan avatar css set in the .member section. */
 
 #menu a {
     /*Menu actions are a lighter blue to pop better on the red */
-    color: #6495ed; /*CornflowerBlue;*/
+    color: #6495ed;
+    /*CornflowerBlue;*/
 }
+
 #menu label {
     font: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
 }
@@ -887,6 +949,7 @@ ol.aboutUpper {
     list-style-type: upper-roman;
     margin-left: 0;
 }
+
 ol.aboutLower {
     list-style-type: lower-alpha;
     margin-left: 0;
@@ -897,6 +960,7 @@ ol.aboutLower {
     color: #00b9c1;
     font-weight: bold;
 }
+
 input.formButton,
 input[type='submit'] {
     font-size: 1.5rem;
@@ -904,6 +968,7 @@ input[type='submit'] {
     letter-spacing: 1px;
     padding: 0.3rem 1rem;
 }
+
 input.formButton:hover,
 input.formButton:active {
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
@@ -912,9 +977,11 @@ input.formButton:active {
     color: black;
     background-color: #4dcecf;
 }
+
 .list-search {
     padding: 0 1rem !important;
 }
+
 /*
 input.textField {
 	font-family:Verdana, Arial, sans-serif;
@@ -927,10 +994,12 @@ p.description {
     margin-top: 10px;
     margin-bottom: 20px;
 }
+
 div.description.clean,
 p.description.clean {
     border-bottom: none;
 }
+
 form input#become-a-ninja {
     margin-left: auto;
     margin-right: auto;
@@ -939,6 +1008,7 @@ form input#become-a-ninja {
     text-transform: none;
     font-size: xx-large;
 }
+
 fieldset {
     border: 2px groove #800000;
     margin-bottom: 0.5em;
@@ -946,11 +1016,13 @@ fieldset {
     padding-bottom: 0.5em;
     border-radius: 0.3rem;
 }
+
 form#signup {
     margin-top: 1em;
     margin-bottom: 1em;
     font-size: x-large;
 }
+
 form#signup label {
     float: left;
     clear: left;
@@ -960,19 +1032,23 @@ form#signup label {
     font-weight: bolder;
     min-width: 8em;
 }
+
 form#signup input:focus,
 form#signup select:focus {
     color: black;
     background-color: white;
 }
+
 form#signup input[type='radio'] {
     width: 1.2rem;
     height: 1.2rem;
 }
+
 form#signup fieldset span {
     float: left;
     font-style: italic;
 }
+
 legend {
     font-family: 'Roboto', Arial, sans-serif;
     padding: 0.2em 0.5em;
@@ -991,21 +1067,26 @@ form#signup label {
     height: auto;
     text-align: left;
 }
+
 form#signup .success {
     color: green;
 }
+
 form#signup .failure {
     color: red;
 }
+
 form#signup label.class-desc {
     display: block;
     font-weight: normal;
     padding: 0;
     margin: 0;
 }
+
 form#signup .ninja-char-creation .inline-block {
     vertical-align: top;
 }
+
 form#signup small {
     color: grey;
 }
@@ -1015,12 +1096,13 @@ form#signup small {
     padding: 0.5em;
     margin: 1em;
 }
+
 #become-a-ninja {
     display: inline-block;
     margin: 0.5em auto 4rem;
 }
 
-form#signup .ninja-char-creation section + section {
+form#signup .ninja-char-creation section+section {
     margin-top: 1em;
 }
 
@@ -1033,38 +1115,46 @@ table {
     font-family: arial, helvetica, sans-serif;
     background-color: #333333;
 }
+
 th {
     text-align: center;
     font-weight: bold;
     vertical-align: baseline;
     line-height: 3rem;
 }
+
 td {
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 0;
     padding-bottom: 1px;
 }
+
 tr.oddeven:nth-child(odd),
 .oddeven tr.td:nth-child(odd) {
     background: rgba(115, 108, 108, 0.1);
 }
+
 table.playerTable {
     width: 100%;
     /*background-color: #ccb094;*/
     line-height: 0.8;
 }
+
 .playerTable tr:nth-child(odd) {
     background: rgba(115, 108, 108, 0.1);
 }
+
 .svg-shuriken svg {
     fill: currentColor;
     vertical-align: middle;
 }
+
 .player-info .svg-shuriken svg {
     height: 3rem;
     width: 3rem;
 }
+
 table.playerTable .svg-shuriken svg {
     height: 2rem;
     width: 2rem;
@@ -1077,15 +1167,21 @@ table.playerTable .svg-shuriken svg {
     margin: auto;
 }
 
+.list-all-players-search {
+    margin-bottom: 0.75rem;
+}
+
 /* ninja class colors */
 .class-name {
     padding-right: 0.3rem;
     padding-left: 0.3rem;
     white-space: nowrap;
 }
+
 .playerTable .class-name {
     padding: 0.3rem;
 }
+
 table.playerTable .Red,
 .player-info .Red,
 .class-name.Red,
@@ -1094,6 +1190,7 @@ table.playerTable .Red,
     color: #dd164f;
     background-color: black;
 }
+
 table.playerTable .White,
 .player-info .White,
 .class-name.White,
@@ -1101,6 +1198,7 @@ table.playerTable .White,
     color: white;
     background-color: black;
 }
+
 table.playerTable .Blue,
 .player-info .Blue,
 .class-name.Blue,
@@ -1108,6 +1206,7 @@ table.playerTable .Blue,
     color: #055d57;
     background-color: #c3e4f1;
 }
+
 table.playerTable .Black,
 .player-info .Black,
 .class-name.Black,
@@ -1115,6 +1214,7 @@ table.playerTable .Black,
     color: black;
     background-color: white;
 }
+
 table.playerTable .Gray,
 .player-info .Gray,
 .class-name.Gray,
@@ -1122,6 +1222,7 @@ table.playerTable .Gray,
     color: gray;
     background-color: black;
 }
+
 /* Like, ninja class, not the other kinds */
 .class-name {
     font-weight: bold;
@@ -1131,12 +1232,14 @@ table.playerTable .Gray,
 .playerTable .rankCell {
     color: #b7b2b2;
 }
+
 /* end of player table styles */
 
 .player-status {
     margin: 0 auto 0;
     display: inline-block;
 }
+
 .player-status .badge {
     padding: 0.5rem 1rem;
 }
@@ -1146,6 +1249,7 @@ table.playerTable .Gray,
     text-align: center;
     clear: both;
 }
+
 .your-stats #player-profile {
     border: 1px solid gray;
 }
@@ -1164,6 +1268,7 @@ table.playerTable .Gray,
 .your-stats #profile-edit {
     float: left;
 }
+
 .your-stats hr {
     clear: both;
 }
@@ -1172,6 +1277,7 @@ table.playerTable .Gray,
     padding: 0.3em 1em;
     background-color: rgba(200, 200, 200, 0.1);
 }
+
 .ninja-traits {
     font-style: italic;
 }
@@ -1180,6 +1286,7 @@ table.playerTable .Gray,
     width: 100%;
     clear: both;
 }
+
 .two-column .primary {
     display: inline-block;
     width: 45%;
@@ -1188,6 +1295,7 @@ table.playerTable .Gray,
     margin-top: 1em;
     vertical-align: top;
 }
+
 .two-column .secondary {
     margin-top: 1em;
     display: inline-block;
@@ -1195,32 +1303,40 @@ table.playerTable .Gray,
     min-width: 20em;
     vertical-align: top;
 }
+
 #profile-edit,
 #player-profile-area {
     width: 100%;
 }
+
 fieldset#details textarea {
     display: block;
     width: 100%;
 }
-fieldset#details textarea + textarea {
+
+fieldset#details textarea+textarea {
     margin-top: 1.5em;
 }
+
 .your-stats input[type='submit'] {
     margin-top: 1rem;
 }
+
 .two-column ul {
     margin-left: 0.3em;
     padding-left: 0.3em;
 }
+
 .secondary .glass-box {
     display: block;
 }
+
 .turns-count {
     background-color: #003366;
     color: ghostwhite;
     padding: 0 1em;
 }
+
 .your-stats .turns-count {
     display: inline-block;
 }
@@ -1234,25 +1350,30 @@ fieldset#details textarea + textarea {
     text-align: center;
     background-color: transparent;
 }
+
 #player-attack span.duel,
 #player-attack .blaze,
 #player-attack .deflect {
     border: none;
     padding: 1px;
 }
+
 #player-interact {
     box-sizing: border-box;
 }
+
 #player-interact #skills-section,
 #player-interact #inventory-items {
     border: none;
     padding: 5px;
     text-align: center;
 }
+
 .obtained-item {
     font-weight: bold;
     color: #bee;
 }
+
 .wrath {
     text-shadow: 1px 1px 3px red;
 }
@@ -1262,7 +1383,7 @@ fieldset#details textarea + textarea {
     margin-bottom: 0.5em;
 }
 
-#skills-list > div {
+#skills-list>div {
     margin-bottom: 3rem;
 }
 
@@ -1270,7 +1391,7 @@ fieldset#details textarea + textarea {
     margin-bottom: 0.1rem;
 }
 
-#skills-list legend + p {
+#skills-list legend+p {
     color: #555555;
 }
 
@@ -1282,24 +1403,30 @@ fieldset#details textarea + textarea {
     padding-top: 0.3rem;
     line-height: 3;
 }
+
 .playerTable tbody td {
     line-height: 1.8;
 }
+
 .playerTable tfoot td {
     line-height: 3;
 }
+
 td.playerTable {
     text-align: left;
     background-color: #333333;
 }
+
 .playerTable .levelCell {
     padding: 0;
     line-height: 1.5;
 }
+
 .playerTable .levelCell div {
     height: 100%;
     width: 60%;
 }
+
 .playerTable .levelCell :first-child {
     padding: 0.1rem 1.4rem;
     border-radius: 1rem;
@@ -1311,20 +1438,24 @@ td.playerTable {
     white-space: nowrap;
     user-select: none;
 }
+
 .novice {
     /* Level categories */
     color: white;
     background-color: rgb(238, 238, 238, 0.4);
 }
+
 .acolyte {
     color: black;
     background-color: DarkGray;
 }
+
 .playerTable .ninja,
 .player-info .ninja {
     color: maroon;
     background-color: black;
 }
+
 .ninja-card {
     background: rgba(134, 120, 120, 0.3);
     box-shadow: 10px 5px 5px black;
@@ -1336,40 +1467,49 @@ td.playerTable {
     margin: 0.1rem auto 1rem;
     padding: 2rem;
 }
+
 .ninja-card h2 {
     width: inherit;
     min-width: 70%;
 }
+
 .elder-ninja {
     color: #d99868;
     background-color: #8b0000;
 }
+
 .master-ninja {
     color: #d99868;
     background-color: maroon;
 }
+
 .shadow-master {
     color: #b92703;
     background-color: #020000;
 }
+
 .DeadRow td,
 .DeadRow td div,
 .DeadRow td span {
     background-color: black !important;
     color: gray !important;
 }
+
 .DeadRow .classCell {
     color: black !important;
     background-color: black !important;
 }
+
 .DeadRow .levelCell {
     color: gray !important;
     background-color: black !important;
 }
 
 .DeadRow a {
-    color: rgb(72, 13, 3); /*Darken links to dead players */
+    color: rgb(72, 13, 3);
+    /*Darken links to dead players */
 }
+
 .DeadRow .nameCell a {
     text-decoration: line-through;
 }
@@ -1379,6 +1519,7 @@ td.playerTable {
     width: 20%;
     float: left;
 }
+
 #centerColumn {
     width: 80%;
     float: left;
@@ -1410,15 +1551,18 @@ td.playerTable {
     width: 50px;
     height: 42px;
 }
+
 #logo-appended {
     display: inline-block;
     position: absolute;
     top: 0;
     left: 0;
 }
+
 #solo-page-header {
     display: none;
 }
+
 #solo-page-login-link,
 #solo-page-signup-link {
     margin-top: 1em;
@@ -1440,16 +1584,20 @@ td.playerTable {
 body.solo-page #solo-container {
     padding: 10px 30px 10px 30px;
 }
+
 body.solo-page h1 {
     margin-bottom: 0.5rem;
 }
+
 body.solo-page #solo-page-header {
     display: block;
 }
+
 body.solo-page h1:first-of-type {
     display: block;
     padding-top: 0.9rem;
 }
+
 body.solo-page h1 {
     display: block;
     clear: both;
@@ -1462,14 +1610,17 @@ body.solo-page h1 {
 
 .brownTitle {
     /*deprecated*/
-    color: #ff9900; /*ccb094;*/
+    color: #ff9900;
+    /*ccb094;*/
     font-weight: bold;
     text-align: center;
 }
 
 .brownHeading {
     /*deprecated*/
-    color: #d26600 /*ff3300FEDB32*/;
+    color: #d26600
+        /*ff3300FEDB32*/
+    ;
     font-weight: bold;
 }
 
@@ -1483,8 +1634,10 @@ body.solo-page h1 {
     border-bottom: maroon thin solid;
     background: #4f0101 bottom url('../images/bg_top_maroon.jpg') repeat-x;
 }
+
 #menu ul {
-    float: left; /* likely overridden by display:inline */
+    float: left;
+    /* likely overridden by display:inline */
     display: inline;
     list-style-image: none;
     list-style-position: outside;
@@ -1492,11 +1645,13 @@ body.solo-page h1 {
     margin: 0;
     padding: 0;
 }
+
 #menu-start {
     height: 100%;
     float: left;
     text-align: left;
 }
+
 .play-button {
     margin: 0;
     padding: 0;
@@ -1504,11 +1659,13 @@ body.solo-page h1 {
     height: 10px;
     display: inline;
 }
+
 #menu-info {
     height: 100%;
     float: left;
     text-align: center;
 }
+
 #menu-info ul {
     padding: 0 0.3em 0;
 }
@@ -1528,9 +1685,11 @@ body.solo-page h1 {
 .boxes {
     padding: 3px 0 3px 5px;
 }
+
 .splash .boxes {
     padding: 0;
 }
+
 .boxes .box-title {
     background: #006633;
     color: #ad6e40;
@@ -1539,9 +1698,11 @@ body.solo-page h1 {
         1px 1px 0 #000;
     border-bottom: thick solid #800000;
 }
+
 .main-body .active .box-title {
     background: #1d0f00;
 }
+
 .main-body .passive .box-title {
     background: #336600;
 }
@@ -1550,6 +1711,7 @@ body.solo-page h1 {
     background: none;
     text-align: center;
 }
+
 .boxes ul {
     padding-left: 10px;
     padding-right: 0;
@@ -1560,6 +1722,7 @@ body.solo-page h1 {
     list-style-image: none;
     list-style-type: none;
 }
+
 .boxes ul ul {
     list-style-type: circle;
     padding-top: 0;
@@ -1572,6 +1735,7 @@ body.solo-page h1 {
 #leftColumn .box-title {
     text-align: center;
 }
+
 #rightColumn .box-title {
     text-align: center;
 }
@@ -1579,6 +1743,7 @@ body.solo-page h1 {
 #three-columns {
     /* contains all the columns */
 }
+
 .column {
     /* class for repeated columns */
     overflow: auto;
@@ -1595,6 +1760,7 @@ iframe {
     height: 99%;
     border: 0;
 }
+
 #mini-chat-container {
     /* div */
     width: 100%;
@@ -1602,12 +1768,15 @@ iframe {
     margin-top: 0.5em;
     margin-bottom: 1em;
 }
+
 .chat-collapsed {
     max-height: 45vh;
 }
+
 .chat-expanded {
     height: 880px;
 }
+
 .dont-break-out {
     /* These are technically the same, but use both */
     overflow-wrap: break-word;
@@ -1618,6 +1787,7 @@ iframe {
     /* Instead use this non-standard one: */
     word-break: break-word;
 }
+
 .active-members-count {
     font-size: smaller;
     font-style: italic;
@@ -1627,11 +1797,13 @@ iframe {
 #latest-message-title {
     display: block;
 }
+
 #recent-mail {
     height: 2.7em;
     width: 100%;
     overflow: hidden;
 }
+
 #recent-event {
     max-height: 2.5em;
     width: 100%;
@@ -1683,6 +1855,7 @@ time {
     color: gray;
     font-style: italic;
 }
+
 #event-list .event-time,
 .chat-messages .chat-time,
 #message-list .message-time {
@@ -1695,6 +1868,7 @@ time {
 #full-chat {
     margin-left: 1em;
 }
+
 #full-chat .chat-messages {
     font-size: 1em;
 }
@@ -1713,9 +1887,11 @@ time {
     height: 6em;
     border: 0;
 }
+
 #quickstats-and-switch-stats a {
     font-size: 85%;
 }
+
 #quickstats-and-switch-stats .centered {
     margin-bottom: 1em;
 }
@@ -1764,6 +1940,7 @@ time {
     min-width: 400px;
     min-width: 400px;
 }
+
 #left-column {
     display: inline-block;
     width: 5%;
@@ -1777,8 +1954,10 @@ time {
     min-height: 42rem;
     left: 0;
     top: 0;
-    margin-top: 6rem; /** Because the top bar covers headers otherwise **/
+    margin-top: 6rem;
+    /** Because the top bar covers headers otherwise **/
 }
+
 #main-column.partial {
     width: 63%;
     padding-left: 3%;
@@ -1786,47 +1965,57 @@ time {
 
 .main-iframe {
     /* class for the main iframe */
-    height: 98%; /*Iframe height doesn't inherit from its container, it inherits from the page, so must match the core & main-column height defined before it above (and they must be defined above).*/
-    height: 89vh; /* Sets height as 98% of the viewport height */
+    height: 98%;
+    /*Iframe height doesn't inherit from its container, it inherits from the page, so must match the core & main-column height defined before it above (and they must be defined above).*/
+    height: 89vh;
+    /* Sets height as 98% of the viewport height */
     min-height: 56rem;
     width: 100%;
     border: 0;
 }
 
-#index-header > .parent {
+#index-header>.parent {
     display: inline-block;
     text-align: center;
 }
+
 #index-header .bars-container {
     width: 50%;
 }
+
 #health-and-turns {
     width: 100%;
     max-width: 30em;
 }
+
 #index-header .child {
     display: inline-block;
     text-align: left;
 }
+
 #health-and-turns {
     display: inline-block;
     vertical-align: top;
 }
+
 #barstats {
     width: 100%;
     display: none;
     height: 100%;
     font-size: 0.9em;
 }
+
 #barstats #health,
 #barstats #turns,
 #barstats #kills {
     height: 33%;
 }
+
 #sidebar-column #news-housing {
     height: 80px;
     margin-top: 20px;
 }
+
 #sidebar-column #chat-housing {
     height: 93%;
     min-height: 40em;
@@ -1853,6 +2042,7 @@ time {
     background-color: rgba(100, 100, 100, 0.3);
     text-transform: uppercase;
 }
+
 a#skip-to-bottom {
     background-color: #666;
     background-color: rgba(100, 100, 100, 0.5);
@@ -1864,6 +2054,7 @@ a#skip-to-bottom {
     border-color: #080808;
     color: #777;
 }
+
 .footer-inverse a {
     color: grey;
 }
@@ -1883,7 +2074,8 @@ a#skip-to-bottom {
     font-family: 'Roboto', sans-serif;
     text-decoration: underline;
     font-weight: normal;
-    border: 3px solid transparent; /* Should correspond to the border width on hover below. */
+    border: 3px solid transparent;
+    /* Should correspond to the border width on hover below. */
     margin: 0.2em;
 }
 
@@ -1905,14 +2097,17 @@ a#skip-to-bottom {
     font-size: smaller;
     margin-top: 3em;
 }
+
 #footer-top-bar {
     padding: 0.5em 0;
     text-align: center;
 }
+
 #footer-middle-bar {
     color: #d9d9d9;
     background-color: #2a2a2a;
 }
+
 #footer-bottom-bar {
     color: #666;
     background: #111;
@@ -1924,12 +2119,15 @@ a#skip-to-bottom {
     border: none;
     color: #d8d8d8;
 }
+
 #authors {
     display: inline-block;
 }
+
 #authors .author {
     display: inline-block;
 }
+
 #authors .author a {
     display: block;
     margin-top: 0.3em;
@@ -1941,6 +2139,7 @@ a#skip-to-bottom {
     display: flex;
     justify-content: space-evenly;
 }
+
 #footer-authors .author {
     display: inline-block;
     text-align: left;
@@ -1951,6 +2150,7 @@ a#skip-to-bottom {
     position: relative;
     vertical-align: top;
 }
+
 #footer-authors .avatar {
     position: absolute;
     left: 0;
@@ -1959,12 +2159,14 @@ a#skip-to-bottom {
     width: 80px;
     height: 80px;
 }
+
 #footer-authors .author a {
     display: inline-block;
     margin-left: 100px;
     margin-top: 0;
     margin-bottom: 0;
 }
+
 #html5-integration {
     display: block;
 }
@@ -2013,16 +2215,20 @@ a#skip-to-bottom {
     display: block;
     text-align: left;
 }
+
 .login-page .left-side {
     display: block;
     text-align: left;
 }
+
 .login-page .central {
     text-align: center;
 }
+
 .login-page .left-side a {
     font-size: 0.8em;
 }
+
 .login-page .line {
     margin-bottom: 0.5em;
     font-size: larger;
@@ -2037,12 +2243,14 @@ a#skip-to-bottom {
     padding: 1rem 3rem;
     width: 90%;
 }
+
 #login-bottom-bar-container {
     margin: 5em auto 0.5em;
     width: 96%;
     padding: 0.2em;
     border: 1px solid #993300;
 }
+
 #login-bottom-bar-container #login-problems-resources {
     padding: 0 auto 0;
     text-align: center;
@@ -2056,10 +2264,12 @@ a#skip-to-bottom {
     /* See also the #menu entry */
     font-family: helvetica, Verdana, sans-serif;
 }
+
 .login-menu #menu-start {
     width: 50%;
     font-size: 15px;
 }
+
 .login-menu #menu-start .logged-in-bar {
     padding-left: 0.5em;
 }
@@ -2079,6 +2289,7 @@ a#skip-to-bottom {
 #login-bar {
     margin: -2px 17px 0;
 }
+
 #login-bar .itext {
     width: 100px;
     height: 15px;
@@ -2087,26 +2298,32 @@ a#skip-to-bottom {
     /*border: 0;*/
     font-weight: bold;
 }
+
 #login-bar label {
     font-weight: bold;
 }
+
 #login-bar form {
     margin: 0;
 }
+
 #login-bar form input {
     height: 1.5em;
     vertical-align: middle;
 }
+
 #login-bar form #login-button {
     height: 2em;
     vertical-align: middle;
     padding: 0.1em 0.2em 0.1em;
 }
+
 #login-bar div.text {
     font-size: 15px;
     line-height: 30px;
     vertical-align: middle;
 }
+
 #login-bar div.text a,
 #login-bar div.text span,
 #login-bar div.text label {
@@ -2139,6 +2356,7 @@ a#skip-to-bottom {
     border-color: rgba(0, 0, 0, 1);
     text-shadow: black 2px 2px 4px;
 }
+
 .ninja-info {
     background-color: #d9edf7;
     color: #222;
@@ -2146,15 +2364,18 @@ a#skip-to-bottom {
     padding: 15px;
     margin: 0 0 10px;
 }
+
 .ninja-success {
     background-color: #dff2bf;
     color: #4f8a10;
     padding: 5px;
 }
+
 .ninja-success:before {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
-    content: '\f00c'; /* font-awesome check icon */
+    content: '\f00c';
+    /* font-awesome check icon */
     display: inline-block;
     font-size: inherit;
     text-rendering: auto;
@@ -2162,6 +2383,7 @@ a#skip-to-bottom {
     -moz-osx-font-smoothing: grayscale;
     padding-right: 1rem;
 }
+
 p.ninja-success,
 span.ninja-success {
     padding: 15px;
@@ -2184,6 +2406,7 @@ span.ninja-success {
     display: inline-block;
     width: 100%;
 }
+
 .char-health-border {
     width: 100%;
     border: 1px solid #da1e6c;
@@ -2191,10 +2414,12 @@ span.ninja-success {
     display: inline-block;
     text-align: left;
 }
+
 .character-health-bar {
     background-color: #da1e6c;
     display: inline-block;
 }
+
 .char-health-number {
     position: absolute;
     top: 0;
@@ -2203,6 +2428,7 @@ span.ninja-success {
     display: inline-block;
     text-shadow: 2px 2px 2px #000;
 }
+
 .char-health-number .dead-notice {
     color: crimson;
     font-weight: bolder;
@@ -2301,15 +2527,18 @@ span.ninja-success {
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
 .active-players ul:first-child {
     text-shadow: 1px 1px 1px #000;
 }
+
 .active-players li,
 .clan-members li {
     display: inline;
     list-style-type: none;
     padding-right: 5px;
 }
+
 .player-list-nav {
     box-sizing: border-box;
     margin: 0;
@@ -2318,32 +2547,39 @@ span.ninja-success {
     font-size: x-large;
     color: gray;
 }
+
 .player-list-nav,
 .player-list-nav a {
     font-weight: bold;
     font-family: monospace;
 }
+
 .player-list-nav .current-page {
     display: inline-block;
     color: gray;
     text-align: center;
     padding: 0.2rem 1rem;
 }
+
 .player-list-nav .page-counter {
     font-family: Verdana, Arial, san-serif;
     font-size: x-small;
     text-align: center;
 }
+
 .player-list-nav a {
     text-decoration: none;
 }
+
 .player-info .clan-members {
     text-align: center;
 }
+
 .player-info .player-stats,
 .player-info .player-clan {
     margin-bottom: 1.5em;
 }
+
 .player-info #player-titles {
     font-size: 1.5em;
 }
@@ -2355,6 +2591,7 @@ span.ninja-success {
     text-align: center;
     padding: 1em;
 }
+
 table#player-attack {
     width: 100%;
     font-size: 1.5em;
@@ -2376,9 +2613,11 @@ table#player-attack {
     color: maroon;
     text-decoration: line-through;
 }
+
 .ninja-notice.death {
     font-size: 1.5em;
 }
+
 #recent-attackers li {
     display: inline;
     margin-right: 1em;
@@ -2389,16 +2628,20 @@ table#player-attack {
     color: #1f0f05;
     text-shadow: none;
 }
+
 .red {
     color: #dc143c;
     background-color: red;
 }
+
 .hidden {
     display: none;
 }
+
 .skill_use {
     margin-top: 0.5em;
 }
+
 table#sight-info {
     width: 100%;
     text-align: center;
@@ -2418,6 +2661,7 @@ table#sight-info {
     font-size: 1.1em;
     text-align: center;
 }
+
 #sight-info td {
     text-shadow: black 2px 2px 2px;
     padding: 0.7em;
@@ -2433,6 +2677,7 @@ table#sight-info {
     padding-left: 2em;
     padding-right: 2em;
 }
+
 .solo-page nav.attack-nav {
     padding-left: 1em;
     padding-right: 1em;
@@ -2444,6 +2689,7 @@ table#sight-info {
     background-position: center center;
     height: 100px;
 }
+
 #attack-outcome .died .ninja-error {
     margin-top: 2.5em;
 }
@@ -2453,13 +2699,16 @@ table#sight-info {
     margin-left: 0.7em;
     margin-right: 0.7em;
 }
+
 #clan-page-section hr {
     margin-bottom: 1em;
     margin-top: 0.7em;
 }
+
 .icon:before {
     content: '\00a0';
 }
+
 .icon {
     display: inline-block;
     font-size: 32px;
@@ -2474,6 +2723,7 @@ table#sight-info {
     line-height: 1;
     -webkit-font-smoothing: antialiased;
 }
+
 .icon.users {
     background-image: url('/images/icons/mono/users32.png');
 }
@@ -2486,11 +2736,13 @@ table#sight-info {
     border-top: none;
     padding: 0 0 0.3em;
 }
+
 #leader-panel ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
+
 #leader-panel h1,
 #leader-panel h2,
 #leader-panel h3,
@@ -2499,26 +2751,32 @@ table#sight-info {
     margin-right: 0;
     width: 100%;
 }
+
 #leader-panel li {
     display: inline-block;
     margin-right: 1.5em;
 }
-#leader-panel ul + h3 {
+
+#leader-panel ul+h3 {
     clear: both;
 }
+
 #leader-options {
     padding: 5px;
     width: 100%;
 }
+
 #clan-options {
     box-sizing: border-box;
 }
+
 #clan-options ul,
 ul#clan-options {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
+
 /* Player tags */
 #player-tags .player-tag {
     float: left;
@@ -2530,6 +2788,7 @@ ul#clan-options {
     color: #00a9af;
     background-color: #800000;
 }
+
 .clan .clan-name:hover {
     color: ghostwhite;
     text-shadow: #fff 1px 1px 2px;
@@ -2551,10 +2810,12 @@ ul#clan-options {
     clear: both;
     padding: 0.5em 0;
 }
+
 #clan-tags ul {
     margin: 5.5rem 0 0;
     padding: 0;
 }
+
 .clan-tag {
     color: #00b9c1;
     background-color: #800000;
@@ -2574,20 +2835,25 @@ ul#clan-options {
     padding-left: 0.3em;
     padding-right: 0.3em;
 }
+
 #clan-members {
     clear: both;
     margin-top: 3px;
 }
+
 #clan-members ul {
     list-style-type: none;
 }
+
 #clan-members-title {
     margin-bottom: 3px;
 }
+
 #clan-members-count {
     margin-bottom: 1em;
     text-align: center;
 }
+
 #clan-members .member-info {
     float: left;
     margin: 5px;
@@ -2601,39 +2867,50 @@ ul#clan-options {
     background-color: #00a9af;
     font-family: tahoma, sans;
 }
+
 #clan-tags .size10 a {
     color: maroon;
     background-color: #00a9af;
     font-family: tahoma, sans;
     text-shadow: black 2px 2px 2px;
 }
+
 .size10 {
     font-size: 5.5em;
 }
+
 .size9 {
     font-size: 5em;
 }
+
 .size8 {
     font-size: 4.5em;
 }
+
 .size7 {
     font-size: 4em;
 }
+
 .size6 {
     font-size: 3.5em;
 }
+
 .size5 {
     font-size: 3em;
 }
+
 .size4 {
     font-size: 2.5em;
 }
+
 .size3 {
     font-size: 2em;
 }
+
 .size2 {
     font-size: 1.5em;
 }
+
 .size1 {
     font-size: 1em;
 }
@@ -2646,13 +2923,16 @@ ul#clan-options {
 .q-and-a .answer {
     text-align: justify;
 }
+
 .developers .developer {
     margin: 1em;
 }
+
 .developers h5 {
     background-color: white;
     color: black;
 }
+
 .developer {
     margin: 0.5em 0 0.5em 0;
     padding: 0.3em 0 0.5em 0.2em;
@@ -2693,7 +2973,8 @@ ul#clan-options {
 }
 
 #page-404 .main div:first-child {
-    width: 90%; /* Have to force width on 404 page */
+    width: 90%;
+    /* Have to force width on 404 page */
 }
 
 #page-404 h2 {
@@ -2728,6 +3009,7 @@ ul#clan-options {
     background-color: rgba(95, 90, 128, 0.5);
     color: white;
 }
+
 #messages-icon {
     height: 15px;
 }
@@ -2748,6 +3030,7 @@ ul#clan-options {
     content: '\003c';
     color: ghostwhite;
 }
+
 .message-sender:after {
     content: '\003e';
     color: ghostwhite;
@@ -2784,27 +3067,34 @@ ul#clan-options {
 #message-ninja {
     margin-bottom: 1em;
 }
+
 .message-list dl,
 .message-list dt,
 .message-list dd {
     margin: 0;
     padding: 0;
 }
+
 .message-list dl {
     width: 100%;
     overflow: hidden;
 }
+
 .message-list dt {
     float: left;
-    width: 20%; /* adjust the width; make sure the total of both is 100% */
+    width: 20%;
+    /* adjust the width; make sure the total of both is 100% */
     min-width: 6.875rem;
     overflow: hidden;
     text-overflow: ellipsis;
 }
+
 .message-list dd {
     float: left;
-    width: 70%; /* adjust the width; make sure the total of both is 100% */
+    width: 70%;
+    /* adjust the width; make sure the total of both is 100% */
 }
+
 #delete-messages a {
     text-transform: capitalize;
 }
@@ -2814,15 +3104,18 @@ ul#clan-options {
     margin-bottom: 0.5em;
     clear: both;
 }
+
 .message-nav .inactive {
     color: gray;
 }
+
 .message-nav .current-page-location {
     font-weight: bold;
     color: #f8f9f1;
     font-size: 3rem;
     padding: 0 1rem 0;
 }
+
 .message-nav .next,
 .message-nav .prev {
     font-weight: bold;
@@ -2843,6 +3136,7 @@ ul#clan-options {
     height: 3em;
     margin-left: 1em;
 }
+
 .events #event-list {
     padding: 0 0 0 1em;
 }
@@ -2854,10 +3148,12 @@ ul#clan-options {
     font-weight: bold;
     text-align: center;
 }
+
 #tabs.message-tabs .current {
     background-color: black;
     color: rgb(230, 230, 230);
 }
+
 #tabs.message-tabs .current a,
 #tabs.message-tabs .current a:hover {
     /* Make the current tab look less like a link, since they're already on that tab/page */
@@ -2880,6 +3176,7 @@ ul#clan-options {
     display: inline-block;
     margin-left: 0.2em;
 }
+
 #tabs.message-tabs ul li a {
     padding: 0.3em 0.2em;
     display: inline-block;
@@ -2923,6 +3220,7 @@ ul#clan-options {
 .shop-list .btn {
     margin-bottom: 1rem;
 }
+
 .shop-list .btn[disabled] {
     color: gray;
     text-decoration: line-through;
@@ -2946,10 +3244,12 @@ ul#clan-options {
 .header-section {
     height: 5.5em;
 }
+
 #ninjawars-home {
     background-color: black;
     color: white;
 }
+
 #logged-in-bar {
     margin-left: 1em;
     width: 100%;
@@ -2978,12 +3278,14 @@ ul#clan-options {
     text-transform: uppercase;
     padding-bottom: 0.2em;
 }
+
 #category-bar ul {
     height: 100%;
     margin: 0;
     padding: 0;
     z-index: 3;
 }
+
 #category-bar li {
     margin: 0;
     padding: 0;
@@ -2993,10 +3295,12 @@ ul#clan-options {
     text-align: center;
     display: inline-block;
 }
+
 #category-bar a {
     font: 33px/44px 'Aclonica', Verdana, sans-serif;
     letter-spacing: 0;
 }
+
 #category-bar a img {
     vertical-align: top;
 }
@@ -3013,12 +3317,15 @@ ul#clan-options {
     top: -25%;
     overflow: hidden;
 }
+
 .splash #subcategory-bar {
     top: 0;
 }
+
 #subcategory-bar a {
     font: 21px/150% 'Aclonica', Verdana, sans-serif;
 }
+
 #subcategory-bar a:hover {
     text-decoration: none;
 }
@@ -3029,6 +3336,7 @@ ul#clan-options {
     width: 30%;
     height: 100%;
 }
+
 .splash #subcategory-bar ul {
     overflow: hidden;
 }
@@ -3037,16 +3345,19 @@ ul#clan-options {
     display: inline-block;
     margin: 0;
 }
+
 #subcategory-bar ul#self-subcategory {
     position: absolute;
     left: 0;
     top: 0;
 }
+
 #subcategory-bar ul#combat-subcategory {
     position: absolute;
     left: 33%;
     top: 0;
 }
+
 #subcategory-bar ul#map-subcategory {
     position: absolute;
     right: 0;
@@ -3065,16 +3376,20 @@ ul#clan-options {
 form #signup .submit {
     margin-top: 2em;
 }
+
 select option #red-class-select {
     color: maroon;
 }
+
 select option #black-class-select {
     background-color: black;
     color: white;
 }
+
 select option #white-class-select {
     font-weight: bold;
 }
+
 select option #blue-class-select {
     color: blue;
     font-weight: bold;
@@ -3117,6 +3432,7 @@ select option #blue-class-select {
     min-height: 2em;
     min-width: 7em;
 }
+
 #npc-list ul {
     margin: 0;
     padding: 0;
@@ -3133,10 +3449,12 @@ select option #blue-class-select {
     text-align: left;
     font-size: 1.3em;
 }
+
 #npc-list .creature-image {
     max-width: 50px;
     max-height: 50px;
 }
+
 #npc-list .person img {
     width: 25px;
     height: 46px;
@@ -3161,9 +3479,11 @@ select option #blue-class-select {
     font-style: none;
     color: rgb(250, 200, 50);
 }
+
 .speech:before {
     content: '"';
 }
+
 .speech:after {
     content: '"';
 }
@@ -3197,11 +3517,13 @@ select option #blue-class-select {
     padding-left: 1rem;
     font-size: larger;
 }
+
 .return-to-location,
 .player-ranking-linkback {
     margin-bottom: 0.5rem;
     padding-left: 1rem;
 }
+
 .return-to-location:before {
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
@@ -3217,6 +3539,7 @@ select option #blue-class-select {
     -moz-border-radius: 5px;
     border-radius: 5px;
 }
+
 .attack-again.thick {
     margin-top: 2em;
     margin-bottom: 2em;
@@ -3242,6 +3565,7 @@ select option #blue-class-select {
     -moz-border-radius: 5px;
     color: black;
 }
+
 .unread-count:empty {
     padding: 0;
 }
@@ -3398,17 +3722,21 @@ nav.navigation ul.menu li {
     margin-top: 0.7em;
     margin-bottom: 0.7em;
 }
+
 .thin {
     margin-top: 0;
     margin-bottom: 0;
 }
+
 .top-buffer {
     margin-top: 2rem;
 }
+
 .zeroed {
     margin: 0;
     padding: 0;
 }
+
 .margined,
 .walled {
     margin-left: 1em;
@@ -3453,6 +3781,7 @@ nav.navigation ul.menu li {
     border-radius: 0.7em;
     padding: 0.3em 1em;
 }
+
 .top-and-bottom-stamp {
     border-top: 1px dashed #cccccc;
     border-bottom: 1px dashed #cccccc;
@@ -3464,6 +3793,7 @@ nav.navigation ul.menu li {
     font-style: italic;
     font-size: 1.1em;
 }
+
 .de-em {
     color: gray;
 }
@@ -3478,14 +3808,17 @@ nav.navigation ul.menu li {
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
+
 .well blockquote {
     border-color: #ddd;
     border-color: rgba(0, 0, 0, 0.15);
 }
+
 .well-lg {
     padding: 24px;
     border-radius: 6px;
 }
+
 .well-sm {
     padding: 9px;
     border-radius: 3px;
@@ -3522,18 +3855,22 @@ nav.navigation ul.menu li {
     background-color: pink;
     color: crimson;
 }
+
 .no-accent {
     font-weight: normal;
     text-shadow: none;
     font-size: 1.5em;
 }
+
 .accent {
     color: #d2691e;
     font-style: italic;
 }
+
 .accent a {
     font-style: normal;
 }
+
 .title.accent {
     color: #e97451;
     font-style: normal;
@@ -3543,30 +3880,22 @@ hr.edge-fade {
     /* Gradient transparent - color - transparent */
     border: 0;
     height: 1px;
-    background-image: -webkit-linear-gradient(
-        left,
-        rgba(0, 0, 0, 0),
-        rgba(134, 8, 8, 0.75),
-        rgba(0, 0, 0, 0)
-    );
-    background-image: -moz-linear-gradient(
-        left,
-        rgba(0, 0, 0, 0),
-        rgba(134, 8, 8, 0.75),
-        rgba(0, 0, 0, 0)
-    );
-    background-image: -ms-linear-gradient(
-        left,
-        rgba(0, 0, 0, 0),
-        rgba(134, 8, 8, 0.75),
-        rgba(0, 0, 0, 0)
-    );
-    background-image: -o-linear-gradient(
-        left,
-        rgba(0, 0, 0, 0),
-        rgba(134, 8, 8, 0.75),
-        rgba(0, 0, 0, 0)
-    );
+    background-image: -webkit-linear-gradient(left,
+            rgba(0, 0, 0, 0),
+            rgba(134, 8, 8, 0.75),
+            rgba(0, 0, 0, 0));
+    background-image: -moz-linear-gradient(left,
+            rgba(0, 0, 0, 0),
+            rgba(134, 8, 8, 0.75),
+            rgba(0, 0, 0, 0));
+    background-image: -ms-linear-gradient(left,
+            rgba(0, 0, 0, 0),
+            rgba(134, 8, 8, 0.75),
+            rgba(0, 0, 0, 0));
+    background-image: -o-linear-gradient(left,
+            rgba(0, 0, 0, 0),
+            rgba(134, 8, 8, 0.75),
+            rgba(0, 0, 0, 0));
 }
 
 .bottom-shadow {
@@ -3580,12 +3909,15 @@ hr.edge-fade {
 .glassbox {
     padding: 0.3em 1em;
 }
+
 .slightly-padded {
     padding: 0.1em;
 }
+
 .parent {
     text-align: center;
 }
+
 .child {
     display: inline-block;
     text-align: left;
@@ -3602,6 +3934,7 @@ hr.edge-fade {
     margin: 1em;
     font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
 }
+
 .nice-notice a,
 .hazy-pop a {
     font-weight: bold;
@@ -3645,6 +3978,7 @@ hr.edge-fade {
 .block {
     display: block;
 }
+
 .inline-block {
     display: inline-block;
 }
@@ -3658,16 +3992,19 @@ a.expand-link {
     background-color: rgba(200, 200, 200, 0.3);
     padding: 0.3em 0.7em;
 }
+
 a:hover.expand-link {
     text-decoration: none;
     background-color: rgba(200, 200, 200, 0.6);
 }
+
 a.expand-link:after {
     content: '+';
     width: 1em;
     height: 1em;
     padding-left: 0.5em;
 }
+
 a:hover.expand-link:after {
     font-weight: bold;
 }
@@ -3681,6 +4018,7 @@ figure.slide-captioned {
     overflow: hidden;
     margin: 0 20px 2px 0;
 }
+
 .slide-captioned figcaption {
     position: absolute;
     background: black;
@@ -3693,9 +4031,11 @@ figure.slide-captioned {
     -o-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }
+
 figure.slide-captioned:hover figcaption {
     opacity: 1;
 }
+
 figure.slide-captioned:before {
     content: 'i';
     font-style: italic;
@@ -3718,6 +4058,7 @@ figure.slide-captioned:before {
     transition: all 0.6s ease;
     opacity: 0.75;
 }
+
 figure.slide-captioned:hover:before {
     opacity: 0;
 }
@@ -3726,10 +4067,12 @@ figure.slide-captioned:hover:before {
     bottom: 10px;
     left: 10px;
 }
+
 .slide-captioned.cap-left figcaption {
     bottom: 0;
     left: -30%;
 }
+
 .slide-captioned.cap-left:hover figcaption {
     left: 0;
 }
@@ -3738,10 +4081,12 @@ figure.slide-captioned:hover:before {
     bottom: 10px;
     right: 10px;
 }
+
 .slide-captioned.cap-right figcaption {
     bottom: 0;
     right: -30%;
 }
+
 .slide-captioned.cap-right:hover figcaption {
     right: 0;
 }
@@ -3750,10 +4095,12 @@ figure.slide-captioned:hover:before {
     top: 10px;
     left: 10px;
 }
+
 .slide-captioned.cap-top figcaption {
     left: 0;
     top: -30%;
 }
+
 .slide-captioned.cap-top:hover figcaption {
     top: 0;
 }
@@ -3762,10 +4109,12 @@ figure.slide-captioned:hover:before {
     bottom: 10px;
     left: 10px;
 }
+
 .slide-captioned.cap-bot figcaption {
     left: 0;
     bottom: -30%;
 }
+
 .slide-captioned.cap-bot:hover figcaption {
     bottom: 0;
 }
@@ -3812,6 +4161,7 @@ figure.slide-captioned:hover:before {
     border: 1px solid transparent;
     border-radius: 4px;
 }
+
 .btn:focus,
 .btn:active:focus,
 .btn.active:focus,
@@ -3822,12 +4172,14 @@ figure.slide-captioned:hover:before {
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
 }
+
 .btn:hover,
 .btn:focus,
 .btn.focus {
     color: #333;
     text-decoration: none;
 }
+
 .btn:active,
 .btn.active {
     background-image: none;
@@ -3835,6 +4187,7 @@ figure.slide-captioned:hover:before {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
+
 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
@@ -3844,51 +4197,59 @@ fieldset[disabled] .btn {
     box-shadow: none;
     opacity: 0.65;
 }
+
 a.btn.disabled,
 fieldset[disabled] a.btn {
     pointer-events: none;
 }
+
 .btn-default {
     background-color: #190b1b;
     color: #00b9c1;
     border-color: #ccc;
 }
+
 .btn-default:focus,
 .btn-default.focus {
     color: #333;
     background-color: #e6e6e6;
     border-color: #8c8c8c;
 }
+
 .btn-default:hover {
     color: #333;
     background-color: #e6e6e6;
     border-color: #adadad;
 }
+
 .btn-default:active,
 .btn-default.active,
-.open > .dropdown-toggle.btn-default {
+.open>.dropdown-toggle.btn-default {
     color: #333;
     background-color: #e6e6e6;
     border-color: #adadad;
 }
+
 .btn-default:active:hover,
 .btn-default.active:hover,
-.open > .dropdown-toggle.btn-default:hover,
+.open>.dropdown-toggle.btn-default:hover,
 .btn-default:active:focus,
 .btn-default.active:focus,
-.open > .dropdown-toggle.btn-default:focus,
+.open>.dropdown-toggle.btn-default:focus,
 .btn-default:active.focus,
 .btn-default.active.focus,
-.open > .dropdown-toggle.btn-default.focus {
+.open>.dropdown-toggle.btn-default.focus {
     color: #333;
     background-color: #d4d4d4;
     border-color: #8c8c8c;
 }
+
 .btn-default:active,
 .btn-default.active,
-.open > .dropdown-toggle.btn-default {
+.open>.dropdown-toggle.btn-default {
     background-image: none;
 }
+
 .btn-default.disabled,
 .btn-default[disabled],
 fieldset[disabled] .btn-default,
@@ -3910,51 +4271,59 @@ fieldset[disabled] .btn-default.active {
     background-color: #fff;
     border-color: #ccc;
 }
+
 .btn-default .badge {
     color: #fff;
     background-color: #333;
 }
+
 .btn-primary {
     color: #fff;
     background-color: #008080;
     border-color: #055d57;
 }
+
 .btn-primary:focus,
 .btn-primary.focus {
     color: #fff;
     background-color: #009497;
     border-color: #00b9c1;
 }
+
 .btn-primary:hover {
     color: #fff;
     background-color: #009497;
     border-color: #00b9c1;
 }
+
 .btn-primary:active,
 .btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
+.open>.dropdown-toggle.btn-primary {
     color: #fff;
     background-color: #286090;
     border-color: #204d74;
 }
+
 .btn-primary:active:hover,
 .btn-primary.active:hover,
-.open > .dropdown-toggle.btn-primary:hover,
+.open>.dropdown-toggle.btn-primary:hover,
 .btn-primary:active:focus,
 .btn-primary.active:focus,
-.open > .dropdown-toggle.btn-primary:focus,
+.open>.dropdown-toggle.btn-primary:focus,
 .btn-primary:active.focus,
 .btn-primary.active.focus,
-.open > .dropdown-toggle.btn-primary.focus {
+.open>.dropdown-toggle.btn-primary.focus {
     color: #fff;
     background-color: #204d74;
     border-color: #122b40;
 }
+
 .btn-primary:active,
 .btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
+.open>.dropdown-toggle.btn-primary {
     background-image: none;
 }
+
 .btn-primary.disabled,
 .btn-primary[disabled],
 fieldset[disabled] .btn-primary,
@@ -3976,51 +4345,59 @@ fieldset[disabled] .btn-primary.active {
     background-color: #337ab7;
     border-color: #2e6da4;
 }
+
 .btn-primary .badge {
     color: #337ab7;
     background-color: #fff;
 }
+
 .btn-success {
     color: #fff;
     background-color: #5cb85c;
     border-color: #4cae4c;
 }
+
 .btn-success:focus,
 .btn-success.focus {
     color: #fff;
     background-color: #449d44;
     border-color: #255625;
 }
+
 .btn-success:hover {
     color: #fff;
     background-color: #449d44;
     border-color: #398439;
 }
+
 .btn-success:active,
 .btn-success.active,
-.open > .dropdown-toggle.btn-success {
+.open>.dropdown-toggle.btn-success {
     color: #fff;
     background-color: #449d44;
     border-color: #398439;
 }
+
 .btn-success:active:hover,
 .btn-success.active:hover,
-.open > .dropdown-toggle.btn-success:hover,
+.open>.dropdown-toggle.btn-success:hover,
 .btn-success:active:focus,
 .btn-success.active:focus,
-.open > .dropdown-toggle.btn-success:focus,
+.open>.dropdown-toggle.btn-success:focus,
 .btn-success:active.focus,
 .btn-success.active.focus,
-.open > .dropdown-toggle.btn-success.focus {
+.open>.dropdown-toggle.btn-success.focus {
     color: #fff;
     background-color: #398439;
     border-color: #255625;
 }
+
 .btn-success:active,
 .btn-success.active,
-.open > .dropdown-toggle.btn-success {
+.open>.dropdown-toggle.btn-success {
     background-image: none;
 }
+
 .btn-success.disabled,
 .btn-success[disabled],
 fieldset[disabled] .btn-success,
@@ -4042,51 +4419,59 @@ fieldset[disabled] .btn-success.active {
     background-color: #5cb85c;
     border-color: #4cae4c;
 }
+
 .btn-success .badge {
     color: #5cb85c;
     background-color: #fff;
 }
+
 .btn-info {
     color: #fff;
     background-color: #5bc0de;
     border-color: #46b8da;
 }
+
 .btn-info:focus,
 .btn-info.focus {
     color: #fff;
     background-color: #31b0d5;
     border-color: #1b6d85;
 }
+
 .btn-info:hover {
     color: #fff;
     background-color: #31b0d5;
     border-color: #269abc;
 }
+
 .btn-info:active,
 .btn-info.active,
-.open > .dropdown-toggle.btn-info {
+.open>.dropdown-toggle.btn-info {
     color: #fff;
     background-color: #31b0d5;
     border-color: #269abc;
 }
+
 .btn-info:active:hover,
 .btn-info.active:hover,
-.open > .dropdown-toggle.btn-info:hover,
+.open>.dropdown-toggle.btn-info:hover,
 .btn-info:active:focus,
 .btn-info.active:focus,
-.open > .dropdown-toggle.btn-info:focus,
+.open>.dropdown-toggle.btn-info:focus,
 .btn-info:active.focus,
 .btn-info.active.focus,
-.open > .dropdown-toggle.btn-info.focus {
+.open>.dropdown-toggle.btn-info.focus {
     color: #fff;
     background-color: #269abc;
     border-color: #1b6d85;
 }
+
 .btn-info:active,
 .btn-info.active,
-.open > .dropdown-toggle.btn-info {
+.open>.dropdown-toggle.btn-info {
     background-image: none;
 }
+
 .btn-info.disabled,
 .btn-info[disabled],
 fieldset[disabled] .btn-info,
@@ -4108,51 +4493,59 @@ fieldset[disabled] .btn-info.active {
     background-color: #5bc0de;
     border-color: #46b8da;
 }
+
 .btn-info .badge {
     color: #5bc0de;
     background-color: #fff;
 }
+
 .btn-warning {
     color: #fff !important;
     background-color: #800040 !important;
     border-color: #eea236 !important;
 }
+
 .btn-warning:focus,
 .btn-warning.focus {
     color: #fff !important;
     background-color: #ec971f !important;
     border-color: #b80d4a !important;
 }
+
 .btn-warning:hover {
     color: #fff !important;
     background-color: #e33968 !important;
     border-color: #d58512 !important;
 }
+
 .btn-warning:active,
 .btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
+.open>.dropdown-toggle.btn-warning {
     color: #fff !important;
     background-color: #e33968 !important;
     border-color: #d58512 !important;
 }
+
 .btn-warning:active:hover,
 .btn-warning.active:hover,
-.open > .dropdown-toggle.btn-warning:hover,
+.open>.dropdown-toggle.btn-warning:hover,
 .btn-warning:active:focus,
 .btn-warning.active:focus,
-.open > .dropdown-toggle.btn-warning:focus,
+.open>.dropdown-toggle.btn-warning:focus,
 .btn-warning:active.focus,
 .btn-warning.active.focus,
-.open > .dropdown-toggle.btn-warning.focus {
+.open>.dropdown-toggle.btn-warning.focus {
     color: #fff !important;
     background-color: #e33968 !important;
     border-color: #985f0d !important;
 }
+
 .btn-warning:active,
 .btn-warning.active,
-.open > .dropdown-toggle.btn-warning {
+.open>.dropdown-toggle.btn-warning {
     background-image: none !important;
 }
+
 .btn-warning.disabled,
 .btn-warning[disabled],
 fieldset[disabled] .btn-warning,
@@ -4174,51 +4567,59 @@ fieldset[disabled] .btn-warning.active {
     background-color: #e33968 !important;
     border-color: #eea236 !important;
 }
+
 .btn-warning .badge {
     color: #f0ad4e !important;
     background-color: #fff !important;
 }
+
 .btn-danger {
     color: #fff !important;
     background-color: #d9534f !important;
     border-color: #d43f3a !important;
 }
+
 .btn-danger:focus,
 .btn-danger.focus {
     color: #fff !important;
     background-color: #c9302c !important;
     border-color: #761c19 !important;
 }
+
 .btn-danger:hover {
     color: #fff !important;
     background-color: #c9302c !important;
     border-color: #ac2925 !important;
 }
+
 .btn-danger:active,
 .btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
+.open>.dropdown-toggle.btn-danger {
     color: #fff !important;
     background-color: #c9302c !important;
     border-color: #ac2925 !important;
 }
+
 .btn-danger:active:hover,
 .btn-danger.active:hover,
-.open > .dropdown-toggle.btn-danger:hover,
+.open>.dropdown-toggle.btn-danger:hover,
 .btn-danger:active:focus,
 .btn-danger.active:focus,
-.open > .dropdown-toggle.btn-danger:focus,
+.open>.dropdown-toggle.btn-danger:focus,
 .btn-danger:active.focus,
 .btn-danger.active.focus,
-.open > .dropdown-toggle.btn-danger.focus {
+.open>.dropdown-toggle.btn-danger.focus {
     color: #fff !important;
     background-color: #ac2925 !important;
     border-color: #761c19 !important;
 }
+
 .btn-danger:active,
 .btn-danger.active,
-.open > .dropdown-toggle.btn-danger {
+.open>.dropdown-toggle.btn-danger {
     background-image: none !important;
 }
+
 .btn-danger.disabled,
 .btn-danger[disabled],
 fieldset[disabled] .btn-danger,
@@ -4240,15 +4641,18 @@ fieldset[disabled] .btn-danger.active {
     background-color: #d9534f !important;
     border-color: #d43f3a !important;
 }
+
 .btn-danger .badge {
     color: #d9534f !important;
     background-color: #fff !important;
 }
+
 .btn-link {
     font-weight: normal;
     color: #337ab7;
     border-radius: 0;
 }
+
 .btn-link,
 .btn-link:active,
 .btn-link.active,
@@ -4258,18 +4662,21 @@ fieldset[disabled] .btn-link {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
+
 .btn-link,
 .btn-link:hover,
 .btn-link:focus,
 .btn-link:active {
     border-color: transparent;
 }
+
 .btn-link:hover,
 .btn-link:focus {
     color: #23527c;
     text-decoration: underline;
     background-color: transparent;
 }
+
 .btn-link[disabled]:hover,
 fieldset[disabled] .btn-link:hover,
 .btn-link[disabled]:focus,
@@ -4277,34 +4684,40 @@ fieldset[disabled] .btn-link:focus {
     color: #777;
     text-decoration: none;
 }
+
 .btn-lg,
-.btn-group-lg > .btn {
+.btn-group-lg>.btn {
     padding: 10px 16px;
     font-size: 18px;
     line-height: 1.3333333;
     border-radius: 6px;
 }
+
 .btn-sm,
-.btn-group-sm > .btn {
+.btn-group-sm>.btn {
     padding: 5px 10px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px;
 }
+
 .btn-xs,
-.btn-group-xs > .btn {
+.btn-group-xs>.btn {
     padding: 1px 5px;
     font-size: 12px;
     line-height: 1.5;
     border-radius: 3px;
 }
+
 .btn-block {
     display: block;
     width: 100%;
 }
-.btn-block + .btn-block {
+
+.btn-block+.btn-block {
     margin-top: 5px;
 }
+
 input[type='submit'].btn-block,
 input[type='reset'].btn-block,
 input[type='button'].btn-block {
@@ -4315,175 +4728,208 @@ input[type='button'].btn-block {
     position: relative;
     top: -1px;
 }
+
 .btn-group,
 .btn-group-vertical {
     position: relative;
     display: inline-block;
     vertical-align: middle;
 }
-.btn-group > .btn,
-.btn-group-vertical > .btn {
+
+.btn-group>.btn,
+.btn-group-vertical>.btn {
     position: relative;
     float: left;
 }
-.btn-group > .btn:hover,
-.btn-group-vertical > .btn:hover,
-.btn-group > .btn:focus,
-.btn-group-vertical > .btn:focus,
-.btn-group > .btn:active,
-.btn-group-vertical > .btn:active,
-.btn-group > .btn.active,
-.btn-group-vertical > .btn.active {
+
+.btn-group>.btn:hover,
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn:focus,
+.btn-group-vertical>.btn:focus,
+.btn-group>.btn:active,
+.btn-group-vertical>.btn:active,
+.btn-group>.btn.active,
+.btn-group-vertical>.btn.active {
     z-index: 2;
 }
-.btn-group .btn + .btn,
-.btn-group .btn + .btn-group,
-.btn-group .btn-group + .btn,
-.btn-group .btn-group + .btn-group {
+
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
+.btn-group .btn-group+.btn-group {
     margin-left: -1px;
 }
+
 .btn-toolbar {
     margin-left: -5px;
 }
+
 .btn-toolbar .btn,
 .btn-toolbar .btn-group,
 .btn-toolbar .input-group {
     float: left;
 }
-.btn-toolbar > .btn,
-.btn-toolbar > .btn-group,
-.btn-toolbar > .input-group {
+
+.btn-toolbar>.btn,
+.btn-toolbar>.btn-group,
+.btn-toolbar>.input-group {
     margin-left: 5px;
 }
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+
+.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
     border-radius: 0;
 }
-.btn-group > .btn:first-child {
+
+.btn-group>.btn:first-child {
     margin-left: 0;
 }
-.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+
+.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
+
+.btn-group>.btn:last-child:not(:first-child),
+.btn-group>.dropdown-toggle:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
-.btn-group > .btn-group {
+
+.btn-group>.btn-group {
     float: left;
 }
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+
+.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
     border-radius: 0;
 }
-.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+
+.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
+.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }
-.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+
+.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
 }
+
 .btn-group .dropdown-toggle:active,
 .btn-group.open .dropdown-toggle {
     outline: 0;
 }
-.btn-group > .btn + .dropdown-toggle {
+
+.btn-group>.btn+.dropdown-toggle {
     padding-right: 8px;
     padding-left: 8px;
 }
-.btn-group > .btn-lg + .dropdown-toggle {
+
+.btn-group>.btn-lg+.dropdown-toggle {
     padding-right: 12px;
     padding-left: 12px;
 }
+
 .btn-group.open .dropdown-toggle {
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
+
 .btn-group.open .dropdown-toggle.btn-link {
     -webkit-box-shadow: none;
     box-shadow: none;
 }
+
 .btn .caret {
     margin-left: 0;
 }
+
 .btn-lg .caret {
     border-width: 5px 5px 0;
     border-bottom-width: 0;
 }
+
 .dropup .btn-lg .caret {
     border-width: 0 5px 5px;
 }
-.btn-group-vertical > .btn,
-.btn-group-vertical > .btn-group,
-.btn-group-vertical > .btn-group > .btn {
+
+.btn-group-vertical>.btn,
+.btn-group-vertical>.btn-group,
+.btn-group-vertical>.btn-group>.btn {
     display: block;
     float: none;
     width: 100%;
     max-width: 100%;
 }
-.btn-group-vertical > .btn-group > .btn {
+
+.btn-group-vertical>.btn-group>.btn {
     float: none;
 }
-.btn-group-vertical > .btn + .btn,
-.btn-group-vertical > .btn + .btn-group,
-.btn-group-vertical > .btn-group + .btn,
-.btn-group-vertical > .btn-group + .btn-group {
+
+.btn-group-vertical>.btn+.btn,
+.btn-group-vertical>.btn+.btn-group,
+.btn-group-vertical>.btn-group+.btn,
+.btn-group-vertical>.btn-group+.btn-group {
     margin-top: -1px;
     margin-left: 0;
 }
-.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+
+.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
     border-radius: 0;
 }
-.btn-group-vertical > .btn:first-child:not(:last-child) {
+
+.btn-group-vertical>.btn:first-child:not(:last-child) {
     border-top-right-radius: 4px;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
-.btn-group-vertical > .btn:last-child:not(:first-child) {
+
+.btn-group-vertical>.btn:last-child:not(:first-child) {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-bottom-left-radius: 4px;
 }
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+
+.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
     border-radius: 0;
 }
-.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
-.btn-group-vertical
-    > .btn-group:first-child:not(:last-child)
-    > .dropdown-toggle {
+
+.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
+.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
 }
-.btn-group-vertical
-    > .btn-group:last-child:not(:first-child)
-    > .btn:first-child {
+
+.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }
+
 .btn-group-justified {
     display: table;
     width: 100%;
     table-layout: fixed;
     border-collapse: separate;
 }
-.btn-group-justified > .btn,
-.btn-group-justified > .btn-group {
+
+.btn-group-justified>.btn,
+.btn-group-justified>.btn-group {
     display: table-cell;
     float: none;
     width: 1%;
 }
-.btn-group-justified > .btn-group .btn {
+
+.btn-group-justified>.btn-group .btn {
     width: 100%;
 }
-.btn-group-justified > .btn-group .dropdown-menu {
+
+.btn-group-justified>.btn-group .dropdown-menu {
     left: auto;
 }
-[data-toggle='buttons'] > .btn input[type='radio'],
-[data-toggle='buttons'] > .btn-group > .btn input[type='radio'],
-[data-toggle='buttons'] > .btn input[type='checkbox'],
-[data-toggle='buttons'] > .btn-group > .btn input[type='checkbox'] {
+
+[data-toggle='buttons']>.btn input[type='radio'],
+[data-toggle='buttons']>.btn-group>.btn input[type='radio'],
+[data-toggle='buttons']>.btn input[type='checkbox'],
+[data-toggle='buttons']>.btn-group>.btn input[type='checkbox'] {
     position: absolute;
     clip: rect(0, 0, 0, 0);
     pointer-events: none;
@@ -4503,12 +4949,14 @@ input[type='button'].btn-block {
     font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: bold;
 }
+
 .btn.btn-vital:hover {
     color: #ef4035;
     background: #fff;
     outline: none;
     text-decoration: none;
 }
+
 .btn.btn-vital:active {
     outline: none;
 }
@@ -4527,44 +4975,57 @@ input[type='button'].btn-block {
         text-shadow: none !important;
         filter: none !important;
         -ms-filter: none !important;
-    } /* Black prints faster: sanbeiji.com/archives/953 */
+    }
+
+    /* Black prints faster: sanbeiji.com/archives/953 */
     a,
     a:visited {
         color: #444 !important;
         text-decoration: underline;
     }
+
     a[href]:after {
         content: ' (' attr(href) ')';
     }
+
     abbr[title]:after {
         content: ' (' attr(title) ')';
     }
+
     .ir a:after,
     a[href^='javascript:']:after,
     a[href^='#']:after {
         content: '';
-    } /* Don't show links for images, or javascript/internal links */
+    }
+
+    /* Don't show links for images, or javascript/internal links */
     pre,
     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
     }
+
     thead {
         display: table-header-group;
-    } /* css-discuss.incutio.com/wiki/Printing_Tables */
+    }
+
+    /* css-discuss.incutio.com/wiki/Printing_Tables */
     tr,
     img {
         page-break-inside: avoid;
     }
+
     @page {
         margin: 0.5cm;
     }
+
     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }
+
     h2,
     h3 {
         page-break-after: avoid;
@@ -4577,12 +5038,10 @@ input[type='button'].btn-block {
 
 .skeleton {
     color: transparent !important;
-    background-image: linear-gradient(
-        90deg,
-        rgba(211, 211, 211, 0) 0,
-        rgba(211, 211, 211, 0.8) 50%,
-        rgba(211, 211, 211, 0) 100%
-    );
+    background-image: linear-gradient(90deg,
+            rgba(211, 211, 211, 0) 0,
+            rgba(211, 211, 211, 0.8) 50%,
+            rgba(211, 211, 211, 0) 100%);
     background-size: 100% 100%;
     background-position: 0 0;
     background-repeat: no-repeat;
@@ -4604,10 +5063,12 @@ input[type='button'].btn-block {
         background-position: right center;
         background-color: transparent;
     }
+
     50% {
         background-position: left center;
         background-color: gray;
     }
+
     to {
         background-position: left top;
         background-color: transparent;
@@ -4623,6 +5084,7 @@ input[type='button'].btn-block {
         transform: translateX(-100%);
         opacity: 0;
     }
+
     100% {
         transform: translateX(0);
         opacity: 1;
@@ -4662,6 +5124,7 @@ input[type='button'].btn-block {
     0% {
         opacity: 0;
     }
+
     100% {
         opacity: 1;
     }
@@ -4675,24 +5138,31 @@ input[type='button'].btn-block {
     0% {
         opacity: 1;
     }
+
     25% {
         opacity: 0;
     }
+
     40% {
         opacity: 1;
     }
+
     50% {
         opacity: 0;
     }
+
     60% {
         opacity: 1;
     }
+
     70% {
         opacity: 0;
     }
+
     75% {
         opacity: 0.5;
     }
+
     100% {
         opacity: 1;
     }
@@ -4727,6 +5197,7 @@ input[type='button'].btn-block {
     position: absolute;
     width: 1px;
 }
+
 /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
@@ -4752,9 +5223,11 @@ input[type='button'].btn-block {
     height: 0;
     overflow: hidden;
 }
+
 .clearfix:after {
     clear: both;
 }
+
 /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
 .clearfix {
     zoom: 1;
@@ -4767,22 +5240,28 @@ input[type='button'].btn-block {
  */
 
 /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) */
-@media screen and (max-device-width: 480px), (max-device-width: 854px) {
+@media screen and (max-device-width: 480px),
+(max-device-width: 854px) {
+
     html,
     body {
         /*font: 12px/15px sans-serif;*/
         padding: 0;
         margin: 0;
     }
+
     #map-subcategory {
         display: none;
     }
+
     #combat-subcategory {
         float: left;
     }
+
     #sidebar-column {
         display: none;
     }
+
     #index-footer {
         margin-top: 4em;
     }
@@ -4795,6 +5274,7 @@ input[type='button'].btn-block {
         width: 100%;
         left: 0;
     }
+
     h1,
     h2,
     h3,
@@ -4803,30 +5283,38 @@ input[type='button'].btn-block {
     h6 {
         font-weight: normal;
     }
+
     img {
         max-width: 250px;
     }
+
     .center {
         width: 100% !important;
         text-align: center;
     }
+
     a:link,
     a:visited {
         font-weight: bold;
     }
+
     a:hover,
     a:active {
         font-weight: bold;
     }
+
     .btn-vital {
         padding: 0.5em 1em;
     }
+
     #solo-page {
         padding: 0;
     }
+
     #solo-page-header {
         box-sizing: border-box;
     }
+
     #solo-page-login-link,
     #solo-page-signup-link {
         margin-left: 0.2em;
@@ -4835,6 +5323,7 @@ input[type='button'].btn-block {
         font-size: larger;
         line-height: 2em;
     }
+
     #ninjawars-title-image {
         width: 60px;
         height: 60px;
@@ -4843,15 +5332,18 @@ input[type='button'].btn-block {
 
 /* Medium and Large screen modifications */
 @media screen and (min-width: 800px) {
+
     div.description,
     p.description {
         padding-left: 3rem;
         padding-right: 3rem;
     }
+
     .enemies-lefthalf {
         width: 55% !important;
         float: left !important;
     }
+
     .enemies-righthalf {
         width: 45% !important;
         float: right !important;
@@ -4860,9 +5352,11 @@ input[type='button'].btn-block {
     #tabs.message-tabs ul li {
         margin-left: 2em;
     }
+
     #tabs.message-tabs ul li a {
         padding: 0.3em 0.7em;
     }
+
     .ninja-card {
         width: 60%;
     }
@@ -4885,7 +5379,8 @@ input[type='button'].btn-block {
         padding: 1rem 3rem;
         border-radius: 0.1rem;
     }
+
     .list-all-players-search .input-group {
         max-width: 50%;
     }
-}
+}
\ No newline at end of file