/* Traditional tile faces. Generated. High contrast switches to the dark set. */
.face.pic { background-repeat: no-repeat; background-position: center; background-size: contain; }
.fc-rd { background-image: url(tiles/regular/rd.svg); }
.fc-gd { background-image: url(tiles/regular/gd.svg); }
.fc-wd { background-image: url(tiles/regular/wd.svg); }
.fc-ew { background-image: url(tiles/regular/ew.svg); }
.fc-sw { background-image: url(tiles/regular/sw.svg); }
.fc-ww { background-image: url(tiles/regular/ww.svg); }
.fc-nw { background-image: url(tiles/regular/nw.svg); }
.fc-p1 { background-image: url(tiles/regular/p1.svg); }
.fc-s1 { background-image: url(tiles/regular/s1.svg); }
.fc-p2 { background-image: url(tiles/regular/p2.svg); }
.fc-p3 { background-image: url(tiles/regular/p3.svg); }
.fc-s2 { background-image: url(tiles/regular/s2.svg); }
.fc-p4 { background-image: url(tiles/regular/p4.svg); }
.fc-p5 { background-image: url(tiles/regular/p5.svg); }
.fc-s3 { background-image: url(tiles/regular/s3.svg); }
.fc-s4 { background-image: url(tiles/regular/s4.svg); }
.fc-s5 { background-image: url(tiles/regular/s5.svg); }
.fc-m1 { background-image: url(tiles/regular/m1.svg); }
.fc-m2 { background-image: url(tiles/regular/m2.svg); }
.fc-m3 { background-image: url(tiles/regular/m3.svg); }
.fc-p6 { background-image: url(tiles/regular/p6.svg); }
.fc-s8 { background-image: url(tiles/regular/s8.svg); }
.fc-m4 { background-image: url(tiles/regular/m4.svg); }
.fc-m5 { background-image: url(tiles/regular/m5.svg); }
:root[data-contrast="high"] .fc-rd { background-image: url(tiles/black/rd.svg); }
:root[data-contrast="high"] .fc-gd { background-image: url(tiles/black/gd.svg); }
:root[data-contrast="high"] .fc-wd { background-image: url(tiles/black/wd.svg); }
:root[data-contrast="high"] .fc-ew { background-image: url(tiles/black/ew.svg); }
:root[data-contrast="high"] .fc-sw { background-image: url(tiles/black/sw.svg); }
:root[data-contrast="high"] .fc-ww { background-image: url(tiles/black/ww.svg); }
:root[data-contrast="high"] .fc-nw { background-image: url(tiles/black/nw.svg); }
:root[data-contrast="high"] .fc-p1 { background-image: url(tiles/black/p1.svg); }
:root[data-contrast="high"] .fc-s1 { background-image: url(tiles/black/s1.svg); }
:root[data-contrast="high"] .fc-p2 { background-image: url(tiles/black/p2.svg); }
:root[data-contrast="high"] .fc-p3 { background-image: url(tiles/black/p3.svg); }
:root[data-contrast="high"] .fc-s2 { background-image: url(tiles/black/s2.svg); }
:root[data-contrast="high"] .fc-p4 { background-image: url(tiles/black/p4.svg); }
:root[data-contrast="high"] .fc-p5 { background-image: url(tiles/black/p5.svg); }
:root[data-contrast="high"] .fc-s3 { background-image: url(tiles/black/s3.svg); }
:root[data-contrast="high"] .fc-s4 { background-image: url(tiles/black/s4.svg); }
:root[data-contrast="high"] .fc-s5 { background-image: url(tiles/black/s5.svg); }
:root[data-contrast="high"] .fc-m1 { background-image: url(tiles/black/m1.svg); }
:root[data-contrast="high"] .fc-m2 { background-image: url(tiles/black/m2.svg); }
:root[data-contrast="high"] .fc-m3 { background-image: url(tiles/black/m3.svg); }
:root[data-contrast="high"] .fc-p6 { background-image: url(tiles/black/p6.svg); }
:root[data-contrast="high"] .fc-s8 { background-image: url(tiles/black/s8.svg); }
:root[data-contrast="high"] .fc-m4 { background-image: url(tiles/black/m4.svg); }
:root[data-contrast="high"] .fc-m5 { background-image: url(tiles/black/m5.svg); }