1 files changed, 38 insertions, 24 deletions

diff --git a/style.css b/style.css
index 43242aa..dd7cb07 100644
--- a/style.css
+++ b/style.css
@@ -5,22 +5,49 @@ body {
 }
 
 .wreck {
-	width: 20px;
+	width: 18px;
 	cursor: pointer;
 	padding: 2px;
-	fill: none;
-	stroke: #eee;
-	stroke-width: 0.4;
-	stroke-dasharray: 1;
+	fill: #eee;
 }
 
-.wreck.killed {
-	stroke: none;
-	fill: #eee;
+.label {
+	color: #eee;
+	position: absolute;
+	top: -0.2em;
+	left: calc(100% + 0.4em);
+	padding: 0.2em 0.4em;
+	background: #000b;
+	border-radius: 0.5em;
+	border: 1px solid #444;
+	pointer-events: none;
+	width: max-content;
+}
+
+.future {
+	opacity: 0.3;
+}
+
+.killed {
+	opacity: 1;
+}
+
+.expired {
+	opacity: 0.3;
 }
 
 .wreck:hover {
-	border: 2px solid #eee;
+	opacity: 1;
+	border: 3px solid #ff6a00;
+	border-radius: 0.5em;
+}
+
+.wreck .label {
+	display: none;
+}
+
+.wreck:hover .label {
+	display: block;
 }
 
 .wreck::before {
@@ -34,27 +61,14 @@ body {
 	overflow: hidden;
 }
 
-.wreck.teamA::before {
+.teamA::before {
 	background: #cc0899;
 }
 
-.wreck.teamB::before {
+.teamB::before {
 	background: #14ea6a;
 }
 
-.label {
-	color: #eee;
-	position: absolute;
-	top: -0.2em;
-	left: calc(100% + 0.4em);
-	padding: 0.2em 0.4em;
-	background: #000b;
-	border-radius: 0.5em;
-	border: 1px solid #444;
-	pointer-events: none;
-	width: max-content;
-}
-
 #wrapper {
 	display: flex;
 	width: 100vw;