path: root/play.css

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);
	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;
	min-height: 281px;
}

#bag_of_glory {
	min-height: fit-content;
	display: grid;
	grid-template-columns: repeat(6, 51px);
	grid-template-rows: repeat(3, 51px);
	gap: 7px;
}

#bag_of_glory_panel {
	max-width: fit-content;
	background-color: tan;
}

#bag_of_glory_panel .panel_header {
	background-color: wheat;
}

/* 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;
}

.token:not(.action) {
	pointer-events: none;
}

/* :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); }

@media (min-resolution: 97dpi) {

.standee_3 { background-image: url(images/tokens150/standee_3.png); }
.standee_4 { background-image: url(images/tokens150/standee_4.png); }

.medallion_0 { background-image: url(images/tokens150/medallion_0.png); }
.medallion_1 { background-image: url(images/tokens150/medallion_1.png); }
.medallion_2 { background-image: url(images/tokens150/medallion_2.png); }
.medallion_3 { background-image: url(images/tokens150/medallion_3.png); }
.medallion_4 { background-image: url(images/tokens150/medallion_4.png); }
.medallion_5 { background-image: url(images/tokens150/medallion_5.png); }
.medallion_6 { background-image: url(images/tokens150/medallion_6.png); }
.medallion_7 { background-image: url(images/tokens150/medallion_7.png); }
.medallion_8 { background-image: url(images/tokens150/medallion_8.png); }
.medallion_9 { background-image: url(images/tokens150/medallion_9.png); }

.bonus_morale { background-image: url(images/tokens150/bonus_morale_on.png); }
.bonus_morale.off { background-image: url(images/tokens150/bonus_morale_off.png); }
.bonus_teamwork { background-image: url(images/tokens150/bonus_teamwork_on.png); }
.bonus_teamwork.off { background-image: url(images/tokens150/bonus_teamwork_off.png); }

.player.anarchist { background-image: url(images/tokens150/player_anarchist.png); }
.player.communist { background-image: url(images/tokens150/player_communist.png); }
.player.moderate { background-image: url(images/tokens150/player_moderate.png); }

.initiative { background-image: url("images/tokens150/initiative_cw.png"); }
.initiative.ccw { background-image: url("images/tokens150/initiative_ccw.png"); }

.hero_point { background-image: url("images/tokens150/hero_point.png"); }

.card_1 { background-image: url(images/cards150/card_1.avif); }
.card_2 { background-image: url(images/cards150/card_2.avif); }
.card_3 { background-image: url(images/cards150/card_3.avif); }
.card_4 { background-image: url(images/cards150/card_4.avif); }
.card_5 { background-image: url(images/cards150/card_5.avif); }
.card_6 { background-image: url(images/cards150/card_6.avif); }
.card_7 { background-image: url(images/cards150/card_7.avif); }
.card_8 { background-image: url(images/cards150/card_8.avif); }
.card_9 { background-image: url(images/cards150/card_9.avif); }
.card_10 { background-image: url(images/cards150/card_10.avif); }
.card_11 { background-image: url(images/cards150/card_11.avif); }
.card_12 { background-image: url(images/cards150/card_12.avif); }
.card_13 { background-image: url(images/cards150/card_13.avif); }
.card_14 { background-image: url(images/cards150/card_14.avif); }
.card_15 { background-image: url(images/cards150/card_15.avif); }
.card_16 { background-image: url(images/cards150/card_16.avif); }
.card_17 { background-image: url(images/cards150/card_17.avif); }
.card_18 { background-image: url(images/cards150/card_18.avif); }
.card_19 { background-image: url(images/cards150/card_19.avif); }
.card_20 { background-image: url(images/cards150/card_20.avif); }
.card_21 { background-image: url(images/cards150/card_21.avif); }
.card_22 { background-image: url(images/cards150/card_22.avif); }
.card_23 { background-image: url(images/cards150/card_23.avif); }
.card_24 { background-image: url(images/cards150/card_24.avif); }
.card_25 { background-image: url(images/cards150/card_25.avif); }
.card_26 { background-image: url(images/cards150/card_26.avif); }
.card_27 { background-image: url(images/cards150/card_27.avif); }
.card_28 { background-image: url(images/cards150/card_28.avif); }
.card_29 { background-image: url(images/cards150/card_29.avif); }
.card_30 { background-image: url(images/cards150/card_30.avif); }
.card_31 { background-image: url(images/cards150/card_31.avif); }
.card_32 { background-image: url(images/cards150/card_32.avif); }
.card_33 { background-image: url(images/cards150/card_33.avif); }
.card_34 { background-image: url(images/cards150/card_34.avif); }
.card_35 { background-image: url(images/cards150/card_35.avif); }
.card_36 { background-image: url(images/cards150/card_36.avif); }
.card_37 { background-image: url(images/cards150/card_37.avif); }
.card_38 { background-image: url(images/cards150/card_38.avif); }
.card_39 { background-image: url(images/cards150/card_39.avif); }
.card_40 { background-image: url(images/cards150/card_40.avif); }
.card_41 { background-image: url(images/cards150/card_41.avif); }
.card_42 { background-image: url(images/cards150/card_42.avif); }
.card_43 { background-image: url(images/cards150/card_43.avif); }
.card_44 { background-image: url(images/cards150/card_44.avif); }
.card_45 { background-image: url(images/cards150/card_45.avif); }
.card_46 { background-image: url(images/cards150/card_46.avif); }
.card_47 { background-image: url(images/cards150/card_47.avif); }
.card_48 { background-image: url(images/cards150/card_48.avif); }
.card_49 { background-image: url(images/cards150/card_49.avif); }
.card_50 { background-image: url(images/cards150/card_50.avif); }
.card_51 { background-image: url(images/cards150/card_51.avif); }
.card_52 { background-image: url(images/cards150/card_52.avif); }
.card_53 { background-image: url(images/cards150/card_53.avif); }
.card_54 { background-image: url(images/cards150/card_54.avif); }
.card_55 { background-image: url(images/cards150/card_55.avif); }
.card_56 { background-image: url(images/cards150/card_56.avif); }
.card_57 { background-image: url(images/cards150/card_57.avif); }
.card_58 { background-image: url(images/cards150/card_58.avif); }
.card_59 { background-image: url(images/cards150/card_59.avif); }
.card_60 { background-image: url(images/cards150/card_60.avif); }
.card_61 { background-image: url(images/cards150/card_61.avif); }
.card_62 { background-image: url(images/cards150/card_62.avif); }
.card_63 { background-image: url(images/cards150/card_63.avif); }
.card_64 { background-image: url(images/cards150/card_64.avif); }
.card_65 { background-image: url(images/cards150/card_65.avif); }
.card_66 { background-image: url(images/cards150/card_66.avif); }
.card_67 { background-image: url(images/cards150/card_67.avif); }
.card_68 { background-image: url(images/cards150/card_68.avif); }
.card_69 { background-image: url(images/cards150/card_69.avif); }
.card_70 { background-image: url(images/cards150/card_70.avif); }
.card_71 { background-image: url(images/cards150/card_71.avif); }
.card_72 { background-image: url(images/cards150/card_72.avif); }
.card_73 { background-image: url(images/cards150/card_73.avif); }
.card_74 { background-image: url(images/cards150/card_74.avif); }
.card_150 { background-image: url(images/cards75/card_75.avif); }
.card_76 { background-image: url(images/cards150/card_76.avif); }
.card_77 { background-image: url(images/cards150/card_77.avif); }
.card_78 { background-image: url(images/cards150/card_78.avif); }
.card_79 { background-image: url(images/cards150/card_79.avif); }
.card_80 { background-image: url(images/cards150/card_80.avif); }
.card_81 { background-image: url(images/cards150/card_81.avif); }
.card_82 { background-image: url(images/cards150/card_82.avif); }
.card_83 { background-image: url(images/cards150/card_83.avif); }
.card_84 { background-image: url(images/cards150/card_84.avif); }
.card_85 { background-image: url(images/cards150/card_85.avif); }
.card_86 { background-image: url(images/cards150/card_86.avif); }
.card_87 { background-image: url(images/cards150/card_87.avif); }
.card_88 { background-image: url(images/cards150/card_88.avif); }
.card_89 { background-image: url(images/cards150/card_89.avif); }
.card_90 { background-image: url(images/cards150/card_90.avif); }
.card_91 { background-image: url(images/cards150/card_91.avif); }
.card_92 { background-image: url(images/cards150/card_92.avif); }
.card_93 { background-image: url(images/cards150/card_93.avif); }
.card_94 { background-image: url(images/cards150/card_94.avif); }
.card_95 { background-image: url(images/cards150/card_95.avif); }
.card_96 { background-image: url(images/cards150/card_96.avif); }
.card_97 { background-image: url(images/cards150/card_97.avif); }
.card_98 { background-image: url(images/cards150/card_98.avif); }
.card_99 { background-image: url(images/cards150/card_99.avif); }
.card_100 { background-image: url(images/cards150/card_100.avif); }
.card_101 { background-image: url(images/cards150/card_101.avif); }
.card_102 { background-image: url(images/cards150/card_102.avif); }
.card_103 { background-image: url(images/cards150/card_103.avif); }
.card_104 { background-image: url(images/cards150/card_104.avif); }
.card_105 { background-image: url(images/cards150/card_105.avif); }
.card_106 { background-image: url(images/cards150/card_106.avif); }
.card_107 { background-image: url(images/cards150/card_107.avif); }
.card_108 { background-image: url(images/cards150/card_108.avif); }
.card_109 { background-image: url(images/cards150/card_109.avif); }
.card_110 { background-image: url(images/cards150/card_110.avif); }
.card_111 { background-image: url(images/cards150/card_111.avif); }
.card_112 { background-image: url(images/cards150/card_112.avif); }
.card_113 { background-image: url(images/cards150/card_113.avif); }
.card_114 { background-image: url(images/cards150/card_114.avif); }
.card_115 { background-image: url(images/cards150/card_115.avif); }
.card_116 { background-image: url(images/cards150/card_116.avif); }
.card_117 { background-image: url(images/cards150/card_117.avif); }
.card_118 { background-image: url(images/cards150/card_118.avif); }
.card_119 { background-image: url(images/cards150/card_119.avif); }
.card_120 { background-image: url(images/cards150/card_120.avif); }
}