client wip

1 files changed, 199 insertions, 509 deletions

diff --git a/play2.css b/play2.css
index bd161e6..0a92960 100644
--- a/play2.css
+++ b/play2.css
@@ -23,6 +23,14 @@ main {
 	position: absolute;
 }
 
+.card {
+	background-size: 100% 100%;
+	width: 206px;
+	height: 281px;
+	border-radius: 10px;
+	box-shadow: 0 0 0 1px black, 1px 1px 4px #0006;
+}
+
 .track {
 	position: absolute;
 	background-color: #fff4;
@@ -42,6 +50,10 @@ main {
 	gap: 4px;
 }
 
+.front div {
+	margin-right: -30px;
+}
+
 .token {
 	background-color: #fff4;
 	border: 3px solid black;
@@ -79,27 +91,20 @@ main {
 	border-color: #ddd #888 #888 #ddd;
 }
 
-.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); }
+.player {
+	border-color: pink darkred darkred pink;
+}
 
-.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); }
+.token.front_plus,
+.token.front_minus {
+	background-color: tan;
+	border-color: tan brown brown tan;
+}
 
-.bonus_morale.off { background-image: url(images/tokens75/bonus_morale_off.png); }
-.bonus_morale.on { background-image: url(images/tokens75/bonus_morale_on.png); }
-.bonus_teamwork.off { background-image: url(images/tokens75/bonus_teamwork_off.png); }
-.bonus_teamwork.on { background-image: url(images/tokens75/bonus_teamwork_on.png); }
+.front_minus + .front_minus,
+.front_plus + .front_plus {
+	Xmargin-left: -30px;
+}
 
 .token.medallion {
 	background-color: tan;
@@ -117,6 +122,32 @@ main {
 	height: 70px;
 }
 
+.glory_container {
+	position: absolute;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	align-items: center;
+	min-width: 60px;
+	height: 60px;
+	gap: 9px;
+	padding: 0px 4px;
+}
+
+.current_events {
+	position: absolute;
+	width: 208px;
+	height: 282px;
+}
+
+.action {
+	box-shadow: 0 0 0 3px white;
+}
+
+.selected {
+	box-shadow: 0 0 0 3px yellow;
+}
+
 /* PANELS */
 
 .panel {
@@ -138,499 +169,158 @@ main {
   padding: 12px;
 }
 
-.card {
-  background-size: 100% 100%;
-  width: 206px;
-  height: 281px;
-  xborder-radius: 5px;
-  box-shadow: 0 0 0 1px #333;
-}
-
-.card.event {
-  position: absolute;
-}
-
-.faction_token[data-faction-id=a] {
-  background-image: url("images/factions/anarchists.png");
-}
-
-.faction_token[data-faction-id=c] {
-  background-image: url("images/factions/communists.png");
-}
-
-.faction_token[data-faction-id=m] {
-  background-image: url("images/factions/moderates.png");
-}
-
-.initiative_token {
-  background-image: url("images/initiative_clockwise.png");
-}
-
-.initiative_token[data-year="2"] {
-  background-image: url("images/initiative_counter_clockwise.png");
-}
-
-
-.medallion[data-medallion-id="1"] {
-  background-image: url("images/medallions/medallion_1.png");
-}
-
-.medallion[data-medallion-id="2"] {
-  background-image: url("images/medallions/medallion_2.png");
-}
-
-.medallion[data-medallion-id="3"] {
-  background-image: url("images/medallions/medallion_3.png");
-}
-
-.medallion[data-medallion-id="4"] {
-  background-image: url("images/medallions/medallion_4.png");
-}
-
-.medallion[data-medallion-id="5"] {
-  background-image: url("images/medallions/medallion_5.png");
-}
-
-.medallion[data-medallion-id="6"] {
-  background-image: url("images/medallions/medallion_6.png");
-}
-
-.medallion[data-medallion-id="7"] {
-  background-image: url("images/medallions/medallion_7.png");
-}
-
-.medallion[data-medallion-id="8"] {
-  background-image: url("images/medallions/medallion_8.png");
-}
-
-.card[data-card-id="1"] {
-  background-image: url("images/cards75/card_1.png");
-}
+/* IMAGES */
 
-.card[data-card-id="2"] {
-  background-image: url("images/cards75/card_2.png");
-}
-
-.card[data-card-id="3"] {
-  background-image: url("images/cards75/card_3.png");
-}
-
-.card[data-card-id="4"] {
-  background-image: url("images/cards75/card_4.png");
-}
-
-.card[data-card-id="5"] {
-  background-image: url("images/cards75/card_5.png");
-}
-
-.card[data-card-id="6"] {
-  background-image: url("images/cards75/card_6.png");
-}
-
-.card[data-card-id="7"] {
-  background-image: url("images/cards75/card_7.png");
-}
-
-.card[data-card-id="8"] {
-  background-image: url("images/cards75/card_8.png");
-}
-
-.card[data-card-id="9"] {
-  background-image: url("images/cards75/card_9.png");
-}
-
-.card[data-card-id="10"] {
-  background-image: url("images/cards75/card_10.png");
-}
-
-.card[data-card-id="11"] {
-  background-image: url("images/cards75/card_11.png");
-}
-
-.card[data-card-id="12"] {
-  background-image: url("images/cards75/card_12.png");
-}
-
-.card[data-card-id="13"] {
-  background-image: url("images/cards75/card_13.png");
-}
-
-.card[data-card-id="14"] {
-  background-image: url("images/cards75/card_14.png");
-}
-
-.card[data-card-id="15"] {
-  background-image: url("images/cards75/card_15.png");
-}
-
-.card[data-card-id="16"] {
-  background-image: url("images/cards75/card_16.png");
-}
-
-.card[data-card-id="17"] {
-  background-image: url("images/cards75/card_17.png");
-}
-
-.card[data-card-id="18"] {
-  background-image: url("images/cards75/card_18.png");
-}
-
-.card[data-card-id="19"] {
-  background-image: url("images/cards75/card_19.png");
-}
-
-.card[data-card-id="20"] {
-  background-image: url("images/cards75/card_20.png");
-}
-
-.card[data-card-id="21"] {
-  background-image: url("images/cards75/card_21.png");
-}
-
-.card[data-card-id="22"] {
-  background-image: url("images/cards75/card_22.png");
-}
-
-.card[data-card-id="23"] {
-  background-image: url("images/cards75/card_23.png");
-}
-
-.card[data-card-id="24"] {
-  background-image: url("images/cards75/card_24.png");
-}
-
-.card[data-card-id="25"] {
-  background-image: url("images/cards75/card_25.png");
-}
-
-.card[data-card-id="26"] {
-  background-image: url("images/cards75/card_26.png");
-}
-
-.card[data-card-id="27"] {
-  background-image: url("images/cards75/card_27.png");
-}
-
-.card[data-card-id="28"] {
-  background-image: url("images/cards75/card_28.png");
-}
-
-.card[data-card-id="29"] {
-  background-image: url("images/cards75/card_29.png");
-}
-
-.card[data-card-id="30"] {
-  background-image: url("images/cards75/card_30.png");
-}
-
-.card[data-card-id="31"] {
-  background-image: url("images/cards75/card_31.png");
-}
-
-.card[data-card-id="32"] {
-  background-image: url("images/cards75/card_32.png");
-}
-
-.card[data-card-id="33"] {
-  background-image: url("images/cards75/card_33.png");
-}
-
-.card[data-card-id="34"] {
-  background-image: url("images/cards75/card_34.png");
-}
-
-.card[data-card-id="35"] {
-  background-image: url("images/cards75/card_35.png");
-}
-
-.card[data-card-id="36"] {
-  background-image: url("images/cards75/card_36.png");
-}
-
-.card[data-card-id="37"] {
-  background-image: url("images/cards75/card_37.png");
-}
-
-.card[data-card-id="38"] {
-  background-image: url("images/cards75/card_38.png");
-}
-
-.card[data-card-id="39"] {
-  background-image: url("images/cards75/card_39.png");
-}
+.front_plus { background-image: url(images/tokens75/front_plus.png); }
+.front_minus { background-image: url(images/tokens75/front_minus.png); }
 
-.card[data-card-id="40"] {
-  background-image: url("images/cards75/card_40.png");
-}
-
-.card[data-card-id="41"] {
-  background-image: url("images/cards75/card_41.png");
-}
-
-.card[data-card-id="42"] {
-  background-image: url("images/cards75/card_42.png");
-}
-
-.card[data-card-id="43"] {
-  background-image: url("images/cards75/card_43.png");
-}
-
-.card[data-card-id="44"] {
-  background-image: url("images/cards75/card_44.png");
-}
-
-.card[data-card-id="45"] {
-  background-image: url("images/cards75/card_45.png");
-}
-
-.card[data-card-id="46"] {
-  background-image: url("images/cards75/card_46.png");
-}
-
-.card[data-card-id="47"] {
-  background-image: url("images/cards75/card_47.png");
-}
-
-.card[data-card-id="48"] {
-  background-image: url("images/cards75/card_48.png");
-}
-
-.card[data-card-id="49"] {
-  background-image: url("images/cards75/card_49.png");
-}
-
-.card[data-card-id="50"] {
-  background-image: url("images/cards75/card_50.png");
-}
-
-.card[data-card-id="51"] {
-  background-image: url("images/cards75/card_51.png");
-}
-
-.card[data-card-id="52"] {
-  background-image: url("images/cards75/card_52.png");
-}
-
-.card[data-card-id="53"] {
-  background-image: url("images/cards75/card_53.png");
-}
-
-.card[data-card-id="54"] {
-  background-image: url("images/cards75/card_54.png");
-}
-
-.card[data-card-id="55"] {
-  background-image: url("images/cards75/card_55.png");
-}
-
-.card[data-card-id="56"] {
-  background-image: url("images/cards75/card_56.png");
-}
-
-.card[data-card-id="57"] {
-  background-image: url("images/cards75/card_57.png");
-}
-
-.card[data-card-id="58"] {
-  background-image: url("images/cards75/card_58.png");
-}
-
-.card[data-card-id="59"] {
-  background-image: url("images/cards75/card_59.png");
-}
-
-.card[data-card-id="60"] {
-  background-image: url("images/cards75/card_60.png");
-}
-
-.card[data-card-id="61"] {
-  background-image: url("images/cards75/card_61.png");
-}
-
-.card[data-card-id="62"] {
-  background-image: url("images/cards75/card_62.png");
-}
-
-.card[data-card-id="63"] {
-  background-image: url("images/cards75/card_63.png");
-}
-
-.card[data-card-id="64"] {
-  background-image: url("images/cards75/card_64.png");
-}
-
-.card[data-card-id="65"] {
-  background-image: url("images/cards75/card_65.png");
-}
-
-.card[data-card-id="66"] {
-  background-image: url("images/cards75/card_66.png");
-}
-
-.card[data-card-id="67"] {
-  background-image: url("images/cards75/card_67.png");
-}
-
-.card[data-card-id="68"] {
-  background-image: url("images/cards75/card_68.png");
-}
-
-.card[data-card-id="69"] {
-  background-image: url("images/cards75/card_69.png");
-}
-
-.card[data-card-id="70"] {
-  background-image: url("images/cards75/card_70.png");
-}
-
-.card[data-card-id="71"] {
-  background-image: url("images/cards75/card_71.png");
-}
-
-.card[data-card-id="72"] {
-  background-image: url("images/cards75/card_72.png");
-}
-
-.card[data-card-id="73"] {
-  background-image: url("images/cards75/card_73.png");
-}
-
-.card[data-card-id="74"] {
-  background-image: url("images/cards75/card_74.png");
-}
-
-.card[data-card-id="75"] {
-  background-image: url("images/cards75/card_75.png");
-}
-
-.card[data-card-id="76"] {
-  background-image: url("images/cards75/card_76.png");
-}
-
-.card[data-card-id="77"] {
-  background-image: url("images/cards75/card_77.png");
-}
-
-.card[data-card-id="78"] {
-  background-image: url("images/cards75/card_78.png");
-}
-
-.card[data-card-id="79"] {
-  background-image: url("images/cards75/card_79.png");
-}
-
-.card[data-card-id="80"] {
-  background-image: url("images/cards75/card_80.png");
-}
-
-.card[data-card-id="81"] {
-  background-image: url("images/cards75/card_81.png");
-}
-
-.card[data-card-id="82"] {
-  background-image: url("images/cards75/card_82.png");
-}
-
-.card[data-card-id="83"] {
-  background-image: url("images/cards75/card_83.png");
-}
-
-.card[data-card-id="84"] {
-  background-image: url("images/cards75/card_84.png");
-}
-
-.card[data-card-id="85"] {
-  background-image: url("images/cards75/card_85.png");
-}
-
-.card[data-card-id="86"] {
-  background-image: url("images/cards75/card_86.png");
-}
-
-.card[data-card-id="87"] {
-  background-image: url("images/cards75/card_87.png");
-}
-
-.card[data-card-id="88"] {
-  background-image: url("images/cards75/card_88.png");
-}
-
-.card[data-card-id="89"] {
-  background-image: url("images/cards75/card_89.png");
-}
-
-.card[data-card-id="90"] {
-  background-image: url("images/cards75/card_90.png");
-}
-
-.card[data-card-id="91"] {
-  background-image: url("images/cards75/card_91.png");
-}
-
-.card[data-card-id="92"] {
-  background-image: url("images/cards75/card_92.png");
-}
-
-.card[data-card-id="93"] {
-  background-image: url("images/cards75/card_93.png");
-}
-
-.card[data-card-id="94"] {
-  background-image: url("images/cards75/card_94.png");
-}
-
-.card[data-card-id="95"] {
-  background-image: url("images/cards75/card_95.png");
-}
-
-.card[data-card-id="96"] {
-  background-image: url("images/cards75/card_96.png");
-}
-
-.card[data-card-id="97"] {
-  background-image: url("images/cards75/card_97.png");
-}
-
-.card[data-card-id="98"] {
-  background-image: url("images/cards75/card_98.png");
-}
-
-.card[data-card-id="99"] {
-  background-image: url("images/cards75/card_99.png");
-}
-
-.card[data-card-id="100"] {
-  background-image: url("images/cards75/card_100.png");
-}
-
-.card[data-card-id="101"] {
-  background-image: url("images/cards75/card_101.png");
-}
-
-.card[data-card-id="102"] {
-  background-image: url("images/cards75/card_102.png");
-}
-
-.card[data-card-id="103"] {
-  background-image: url("images/cards75/card_103.png");
-}
-
-.card[data-card-id="104"] {
-  background-image: url("images/cards75/card_104.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); }
 
-.card[data-card-id="105"] {
-  background-image: url("images/cards75/card_105.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); }
 
-.card[data-card-id="106"] {
-  background-image: url("images/cards75/card_106.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); }
 
-.card[data-card-id="107"] {
-  background-image: url("images/cards75/card_107.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.cw { background-image: url("images/tokens75/initiative_cw.png"); }
+.initiative.ccw { background-image: url("images/tokens75/initiative_ccw.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); }
 
-.card[data-card-id="108"] {
-  background-image: url("images/cards75/card_108.png");
-}