/*
	Maria
*/

/* 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(264, 10%, 75%);
	--color-light-austria: hsl(0, 0%, 97%);
	--color-light-political: hsl(50, 73%, 78%);
	--color-light-discard: hsl(52, 37%, 80%);

	--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(264, 10%, 65%);
	--color-medium-austria: hsl(0, 0%, 90%);
	--color-medium-political: hsl(50, 35%, 60%);
	--color-medium-discard: hsl(52, 25%, 70%);

	--color-clubs: #0079a1;
	--color-diamonds: #9d403f;
	--color-hearts: #ed1c23;
	--color-spades: #00507c;
	--color-reserve: #59594c;
}

/* FONTS */

@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;
	white-space: wrap;
}

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

button span.suit {
	font-family: "Suit Symbols", var(--font-widget);
	line-height: 1;
}

button {
	height: 30px;
}

/* BODY, HEADER, BOARD */

body {
	background-color: slategray;
}

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); }
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); }

#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;
}

#tooltip {
	pointer-events: none;
	position: fixed;
	z-index: 600;
	right: 240px;
	top: 60px;
}

@media (max-width: 800px) {
	#tooltip {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
}

/* ROLES */

.role.active span { font-weight: bold }

.role_stat {
	display: flex;
	flex-wrap: wrap;
	align-items: start;
	gap: 4px;
	padding-right: 3px;
}

#role_Player_A { background-color: thistle; }
#role_Player_B { background-color: whitesmoke; }

#role_Maria_Theresa { background-color: var(--color-light-austria); }
#role_Louis_XV { background-color: var(--color-light-france); }
#role_Frederick {
	background-image: linear-gradient(45deg,
		var(--color-light-prussia) 40%,
		var(--color-light-pragmatic) 60%
	);
}

.role_marker {
	display: inline-block;
	width: 30px;
	height: 22px;
	background-size: 24px 24px;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid black;
}

#role_Player_A .role_marker {
	width: 24px;
}

.role_marker.france { background-color: #ed1c24 }
.role_marker.prussia { background-color: #005988 }
.role_marker.pragmatic { background-color: #5f5c5c }
.role_marker.austria { background-color: #ffffff }
.role_marker.saxony { background-color: #157d36 }
.role_marker.bavaria { background-color: #ffc825 }

.role_marker.france { background-image: url(images/role_france.1x.png) }
.role_marker.prussia { background-image: url(images/role_prussia.1x.png) }
.role_marker.pragmatic { background-image: url(images/role_pragmatic.1x.png) }
.role_marker.austria { background-image: url(images/role_austria.1x.png) }
.role_marker.saxony { background-image: url(images/role_saxony.1x.png) }
.role_marker.bavaria { background-image: url(images/role_bavaria.1x.png) }

@media (min-resolution: 97dpi) {
.role_marker.france { background-image: url(images/role_france.2x.png) }
.role_marker.prussia { background-image: url(images/role_prussia.2x.png) }
.role_marker.pragmatic { background-image: url(images/role_pragmatic.2x.png) }
.role_marker.austria { background-image: url(images/role_austria.2x.png) }
.role_marker.saxony { background-image: url(images/role_saxony.2x.png) }
.role_marker.bavaria { background-image: url(images/role_bavaria.2x.png) }
}

/* PROPOSE DEAL DIALOG */

dialog {
	background-color: #f3ebd4;
	user-select: none;
}

dialog button {
	margin-left: 8px;
}

dialog p {
	margin: 6px 0;
}

/* 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;
	min-height: calc(257px + 4px);
}

#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: #f3e9b8; }

#discard_pile_header { background-color: var(--color-light-discard); }
#discard_pile_panel { background-color: var(--color-medium-discard); }

.panel_body { padding-right: calc(18px + 167px); }
.panel_body { gap: 18px 0; }

#discard_pile_panel { max-width: calc(230px * 4 + 18px * 5) }
#discard_pile_body { padding: 18px; gap: 18px; }

/* BUTTON IMAGES */

button:has(.austria) { background-color: #ffffff; }
button:has(.bavaria) { background-color: #ffc825; border-color: #fff766 #c69100 #c69100 #fff766; box-shadow: 0 0 0 1px #5c2a00; }
button:has(.bavaria):active:hover { border-color: #c69100 #fff766 #fff766 #c69100; }
button:has(.france) { background-color: #ed1c24; border-color: #ff544d #c00000 #c00000 #ff544d; box-shadow: 0 0 0 1px #680000; }
button:has(.france):active:hover { border-color: #c00000 #ff544d #ff544d #c00000; }
button:has(.pragmatic) { background-color: #5f5c5c; border-color: #7a7777 #454242 #454242 #7a7777; box-shadow: 0 0 0 1px #161313; }
button:has(.pragmatic):active:hover { border-color: #454242 #7a7777 #7a7777 #454242; }
button:has(.prussia) { background-color: #005988; border-color: #2973a4 #00406d #00406d #2973a4; box-shadow: 0 0 0 1px #000f3a; }
button:has(.prussia):active:hover { border-color: #00406d #2973a4 #2973a4 #00406d; }
button:has(.saxony) { background-color: #157d36; border-color: #3e9d54 #005e17 #005e17 #3e9d54; box-shadow: 0 0 0 1px #002500; }
button:has(.saxony):active:hover { border-color: #005e17 #3e9d54 #3e9d54 #005e17; }

button:not(.hide):has(img) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.shift_track {
	display: block;
	border: 1px solid black;
}

.shift_arrow {
	display: block;
}

/* POLITICAL DISPLAY */

#political_panel {
	background-image: url(images/paper.jpg);
	background-position: top right;
}

#political_panel {
	width: min-content;
}

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

#political_display, #pd_deals table {
	box-shadow: 1px 1px 4px #0003;
	margin: 4px;
}

#placed_prussia { left: 42px; }
#placed_france { left: 246px; }
#placed_pragmatic { left: 449px; }
#placed_austria { left: 653px; }

.pc_pile {
	position: absolute;
	top: 325px;
}

#political_body {
	padding-top: 4px;
	display: grid;
}

#pc_deck { width: calc(167px + 6px * 3); height: 259px; }

#political_body {
	grid-template-columns: repeat(2, min-content);
	grid-template-rows: repeat(3, min-content);
}

#pd_cards {
	padding: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
	gap: 12px;
}

#pd_main { grid-row: 1; grid-column: 1; }
#pd_deals { grid-row: 2; grid-column: 1; }
#pd_cards { grid-row: 1 / 4; grid-column: 2; }
#pd_cards { flex-direction: column; }

@media (max-width: 1300px) {
#pd_main { grid-row: 1; grid-column: 1; }
#pd_deals { grid-row: 3; grid-column: 1; }
#pd_cards { grid-row: 2; grid-column: 1; }
#pd_cards { flex-direction: row; }
}

/* POLITICAL DEAL LIST */

#pd_deals table {
	width: 879px;
	background-color: var(--color-light-political);
	border: 1px solid #0008;
	border-collapse: collapse;
}

#pd_deals img {
	display: block;
	border: 1px solid black;
}

#pd_deals th {
	border-bottom: 1px solid #0008;
}

#pd_deals th {
	font-weight: normal;
	background-color: #0002;
}

#pd_deals td {
	padding: 4px;
	vertical-align: top;
}

#pd_deals tr.sep td {
	border: 1px solid #000;
	background-color: #0002;
}

#pd_deals .deal {
	margin-top: 8px;
}

/* LOG */

#log { background-color: #f3ebd4 }

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

.city_tip, .piece_tip, .move_tip, .card_tip { cursor: pointer; }
.card_tip { font-style: italic; text-decoration: underline; }
.city_tip:hover, .piece_tip:hover, .move_tip:hover { text-decoration: underline; }

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

#log .h.turn { text-align: center; }
#log .h.turn::before { content: "\2014  " }
#log .h.turn::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 .h.austria.pragmatic {
	background-image: linear-gradient(120deg,
		var(--color-light-austria) 20%,
		var(--color-light-pragmatic) 80%
	);
}
#log .h.austria.pragmatic.saxony {
	background-image: linear-gradient(120deg,
		var(--color-light-austria) 15%,
		var(--color-light-pragmatic) 40%,
		var(--color-light-pragmatic) 60%,
		var(--color-light-saxony) 85%
	);
}
#log .h.france.bavaria {
	background-image: linear-gradient(120deg,
		var(--color-light-france) 20%,
		var(--color-light-bavaria) 80%
	);
}
#log .h.prussia.saxony {
	background-image: linear-gradient(120deg,
		var(--color-light-prussia) 20%,
		var(--color-light-saxony) 80%
	);
}

#log div.q { font-style: italic; padding-left: 8px; text-indent: 12px; }

#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; }

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

span.value { padding: 0 1px }

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"; }

/* MISSING MARKER COUNT IN POOL */

.missing {
	position: absolute;
	background-color: #c00c;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	padding: 6px;
	white-space: pre;
	text-align: center;
}

#missing_pragmatic {
	left: 779px;
	top: 79px;
	width: 116px;
	height: 58px;
}

#missing_prussia {
	left: 1909px;
	top: 58px;
	width: 116px;
	height: 58px;
}

#missing_austria {
	left: 2316px;
	top: 1543px;
	width: 116px;
	height: 58px;
}

#missing_france {
	background-color: #c00c;
	left: 66px;
	top: 1541px;
	width: 116px;
	height: 58px;
}

/* SPACES */

.space {
	position: absolute;
	border: 4px solid transparent;
}

.space.city {
	width: calc(18px + 10px);
	height: calc(18px + 10px);
	border-radius: 50%;
}

.space.minor_fortress {
	width: calc(28px + 10px);
	height: calc(28px + 10px);
}

.space.major_fortress {
	width: calc(32px + 12px);
	height: calc(32px + 12px);
	border-radius: 50%;
}

.space.box {
	width: 44px;
	height: 44px;
}

.space.box.england {
	width: 48px;
	height: 56px;
}

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

.space.action {
	border-color: white;
	box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px 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(pieces/cube_austria.svg) }
.piece.cube.bavaria { background-image: url(pieces/cube_bavaria.svg) }
.piece.cube.france { background-image: url(pieces/cube_france.svg) }
.piece.cube.pragmatic { background-image: url(pieces/cube_pragmatic.svg) }
.piece.cube.prussia { background-image: url(pieces/cube_prussia.svg) }
.piece.cube.saxony { background-image: url(pieces/cube_saxony.svg) }

.piece.disc.austria { background-image: url(pieces/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) }

.piece.cylinder.austria.oos { background-image: url(pieces/cylinder_austria_oos.svg) }
.piece.cylinder.bavaria.oos { background-image: url(pieces/cylinder_bavaria_oos.svg) }
.piece.cylinder.france.oos { background-image: url(pieces/cylinder_france_oos.svg) }
.piece.cylinder.pragmatic.oos { background-image: url(pieces/cylinder_pragmatic_oos.svg) }
.piece.cylinder.prussia.oos { background-image: url(pieces/cylinder_prussia_oos.svg) }
.piece.cylinder.saxony.oos { background-image: url(pieces/cylinder_saxony_oos.svg) }


/* MARKERS */

span.subsidy {
	display: inline-block;
	font-weight: bold;
	line-height: 1;
	margin: 0 2px;
	padding: 0 2px;
	border: 1px solid black;
}

span.subsidy.france { color: gold; background-color: #f21c26 }
span.subsidy.prussia { color: gold; background-color: #005988 }
span.subsidy.pragmatic { color: gainsboro; background-color: #7d7a7a }
span.subsidy.austria { color: #444; background-color: white }
span.subsidy.bavaria { color: brown; background-color: #fca808 }
span.subsidy.saxony { color: gold; background-color: #147d36 }

#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.075.png) }
.marker.political_marker_russia { background-image: url(markers/political_marker_russia.075.png) }
.marker.political_marker_saxony { background-image: url(markers/political_marker_saxony.075.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; }

/* ROADS */

.space.move {
	background-color: #fff6;
}

svg .road {
	stroke: red;
	stroke-width: 6;
	stroke-linecap: round;
}

/* CARD COUNTING AIDS */

@media (hover: hover) {
	#shift_button {
		display: none;
	}
}

body.shift span.value.deck_1 { background-color: #9513 }
body.shift span.value.deck_3 { background-color: #04f2 }
body.shift span.value.deck_2 { background-color: #0f03 }
body.shift span.value.deck_4 { background-color: #bc04 }

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

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

.card.selected {
	box-shadow: 0 0 0 3px yellow;
	border-color: black;
}

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

.draw-break { margin-left: 167px; }
.card.tc { margin-right: calc(-167px + 40px); }
.card.tc.reverse { margin-right: calc(-167px + 20px); }
.card.tc.pile { margin-right: calc(-167px + 6px); }
.card.tc.hand { margin-right: calc(-167px + 10px); }
.card.polcard.pile { margin-right: calc(-167px + 6px); }

.card_pile {
	display: flex;
	flex-wrap: wrap;
	width: 230px;
}

/* @1X */

.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, body.shift .card.tc.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.075.jpg) }
.card.tc.reverse.deck_2, body.shift .card.tc.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.075.jpg) }
.card.tc.reverse.deck_3, body.shift .card.tc.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.075.jpg) }
.card.tc.reverse.deck_4, body.shift .card.tc.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.075.jpg) }

.card.polcard.c0 { background-image: url(cards/Maria.PolCard.01.075.jpg) }
.card.polcard.c1 { background-image: url(cards/Maria.PolCard.02.075.jpg) }
.card.polcard.c2 { background-image: url(cards/Maria.PolCard.03.075.jpg) }
.card.polcard.c3 { background-image: url(cards/Maria.PolCard.04.075.jpg) }
.card.polcard.c4 { background-image: url(cards/Maria.PolCard.05.075.jpg) }
.card.polcard.c5 { background-image: url(cards/Maria.PolCard.06.075.jpg) }
.card.polcard.c6 { background-image: url(cards/Maria.PolCard.07.075.jpg) }
.card.polcard.c7 { background-image: url(cards/Maria.PolCard.08.075.jpg) }
.card.polcard.c8 { background-image: url(cards/Maria.PolCard.09.075.jpg) }
.card.polcard.c9 { background-image: url(cards/Maria.PolCard.10.075.jpg) }
.card.polcard.c10 { background-image: url(cards/Maria.PolCard.11.075.jpg) }
.card.polcard.c11 { background-image: url(cards/Maria.PolCard.12.075.jpg) }
.card.polcard.c12 { background-image: url(cards/Maria.PolCard.13.075.jpg) }
.card.polcard.c13 { background-image: url(cards/Maria.PolCard.14.075.jpg) }
.card.polcard.c14 { background-image: url(cards/Maria.PolCard.15.075.jpg) }
.card.polcard.c15 { background-image: url(cards/Maria.PolCard.16.075.jpg) }
.card.polcard.c16 { background-image: url(cards/Maria.PolCard.17.075.jpg) }
.card.polcard.c17 { background-image: url(cards/Maria.PolCard.18.075.jpg) }
.card.polcard.c18 { background-image: url(cards/Maria.PolCard.19.075.jpg) }
.card.polcard.c19 { background-image: url(cards/Maria.PolCard.20.075.jpg) }
.card.polcard.c20 { background-image: url(cards/Maria.PolCard.21.075.jpg) }
.card.polcard.c21 { background-image: url(cards/Maria.PolCard.22.075.jpg) }
.card.polcard.c22 { background-image: url(cards/Maria.PolCard.23.075.jpg) }
.card.polcard.c23 { background-image: url(cards/Maria.PolCard.24.075.jpg) }
.card.polcard.c24 { 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.H10 { background-image: url(cards/Maria.TC.01.150.jpg) }
	.card.tc.H9 { background-image: url(cards/Maria.TC.02.150.jpg) }
	.card.tc.H8 { background-image: url(cards/Maria.TC.03.150.jpg) }
	.card.tc.H7 { background-image: url(cards/Maria.TC.04.150.jpg) }
	.card.tc.H6 { background-image: url(cards/Maria.TC.05.150.jpg) }
	.card.tc.H5 { background-image: url(cards/Maria.TC.06.150.jpg) }
	.card.tc.H4 { background-image: url(cards/Maria.TC.07.150.jpg) }
	.card.tc.H3 { background-image: url(cards/Maria.TC.08.150.jpg) }
	.card.tc.H2 { background-image: url(cards/Maria.TC.09.150.jpg) }
	.card.tc.R { background-image: url(cards/Maria.TC.10.150.jpg) }
	.card.tc.S10 { background-image: url(cards/Maria.TC.11.150.jpg) }
	.card.tc.S9 { background-image: url(cards/Maria.TC.12.150.jpg) }
	.card.tc.S8 { background-image: url(cards/Maria.TC.13.150.jpg) }
	.card.tc.S7 { background-image: url(cards/Maria.TC.14.150.jpg) }
	.card.tc.S6 { background-image: url(cards/Maria.TC.15.150.jpg) }
	.card.tc.S5 { background-image: url(cards/Maria.TC.16.150.jpg) }
	.card.tc.S4 { background-image: url(cards/Maria.TC.17.150.jpg) }
	.card.tc.S3 { background-image: url(cards/Maria.TC.18.150.jpg) }
	.card.tc.S2 { background-image: url(cards/Maria.TC.19.150.jpg) }
	.card.tc.D10 { background-image: url(cards/Maria.TC.21.150.jpg) }
	.card.tc.D9 { background-image: url(cards/Maria.TC.22.150.jpg) }
	.card.tc.D8 { background-image: url(cards/Maria.TC.23.150.jpg) }
	.card.tc.D7 { background-image: url(cards/Maria.TC.24.150.jpg) }
	.card.tc.D6 { background-image: url(cards/Maria.TC.25.150.jpg) }
	.card.tc.D5 { background-image: url(cards/Maria.TC.26.150.jpg) }
	.card.tc.D4 { background-image: url(cards/Maria.TC.27.150.jpg) }
	.card.tc.D3 { background-image: url(cards/Maria.TC.28.150.jpg) }
	.card.tc.D2 { background-image: url(cards/Maria.TC.29.150.jpg) }
	.card.tc.C10 { background-image: url(cards/Maria.TC.30.150.jpg) }
	.card.tc.C9 { background-image: url(cards/Maria.TC.31.150.jpg) }
	.card.tc.C8 { background-image: url(cards/Maria.TC.32.150.jpg) }
	.card.tc.C7 { background-image: url(cards/Maria.TC.33.150.jpg) }
	.card.tc.C6 { background-image: url(cards/Maria.TC.34.150.jpg) }
	.card.tc.C5 { background-image: url(cards/Maria.TC.35.150.jpg) }
	.card.tc.C4 { background-image: url(cards/Maria.TC.36.150.jpg) }
	.card.tc.C3 { background-image: url(cards/Maria.TC.37.150.jpg) }
	.card.tc.C2 { background-image: url(cards/Maria.TC.38.150.jpg) }

	.card.tc.reverse.deck_1, body.shift .card.tc.deck_1 { background-image: url(cards/Maria.TC.reverse.deck_1.150.jpg) }
	.card.tc.reverse.deck_2, body.shift .card.tc.deck_2 { background-image: url(cards/Maria.TC.reverse.deck_2.150.jpg) }
	.card.tc.reverse.deck_3, body.shift .card.tc.deck_3 { background-image: url(cards/Maria.TC.reverse.deck_3.150.jpg) }
	.card.tc.reverse.deck_4, body.shift .card.tc.deck_4 { background-image: url(cards/Maria.TC.reverse.deck_4.150.jpg) }

	.card.polcard.c0 { background-image: url(cards/Maria.PolCard.01.150.jpg) }
	.card.polcard.c1 { background-image: url(cards/Maria.PolCard.02.150.jpg) }
	.card.polcard.c2 { background-image: url(cards/Maria.PolCard.03.150.jpg) }
	.card.polcard.c3 { background-image: url(cards/Maria.PolCard.04.150.jpg) }
	.card.polcard.c4 { background-image: url(cards/Maria.PolCard.05.150.jpg) }
	.card.polcard.c5 { background-image: url(cards/Maria.PolCard.06.150.jpg) }
	.card.polcard.c6 { background-image: url(cards/Maria.PolCard.07.150.jpg) }
	.card.polcard.c7 { background-image: url(cards/Maria.PolCard.08.150.jpg) }
	.card.polcard.c8 { background-image: url(cards/Maria.PolCard.09.150.jpg) }
	.card.polcard.c9 { background-image: url(cards/Maria.PolCard.10.150.jpg) }
	.card.polcard.c10 { background-image: url(cards/Maria.PolCard.11.150.jpg) }
	.card.polcard.c11 { background-image: url(cards/Maria.PolCard.12.150.jpg) }
	.card.polcard.c12 { background-image: url(cards/Maria.PolCard.13.150.jpg) }
	.card.polcard.c13 { background-image: url(cards/Maria.PolCard.14.150.jpg) }
	.card.polcard.c14 { background-image: url(cards/Maria.PolCard.15.150.jpg) }
	.card.polcard.c15 { background-image: url(cards/Maria.PolCard.16.150.jpg) }
	.card.polcard.c16 { background-image: url(cards/Maria.PolCard.17.150.jpg) }
	.card.polcard.c17 { background-image: url(cards/Maria.PolCard.18.150.jpg) }
	.card.polcard.c18 { background-image: url(cards/Maria.PolCard.19.150.jpg) }
	.card.polcard.c19 { background-image: url(cards/Maria.PolCard.20.150.jpg) }
	.card.polcard.c20 { background-image: url(cards/Maria.PolCard.21.150.jpg) }
	.card.polcard.c21 { background-image: url(cards/Maria.PolCard.22.150.jpg) }
	.card.polcard.c22 { background-image: url(cards/Maria.PolCard.23.150.jpg) }
	.card.polcard.c23 { background-image: url(cards/Maria.PolCard.24.150.jpg) }
	.card.polcard.c24 { 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) }
}