WIP use smaller power cards.

4 files changed, 120 insertions, 110 deletions

diff --git a/info/cards.html b/info/cards.html
index 8498d00..81b808c 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -143,59 +143,59 @@ img {
 </div>
 
 <div class="list">
-<img src="../cards100/power_back.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_1_6.avif">
-<img src="../cards100/power_7_8.avif">
-<img src="../cards100/power_7_8.avif">
-<img src="../cards100/power_9_10.avif">
-<img src="../cards100/power_9_10.avif">
-<img src="../cards100/power_11_14.avif">
-<img src="../cards100/power_11_14.avif">
-<img src="../cards100/power_11_14.avif">
-<img src="../cards100/power_11_14.avif">
-<img src="../cards100/power_15_18.avif">
-<img src="../cards100/power_15_18.avif">
-<img src="../cards100/power_15_18.avif">
-<img src="../cards100/power_15_18.avif">
-<img src="../cards100/power_19_20.avif">
-<img src="../cards100/power_19_20.avif">
-<img src="../cards100/power_21_22.avif">
-<img src="../cards100/power_21_22.avif">
-<img src="../cards100/power_23_26.avif">
-<img src="../cards100/power_23_26.avif">
-<img src="../cards100/power_23_26.avif">
-<img src="../cards100/power_23_26.avif">
-<img src="../cards100/power_27_30.avif">
-<img src="../cards100/power_27_30.avif">
-<img src="../cards100/power_27_30.avif">
-<img src="../cards100/power_27_30.avif">
-<img src="../cards100/power_31_33.avif">
-<img src="../cards100/power_31_33.avif">
-<img src="../cards100/power_31_33.avif">
-<img src="../cards100/power_34_36.avif">
-<img src="../cards100/power_34_36.avif">
-<img src="../cards100/power_34_36.avif">
-<img src="../cards100/power_37.avif">
-<img src="../cards100/power_38.avif">
-<img src="../cards100/power_39.avif">
-<img src="../cards100/power_40.avif">
-<img src="../cards100/power_41.avif">
-<img src="../cards100/power_42.avif">
-<img src="../cards100/power_43.avif">
-<img src="../cards100/power_44.avif">
-<img src="../cards100/power_45.avif">
-<img src="../cards100/power_46.avif">
-<img src="../cards100/power_47.avif">
-<img src="../cards100/power_48.avif">
-<img src="../cards100/power_49.avif">
-<img src="../cards100/power_50.avif">
-<img src="../cards100/power_51.avif">
-<img src="../cards100/power_52.avif">
+<img src="../cards75/power_back.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_1_6.avif">
+<img src="../cards75/power_7_8.avif">
+<img src="../cards75/power_7_8.avif">
+<img src="../cards75/power_9_10.avif">
+<img src="../cards75/power_9_10.avif">
+<img src="../cards75/power_11_14.avif">
+<img src="../cards75/power_11_14.avif">
+<img src="../cards75/power_11_14.avif">
+<img src="../cards75/power_11_14.avif">
+<img src="../cards75/power_15_18.avif">
+<img src="../cards75/power_15_18.avif">
+<img src="../cards75/power_15_18.avif">
+<img src="../cards75/power_15_18.avif">
+<img src="../cards75/power_19_20.avif">
+<img src="../cards75/power_19_20.avif">
+<img src="../cards75/power_21_22.avif">
+<img src="../cards75/power_21_22.avif">
+<img src="../cards75/power_23_26.avif">
+<img src="../cards75/power_23_26.avif">
+<img src="../cards75/power_23_26.avif">
+<img src="../cards75/power_23_26.avif">
+<img src="../cards75/power_27_30.avif">
+<img src="../cards75/power_27_30.avif">
+<img src="../cards75/power_27_30.avif">
+<img src="../cards75/power_27_30.avif">
+<img src="../cards75/power_31_33.avif">
+<img src="../cards75/power_31_33.avif">
+<img src="../cards75/power_31_33.avif">
+<img src="../cards75/power_34_36.avif">
+<img src="../cards75/power_34_36.avif">
+<img src="../cards75/power_34_36.avif">
+<img src="../cards75/power_37.avif">
+<img src="../cards75/power_38.avif">
+<img src="../cards75/power_39.avif">
+<img src="../cards75/power_40.avif">
+<img src="../cards75/power_41.avif">
+<img src="../cards75/power_42.avif">
+<img src="../cards75/power_43.avif">
+<img src="../cards75/power_44.avif">
+<img src="../cards75/power_45.avif">
+<img src="../cards75/power_46.avif">
+<img src="../cards75/power_47.avif">
+<img src="../cards75/power_48.avif">
+<img src="../cards75/power_49.avif">
+<img src="../cards75/power_50.avif">
+<img src="../cards75/power_51.avif">
+<img src="../cards75/power_52.avif">
 </div>
 
 </body>
diff --git a/play.css b/play.css
index 710ba57..e574797 100644
--- a/play.css
+++ b/play.css
@@ -234,6 +234,10 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
 	min-height: 350px;
 }
 
+.panel_body.power {
+	min-height: 263px;
+}
+
 .panel.autohide:has(.panel_body:empty) {
 	display: none;
 }
@@ -258,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;
 }
@@ -378,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) }
diff --git a/play.html b/play.html
index 3dfa2a7..59974f4 100644
--- a/play.html
+++ b/play.html
@@ -73,17 +73,17 @@
 
 <div id="power_panel" class="autohide panel">
 	<div id="power_header" class="panel_header">Power Struggle Hand</div>
-	<div id="power_hand" class="panel_body"></div>
+	<div id="power_hand" class="panel_body power"></div>
 </div>
 
 <div id="ceausescu_panel" class="autohide panel">
 	<div id="ceausescu_header" class="panel_header">The Crowd Turns Against Ceausescu</div>
-	<div id="ceausescu_hand" class="panel_body"></div>
+	<div id="ceausescu_hand" class="panel_body power"></div>
 </div>
 
 <div id="power_discard_panel" class="autohide panel">
 	<div id="power_discard_header" class="panel_header">Power Struggle Discard</div>
-	<div id="power_discard" class="panel_body"></div>
+	<div id="power_discard" class="panel_body power"></div>
 </div>
 
 <div id="hand_panel" class="panel">
diff --git a/play.js b/play.js
index 6babd3b..ddfcf58 100644
--- a/play.js
+++ b/play.js
@@ -451,7 +451,7 @@ function create_ui() {
 	for (let c = 1; c <= last_power_card; ++c) {
 		const power_card_e = document.createElement("div")
 		register_action(power_card_e, "power_card", c)
-		power_card_e.className = "card power_" + c
+		power_card_e.className = "card power_card power_" + c
 		ui.power_cards[c] = power_card_e
 	}