summaryrefslogtreecommitdiff
path: root/play.css
blob: a9195f8af92c4d5608999edf66fb6bf6bd364e70 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
/*
	Maria
*/

@font-face {
	font-family: "Suit Symbols";
	src: url(fonts/FriedrichSymbols-Regular.woff2) format(woff2);
	unicode-range:U+2660-2667;
}

#prompt {
	font-family: "Suit Symbols", var(--font-widget);
	font-variant-numeric: tabular-nums;
}

body {
	background-color: slategray;
}

#role_Maria_Theresa { background-color: whitesmoke; }
#role_Frederick { background-color: skyblue; }
#role_Louis_XV { background-color: salmon; }

#mapwrap {
	width: 2485px;
	height: 1654px;
	margin-bottom: 30px;
	box-shadow: 2px 2px 4px #0006;
}

#map {
	position: absolute;
	width: 2485px;
	height: 1654px;
	background-size: cover;
	background-image: url(Maria.Gameboard.075.jpg);
	background-color: #ece1a9;
}

#political_display {
	position: relative;
	margin: 0 auto;
	width: 877px;
	height: 620px;
	background-size: cover;
	background-image: url(Maria.Political.Display.075.jpg);
	background-color: #ece1a9;
	box-shadow: 2px 2px 4px #0006;
	border: 1px solid #0008;
}

header.your_turn.france { background-color: var(--color-light-france); }
header.your_turn.bavaria { background-color: var(--color-light-bavaria); }
header.your_turn.prussia { background-color: var(--color-light-prussia); }
header.your_turn.saxony { background-color: var(--color-light-saxony); }
header.your_turn.pragmatic { background-color: var(--color-light-pragmatic); }
header.your_turn.austria { background-color: var(--color-light-austria); }

/* COLORS */

:root {
	--color-light-france: hsl(0, 70%, 80%);
	--color-light-bavaria: hsl(36, 70%, 80%);
	--color-light-prussia: hsl(210, 80%, 75%);
	--color-light-saxony: hsl(140, 50%, 70%);
	--color-light-pragmatic: hsl(0, 0%, 75%);
	--color-light-austria: hsl(0, 0%, 97%);
	--color-light-political: hsl(50, 73%, 78%);

	--color-medium-france: hsl(0, 35%, 70%);
	--color-medium-bavaria: hsl(36, 65%, 70%);
	--color-medium-prussia: hsl(210, 30%, 60%);
	--color-medium-saxony: hsl(140, 20%, 55%);
	--color-medium-pragmatic: hsl(0, 0%, 65%);
	--color-medium-austria: hsl(0, 0%, 90%);
	--color-medium-political: hsl(50, 35%, 60%);

	--color-dark-france: hsl(358, 85%, 52%);
	--color-dark-bavaria: hsl(36, 65%, 52%);
	--color-dark-prussia: hsl(198, 100%, 24%);
	--color-dark-saxony: hsl(139, 72%, 28%);
	--color-dark-pragmatic: hsl(0, 0%, 87%);
	--color-dark-austria: hsl(0, 0%, 97%);

	--color-role-louis: hsl(0, 70%, 80%);
	--color-role-frederick: hsl(210, 80%, 75%);
	--color-role-maria: hsl(0, 0%, 97%);

	--color-clubs: #007c49;
	--color-diamonds: #c2263e;
	--color-hearts: #ed1c24;
	--color-spades: #274085;
	--color-reserve: #0094c9;
}

/* PANELS */

.panel {
	background-color: darkgray;
	width: clamp(500px, calc(100% - 48px), 2475px);
	margin: 24px auto;
	box-shadow: 2px 2px 4px #0006;
	border: 1px solid #0008;
	padding: 4px;
}

.panel_header {
	border: 1px solid #000a;
	box-shadow: 1px 1px 4px #0003;
	text-align: center;
	padding: 2px 0;
}

.panel_body {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	padding: 18px;
	gap: 18px;
	min-height: 256px;
}

#hand_france_header { background-color: var(--color-light-france) }
#hand_bavaria_header { background-color: var(--color-light-bavaria) }
#hand_prussia_header { background-color: var(--color-light-prussia) }
#hand_saxony_header { background-color: var(--color-light-saxony) }
#hand_pragmatic_header { background-color: var(--color-light-pragmatic) }
#hand_austria_header { background-color: var(--color-light-austria) }

#hand_france_panel { background-color: var(--color-medium-france) }
#hand_bavaria_panel { background-color: var(--color-medium-bavaria) }
#hand_prussia_panel { background-color: var(--color-medium-prussia) }
#hand_saxony_panel { background-color: var(--color-medium-saxony) }
#hand_pragmatic_panel { background-color: var(--color-medium-pragmatic) }
#hand_austria_panel { background-color: var(--color-medium-austria) }

#political_header { background-color: var(--color-light-political) }
#political_panel { background-color: var(--color-medium-political) }


/* LOG */

#log {
	font-family: "Suit Symbols", var(--font-small);
	font-variant-numeric: tabular-nums;
}

#log { background-color: #f3ebd4 }

#log div:empty {
	min-height: 4px;
}

#log .city_tip:hover { cursor: pointer; text-decoration: underline; }

#log .piece_tip:hover { cursor: pointer; text-decoration: underline; }

#log .h {
	background-color: tan;
	border-top: 1px solid black; border-bottom: 1px solid black;
	margin: 8px 0;
}

#log .h.fate { text-align: center; }
#log .h.fate::before { content: "\2014  " }
#log .h.fate::after { content: " \2014" }

#log .combat { background-color: #d7cfb8; }

#log .h.austria { background-color: var(--color-light-austria); }
#log .h.france { background-color: var(--color-light-france); }
#log .h.bavaria { background-color: var(--color-light-bavaria); }
#log .h.prussia { background-color: var(--color-light-prussia); }
#log .h.pragmatic { background-color: var(--color-light-pragmatic); }
#log .h.saxony { background-color: var(--color-light-saxony); }

#log .q { font-style: italic; }

#log .i { padding-left: 20px }
#log .ii { padding-left: 32px }

#log span.suit { font-size: 11px; }

span.suit.reserve { padding: 0 1px; }

span.suit.spades { color: var(--color-spades) }
span.suit.clubs { color: var(--color-clubs) }
span.suit.hearts { color: var(--color-hearts) }
span.suit.diamonds { color: var(--color-diamonds) }
span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family: "Source Serif SmText"; }

/* SPACES */

.space {
	position: absolute;
	box-sizing: border-box;
	border: 4px solid transparent;
	background-color: #0002;
}

.space.city {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.space.minor_fortress {
	width: 28px;
	height: 28px;
}

.space.major_fortress {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.space.Austria { background-color: #fcffff; }
.space.France { background-color: #ea192e; }
.space.Prussia { background-color: #035783; }
.space.Netherlands { background-color: #7d7c7a; }
.space.Silesia { background-color: #91b4a0; }
.space.Saxony { background-color: #127a3b; }
.space.Bavaria { background-color: #fcb01f; }
.space.Poland { background-color: #cac180; }

.space.minor_fortress.Empire { background-color: #b41a70; }
.space.major_fortress.Empire { background-color: #b41a70; }
.space.city.Empire { background-color: #e0d796; }

.space.tip {
	border-color: lime;
	z-index: 3000;
}

.space.action {
	border-color: white;
	box-shadow: 0 0 2px black, inset 0 0 2px black;
	z-index: 2000;
}

/* PIECES */

.piece {
	position: absolute;
	transition-property: top, left;
	transition-duration: 700ms;
	transition-timing-function: ease;
	background-repeat: no-repeat;
}

.piece.cylinder {
	width: 42px;
	height: 47px;
}

.piece.disc {
	width: 42px;
	height: 40px;
}

.piece.cube {
	width: 31px;
	height: 39px;
}

.piece.action {
	filter:
		drop-shadow(2px 0px 0px white)
		drop-shadow(0px 2px 0px white)
		drop-shadow(0px -2px 0px white)
		drop-shadow(-2px 0px 0px white)
		drop-shadow(0 0 1px black)
		;
}

.piece.selected {
	filter:
		drop-shadow(2px 0px 0px yellow)
		drop-shadow(0px 2px 0px yellow)
		drop-shadow(0px -2px 0px yellow)
		drop-shadow(-2px 0px 0px yellow)
		drop-shadow(0 0 1px black)
		;
}

.piece.tip {
	filter:
		drop-shadow(2px 0px 0px lime)
		drop-shadow(0px 2px 0px lime)
		drop-shadow(0px -2px 0px lime)
		drop-shadow(-2px 0px 0px lime)
		drop-shadow(0 0 1px black)
		;
}

.piece.cube.austria { background-image: url(images/cube_austria.svg) }
.piece.cube.bavaria { background-image: url(images/cube_bavaria.svg) }
.piece.cube.france { background-image: url(images/cube_france.svg) }
.piece.cube.pragmatic { background-image: url(images/cube_pragmatic.svg) }
.piece.cube.prussia { background-image: url(images/cube_prussia.svg) }
.piece.cube.saxony { background-image: url(images/cube_saxony.svg) }

.piece.disc.austria { background-image: url(images/disc_hussar.svg) }

.piece.cylinder.austria_1 { background-image: url(pieces/cylinder_austria_1.svg) }
.piece.cylinder.austria_2 { background-image: url(pieces/cylinder_austria_2.svg) }
.piece.cylinder.austria_3 { background-image: url(pieces/cylinder_austria_3.svg) }
.piece.cylinder.austria_4 { background-image: url(pieces/cylinder_austria_4.svg) }
.piece.cylinder.austria_5 { background-image: url(pieces/cylinder_austria_5.svg) }
.piece.cylinder.austria_6 { background-image: url(pieces/cylinder_austria_6.svg) }
.piece.cylinder.bavaria_1 { background-image: url(pieces/cylinder_bavaria_1.svg) }
.piece.cylinder.france_1 { background-image: url(pieces/cylinder_france_1.svg) }
.piece.cylinder.france_2 { background-image: url(pieces/cylinder_france_2.svg) }
.piece.cylinder.france_3 { background-image: url(pieces/cylinder_france_3.svg) }
.piece.cylinder.france_4 { background-image: url(pieces/cylinder_france_4.svg) }
.piece.cylinder.france_5 { background-image: url(pieces/cylinder_france_5.svg) }
.piece.cylinder.pragmatic_1 { background-image: url(pieces/cylinder_pragmatic_1.svg) }
.piece.cylinder.pragmatic_2 { background-image: url(pieces/cylinder_pragmatic_2.svg) }
.piece.cylinder.pragmatic_3 { background-image: url(pieces/cylinder_pragmatic_3.svg) }
.piece.cylinder.prussia_1 { background-image: url(pieces/cylinder_prussia_1.svg) }
.piece.cylinder.prussia_2 { background-image: url(pieces/cylinder_prussia_2.svg) }
.piece.cylinder.prussia_3 { background-image: url(pieces/cylinder_prussia_3.svg) }
.piece.cylinder.prussia_4 { background-image: url(pieces/cylinder_prussia_4.svg) }
.piece.cylinder.saxony_1 { background-image: url(pieces/cylinder_saxony_1.svg) }

/* MARKERS */

#combat {
	position: absolute;
	width: 36px;
	height: 36px;
	background-image: url(images/bang.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.marker {
	position: absolute;
	width: 30px;
	height: 30px;
	background-size: 34px 34px;
	background-position: center;
	border: 1px solid black;
}

.marker.turn_marker { background-image: url(markers/turn_marker.075.png) }
.marker.elector_marker_austria_pragmatic { background-image: url(markers/elector_marker_austria_pragmatic.075.png) }
.marker.elector_marker_france { background-image: url(markers/elector_marker_france.075.png) }
.marker.elector_marker_prussia { background-image: url(markers/elector_marker_prussia.075.png) }
.marker.elector_marker_saxony { background-image: url(markers/elector_marker_saxony.075.png) }
.marker.question_marker_austria { background-image: url(markers/question_marker_austria.075.png) }
.marker.question_marker_france { background-image: url(markers/question_marker_france.075.png) }
.marker.question_marker_pragmatic { background-image: url(markers/question_marker_pragmatic.075.png) }
.marker.question_marker_prussia { background-image: url(markers/question_marker_prussia.075.png) }
.marker.victory_marker_austria { background-image: url(markers/victory_marker_austria.075.png) }
.marker.victory_marker_france { background-image: url(markers/victory_marker_france.075.png) }
.marker.victory_marker_pragmatic { background-image: url(markers/victory_marker_pragmatic.075.png) }
.marker.victory_marker_prussia { background-image: url(markers/victory_marker_prussia.075.png) }

.marker.subsidy_marker { background-image: url(markers/subsidy_marker.075.png) }
.marker.income_minus_marker { background-image: url(markers/income_minus_marker.075.png) }
.marker.income_plus_marker { background-image: url(markers/income_plus_marker.075.png) }
.marker.political_marker_italy { background-image: url(markers/political_marker_italy.100.png) }
.marker.political_marker_russia { background-image: url(markers/political_marker_russia.100.png) }
.marker.political_marker_saxony { background-image: url(markers/political_marker_saxony.100.png) }

/* TROOP NUMBER BADGE */

.number {
	width: 14px;
	height: 14px;
	background-size: 800% 100%;
	pointer-events: none;
}

.number { background-image: url(images/numbers_rev.2x.png); }
.number.austria, .number.bavaria { background-image: url(images/numbers.2x.png); }

.number.n0 { visibility: hidden; }
.number.n1 { background-position: 0px 0px; }
.number.n2 { background-position: -14px 0px; }
.number.n3 { background-position: -28px 0px; }
.number.n4 { background-position: -42px 0px; }
.number.n5 { background-position: -56px 0px; }
.number.n6 { background-position: -70px 0px; }
.number.n7 { background-position: -84px 0px; }
.number.n8 { background-position: -98px 0px; }

/* CARDS */

.card {
	width: 165px;
	height: 257px;
	background-size: 100%;
	background-color: #f3ebd5;
	border-radius: 8px;
	border: 1px solid black;
}

.card.action {
	box-shadow: 0 0 0 3px white;
	border-color: white;
}

@media (hover: hover) {
	.card.action:hover {
		margin-top: -10px;
		margin-bottom: 10px;
	}
}

.draw-break { margin-left: 145px; }
.card.tc { margin-right: -145px; }
.panel_body { padding-right: calc(18px + 145px); }

.card.tc.c01 { background-image: url(cards/Maria.TC.01.075.jpg) }
.card.tc.c02 { background-image: url(cards/Maria.TC.02.075.jpg) }
.card.tc.c03 { background-image: url(cards/Maria.TC.03.075.jpg) }
.card.tc.c04 { background-image: url(cards/Maria.TC.04.075.jpg) }
.card.tc.c05 { background-image: url(cards/Maria.TC.05.075.jpg) }
.card.tc.c06 { background-image: url(cards/Maria.TC.06.075.jpg) }
.card.tc.c07 { background-image: url(cards/Maria.TC.07.075.jpg) }
.card.tc.c08 { background-image: url(cards/Maria.TC.08.075.jpg) }
.card.tc.c09 { background-image: url(cards/Maria.TC.09.075.jpg) }
.card.tc.c10 { background-image: url(cards/Maria.TC.10.075.jpg) }
.card.tc.c11 { background-image: url(cards/Maria.TC.11.075.jpg) }
.card.tc.c12 { background-image: url(cards/Maria.TC.12.075.jpg) }
.card.tc.c13 { background-image: url(cards/Maria.TC.13.075.jpg) }
.card.tc.c14 { background-image: url(cards/Maria.TC.14.075.jpg) }
.card.tc.c15 { background-image: url(cards/Maria.TC.15.075.jpg) }
.card.tc.c16 { background-image: url(cards/Maria.TC.16.075.jpg) }
.card.tc.c17 { background-image: url(cards/Maria.TC.17.075.jpg) }
.card.tc.c18 { background-image: url(cards/Maria.TC.18.075.jpg) }
.card.tc.c19 { background-image: url(cards/Maria.TC.19.075.jpg) }
.card.tc.c20 { background-image: url(cards/Maria.TC.20.075.jpg) }
.card.tc.c21 { background-image: url(cards/Maria.TC.21.075.jpg) }
.card.tc.c22 { background-image: url(cards/Maria.TC.22.075.jpg) }
.card.tc.c23 { background-image: url(cards/Maria.TC.23.075.jpg) }
.card.tc.c24 { background-image: url(cards/Maria.TC.24.075.jpg) }
.card.tc.c25 { background-image: url(cards/Maria.TC.25.075.jpg) }
.card.tc.c26 { background-image: url(cards/Maria.TC.26.075.jpg) }
.card.tc.c27 { background-image: url(cards/Maria.TC.27.075.jpg) }
.card.tc.c28 { background-image: url(cards/Maria.TC.28.075.jpg) }
.card.tc.c29 { background-image: url(cards/Maria.TC.29.075.jpg) }
.card.tc.c30 { background-image: url(cards/Maria.TC.30.075.jpg) }
.card.tc.c31 { background-image: url(cards/Maria.TC.31.075.jpg) }
.card.tc.c32 { background-image: url(cards/Maria.TC.32.075.jpg) }
.card.tc.c33 { background-image: url(cards/Maria.TC.33.075.jpg) }
.card.tc.c34 { background-image: url(cards/Maria.TC.34.075.jpg) }
.card.tc.c35 { background-image: url(cards/Maria.TC.35.075.jpg) }
.card.tc.c36 { background-image: url(cards/Maria.TC.36.075.jpg) }
.card.tc.c37 { background-image: url(cards/Maria.TC.37.075.jpg) }
.card.tc.c38 { background-image: url(cards/Maria.TC.38.075.jpg) }
.card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.075.jpg) }
.card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.075.jpg) }
.card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.075.jpg) }
.card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.075.jpg) }

.card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.075.jpg) }
.card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.075.jpg) }
.card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.075.jpg) }
.card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.075.jpg) }
.card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.075.jpg) }
.card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.075.jpg) }
.card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.075.jpg) }
.card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.075.jpg) }
.card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.075.jpg) }
.card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.075.jpg) }
.card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.075.jpg) }
.card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.075.jpg) }
.card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.075.jpg) }
.card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.075.jpg) }
.card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.075.jpg) }
.card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.075.jpg) }
.card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.075.jpg) }
.card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.075.jpg) }
.card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.075.jpg) }
.card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.075.jpg) }
.card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.075.jpg) }
.card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.075.jpg) }
.card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.075.jpg) }
.card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.075.jpg) }
.card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.075.jpg) }
.card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.075.jpg) }
.card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.075.jpg) }
.card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.075.jpg) }
.card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.075.jpg) }

/* @2x */

@media (min-resolution: 97dpi) {
	#map { background-image: url(Maria.Gameboard.150.jpg) }
	#political_display { background-image: url(Maria.Political.Display.150.jpg) }

	.card.tc.c01 { background-image: url(cards/Maria.TC.01.150.jpg) }
	.card.tc.c02 { background-image: url(cards/Maria.TC.02.150.jpg) }
	.card.tc.c03 { background-image: url(cards/Maria.TC.03.150.jpg) }
	.card.tc.c04 { background-image: url(cards/Maria.TC.04.150.jpg) }
	.card.tc.c05 { background-image: url(cards/Maria.TC.05.150.jpg) }
	.card.tc.c06 { background-image: url(cards/Maria.TC.06.150.jpg) }
	.card.tc.c07 { background-image: url(cards/Maria.TC.07.150.jpg) }
	.card.tc.c08 { background-image: url(cards/Maria.TC.08.150.jpg) }
	.card.tc.c09 { background-image: url(cards/Maria.TC.09.150.jpg) }
	.card.tc.c10 { background-image: url(cards/Maria.TC.10.150.jpg) }
	.card.tc.c11 { background-image: url(cards/Maria.TC.11.150.jpg) }
	.card.tc.c12 { background-image: url(cards/Maria.TC.12.150.jpg) }
	.card.tc.c13 { background-image: url(cards/Maria.TC.13.150.jpg) }
	.card.tc.c14 { background-image: url(cards/Maria.TC.14.150.jpg) }
	.card.tc.c15 { background-image: url(cards/Maria.TC.15.150.jpg) }
	.card.tc.c16 { background-image: url(cards/Maria.TC.16.150.jpg) }
	.card.tc.c17 { background-image: url(cards/Maria.TC.17.150.jpg) }
	.card.tc.c18 { background-image: url(cards/Maria.TC.18.150.jpg) }
	.card.tc.c19 { background-image: url(cards/Maria.TC.19.150.jpg) }
	.card.tc.c20 { background-image: url(cards/Maria.TC.20.150.jpg) }
	.card.tc.c21 { background-image: url(cards/Maria.TC.21.150.jpg) }
	.card.tc.c22 { background-image: url(cards/Maria.TC.22.150.jpg) }
	.card.tc.c23 { background-image: url(cards/Maria.TC.23.150.jpg) }
	.card.tc.c24 { background-image: url(cards/Maria.TC.24.150.jpg) }
	.card.tc.c25 { background-image: url(cards/Maria.TC.25.150.jpg) }
	.card.tc.c26 { background-image: url(cards/Maria.TC.26.150.jpg) }
	.card.tc.c27 { background-image: url(cards/Maria.TC.27.150.jpg) }
	.card.tc.c28 { background-image: url(cards/Maria.TC.28.150.jpg) }
	.card.tc.c29 { background-image: url(cards/Maria.TC.29.150.jpg) }
	.card.tc.c30 { background-image: url(cards/Maria.TC.30.150.jpg) }
	.card.tc.c31 { background-image: url(cards/Maria.TC.31.150.jpg) }
	.card.tc.c32 { background-image: url(cards/Maria.TC.32.150.jpg) }
	.card.tc.c33 { background-image: url(cards/Maria.TC.33.150.jpg) }
	.card.tc.c34 { background-image: url(cards/Maria.TC.34.150.jpg) }
	.card.tc.c35 { background-image: url(cards/Maria.TC.35.150.jpg) }
	.card.tc.c36 { background-image: url(cards/Maria.TC.36.150.jpg) }
	.card.tc.c37 { background-image: url(cards/Maria.TC.37.150.jpg) }
	.card.tc.c38 { background-image: url(cards/Maria.TC.38.150.jpg) }
	.card.tc.reverse.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.150.jpg) }
	.card.tc.reverse.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.150.jpg) }
	.card.tc.reverse.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.150.jpg) }
	.card.tc.reverse.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.150.jpg) }

	.card.polcard.c01 { background-image: url(cards/Maria.PolCard.01.150.jpg) }
	.card.polcard.c02 { background-image: url(cards/Maria.PolCard.02.150.jpg) }
	.card.polcard.c03 { background-image: url(cards/Maria.PolCard.03.150.jpg) }
	.card.polcard.c04 { background-image: url(cards/Maria.PolCard.04.150.jpg) }
	.card.polcard.c05 { background-image: url(cards/Maria.PolCard.05.150.jpg) }
	.card.polcard.c06 { background-image: url(cards/Maria.PolCard.06.150.jpg) }
	.card.polcard.c07 { background-image: url(cards/Maria.PolCard.07.150.jpg) }
	.card.polcard.c08 { background-image: url(cards/Maria.PolCard.08.150.jpg) }
	.card.polcard.c09 { background-image: url(cards/Maria.PolCard.09.150.jpg) }
	.card.polcard.c10 { background-image: url(cards/Maria.PolCard.10.150.jpg) }
	.card.polcard.c11 { background-image: url(cards/Maria.PolCard.11.150.jpg) }
	.card.polcard.c12 { background-image: url(cards/Maria.PolCard.12.150.jpg) }
	.card.polcard.c13 { background-image: url(cards/Maria.PolCard.13.150.jpg) }
	.card.polcard.c14 { background-image: url(cards/Maria.PolCard.14.150.jpg) }
	.card.polcard.c15 { background-image: url(cards/Maria.PolCard.15.150.jpg) }
	.card.polcard.c16 { background-image: url(cards/Maria.PolCard.16.150.jpg) }
	.card.polcard.c17 { background-image: url(cards/Maria.PolCard.17.150.jpg) }
	.card.polcard.c18 { background-image: url(cards/Maria.PolCard.18.150.jpg) }
	.card.polcard.c19 { background-image: url(cards/Maria.PolCard.19.150.jpg) }
	.card.polcard.c20 { background-image: url(cards/Maria.PolCard.20.150.jpg) }
	.card.polcard.c21 { background-image: url(cards/Maria.PolCard.21.150.jpg) }
	.card.polcard.c22 { background-image: url(cards/Maria.PolCard.22.150.jpg) }
	.card.polcard.c23 { background-image: url(cards/Maria.PolCard.23.150.jpg) }
	.card.polcard.c24 { background-image: url(cards/Maria.PolCard.24.150.jpg) }
	.card.polcard.impelection { background-image: url(cards/Maria.PolCard.ImpElection.150.jpg) }
	.card.polcard.reverse.deck_1 { background-image: url(cards/Maria.PolCard.reverse.deck_1.150.jpg) }
	.card.polcard.reverse.deck_2 { background-image: url(cards/Maria.PolCard.reverse.deck_2.150.jpg) }
	.card.polcard.reverse.deck_3 { background-image: url(cards/Maria.PolCard.reverse.deck_3.150.jpg) }
	.card.polcard.reverse.deck_4 { background-image: url(cards/Maria.PolCard.reverse.deck_4.150.jpg) }
}