/*
 * Transparent glyphs only. The table theme supplies white faces, green tile
 * bodies, dimensions, shadows, selection states, and the yellow gold finish.
 * 96×128 SVG viewBox matches the existing 3:4 tile and --tile-face-w sizing.
 * Class specificity replaces upstream PNG faces in either ruleset.
 */
.tile-face {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 92% 92%;
}
.tile-face.tile-face-man1 { background-image: url("./art/man1.svg"); }
.tile-face.tile-face-man2 { background-image: url("./art/man2.svg"); }
.tile-face.tile-face-man3 { background-image: url("./art/man3.svg"); }
.tile-face.tile-face-man4 { background-image: url("./art/man4.svg"); }
.tile-face.tile-face-man5 { background-image: url("./art/man5.svg"); }
.tile-face.tile-face-man6 { background-image: url("./art/man6.svg"); }
.tile-face.tile-face-man7 { background-image: url("./art/man7.svg"); }
.tile-face.tile-face-man8 { background-image: url("./art/man8.svg"); }
.tile-face.tile-face-man9 { background-image: url("./art/man9.svg"); }
.tile-face.tile-face-pin1 { background-image: url("./art/pin1.svg"); }
.tile-face.tile-face-pin2 { background-image: url("./art/pin2.svg"); }
.tile-face.tile-face-pin3 { background-image: url("./art/pin3.svg"); }
.tile-face.tile-face-pin4 { background-image: url("./art/pin4.svg"); }
.tile-face.tile-face-pin5 { background-image: url("./art/pin5.svg"); }
.tile-face.tile-face-pin6 { background-image: url("./art/pin6.svg"); }
.tile-face.tile-face-pin7 { background-image: url("./art/pin7.svg"); }
.tile-face.tile-face-pin8 { background-image: url("./art/pin8.svg"); }
.tile-face.tile-face-pin9 { background-image: url("./art/pin9.svg"); }
.tile-face.tile-face-sou1 { background-image: url("./art/sou1.svg"); }
.tile-face.tile-face-sou2 { background-image: url("./art/sou2.svg"); }
.tile-face.tile-face-sou3 { background-image: url("./art/sou3.svg"); }
.tile-face.tile-face-sou4 { background-image: url("./art/sou4.svg"); }
.tile-face.tile-face-sou5 { background-image: url("./art/sou5.svg"); }
.tile-face.tile-face-sou6 { background-image: url("./art/sou6.svg"); }
.tile-face.tile-face-sou7 { background-image: url("./art/sou7.svg"); }
.tile-face.tile-face-sou8 { background-image: url("./art/sou8.svg"); }
.tile-face.tile-face-sou9 { background-image: url("./art/sou9.svg"); }
.tile-face.tile-face-ton { background-image: url("./art/ton.svg"); }
.tile-face.tile-face-nan { background-image: url("./art/nan.svg"); }
.tile-face.tile-face-shaa { background-image: url("./art/shaa.svg"); }
.tile-face.tile-face-pei { background-image: url("./art/pei.svg"); }
.tile-face.tile-face-haku { background-image: url("./art/haku.svg"); }
.tile-face.tile-face-hatsu { background-image: url("./art/hatsu.svg"); }
.tile-face.tile-face-chun { background-image: url("./art/chun.svg"); }
.tile-face.tile-face-flower_plum { background-image: url("./art/flower_plum.svg"); }
.tile-face.tile-face-flower_orchid { background-image: url("./art/flower_orchid.svg"); }
.tile-face.tile-face-flower_bamboo { background-image: url("./art/flower_bamboo.svg"); }
.tile-face.tile-face-flower_chrys { background-image: url("./art/flower_chrys.svg"); }
.tile-face.tile-face-season_spring { background-image: url("./art/season_spring.svg"); }
.tile-face.tile-face-season_summer { background-image: url("./art/season_summer.svg"); }
.tile-face.tile-face-season_autumn { background-image: url("./art/season_autumn.svg"); }
.tile-face.tile-face-season_winter { background-image: url("./art/season_winter.svg"); }
.tile-face.tile-face-back { background-image: url("./art/back.svg"); }