New client and client data processing tools.

1 files changed, 379 insertions, 0 deletions

diff --git a/play.css b/play.css
new file mode 100644
index 0000000..de4ba00
--- /dev/null
+++ b/play.css
@@ -0,0 +1,379 @@
+main { background-color: #666; }
+
+body.Anarchist header.your_turn { background-color: hsl(257, 10%, 65%); }
+body.Communist header.your_turn { background-color: hsl(0, 55%, 65%); }
+body.Moderate header.your_turn { background-color: hsl(325, 30%, 65%); }
+body header.fascist.your_turn { background-color: hsl(30, 35%, 65%); }
+
+#role_Anarchist { background-color: hsl(257, 10%, 70%); }
+#role_Communist { background-color: hsl(0, 55%, 70%); }
+#role_Moderate { background-color: hsl(325, 30%, 70%); }
+
+#log div.h.a { background-color: hsl(257, 10%, 75%); }
+#log div.h.c { background-color: hsl(0, 55%, 75%); }
+#log div.h.m { background-color: hsl(325, 30%, 75%); }
+#log div.h.f { background-color: hsl(30, 35%, 75%); }
+
+.panel { background-image: url(images/texture.png) }
+.panel { background-color: hsl(0, 0%, 60%); }
+.panel.anarchist { background-color: hsl(257, 10%, 60%); }
+.panel.communist { background-color: hsl(0, 35%, 60%); }
+.panel.moderate { background-color: hsl(325, 20%, 60%); }
+.panel.fascist { background-color: hsl(30, 30%, 60%); }
+
+.panel .panel_header { background-color: hsl(0, 0%, 75%); }
+.panel.anarchist .panel_header { background-color: hsl(257, 10%, 75%); }
+.panel.communist .panel_header { background-color: hsl(0, 60%, 75%); }
+.panel.moderate .panel_header { background-color: hsl(325, 35%, 75%); }
+.panel.fascist .panel_header { background-color: hsl(30, 40%, 75%); }
+
+.track.action { border-color: cyan !important; }
+.front.action { border-color: cyan !important; }
+.token.action {
+	box-shadow: 0 0 0 1px black, 0 0 0 5px cyan !important;
+}
+
+.card.action { box-shadow: 0 0 0 4px cyan !important; }
+.card.selected { box-shadow: 0 0 0 4px blue !important; }
+
+
+
+#log div:empty {
+	min-height: 6px;
+}
+
+#log .h {
+	background-color: tan;
+	border-top: 1px solid black; border-bottom: 1px solid black;
+	margin: 8px 0;
+}
+
+#log div { padding-left: 20px; text-indent: -12px; }
+#log div.i { padding-left: 32px; text-indent: -12px; }
+#log div.ii { padding-left: 44px; text-indent: -12px; }
+
+#mapwrap {
+	width: 1650px;
+	height: 1275px;
+	border: 1px solid black;
+	border-top: none;
+	box-shadow: 2px 2px 4px #0004;
+}
+
+#map {
+	width: 1650px;
+	height: 1275px;
+	background-size: 1650px 1275px;
+	background-image: url(images/map75.jpg);
+}
+
+@media (min-resolution: 97dpi) {
+	#map { background-image: url(images/map150.jpg); }
+}
+
+/* PANELS */
+
+.panel:has(.panel_body:empty) {
+	display: none;
+}
+
+.panel {
+	padding: 4px;
+	max-width: calc(1650px - 8px);
+	min-height: 281px;
+	margin: 24px auto;
+	border: 1px solid black;
+	box-shadow: 2px 2px 4px #0004;
+}
+
+.panel_header {
+	padding: 3px 6px;
+	border: 1px solid black;
+	text-align: center;
+	font-weight: bold;
+	box-shadow: 1px 1px 4px #0003;
+}
+
+.panel_body {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 16px;
+	padding: 12px;
+}
+
+/* SPACES */
+
+.track {
+	position: absolute;
+	border: 4px solid transparent;
+	width: 50px;
+	height: 52px;
+}
+
+.front {
+	position: absolute;
+	border: 6px solid transparent;
+	border-radius: 34px;
+}
+
+/* CONTAINERS */
+
+.front_container {
+	position: absolute;
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	gap: 4px;
+}
+
+.front_container div {
+	margin-right: -30px;
+	margin-bottom: -30px;
+}
+
+.medallion_container {
+	position: absolute;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	width: 70px;
+	height: 70px;
+}
+
+.glory_container {
+	position: absolute;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	gap: 9px;
+	padding: 4px;
+}
+
+.fascist_deck {
+	position: absolute;
+	display: flex;
+	flex-wrap: wrap;
+	height: 282px;
+}
+
+.fascist_deck .card {
+	margin-right: -210px;
+}
+
+.fascist_deck .card_118 { margin-top: -8px; }
+.fascist_deck .card_119 { margin-top: -4px; }
+.fascist_deck .card_120 { margin-top: 0px; }
+
+.current_events {
+	position: absolute;
+	width: 208px;
+	height: 282px;
+}
+
+.token_pool {
+	height: 64px;
+	display: flex;
+	flex-wrap: wrap;
+	padding: 0 0 12px 24px;
+	gap: 8px;
+	align-items: center;
+
+}
+
+/* TOKENS */
+
+#pieces > .token {
+	position: absolute;
+}
+
+.token {
+	border: 3px solid black;
+	width: 45px;
+	height: 45px;
+}
+
+/* :r! node tools/gencolor.js */
+.token.white { background-color: #bbbbbb; border-color: #d6d6d6 #737373 #737373 #d6d6d6; box-shadow: 0 0 0 1px #323232, 0px 1px 4px #0008; }
+.token.red { background-color: #ef0500; border-color: #ff5d49 #b40000 #b40000 #ff5d49; box-shadow: 0 0 0 1px #790000, 0px 1px 4px #0008; }
+.token.pink { background-color: #da997b; border-color: #fdba9b #94593c #94593c #fdba9b; box-shadow: 0 0 0 1px #521d00, 0px 1px 4px #0008; }
+.token.brown { background-color: #bbb079; border-color: #dbd097 #786d38 #786d38 #dbd097; box-shadow: 0 0 0 1px #3b3000, 0px 1px 4px #0008; }
+.token.gray { background-color: #a6a6a8; border-color: #c9c9cb #676769 #676769 #c9c9cb; box-shadow: 0 0 0 1px #2f2f30, 0px 1px 4px #0008; }
+
+.token.blank { width: 45px; height: 45px; }
+.token.round { width: 58px; height: 58px; }
+.token.square { width: 45px; height: 45px; }
+.token.standee { width: 44px; height: 54px; }
+.token.medallion { width: 53px; height: 53px; }
+
+.token.round, .token.blank { border-radius: 50%; }
+.token.standee { border-radius: 8px; }
+.token.medallion { border-radius: 8px; }
+
+/* CARDS */
+
+.card {
+	background-size: 100% 100%;
+	width: 206px;
+	height: 281px;
+	border-radius: 10px;
+	box-shadow: 0 0 0 1px black, 1px 1px 4px #0006;
+}
+
+/* IMAGES */
+
+.front_plus { background-image: url(images/tokens75/front_plus.png); }
+.front_minus { background-image: url(images/tokens75/front_minus.png); }
+
+.standee_0 { background-image: url(images/tokens75/standee_0.png); }
+.standee_1 { background-image: url(images/tokens75/standee_1.png); }
+.standee_2 { background-image: url(images/tokens75/standee_2.png); }
+.standee_3 { background-image: url(images/tokens75/standee_3.png); }
+.standee_4 { background-image: url(images/tokens75/standee_4.png); }
+
+.medallion_0 { background-image: url(images/tokens75/medallion_0.png); }
+.medallion_1 { background-image: url(images/tokens75/medallion_1.png); }
+.medallion_2 { background-image: url(images/tokens75/medallion_2.png); }
+.medallion_3 { background-image: url(images/tokens75/medallion_3.png); }
+.medallion_4 { background-image: url(images/tokens75/medallion_4.png); }
+.medallion_5 { background-image: url(images/tokens75/medallion_5.png); }
+.medallion_6 { background-image: url(images/tokens75/medallion_6.png); }
+.medallion_7 { background-image: url(images/tokens75/medallion_7.png); }
+.medallion_8 { background-image: url(images/tokens75/medallion_8.png); }
+.medallion_9 { background-image: url(images/tokens75/medallion_9.png); }
+
+.bonus_morale { background-image: url(images/tokens75/bonus_morale_on.png); }
+.bonus_morale.off { background-image: url(images/tokens75/bonus_morale_off.png); }
+.bonus_teamwork { background-image: url(images/tokens75/bonus_teamwork_on.png); }
+.bonus_teamwork.off { background-image: url(images/tokens75/bonus_teamwork_off.png); }
+
+.player.anarchist { background-image: url(images/tokens75/player_anarchist.png); }
+.player.communist { background-image: url(images/tokens75/player_communist.png); }
+.player.moderate { background-image: url(images/tokens75/player_moderate.png); }
+
+.initiative { background-image: url("images/tokens75/initiative_cw.png"); }
+.initiative.ccw { background-image: url("images/tokens75/initiative_ccw.png"); }
+
+.hero_point { background-image: url("images/tokens75/hero_point.png"); }
+
+.card_1 { background-image: url(images/cards75/card_1.avif); }
+.card_2 { background-image: url(images/cards75/card_2.avif); }
+.card_3 { background-image: url(images/cards75/card_3.avif); }
+.card_4 { background-image: url(images/cards75/card_4.avif); }
+.card_5 { background-image: url(images/cards75/card_5.avif); }
+.card_6 { background-image: url(images/cards75/card_6.avif); }
+.card_7 { background-image: url(images/cards75/card_7.avif); }
+.card_8 { background-image: url(images/cards75/card_8.avif); }
+.card_9 { background-image: url(images/cards75/card_9.avif); }
+.card_10 { background-image: url(images/cards75/card_10.avif); }
+.card_11 { background-image: url(images/cards75/card_11.avif); }
+.card_12 { background-image: url(images/cards75/card_12.avif); }
+.card_13 { background-image: url(images/cards75/card_13.avif); }
+.card_14 { background-image: url(images/cards75/card_14.avif); }
+.card_15 { background-image: url(images/cards75/card_15.avif); }
+.card_16 { background-image: url(images/cards75/card_16.avif); }
+.card_17 { background-image: url(images/cards75/card_17.avif); }
+.card_18 { background-image: url(images/cards75/card_18.avif); }
+.card_19 { background-image: url(images/cards75/card_19.avif); }
+.card_20 { background-image: url(images/cards75/card_20.avif); }
+.card_21 { background-image: url(images/cards75/card_21.avif); }
+.card_22 { background-image: url(images/cards75/card_22.avif); }
+.card_23 { background-image: url(images/cards75/card_23.avif); }
+.card_24 { background-image: url(images/cards75/card_24.avif); }
+.card_25 { background-image: url(images/cards75/card_25.avif); }
+.card_26 { background-image: url(images/cards75/card_26.avif); }
+.card_27 { background-image: url(images/cards75/card_27.avif); }
+.card_28 { background-image: url(images/cards75/card_28.avif); }
+.card_29 { background-image: url(images/cards75/card_29.avif); }
+.card_30 { background-image: url(images/cards75/card_30.avif); }
+.card_31 { background-image: url(images/cards75/card_31.avif); }
+.card_32 { background-image: url(images/cards75/card_32.avif); }
+.card_33 { background-image: url(images/cards75/card_33.avif); }
+.card_34 { background-image: url(images/cards75/card_34.avif); }
+.card_35 { background-image: url(images/cards75/card_35.avif); }
+.card_36 { background-image: url(images/cards75/card_36.avif); }
+.card_37 { background-image: url(images/cards75/card_37.avif); }
+.card_38 { background-image: url(images/cards75/card_38.avif); }
+.card_39 { background-image: url(images/cards75/card_39.avif); }
+.card_40 { background-image: url(images/cards75/card_40.avif); }
+.card_41 { background-image: url(images/cards75/card_41.avif); }
+.card_42 { background-image: url(images/cards75/card_42.avif); }
+.card_43 { background-image: url(images/cards75/card_43.avif); }
+.card_44 { background-image: url(images/cards75/card_44.avif); }
+.card_45 { background-image: url(images/cards75/card_45.avif); }
+.card_46 { background-image: url(images/cards75/card_46.avif); }
+.card_47 { background-image: url(images/cards75/card_47.avif); }
+.card_48 { background-image: url(images/cards75/card_48.avif); }
+.card_49 { background-image: url(images/cards75/card_49.avif); }
+.card_50 { background-image: url(images/cards75/card_50.avif); }
+.card_51 { background-image: url(images/cards75/card_51.avif); }
+.card_52 { background-image: url(images/cards75/card_52.avif); }
+.card_53 { background-image: url(images/cards75/card_53.avif); }
+.card_54 { background-image: url(images/cards75/card_54.avif); }
+.card_55 { background-image: url(images/cards75/card_55.avif); }
+.card_56 { background-image: url(images/cards75/card_56.avif); }
+.card_57 { background-image: url(images/cards75/card_57.avif); }
+.card_58 { background-image: url(images/cards75/card_58.avif); }
+.card_59 { background-image: url(images/cards75/card_59.avif); }
+.card_60 { background-image: url(images/cards75/card_60.avif); }
+.card_61 { background-image: url(images/cards75/card_61.avif); }
+.card_62 { background-image: url(images/cards75/card_62.avif); }
+.card_63 { background-image: url(images/cards75/card_63.avif); }
+.card_64 { background-image: url(images/cards75/card_64.avif); }
+.card_65 { background-image: url(images/cards75/card_65.avif); }
+.card_66 { background-image: url(images/cards75/card_66.avif); }
+.card_67 { background-image: url(images/cards75/card_67.avif); }
+.card_68 { background-image: url(images/cards75/card_68.avif); }
+.card_69 { background-image: url(images/cards75/card_69.avif); }
+.card_70 { background-image: url(images/cards75/card_70.avif); }
+.card_71 { background-image: url(images/cards75/card_71.avif); }
+.card_72 { background-image: url(images/cards75/card_72.avif); }
+.card_73 { background-image: url(images/cards75/card_73.avif); }
+.card_74 { background-image: url(images/cards75/card_74.avif); }
+.card_75 { background-image: url(images/cards75/card_75.avif); }
+.card_76 { background-image: url(images/cards75/card_76.avif); }
+.card_77 { background-image: url(images/cards75/card_77.avif); }
+.card_78 { background-image: url(images/cards75/card_78.avif); }
+.card_79 { background-image: url(images/cards75/card_79.avif); }
+.card_80 { background-image: url(images/cards75/card_80.avif); }
+.card_81 { background-image: url(images/cards75/card_81.avif); }
+.card_82 { background-image: url(images/cards75/card_82.avif); }
+.card_83 { background-image: url(images/cards75/card_83.avif); }
+.card_84 { background-image: url(images/cards75/card_84.avif); }
+.card_85 { background-image: url(images/cards75/card_85.avif); }
+.card_86 { background-image: url(images/cards75/card_86.avif); }
+.card_87 { background-image: url(images/cards75/card_87.avif); }
+.card_88 { background-image: url(images/cards75/card_88.avif); }
+.card_89 { background-image: url(images/cards75/card_89.avif); }
+.card_90 { background-image: url(images/cards75/card_90.avif); }
+.card_91 { background-image: url(images/cards75/card_91.avif); }
+.card_92 { background-image: url(images/cards75/card_92.avif); }
+.card_93 { background-image: url(images/cards75/card_93.avif); }
+.card_94 { background-image: url(images/cards75/card_94.avif); }
+.card_95 { background-image: url(images/cards75/card_95.avif); }
+.card_96 { background-image: url(images/cards75/card_96.avif); }
+.card_97 { background-image: url(images/cards75/card_97.avif); }
+.card_98 { background-image: url(images/cards75/card_98.avif); }
+.card_99 { background-image: url(images/cards75/card_99.avif); }
+.card_100 { background-image: url(images/cards75/card_100.avif); }
+.card_101 { background-image: url(images/cards75/card_101.avif); }
+.card_102 { background-image: url(images/cards75/card_102.avif); }
+.card_103 { background-image: url(images/cards75/card_103.avif); }
+.card_104 { background-image: url(images/cards75/card_104.avif); }
+.card_105 { background-image: url(images/cards75/card_105.avif); }
+.card_106 { background-image: url(images/cards75/card_106.avif); }
+.card_107 { background-image: url(images/cards75/card_107.avif); }
+.card_108 { background-image: url(images/cards75/card_108.avif); }
+.card_109 { background-image: url(images/cards75/card_109.avif); }
+.card_110 { background-image: url(images/cards75/card_110.avif); }
+.card_111 { background-image: url(images/cards75/card_111.avif); }
+.card_112 { background-image: url(images/cards75/card_112.avif); }
+.card_113 { background-image: url(images/cards75/card_113.avif); }
+.card_114 { background-image: url(images/cards75/card_114.avif); }
+.card_115 { background-image: url(images/cards75/card_115.avif); }
+.card_116 { background-image: url(images/cards75/card_116.avif); }
+.card_117 { background-image: url(images/cards75/card_117.avif); }
+.card_118 { background-image: url(images/cards75/card_118.avif); }
+.card_119 { background-image: url(images/cards75/card_119.avif); }
+.card_120 { background-image: url(images/cards75/card_120.avif); }