Always show Hand panel.

2 files changed, 10 insertions, 6 deletions

diff --git a/play.css b/play.css
index e2a0109..48223ac 100644
--- a/play.css
+++ b/play.css
@@ -88,7 +88,11 @@ body header.fascist.your_turn { background-color: hsl(30, 35%, 65%); }
 
 /* PANELS */
 
-.panel:has(.panel_body:empty) {
+.panel.autohide:has(.panel_body:empty) {
+	display: none;
+}
+
+body.Observer #hand_panel {
 	display: none;
 }
 
diff --git a/play.html b/play.html
index 8000203..393b9c7 100644
--- a/play.html
+++ b/play.html
@@ -48,12 +48,12 @@
 		</div>
 	</div>
 
-	<div class="panel fascist">
+	<div class="autohide panel fascist">
 		<div class="panel_header">Fascist Cards</div>
 		<div id="fascist_cards" class="panel_body"></div>
 	</div>
 
-	<div class="panel trash">
+	<div class="autohide panel trash">
 		<div class="panel_header">Trash</div>
 		<div id="trash" class="panel_body"></div>
 	</div>
@@ -64,17 +64,17 @@
 	</div>
 
 	<div id="player_areas">
-		<div id="player_area_a" class="panel anarchist">
+		<div id="player_area_a" class="autohide panel anarchist">
 			<div class="panel_header">Anarchist Tableau</div>
 			<div id="tableau_a" class="panel_body"></div>
 			<div id="tokens_a" class="token_pool"></div>
 		</div>
-		<div id="player_area_c" class="panel communist">
+		<div id="player_area_c" class="autohide panel communist">
 			<div class="panel_header">Communist Tableau</div>
 			<div id="tableau_c" class="panel_body"></div>
 			<div id="tokens_c" class="token_pool"></div>
 		</div>
-		<div id="player_area_m" class="panel moderate">
+		<div id="player_area_m" class="autohide panel moderate">
 			<div class="panel_header">Moderate Tableau</div>
 			<div id="tableau_m" class="panel_body"></div>
 			<div id="tokens_m" class="token_pool"></div>