Prettified Code!

43 files changed, 3353 insertions, 3189 deletions

diff --git a/webAO/golden/css/goldenlayout.css b/webAO/golden/css/goldenlayout.css
index d515f65..521aa7b 100644
--- a/webAO/golden/css/goldenlayout.css
+++ b/webAO/golden/css/goldenlayout.css
@@ -1,5 +1,7 @@
 h2 {
-  font: 14px Arial, sans-serif;
+  font:
+    14px Arial,
+    sans-serif;
   color: #fff;
   padding: 10px;
 }
@@ -90,7 +92,7 @@ body {
 .lm_header.lm_selectable {
   cursor: pointer;
 }
-.lm_header [class^=lm_] {
+.lm_header [class^="lm_"] {
   box-sizing: content-box !important;
 }
 .lm_header .lm_controls {
@@ -107,7 +109,7 @@ body {
   right: 2px;
   cursor: pointer;
   text-align: center;
-  opacity: .5;
+  opacity: 0.5;
   transition: opacity 0.3s;
   -webkit-transition: opacity 0.3s;
 }
@@ -203,7 +205,9 @@ body {
 }
 .lm_stack.lm_docked.lm_left > .lm_items,
 .lm_stack.lm_docked.lm_right > .lm_items {
-  transition: width 0.4s ease-in, height 0.001s linear;
+  transition:
+    width 0.4s ease-in,
+    height 0.001s linear;
 }
 .lm_left.lm_stack .lm_header,
 .lm_right.lm_stack .lm_header {
@@ -296,7 +300,7 @@ body {
   visibility: hidden;
 }
 .lm_header .lm_controls .lm_tabdropdown:before {
-  content: '';
+  content: "";
   width: 0;
   height: 0;
   vertical-align: middle;
@@ -533,4 +537,4 @@ body {
   opacity: 1;
 }
 
-/*# sourceMappingURL=goldenlayout.css.map*/
\ No newline at end of file
+/*# sourceMappingURL=goldenlayout.css.map*/
diff --git a/webAO/styles/chatbox/999.css b/webAO/styles/chatbox/999.css
index de20d28..1ac2192 100644
--- a/webAO/styles/chatbox/999.css
+++ b/webAO/styles/chatbox/999.css
@@ -1,128 +1,132 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 42%;
-	width: 100%;
-	text-shadow: -1px -1px 0 #525252, 1px -1px 0 #525252, -1px 1px 0 #525252, 1px 1px 0 #525252;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 42%;
+  width: 100%;
+  text-shadow:
+    -1px -1px 0 #525252,
+    1px -1px 0 #525252,
+    -1px 1px 0 #525252,
+    1px 1px 0 #525252;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	right: 0;
-	top: 0;
-	height: 27%;
-	min-width: 3.25em;	
-	background: rgba(0, 0, 0, 0.5);
-	padding: 0 2%;
-	border-color: #fff;
-	border-style: ridge;
-	border-width: 0.2em;
-	border-radius: 0.1em;	
-	z-index: 1;
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 27%;
+  min-width: 3.25em;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 0 2%;
+  border-color: #fff;
+  border-style: ridge;
+  border-width: 0.2em;
+  border-radius: 0.1em;
+  z-index: 1;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	letter-spacing: 0.075em;
-	margin: 0;
-	line-height: 2;
+  text-justify: distribute;
+  letter-spacing: 0.075em;
+  margin: 0;
+  line-height: 2;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.27em);
-	height: 60%;
-	margin: auto;
-	border-color: #fff;
-	border-style: ridge;
-	border-width: 0.15em;
-	border-radius: 0.1em;
-	background-color: rgba(0, 0, 0, 0.5);
-	font-size: 2em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.27em);
+  height: 60%;
+  margin: auto;
+  border-color: #fff;
+  border-style: ridge;
+  border-width: 0.15em;
+  border-radius: 0.1em;
+  background-color: rgba(0, 0, 0, 0.5);
+  font-size: 2em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
-	margin: 1px;
-	line-height: 97%;
-	letter-spacing: 0.05em;
-	word-spacing: 0.3em;
+  padding: 1% 3.13%;
+  margin: 1px;
+  line-height: 97%;
+  letter-spacing: 0.05em;
+  word-spacing: 0.3em;
 }
 
 #client_chatwaiting {
-	display: none;
-	transform: rotate(90deg);
-	line-height: 0.5;
-	color: #28599a;
-	animation: idling 0.4s linear infinite;
+  display: none;
+  transform: rotate(90deg);
+  line-height: 0.5;
+  color: #28599a;
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css
index c1ae7a2..ca41639 100644
--- a/webAO/styles/chatbox/aa.css
+++ b/webAO/styles/chatbox/aa.css
@@ -1,149 +1,153 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 /* Webfont CSS setup for Igiari by Caveras */
 
 @font-face {
-	font-family:'Igiari Cyrillic';
-		src: url('../igiari/igiari-cyrillic.ttf');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Igiari Cyrillic";
+  src: url("../igiari/igiari-cyrillic.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-	font-family:'Ace Name';
-		src: url('./ace-name.ttf');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Ace Name";
+  src: url("./ace-name.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 40%;
-	width: 100%;
-	filter: none;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 40%;
+  width: 100%;
+  filter: none;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 0;
-	top: 1%;
-	height: 13%;
-	min-width: 3.25em;	
-	font-size: 0.8em;
-	background: rgba(60, 85, 255, 0.4);
-	box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset;
-	margin: 0;
-	padding-top: 0.5%;
-	padding-left: 1.955%;
-	padding-right: 1.955%;
-	border-color: rgba(255, 255, 255, 0.5);
-	border-style: ridge groove groove ridge;
-	border-width: 0.2em;
-	border-radius: 0.3em;	
-	z-index: 1;
-	font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 1%;
+  height: 13%;
+  min-width: 3.25em;
+  font-size: 0.8em;
+  background: rgba(60, 85, 255, 0.4);
+  box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset;
+  margin: 0;
+  padding-top: 0.5%;
+  padding-left: 1.955%;
+  padding-right: 1.955%;
+  border-color: rgba(255, 255, 255, 0.5);
+  border-style: ridge groove groove ridge;
+  border-width: 0.2em;
+  border-radius: 0.3em;
+  z-index: 1;
+  font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic",
+    "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow",
+    "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	line-height: 100%;
-	margin: 0;
+  text-justify: distribute;
+  line-height: 100%;
+  margin: 0;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.25em);
-	height: 78%;
-	margin: auto;
-	border-color: rgba(255, 255, 255, 0.6);
-	border-style: ridge groove groove ridge;
-	border-width: 0.15em;
-	border-radius: 0.15em;
-	background-color: rgba(0, 0, 16, 0.55);
-	font-size: 1.6em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-	font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.25em);
+  height: 78%;
+  margin: auto;
+  border-color: rgba(255, 255, 255, 0.6);
+  border-style: ridge groove groove ridge;
+  border-width: 0.15em;
+  border-radius: 0.15em;
+  background-color: rgba(0, 0, 16, 0.55);
+  font-size: 1.6em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif",
+    "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera",
+    "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_chat {
-	padding: 0.4% 2.8%;
-	margin: 1px;
-	line-height: 100%;
+  padding: 0.4% 2.8%;
+  margin: 1px;
+  line-height: 100%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-	line-height: 0.5;
-	animation: idling 0.4s linear infinite;
+  display: block;
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  line-height: 0.5;
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css
index b0114b6..92dde42 100644
--- a/webAO/styles/chatbox/acww.css
+++ b/webAO/styles/chatbox/acww.css
@@ -1,225 +1,229 @@
 .text_white {
-	color: #000;
+  color: #000;
 }
 
 .text_green {
-	color: #009600;
+  color: #009600;
 }
 
 .text_red {
-	color: #ff0859;
+  color: #ff0859;
 }
 
 .text_orange {
-	color: #610000;
+  color: #610000;
 }
 
 .text_blue {
-	color: #7900ff;
+  color: #7900ff;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ff51ff;
+  color: #ff51ff;
 }
 
-.text_cyan {	
-	color: #0038ff;
+.text_cyan {
+  color: #0038ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 /* Webfont CSS setup for Igiari by Caveras */
 
 @font-face {
-	font-family:'Igiari Cyrillic';
-		src: url('../igiari/igiari-cyrillic.ttf');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Igiari Cyrillic";
+  src: url("../igiari/igiari-cyrillic.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 @font-face {
-	font-family:'Ace Name';
-		src: url('./ace-name.ttf');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Ace Name";
+  src: url("./ace-name.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 42%;
-	width: 100%;
-    filter: none;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 42%;
+  width: 100%;
+  filter: none;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 11%;
-	top: 0;
-	height: 12%;
-	min-width: 11%;	
-	font-size: 0.8em;
-    background: #d8f8a0;
-    color: #040;
-	margin: 0;
-	padding-top: 0.4%;
-	padding-left: 1.955%;
-	padding-right: 1.955%;
-	border-color: #b0f818;
-	border-style: solid;
-	border-width: 0.3em 0.6em;
-    border-radius: 15%/50%;	
-    box-shadow: 0 0.3em #70c020;
-    line-height: 100%;
-	z-index: 1;
-	font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  left: 11%;
+  top: 0;
+  height: 12%;
+  min-width: 11%;
+  font-size: 0.8em;
+  background: #d8f8a0;
+  color: #040;
+  margin: 0;
+  padding-top: 0.4%;
+  padding-left: 1.955%;
+  padding-right: 1.955%;
+  border-color: #b0f818;
+  border-style: solid;
+  border-width: 0.3em 0.6em;
+  border-radius: 15%/50%;
+  box-shadow: 0 0.3em #70c020;
+  line-height: 100%;
+  z-index: 1;
+  font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic",
+    "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow",
+    "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	line-height: 100%;
-	margin: 0;
-	margin-top: 2.75%;
+  text-justify: distribute;
+  line-height: 100%;
+  margin: 0;
+  margin-top: 2.75%;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 100%;
-	height: 87%;
-	margin: auto;
-    background-image: url("acww.svg");
-    background-size: cover;
-    background-repeat: no-repeat;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-	font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 87%;
+  margin: auto;
+  background-image: url("acww.svg");
+  background-size: cover;
+  background-repeat: no-repeat;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif",
+    "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera",
+    "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_chat {
-	padding: 5% 16%;
-	margin: 0;
-	line-height: 100%;
+  padding: 5% 16%;
+  margin: 0;
+  line-height: 100%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	color: transparent;
-	text-shadow: none;
-	right: 12%;
-	bottom: 15%;
-    width: 1.4em;
-    height: 1.5em;
-    background-image: url("chatwaiting_acww.svg");
-	background-size: contain;
-	animation: idling 0.4s steps(1) infinite;
+  display: block;
+  position: absolute;
+  color: transparent;
+  text-shadow: none;
+  right: 12%;
+  bottom: 15%;
+  width: 1.4em;
+  height: 1.5em;
+  background-image: url("chatwaiting_acww.svg");
+  background-size: contain;
+  animation: idling 0.4s steps(1) infinite;
 }
 
 @keyframes idling {
-	0% {
-		bottom: 12%;
-	}
+  0% {
+    bottom: 12%;
+  }
 
-	50% {
-		bottom: 15%;
-	}
+  50% {
+    bottom: 15%;
+  }
 
-	100% {
-		bottom: 12%;
-	}
+  100% {
+    bottom: 12%;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock_date {
-	position: absolute;
-	width: 13%;
-	height: 4%;
-	right: 0;
-	top: 1%;
-	text-align: left;
-	color: #7d5500;
-	background: linear-gradient(
-  		to bottom,
-  		#ffef55,
-		#ffef55 20%,
-  		#ffcf3c 20%,
-  		#ffcf3c 40%,
-		#ffef55 40%,
-		#ffef55 60%,
-		#ffcf3c 60%,
-  		#ffcf3c 80%,
-		#ffef55 80%,
-		#ffef55 100%
-	);
-	border: 0.1em solid #ae4500;
-	border-radius: 50%;
-	border-bottom: none;
-	font-weight: bold;
-	padding-left: 1.5em;
-	padding-top: 0.5em;
-	font-size: 0.5em;
+  position: absolute;
+  width: 13%;
+  height: 4%;
+  right: 0;
+  top: 1%;
+  text-align: left;
+  color: #7d5500;
+  background: linear-gradient(
+    to bottom,
+    #ffef55,
+    #ffef55 20%,
+    #ffcf3c 20%,
+    #ffcf3c 40%,
+    #ffef55 40%,
+    #ffef55 60%,
+    #ffcf3c 60%,
+    #ffcf3c 80%,
+    #ffef55 80%,
+    #ffef55 100%
+  );
+  border: 0.1em solid #ae4500;
+  border-radius: 50%;
+  border-bottom: none;
+  font-weight: bold;
+  padding-left: 1.5em;
+  padding-top: 0.5em;
+  font-size: 0.5em;
 }
 
 #client_clock_month {
-	display: none;
+  display: none;
 }
 
 #client_clock_weekday {
-	position: absolute;
-	width: 2.5%;
-	height: 3%;
-	right: 1%;
-	top: 2%;
-	color: white;
-	background: #00b63c;
-	background-size: 100% 40%;
-	border: 0.1em solid #00b63c;
-	border-radius: 100%;
-	font-size: 0.6em;
+  position: absolute;
+  width: 2.5%;
+  height: 3%;
+  right: 1%;
+  top: 2%;
+  color: white;
+  background: #00b63c;
+  background-size: 100% 40%;
+  border: 0.1em solid #00b63c;
+  border-radius: 100%;
+  font-size: 0.6em;
 }
 
 #client_clock_time {
-	position: absolute;
-	width: 16%;
-	height: 4%;
-	right: 2%;
-	top: 4%;
-	text-align: center;
-	color: #5d5500;
-	background: linear-gradient(
-  		to bottom,
-  		rgba(255,255,0,0),
- 		rgba(255,255,0,0) 20%,
-  		#ffcf3c 20%,
-  		#ffcf3c 40%,
-		#ffef55 40%,
-		#ffef55 60%,
-		#ffcf3c 60%,
-  		#ffcf3c 80%,
-		#ffef55 80%,
-		#ffef55 100%
-	);
-	border: 0.1em solid #ae4500;
-	border-radius: 50%;
-	border-top: none;
-	padding-top: 0.5em;
-	font-size: 0.5em;
-}
\ No newline at end of file
+  position: absolute;
+  width: 16%;
+  height: 4%;
+  right: 2%;
+  top: 4%;
+  text-align: center;
+  color: #5d5500;
+  background: linear-gradient(
+    to bottom,
+    rgba(255, 255, 0, 0),
+    rgba(255, 255, 0, 0) 20%,
+    #ffcf3c 20%,
+    #ffcf3c 40%,
+    #ffef55 40%,
+    #ffef55 60%,
+    #ffcf3c 60%,
+    #ffcf3c 80%,
+    #ffef55 80%,
+    #ffef55 100%
+  );
+  border: 0.1em solid #ae4500;
+  border-radius: 50%;
+  border-top: none;
+  padding-top: 0.5em;
+  font-size: 0.5em;
+}
diff --git a/webAO/styles/chatbox/dd.css b/webAO/styles/chatbox/dd.css
index d1561a4..c5158d0 100644
--- a/webAO/styles/chatbox/dd.css
+++ b/webAO/styles/chatbox/dd.css
@@ -1,111 +1,111 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #18cbef;
+  color: #18cbef;
 }
 
 .text_green {
-	color: #84fb08;
+  color: #84fb08;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #f76918;
+  color: #f76918;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	height: 27%;
-    width: 100%;
-    font-family: sans-serif;
-	background-image: url("dd.svg");
-	background-size: cover;
- 	background-repeat: no-repeat;
+  position: absolute;
+  bottom: 0;
+  height: 27%;
+  width: 100%;
+  font-family: sans-serif;
+  background-image: url("dd.svg");
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 #client_name {
-	display: block;
-	top: 0;
-	padding: 0 10px;
-	height: 22%;
-	position: absolute;
+  display: block;
+  top: 0;
+  padding: 0 10px;
+  height: 22%;
+  position: absolute;
 }
 
 #client_inner_name {
-	margin: 0;
-	padding: 5% 0;
+  margin: 0;
+  padding: 5% 0;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 100%;
-	margin: auto;
-	height: 75%;
-	bottom: 0;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  font-size: 1em;
+  display: block;
+  width: 100%;
+  margin: auto;
+  height: 75%;
+  bottom: 0;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3%;
-	margin: 0;
+  padding: 1% 3%;
+  margin: 0;
 }
 
 #client_chatwaiting {
-	display: block;
-	right: 1em;
-	bottom: 0.6em;
-	width: 1em;
-	position: absolute;
-	animation: idling 1s linear infinite;
+  display: block;
+  right: 1em;
+  bottom: 0.6em;
+  width: 1em;
+  position: absolute;
+  animation: idling 1s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/ddlc.css b/webAO/styles/chatbox/ddlc.css
index 0b019fb..2c7d02c 100644
--- a/webAO/styles/chatbox/ddlc.css
+++ b/webAO/styles/chatbox/ddlc.css
@@ -1,134 +1,136 @@
 .text_white {
-    color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-    color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-    color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-    color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-    color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-    color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-    color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-    color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 35%;
-	width: 100%;
-	filter: none;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 35%;
+  width: 100%;
+  filter: none;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 5%;
-	top: 0;
-	height: 25%;
-	min-width: 5em;	
-	font-size: 1em;
-	background: #f6e4ea;
-	margin: 0;
-	border-radius: 0.25em;	
-    z-index: 0;
-    font-family: "Riffic", "RifficFree", sans-serif;
-    font-weight: bold;
+  display: block;
+  position: absolute;
+  left: 5%;
+  top: 0;
+  height: 25%;
+  min-width: 5em;
+  font-size: 1em;
+  background: #f6e4ea;
+  margin: 0;
+  border-radius: 0.25em;
+  z-index: 0;
+  font-family: "Riffic", "RifficFree", sans-serif;
+  font-weight: bold;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	line-height: 100%;
-    margin: 0;
-    color: white;
-    -webkit-text-stroke: 0.05em #bb5599;
-    -webkit-text-fill-color: white;
+  text-justify: distribute;
+  line-height: 100%;
+  margin: 0;
+  color: white;
+  -webkit-text-stroke: 0.05em #bb5599;
+  -webkit-text-fill-color: white;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 2%;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.25em);
-	height: 75%;
-	margin: auto;
-	border: solid #ffdfee 0.15em;
-	border-radius: 0.25em;
-    background-color: #fea7d1;
-    background-image: radial-gradient(#fa95c2 25%, transparent 25%),
-     radial-gradient(#fa95c2 25%, transparent 25%);
-    background-position: 0 0, 24px 24px;
-    background-size: 48px 48px;
-    font-family: "Aller", "OpenSans", sans-serif;
-    font-size: 1em;
-    font-weight: 600;
-	-webkit-text-stroke: 0.04em #523643;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 2%;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.25em);
+  height: 75%;
+  margin: auto;
+  border: solid #ffdfee 0.15em;
+  border-radius: 0.25em;
+  background-color: #fea7d1;
+  background-image: radial-gradient(#fa95c2 25%, transparent 25%),
+    radial-gradient(#fa95c2 25%, transparent 25%);
+  background-position:
+    0 0,
+    24px 24px;
+  background-size: 48px 48px;
+  font-family: "Aller", "OpenSans", sans-serif;
+  font-size: 1em;
+  font-weight: 600;
+  -webkit-text-stroke: 0.04em #523643;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 2% 5%;
-	margin: 1px;
-	line-height: 100%;
+  padding: 2% 5%;
+  margin: 1px;
+  line-height: 100%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-	line-height: 0.5;
-	animation: idling 0.4s linear infinite;
+  display: block;
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  line-height: 0.5;
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css
index 5d650b9..8b656ef 100644
--- a/webAO/styles/chatbox/dgs.css
+++ b/webAO/styles/chatbox/dgs.css
@@ -1,143 +1,151 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #18d7ff;
+  color: #18d7ff;
 }
 
 .text_green {
-	color: #84fb08;
+  color: #84fb08;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #ff7118;
+  color: #ff7118;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 @font-face {
-	font-family: 'Cabin Condensed';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2');
+  font-family: "Cabin Condensed";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local("Cabin Condensed"),
+    local("CabinCondensed-Regular"),
+    url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2)
+      format("woff2");
 }
 
 @font-face {
-	font-family: 'Bitter';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: local('Bitter Regular'), local('Bitter-Regular'), url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
-  }
+  font-family: "Bitter";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local("Bitter Regular"),
+    local("Bitter-Regular"),
+    url(https://fonts.gstatic.com/s/bitter/v15/rax8HiqOu8IVPmn7cYxpPDk.woff2)
+      format("woff2");
+}
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 35%;
-	width: 100%;
-	transition-property: opacity;
-	transition: 0.1s linear;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 35%;
+  width: 100%;
+  transition-property: opacity;
+  transition: 0.1s linear;
 }
 
 #client_name {
-	display: block;
-	padding: 0px 6px;
-	height: 20%;
-	min-width: 20%;
-	color: #fff7de;
-	text-shadow: 0 0 4px #000;
-	border: 0.05em solid #9e9150;
-    background-image: linear-gradient(#625726, #87793f);
-    left: 4%;
-	top: 0;
-	border-radius: 3px;
-	position: absolute;
-	font-family: "FOT-スキップ Std B", "Bitter", "Times New Roman", sans-serif;
+  display: block;
+  padding: 0px 6px;
+  height: 20%;
+  min-width: 20%;
+  color: #fff7de;
+  text-shadow: 0 0 4px #000;
+  border: 0.05em solid #9e9150;
+  background-image: linear-gradient(#625726, #87793f);
+  left: 4%;
+  top: 0;
+  border-radius: 3px;
+  position: absolute;
+  font-family: "FOT-スキップ Std B", "Bitter", "Times New Roman", sans-serif;
 }
 
 #client_inner_name {
-	margin: 1px;
+  margin: 1px;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 98%;
-	margin: auto;
-	height: 80%;
-	border-image-source: url("dgs_chat_bg.png");
-    border-image-slice: 45 fill;
-	border-image-width: 0.8em;
-	border-width: 0.8em;
-	bottom: 0;
-	left: 1%;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-	font-family: "FOTToplar", "Cabin Condensed", sans-serif;
+  font-size: 1em;
+  display: block;
+  width: 98%;
+  margin: auto;
+  height: 80%;
+  border-image-source: url("dgs_chat_bg.png");
+  border-image-slice: 45 fill;
+  border-image-width: 0.8em;
+  border-width: 0.8em;
+  bottom: 0;
+  left: 1%;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-family: "FOTToplar", "Cabin Condensed", sans-serif;
 }
 
 #client_inner_chat {
-	display: block;
-	position: absolute;
-	margin: 0.4em;
-	padding: 0.1em 1em;
+  display: block;
+  position: absolute;
+  margin: 0.4em;
+  padding: 0.1em 1em;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	color: #ded7a2;
-	right: 0.7em;
-	top: 50%;
-	line-height: 0.5;
-	animation: idling 0.4s linear infinite;
+  display: block;
+  position: absolute;
+  color: #ded7a2;
+  right: 0.7em;
+  top: 50%;
+  line-height: 0.5;
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0.6em;
-	}
+  0% {
+    right: 0.6em;
+  }
 
-	25% {
-		right: 0.7em;
-    }
+  25% {
+    right: 0.7em;
+  }
 
-	100% {
-		right: 0.6em;
-	}
+  100% {
+    right: 0.6em;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css
index ced1932..19ef5fc 100644
--- a/webAO/styles/chatbox/dr1.css
+++ b/webAO/styles/chatbox/dr1.css
@@ -1,162 +1,170 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 30%;
-	bottom: 0;
-	left: 0;
-    font-family: sans-serif;
+  position: absolute;
+  width: 100%;
+  height: 30%;
+  bottom: 0;
+  left: 0;
+  font-family: sans-serif;
 }
 
 #client_name {
-	display: block;
-	padding: 0 0.45em;
-	height: 20%;
-	width: 87%;
-	text-align: left;
-    color: #3d3c3f;
-    font-weight: bold;
-    border-radius: 0 2em 0 0;
-    background: #fb9800;
-    background: linear-gradient(25deg,
-    #f7ffdb, #f7ffdb 60%, 
-    #febf01 60% 63%, #fdffd7 63% 65%,
-    #fd9900 65%);
-	left: 0;
-	top: 0;
-	position: absolute;
-	z-index: 1;
+  display: block;
+  padding: 0 0.45em;
+  height: 20%;
+  width: 87%;
+  text-align: left;
+  color: #3d3c3f;
+  font-weight: bold;
+  border-radius: 0 2em 0 0;
+  background: #fb9800;
+  background: linear-gradient(
+    25deg,
+    #f7ffdb,
+    #f7ffdb 60%,
+    #febf01 60% 63%,
+    #fdffd7 63% 65%,
+    #fd9900 65%
+  );
+  left: 0;
+  top: 0;
+  position: absolute;
+  z-index: 1;
 }
 
 #client_inner_name {
-	padding: 0 2%;
-	margin: 1px;
+  padding: 0 2%;
+  margin: 1px;
 }
 
 #client_name::after {
-	content: "SPEAKING";
-	position: absolute;
-	letter-spacing: 0.075em;
-	right: 0;
-	top: 0;
-	z-index: 2;
-	margin: 0;
-	color: #ffd786;
-	transform: scale(50%, 100%)
+  content: "SPEAKING";
+  position: absolute;
+  letter-spacing: 0.075em;
+  right: 0;
+  top: 0;
+  z-index: 2;
+  margin: 0;
+  color: #ffd786;
+  transform: scale(50%, 100%);
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 97%;
-	margin: auto;
-	height: 80%;
-    border-radius: 0 3em 3em 0;
-	background: rgba(48,48,48,0.8);
-	bottom: 0;
-	left: 0;
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-
-	border-top-width: 1.2em;
-	border-top-style: solid;
-	border-color: #fd9900;
+  font-size: 1em;
+  display: block;
+  width: 97%;
+  margin: auto;
+  height: 80%;
+  border-radius: 0 3em 3em 0;
+  background: rgba(48, 48, 48, 0.8);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+
+  border-top-width: 1.2em;
+  border-top-style: solid;
+  border-color: #fd9900;
 }
 
 #client_inner_chat {
-	padding: 2% 4%;
-	padding-right: 15%;
-	margin: 0;
+  padding: 2% 4%;
+  padding-right: 15%;
+  margin: 0;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-    color: transparent;
-	right: 3%;
-	bottom: 30%;
-    width: 2em;
-    height: 2em;
-    background-image: url("chatwaiting_dr1.svg");
-    background-size: contain;
+  display: block;
+  position: absolute;
+  color: transparent;
+  right: 3%;
+  bottom: 30%;
+  width: 2em;
+  height: 2em;
+  background-image: url("chatwaiting_dr1.svg");
+  background-size: contain;
 }
 
 #client_trackstatus {
-	position: absolute;
-	right: 4%;
-	top: 4%;
-	width: 4em;
-	height: 1.2em;
-	font-family: sans-serif;
-	font-weight: bold;
-	overflow: hidden;
+  position: absolute;
+  right: 4%;
+  top: 4%;
+  width: 4em;
+  height: 1.2em;
+  font-family: sans-serif;
+  font-weight: bold;
+  overflow: hidden;
 }
 
 #client_trackstatus::before {
-	content: "𝅘𝅥𝅮";
-	position: absolute;
-	left: 0;
-	top: 0;
-	margin: 0;
+  content: "𝅘𝅥𝅮";
+  position: absolute;
+  left: 0;
+  top: 0;
+  margin: 0;
 }
 
 #client_trackstatustext {
-	display: inline-block;
-	position: absolute;
-	left: 20%;
-	width: 80%;
-	margin: 0;
-	overflow: hidden;
-	padding-left: 1em;
-	letter-spacing: 0.4em;
-	white-space: nowrap;
-	animation: marquee 10s linear infinite;
+  display: inline-block;
+  position: absolute;
+  left: 20%;
+  width: 80%;
+  margin: 0;
+  overflow: hidden;
+  padding-left: 1em;
+  letter-spacing: 0.4em;
+  white-space: nowrap;
+  animation: marquee 10s linear infinite;
 }
 
 @keyframes marquee {
-    from  { text-indent:  0% }
-    to    { text-indent: -125% }
+  from {
+    text-indent: 0%;
+  }
+  to {
+    text-indent: -125%;
+  }
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/dr2.css b/webAO/styles/chatbox/dr2.css
index c6701d1..b79d347 100644
--- a/webAO/styles/chatbox/dr2.css
+++ b/webAO/styles/chatbox/dr2.css
@@ -1,131 +1,131 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6be4fb;
+  color: #6be4fb;
 }
 
 .text_green {
-	color: #63ff3d;
+  color: #63ff3d;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #fc0;
+  color: #fc0;
 }
 
 .text_yellow {
-	color: #ffe700;
+  color: #ffe700;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #6be4fb;
+  color: #6be4fb;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 100%;
-	bottom: 0;
-	left: 0;
-    font-family: sans-serif;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  bottom: 0;
+  left: 0;
+  font-family: sans-serif;
 }
 
 #client_name {
-    display: block;
-	position: absolute;
-	height: 100%;
-	width: 7%;
-	text-align: left;
-    color: #3d3c3f;
-    font-weight: bold;
-    background-image: linear-gradient(to top,#fe9500,#fee303,transparent);
-	border-right: 0.3em solid #dfd8b8;
-	box-shadow: 0.3em 0px 0 #ff9700;
-	left: 0;
-    bottom: 0;
+  display: block;
+  position: absolute;
+  height: 100%;
+  width: 7%;
+  text-align: left;
+  color: #3d3c3f;
+  font-weight: bold;
+  background-image: linear-gradient(to top, #fe9500, #fee303, transparent);
+  border-right: 0.3em solid #dfd8b8;
+  box-shadow: 0.3em 0px 0 #ff9700;
+  left: 0;
+  bottom: 0;
 }
 
 #client_inner_name {
-	padding: 0;
-	margin: 0;
-	transform: rotate(180deg);
-    writing-mode: vertical-rl;    
-    bottom: 25%;
-    right: 0;
-    position: absolute;
+  padding: 0;
+  margin: 0;
+  transform: rotate(180deg);
+  writing-mode: vertical-rl;
+  bottom: 25%;
+  right: 0;
+  position: absolute;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 91%;
-	margin: auto;
-	height: 25%;
-    border-top: 0.1em solid white;    
-	bottom: 0;
-    right: 0;
-    background-image: linear-gradient(to right, rgba(0,0,0,0.4), black);
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    scroll-behavior: smooth;
-    z-index: 3;
+  font-size: 1em;
+  display: block;
+  width: 91%;
+  margin: auto;
+  height: 25%;
+  border-top: 0.1em solid white;
+  bottom: 0;
+  right: 0;
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), black);
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  z-index: 3;
 }
 
 #client_inner_chat {
-    position: absolute;
-	padding: 2% 4%;
-	margin: 0;
-    line-height: 97%;
-    z-index: 4;
+  position: absolute;
+  padding: 2% 4%;
+  margin: 0;
+  line-height: 97%;
+  z-index: 4;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	display: block;
-	position: absolute;
-	width: 30%;
-	height: 35%;
-	top: 0;
-	left: 0;
-	background-image: url("music_dr2.svg");
-	background-size: contain;
-    background-repeat: no-repeat;
+  display: block;
+  position: absolute;
+  width: 30%;
+  height: 35%;
+  top: 0;
+  left: 0;
+  background-image: url("music_dr2.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
 }
 
 #client_trackstatustext {
-	position: absolute;
-	top: 6%;
-	left: 25%;
-	width: 50%;
-	color: #f84f00;
-    font-family: monospace;
-	font-size: 1.2em;
-	white-space: nowrap;
+  position: absolute;
+  top: 6%;
+  left: 25%;
+  width: 50%;
+  color: #f84f00;
+  font-family: monospace;
+  font-size: 1.2em;
+  white-space: nowrap;
 }
 
 #client_trackstatus {
-	display: block;
+  display: block;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css
index d5b9fa0..c7a86c3 100644
--- a/webAO/styles/chatbox/drae.css
+++ b/webAO/styles/chatbox/drae.css
@@ -1,110 +1,121 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 30%;
-	bottom: 0;
-	left: 0;
-    font-family: sans-serif;
+  position: absolute;
+  width: 100%;
+  height: 30%;
+  bottom: 0;
+  left: 0;
+  font-family: sans-serif;
 }
 
 #client_name {
-	display: block;
-	padding: 0 0.45em;
-	height: 22%;
-	height: calc(25% - 0.1em);
-	min-width: 50%;
-	text-align: left;
-	letter-spacing: 0.075em;
-	font-weight: bold;
-	background: #ff00bb;
-	background: linear-gradient(225deg, transparent 10%,
-			rgba(255,75,206,0.9) 10% 15%, rgba(255, 0, 187, 0.9) 15% 16%, 
-			rgba(255,75,206,0.9) 16% 20%, rgba(255, 0, 187, 0.9) 20% 22%,
-			rgba(255,75,206,0.9) 22% 25%, rgba(255, 0, 187, 0.9) 25% 28%,
-			rgba(255,75,206,0.9) 28% 30%, rgba(255, 0, 187, 0.9) 30% 32%,
-			rgba(255,75,206,0.9) 32% 33%, rgba(255, 0, 187, 0.9) 33%);
-	left: 0;
-	top: 0;
-	position: absolute;
-	z-index: 1;
+  display: block;
+  padding: 0 0.45em;
+  height: 22%;
+  height: calc(25% - 0.1em);
+  min-width: 50%;
+  text-align: left;
+  letter-spacing: 0.075em;
+  font-weight: bold;
+  background: #ff00bb;
+  background: linear-gradient(
+    225deg,
+    transparent 10%,
+    rgba(255, 75, 206, 0.9) 10% 15%,
+    rgba(255, 0, 187, 0.9) 15% 16%,
+    rgba(255, 75, 206, 0.9) 16% 20%,
+    rgba(255, 0, 187, 0.9) 20% 22%,
+    rgba(255, 75, 206, 0.9) 22% 25%,
+    rgba(255, 0, 187, 0.9) 25% 28%,
+    rgba(255, 75, 206, 0.9) 28% 30%,
+    rgba(255, 0, 187, 0.9) 30% 32%,
+    rgba(255, 75, 206, 0.9) 32% 33%,
+    rgba(255, 0, 187, 0.9) 33%
+  );
+  left: 0;
+  top: 0;
+  position: absolute;
+  z-index: 1;
 }
 
 #client_inner_name {
-	padding: 1% 3.13%;
-	margin: 1px;
+  padding: 1% 3.13%;
+  margin: 1px;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 100%;
-	margin: auto;
-	height: 75%;
-    border-top: 0.1em solid #ff00ab;
-    border-bottom: 0.1em solid #e9019e;
-	background-image: linear-gradient(rgba(33,18,28,0.75),rgba(45,18,36,0.75));
-	bottom: 0;
-	left: 0;
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  font-size: 1em;
+  display: block;
+  width: 100%;
+  margin: auto;
+  height: 75%;
+  border-top: 0.1em solid #ff00ab;
+  border-bottom: 0.1em solid #e9019e;
+  background-image: linear-gradient(
+    rgba(33, 18, 28, 0.75),
+    rgba(45, 18, 36, 0.75)
+  );
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
-	margin: 0;
-	line-height: 97%;
-	letter-spacing: 0.05em;
-	word-spacing: 0.3em;
+  padding: 1% 3.13%;
+  margin: 0;
+  line-height: 97%;
+  letter-spacing: 0.05em;
+  word-spacing: 0.3em;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css
index c7eb957..d6a7a3a 100644
--- a/webAO/styles/chatbox/drv3.css
+++ b/webAO/styles/chatbox/drv3.css
@@ -1,120 +1,120 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 30%;
-	bottom: 0;
-	left: 0;
-    font-family: sans-serif;
+  position: absolute;
+  width: 100%;
+  height: 30%;
+  bottom: 0;
+  left: 0;
+  font-family: sans-serif;
 }
 
 #client_name {
-    display: block;
-    transform: skew(15deg);
-	padding: 0 0.45em;
-	height: 20%;
-	min-width: 20%;
-	text-align: left;
-    background: #0e0a02;
-    border-left: 0.6em solid #fdd300;
-	left: 1%;
-	top: 0;
-	position: absolute;
-	z-index: 1;
+  display: block;
+  transform: skew(15deg);
+  padding: 0 0.45em;
+  height: 20%;
+  min-width: 20%;
+  text-align: left;
+  background: #0e0a02;
+  border-left: 0.6em solid #fdd300;
+  left: 1%;
+  top: 0;
+  position: absolute;
+  z-index: 1;
 }
 
 #client_inner_name {
-    transform: skew(-15deg);
-	margin: 1px;
+  transform: skew(-15deg);
+  margin: 1px;
 }
 
 #client_chat {
-    transform: skew(15deg);
-	font-size: 1em;
-	display: block;
-	width: 89%;
-	margin: auto;
-	height: 80%;
-    border-left: 0.6em solid #fdd300;
-    border-right: 0.6em solid #fdd300;
-	background: #030303;
-	bottom: 0;
-	left: 4%;
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  transform: skew(15deg);
+  font-size: 1em;
+  display: block;
+  width: 89%;
+  margin: auto;
+  height: 80%;
+  border-left: 0.6em solid #fdd300;
+  border-right: 0.6em solid #fdd300;
+  background: #030303;
+  bottom: 0;
+  left: 4%;
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-    transform: skew(-15deg);
-	padding: 3% 5%;
-	margin: 1px;
-	line-height: 97%;
-	letter-spacing: 0.05em;
-	word-spacing: 0.3em;
+  transform: skew(-15deg);
+  padding: 3% 5%;
+  margin: 1px;
+  line-height: 97%;
+  letter-spacing: 0.05em;
+  word-spacing: 0.3em;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 10%;
-	background-image: url('drv3trackstatus.png');
-	background-size: contain;
-    background-repeat: no-repeat;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 10%;
+  background-image: url("drv3trackstatus.png");
+  background-size: contain;
+  background-repeat: no-repeat;
 }
 
 #client_trackstatustext {
-	position: absolute;
-	left: 0;
-	top: 10%;
-	background-image: url('drv3trackstatustext.png');
-	background-size: contain;
-    background-repeat: no-repeat;
+  position: absolute;
+  left: 0;
+  top: 10%;
+  background-image: url("drv3trackstatustext.png");
+  background-size: contain;
+  background-repeat: no-repeat;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/ff.css b/webAO/styles/chatbox/ff.css
index 942794b..0c8640b 100644
--- a/webAO/styles/chatbox/ff.css
+++ b/webAO/styles/chatbox/ff.css
@@ -1,111 +1,113 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 40%;
-	width: 100%;
-	filter: none;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 40%;
+  width: 100%;
+  filter: none;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 0;
-	top: 1%;
-	height: 13%;
-	min-width: 3.25em;	
-	font-size: 0.8em;
-	background: rgba(60, 85, 255, 0.4);
-	box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset;
-	margin: 0;
-	padding-top: 0.4%;
-	padding-left: 1.955%;
-	padding-right: 1.955%;
-	border-color: rgba(255, 255, 255, 0.5);
-	border-style: ridge groove groove ridge;
-	border-width: 0.2em;
-	border-radius: 0.3em;	
-	z-index: 1;
-	font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 1%;
+  height: 13%;
+  min-width: 3.25em;
+  font-size: 0.8em;
+  background: rgba(60, 85, 255, 0.4);
+  box-shadow: 0.075em 0.075em rgba(0, 56, 163, 0.5) inset;
+  margin: 0;
+  padding-top: 0.4%;
+  padding-left: 1.955%;
+  padding-right: 1.955%;
+  border-color: rgba(255, 255, 255, 0.5);
+  border-style: ridge groove groove ridge;
+  border-width: 0.2em;
+  border-radius: 0.3em;
+  z-index: 1;
+  font-family: "Ace Name", "Igiari Cyrillic", "MS PGothic", "MS UI Gothic",
+    "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow",
+    "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	line-height: 100%;
-	margin: 0;
-	margin-top: 2.75%;
+  text-justify: distribute;
+  line-height: 100%;
+  margin: 0;
+  margin-top: 2.75%;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.25em);
-	height: 78%;
-	margin: auto;
-	border-color: rgba(115, 115, 115);
-	border-style: double;
-	border-width: 0.15em;
-	border-radius: 0.15em;
-	background-color: rgba(0, 0, 99);
-	font-size: 1.6em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
-    transition: height 0.5s;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.25em);
+  height: 78%;
+  margin: auto;
+  border-color: rgba(115, 115, 115);
+  border-style: double;
+  border-width: 0.15em;
+  border-radius: 0.15em;
+  background-color: rgba(0, 0, 99);
+  font-size: 1.6em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  transition: height 0.5s;
 }
 
 #client_inner_chat {
-	padding: 0.4% 2.8%;
-	margin: 1px;
-	line-height: 100%;
+  padding: 0.4% 2.8%;
+  margin: 1px;
+  line-height: 100%;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/future.css b/webAO/styles/chatbox/future.css
index cd638f4..d8ffdb7 100644
--- a/webAO/styles/chatbox/future.css
+++ b/webAO/styles/chatbox/future.css
@@ -1,137 +1,143 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 @font-face {
-	font-family:'Igiari Cyrillic';
-		src: url('../igiari/igiari-cyrillic.ttf');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Igiari Cyrillic";
+  src: url("../igiari/igiari-cyrillic.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 40%;
-	width: 100%;
-	filter: none;
-	font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 40%;
+  width: 100%;
+  filter: none;
+  font-family: "Igiari Cyrillic", "MS PGothic", "MS UI Gothic", "MS Sans Serif",
+    "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera",
+    "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 0;
-	top: 0;
-	height: 15%;
-	min-width: 3.25em;	
-	background: linear-gradient(to bottom, #1e6169, #0f2f32);
-	padding: 0 2%;
-	border-color: #217aff;
-	border-style: ridge groove groove ridge;
-	border-width: 0.2em;
-	border-radius: 0.2em;	
-	z-index: 1;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 15%;
+  min-width: 3.25em;
+  background: linear-gradient(to bottom, #1e6169, #0f2f32);
+  padding: 0 2%;
+  border-color: #217aff;
+  border-style: ridge groove groove ridge;
+  border-width: 0.2em;
+  border-radius: 0.2em;
+  z-index: 1;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	letter-spacing: 0.075em;
-	margin: 0;
-	font-weight: bold;
+  text-justify: distribute;
+  letter-spacing: 0.075em;
+  margin: 0;
+  font-weight: bold;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.27em);
-	height: 78%;
-	margin: auto;
-	border-color: #59f0fc;
-	border-style: ridge groove groove ridge;
-	border-width: 0.15em;
-	border-radius: 0.3em;
-	background: linear-gradient(to bottom, rgba(0,0,0,0.7),rgba(0,0,137,0.7));
-	font-size: 2em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.27em);
+  height: 78%;
+  margin: auto;
+  border-color: #59f0fc;
+  border-style: ridge groove groove ridge;
+  border-width: 0.15em;
+  border-radius: 0.3em;
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0.7),
+    rgba(0, 0, 137, 0.7)
+  );
+  font-size: 2em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
-	margin: 1px;
-	line-height: 97%;
-	letter-spacing: 0.05em;
-	word-spacing: 0.3em;
+  padding: 1% 3.13%;
+  margin: 1px;
+  line-height: 97%;
+  letter-spacing: 0.05em;
+  word-spacing: 0.3em;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-	line-height: 0.5;
-	animation: idling 0.4s linear infinite;
+  display: block;
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  line-height: 0.5;
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/halla.css b/webAO/styles/chatbox/halla.css
index 0932937..7d0644f 100644
--- a/webAO/styles/chatbox/halla.css
+++ b/webAO/styles/chatbox/halla.css
@@ -1,143 +1,147 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #667dce;
+  color: #667dce;
 }
 
 .text_green {
-	color: #a8cf78;
+  color: #a8cf78;
 }
 
 .text_red {
-	color: #cb223f;
+  color: #cb223f;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #f9cf39;
+  color: #f9cf39;
 }
 
 .text_pink {
-	color: #eb217f;
+  color: #eb217f;
 }
 
 .text_cyan {
-	color: #50d3ce;
+  color: #50d3ce;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 @font-face {
-	font-family: 'Inconsolata';
-	font-style: normal;
-	font-weight: 400;
-	font-stretch: normal;
-	src: url(https://fonts.gstatic.com/s/inconsolata/v19/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.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;
-  }
+  font-family: "Inconsolata";
+  font-style: normal;
+  font-weight: 400;
+  font-stretch: normal;
+  src: url(https://fonts.gstatic.com/s/inconsolata/v19/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32lw.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;
+}
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 40%;
-	width: 100%;
-	filter: none;
-	font-family: 'Inconsolata', monospace;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 40%;
+  width: 100%;
+  filter: none;
+  font-family: "Inconsolata", monospace;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 0;
-	top: 0;
-	height: 20%;
-	min-width: 25%;	
-	background: #2a263f;
-    border-color: #6a667f;
-    border-style: solid;
-	border-width: 0.05em 0.1em;
-	border-radius: 0.05em;	
-	z-index: 1;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 20%;
+  min-width: 25%;
+  background: #2a263f;
+  border-color: #6a667f;
+  border-style: solid;
+  border-width: 0.05em 0.1em;
+  border-radius: 0.05em;
+  z-index: 1;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-    background: #000;
-    border-color: #191626;
-    border-style: solid;
-	border-width: 0.05em 0.1em;
-	border-radius: 0.05em;	
-	margin: 0.1em 0.2em;
-	font-weight: bold;
+  text-justify: distribute;
+  background: #000;
+  border-color: #191626;
+  border-style: solid;
+  border-width: 0.05em 0.1em;
+  border-radius: 0.05em;
+  margin: 0.1em 0.2em;
+  font-weight: bold;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.2em);
-	height: 80%;
-	margin: auto;
-	border-color: #6a667f;
-    border-style: solid;
-	border-width: 0.05em 0.1em;
-	border-radius: 0.05em;	
-	background: #2a263f;
-	font-size: 1.5em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.2em);
+  height: 80%;
+  margin: auto;
+  border-color: #6a667f;
+  border-style: solid;
+  border-width: 0.05em 0.1em;
+  border-radius: 0.05em;
+  background: #2a263f;
+  font-size: 1.5em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
-	margin: 0.1em 0.2em;
-    line-height: 97%;
-    height: 83%;
-	background: #000;
-    border-color: #191626;
-    border-style: solid;
-	border-width: 0.05em 0.1em;
-	border-radius: 0.05em;	
+  padding: 1% 3.13%;
+  margin: 0.1em 0.2em;
+  line-height: 97%;
+  height: 83%;
+  background: #000;
+  border-color: #191626;
+  border-style: solid;
+  border-width: 0.05em 0.1em;
+  border-radius: 0.05em;
 }
 
 #client_chatwaiting {
-	display: block;
-	transform: rotate(90deg);
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-	line-height: 0.5;
-	animation: idling 1s steps(1) infinite;
+  display: block;
+  transform: rotate(90deg);
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  line-height: 0.5;
+  animation: idling 1s steps(1) infinite;
 }
 
 @keyframes idling {
-	0%,100% {
-		color: #000;
-	}
+  0%,
+  100% {
+    color: #000;
+  }
 
-	50% {
-		color: #fff;
-	}
+  50% {
+    color: #fff;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/homestuck.css b/webAO/styles/chatbox/homestuck.css
index e6eea68..c13c8ed 100644
--- a/webAO/styles/chatbox/homestuck.css
+++ b/webAO/styles/chatbox/homestuck.css
@@ -1,83 +1,83 @@
 .text_white {
-	color: #000;
+  color: #000;
 }
 
 .text_blue {
-	color: #0000EE;
+  color: #0000ee;
 }
 
 .text_green {
-	color: #38f43d;
+  color: #38f43d;
 }
 
 .text_red {
-	color: #ff0101;
+  color: #ff0101;
 }
 
 .text_orange {
-	color: #d6954b;
+  color: #d6954b;
 }
 
 .text_yellow {
-	color: #feef25;
+  color: #feef25;
 }
 
 .text_pink {
-	color: #ff067c;
+  color: #ff067c;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 25%;
-	width: 100%;
-	color: #000000;
-    font-family: "courier-std", courier, monospace;
-    font-weight: bold;
-    overflow-wrap: break-word;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 25%;
+  width: 100%;
+  color: #000000;
+  font-family: "courier-std", courier, monospace;
+  font-weight: bold;
+  overflow-wrap: break-word;
 }
 
 #client_name {
-    display: none;
+  display: none;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	width: 100%;
-	margin: auto;
-	height: 100%;
-	background-color: #EFEFEF;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  margin: auto;
+  height: 100%;
+  background-color: #efefef;
 }
 
 #client_inner_chat {
-    line-height: 1.35;
-    padding-right: 2em;
-    padding-left: 2em;
-    padding-bottom: 2em;
+  line-height: 1.35;
+  padding-right: 2em;
+  padding-left: 2em;
+  padding-bottom: 2em;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	left: 2%;
-	bottom: 2%;
+  display: block;
+  position: absolute;
+  left: 2%;
+  bottom: 2%;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/key.css b/webAO/styles/chatbox/key.css
index 4debe72..8a605ee 100644
--- a/webAO/styles/chatbox/key.css
+++ b/webAO/styles/chatbox/key.css
@@ -1,209 +1,227 @@
 .text_white {
-	color: rgb(255,255,255);
+  color: rgb(255, 255, 255);
 }
 
 .text_blue {
-	color: rgb(000,043,152);
+  color: rgb(000, 043, 152);
 }
 
 .text_green {
-	color: rgb(080,255,080);
+  color: rgb(080, 255, 080);
 }
 
 .text_red {
-	color: rgb(179,014,014);
+  color: rgb(179, 014, 014);
 }
 
 .text_orange {
-	color: rgb(255,116,088);
+  color: rgb(255, 116, 088);
 }
 
 .text_yellow {
-	color: rgb(255,255,200);
+  color: rgb(255, 255, 200);
 }
 
 .text_pink {
-	color: rgb(255,200,200);
+  color: rgb(255, 200, 200);
 }
 
 .text_cyan {
-	color: rgb(100,100,255);
+  color: rgb(100, 100, 255);
 }
 
 .text_cyan {
-	color: rgb(179,014,014);
+  color: rgb(179, 014, 014);
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 33%;
-	width: 100%;
-    filter: none;
-    font-family: "Verdana";
-	transition: height 1s linear;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 33%;
+  width: 100%;
+  filter: none;
+  font-family: "Verdana";
+  transition: height 1s linear;
 }
 
 #client_chatdecoration {
-    display: block;
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-	height: 80%;
-    background: rgba(000,000,080,0.5);    
-    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(000,000,80,0.5) 5%,rgba(000,000,080,0.5) 95%, rgba(0,0,0,0) 100%);
+  display: block;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 80%;
+  background: rgba(000, 000, 080, 0.5);
+  background: linear-gradient(
+    0deg,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(000, 000, 80, 0.5) 5%,
+    rgba(000, 000, 080, 0.5) 95%,
+    rgba(0, 0, 0, 0) 100%
+  );
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 2%;
-	top: 0;
-	height: 15%;
-    min-width: 4em;
-    font-size: 0.9em;
-	background: rgba(000,043,152,0.5);
-	margin: 0;
-	padding: 0.5% 3%;
-	border-color: #ca9d86;
-	border-style: ridge;
-	border-width: 0.1em;
-	border-radius: 0.15em;
-	z-index: 1;
+  display: block;
+  position: absolute;
+  left: 2%;
+  top: 0;
+  height: 15%;
+  min-width: 4em;
+  font-size: 0.9em;
+  background: rgba(000, 043, 152, 0.5);
+  margin: 0;
+  padding: 0.5% 3%;
+  border-color: #ca9d86;
+  border-style: ridge;
+  border-width: 0.1em;
+  border-radius: 0.15em;
+  z-index: 1;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-    margin: 0;
-    line-height: 100%;
-    text-shadow: 2px 2px black;
+  text-justify: distribute;
+  margin: 0;
+  line-height: 100%;
+  text-shadow: 2px 2px black;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 4%;
-	left: 3%;
-	width: 94%;
-	height: 70%;
-	margin: auto;
-	border-color: #ca9d86;
-	border-style: ridge;
-	border-width: 0.1em;
-	border-radius: 0.15em;
-	font-size: 1.6em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    scroll-behavior: smooth;
-    font-size: 75%;
+  display: block;
+  position: absolute;
+  bottom: 4%;
+  left: 3%;
+  width: 94%;
+  height: 70%;
+  margin: auto;
+  border-color: #ca9d86;
+  border-style: ridge;
+  border-width: 0.1em;
+  border-radius: 0.15em;
+  font-size: 1.6em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-size: 75%;
 }
 
 #client_inner_chat {
-    font-size: 1em;
-	margin: 1px;
-    line-height: 100%;
-    text-shadow: 2px 2px black;
-    padding: 1% 8%;
+  font-size: 1em;
+  margin: 1px;
+  line-height: 100%;
+  text-shadow: 2px 2px black;
+  padding: 1% 8%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-    line-height: 0.5;
-    color: #dba398;
-    animation: idling 0.4s linear infinite alternate;
-    transform: rotate(90deg);
+  display: block;
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  line-height: 0.5;
+  color: #dba398;
+  animation: idling 0.4s linear infinite alternate;
+  transform: rotate(90deg);
 }
 
 @keyframes idling {
-	0% {
-		transform: rotate(90deg) scaleY(0);
-	}
+  0% {
+    transform: rotate(90deg) scaleY(0);
+  }
 
-	100% {
-		transform: rotate(90deg) scaleY(1);
-	}
+  100% {
+    transform: rotate(90deg) scaleY(1);
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	position: absolute;
-	top: 1%;
-	left: 1%;
-	width: 12%;
-	height: 15%;
-	background: url("bricks.svg");
-	background-size: 1.5em;
-	border: #ffbe9f 3px ridge;
-	border-radius: 100%;
-	font-family: serif;
+  position: absolute;
+  top: 1%;
+  left: 1%;
+  width: 12%;
+  height: 15%;
+  background: url("bricks.svg");
+  background-size: 1.5em;
+  border: #ffbe9f 3px ridge;
+  border-radius: 100%;
+  font-family: serif;
 }
 
 #client_clock_month {
-	position: absolute;
-	width: 90%;
-	height: 15%;
-	left: 5%;
-	top: 8%;
-	margin: 0;
-	color: #52443c;
-	background: #ffb183;
-	border: 2px white outset;
-	border-radius: 100%;
-	text-shadow: -1px -1px 0 #d7e5d9, 1px -1px 0 #d7e5d9, -1px 1px 0 #d7e5d9, 1px 1px 0 #d7e5d9;
-	font-size: small;
-	line-height: 1;
-	font-size: 0.4em;
+  position: absolute;
+  width: 90%;
+  height: 15%;
+  left: 5%;
+  top: 8%;
+  margin: 0;
+  color: #52443c;
+  background: #ffb183;
+  border: 2px white outset;
+  border-radius: 100%;
+  text-shadow:
+    -1px -1px 0 #d7e5d9,
+    1px -1px 0 #d7e5d9,
+    -1px 1px 0 #d7e5d9,
+    1px 1px 0 #d7e5d9;
+  font-size: small;
+  line-height: 1;
+  font-size: 0.4em;
 }
 
 #client_clock_date {
-	position: absolute;
-	width: 80%;
-	height: 80%;
-	left: 10%;
-	top: 10%;
-	margin: 0;
-	color: #ffe;
-	text-shadow: -1px -1px 0 #78320b, 1px -1px 0 #78320b, -1px 1px 0 #78320b, 1px 1px 0 #78320b;
-	font-size: 1.5em;
-	background: rgba(255,255,255,0.7);
-	border-radius: 100%;
-	line-height: 1.8;
+  position: absolute;
+  width: 80%;
+  height: 80%;
+  left: 10%;
+  top: 10%;
+  margin: 0;
+  color: #ffe;
+  text-shadow:
+    -1px -1px 0 #78320b,
+    1px -1px 0 #78320b,
+    -1px 1px 0 #78320b,
+    1px 1px 0 #78320b;
+  font-size: 1.5em;
+  background: rgba(255, 255, 255, 0.7);
+  border-radius: 100%;
+  line-height: 1.8;
 }
 
 #client_clock_weekday {
-	position: absolute;
-	width: 25%;
-	height: 25%;
-	right: 0;
-	bottom: 0;
-	margin: 0;
-	color: #ccc;
-	text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
-	text-decoration: underline;
-	font-size: smaller;
-	font-weight: bold;
-	background-color: #c7856f;
-	border: #ffc89f 3px ridge;
-	border-radius: 100%;
-	line-height: 2;
-	font-size: 0.4em;
+  position: absolute;
+  width: 25%;
+  height: 25%;
+  right: 0;
+  bottom: 0;
+  margin: 0;
+  color: #ccc;
+  text-shadow:
+    -1px -1px 0 #333,
+    1px -1px 0 #333,
+    -1px 1px 0 #333,
+    1px 1px 0 #333;
+  text-decoration: underline;
+  font-size: smaller;
+  font-weight: bold;
+  background-color: #c7856f;
+  border: #ffc89f 3px ridge;
+  border-radius: 100%;
+  line-height: 2;
+  font-size: 0.4em;
 }
 
 #client_clock_time {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css
index debbcb3..d0d6d5f 100644
--- a/webAO/styles/chatbox/legacy.css
+++ b/webAO/styles/chatbox/legacy.css
@@ -1,97 +1,97 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_green {
-	color: #0f0;
+  color: #0f0;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #ffa500;
+  color: #ffa500;
 }
 
 .text_blue {
-	color: #4596ff;
+  color: #4596ff;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 40%;
-	width: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 40%;
+  width: 100%;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: 16%;
-	border: 1px solid rgba(255, 255, 255, 0.7);
-	border-radius: 3px;
-	background: rgba(73, 0, 254, 0.5);	
-	padding: 0px 6px;
-	z-index: 1;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 16%;
+  border: 1px solid rgba(255, 255, 255, 0.7);
+  border-radius: 3px;
+  background: rgba(73, 0, 254, 0.5);
+  padding: 0px 6px;
+  z-index: 1;
 }
 
 #client_inner_name {
-	margin: 0;
+  margin: 0;
 }
 
 #client_chat {
-	position: absolute;
-	display: block;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 4px);	
-	height: 80%;
-	border: 2px solid rgba(255, 255, 255, 0.7);
-	border-radius: 4px;
-	background-color: rgba(0, 0, 0, 0.5);
-	margin: auto;		
-	font-size: 1em;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  position: absolute;
+  display: block;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 4px);
+  height: 80%;
+  border: 2px solid rgba(255, 255, 255, 0.7);
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.5);
+  margin: auto;
+  font-size: 1em;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	margin: 4px;
+  margin: 4px;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/n64zelda.css b/webAO/styles/chatbox/n64zelda.css
index 35187f0..9a12743 100644
--- a/webAO/styles/chatbox/n64zelda.css
+++ b/webAO/styles/chatbox/n64zelda.css
@@ -1,117 +1,118 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-    color: #505aff;
+  color: #505aff;
 }
 
 .text_green {
-	color: #46ff50;
+  color: #46ff50;
 }
 
 .text_red {
-	color: #ff3c3c;
+  color: #ff3c3c;
 }
 
 .text_orange {
-	color: #ff7800;
+  color: #ff7800;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ff96b4;
+  color: #ff96b4;
 }
 
 .text_cyan {
-	color: #64b4ff;
+  color: #64b4ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 @font-face {
-	font-family: 'ChiaroWeb';
-	src: url('https://github.com/ngarces/FE15-Text-Simulator/raw/master/FOT-ChiaroStd-B.otf') format('opentype');
-	font-weight: normal;
-	font-style: normal;
+  font-family: "ChiaroWeb";
+  src: url("https://github.com/ngarces/FE15-Text-Simulator/raw/master/FOT-ChiaroStd-B.otf")
+    format("opentype");
+  font-weight: normal;
+  font-style: normal;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 25%;
-	width: 100%;
-	filter: none;
-	font-family: "FOT-Chiaro Std", "ChiaroWeb", "Arial", sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 25%;
+  width: 100%;
+  filter: none;
+  font-family: "FOT-Chiaro Std", "ChiaroWeb", "Arial", sans-serif;
 }
 
 #client_name {
-	display: none;
+  display: none;
 }
 
 #client_inner_name {
-	display: none;
+  display: none;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 2%;
-	left: 10%;
-	width: 80%;
-	height: 100%;
-	margin: auto;
-	border-radius: 0.5em;
-	background: rgba(0,0,0,0.7);
-	font-size: 1.3em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-    text-align: center;
-    line-height: 120%;	
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 2%;
+  left: 10%;
+  width: 80%;
+  height: 100%;
+  margin: auto;
+  border-radius: 0.5em;
+  background: rgba(0, 0, 0, 0.7);
+  font-size: 1.3em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: center;
+  line-height: 120%;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 5%;
-    margin: 0;
-    text-shadow: 0.1em 0.05em 0.1em #000;
-    overflow: hidden;
+  padding: 1% 5%;
+  margin: 0;
+  text-shadow: 0.1em 0.05em 0.1em #000;
+  overflow: hidden;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	transform: rotate(90deg);
-	left: 50%;
-	bottom: -5%;	
-    line-height: 0.5;
-    color: #0c5cd4;
-	animation: idling 0.5s linear infinite alternate;
+  display: block;
+  position: absolute;
+  transform: rotate(90deg);
+  left: 50%;
+  bottom: -5%;
+  line-height: 0.5;
+  color: #0c5cd4;
+  animation: idling 0.5s linear infinite alternate;
 }
 
 @keyframes idling {
-	from {
-        color: #0c5cd4;
-        text-shadow: none;
-	}
+  from {
+    color: #0c5cd4;
+    text-shadow: none;
+  }
 
-	to {
-        color: #3282ff;
-        text-shadow: 0 0 0.2em #3282ff;
-	}
+  to {
+    color: #3282ff;
+    text-shadow: 0 0 0.2em #3282ff;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/p3.css b/webAO/styles/chatbox/p3.css
index c9234b6..2e6decf 100644
--- a/webAO/styles/chatbox/p3.css
+++ b/webAO/styles/chatbox/p3.css
@@ -1,121 +1,121 @@
 .text_white {
-	color: #50545c;
+  color: #50545c;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #5c1d1b;
+  color: #5c1d1b;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 1%;
-	height: 30%;
-	width: 97%;
-	width: calc(98% - 0.3em);
-	border-color: #d9e2f9;
-	border-style: solid;
-	border-width: 0.15em;
-	border-radius: 75% / 25%;
-	background-color: #aaaeb4;
-	font-family: sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 1%;
+  height: 30%;
+  width: 97%;
+  width: calc(98% - 0.3em);
+  border-color: #d9e2f9;
+  border-style: solid;
+  border-width: 0.15em;
+  border-radius: 75% / 25%;
+  background-color: #aaaeb4;
+  font-family: sans-serif;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 3%;
-	top: 9%;
-	height: 15%;
-	color: #5c1d1b;
-	z-index: 1;
+  display: block;
+  position: absolute;
+  left: 3%;
+  top: 9%;
+  height: 15%;
+  color: #5c1d1b;
+  z-index: 1;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	margin: 0;
-	font-weight: bold;
+  text-justify: distribute;
+  margin: 0;
+  font-weight: bold;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 6%;
-	left: 2%;
-	width: 96%;
-	height: 68%;
-	margin: 0;
-	font-size: 1.5em;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 6%;
+  left: 2%;
+  width: 96%;
+  height: 68%;
+  margin: 0;
+  font-size: 1.5em;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding-left: 3%;
-	padding-right: 8%;
-	margin: 0;
-	line-height: 97%;
+  padding-left: 3%;
+  padding-right: 8%;
+  margin: 0;
+  line-height: 97%;
 }
 
 #client_chatwaiting {
-    display: block;
-    transform: rotate(90deg);
-	position: absolute;
-	right: 2%;
-	bottom: 0.5em;
-	line-height: 0.5;
-	color: #6a6c72;
-	animation: appear_down 0.5s linear;
+  display: block;
+  transform: rotate(90deg);
+  position: absolute;
+  right: 2%;
+  bottom: 0.5em;
+  line-height: 0.5;
+  color: #6a6c72;
+  animation: appear_down 0.5s linear;
 }
 
 @keyframes appear_down {
-	0% {
-        bottom: 5em;
-        opacity: 0;
-	}
+  0% {
+    bottom: 5em;
+    opacity: 0;
+  }
 
-	100% {
-        bottom: 0.5em;
-        opacity: 1;
-	}
+  100% {
+    bottom: 0.5em;
+    opacity: 1;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css
index e31ffe7..88b403d 100644
--- a/webAO/styles/chatbox/p4.css
+++ b/webAO/styles/chatbox/p4.css
@@ -1,119 +1,119 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_green {
-	color: #0f0;
+  color: #0f0;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #ffa500;
+  color: #ffa500;
 }
 
 .text_blue {
-	color: #b3b2fa;
+  color: #b3b2fa;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 30%;
-	bottom: 0;
-	left: 0;
-	font-family: "FOT-Skip Std", Arial, sans-serif;
-	line-height: 1;
+  position: absolute;
+  width: 100%;
+  height: 30%;
+  bottom: 0;
+  left: 0;
+  font-family: "FOT-Skip Std", Arial, sans-serif;
+  line-height: 1;
 }
 
 #client_chatdecoration {
-    transform: rotate(5deg);
-	display: block;
-	padding: 0 0.45em;
-	height: 82%;
-	width: 89%;
-    background: #ffe92b;
-    background: linear-gradient(to right,#ffea2b, #ffe92b);
-	border-radius: 0.1em;
-	left: 7%;
-	top: 0;
-	position: absolute;
+  transform: rotate(5deg);
+  display: block;
+  padding: 0 0.45em;
+  height: 82%;
+  width: 89%;
+  background: #ffe92b;
+  background: linear-gradient(to right, #ffea2b, #ffe92b);
+  border-radius: 0.1em;
+  left: 7%;
+  top: 0;
+  position: absolute;
 }
 
 #client_name {
-    transform: rotate(4deg);
-	display: block;
-	padding: 0 0.45em;
-	height: 83%;
-	width: 92.25%;
-	text-align: left;
-	color: #512f15;
-    background: #fe9e18;
-	background: linear-gradient(to right,#fdac20, #ff5900);
-	border-radius: 0.1em;
-	left: 3%;
-	top: 1%;
-	position: absolute;
+  transform: rotate(4deg);
+  display: block;
+  padding: 0 0.45em;
+  height: 83%;
+  width: 92.25%;
+  text-align: left;
+  color: #512f15;
+  background: #fe9e18;
+  background: linear-gradient(to right, #fdac20, #ff5900);
+  border-radius: 0.1em;
+  left: 3%;
+  top: 1%;
+  position: absolute;
 }
 
 #client_inner_name {
-    transform: rotate(-4deg);
-    position: absolute;
-	margin: 0;
-	padding: 1% 0.5%;
+  transform: rotate(-4deg);
+  position: absolute;
+  margin: 0;
+  padding: 1% 0.5%;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 95%;
-	margin: auto;
-	height: 85%;
-    border-radius: 0.1em;
-	background: linear-gradient(to right,#615338,#917e56 50%,#615338 100%);
-	bottom: 4%;
-	left: 2.5%;
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    z-index: 1;
+  font-size: 1em;
+  display: block;
+  width: 95%;
+  margin: auto;
+  height: 85%;
+  border-radius: 0.1em;
+  background: linear-gradient(to right, #615338, #917e56 50%, #615338 100%);
+  bottom: 4%;
+  left: 2.5%;
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  z-index: 1;
 }
 
 #client_inner_chat {
-	margin: 0;
-	padding: 1% 5%;
-	line-height: 125%;
-	word-spacing: 0.2em;
+  margin: 0;
+  padding: 1% 5%;
+  line-height: 125%;
+  word-spacing: 0.2em;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/p5.css b/webAO/styles/chatbox/p5.css
index 112c521..86bc3d5 100644
--- a/webAO/styles/chatbox/p5.css
+++ b/webAO/styles/chatbox/p5.css
@@ -1,115 +1,115 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #05fcf6;
+  color: #05fcf6;
 }
 
 .text_green {
-	color: #98f548;
+  color: #98f548;
 }
 
 .text_red {
-	color: #ff3a3a;
+  color: #ff3a3a;
 }
 
 .text_orange {
-	color: #fcb405;
+  color: #fcb405;
 }
 
 .text_yellow {
-	color: #eef540;
+  color: #eef540;
 }
 
 .text_pink {
-	color: #d459c3;
+  color: #d459c3;
 }
 
 .text_cyan {
-	color: #5ce1c2;
+  color: #5ce1c2;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	height: 35%;
-    width: 100%;
-    font-family: sans-serif;
-	background-image: url("p5.svg");
-	background-size: cover;
- 	background-repeat: no-repeat;
+  position: absolute;
+  bottom: 0;
+  height: 35%;
+  width: 100%;
+  font-family: sans-serif;
+  background-image: url("p5.svg");
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 #client_name {
-	display: block;
-	top: 13%;
-    left: 2%;
-	padding: 0 10px;
-	height: 22%;
-    width: 25%;
-	position: absolute;
+  display: block;
+  top: 13%;
+  left: 2%;
+  padding: 0 10px;
+  height: 22%;
+  width: 25%;
+  position: absolute;
 }
 
 #client_inner_name {
-	margin: 0;
-	padding: 5% 0;
-    transform: rotate(-15deg);
-    color: black;
+  margin: 0;
+  padding: 5% 0;
+  transform: rotate(-15deg);
+  color: black;
 }
 
 #client_chat {
-	display: block;
-	width: 75%;
-	margin: auto;
-	height: 55%;
-    left: 20%;
-	bottom: 10%;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  width: 75%;
+  margin: auto;
+  height: 55%;
+  left: 20%;
+  bottom: 10%;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3%;
-	margin: 0;
+  padding: 1% 3%;
+  margin: 0;
 }
 
 #client_chatwaiting {
-	display: block;
-	right: 1em;
-	bottom: 0.6em;
-	width: 1em;
-	position: absolute;
-	animation: idling 1s linear infinite;
+  display: block;
+  right: 1em;
+  bottom: 0.6em;
+  width: 1em;
+  position: absolute;
+  animation: idling 1s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/papermario.css b/webAO/styles/chatbox/papermario.css
index 587fcd1..d19903d 100644
--- a/webAO/styles/chatbox/papermario.css
+++ b/webAO/styles/chatbox/papermario.css
@@ -1,101 +1,101 @@
 .text_white {
-	color: #2b2b23;
+  color: #2b2b23;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #ae0d05;
+  color: #ae0d05;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	height: 30%;
-	bottom: 0;
-	left: 0;
-    font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif;
+  position: absolute;
+  width: 100%;
+  height: 30%;
+  bottom: 0;
+  left: 0;
+  font-family: "FOT-PopJoy Std", "Comic Sans", sans-serif;
 }
 
 #client_name {
-	display: none
+  display: none;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 94%;
-	margin: auto;
-    height: 100%;
-    border: 0.1em outset #fff;
-    border-radius: 100em;
-	background: #deded6;
-	bottom: 0;
-	left: 3%;
-	position: absolute;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  font-size: 1em;
+  display: block;
+  width: 94%;
+  margin: auto;
+  height: 100%;
+  border: 0.1em outset #fff;
+  border-radius: 100em;
+  background: #deded6;
+  bottom: 0;
+  left: 3%;
+  position: absolute;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 10%;
-	margin: 0;
-	line-height: 130%;
+  padding: 1% 10%;
+  margin: 0;
+  line-height: 130%;
 }
 
 #client_chatwaiting {
-    display: none;
-    position: absolute;
-	right: 4%;
-	bottom: 10%;
-	line-height: 0.5;
-    color: #dece52;
-	animation: idling 0.5s ease-in-out infinite alternate;
+  display: none;
+  position: absolute;
+  right: 4%;
+  bottom: 10%;
+  line-height: 0.5;
+  color: #dece52;
+  animation: idling 0.5s ease-in-out infinite alternate;
 }
 
 @keyframes idling {
-	from {
-		transform: rotate(-20deg);
-	}
+  from {
+    transform: rotate(-20deg);
+  }
 
-	to {
-		transform: rotate(20deg);
-	}
+  to {
+    transform: rotate(20deg);
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/plvsaa.css b/webAO/styles/chatbox/plvsaa.css
index a656e9b..5339db9 100644
--- a/webAO/styles/chatbox/plvsaa.css
+++ b/webAO/styles/chatbox/plvsaa.css
@@ -1,113 +1,117 @@
 .text_white {
-	color: #120f09;
+  color: #120f09;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 @font-face {
-	font-family: 'Cabin Condensed';
-	font-style: normal;
-	font-weight: 400;
-	font-display: swap;
-	src: local('Cabin Condensed'), local('CabinCondensed-Regular'), url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2) format('woff2');
+  font-family: "Cabin Condensed";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local("Cabin Condensed"),
+    local("CabinCondensed-Regular"),
+    url(https://fonts.gstatic.com/s/cabincondensed/v13/nwpMtK6mNhBK2err_hqkYhHRqmwqZ-LY.woff2)
+      format("woff2");
 }
 
 #client_chatcontainer {
-	font-family: 'Cabin Condensed', sans-serif;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 35%;
-	width: 100%;
+  font-family: "Cabin Condensed", sans-serif;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 35%;
+  width: 100%;
 }
 
 #client_name {
-    display: block;
-    left: 2%;
-    top: 0;
-    height: 20%;
-    min-width: 15%;
-	padding: 0px 6px;	
-	image-rendering: crisp-edges;
-	border-image-source: url("plvspw_name.png");
-    border-image-slice: 6 fill;
-	border-image-width: 0.4em;
-	position: absolute;
-	font-weight: bold;
-	-webkit-text-stroke: 0.02em #000;
-	z-index: 1;
+  display: block;
+  left: 2%;
+  top: 0;
+  height: 20%;
+  min-width: 15%;
+  padding: 0px 6px;
+  image-rendering: crisp-edges;
+  border-image-source: url("plvspw_name.png");
+  border-image-slice: 6 fill;
+  border-image-width: 0.4em;
+  position: absolute;
+  font-weight: bold;
+  -webkit-text-stroke: 0.02em #000;
+  z-index: 1;
 }
 
 #client_inner_name {
-	margin: 1px;
-	padding: 0 0.4em;
+  margin: 1px;
+  padding: 0 0.4em;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-    width: 99%;
-    width: calc(100% - 0.4em);
-	margin: auto;
-    height: 80%;
-	image-rendering: crisp-edges;
-    border-image-source: url("plvspw.png");
-    border-image-slice: 10 fill;
-	border-image-width: 0.4em;
-	bottom: 0;
-	left: 0.2em;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  font-size: 1em;
+  display: block;
+  width: 99%;
+  width: calc(100% - 0.4em);
+  margin: auto;
+  height: 80%;
+  image-rendering: crisp-edges;
+  border-image-source: url("plvspw.png");
+  border-image-slice: 10 fill;
+  border-image-width: 0.4em;
+  bottom: 0;
+  left: 0.2em;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	margin: 0.1em;
-	padding: 0.3em 0.6em;
+  margin: 0.1em;
+  padding: 0.3em 0.6em;
 }
 
 #client_chatwaiting {
-	display: none;
+  display: none;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/sonic.css b/webAO/styles/chatbox/sonic.css
index 2da4aaf..ba5d1e9 100644
--- a/webAO/styles/chatbox/sonic.css
+++ b/webAO/styles/chatbox/sonic.css
@@ -1,128 +1,128 @@
 .text_white {
-    color: #2e2315;
+  color: #2e2315;
 }
 
 .text_blue {
-    color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-    color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-    color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-    color: #ee7600;
+  color: #ee7600;
 }
 
 .text_yellow {
-    color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-    color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-    color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 30%;
-	width: 100%;
-	filter: none;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 30%;
+  width: 100%;
+  filter: none;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 6%;
-	top: 0;
-	height: 16%;
-	min-width: 5em;	
-	font-size: 1em;
-	background: #5c4200;
-	margin: 0;
-    z-index: 1;
-	border-radius: 0.25em;	
-    font-weight: bold;
-    text-transform: uppercase;
+  display: block;
+  position: absolute;
+  left: 6%;
+  top: 0;
+  height: 16%;
+  min-width: 5em;
+  font-size: 1em;
+  background: #5c4200;
+  margin: 0;
+  z-index: 1;
+  border-radius: 0.25em;
+  font-weight: bold;
+  text-transform: uppercase;
 }
 
 #client_inner_name {
-	text-justify: distribute;
-	line-height: 100%;
-    margin: 0;
-    color: white;
+  text-justify: distribute;
+  line-height: 100%;
+  margin: 0;
+  color: white;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 98%;
-	width: calc(100% - 0.27em);
-	height: 98%;
-	margin: auto;
-	border: solid #a99460 0.15em;
-	border-radius: 0.25em;
-    background-color: #e3dab6;
-    font-size: 1em;
-    font-weight: 600;
-    text-shadow: 0 1px #FFF;
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 98%;
+  width: calc(100% - 0.27em);
+  height: 98%;
+  margin: auto;
+  border: solid #a99460 0.15em;
+  border-radius: 0.25em;
+  background-color: #e3dab6;
+  font-size: 1em;
+  font-weight: 600;
+  text-shadow: 0 1px #fff;
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 8% 6%;
-	margin: 1px;
-	line-height: 100%;
+  padding: 8% 6%;
+  margin: 1px;
+  line-height: 100%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	right: 2%;
-	bottom: 15%;
-    color: #5c4200;
-	transform: rotate(90deg);
-	animation: idling 0.4s linear infinite;
+  display: block;
+  position: absolute;
+  right: 2%;
+  bottom: 15%;
+  color: #5c4200;
+  transform: rotate(90deg);
+  animation: idling 0.4s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0;
-	}
+  0% {
+    right: 0;
+  }
 
-	50% {
-		right: 2%;
-	}
+  50% {
+    right: 2%;
+  }
 
-	100% {
-		right: 0;
-	}
+  100% {
+    right: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css
index db68133..db9e769 100644
--- a/webAO/styles/chatbox/trilogy.css
+++ b/webAO/styles/chatbox/trilogy.css
@@ -1,121 +1,122 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_green {
-	color: #00c900;
+  color: #00c900;
 }
 
 .text_red {
-	color: #ff1700;
+  color: #ff1700;
 }
 
 .text_orange {
-	color: #ffa500;
+  color: #ffa500;
 }
 
 .text_blue {
-	color: #67b7ed;
+  color: #67b7ed;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	height: 30%;
-	width: 100%;
-    font-family: "FOTK-Yoon Mincho 740", serif;
+  position: absolute;
+  bottom: 0;
+  height: 30%;
+  width: 100%;
+  font-family: "FOTK-Yoon Mincho 740", serif;
 }
 
 #client_name {
-    display: block;
-    top: 0;
-    left: 5%;
-	padding: 0 3em;
-    height: 23%;
-    min-width: 10%;
-	border-image-source: url('trilogy.svg');
-	border-image-slice: 3 fill;
-	border-image-width: 30px;
-    position: absolute;
-    z-index: 1;
+  display: block;
+  top: 0;
+  left: 5%;
+  padding: 0 3em;
+  height: 23%;
+  min-width: 10%;
+  border-image-source: url("trilogy.svg");
+  border-image-slice: 3 fill;
+  border-image-width: 30px;
+  position: absolute;
+  z-index: 1;
 }
 
 #client_inner_name {
-	margin: 0;
+  margin: 0;
 }
 
 #client_chat {
-	font-size: 1em;
-	display: block;
-	width: 100%;
-	margin: auto;
-	height: 80%;
-	top: 10%;
-	position: absolute;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    scroll-behavior: smooth;
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=) repeat;
-    border-top: 1px solid white;
-	border-bottom: 0.1em solid white;
-    border-style: solid none solid none;
+  font-size: 1em;
+  display: block;
+  width: 100%;
+  margin: auto;
+  height: 80%;
+  top: 10%;
+  position: absolute;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAL0lEQVQImWOQ98nYzGsVupnXKnSzvE8GCmaASWBTgF8S3VhkNgOySnRTiJdENxYAYC1Ff2vnYrkAAAAASUVORK5CYII=)
+    repeat;
+  border-top: 1px solid white;
+  border-bottom: 0.1em solid white;
+  border-style: solid none solid none;
 }
 
 #client_inner_chat {
-	margin: 4px;
-	padding: 2% 5%;
+  margin: 4px;
+  padding: 2% 5%;
 }
 
 #client_chatwaiting {
-    display: block;
-    color: transparent;
-	right: 0.6em;
-	bottom: 0.6em;
-    width: 1em;
-    height: 1em;
-    background-image: url("chatwaiting_triology.svg");
-    background-size: contain;
-	position: absolute;
-	animation: idling 0.5s ease infinite;
+  display: block;
+  color: transparent;
+  right: 0.6em;
+  bottom: 0.6em;
+  width: 1em;
+  height: 1em;
+  background-image: url("chatwaiting_triology.svg");
+  background-size: contain;
+  position: absolute;
+  animation: idling 0.5s ease infinite;
 }
 
 @keyframes idling {
-	0% {
-		right: 0.6em;
-	}
+  0% {
+    right: 0.6em;
+  }
 
-	25% {
-		right: 0.7em;
-    }
+  25% {
+    right: 0.7em;
+  }
 
-	100% {
-		right: 0.6em;
-	}
+  100% {
+    right: 0.6em;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/whentheycry.css b/webAO/styles/chatbox/whentheycry.css
index 1a08e27..f836d4b 100644
--- a/webAO/styles/chatbox/whentheycry.css
+++ b/webAO/styles/chatbox/whentheycry.css
@@ -1,114 +1,118 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #18cbef;
+  color: #18cbef;
 }
 
 .text_green {
-	color: #84fb08;
+  color: #84fb08;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #f76918;
+  color: #f76918;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	top: 0;
-    left: 0;
-	height: 100%;
-    width: 100%;
-    font-family: sans-serif;
-	background: rgba(0,0,0,0.25);
-    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
-    transition-property: opacity;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  font-family: sans-serif;
+  background: rgba(0, 0, 0, 0.25);
+  text-shadow:
+    -1px -1px 0 #000,
+    1px -1px 0 #000,
+    -1px 1px 0 #000,
+    1px 1px 0 #000;
+  transition-property: opacity;
 }
 
 #client_name {
-	display: none;
-}
-
-#client_chat {	
-    position: absolute;
-	display: block;
-    top: 5%;
-    left: 5%;
-	width: 90%;
-	height: 90%;
-	margin: auto;
-	font-size: 1em;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: none;
+}
+
+#client_chat {
+  position: absolute;
+  display: block;
+  top: 5%;
+  left: 5%;
+  width: 90%;
+  height: 90%;
+  margin: auto;
+  font-size: 1em;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 0;
-	margin: 0;
+  padding: 0;
+  margin: 0;
 }
 
 #client_chatwaiting {
-	display: block;
-    position: relative;
-	left: 0;
-	top: 0;
-	width: 1em;	
-    height: 1em;	
-    color: transparent;
-	text-shadow: none;
-    image-rendering: crisp-edges;
-	image-rendering: pixelated;
-    background-image: url("chatwaiting_whentheycry.png");
-	background-size: contain;
-	animation: idling 1s steps(2) alternate infinite;
+  display: block;
+  position: relative;
+  left: 0;
+  top: 0;
+  width: 1em;
+  height: 1em;
+  color: transparent;
+  text-shadow: none;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
+  background-image: url("chatwaiting_whentheycry.png");
+  background-size: contain;
+  animation: idling 1s steps(2) alternate infinite;
 }
 
 @keyframes idling {
-	0% {
-		left: 0;
-        top: 0;
-	}
+  0% {
+    left: 0;
+    top: 0;
+  }
 
-	50% {
-		left: 0.1em;
-        top: 0.2em;
-	}
+  50% {
+    left: 0.1em;
+    top: 0.2em;
+  }
 
-	100% {
-		left: 0.2em;
-        top: 0;
-	}
+  100% {
+    left: 0.2em;
+    top: 0;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/yakuza.css b/webAO/styles/chatbox/yakuza.css
index 40da26c..cf217d6 100644
--- a/webAO/styles/chatbox/yakuza.css
+++ b/webAO/styles/chatbox/yakuza.css
@@ -1,111 +1,125 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #6bc6f7;
+  color: #6bc6f7;
 }
 
 .text_green {
-	color: #00f700;
+  color: #00f700;
 }
 
 .text_red {
-	color: #f00;
+  color: #f00;
 }
 
 .text_orange {
-	color: #f77339;
+  color: #f77339;
 }
 
 .text_yellow {
-	color: #ff0;
+  color: #ff0;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 25%;
-	width: 100%;
-    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
-    text-align: left;
-    font-family: Verdana, Geneva, Tahoma, sans-serif;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 25%;
+  width: 100%;
+  text-shadow:
+    -1px -1px 0 #000,
+    1px -1px 0 #000,
+    -1px 1px 0 #000,
+    1px 1px 0 #000;
+  text-align: left;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	left: 0;
-	top: 0;
-	height: 15%;
-	width: 100%;	
-	background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0));
-    border-left: 0.3em solid #e3dcc5;
-    font-size: 0.6em;
-    z-index: 1;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 15%;
+  width: 100%;
+  background: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0.8),
+    rgba(0, 0, 0, 0),
+    rgba(0, 0, 0, 0)
+  );
+  border-left: 0.3em solid #e3dcc5;
+  font-size: 0.6em;
+  z-index: 1;
 }
 
 #client_inner_name {
-    text-justify: distribute;
-    padding: 0 3%;
-	margin: 0;
+  text-justify: distribute;
+  padding: 0 3%;
+  margin: 0;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	width: 100%;
-	height: 85%;
-    border-top: 0.1em solid rgba(100,100,100,0.5);
-    box-shadow: inset 0 0.2em 0.2em 0 rgba(0,0,0,0.75);
-	background: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
-	word-break: keep-all;
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-    scroll-behavior: smooth;
-    font-size: 0.6em;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 85%;
+  border-top: 0.1em solid rgba(100, 100, 100, 0.5);
+  box-shadow: inset 0 0.2em 0.2em 0 rgba(0, 0, 0, 0.75);
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 0, 0, 0.8),
+    rgba(0, 0, 0, 0.4),
+    rgba(0, 0, 0, 0)
+  );
+  word-break: keep-all;
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
+  font-size: 0.6em;
 }
 
 #client_inner_chat {
-    margin: 0;
-	padding: 2% 12%;
+  margin: 0;
+  padding: 2% 12%;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	color: transparent;
-	text-shadow: none;
-	right: 4em;
-	bottom: 35%;
-    width: 1.5em;
-    height: 1.5em;
-    background-image: url("x_button.svg");
-	background-size: contain;
-	transition: opacity 0.2s;
+  display: block;
+  position: absolute;
+  color: transparent;
+  text-shadow: none;
+  right: 4em;
+  bottom: 35%;
+  width: 1.5em;
+  height: 1.5em;
+  background-image: url("x_button.svg");
+  background-size: contain;
+  transition: opacity 0.2s;
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css
index 22a9aae..c9ef723 100644
--- a/webAO/styles/chatbox/yttd.css
+++ b/webAO/styles/chatbox/yttd.css
@@ -1,123 +1,127 @@
 .text_white {
-	color: #fff;
+  color: #fff;
 }
 
 .text_blue {
-	color: #93bbe6;
+  color: #93bbe6;
 }
 
 .text_green {
-	color: #6ab057;
+  color: #6ab057;
 }
 
 .text_red {
-	color: #e1522a;
+  color: #e1522a;
 }
 
 .text_orange {
-	color: #cf714c;
+  color: #cf714c;
 }
 
 .text_yellow {
-	color: #fef9ad;
+  color: #fef9ad;
 }
 
 .text_pink {
-	color: #ffc0cb;
+  color: #ffc0cb;
 }
 
 .text_cyan {
-	color: #0ff;
+  color: #0ff;
 }
 
 .text_grey {
-	color: #bbb;
+  color: #bbb;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	height: 41%;
-	width: 100%;
-	filter: none;
-	font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif;
-	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: 41%;
+  width: 100%;
+  filter: none;
+  font-family: "DejaVu Sans Mono", "BIZ UDGothic", "Consolas", sans-serif;
+  text-shadow:
+    -1px 0 black,
+    0 1px black,
+    1px 0 black,
+    0 -1px black;
 }
 
 #client_name {
-	display: block;
-	position: absolute;
-	top: 0;
-	left: 0;	
-	height: 30%;
-	min-width: 10%;
-	background-color: rgba(0, 0, 0, 0.6);	
-	border-image-source: url("yttd.png");
-    border-image-slice: 20;
-	border-image-width: 20px;
-	border-width: 20px;
-	padding: 0 2%;
-	z-index: 1;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 30%;
+  min-width: 10%;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-image-source: url("yttd.png");
+  border-image-slice: 20;
+  border-image-width: 20px;
+  border-width: 20px;
+  padding: 0 2%;
+  z-index: 1;
 }
 
 #client_inner_name {
-	line-height: 0.6em;
-	color: #fef9ad;
+  line-height: 0.6em;
+  color: #fef9ad;
 }
 
 #client_chat {
-	display: block;
-	position: absolute;
-	bottom: 0;
-	width: 99.9%;
-	margin: auto;
-	height: 70%;
-	border-image-source: url("yttd.png");
-    border-image-slice: 20;
-	border-image-width: 20px;
-	border-width: 20px;
-	background-color: rgba(0, 0, 0, 0.6);
-	overflow-wrap: break-word;
-	text-align: left;
-	overflow: hidden;
-	scroll-behavior: smooth;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  width: 99.9%;
+  margin: auto;
+  height: 70%;
+  border-image-source: url("yttd.png");
+  border-image-slice: 20;
+  border-image-width: 20px;
+  border-width: 20px;
+  background-color: rgba(0, 0, 0, 0.6);
+  overflow-wrap: break-word;
+  text-align: left;
+  overflow: hidden;
+  scroll-behavior: smooth;
 }
 
 #client_inner_chat {
-	padding: 1% 3.13%;
-	margin: 1px;
-	font-size: 1.3em;
+  padding: 1% 3.13%;
+  margin: 1px;
+  font-size: 1.3em;
 }
 
 #client_chatwaiting {
-	display: block;
-	position: absolute;
-	transform: rotate(90deg) scale(1, 2);
-	left: 50%;
-	bottom: 0px;	
-	line-height: 0.5;
-	animation: idling 1s linear infinite;
+  display: block;
+  position: absolute;
+  transform: rotate(90deg) scale(1, 2);
+  left: 50%;
+  bottom: 0px;
+  line-height: 0.5;
+  animation: idling 1s linear infinite;
 }
 
 @keyframes idling {
-	0% {
-		bottom: 2px;
-	}
+  0% {
+    bottom: 2px;
+  }
 
-	50% {
-		bottom: 0px;
-	}
+  50% {
+    bottom: 0px;
+  }
 
-	100% {
-		bottom: 2px;
-	}
+  100% {
+    bottom: 2px;
+  }
 }
 
 #client_trackstatus {
-	display: none;
+  display: none;
 }
 
 #client_clock {
-	display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/classic.css b/webAO/styles/classic.css
index d3199cd..325041e 100644
--- a/webAO/styles/classic.css
+++ b/webAO/styles/classic.css
@@ -1,206 +1,231 @@
 body {
-	font-family: "Igiari Cyrillic", "Ace Attorney", "MS PGothic", "MS UI Gothic", "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow", "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
+  font-family: "Igiari Cyrillic", "Ace Attorney", "MS PGothic", "MS UI Gothic",
+    "MS Sans Serif", "Hiragino Maru Gothic Pro", "Mitra Mono", "Mukti Narrow",
+    "Meera", "Khmer OS", "FreeSans", "Gargi", sans-serif;
 }
 
 /* Webfont CSS setup for Igiari by Caveras */
 @font-face {
-	font-family: 'Igiari Cyrillic';
-	src: url('./igiari/igiari-cyrillic.ttf');
-	font-weight: normal;
-	font-style: normal;
+  font-family: "Igiari Cyrillic";
+  src: url("./igiari/igiari-cyrillic.ttf");
+  font-weight: normal;
+  font-style: normal;
 }
 
 img {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
 }
 
 hr {
-	height: 6px;
-	width: 100%;
-	background-color: #c6c6c6;
-	background: repeating-linear-gradient(to right, #f7f7f7, #f7f7f7 1px, #8c8c8c 1px, #8c8c8c 2px, #c6c6c6 2px, #c6c6c6 16px);
-	margin: 0;
+  height: 6px;
+  width: 100%;
+  background-color: #c6c6c6;
+  background: repeating-linear-gradient(
+    to right,
+    #f7f7f7,
+    #f7f7f7 1px,
+    #8c8c8c 1px,
+    #8c8c8c 2px,
+    #c6c6c6 2px,
+    #c6c6c6 16px
+  );
+  margin: 0;
 }
 
 #evi_name {
-	background-color: #393939;
-	color: #ffad18;
-	border: none;
+  background-color: #393939;
+  color: #ffad18;
+  border: none;
 }
 
 #evi_desc {
-	flex: 1 auto;
-	border-top: 1px solid #6b946b;
-	border-left: 1px solid #6b946b;
-	border-right: none;
-	border-bottom: none;
-	background-color: #9cc694;
+  flex: 1 auto;
+  border-top: 1px solid #6b946b;
+  border-left: 1px solid #6b946b;
+  border-right: none;
+  border-bottom: none;
+  background-color: #9cc694;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #7b7b7b;
-	outline: 2px ridge #fff;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #7b7b7b;
+  outline: 2px ridge #fff;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #client_menu {
-	background-color: #5a5a5a;
-	overflow-y: auto;
-	height: 100%;
+  background-color: #5a5a5a;
+  overflow-y: auto;
+  height: 100%;
 }
 
 @keyframes shutter-effect {
-	0% {
-		background-position: 0 0;
-	}
+  0% {
+    background-position: 0 0;
+  }
 
-	100% {
-		background-position: 0 4px;
-	}
+  100% {
+    background-position: 0 4px;
+  }
 }
 
 #client_menu:after {
-	position: absolute;
-	content: "";
-	pointer-events: none;
-	background: repeating-linear-gradient(transparent, transparent 3px, rgba(255, 255, 255, 0.2) 3px, rgba(255, 255, 255, 0.2) 4px);
-	animation: shutter-effect 0.15s linear infinite;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-	opacity: 0.5;
+  position: absolute;
+  content: "";
+  pointer-events: none;
+  background: repeating-linear-gradient(
+    transparent,
+    transparent 3px,
+    rgba(255, 255, 255, 0.2) 3px,
+    rgba(255, 255, 255, 0.2) 4px
+  );
+  animation: shutter-effect 0.15s linear infinite;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
 }
 
 #client_iccontrols {
-	width: 100%;
-	background: repeating-linear-gradient(transparent, transparent 3px, rgba(255, 255, 255, 0.2) 3px, rgba(255, 255, 255, 0.2) 4px);
-	animation: shutter-effect 0.15s linear infinite;
+  width: 100%;
+  background: repeating-linear-gradient(
+    transparent,
+    transparent 3px,
+    rgba(255, 255, 255, 0.2) 3px,
+    rgba(255, 255, 255, 0.2) 4px
+  );
+  animation: shutter-effect 0.15s linear infinite;
 }
 
 .menu_content {
-	background-color: #847342;
-	border: #735a42 solid 1px;
+  background-color: #847342;
+  border: #735a42 solid 1px;
 }
 
 .menu_text {
-	color: #7b2900;
-	background-color: #f7f7f7;
-	border: 1px solid #bd9484;
-	border-radius: 3px;
-	padding: 0 4px;
+  color: #7b2900;
+  background-color: #f7f7f7;
+  border: 1px solid #bd9484;
+  border-radius: 3px;
+  padding: 0 4px;
 }
 
 .menu_icon {
-	display: inline-block;
-	width: 1.5em;
-	height: 1.5em;
-	background-color: #631818;
-	border: 2px ridge #dec6bd;
-	border-radius: 2px;
-	margin-bottom: 2px;
-	line-height: 1.5;
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  background-color: #631818;
+  border: 2px ridge #dec6bd;
+  border-radius: 2px;
+  margin-bottom: 2px;
+  line-height: 1.5;
 }
 
 .client_button {
-	min-width: 2.5em;
-	margin: 1px;
-	padding: 6px 2px;
-	cursor: pointer;
-	text-align: center;
-	color: #000;
-	background-color: #c0c0c0;
-	text-shadow: 0 0 1px #000;
-	border: #909090 solid 1px;
-	border-radius: 4px;
+  min-width: 2.5em;
+  margin: 1px;
+  padding: 6px 2px;
+  cursor: pointer;
+  text-align: center;
+  color: #000;
+  background-color: #c0c0c0;
+  text-shadow: 0 0 1px #000;
+  border: #909090 solid 1px;
+  border-radius: 4px;
 }
 
 #button_2 {
-	text-transform: capitalize;
+  text-transform: capitalize;
 }
 
 #client_log {
-	color: white;
-	background: repeating-linear-gradient(black, black 3px, #181818 3px, #181818 4px);
-	animation: shutter-effect 0.15s linear infinite;
+  color: white;
+  background: repeating-linear-gradient(
+    black,
+    black 3px,
+    #181818 3px,
+    #181818 4px
+  );
+  animation: shutter-effect 0.15s linear infinite;
 }
 
 .lm_tab {
-	color: white;
-	background-color: #7b3100;
-	text-shadow: 0 0 1px #632100;
-	border-color: #424242;
+  color: white;
+  background-color: #7b3100;
+  text-shadow: 0 0 1px #632100;
+  border-color: #424242;
 }
 
 .lm_tab.lm_active {
-	color: white;
-	background-color: #efa521;
-	text-shadow: 0 0 1px #ce8421;
-	border-color: #b5b5b5;
+  color: white;
+  background-color: #efa521;
+  text-shadow: 0 0 1px #ce8421;
+  border-color: #b5b5b5;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #0000bd;
-	border-color: #8484ff transparent #00009c transparent;
+#client_defense_hp > .health-bar {
+  background-color: #0000bd;
+  border-color: #8484ff transparent #00009c transparent;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #bd0000;
-	border-color: #ff8484 transparent #9c0000 transparent;
+#client_prosecutor_hp > .health-bar {
+  background-color: #bd0000;
+  border-color: #ff8484 transparent #9c0000 transparent;
 }
 
 .health-box {
-	background-color: #292929;
-	height: 18px;
-	width: 50%;
-	margin: 0 auto;
-	border: ridge 2px #dedede;
-	border-radius: 2px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #292929;
+  height: 18px;
+  width: 50%;
+  margin: 0 auto;
+  border: ridge 2px #dedede;
+  border-radius: 2px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 60%;
-	height: calc(100% - 4px);
-	bottom: 1px;
-	border-width: 2px;
-	border-style: groove none ridge none;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 60%;
+  height: calc(100% - 4px);
+  bottom: 1px;
+  border-width: 2px;
+  border-style: groove none ridge none;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
 
 #client_ooclog {
-	background-color: #8b8b8b;
-	color: #000;
+  background-color: #8b8b8b;
+  color: #000;
 }
 
 #client_inputbox {
-	background-color: #6d6d6d;
-	color: #000;
+  background-color: #6d6d6d;
+  color: #000;
 }
 
 #client_iccontrols {
-	background-color: #595959;
+  background-color: #595959;
 }
 
 #client_oocinput {
-	background-color: #575757;
-	color: #000;
+  background-color: #575757;
+  color: #000;
 }
diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index deca156..b24dc57 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -1,735 +1,747 @@
 .lm_item .lm_header .lm_controls .lm_maximise {
-	display: none;
+  display: none;
 }
 
 .lm_content {
-	overflow-y: scroll;
-  }
+  overflow-y: scroll;
+}
 
 @keyframes error_blink {
-	0% {
-		color: #fff;
-	}
+  0% {
+    color: #fff;
+  }
 
-	50% {
-		color: #e00;
-	}
+  50% {
+    color: #e00;
+  }
 
-	100% {
-		color: #fff;
-	}
+  100% {
+    color: #fff;
+  }
 }
 
-
-
 .text_rainbow {
-	background-color: #fff;
-	background-image: repeating-linear-gradient(to right, red 0% 20%, orange 20% 40%, yellow 40% 60%, green 60% 80%, blue 80% 100%);
-	background-size: 75% 75%;
-	background-clip: text;
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-	animation: rainbow 2s linear infinite;
+  background-color: #fff;
+  background-image: repeating-linear-gradient(
+    to right,
+    red 0% 20%,
+    orange 20% 40%,
+    yellow 40% 60%,
+    green 60% 80%,
+    blue 80% 100%
+  );
+  background-size: 75% 75%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: rainbow 2s linear infinite;
 }
 
 @keyframes rainbow_alt {
+  0%,
+  100% {
+    background-position: 0 0;
+  }
 
-	0%,
-	100% {
-		background-position: 0 0;
-	}
-
-	50% {
-		background-position: 400% 0;
-	}
+  50% {
+    background-position: 400% 0;
+  }
 }
 
 @keyframes rainbow {
-	0% {
-		background-position: 0 0;
-	}
+  0% {
+    background-position: 0 0;
+  }
 
-	100% {
-		background-position: 400% 0;
-	}
+  100% {
+    background-position: 400% 0;
+  }
 }
 
 #client_error {
-	position: absolute;
-	display: flex;
-	flex-direction: column;
-	padding: 10px;
-	top: 50%;
-	left: 50%;
-	margin-right: -50%;
-	transform: translate(-50%, -50%);
-	justify-content: center;
-	align-items: center;
-	background: #a00;
-	color: #fff;
-	font-size: large;
-	z-index: 100;
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  top: 50%;
+  left: 50%;
+  margin-right: -50%;
+  transform: translate(-50%, -50%);
+  justify-content: center;
+  align-items: center;
+  background: #a00;
+  color: #fff;
+  font-size: large;
+  z-index: 100;
 }
 
 #client_errortext {
-	animation: error_blink 3s ease-in-out infinite;
+  animation: error_blink 3s ease-in-out infinite;
 }
 
 #client_secondfactor {
-	display: block;
-	flex-direction: column;
-	justify-content: center;
-	text-align: center;
-	align-items: center;
-	background: black;
-	color: lightgreen;
-	font-size: large;
-	z-index: 200;
+  display: block;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  align-items: center;
+  background: black;
+  color: lightgreen;
+  font-size: large;
+  z-index: 200;
 }
 
 #client_waiting {
-	display: block;
-	flex-direction: column;
-	position: fixed;
-  	top: 5vh;
-  	left: 10vw;
-	width: 80vw;
-	max-height: 90vh;
-	justify-content: center;
-	text-align: center;
-	align-items: center;
-	font-size: large;
-	overflow-y: scroll;
-	z-index: 100;
-	background: #555;
+  display: block;
+  flex-direction: column;
+  position: fixed;
+  top: 5vh;
+  left: 10vw;
+  width: 80vw;
+  max-height: 90vh;
+  justify-content: center;
+  text-align: center;
+  align-items: center;
+  font-size: large;
+  overflow-y: scroll;
+  z-index: 100;
+  background: #555;
 }
 
 #client_loading {
-	display: block;
-	flex-direction: column;
-	justify-content: center;
-	text-align: center;
-	align-items: center;
-	background: black;
-	color: lightgreen;
-	font-size: large;
+  display: block;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  align-items: center;
+  background: black;
+  color: lightgreen;
+  font-size: large;
 }
 
 #client_loadingtext {
-	margin: 30px;
+  margin: 30px;
 }
 
 .demothing {
-	display: inline-block;
-	height: 60px;
-	width: 60px;
-	max-width: 60px;
-	max-height: 60px;
-	margin: 3px;
-	border: 1px solid #000;
-	vertical-align: top;
+  display: inline-block;
+  height: 60px;
+  width: 60px;
+  max-width: 60px;
+  max-height: 60px;
+  margin: 3px;
+  border: 1px solid #000;
+  vertical-align: top;
 }
 
 .noini {
-	transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 #client_charselect {
-	display: block;
-	text-align: center;
-	margin: 0 auto;
-	background: #444;
+  display: block;
+  text-align: center;
+  margin: 0 auto;
+  background: #444;
 }
 
 #client_icwrapper {
-	position: relative;
-	background: inherit;
+  position: relative;
+  background: inherit;
 }
 
 #client_iccontrols {
-	background: inherit;
-	height: 100%;
-	overflow-y: auto;
+  background: inherit;
+  height: 100%;
+  overflow-y: auto;
 }
 
-
 @keyframes shake {
+  0%,
+  100% {
+    left: 0;
+  }
 
-	0%,
-	100% {
-		left: 0;
-	}
-
-	20% {
-		left: -10%;
-	}
+  20% {
+    left: -10%;
+  }
 
-	40% {
-		left: +10%;
-	}
+  40% {
+    left: +10%;
+  }
 
-	60% {
-		left: -10%;
-	}
+  60% {
+    left: -10%;
+  }
 
-	80% {
-		left: +10%;
-	}
+  80% {
+    left: +10%;
+  }
 }
 
 @keyframes flash {
+  0%,
+  100% {
+    background-color: transparent;
+  }
 
-	0%,
-	100% {
-		background-color: transparent;
-	}
-
-	50% {
-		background-color: white;
-	}
+  50% {
+    background-color: white;
+  }
 }
 
 #client_background {
-	position: relative;
-	background-color: transparent;
-	top: 0;
-	left: 0;
+  position: relative;
+  background-color: transparent;
+  top: 0;
+  left: 0;
 }
 
 #client_gamewindow {
-	position: inherit;
-	width: 100%;
-	padding-bottom: 75%;
-
+  position: inherit;
+  width: 100%;
+  padding-bottom: 75%;
 }
 
 #client_court_static {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	top: 0;
-	left: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
 }
 
 #client_court {
-	position: absolute;
-	height: 100%;
-	top: 0;
-	left: 0;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
 }
 
 #client_stitch_court {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	top: 0;
-	left: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
 }
 
-#client_stitch_court>img {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
+#client_stitch_court > img {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
 }
 
 #client_court_classic {
-	position: absolute;
-	height: 100%;
-	top: 0;
-	left: 0;
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
 }
 
 .def_court {
-	object-position: center;
+  object-position: center;
 }
 
 .wit_court {
-	object-position: center;
+  object-position: center;
 }
 
 .pro_court {
-	object-position: center;
+  object-position: center;
 }
 
 #client_fullview {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
-	transition: none;
-	transition-property: left;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
+  transition: none;
+  transition-property: left;
 }
 
 #client_classicview {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
 }
 
 .client_char {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
 }
 
-.client_char>img {
-	position: absolute;
-	height: 100%;
-	bottom: 0;
-	top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-
+.client_char > img {
+  position: absolute;
+  height: 100%;
+  bottom: 0;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 #client_bench_classic {
-	left: 0;
+  left: 0;
 }
 
-#client_def_bench, #client_def_char, #client_def_pair_char, #client_court_def {
-	left: 0;
+#client_def_bench,
+#client_def_char,
+#client_def_pair_char,
+#client_court_def {
+  left: 0;
 }
 
 #client_court_deft {
-	left: 100%;
+  left: 100%;
 }
 
-#client_wit_bench, #client_wit_char, #client_wit_pair_char, #client_court_wit {
-	left: 200%;
+#client_wit_bench,
+#client_wit_char,
+#client_wit_pair_char,
+#client_court_wit {
+  left: 200%;
 }
 
 #client_court_prot {
-	left: 100%;
+  left: 100%;
 }
 
-#client_pro_bench, #client_pro_char, #client_pro_pair_char, #client_court_pro {
-	left: 400%;
+#client_pro_bench,
+#client_pro_char,
+#client_pro_pair_char,
+#client_court_pro {
+  left: 400%;
 }
 
 .client_bench {
-	position: absolute;
-	height: 100%;
-	bottom: 0;
-	object-fit: contain;
+  position: absolute;
+  height: 100%;
+  bottom: 0;
+  object-fit: contain;
 }
 
 #client_fg {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
-	left: 0;
-	top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 #client_evi {
-	opacity: 0;
-	position: absolute;
-	background-repeat: no-repeat;
-	background-size: contain;
-	height: 0%;
-	width: auto;
-	top: 1em;
-	transition: 0.25s linear;
-	transition-property: height, opacity;
+  opacity: 0;
+  position: absolute;
+  background-repeat: no-repeat;
+  background-size: contain;
+  height: 0%;
+  width: auto;
+  top: 1em;
+  transition: 0.25s linear;
+  transition-property: height, opacity;
 }
 
 #client_testimony {
-	display: block;
-	position: absolute;
-	height: 100%;
-	width: auto;
+  display: block;
+  position: absolute;
+  height: 100%;
+  width: auto;
 }
 
 @keyframes bubble {
+  0% {
+    left: 0;
+    top: 0;
+  }
+
+  10% {
+    left: 0;
+    top: 0;
+  }
+
+  20% {
+    left: -1%;
+    top: 0;
+  }
+
+  30% {
+    left: 1%;
+    top: 1%;
+  }
+
+  40% {
+    left: -1%;
+    top: -1%;
+  }
+
+  50% {
+    left: 1%;
+    top: 0;
+  }
+
+  60% {
+    left: -1%;
+    top: -1%;
+  }
 
-	0% {
-		left: 0;
-		top: 0;
-	}
-
-	10% {
-		left: 0;
-		top: 0;
-	}
-
-	20% {
-		left: -1%;
-		top: 0;
-	}
-
-	30% {
-		left: 1%;
-		top: 1%;
-	}
-
-	40% {
-		left: -1%;
-		top: -1%;
-	}
-
-	50% {
-		left: 1%;
-		top: 0;
-	}
-
-	60% {
-		left: -1%;
-		top: -1%;
-	}
-
-	70% {
-		left: 1%;
-		top: 0;
-	}
-
-	80% {
-		left: -1%;
-		top: 1%;
-	}
-
-	90% {
-		left: 0;
-		top: 0;
-	}
-
-	100% {
-		left: 0;
-		top: 0;
-	}
+  70% {
+    left: 1%;
+    top: 0;
+  }
+
+  80% {
+    left: -1%;
+    top: 1%;
+  }
+
+  90% {
+    left: 0;
+    top: 0;
+  }
+
+  100% {
+    left: 0;
+    top: 0;
+  }
 }
 
 #client_shout {
-	display: block;
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
-	left: 0;
+  display: block;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  bottom: 0;
+  left: 0;
 }
 
 #client_chatcontainer {
-	position: absolute;
-	width: 100%;
-	bottom: 0;
-	left: 0;
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  left: 0;
 }
 
 .long {
-	width: 100%;
-	background-color: #ddd;
-	border: 1px solid #555;
-	border-style: solid;
-	box-sizing: border-box;
-	margin: auto;
+  width: 100%;
+  background-color: #ddd;
+  border: 1px solid #555;
+  border-style: solid;
+  box-sizing: border-box;
+  margin: auto;
 }
 
 #client_inputbox {
-	position: relative;
-	font-size: 21px;
-	padding: 2px 10px;
+  position: relative;
+  font-size: 21px;
+  padding: 2px 10px;
 }
 
 #client_bars {
-	position: relative;
-	background: inherit;
-	text-align: center;
-	display: flex;
-	display: -webkit-flex;
+  position: relative;
+  background: inherit;
+  text-align: center;
+  display: flex;
+  display: -webkit-flex;
 }
 
 .emote_button {
-	display: inline-block;
-	width: 40px;
-	height: 40px;
-	margin: 2px;
-	cursor: pointer;
-	box-shadow: 0 0 0 2px #000 inset;
-	border-radius: 4px;
-	word-break: break-all;
-	overflow-y: hidden;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  margin: 2px;
+  cursor: pointer;
+  box-shadow: 0 0 0 2px #000 inset;
+  border-radius: 4px;
+  word-break: break-all;
+  overflow-y: hidden;
 }
 
 .emote_button.dark {
-	opacity: 0.5;
+  opacity: 0.5;
 }
 
 #client_emo {
-	position: relative;
-	top: 10px;
-	width: 95%;
+  position: relative;
+  top: 10px;
+  width: 95%;
 }
 
 .judge_button {
-	display: inline-block;
-	min-width: 85px;
-	min-height: 42px;
-	margin: 5px 1px;
-	padding: 2px;
-	cursor: pointer;
-	text-align: center;
-	font-weight: bold;
-	font-family: sans-serif;
-	text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;
-	background-color: #c1c1c1;
-	border-radius: 5px;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #919191;
-	box-shadow: 1px 1px white inset;
-	vertical-align: middle;
+  display: inline-block;
+  min-width: 85px;
+  min-height: 42px;
+  margin: 5px 1px;
+  padding: 2px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+  font-family: sans-serif;
+  text-shadow:
+    -2px 0 #fff,
+    0 2px #fff,
+    2px 0 #fff,
+    0 -2px #fff;
+  background-color: #c1c1c1;
+  border-radius: 5px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #919191;
+  box-shadow: 1px 1px white inset;
+  vertical-align: middle;
 }
 
 .healthchange_button {
-	font-size: 1.5em;
+  font-size: 1.5em;
 }
 
 #client_chatlog {
-	top: 0;
-	right: 0;
-	flex: 1;
+  top: 0;
+  right: 0;
+  flex: 1;
 }
 
 #client_log {
-	position: relative;
-	height: 100%;
-	color: #fff;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	overflow-y: auto;
-	font-size: medium;
-	background-color: #242424;
-	text-align: start;
-	line-height: .85em;
+  position: relative;
+  height: 100%;
+  color: #fff;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  overflow-y: auto;
+  font-size: medium;
+  background-color: #242424;
+  text-align: start;
+  line-height: 0.85em;
 }
 
-#client_log>p {
-	line-height: 1.1em;
+#client_log > p {
+  line-height: 1.1em;
 }
 
 .iclog_name {
-	font-weight: bold;
-	padding-right: .35em;
+  font-weight: bold;
+  padding-right: 0.35em;
 }
 
 .iclog_time {
-	float: right;
-	padding-right: .5em;
-	color: #dbdbdb;
+  float: right;
+  padding-right: 0.5em;
+  color: #dbdbdb;
 }
 
 #client_ooclog {
-	position: relative;
-	background-color: #242424;
-	color: #fff;
-	font-family: "Source Code Pro", "Consolas", monospace;
-	font-size: small;
-	overflow-wrap: break-word;
-	overflow-y: auto;
-	text-rendering: optimizelegibility;
-	resize: none;
-	flex: 1 1 auto;
-	border: none;
+  position: relative;
+  background-color: #242424;
+  color: #fff;
+  font-family: "Source Code Pro", "Consolas", monospace;
+  font-size: small;
+  overflow-wrap: break-word;
+  overflow-y: auto;
+  text-rendering: optimizelegibility;
+  resize: none;
+  flex: 1 1 auto;
+  border: none;
 }
 
 #client_oocinput {
-	display:flex;
-	flex-flow: row nowrap;
-	whitespace: nowrap;	
+  display: flex;
+  flex-flow: row nowrap;
+  whitespace: nowrap;
 }
 
 #client_oocinputbox {
-	flex-grow:1;
+  flex-grow: 1;
 }
 
 #OOC_name {
-	width:15%;	
+  width: 15%;
 }
 
 #client_musicsearch {
-	width: 100%;
+  width: 100%;
 }
 
 #client_musiclist {
-	width: 99%;
-	height: 95%;
-	height: calc(99% - 18px);
-	background-color: #222;
-	color: #fff;
+  width: 99%;
+  height: 95%;
+  height: calc(99% - 18px);
+  background-color: #222;
+  color: #fff;
 }
 
 #client_playerlist {
-	width: 100%;
+  width: 100%;
 }
 
 #client_menu {
-	overflow-y: auto;
-	height: 100%;
+  overflow-y: auto;
+  height: 100%;
 }
 
 .menu_content {
-	margin: 15px 15px;
-	display: none;
+  margin: 15px 15px;
+  display: none;
 }
 
 .menu_content.active {
-	display: block;
+  display: block;
 }
 
 .menu_button {
-	cursor: pointer;
-	display: inline-table;
-	margin: 10px 15px;
-	opacity: 1;
+  cursor: pointer;
+  display: inline-table;
+  margin: 10px 15px;
+  opacity: 1;
 }
 
 .menu_button.active {
-	opacity: 0.25;
+  opacity: 0.25;
 }
 
 .menu_button:hover {
-	color: #FFD081;
+  color: #ffd081;
 }
 
 .menu_icon {
-	font-size: 2vw;
+  font-size: 2vw;
 }
 
 .area-button {
-	border-style: solid;
-	min-width: 120px;
-	margin: 5px;
-	display: inline-block;
-	padding: 6px;
-	border-radius: 5px;
-	border-color: white;
-	border-width: 1px;
-	cursor: pointer;
-	color: #000;
+  border-style: solid;
+  min-width: 120px;
+  margin: 5px;
+  display: inline-block;
+  padding: 6px;
+  border-radius: 5px;
+  border-color: white;
+  border-width: 1px;
+  cursor: pointer;
+  color: #000;
 }
 
 .area-button:hover {
-	border-color: #FFD081;
+  border-color: #ffd081;
 }
 
 .area-default {
-	background-color: rgb(54, 198, 68);
+  background-color: rgb(54, 198, 68);
 }
 
-.area- {	/* THANKS CW */
-	background-color: rgb(54, 198, 68);
+.area- {
+  /* THANKS CW */
+  background-color: rgb(54, 198, 68);
 }
 
 .area-idle {
-	background-color: rgb(54, 198, 68);
+  background-color: rgb(54, 198, 68);
 }
 
 .area-looking-for-players {
-	background-color: rgb(255, 255, 0);
+  background-color: rgb(255, 255, 0);
 }
 
 .area-casing {
-	background-color: rgb(255, 166, 0);
+  background-color: rgb(255, 166, 0);
 }
 
 .area-recess {
-	background-color: rgb(255, 190, 30);
+  background-color: rgb(255, 190, 30);
 }
 
 .area-rp {
-	background-color: rgb(200, 52, 252);
+  background-color: rgb(200, 52, 252);
 }
 
 .area-gaming {
-	background-color: rgb(55, 255, 255);
+  background-color: rgb(55, 255, 255);
 }
 
 .area-locked {
-	background-color: rgb(127, 127, 127);
+  background-color: rgb(127, 127, 127);
 }
 
 .area-spectatable {
-	background-color: rgb(54, 198, 68);
+  background-color: rgb(54, 198, 68);
 }
 
 #bg_preview {
-	max-width: 150px;
-	max-height: 112px;
-	width: 100%;
-	height: 100%;
-	border-style: double;
-	border-radius: 7px;
-	border-color: #fff;
-	border-width: 3px;
+  max-width: 150px;
+  max-height: 112px;
+  width: 100%;
+  height: 100%;
+  border-style: double;
+  border-radius: 7px;
+  border-color: #fff;
+  border-width: 3px;
 }
 
 #evi_options {
-	display: inline-block;
-	width: 100%;
-	border: 2px ridge white;
+  display: inline-block;
+  width: 100%;
+  border: 2px ridge white;
 }
 
 #evi_options label {
-	display: inline-block;
-	width: 3em;
+  display: inline-block;
+  width: 3em;
 }
 
 #evi_desc {
-	flex: 1 auto;
+  flex: 1 auto;
 }
 
 #client_settings {
-	width: 100%;
+  width: 100%;
 }
 
 #about-logo {
-	padding-top: 5px;
-	height: 30%;
-	image-rendering: auto;
+  padding-top: 5px;
+  height: 30%;
+  image-rendering: auto;
 }
 
 .client_button.hover_button.inactive {
-	display: none;
+  display: none;
 }
 
 .client_button.hover_button:hover {
-	border-color: #FFD081;
+  border-color: #ffd081;
 }
 
 .client_button.dark {
-	opacity: 0.5;
+  opacity: 0.5;
 }
 
 .hrtext {
-	overflow: hidden;
-	text-align: center;
-	font-size: small;
-	color: #c6c6c6;
+  overflow: hidden;
+  text-align: center;
+  font-size: small;
+  color: #c6c6c6;
 }
 
 .hrtext:before,
 .hrtext:after {
-	background-color: #c6c6c6;
-	content: "";
-	display: inline-block;
-	height: 1px;
-	position: relative;
-	vertical-align: middle;
-	width: 50%;
+  background-color: #c6c6c6;
+  content: "";
+  display: inline-block;
+  height: 1px;
+  position: relative;
+  vertical-align: middle;
+  width: 50%;
 }
 
 .hrtext:before {
-	right: 0.5em;
-	margin-left: -50%;
+  right: 0.5em;
+  margin-left: -50%;
 }
 
 .hrtext:after {
-	left: 0.5em;
-	margin-right: -50%;
-}
\ No newline at end of file
+  left: 0.5em;
+  margin-right: -50%;
+}
diff --git a/webAO/styles/cyber.css b/webAO/styles/cyber.css
index 0863435..fbd105b 100644
--- a/webAO/styles/cyber.css
+++ b/webAO/styles/cyber.css
@@ -1,144 +1,149 @@
 body {
-	font-family: monospace;
+  font-family: monospace;
 }
 
 img {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
 }
 
 @keyframes bg-scrolling {
-	0% {
-		background-position: 0 0;
-	}
+  0% {
+    background-position: 0 0;
+  }
 
-	100% {
-		background-position: 5px 5px;
-	}
+  100% {
+    background-position: 5px 5px;
+  }
 }
 
 @keyframes idling {
-	0% {
-		right: -4px;
-	}
+  0% {
+    right: -4px;
+  }
 
-	50% {
-		right: -8px;
-	}
+  50% {
+    right: -8px;
+  }
 
-	100% {
-		right: -4px;
-	}
+  100% {
+    right: -4px;
+  }
 }
 
 #evi_name {
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
-	animation: bg-scrolling 0.2s infinite linear;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=)
+    repeat;
+  animation: bg-scrolling 0.2s infinite linear;
 }
 
 #evi_desc {
-	flex: 1 auto;
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
-	animation: bg-scrolling 0.2s infinite linear;
+  flex: 1 auto;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=)
+    repeat;
+  animation: bg-scrolling 0.2s infinite linear;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #7b7b7b;
-	outline: 2px ridge #fff;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #7b7b7b;
+  outline: 2px ridge #fff;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #client_menu {
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
-	animation: bg-scrolling 0.2s infinite linear;
-	overflow-y: auto;
-	height: 100%;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=)
+    repeat;
+  animation: bg-scrolling 0.2s infinite linear;
+  overflow-y: auto;
+  height: 100%;
 }
 
 @keyframes shutter-effect {
-	0% {
-		background-position: 0 0;
-	}
+  0% {
+    background-position: 0 0;
+  }
 
-	100% {
-		background-position: 0 4px;
-	}
+  100% {
+    background-position: 0 4px;
+  }
 }
 
 #client_iccontrols {
-	width: 100%;
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
-	animation: bg-scrolling 0.2s infinite linear;
+  width: 100%;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=)
+    repeat;
+  animation: bg-scrolling 0.2s infinite linear;
 }
 
 .menu_text {
-	color: #7b2900;
-	background-color: #f7f7f7;
-	border-radius: 3px;
-	padding: 0 4px;
+  color: #7b2900;
+  background-color: #f7f7f7;
+  border-radius: 3px;
+  padding: 0 4px;
 }
 
 .menu_icon {
-	display: inline-block;
-	width: 1.5em;
-	height: 1.5em;
-	background-color: black;
-	border: 2px ridge green;
-	border-radius: 2px;
-	margin-bottom: 2px;
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  background-color: black;
+  border: 2px ridge green;
+  border-radius: 2px;
+  margin-bottom: 2px;
 }
 
 .client_button {
-	min-width: 6em;
-	margin: 1px;
-	padding: 6px 2px;
-	cursor: pointer;
-	text-align: center;
-	color: green;
-	background-color: #000;
-	border: green solid 1px;
+  min-width: 6em;
+  margin: 1px;
+  padding: 6px 2px;
+  cursor: pointer;
+  text-align: center;
+  color: green;
+  background-color: #000;
+  border: green solid 1px;
 }
 
 #client_log {
-	color: white;
-	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=) repeat;
-	animation: bg-scrolling 0.2s infinite linear;
+  color: white;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFElEQVQImWNgYGDYjAVTV/A/w2YAfxQSe53wkNkAAAAASUVORK5CYII=)
+    repeat;
+  animation: bg-scrolling 0.2s infinite linear;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
 .health-box {
-	background-color: #292929;
-	height: 18px;
-	width: 50%;
-	margin: 0 auto;
-	border: ridge 2px #dedede;
-	border-radius: 2px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #292929;
+  height: 18px;
+  width: 50%;
+  margin: 0 auto;
+  border: ridge 2px #dedede;
+  border-radius: 2px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 60%;
-	height: calc(100% - 4px);
-	bottom: 0;
-	border-width: 2px;
-	border-style: groove none ridge none;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
-	background-color: #00b800;
-	border-color: #84ff84 transparent #009c00 transparent;
+  width: 100%;
+  height: 60%;
+  height: calc(100% - 4px);
+  bottom: 0;
+  border-width: 2px;
+  border-style: groove none ridge none;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
+  background-color: #00b800;
+  border-color: #84ff84 transparent #009c00 transparent;
 }
diff --git a/webAO/styles/default.css b/webAO/styles/default.css
index 4fbc0d4..1da3d25 100644
--- a/webAO/styles/default.css
+++ b/webAO/styles/default.css
@@ -1,85 +1,83 @@
 body {
-	font-family: sans-serif;
+  font-family: sans-serif;
 }
 
 @media (max-height: 270x) {
-	img {
-		image-rendering: crisp-edges;
-		image-rendering: pixelated;
-	}
-
+  img {
+    image-rendering: crisp-edges;
+    image-rendering: pixelated;
+  }
 }
 
 img {
-	image-rendering: auto;
+  image-rendering: auto;
 }
 
 img[src$=".gif"],
 img[src$=".apng"] {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
 }
 
-
 .client_button {
-	margin: 1px;
-	padding: 2px 15px;
-	cursor: pointer;
-	text-align: center;
-	font-weight: bold;
-	color: white;
-	background-color: #7b2900;
-	border-radius: 3px;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #fff;
-	box-shadow: 1px 1px inset;
+  margin: 1px;
+  padding: 2px 15px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+  color: white;
+  background-color: #7b2900;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #fff;
+  box-shadow: 1px 1px inset;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #7b7b7b;
-	outline: 2px ridge #fff;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #7b7b7b;
+  outline: 2px ridge #fff;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #169de0;
+#client_defense_hp > .health-bar {
+  background-color: #169de0;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #e01f5f;
+#client_prosecutor_hp > .health-bar {
+  background-color: #e01f5f;
 }
 
 .health-box {
-	background-color: #555;
-	height: 20px;
-	width: 50%;
-	margin: 0 auto;
-	border: solid 2px #aaa;
-	border-radius: 5px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #555;
+  height: 20px;
+  width: 50%;
+  margin: 0 auto;
+  border: solid 2px #aaa;
+  border-radius: 5px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 100%;
-	border-radius: 3px;
-	bottom: 0;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  bottom: 0;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
diff --git a/webAO/styles/effects/rain.css b/webAO/styles/effects/rain.css
index 846b35e..63df350 100644
--- a/webAO/styles/effects/rain.css
+++ b/webAO/styles/effects/rain.css
@@ -1,23 +1,26 @@
 #client_fg {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 #client_fg p {
-    position: absolute;
-    bottom: 100%;
-    width: 2px;
-    height: 2em;
-    transform: rotate(10deg);
-    background: linear-gradient(rgba(200,200,200,0) 0%, rgba(200,200,200,0.5) 20%, rgba(250,250,250,0.6) 100%);
-    animation: falling 1s linear infinite;
+  position: absolute;
+  bottom: 100%;
+  width: 2px;
+  height: 2em;
+  transform: rotate(10deg);
+  background: linear-gradient(
+    rgba(200, 200, 200, 0) 0%,
+    rgba(200, 200, 200, 0.5) 20%,
+    rgba(250, 250, 250, 0.6) 100%
+  );
+  animation: falling 1s linear infinite;
 }
 
 @keyframes falling {
-    0% {
-        bottom: 100%;
-        
-    }
-    100% {
-        bottom: -10%;
-    }
-}
\ No newline at end of file
+  0% {
+    bottom: 100%;
+  }
+  100% {
+    bottom: -10%;
+  }
+}
diff --git a/webAO/styles/igiari/webfont.css b/webAO/styles/igiari/webfont.css
index 88f643a..84e406c 100644
--- a/webAO/styles/igiari/webfont.css
+++ b/webAO/styles/igiari/webfont.css
@@ -1,21 +1,22 @@
 /* Webfont CSS setup for Igiari by Caveras */
 
 @font-face {
-	font-family:'Igiari';
-		src:url('Igiari.eot');
-		src:url('Igiari.eot?#iefix') format('embedded-opentype'),
-				url('Igiari.woff') format('woff'),
-				url('Igiari.ttf') format('truetype'),
-				url('Igiari.svg#Igiari') format('svg');
-	font-weight:normal;
-	font-style:normal;
+  font-family: "Igiari";
+  src: url("Igiari.eot");
+  src:
+    url("Igiari.eot?#iefix") format("embedded-opentype"),
+    url("Igiari.woff") format("woff"),
+    url("Igiari.ttf") format("truetype"),
+    url("Igiari.svg#Igiari") format("svg");
+  font-weight: normal;
+  font-style: normal;
 }
 
-@media screen and (-webkit-min-device-pixel-ratio:0) {
-	@font-face {
-		font-family:'Igiari';
-		src: url('Igiari.svg') format('svg');
-		font-weight:normal;
-		font-style:normal;
-	}
-}
\ No newline at end of file
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  @font-face {
+    font-family: "Igiari";
+    src: url("Igiari.svg") format("svg");
+    font-weight: normal;
+    font-style: normal;
+  }
+}
diff --git a/webAO/styles/inferior.css b/webAO/styles/inferior.css
index 18c5ae6..e983d87 100644
--- a/webAO/styles/inferior.css
+++ b/webAO/styles/inferior.css
@@ -1,107 +1,106 @@
 body {
-	font-family: "Arial", sans-serif;
+  font-family: "Arial", sans-serif;
 }
 
 img {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
 }
 
-input[type=text] {
-    background-color: #575757;
-    color: #fff;  
+input[type="text"] {
+  background-color: #575757;
+  color: #fff;
 }
 
 ::placeholder {
-    color: #ababab;
-    opacity: 1;
+  color: #ababab;
+  opacity: 1;
 }
 
 select {
-    background-color: #a9a9a9;
-    color: #000;
+  background-color: #a9a9a9;
+  color: #000;
 }
 
 .client_button {
-	margin: 1px;
-	padding: 2px 15px;
-	cursor: default;
-	text-align: center;
-	font-weight: bold;
-	color: white;
-	background-color: #7c2900;
-	border-radius: 3px;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #9a5a34 #4a3d36 #6e2200 #4a3d36;
-	box-shadow: 1px 1px inset;
+  margin: 1px;
+  padding: 2px 15px;
+  cursor: default;
+  text-align: center;
+  font-weight: bold;
+  color: white;
+  background-color: #7c2900;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #9a5a34 #4a3d36 #6e2200 #4a3d36;
+  box-shadow: 1px 1px inset;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #7b7b7b;
-	outline: 2px ridge #fff;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #7b7b7b;
+  outline: 2px ridge #fff;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #client_inputbox {
-    background-color: #808080;
-    color: #fff;
+  background-color: #808080;
+  color: #fff;
 }
 
 #client_iccontrols {
-    background: #303030;
+  background: #303030;
 }
 
 #client_log {
-	color: #fff;
-	background-color: #000;
+  color: #fff;
+  background-color: #000;
 }
 
 #client_defense_hp {
-	text-align: left;
-	border-color: #486eca;
+  text-align: left;
+  border-color: #486eca;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #333c8e;	
+#client_defense_hp > .health-bar {
+  background-color: #333c8e;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
-	border-color: #ca4848;
+  text-align: right;
+  border-color: #ca4848;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #8e0000;
-	
+#client_prosecutor_hp > .health-bar {
+  background-color: #8e0000;
 }
 
 .health-box {
-	background-color: #000;
-	height: 20px;
-	width: 50%;
-	margin: 0 auto;
-	border-style: solid none;
-	border-width: 0.1em;
-	box-sizing: border-box;
-	display: block;
+  background-color: #000;
+  height: 20px;
+  width: 50%;
+  margin: 0 auto;
+  border-style: solid none;
+  border-width: 0.1em;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 100%;
-	bottom: 0;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 100%;
+  bottom: 0;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
 
 #client_ooclog {
-    background-color: #8b8b8b;
-	color: #000;
-}
\ No newline at end of file
+  background-color: #8b8b8b;
+  color: #000;
+}
diff --git a/webAO/styles/master.css b/webAO/styles/master.css
index 1ea4796..3f73294 100644
--- a/webAO/styles/master.css
+++ b/webAO/styles/master.css
@@ -1,163 +1,175 @@
 .button {
-	padding: 5px;
-	vertical-align: middle;
-	text-decoration: none;
-	cursor: pointer;
-	background: repeating-linear-gradient(#792c01, #792c01 3px, #9a491c 3px, #9a491c 4px);
-	border: 1px solid #553e30;
-	border-radius: 5px;
-	box-shadow: 0 0 0 1px #FFFFFF;
-	color: white;
-	text-align: center;
-	text-shadow:
-		0px -1px 0 #612000,
-		1px 0px 0 #612000,
-		-1px 0px 0 #612000,
-		0px 1px 0 #612000;
-	padding: 11px;
-	font-family: Times New Roman, sans;
-	font-weight: normal;
+  padding: 5px;
+  vertical-align: middle;
+  text-decoration: none;
+  cursor: pointer;
+  background: repeating-linear-gradient(
+    #792c01,
+    #792c01 3px,
+    #9a491c 3px,
+    #9a491c 4px
+  );
+  border: 1px solid #553e30;
+  border-radius: 5px;
+  box-shadow: 0 0 0 1px #ffffff;
+  color: white;
+  text-align: center;
+  text-shadow:
+    0px -1px 0 #612000,
+    1px 0px 0 #612000,
+    -1px 0px 0 #612000,
+    0px 1px 0 #612000;
+  padding: 11px;
+  font-family:
+    Times New Roman,
+    sans;
+  font-weight: normal;
 }
 
 .button:hover {
-	background: repeating-linear-gradient(#a57318, #a57318 3px, #c68c39 3px, #c68c39 4px);
-	border: 1px solid #bdb521;
+  background: repeating-linear-gradient(
+    #a57318,
+    #a57318 3px,
+    #c68c39 3px,
+    #c68c39 4px
+  );
+  border: 1px solid #bdb521;
 }
 
 #menu .chosen:before {
-	height: 200px;
-	width: 200px;
-	border-color: #bdb521;
-	border-width: 11px;
-	padding: 1px;
+  height: 200px;
+  width: 200px;
+  border-color: #bdb521;
+  border-width: 11px;
+  padding: 1px;
 }
 
 #info_container {
-	display: block;
-	font-size: 0.8em;
+  display: block;
+  font-size: 0.8em;
 }
 
 #masterchat {
-	width: 100%;
-	height: 200px;
-	font-size: inherit;
-	background-color: darkgrey;
-	color: black;
+  width: 100%;
+  height: 200px;
+  font-size: inherit;
+  background-color: darkgrey;
+  color: black;
 }
 
 #serverdescription_container {
-	display: block;
-	top: 100px;
-	position: fixed;
-	right: 0;
-	width: 185px;
-	height: 276px;
-	padding: 0px;
-	background: url("../desc.png") no-repeat;
-	border: 2px solid #888;
-	border-radius: 5px;
+  display: block;
+  top: 100px;
+  position: fixed;
+  right: 0;
+  width: 185px;
+  height: 276px;
+  padding: 0px;
+  background: url("../desc.png") no-repeat;
+  border: 2px solid #888;
+  border-radius: 5px;
 }
 
 #serverdescription_content {
-	width: 180px;
-	height: 270px;
-	position: relative;
-	color: white;
-	white-space: pre-line;
-	word-wrap: break-word;
-	text-align: center;
-	margin: 2px;
-	overflow-x: visible;
-	overflow-y: auto;
+  width: 180px;
+  height: 270px;
+  position: relative;
+  color: white;
+  white-space: pre-line;
+  word-wrap: break-word;
+  text-align: center;
+  margin: 2px;
+  overflow-x: visible;
+  overflow-y: auto;
 }
 
 #serverlist_container {
-	margin-right: 200px;
+  margin-right: 200px;
 }
 
 .serverlist {
-	display: block;
-	margin: auto;
+  display: block;
+  margin: auto;
 }
 
 .serverlist li {
-	position: relative;
-	right: 0;
-	background-color: #FFF;
-	border: 2px solid #BBB;
-	border-radius: 5px;
-	padding: 0px;
-	padding-left: 10px;
-	display: block;
-	min-width: 400px;
-	height: 50px;
-	margin: 10px;
-	margin-left: auto;
-	margin-right: auto;
-	text-align: center;
-	cursor: default;
+  position: relative;
+  right: 0;
+  background-color: #fff;
+  border: 2px solid #bbb;
+  border-radius: 5px;
+  padding: 0px;
+  padding-left: 10px;
+  display: block;
+  min-width: 400px;
+  height: 50px;
+  margin: 10px;
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  cursor: default;
 }
 
 .serverlist li:hover {
-	background-color: #FFFF6B;
-	border-color: #EFAD21;
+  background-color: #ffff6b;
+  border-color: #efad21;
 }
 
 .serverlist li p {
-	display: inline-block !important;
+  display: inline-block !important;
 }
 
 .serverlist li a {
-	float: right;
+  float: right;
 }
 
 #serverlist_container h2 {
-	text-align: center;
-	margin-left: auto;
-	margin-right: auto;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .serverlist .button {
-	position: relative;
-	top: 0px;
-	right: -2px;
-	height: 38px;
-	padding: 0px;
-	padding-top: 10px;
-	border-radius: 0px 5px 5px 0px;
-	width: 50px;
-	box-shadow: 0 0 0 2px #BBB;
+  position: relative;
+  top: 0px;
+  right: -2px;
+  height: 38px;
+  padding: 0px;
+  padding-top: 10px;
+  border-radius: 0px 5px 5px 0px;
+  width: 50px;
+  box-shadow: 0 0 0 2px #bbb;
 }
 
 .serverlist .available {
-	background-color: #6BFF6B;
-	border-color: #21AD21;
+  background-color: #6bff6b;
+  border-color: #21ad21;
 }
 
 .serverlist .unavailable {
-	background-color: #ff6b6B;
-	border-color: #ad2121;
+  background-color: #ff6b6b;
+  border-color: #ad2121;
 }
 
 .serverlist .button:hover {
-	box-shadow: 0 0 0 1px #EFAD21;
+  box-shadow: 0 0 0 1px #efad21;
 }
 
 .error {
-	color: orangered;
+  color: orangered;
 }
 
 ul.navbar-nav.ml-auto {
-	display: inline-flex;
-	list-style-type: none;
+  display: inline-flex;
+  list-style-type: none;
 }
 
 nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
-	background: black;
+  background: black;
 }
 
 body {
-	margin: 0px;
+  margin: 0px;
 }
 
 /*!
@@ -167,217 +179,216 @@ body {
  */
 
 .carousel-item {
-	height: 65vh;
-	min-height: 300px;
-	background: no-repeat center center scroll;
-	-webkit-background-size: cover;
-	-moz-background-size: cover;
-	-o-background-size: cover;
-	background-size: cover;
+  height: 65vh;
+  min-height: 300px;
+  background: no-repeat center center scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
 .portfolio-item {
-	margin-bottom: 30px;
+  margin-bottom: 30px;
 }
 
 .navbar {
-	font-family: 'Poiret One', cursive;
-	text-transform: uppercase;
-	font-size: 22px;
+  font-family: "Poiret One", cursive;
+  text-transform: uppercase;
+  font-size: 22px;
 }
 
 .navbar-dark .navbar-nav .nav-link {
-	margin-right: 25px;
-	color: white !important;
+  margin-right: 25px;
+  color: white !important;
 }
 
 .navbar-dark .navbar-nav .nav-link:focus,
 .navbar-dark .navbar-nav .nav-link:hover {
-	color: rgba(255, 229, 145, .75) !important;
-	opacity: 100 !important;
+  color: rgba(255, 229, 145, 0.75) !important;
+  opacity: 100 !important;
 }
 
 body {
-	background: #2c3d51;
-	color: white;
-	font-family: 'Roboto Condensed', sans-serif;
+  background: #2c3d51;
+  color: white;
+  font-family: "Roboto Condensed", sans-serif;
 }
 
 .page-heading {
-	font-family: 'Oswald', sans-serif;
-	text-transform: uppercase;
-	margin-top: 5px;
-	text-align: center;
+  font-family: "Oswald", sans-serif;
+  text-transform: uppercase;
+  margin-top: 5px;
+  text-align: center;
 }
 
 hr.gold {
-	border-top: 10px solid #f3b137;
-	width: 250px;
+  border-top: 10px solid #f3b137;
+  width: 250px;
 }
 
 .about {
-	text-align: center;
+  text-align: center;
 }
 
 .card-body {
-	background-color: #473322;
-	font-family: 'Roboto Condensed', sans-serif;
+  background-color: #473322;
+  font-family: "Roboto Condensed", sans-serif;
 }
 
 .card-header {
-	background-color: #2f2216;
-	border-bottom: 1px solid #ffe591;
-	font-family: 'Roboto Condensed', sans-serif;
-	border-radius: 0px !important;
+  background-color: #2f2216;
+  border-bottom: 1px solid #ffe591;
+  font-family: "Roboto Condensed", sans-serif;
+  border-radius: 0px !important;
 }
 
 .card-header a {
-	color: #ffe591 !important;
+  color: #ffe591 !important;
 }
 
 .card {
-	border: 1px solid #ffe591;
-	border-radius: 0px !important;
+  border: 1px solid #ffe591;
+  border-radius: 0px !important;
 }
 
-@media (max-width:411px) {
-	.top-bois {
-		display: none !important;
-	}
+@media (max-width: 411px) {
+  .top-bois {
+    display: none !important;
+  }
 }
 
 .top-bois {
-	display: inline-table;
-	width: 100%;
+  display: inline-table;
+  width: 100%;
 }
 
 .carousel-item {
-	height: 90vh;
-	background-size: contain;
+  height: 90vh;
+  background-size: contain;
 }
 
 .carousel-inner {
-	background-color: #2c3d51;
+  background-color: #2c3d51;
 }
 
-@media (max-width:980px) {
-	.carousel-item {
-		background-size: cover;
-	}
+@media (max-width: 980px) {
+  .carousel-item {
+    background-size: cover;
+  }
 }
 
 h1 {
-	font-family: 'Poiret One', cursive;
-	text-transform: uppercase;
+  font-family: "Poiret One", cursive;
+  text-transform: uppercase;
 }
 
 a {
-	color: #ffe591 !important;
+  color: #ffe591 !important;
 }
 
-@media (max-width:576px) {
-	.borderbox {
-		padding: 0px 20px 0px 20px;
-	}
+@media (max-width: 576px) {
+  .borderbox {
+    padding: 0px 20px 0px 20px;
+  }
 }
 
 .inside-carousel {
-	position: relative;
+  position: relative;
 }
 
 .button-carousel,
 .tagline-carousel {
-	right: 0;
-	bottom: 0;
-	left: 0;
-	position: absolute;
-	margin: auto;
-	text-align: center;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  margin: auto;
+  text-align: center;
 }
 
 .button-carousel {
-	background-color: #2f2216;
-	max-width: 200px;
-	padding: 30px;
-	border: 2px solid #ffe591;
-	color: white !important;
-	border-radius: 15px;
+  background-color: #2f2216;
+  max-width: 200px;
+  padding: 30px;
+  border: 2px solid #ffe591;
+  color: white !important;
+  border-radius: 15px;
 }
 
 .button-carousel p {
-	margin-top: -17px;
-	font-family: 'Poiret One', cursive;
-	text-transform: uppercase;
-	font-size: 24px;
+  margin-top: -17px;
+  font-family: "Poiret One", cursive;
+  text-transform: uppercase;
+  font-size: 24px;
 }
 
 .download-button h4 {
-	font-family: 'Poiret One', cursive;
-	text-transform: uppercase;
-	margin-bottom: 0px;
+  font-family: "Poiret One", cursive;
+  text-transform: uppercase;
+  margin-bottom: 0px;
 }
 
 .button-carousel a,
 .download-button a {
-	color: white !important;
+  color: white !important;
 }
 
 .download-button {
-	background-color: #2f2216;
-	max-width: 400px;
-	padding: 10px;
-	text-align: center;
-	border: 2px solid #ffe591;
-	color: white !important;
-	border-radius: 15px;
-	margin: 0 auto;
+  background-color: #2f2216;
+  max-width: 400px;
+  padding: 10px;
+  text-align: center;
+  border: 2px solid #ffe591;
+  color: white !important;
+  border-radius: 15px;
+  margin: 0 auto;
 }
 
 .card {
-	background-color: #2c3d51;
-	;
+  background-color: #2c3d51;
 }
 
 .download-box strong {
-	color: #ffe591;
+  color: #ffe591;
 }
 
 .download-box a,
 .download-button a,
 .links a,
 .card a {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 .acc {
-	text-decoration: none !important;
+  text-decoration: none !important;
 }
 
 a:hover {
-	opacity: 0.8;
+  opacity: 0.8;
 }
 
 .navbar .container {
-	text-align: center;
+  text-align: center;
 }
 
 a.nav-link {
-	text-decoration: none !important;
+  text-decoration: none !important;
 }
 
 ul.serverlist p {
-	color: black;
+  color: black;
 }
 
 a.nav-link {
-	padding: 8px;
+  padding: 8px;
 }
 
 ul.navbar-nav.ml-auto {
-	margin-top: 19px;
-	padding: 0;
+  margin-top: 19px;
+  padding: 0;
 }
 
 nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
-	height: 65px;
-}
\ No newline at end of file
+  height: 65px;
+}
diff --git a/webAO/styles/mod.css b/webAO/styles/mod.css
index 859996f..1e077b3 100644
--- a/webAO/styles/mod.css
+++ b/webAO/styles/mod.css
@@ -1,3 +1,4 @@
-table#client_playerlist td:nth-child(5), td:nth-child(6) {
+table#client_playerlist td:nth-child(5),
+td:nth-child(6) {
   display: inherit;
-}
\ No newline at end of file
+}
diff --git a/webAO/styles/nameplates.css b/webAO/styles/nameplates.css
index ec6cc9e..e75e463 100644
--- a/webAO/styles/nameplates.css
+++ b/webAO/styles/nameplates.css
@@ -1,7 +1,7 @@
 .iclog_nameplate {
-    display: inline;
+  display: inline;
 }
 
 .iclog_showname {
-    display: none;
-}
\ No newline at end of file
+  display: none;
+}
diff --git a/webAO/styles/nomod.css b/webAO/styles/nomod.css
index 79d4d12..1c03547 100644
--- a/webAO/styles/nomod.css
+++ b/webAO/styles/nomod.css
@@ -1,3 +1,4 @@
-table#client_playerlist td:nth-child(5), td:nth-child(6) {
+table#client_playerlist td:nth-child(5),
+td:nth-child(6) {
   display: none;
-}
\ No newline at end of file
+}
diff --git a/webAO/styles/shownames.css b/webAO/styles/shownames.css
index 9ffffaf..1016368 100644
--- a/webAO/styles/shownames.css
+++ b/webAO/styles/shownames.css
@@ -1,7 +1,7 @@
 .iclog_nameplate {
-    display: none;
+  display: none;
 }
 
 .iclog_showname {
-    display: inline;
-}
\ No newline at end of file
+  display: inline;
+}
diff --git a/webAO/styles/soj.css b/webAO/styles/soj.css
index 9e277c4..50759b9 100644
--- a/webAO/styles/soj.css
+++ b/webAO/styles/soj.css
@@ -1,117 +1,122 @@
 body {
-	font-family: sans-serif;
+  font-family: sans-serif;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #848284;
-	outline: 2px ridge #fff;
-	border: 1px solid #181818;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #848284;
+  outline: 2px ridge #fff;
+  border: 1px solid #181818;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #evi_name {
-	color: #e7e3c6;
-	background-color: #293431;
+  color: #e7e3c6;
+  background-color: #293431;
 }
 
 #evi_desc {
-	flex: 1 auto;
-	background: repeating-linear-gradient(#84ae8c, #84ae8c 14px, #4a6952 14px, #4a6952 15px);
+  flex: 1 auto;
+  background: repeating-linear-gradient(
+    #84ae8c,
+    #84ae8c 14px,
+    #4a6952 14px,
+    #4a6952 15px
+  );
 }
 
 .client_button {
-	margin: 1px;
-	padding: 2px 15px;
-	cursor: pointer;
-	text-align: center;
-	font-weight: bold;
-	color: #fff;
-	background: linear-gradient(to bottom, #6b3c10, #422008);
-	border: 1px solid #211408;
-	outline: 1px solid #846129;
-	outline-offset: -1px;
+  margin: 1px;
+  padding: 2px 15px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+  color: #fff;
+  background: linear-gradient(to bottom, #6b3c10, #422008);
+  border: 1px solid #211408;
+  outline: 1px solid #846129;
+  outline-offset: -1px;
 }
 
 #client_log {
-	position: relative;
-	height: 100%;
-	color: #fff;
-	word-break: keep-all;
-	word-wrap: break-word;
-	overflow-wrap: break-word;
-	overflow-y: auto;
-	font-size: medium;
-	background-color: rgba(0, 0, 0, 0.8);
-	text-align: start;
-	line-height: .85em;
+  position: relative;
+  height: 100%;
+  color: #fff;
+  word-break: keep-all;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  overflow-y: auto;
+  font-size: medium;
+  background-color: rgba(0, 0, 0, 0.8);
+  text-align: start;
+  line-height: 0.85em;
 }
 
-#client_log>p {
-	line-height: 1.1em;
-	border-top: 1px solid rgba(255, 255, 255, 0.2);
-	border-bottom: 1px solid #000;
+#client_log > p {
+  line-height: 1.1em;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  border-bottom: 1px solid #000;
 }
 
 .iclog_name {
-	font-weight: initial;
-	padding-right: .35em;
-	text-shadow:
-		0 0 3px #39307b,
-		-1px -1px 0 #39307b,
-		1px -1px 0 #39307b,
-		-1px 1px 0 #39307b,
-		1px 1px 0 #39307b;
+  font-weight: initial;
+  padding-right: 0.35em;
+  text-shadow:
+    0 0 3px #39307b,
+    -1px -1px 0 #39307b,
+    1px -1px 0 #39307b,
+    -1px 1px 0 #39307b,
+    1px 1px 0 #39307b;
 }
 
 .iclog_text::before {
-	content: "\A";
-	white-space: pre;
+  content: "\A";
+  white-space: pre;
 }
 
 .iclog_time {
-	float: right;
-	padding-right: .5em;
-	color: #dbdbdb;
+  float: right;
+  padding-right: 0.5em;
+  color: #dbdbdb;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #169de0;
+#client_defense_hp > .health-bar {
+  background-color: #169de0;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #e01f5f;
+#client_prosecutor_hp > .health-bar {
+  background-color: #e01f5f;
 }
 
 .health-box {
-	background-color: #555;
-	height: 20px;
-	width: 50%;
-	margin: 0 auto;
-	border: solid 2px #aaa;
-	border-radius: 5px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #555;
+  height: 20px;
+  width: 50%;
+  margin: 0 auto;
+  border: solid 2px #aaa;
+  border-radius: 5px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 100%;
-	border-radius: 3px;
-	bottom: 0;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  bottom: 0;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
diff --git a/webAO/styles/speen.css b/webAO/styles/speen.css
index f1677bb..ee31bb8 100644
--- a/webAO/styles/speen.css
+++ b/webAO/styles/speen.css
@@ -1,123 +1,123 @@
 body {
-	font-family: sans-serif;
+  font-family: sans-serif;
 }
 
 div * {
-	font-family: "Comic Sans MS", Sans-Serif !important;
+  font-family: "Comic Sans MS", Sans-Serif !important;
 }
 
 img {
-	image-rendering: crisp-edges;
-	image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  image-rendering: pixelated;
 }
 
 img {
-	animation: drunk 500s linear infinite;
+  animation: drunk 500s linear infinite;
 }
 
 #client_chatcontainer {
-	animation: drunk 1000s ease-in-out infinite;
+  animation: drunk 1000s ease-in-out infinite;
 }
 
 button:hover {
-	animation: speen 2s linear reverse infinite;
+  animation: speen 2s linear reverse infinite;
 }
 
 .area-button:hover {
-	animation: speen 2s linear infinite;
+  animation: speen 2s linear infinite;
 }
 
 .menu_button {
-	animation: speen 2s linear infinite;
+  animation: speen 2s linear infinite;
 }
 
 @keyframes drunk {
-	0% {
-		transform: rotate(0);
-	}
+  0% {
+    transform: rotate(0);
+  }
 
-	20% {
-		transform: rotate(20deg);
-	}
+  20% {
+    transform: rotate(20deg);
+  }
 
-	80% {
-		transform: rotate(-20deg);
-	}
+  80% {
+    transform: rotate(-20deg);
+  }
 
-	100% {
-		transform: rotate(0deg);
-	}
+  100% {
+    transform: rotate(0deg);
+  }
 }
 
 @keyframes speen {
-	0% {
-		transform: rotate(0);
-	}
+  0% {
+    transform: rotate(0);
+  }
 
-	100% {
-		transform: rotate(360deg);
-	}
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 .client_button {
-	margin: 1px;
-	padding: 2px 15px;
-	cursor: pointer;
-	text-align: center;
-	font-weight: bold;
-	color: white;
-	background-color: #7b2900;
-	border-radius: 3px;
-	border-style: solid;
-	border-width: 1px;
-	border-color: #fff;
-	box-shadow: 1px 1px inset;
+  margin: 1px;
+  padding: 2px 15px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+  color: white;
+  background-color: #7b2900;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: #fff;
+  box-shadow: 1px 1px inset;
 }
 
 .evi_icon {
-	width: 70px;
-	min-width: 70px;
-	height: 70px;
-	background-color: #7b7b7b;
-	outline: 2px ridge #fff;
-	outline-offset: -2px;
-	margin-right: 2px;
+  width: 70px;
+  min-width: 70px;
+  height: 70px;
+  background-color: #7b7b7b;
+  outline: 2px ridge #fff;
+  outline-offset: -2px;
+  margin-right: 2px;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #169de0;
+#client_defense_hp > .health-bar {
+  background-color: #169de0;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #e01f5f;
+#client_prosecutor_hp > .health-bar {
+  background-color: #e01f5f;
 }
 
 .health-box {
-	background-color: #555;
-	height: 20px;
-	width: 50%;
-	margin: 0 auto;
-	border: solid 2px #aaa;
-	border-radius: 5px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #555;
+  height: 20px;
+  width: 50%;
+  margin: 0 auto;
+  border: solid 2px #aaa;
+  border-radius: 5px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 100%;
-	border-radius: 3px;
-	bottom: 0;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  bottom: 0;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
diff --git a/webAO/styles/trilogy.css b/webAO/styles/trilogy.css
index 0d12a37..03552b9 100644
--- a/webAO/styles/trilogy.css
+++ b/webAO/styles/trilogy.css
@@ -1,78 +1,78 @@
 body {
-	font-family: "FOTK-Yoon Mincho 740", serif;
+  font-family: "FOTK-Yoon Mincho 740", serif;
 }
 
 .client_button {
-	margin: 1px;
-	padding: 2px 15px;
-	cursor: pointer;
-	text-align: center;
-	font-weight: bold;
-	color: white;
-	background-color: #2781b2;
-	border: 2px solid white;
+  margin: 1px;
+  padding: 2px 15px;
+  cursor: pointer;
+  text-align: center;
+  font-weight: bold;
+  color: white;
+  background-color: #2781b2;
+  border: 2px solid white;
 }
 
 .client_button:hover {
-	outline: 1px solid #ffc31d;
-	outline-offset: 7px;
+  outline: 1px solid #ffc31d;
+  outline-offset: 7px;
 }
 
 .client_button:active {
-	background-color: #f2b91c;
+  background-color: #f2b91c;
 }
 
 #client_defense_hp {
-	text-align: left;
+  text-align: left;
 }
 
-#client_defense_hp>.health-bar {
-	background-color: #169de0;
+#client_defense_hp > .health-bar {
+  background-color: #169de0;
 }
 
 #client_prosecutor_hp {
-	text-align: right;
+  text-align: right;
 }
 
-#client_prosecutor_hp>.health-bar {
-	background-color: #e01f5f;
+#client_prosecutor_hp > .health-bar {
+  background-color: #e01f5f;
 }
 
 .health-box {
-	background-color: #555;
-	height: 20px;
-	width: 50%;
-	margin: 0 auto;
-	border: solid 2px #aaa;
-	border-radius: 5px;
-	box-sizing: border-box;
-	display: block;
+  background-color: #555;
+  height: 20px;
+  width: 50%;
+  margin: 0 auto;
+  border: solid 2px #aaa;
+  border-radius: 5px;
+  box-sizing: border-box;
+  display: block;
 }
 
 .health-bar {
-	width: 100%;
-	height: 100%;
-	border-radius: 3px;
-	bottom: 0;
-	position: relative;
-	display: inline-block;
-	transition: 1s linear;
-	transition-property: width;
+  width: 100%;
+  height: 100%;
+  border-radius: 3px;
+  bottom: 0;
+  position: relative;
+  display: inline-block;
+  transition: 1s linear;
+  transition-property: width;
 }
 
 #client_menu {
-	background-image: url("trilogy_bg.png");
-	background-repeat: repeat;
+  background-image: url("trilogy_bg.png");
+  background-repeat: repeat;
 }
 
 #client_iccontrols {
-	background-image: url("trilogy_bg.png");
-	background-repeat: repeat;
+  background-image: url("trilogy_bg.png");
+  background-repeat: repeat;
 }
 
 .evi_icon {
-	background-color: #bebfbc;
-	border: 0.1em solid #f8f5f2;
-	outline: 0.2em solid #2988bc;
-	outline-offset: -0.2em;
+  background-color: #bebfbc;
+  border: 0.1em solid #f8f5f2;
+  outline: 0.2em solid #2988bc;
+  outline-offset: -0.2em;
 }