2 files changed, 15 insertions, 23 deletions

diff --git a/play.css b/play.css
index cafbff5..0963ad1 100644
--- a/play.css
+++ b/play.css
@@ -1,11 +1,11 @@
 main { background-color: slategray; }
 aside { background-color: gainsboro; }
 header { background-color: silver; }
-.card_info { background-color: silver; }
+#turn_info { background-color: silver; }
 body.Tripolitania header.your_turn { background-color: salmon; }
 body.United_States header.your_turn { background-color: skyblue; }
-#role_United_States .role_name { background-color: skyblue; }
-#role_Tripolitania .role_name { background-color: salmon; }
+#role_United_States { background-color: skyblue; }
+#role_Tripolitania { background-color: salmon; }
 
 #log { background-color: #eee; }
 #log div { padding-left: 20px; text-indent: -12px; }
@@ -43,18 +43,14 @@ body.United_States header.your_turn { background-color: skyblue; }
 }
 
 @media (max-height: 700px) {
-	.card_info { display: none }
+	#turn_info { display: none }
 }
 
 body.Observer #hand_cards { display: none; }
 body.Observer .hand_separator { display: none; }
 
-.role_vp {
-	float: right;
-}
-
-.role_info, .card_info {
-	border-bottom: 1px solid black;
+.role_info {
+	background-color: gainsboro;
 }
 
 .card {
@@ -84,11 +80,11 @@ body.Observer .hand_separator { display: none; }
 	filter: grayscale(100%);
 }
 
-.card_info {
+#turn_info {
 	padding: 10px 0;
 }
 
-.card_info .card {
+#turn_info .card {
 	margin: 0 auto;
 	width: 125px;
 	height: 175px;
diff --git a/play.html b/play.html
index eef9568..f9a35ed 100644
--- a/play.html
+++ b/play.html
@@ -56,23 +56,19 @@
 <aside>
 	<div id="roles">
 		<div class="role" id="role_United_States">
-			<div class="role_name">
-				United States
-				<div class="role_vp" id="us_score">30</div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name">United States</div>
+			<div class="role_stat" id="us_score">30</div>
+			<div class="role_user">-</div>
 			<div class="role_info" id="us_info">Hand: X / Draw: X / Discard: X</div>
 		</div>
 		<div class="role" id="role_Tripolitania">
-			<div class="role_name">
-				Tripolitania
-				<div class="role_vp" id="tr_score">0</div>
-				<div class="role_user">-</div>
-			</div>
+			<div class="role_name">Tripolitania</div>
+			<div class="role_stat" id="tr_score">0</div>
+			<div class="role_user">-</div>
 			<div class="role_info" id="tr_info">Hand: X / Draw: X / Discard: X</div>
 		</div>
-		<div class="card_info"><div id="active_card" class="card show blank"></div></div>
 	</div>
+	<div id="turn_info"><div id="active_card" class="card show blank"></div></div>
 	<div id="log"></div>
 </aside>