/* filter is used to correct game assets and is not needed in the no-assets fallback */
* {
	filter: none !important;
}

.card {
	background-color: lightgray;
	border: 1px solid darkgray;
	border-top: 2px solid white;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}

.card-count-a {
	top: 1px;
}
.card-count-b {
	bottom: 1px;
}

.card-reverse {
	border: 10px solid #66928a;
	background-image: linear-gradient(45deg, #0d5d50 25%, transparent 25%, transparent 75%, #0d5d50 75%), linear-gradient(45deg, #0d5d50 25%, transparent 25%, transparent 75%, #0d5d50 75%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
	box-sizing: border-box;
}

/* ugly hack fix */
.card.card-highlight.card-reverse:not(.grand_dragon) {
	background-color: #c6f2ea;
	background-image: linear-gradient(45deg, #0d5d50 25%, transparent 25%, transparent 75%, #0d5d50 75%), linear-gradient(45deg, #0d5d50 25%, transparent 25%, transparent 75%, #0d5d50 75%);
}

.slot {
	box-sizing: border-box;
	border-radius: 10px;
}

.slot-spare {
	border: 4px dotted rgba(255, 255, 255, 0.10);
}

.slot-flower, .slot-out {
	border: 2px solid rgba(255, 255, 255, 0.10);
}

.slot-tray {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.05) 75%), linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.05) 75%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}

#board {
	background-color: #012f1b;
}

.btn-dragon {
	background-color: #b09d6f;
	font-size: 40px;
	box-sizing: border-box;
	border-style: none;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 64px;
	border-radius: 50%;
	box-shadow: inset 0px 2px 12px rgba(0, 0, 0, 0.9), 0px 0px 2px rgba(0, 0, 0, 0.32);
	border: 2px solid black;
}
.btn-dragon[style*="_active.png"] {
	background-color: #e7d7b1;
}
.btn-dragon[style*="_down.png"] {
	background-color: #86754a;
}

#btn_dragon_red {
	color: #ae2810;
	text-shadow: 1px 1px 0 #000;
}
#btn_dragon_red:after {
	content: "\004E2D";
}
#btn_dragon_green {
	color: #17714e;
	text-shadow: 1px 1px 0 #000;
}
#btn_dragon_green:after {
	content: "\024F35";
}
#btn_dragon_white {
	color: black;
	text-shadow:
	 -1px -1px 0 #FFF,
	  1px -1px 0 #FFF,
	 -1px  1px 0 #FFF,
	  1px  1px 0 #FFF;
}
#btn_dragon_white:after {
	content: "\00767D";
}

.card-logo {
	text-align: center;
	vertical-align: middle;
}
.card-logo:after {
	font-size: 70px;
	line-height: 102px;
}

/* .card-logo[style*="solitaire/large_icons/dragon_white.png"] {
	text-shadow: 0 0 16px rgba(0, 0, 0, 0.75);
}
.card-logo[style*="solitaire/large_icons/dragon_red.png"] {
	text-shadow: 0 0 16px red;
}
.card-logo[style*="solitaire/large_icons/dragon_green.png"] {
	text-shadow: 0 0 16px green;
} */

.card-logo[style*="solitaire/large_icons/flower.png"]:after {
	content: "\01F337";
	color: red;
}
.card-logo-a[style*="solitaire/small_icons/flower.png"]:after,
.card-logo-b[style*="solitaire/small_icons/flower.png"]:after {
	font-weight: bold;
	content: "\01F337";
	font-size: 16px;
	color: red;
}

.card-logo[style*="solitaire/large_icons/dragon_white.png"]:after {
	content: "\00767D";
	color: black;
}
.card-logo-a[style*="solitaire/small_icons/dragon_white.png"]:after,
.card-logo-b[style*="solitaire/small_icons/dragon_white.png"]:after {
	font-weight: bold;
	content: "\00767D";
	font-size: 16px;
	color: black;
}

.card-logo[style*="solitaire/large_icons/dragon_red.png"]:after {
	content: "\004E2D";
	color: #ae2810;
}
.card-logo-a[style*="solitaire/small_icons/dragon_red.png"]:after,
.card-logo-b[style*="solitaire/small_icons/dragon_red.png"]:after {
	font-weight: bold;
	content: "\004E2D";
	font-size: 16px;
	color: #ae2810;
}

.card-logo[style*="solitaire/large_icons/dragon_green.png"]:after {
	content: "\024F35";
	color: #17714e;
}
.card-logo-a[style*="solitaire/small_icons/dragon_green.png"]:after,
.card-logo-b[style*="solitaire/small_icons/dragon_green.png"]:after {
	font-weight: bold;
	content: "\024F35";
	font-size: 16px;
	color: #17714e;
}

.slot-flower {
	text-align: center;
	vertical-align: middle;
}
.slot-flower:after {
	line-height: 237px;
	content: "\01F337";
	color: transparent;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0.1);
	font-size: 70px;
}

/* numbers */
.card-logo[style*="solitaire/large_icons/bamboo_1.png"]:after,
.card-logo[style*="solitaire/large_icons/char_1.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_1.png"]:after {
	content: "\4E00";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_2.png"]:after,
.card-logo[style*="solitaire/large_icons/char_2.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_2.png"]:after {
	content: "\4E8C";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_3.png"]:after,
.card-logo[style*="solitaire/large_icons/char_3.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_3.png"]:after {
	content: "\4E09";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_4.png"]:after,
.card-logo[style*="solitaire/large_icons/char_4.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_4.png"]:after {
	content: "\56DB";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_5.png"]:after,
.card-logo[style*="solitaire/large_icons/char_5.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_5.png"]:after {
	content: "\4E94";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_6.png"]:after,
.card-logo[style*="solitaire/large_icons/char_6.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_6.png"]:after {
	content: "\516D";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_7.png"]:after,
.card-logo[style*="solitaire/large_icons/char_7.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_7.png"]:after {
	content: "\4E03";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_8.png"]:after,
.card-logo[style*="solitaire/large_icons/char_8.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_8.png"]:after {
	content: "\516B";
	opacity: 0.5;
	font-size: 36px;
}

.card-logo[style*="solitaire/large_icons/bamboo_9.png"]:after,
.card-logo[style*="solitaire/large_icons/char_9.png"]:after,
.card-logo[style*="solitaire/large_icons/coins_9.png"]:after {
	content: "\4E5D";
	opacity: 0.5;
	font-size: 36px;
}
