Merge branch 'master' into 2fa

34 files changed, 556 insertions, 36 deletions

diff --git a/webAO/styles/chatbox/aa.css b/webAO/styles/chatbox/aa.css
index 33428ae..a504daf 100644
--- a/webAO/styles/chatbox/aa.css
+++ b/webAO/styles/chatbox/aa.css
@@ -86,7 +86,6 @@
 	text-justify: distribute;
 	line-height: 100%;
 	margin: 0;
-	margin-top: 2.75%;
 }
 
 #client_chat {
@@ -139,4 +138,12 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/acww.css b/webAO/styles/chatbox/acww.css
index 9818b4e..dd899b9 100644
--- a/webAO/styles/chatbox/acww.css
+++ b/webAO/styles/chatbox/acww.css
@@ -2,6 +2,54 @@
 	color: #000;
 }
 
+.text_green {
+	color: #009600;
+}
+
+.text_red {
+	color: #ff0859;
+}
+
+.text_orange {
+	color: #610000;
+}
+
+.text_blue {
+	color: #7900ff;
+}
+
+.text_yellow {
+	color: #ff0;
+}
+
+.text_pink {
+	color: #ff51ff;
+}
+
+.text_cyan {	
+	color: #0038ff;
+}
+
+.text_grey {
+	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-face {
+	font-family:'Ace Name';
+		src: url('./ace-name.ttf');
+	font-weight:normal;
+	font-style:normal;
+}
+
 #client_chatcontainer {
 	display: block;
 	position: absolute;
@@ -21,7 +69,7 @@
 	min-width: 11%;	
 	font-size: 0.8em;
     background: #d8f8a0;
-    color: #004000;
+    color: #040;
 	margin: 0;
 	padding-top: 0.4%;
 	padding-left: 1.955%;
@@ -29,11 +77,11 @@
 	border-color: #b0f818;
 	border-style: solid;
 	border-width: 0.3em 0.6em;
-    border-radius: 10%/50%;	
+    border-radius: 15%/50%;	
     box-shadow: 0 0.3em #70c020;
     line-height: 100%;
 	z-index: 1;
-	font-family: sans-serif;
+	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 {
@@ -51,11 +99,6 @@
 	width: 100%;
 	height: 87%;
 	margin: auto;
-	/*border-color: darkgray;
-	border-style: solid;
-	border-width: 0.15em;
-	border-radius: 0.15em;
-    background-color: white;*/
     background-image: url("acww.svg");
     background-size: cover;
     background-repeat: no-repeat;
@@ -64,11 +107,11 @@
 	text-align: left;
 	overflow: hidden;
 	scroll-behavior: smooth;
-	font-family: sans-serif;
+	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% 12%;
+	padding: 5% 16%;
 	margin: 0;
 	line-height: 100%;
 }
@@ -84,7 +127,7 @@
     height: 1.5em;
     background-image: url("chatwaiting_acww.svg");
 	background-size: contain;
-	animation: idling 0.4s linear infinite;
+	animation: idling 0.4s steps(1) infinite;
 }
 
 @keyframes idling {
@@ -99,4 +142,81 @@
 	100% {
 		bottom: 12%;
 	}
+}
+
+#client_trackstatus {
+	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;
+}
+
+#client_clock_month {
+	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%;
+}
+
+#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;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/bricks.svg b/webAO/styles/chatbox/bricks.svg
new file mode 100644
index 0000000..6baca51
--- /dev/null
+++ b/webAO/styles/chatbox/bricks.svg
@@ -0,0 +1,11 @@
+<svg id="SVGRoot" width="16px" height="16px" version="1.1" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+ <rect width="16" height="16" fill="#a55"/>
+ <g transform="matrix(.9814 0 0 .9816 .04907 .04908)" fill="none" stroke="#744">
+  <path d="m0 0.2h16" stroke-width=".5"/>
+  <path d="m-0.05 16h16.3" stroke-width=".5"/>
+  <path d="m-0.05 8.1h16.3" stroke-width=".9"/>
+  <path d="m8.101 8.1v8.15" stroke-width=".9px"/>
+  <path d="m0.2047-0.05v8.15" stroke-width=".5"/>
+  <path d="m16-0.05v8.15" stroke-width=".5"/>
+ </g>
+</svg>
diff --git a/webAO/styles/chatbox/chat999.css b/webAO/styles/chatbox/chat999.css
index 55c7194..de20d28 100644
--- a/webAO/styles/chatbox/chat999.css
+++ b/webAO/styles/chatbox/chat999.css
@@ -117,4 +117,12 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatdd.css b/webAO/styles/chatbox/chatdd.css
index 7fb6bee..d1561a4 100644
--- a/webAO/styles/chatbox/chatdd.css
+++ b/webAO/styles/chatbox/chatdd.css
@@ -100,4 +100,12 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatdr2.css b/webAO/styles/chatbox/chatdr2.css
index 73187f1..59b11dc 100644
--- a/webAO/styles/chatbox/chatdr2.css
+++ b/webAO/styles/chatbox/chatdr2.css
@@ -45,6 +45,7 @@
 
 #client_name {
     display: block;
+	position: absolute;
 	height: 100%;
 	width: 7%;
 	text-align: left;
@@ -55,8 +56,6 @@
 	box-shadow: 0.3em 0px 0 #ff9700;
 	left: 0;
     bottom: 0;
-	position: absolute;
-	z-index: 1;
 }
 
 #client_inner_name {
@@ -98,4 +97,31 @@
 
 #client_chatwaiting {
 	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;
+}
+
+#client_trackstatustext {
+	position: absolute;
+	top: 6%;
+	left: 25%;
+	width: 50%;
+	color: #f84f00;
+    font-family: monospace;
+	font-size: 1.2em;
+	white-space: nowrap;
+}
+
+#client_trackstatus {
+	display: fuck;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatfuture.css b/webAO/styles/chatbox/chatfuture.css
index 8b2f6a4..cd638f4 100644
--- a/webAO/styles/chatbox/chatfuture.css
+++ b/webAO/styles/chatbox/chatfuture.css
@@ -126,4 +126,12 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatp3.css b/webAO/styles/chatbox/chatp3.css
index c8ed3f8..8c6a39d 100644
--- a/webAO/styles/chatbox/chatp3.css
+++ b/webAO/styles/chatbox/chatp3.css
@@ -110,4 +110,8 @@
         bottom: 0.5em;
         opacity: 1;
 	}
+}
+
+#client_trackstatus {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatplvsaa.css b/webAO/styles/chatbox/chatplvsaa.css
index 23a8ea0..a656e9b 100644
--- a/webAO/styles/chatbox/chatplvsaa.css
+++ b/webAO/styles/chatbox/chatplvsaa.css
@@ -1,5 +1,5 @@
 .text_white {
-	color: #fff;
+	color: #120f09;
 }
 
 .text_blue {
@@ -53,33 +53,39 @@
 
 #client_name {
     display: block;
-    left: 1%;
+    left: 2%;
     top: 0;
     height: 20%;
     min-width: 15%;
 	padding: 0px 6px;	
-    border: 2px ridge #b1822d;
-    border-radius: 0.4em;
-    background: #783500;
+	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;
 }
 
 #client_chat {
 	font-size: 1em;
 	display: block;
     width: 99%;
-    width: calc(100% - 4px);
+    width: calc(100% - 0.4em);
 	margin: auto;
     height: 80%;
-    border: 2px ridge #d9a63b;
-    border-radius: 0.5em;
-	background-color: rgba(148,96,0,0.6);
+	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;
@@ -90,10 +96,18 @@
 }
 
 #client_inner_chat {
-	margin: 6px;
-	padding: 6px 20px;
+	margin: 0.1em;
+	padding: 0.3em 0.6em;
 }
 
 #client_chatwaiting {
 	display: none;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/chatwaiting_acww.svg b/webAO/styles/chatbox/chatwaiting_acww.svg
index 0f86322..057bf37 100644
--- a/webAO/styles/chatbox/chatwaiting_acww.svg
+++ b/webAO/styles/chatbox/chatwaiting_acww.svg
@@ -1 +1,50 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 4.2 4.5"><image width="4.2" height="4.5" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAABHNCSVQICAgIfAhkiAAAALNJREFU OI2VkrsVwyAMRZ99UlBmlJSUKT2CR3DJKCkzgkdwSekxKD2COqeC8JEsrMrC8O4VhwGv7cTNov2d vh/1glbG+qIfucXewwAwENFprO+yMNZjeR6tQfzpArEHXSDRcgTKO8hDXKCir+lphGgAAMtqm03f eWcDPtv8H0G7A46eRuBoUp/TmwDJQqKzBjlVo7MBtcUVXTTopYsB0UKjA9k7kMpNq0gXDe6UGhCp HB0Afq/yUx1qGz9eAAAAAElFTkSuQmCC "/><path d="M0.9 0.9H4.1l-1.6 3.6z" style="fill:#6840a0;stroke-width:0.3"/><path d="M0.3 0.3 1.7 3.3 3.2 0.3Z" style="fill:#68d8f0;stroke-width:0.3px"/><path d="M0.3 0.3H3.2L1.7 1.5Z" style="fill:#fff;stroke-width:0.3"/><path d="M0.1 0.1H3.3l-1.6 3.4z" style="fill:none;stroke-width:0.3;stroke:#0030b8"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="16"
+   height="17"
+   viewBox="0 0 4.2 4.5"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="chatwaiting_acww.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="51.352941"
+     inkscape:cx="7.9936999"
+     inkscape:cy="8.5"
+     inkscape:window-width="3840"
+     inkscape:window-height="2097"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <path
+     d="M0.9 0.9H4.1l-1.6 3.6z"
+     style="fill:#6840a0;stroke-width:0.3"
+     id="path4" />
+  <path
+     d="M0.3 0.3 1.7 3.3 3.2 0.3Z"
+     style="fill:#68d8f0;stroke-width:0.3px"
+     id="path6" />
+  <path
+     d="M0.3 0.3H3.2L1.7 1.5Z"
+     style="fill:#fff;stroke-width:0.3"
+     id="path8" />
+  <path
+     d="M0.1 0.1H3.3l-1.6 3.4z"
+     style="fill:none;stroke-width:0.3;stroke:#0030b8"
+     id="path10" />
+</svg>
diff --git a/webAO/styles/chatbox/ddlc.css b/webAO/styles/chatbox/ddlc.css
index 01d30e8..0b019fb 100644
--- a/webAO/styles/chatbox/ddlc.css
+++ b/webAO/styles/chatbox/ddlc.css
@@ -1,46 +1,37 @@
 .text_white {
     color: #fff;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_blue {
     color: #6bc6f7;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_green {
     color: #00f700;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_red {
     color: #f00;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_orange {
     color: #f77339;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_yellow {
     color: #ff0;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_pink {
     color: #ffc0cb;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_cyan {
     color: #0ff;
-    -webkit-text-stroke: 0.04em #523643;
 }
 
 .text_grey {
 	color: #bbb;
-	-webkit-text-stroke: 0.04em #523643;
 }
 
 #client_chatcontainer {
@@ -97,6 +88,7 @@
     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;
@@ -131,4 +123,12 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/dgs.css b/webAO/styles/chatbox/dgs.css
index 654b86c..77b8db0 100644
--- a/webAO/styles/chatbox/dgs.css
+++ b/webAO/styles/chatbox/dgs.css
@@ -133,3 +133,11 @@
 		right: 0.6em;
 	}
 }
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
+}
\ No newline at end of file
diff --git a/webAO/styles/chatbox/dr1.css b/webAO/styles/chatbox/dr1.css
index 7696b26..ced1932 100644
--- a/webAO/styles/chatbox/dr1.css
+++ b/webAO/styles/chatbox/dr1.css
@@ -155,4 +155,8 @@
 @keyframes marquee {
     from  { text-indent:  0% }
     to    { text-indent: -125% }
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/drae.css b/webAO/styles/chatbox/drae.css
index 14bde1d..d5b9fa0 100644
--- a/webAO/styles/chatbox/drae.css
+++ b/webAO/styles/chatbox/drae.css
@@ -99,4 +99,12 @@
 
 #client_chatwaiting {
 	display: none;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/drv3.css b/webAO/styles/chatbox/drv3.css
index 2a9e6d3..c7eb957 100644
--- a/webAO/styles/chatbox/drv3.css
+++ b/webAO/styles/chatbox/drv3.css
@@ -60,7 +60,6 @@
 
 #client_inner_name {
     transform: skew(-15deg);
-	padding: 0 2%;
 	margin: 1px;
 }
 
@@ -95,4 +94,27 @@
 
 #client_chatwaiting {
 	display: none;
+}
+
+#client_trackstatus {
+	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;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/drv3chatbox.png b/webAO/styles/chatbox/drv3chatbox.png
index ecf5e1f..224e2c5 100644
--- a/webAO/styles/chatbox/drv3chatbox.png
+++ b/webAO/styles/chatbox/drv3chatbox.png
diff --git a/webAO/styles/chatbox/drv3trackstatus.png b/webAO/styles/chatbox/drv3trackstatus.png
new file mode 100644
index 0000000..200ef18
--- /dev/null
+++ b/webAO/styles/chatbox/drv3trackstatus.png
diff --git a/webAO/styles/chatbox/drv3trackstatustext.png b/webAO/styles/chatbox/drv3trackstatustext.png
new file mode 100644
index 0000000..6bbe27f
--- /dev/null
+++ b/webAO/styles/chatbox/drv3trackstatustext.png
diff --git a/webAO/styles/chatbox/ff.css b/webAO/styles/chatbox/ff.css
index d0b00b8..942794b 100644
--- a/webAO/styles/chatbox/ff.css
+++ b/webAO/styles/chatbox/ff.css
@@ -100,4 +100,12 @@
 	padding: 0.4% 2.8%;
 	margin: 1px;
 	line-height: 100%;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/halla.css b/webAO/styles/chatbox/halla.css
index 53622a6..0932937 100644
--- a/webAO/styles/chatbox/halla.css
+++ b/webAO/styles/chatbox/halla.css
@@ -132,4 +132,12 @@
 	50% {
 		color: #fff;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/homestuck.css b/webAO/styles/chatbox/homestuck.css
index aea8f99..e6eea68 100644
--- a/webAO/styles/chatbox/homestuck.css
+++ b/webAO/styles/chatbox/homestuck.css
@@ -72,4 +72,12 @@
 	position: absolute;
 	left: 2%;
 	bottom: 2%;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/key.css b/webAO/styles/chatbox/key.css
index 43efed4..77f2e99 100644
--- a/webAO/styles/chatbox/key.css
+++ b/webAO/styles/chatbox/key.css
@@ -47,6 +47,7 @@
 	width: 100%;
     filter: none;
     font-family: "Verdana";
+	transition: height 1s linear;
 }
 
 #client_chatdecoration {
@@ -133,4 +134,74 @@
 	100% {
 		transform: rotate(90deg) scaleY(1);
 	}
+}
+
+#client_trackstatus {
+	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;
+}
+
+#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;
+}
+
+#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: 3em;
+	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;
+}
+
+#client_clock_time {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/legacy.css b/webAO/styles/chatbox/legacy.css
index 3fce78f..debbcb3 100644
--- a/webAO/styles/chatbox/legacy.css
+++ b/webAO/styles/chatbox/legacy.css
@@ -86,4 +86,12 @@
 
 #client_chatwaiting {
 	display: none;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/music_dr2.svg b/webAO/styles/chatbox/music_dr2.svg
new file mode 100644
index 0000000..189c45e
--- /dev/null
+++ b/webAO/styles/chatbox/music_dr2.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="128"
+   height="128"
+   viewBox="0 0 33.866666 33.866666"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
+   sodipodi:docname="clock_dr2.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="px"
+     showgrid="true"
+     units="px"
+     inkscape:zoom="6.2217172"
+     inkscape:cx="86.873123"
+     inkscape:cy="58.263658"
+     inkscape:window-width="1997"
+     inkscape:window-height="1229"
+     inkscape:window-x="1151"
+     inkscape:window-y="656"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid21144" />
+  </sodipodi:namedview>
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:#ffd800;stroke:#000000;stroke-width:0.13229166;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.49615383;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1"
+       d="M 0,0 H 33.866666 L 0,33.866666 Z"
+       id="path92"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:#343434;fill-opacity:1;stroke:#ffd800;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 7.5406249,29.368749 c -1.4552084,0 -4.6302083,-0.529166 -4.6302083,-4.233333 0.2645833,-2.645833 1.8520833,-1.5875 1.3229166,-5.027083 C 3.7041666,18.785416 3.9687499,17.4625 6.3499999,16.66875 L 6.6145832,7.4083332 H 6.0854165 V 6.8791665 H 5.5562499 v -0.79375 H 6.0854165 V 5.0270832 H 5.5562499 v -0.79375 H 6.0854165 V 3.7041666 L 7.5406249,2.6458333 8.9958332,3.7041666 v 0.5291666 h 0.5291666 v 0.79375 H 8.9958332 v 1.0583333 h 0.5291666 v 0.79375 H 8.9958332 V 7.4083332 H 8.4666665 L 8.7312498,16.66875 c 2.3812502,0.79375 2.6458332,2.116666 2.1166662,3.439583 -0.529166,3.439583 1.058334,2.38125 1.587503,5.027084 -3e-6,3.968749 -3.1750025,4.233332 -4.8947941,4.233332 z"
+       id="path800"
+       sodipodi:nodetypes="ccccccccccccccccccccccccccccccc" />
+    <ellipse
+       style="fill:#ffd800;fill-opacity:1;stroke:#343434;stroke-width:0.240384;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path16494"
+       cx="7.6729164"
+       cy="20.902082"
+       rx="1.8641829"
+       ry="1.8641828" />
+  </g>
+</svg>
diff --git a/webAO/styles/chatbox/n64zelda.css b/webAO/styles/chatbox/n64zelda.css
index 5c203b8..35187f0 100644
--- a/webAO/styles/chatbox/n64zelda.css
+++ b/webAO/styles/chatbox/n64zelda.css
@@ -106,4 +106,12 @@
         color: #3282ff;
         text-shadow: 0 0 0.2em #3282ff;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/p4.css b/webAO/styles/chatbox/p4.css
index 3128d66..7389fae 100644
--- a/webAO/styles/chatbox/p4.css
+++ b/webAO/styles/chatbox/p4.css
@@ -108,4 +108,8 @@
 
 #client_chatwaiting {
 	display: none;
+}
+
+#client_trackstatus {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/p5.css b/webAO/styles/chatbox/p5.css
index 5df386a..da27529 100644
--- a/webAO/styles/chatbox/p5.css
+++ b/webAO/styles/chatbox/p5.css
@@ -104,4 +104,8 @@
 	100% {
 		right: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/papermario.css b/webAO/styles/chatbox/papermario.css
index 1d15590..587fcd1 100644
--- a/webAO/styles/chatbox/papermario.css
+++ b/webAO/styles/chatbox/papermario.css
@@ -90,4 +90,12 @@
 	to {
 		transform: rotate(20deg);
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/plvspw.png b/webAO/styles/chatbox/plvspw.png
new file mode 100644
index 0000000..ba6a7e8
--- /dev/null
+++ b/webAO/styles/chatbox/plvspw.png
diff --git a/webAO/styles/chatbox/plvspw_name.png b/webAO/styles/chatbox/plvspw_name.png
new file mode 100644
index 0000000..d9fc4e1
--- /dev/null
+++ b/webAO/styles/chatbox/plvspw_name.png
diff --git a/webAO/styles/chatbox/trilogy.css b/webAO/styles/chatbox/trilogy.css
index bc455e9..05b98b7 100644
--- a/webAO/styles/chatbox/trilogy.css
+++ b/webAO/styles/chatbox/trilogy.css
@@ -109,4 +109,12 @@
 	100% {
 		right: 0.6em;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/whentheycry.css b/webAO/styles/chatbox/whentheycry.css
index ba11f02..1a08e27 100644
--- a/webAO/styles/chatbox/whentheycry.css
+++ b/webAO/styles/chatbox/whentheycry.css
@@ -103,4 +103,12 @@
 		left: 0.2em;
         top: 0;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/yakuza.css b/webAO/styles/chatbox/yakuza.css
index 683e11b..40da26c 100644
--- a/webAO/styles/chatbox/yakuza.css
+++ b/webAO/styles/chatbox/yakuza.css
@@ -100,4 +100,12 @@
     background-image: url("x_button.svg");
 	background-size: contain;
 	transition: opacity 0.2s;
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file
diff --git a/webAO/styles/chatbox/yttd.css b/webAO/styles/chatbox/yttd.css
index c7e327b..b6bebc7 100644
--- a/webAO/styles/chatbox/yttd.css
+++ b/webAO/styles/chatbox/yttd.css
@@ -111,4 +111,12 @@
 	100% {
 		bottom: 2px;
 	}
+}
+
+#client_trackstatus {
+	display: none;
+}
+
+#client_clock {
+	display: none;
 }
\ No newline at end of file