Add small power cards

1 files changed, 64 insertions, 65 deletions

diff --git a/play.css b/play.css
index a0d7094..0619a98 100644
--- a/play.css
+++ b/play.css
@@ -39,6 +39,7 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 #log { background-color: floralwhite }
 #log .h1 { background-color: tan }
 #log .h2 { background-color: wheat }
+#log .h3 { background-color: wheat }
 #log .h2.dem { background-color: hsl(206, 85%, 80%); }
 #log .h2.com { background-color: hsl(355, 70%, 80%); }
 
@@ -233,22 +234,14 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 	min-height: 350px;
 }
 
-.panel:has(.panel_body:empty) {
-	display: none;
+.panel_body.power {
+	min-height: 263px;
 }
 
-#scoring_card_panel {
-	display: flex;
-	flex-direction: column; 
-	width: 100%; 
-}
-
-#scoring_card_panel .card_row {
-	display: flex;
-	gap: 10px;
+.panel.autohide:has(.panel_body:empty) {
+	display: none;
 }
 
-
 /* CARD IMAGES */
 
 #tooltip {
@@ -269,6 +262,12 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 	box-shadow: 0 0 0 1px #444, 1px 2px 4px #0004;
 }
 
+.power_card {
+	width: 188px;
+	height: 263px;
+	border-radius: 12px;
+}
+
 .card.action {
 	box-shadow: 0 0 0 1px #444, 0 0 0 4px white;
 }
@@ -389,56 +388,56 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 .card.event_109 { background-image: url(cards100/event_109.avif) }
 .card.event_110 { background-image: url(cards100/event_110.avif) }
 
-.card.power_0 { background-image: url(cards100/power_back.avif) }
-.card.power_1 { background-image: url(cards100/power_1_6.avif) }
-.card.power_2 { background-image: url(cards100/power_1_6.avif) }
-.card.power_3 { background-image: url(cards100/power_1_6.avif) }
-.card.power_4 { background-image: url(cards100/power_1_6.avif) }
-.card.power_5 { background-image: url(cards100/power_1_6.avif) }
-.card.power_6 { background-image: url(cards100/power_1_6.avif) }
-.card.power_7 { background-image: url(cards100/power_7_8.avif) }
-.card.power_8 { background-image: url(cards100/power_7_8.avif) }
-.card.power_9 { background-image: url(cards100/power_9_10.avif) }
-.card.power_10 { background-image: url(cards100/power_9_10.avif) }
-.card.power_11 { background-image: url(cards100/power_11_14.avif) }
-.card.power_12 { background-image: url(cards100/power_11_14.avif) }
-.card.power_13 { background-image: url(cards100/power_11_14.avif) }
-.card.power_14 { background-image: url(cards100/power_11_14.avif) }
-.card.power_15 { background-image: url(cards100/power_15_18.avif) }
-.card.power_16 { background-image: url(cards100/power_15_18.avif) }
-.card.power_17 { background-image: url(cards100/power_15_18.avif) }
-.card.power_18 { background-image: url(cards100/power_15_18.avif) }
-.card.power_19 { background-image: url(cards100/power_19_20.avif) }
-.card.power_20 { background-image: url(cards100/power_19_20.avif) }
-.card.power_21 { background-image: url(cards100/power_21_22.avif) }
-.card.power_22 { background-image: url(cards100/power_21_22.avif) }
-.card.power_23 { background-image: url(cards100/power_23_26.avif) }
-.card.power_24 { background-image: url(cards100/power_23_26.avif) }
-.card.power_25 { background-image: url(cards100/power_23_26.avif) }
-.card.power_26 { background-image: url(cards100/power_23_26.avif) }
-.card.power_27 { background-image: url(cards100/power_27_30.avif) }
-.card.power_28 { background-image: url(cards100/power_27_30.avif) }
-.card.power_29 { background-image: url(cards100/power_27_30.avif) }
-.card.power_30 { background-image: url(cards100/power_27_30.avif) }
-.card.power_31 { background-image: url(cards100/power_31_33.avif) }
-.card.power_32 { background-image: url(cards100/power_31_33.avif) }
-.card.power_33 { background-image: url(cards100/power_31_33.avif) }
-.card.power_34 { background-image: url(cards100/power_34_36.avif) }
-.card.power_35 { background-image: url(cards100/power_34_36.avif) }
-.card.power_36 { background-image: url(cards100/power_34_36.avif) }
-.card.power_37 { background-image: url(cards100/power_37.avif) }
-.card.power_38 { background-image: url(cards100/power_38.avif) }
-.card.power_39 { background-image: url(cards100/power_39.avif) }
-.card.power_40 { background-image: url(cards100/power_40.avif) }
-.card.power_41 { background-image: url(cards100/power_41.avif) }
-.card.power_42 { background-image: url(cards100/power_42.avif) }
-.card.power_43 { background-image: url(cards100/power_43.avif) }
-.card.power_44 { background-image: url(cards100/power_44.avif) }
-.card.power_45 { background-image: url(cards100/power_45.avif) }
-.card.power_46 { background-image: url(cards100/power_46.avif) }
-.card.power_47 { background-image: url(cards100/power_47.avif) }
-.card.power_48 { background-image: url(cards100/power_48.avif) }
-.card.power_49 { background-image: url(cards100/power_49.avif) }
-.card.power_50 { background-image: url(cards100/power_50.avif) }
-.card.power_51 { background-image: url(cards100/power_51.avif) }
-.card.power_52 { background-image: url(cards100/power_52.avif) }
+.card.power_0 { background-image: url(cards75/power_back.avif) }
+.card.power_1 { background-image: url(cards75/power_1_6.avif) }
+.card.power_2 { background-image: url(cards75/power_1_6.avif) }
+.card.power_3 { background-image: url(cards75/power_1_6.avif) }
+.card.power_4 { background-image: url(cards75/power_1_6.avif) }
+.card.power_5 { background-image: url(cards75/power_1_6.avif) }
+.card.power_6 { background-image: url(cards75/power_1_6.avif) }
+.card.power_7 { background-image: url(cards75/power_7_8.avif) }
+.card.power_8 { background-image: url(cards75/power_7_8.avif) }
+.card.power_9 { background-image: url(cards75/power_9_10.avif) }
+.card.power_10 { background-image: url(cards75/power_9_10.avif) }
+.card.power_11 { background-image: url(cards75/power_11_14.avif) }
+.card.power_12 { background-image: url(cards75/power_11_14.avif) }
+.card.power_13 { background-image: url(cards75/power_11_14.avif) }
+.card.power_14 { background-image: url(cards75/power_11_14.avif) }
+.card.power_15 { background-image: url(cards75/power_15_18.avif) }
+.card.power_16 { background-image: url(cards75/power_15_18.avif) }
+.card.power_17 { background-image: url(cards75/power_15_18.avif) }
+.card.power_18 { background-image: url(cards75/power_15_18.avif) }
+.card.power_19 { background-image: url(cards75/power_19_20.avif) }
+.card.power_20 { background-image: url(cards75/power_19_20.avif) }
+.card.power_21 { background-image: url(cards75/power_21_22.avif) }
+.card.power_22 { background-image: url(cards75/power_21_22.avif) }
+.card.power_23 { background-image: url(cards75/power_23_26.avif) }
+.card.power_24 { background-image: url(cards75/power_23_26.avif) }
+.card.power_25 { background-image: url(cards75/power_23_26.avif) }
+.card.power_26 { background-image: url(cards75/power_23_26.avif) }
+.card.power_27 { background-image: url(cards75/power_27_30.avif) }
+.card.power_28 { background-image: url(cards75/power_27_30.avif) }
+.card.power_29 { background-image: url(cards75/power_27_30.avif) }
+.card.power_30 { background-image: url(cards75/power_27_30.avif) }
+.card.power_31 { background-image: url(cards75/power_31_33.avif) }
+.card.power_32 { background-image: url(cards75/power_31_33.avif) }
+.card.power_33 { background-image: url(cards75/power_31_33.avif) }
+.card.power_34 { background-image: url(cards75/power_34_36.avif) }
+.card.power_35 { background-image: url(cards75/power_34_36.avif) }
+.card.power_36 { background-image: url(cards75/power_34_36.avif) }
+.card.power_37 { background-image: url(cards75/power_37.avif) }
+.card.power_38 { background-image: url(cards75/power_38.avif) }
+.card.power_39 { background-image: url(cards75/power_39.avif) }
+.card.power_40 { background-image: url(cards75/power_40.avif) }
+.card.power_41 { background-image: url(cards75/power_41.avif) }
+.card.power_42 { background-image: url(cards75/power_42.avif) }
+.card.power_43 { background-image: url(cards75/power_43.avif) }
+.card.power_44 { background-image: url(cards75/power_44.avif) }
+.card.power_45 { background-image: url(cards75/power_45.avif) }
+.card.power_46 { background-image: url(cards75/power_46.avif) }
+.card.power_47 { background-image: url(cards75/power_47.avif) }
+.card.power_48 { background-image: url(cards75/power_48.avif) }
+.card.power_49 { background-image: url(cards75/power_49.avif) }
+.card.power_50 { background-image: url(cards75/power_50.avif) }
+.card.power_51 { background-image: url(cards75/power_51.avif) }
+.card.power_52 { background-image: url(cards75/power_52.avif) }
\ No newline at end of file