setup

1 files changed, 40 insertions, 38 deletions

diff --git a/play.css b/play.css
index 334f162..95fe951 100644
--- a/play.css
+++ b/play.css
@@ -49,6 +49,8 @@ body {
 	border: 1px solid #0008;
 }
 
+header { background-color: hsl(44, 35%, 80%); color: #000c; }
+header.your_turn { color: black; }
 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); }
@@ -446,44 +448,44 @@ span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family:
 .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.H10 { background-image: url(cards/Maria.TC.01.075.jpg) }
+.card.tc.H9 { background-image: url(cards/Maria.TC.02.075.jpg) }
+.card.tc.H8 { background-image: url(cards/Maria.TC.03.075.jpg) }
+.card.tc.H7 { background-image: url(cards/Maria.TC.04.075.jpg) }
+.card.tc.H6 { background-image: url(cards/Maria.TC.05.075.jpg) }
+.card.tc.H5 { background-image: url(cards/Maria.TC.06.075.jpg) }
+.card.tc.H4 { background-image: url(cards/Maria.TC.07.075.jpg) }
+.card.tc.H3 { background-image: url(cards/Maria.TC.08.075.jpg) }
+.card.tc.H2 { background-image: url(cards/Maria.TC.09.075.jpg) }
+.card.tc.R { background-image: url(cards/Maria.TC.10.075.jpg) }
+.card.tc.S10 { background-image: url(cards/Maria.TC.11.075.jpg) }
+.card.tc.S9 { background-image: url(cards/Maria.TC.12.075.jpg) }
+.card.tc.S8 { background-image: url(cards/Maria.TC.13.075.jpg) }
+.card.tc.S7 { background-image: url(cards/Maria.TC.14.075.jpg) }
+.card.tc.S6 { background-image: url(cards/Maria.TC.15.075.jpg) }
+.card.tc.S5 { background-image: url(cards/Maria.TC.16.075.jpg) }
+.card.tc.S4 { background-image: url(cards/Maria.TC.17.075.jpg) }
+.card.tc.S3 { background-image: url(cards/Maria.TC.18.075.jpg) }
+.card.tc.S2 { background-image: url(cards/Maria.TC.19.075.jpg) }
+.card.tc.D10 { background-image: url(cards/Maria.TC.21.075.jpg) }
+.card.tc.D9 { background-image: url(cards/Maria.TC.22.075.jpg) }
+.card.tc.D8 { background-image: url(cards/Maria.TC.23.075.jpg) }
+.card.tc.D7 { background-image: url(cards/Maria.TC.24.075.jpg) }
+.card.tc.D6 { background-image: url(cards/Maria.TC.25.075.jpg) }
+.card.tc.D5 { background-image: url(cards/Maria.TC.26.075.jpg) }
+.card.tc.D4 { background-image: url(cards/Maria.TC.27.075.jpg) }
+.card.tc.D3 { background-image: url(cards/Maria.TC.28.075.jpg) }
+.card.tc.D2 { background-image: url(cards/Maria.TC.29.075.jpg) }
+.card.tc.C10 { background-image: url(cards/Maria.TC.30.075.jpg) }
+.card.tc.C9 { background-image: url(cards/Maria.TC.31.075.jpg) }
+.card.tc.C8 { background-image: url(cards/Maria.TC.32.075.jpg) }
+.card.tc.C7 { background-image: url(cards/Maria.TC.33.075.jpg) }
+.card.tc.C6 { background-image: url(cards/Maria.TC.34.075.jpg) }
+.card.tc.C5 { background-image: url(cards/Maria.TC.35.075.jpg) }
+.card.tc.C4 { background-image: url(cards/Maria.TC.36.075.jpg) }
+.card.tc.C3 { background-image: url(cards/Maria.TC.37.075.jpg) }
+.card.tc.C2 { 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) }