Merge branch 'master' into tournament-pairing-countdown

* master: automate streamer trophies - closes #1059 log stream config more round DOM golf upgrade chessground more round DOM golf simplify round replay DOM, unify with analysis forecast fonts simplify analysis DOM with <turn>, <move> and <index> elements upgrade chessground, introduce <square> & <piece>
2015-09-30 17:31:14 +02:00 · 2015-09-30 17:31:14 +02:00 · 235eaad2a9
parent 156d92d1ba e68cc3595b
commit 235eaad2a9
45 changed files with 382 additions and 366 deletions
--- a/app/Env.scala
+++ b/app/Env.scala
@ -39,7 +39,8 @@ final class Env(
    getRatingChart = Env.history.ratingChartApi.apply,
    getRanks = Env.user.cached.ranking.getAll,
    isDonor = Env.donation.isDonor,
-    isHostingSimul = Env.simul.isHosting) _
+    isHostingSimul = Env.simul.isHosting,
+    isStreamer = Env.tv.isStreamer.apply) _

  system.actorOf(Props(new actor.Renderer), name = RendererName)

--- a/app/controllers/Tv.scala
+++ b/app/controllers/Tv.scala
@ -94,7 +94,8 @@ object Tv extends LilaController {
      FormFuResult(Env.tv.streamerList.form) { err =>
        fuccess(html.tv.streamConfig(err))
      } { text =>
-        Env.tv.streamerList.store.set(text) inject Redirect(routes.Tv.streamConfig)
+        Env.tv.streamerList.store.set(text) >>
+          Env.mod.logApi.streamConfig(me.username) inject Redirect(routes.Tv.streamConfig)
      }
  }

--- a/app/mashup/UserInfo.scala
+++ b/app/mashup/UserInfo.scala
@ -28,7 +28,8 @@ case class UserInfo(
    nbPosts: Int,
    playTime: User.PlayTime,
    donor: Boolean,
-    trophies: Trophies) {
+    trophies: Trophies,
+    isStreamer: Boolean) {

  def nbRated = user.count.rated

@ -36,12 +37,18 @@ case class UserInfo(

  def percentRated: Int = math.round(nbRated / user.count.game.toFloat * 100)

-  def allTrophies = (donor ?? List(Trophy(
-    _id = "",
-    user = user.id,
-    kind = Trophy.Kind.Donor,
-    date = org.joda.time.DateTime.now)
-  )) ::: trophies
+  def allTrophies = List(
+    donor option Trophy(
+      _id = "",
+      user = user.id,
+      kind = Trophy.Kind.Donor,
+      date = org.joda.time.DateTime.now),
+    isStreamer option Trophy(
+      _id = "",
+      user = user.id,
+      kind = Trophy.Kind.Streamer,
+      date = org.joda.time.DateTime.now)
+  ).flatten ::: trophies
 }

 object UserInfo {
@ -57,7 +64,8 @@ object UserInfo {
    getRatingChart: User => Fu[Option[String]],
    getRanks: String => Fu[Map[String, Int]],
    isDonor: String => Fu[Boolean],
-    isHostingSimul: String => Fu[Boolean])(user: User, ctx: Context): Fu[UserInfo] =
+    isHostingSimul: String => Fu[Boolean],
+    isStreamer: String => Boolean)(user: User, ctx: Context): Fu[UserInfo] =
    countUsers() zip
      getRanks(user.id) zip
      (gameCached nbPlaying user.id) zip
@ -89,7 +97,8 @@ object UserInfo {
              nbPosts = nbPosts,
              playTime = playTime,
              donor = isDonor,
-              trophies = trophies)
+              trophies = trophies,
+              isStreamer = isStreamer(user.id))
          }
      }
 }
--- a/bin/gen/piece-sprite
+++ b/bin/gen/piece-sprite
@ -38,7 +38,7 @@ themes.map { |theme|
      File.open(file, 'r') do|image_file|
        image = image_file.read
        base64 = Base64.strict_encode64(image)
-        'body.base .is2d .cg-piece.' + role + '.' + color + ' { ' +
+        'body.base .is2d piece.' + role + '.' + color + ' { ' +
          "background-image: url('data:image/" + types[ext] + base64 + "'); }"
      end
    }
--- a/modules/mod/src/main/Modlog.scala
+++ b/modules/mod/src/main/Modlog.scala
@ -30,6 +30,7 @@ case class Modlog(
    case Modlog.deleteQaQuestion => "delete Q&A question"
    case Modlog.deleteQaAnswer   => "delete Q&A answer"
    case Modlog.deleteQaComment  => "delete Q&A comment"
+    case Modlog.streamConfig     => "update streams config"
    case a                       => a
  }

@ -60,6 +61,7 @@ object Modlog {
  val deleteQaQuestion = "deleteQaQuestion"
  val deleteQaAnswer = "deleteQaAnswer"
  val deleteQaComment = "deleteQaComment"
+  val streamConfig = "streamConfig"

  import lila.db.JsTube
  import JsTube.Helpers._
--- a/modules/mod/src/main/ModlogApi.scala
+++ b/modules/mod/src/main/ModlogApi.scala
@ -7,6 +7,10 @@ import play.api.libs.json.Json

 final class ModlogApi {

+  def streamConfig(mod: String) = add {
+    Modlog(mod, none, Modlog.streamConfig)
+  }
+
  def engine(mod: String, user: String, v: Boolean) = add {
    Modlog(mod, user.some, v.fold(Modlog.engine, Modlog.unengine))
  }
--- a/modules/tv/src/main/Env.scala
+++ b/modules/tv/src/main/Env.scala
@ -6,6 +6,7 @@ import com.typesafe.config.Config
 import lila.common.PimpedConfig._

 import scala.collection.JavaConversions._
+import scala.concurrent.duration._

 final class Env(
    config: Config,
@ -41,6 +42,14 @@ final class Env(
      coll.update(BSONDocument("_id" -> "streamer"), BSONDocument("text" -> text), upsert = true).void
  })

+  object isStreamer {
+    private val cache = lila.memo.MixedCache.single[Set[String]](
+      f = streamerList.lichessIds,
+      timeToLive = 1 minute,
+      default = Set.empty)
+    def apply(id: String) = cache get true contains id
+  }
+
  def streamsOnAir = streaming.onAir

  {
--- a/modules/tv/src/main/StreamerList.scala
+++ b/modules/tv/src/main/StreamerList.scala
@ -16,6 +16,10 @@ final class StreamerList(
    validate(text)._1
  }

+  private[tv] def lichessIds: Fu[Set[String]] = get map {
+    _.map(_.lichessName.toLowerCase).toSet
+  }
+
  def validate(text: String): (List[Streamer], List[Exception]) = Try {
    ConfigFactory.parseString(text).getConfigList("streamers").toList.map { c =>
      Try {
--- a/public/javascripts/vendor/chessground.min.js
+++ b/public/javascripts/vendor/chessground.min.js
--- a/public/stylesheets/analyse.css
+++ b/public/stylesheets/analyse.css
@ -249,48 +249,26 @@ div.gauge_displayed div.lichess_game div.lichess_ground {
 .lichess_ground .action_menu .switch {
  float: right;
 }
-.lichess_ground .replay .turn > .index {
-  display: inline-block;
+.lichess_ground .replay turn index {
  width: 26px;
  text-align: center;
-  font-size: 13px;
-  height: 22px;
-  display: inline-block;
-  line-height: 22px;
-  padding: 2px 0;
-  background: #e0e0e0;
 }
-.lichess_ground .replay .move {
+.lichess_ground .replay move {
  display: inline-block;
  font-family: 'ChessSansPiratf', sans-serif;
 }
-.lichess_ground .replay .turn .move {
+.lichess_ground .replay turn move {
  position: relative;
  width: calc(50% - 14px - 13px);
-  font-size: 17px;
-  height: 22px;
-  line-height: 22px;
-  display: inline-block;
  padding: 2px 7px;
 }
-.lichess_ground .replay .move.current {
+.lichess_ground .replay move.current {
  background: rgba(191, 231, 255, 0.7);
 }
-.lichess_ground .replay .turn .move.empty {
+.lichess_ground .replay turn move.empty {
  opacity: 0.5;
 }
-.lichess_ground .replay a.move {
-  cursor: pointer;
-  transition: background-color 0.13s;
-}
-.lichess_ground .replay a.move:hover {
-  background: #e0e0e0;
-}
-.lichess_ground .replay a.move.active {
-  color: #d85000;
-  font-weight: bold;
-}
-.lichess_ground .replay .eval {
+.lichess_ground .replay eval {
  position: absolute;
  top: 2px;
  right: 5px;
@ -300,7 +278,7 @@ div.gauge_displayed div.lichess_game div.lichess_ground {
  opacity: 0.7;
  transition: 0.13s;
 }
-.lichess_ground .replay .move:hover .eval {
+.lichess_ground .replay move:hover eval {
  opacity: 1;
 }
 .lichess_ground .analyse .meta {
@ -338,17 +316,17 @@ body .lichess_ground .analyse .undefined {
  font-weight: 300;
  padding: 3px 0 3px 5px;
 }
-.lichess_ground .variation .index {
+.lichess_ground .variation index {
  margin-left: 5px;
 }
-.lichess_ground .variation .index:first-child {
+.lichess_ground .variation index:first-child {
  margin-left: 0;
 }
-.lichess_ground .variation .move {
+.lichess_ground .variation move {
  padding: 2px 2px;
  font-weight: normal;
 }
-.lichess_ground .variation a.move:hover {
+.lichess_ground .variation move:hover {
  background: #eee;
 }
 .lichess_ground .analyse .variation .variation {
@ -482,9 +460,6 @@ table.modAssessment td.noMatch {
 .forecast.loading {
  opacity: 0.7;
 }
-.forecast san {
-  font-weight: bold;
-}
 .forecast .entries {
  border: 1px solid #ccc;
 }
@ -556,8 +531,16 @@ table.modAssessment td.noMatch {
  white-space: normal;
  font-weight: normal;
 }
+.forecast sans {
+  font-family: 'Roboto';
+  font-weight: 300;
+}
+.forecast sans san {
+  font-family: 'ChessSansPiratf', sans-serif;
+  font-weight: bold;
+}

-body.coords_2 .gauge_displayed .cg-square[data-coord-y]::before {
+body.coords_2 .gauge_displayed square[data-coord-y]::before {
  color: #fff;
  text-shadow: 0 1px 2px #000;
  font-weight: normal;
--- a/public/stylesheets/board.css
+++ b/public/stylesheets/board.css
@ -38,89 +38,89 @@
  top: 0;
  height: 100%;
 }
-.cg-square {
+square {
  position: absolute;
  width: 12.5%;
  height: 12.5%;
  transition: 0.13s;
 }
-.cg-square[data-coord-x]::after,
-.cg-square[data-coord-y]::before {
+square[data-coord-x]::after,
+square[data-coord-y]::before {
  position: absolute;
  font-size: 11px;
  line-height: 11px;
  opacity: 0.7;
  text-transform: uppercase;
 }
-.cg-square[data-coord-x]::after {
+square[data-coord-x]::after {
  content: attr(data-coord-x);
  left: 1px;
  bottom: 1px;
 }
-.cg-square[data-coord-y]::before {
+square[data-coord-y]::before {
  content: attr(data-coord-y);
  right: 1px;
  top: 1px;
 }
-body.coords_1 .cg-square[data-coord-x]::after,
-body.coords_1 .cg-square[data-coord-y]::before {
+body.coords_1 square[data-coord-x]::after,
+body.coords_1 square[data-coord-y]::before {
  color: #fff;
  text-shadow: 0 1px 2px #000;
 }
-body.coords_2 .cg-square[data-coord-x]::after {
+body.coords_2 square[data-coord-x]::after {
  bottom: -12px;
  left: calc(50% - 3.5px);
  font-weight: bold;
 }
-body.coords_2 .is3d .cg-square[data-coord-x]::after {
+body.coords_2 .is3d square[data-coord-x]::after {
  bottom: calc(-10px - 22%);
 }
-body.coords_2 .cg-square[data-coord-y]::before {
+body.coords_2 square[data-coord-y]::before {
  right: -9px;
  top: calc(50% - 7px);
  font-weight: bold;
 }
-body.highlight .manipulable .cg-square.drag-over {
+body.highlight .manipulable square.drag-over {
  background: rgba(255, 255, 255, 0.1);
 }
-body.destination .cg-board .cg-square.move-dest {
+body.destination .cg-board square.move-dest {
  background: radial-gradient(rgba(20, 85, 30, 0.3) 17%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
  cursor: pointer;
 }
-body.destination .cg-board .cg-square.oc.move-dest {
+body.destination .cg-board square.oc.move-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
 }
-body.destination .cg-board .cg-square.premove-dest {
+body.destination .cg-board square.premove-dest {
  background: radial-gradient(rgba(20, 30, 85, 0.2) 17%, #203085 0, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 0);
 }
-body.destination .cg-board .cg-square.oc.premove-dest {
+body.destination .cg-board square.oc.premove-dest {
  background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 30, 85, 0.2) 80%);
 }
-body.highlight .cg-board .cg-square.move-dest.drag-over,
-body.highlight .cg-board .cg-square.move-dest:hover {
+body.highlight .cg-board square.move-dest.drag-over,
+body.highlight .cg-board square.move-dest:hover {
  background: rgba(20, 85, 30, 0.3);
 }
-body.highlight .cg-board .cg-square.premove-dest.drag-over,
-body.highlight .cg-board .cg-square.premove-dest:hover {
+body.highlight .cg-board square.premove-dest.drag-over,
+body.highlight .cg-board square.premove-dest:hover {
  background: rgba(20, 30, 85, 0.2);
 }
-body.base .cg-board .cg-square.selected {
+body.base .cg-board square.selected {
  background-color: rgba(20, 85, 30, 0.5);
 }
-body.highlight .cg-board .cg-square.last-move,
-.mini_board .cg-board .cg-square.last-move {
+body.highlight .cg-board square.last-move,
+.mini_board .cg-board square.last-move {
  background-color: rgba(155, 199, 0, 0.41);
 }
-body.highlight .cg-board .cg-square.check {
+body.highlight .cg-board square.check {
  background: radial-gradient(ellipse at center, rgba(255, 0, 0, 1) 0%, rgba(231, 0, 0, 1) 25%, rgba(169, 0, 0, 0) 89%, rgba(158, 0, 0, 0) 100%);
 }
-body.base .cg-board .cg-square.current-premove {
+body.base .cg-board square.current-premove {
  background-color: rgba(20, 30, 85, 0.5);
 }
-body.base .cg-board .cg-square.exploding {
+body.base .cg-board square.exploding {
  background-color: rgba(255, 0, 0, 0.5);
 }
-.cg-piece {
+piece {
  width: 100%;
  height: 100%;
  background-size: cover;
@ -132,19 +132,19 @@ body.base .cg-board .cg-square.exploding {
  z-index: 2;
  /* no less than 2 */
 }
-.mini_board .cg-piece {
+.mini_board piece {
  transform: none;
  -webkit-transform: none;
  z-index: initial;
 }
-.lichess_board.blindfold .cg-piece,
-.other_games.blindfold .cg-piece {
+.lichess_board.blindfold piece,
+.other_games.blindfold piece {
  opacity: 0;
 }
-body.highlight .lichess_board.blindfold .cg-square.check {
+body.highlight .lichess_board.blindfold square.check {
  background: none;
 }
-.is3d .cg-piece {
+.is3d piece {
  /* original size:
  width: 140.625%;
  height: 179.6875%; */
@ -154,25 +154,25 @@ height: 197.925%;
 left: -18%;
 bottom: -20%;
 }
-.is2d .cg-piece {
+.is2d piece {
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
 }
-.cg-piece.dragging {
+piece.dragging {
  z-index: 3;
  cursor: move;
 }
-.cg-piece.ghost {
+piece.ghost {
  opacity: 0.3;
 }
 /* minimal dom overrides */

-.minimal-dom .cg-square {
+.minimal-dom square {
  transition: none;
 }
-.minimal-dom .cg-piece {
+.minimal-dom piece {
  position: absolute;
  width: 12.5%;
  height: 12.5%;
@ -393,28 +393,28 @@ div.lichess_board {
 .is2d .cg-board-wrap.minimal-dom {
  background: none;
 }
-.mono-piece {
+mono-piece {
  width: 32px;
  height: 32px;
  background-size: cover;
  display: inline-block;
 }
-.mono-piece.pawn {
+mono-piece.pawn {
  background-image: url(../piece/mono/P.svg);
 }
-.mono-piece.bishop {
+mono-piece.bishop {
  background-image: url(../piece/mono/B.svg);
 }
-.mono-piece.knight {
+mono-piece.knight {
  background-image: url(../piece/mono/N.svg);
 }
-.mono-piece.rook {
+mono-piece.rook {
  background-image: url(../piece/mono/R.svg);
 }
-.mono-piece.queen {
+mono-piece.queen {
  background-image: url(../piece/mono/Q.svg);
 }
-.mono-piece.king {
+mono-piece.king {
  background-image: url(../piece/mono/K.svg);
 }
 .Basic .is3d .pawn.white {
@ -427,7 +427,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Basic/Scaled/White-Bishop-Flipped.png);
 }
 .Basic .is3d .knight.white,
-#top .is3d .cg-piece.Basic {
+#top .is3d piece.Basic {
  background-image: url(../staunton/Renders/Basic/Scaled/White-Knight.png);
 }
 .Basic .is3d .orientation-black .knight.white {
@ -476,7 +476,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Glass/Scaled/White-Bishop-Flipped.png);
 }
 .Glass .is3d .knight.white,
-#top .is3d .cg-piece.Glass {
+#top .is3d piece.Glass {
  background-image: url(../staunton/Renders/Glass/Scaled/White-Knight.png);
 }
 .Glass .is3d .orientation-black .knight.white {
@ -525,7 +525,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Wood/Scaled/White-Bishop-Flipped.png);
 }
 .Wood .is3d .knight.white,
-#top .is3d .cg-piece.Wood {
+#top .is3d piece.Wood {
  background-image: url(../staunton/Renders/Wood/Scaled/White-Knight.png);
 }
 .Wood .is3d .orientation-black .knight.white {
@ -574,7 +574,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Metal/Scaled/White-Bishop-Flipped.png);
 }
 .Metal .is3d .knight.white,
-#top .is3d .cg-piece.Metal {
+#top .is3d piece.Metal {
  background-image: url(../staunton/Renders/Metal/Scaled/White-Knight.png);
 }
 .Metal .is3d .orientation-black .knight.white {
@ -623,7 +623,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/RedVBlue/Scaled/White-Bishop-Flipped.png);
 }
 .RedVBlue .is3d .knight.white,
-#top .is3d .cg-piece.RedVBlue {
+#top .is3d piece.RedVBlue {
  background-image: url(../staunton/Renders/RedVBlue/Scaled/White-Knight.png);
 }
 .RedVBlue .is3d .orientation-black .knight.white {
@ -672,7 +672,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Trimmed/Scaled/White-Bishop-Flipped.png);
 }
 .Trimmed .is3d .knight.white,
-#top .is3d .cg-piece.Trimmed {
+#top .is3d piece.Trimmed {
  background-image: url(../staunton/Renders/Trimmed/Scaled/White-Knight.png);
 }
 .Trimmed .is3d .orientation-black .knight.white {
@ -721,7 +721,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/Experimental/Scaled/White-Bishop-Flipped.png);
 }
 .Experimental .is3d .knight.white,
-#top .is3d .cg-piece.Experimental {
+#top .is3d piece.Experimental {
  background-image: url(../staunton/Renders/Experimental/Scaled/White-Knight.png);
 }
 .Experimental .is3d .orientation-black .knight.white {
@ -770,7 +770,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/ModernJade/Scaled/White-Bishop-Flipped.png);
 }
 .ModernJade .is3d .knight.white,
-#top .is3d .cg-piece.ModernJade {
+#top .is3d piece.ModernJade {
  background-image: url(../staunton/Renders/ModernJade/Scaled/White-Knight.png);
 }
 .ModernJade .is3d .orientation-black .knight.white {
@ -819,7 +819,7 @@ div.lichess_board {
  background-image: url(../staunton/Renders/ModernWood/Scaled/White-Bishop-Flipped.png);
 }
 .ModernWood .is3d .knight.white,
-#top .is3d .cg-piece.ModernWood {
+#top .is3d piece.ModernWood {
  background-image: url(../staunton/Renders/ModernWood/Scaled/White-Knight.png);
 }
 .ModernWood .is3d .orientation-black .knight.white {
@ -858,55 +858,55 @@ div.lichess_board {
 .ModernWood .is3d .king.black {
  background-image: url(../staunton/Renders/ModernWood/Scaled/Black-King.png);
 }
-#top .cg-piece.cburnett {
+#top piece.cburnett {
  background-image: url(../piece-src/cburnett/wN.svg);
 }
-#top .cg-piece.merida {
+#top piece.merida {
  background-image: url(../piece/merida/wN.svg);
 }
-#top .cg-piece.chess7 {
+#top piece.chess7 {
  background-image: url(../piece/chess7/wN.svg);
 }
-#top .cg-piece.spatial {
+#top piece.spatial {
  background-image: url(../piece/spatial/wN.svg);
 }
-#top .cg-piece.alpha {
+#top piece.alpha {
  background-image: url(../piece/alpha/wN.svg);
 }
-#top .cg-piece.pirouetti {
+#top piece.pirouetti {
  background-image: url(../piece-src/pirouetti/wN.svg);
 }
-#top .cg-piece.reillycraig {
+#top piece.reillycraig {
  background-image: url(../piece/reillycraig/wN.svg);
 }
-#top .cg-piece.fantasy {
+#top piece.fantasy {
  background-image: url(../piece/fantasy/wN.svg);
 }
-#top .cg-piece.shapes {
+#top piece.shapes {
  background-image: url(../piece/shapes/wN.svg);
 }
-#top .cg-piece.chessnut {
+#top piece.chessnut {
  background-image: url(../piece/chessnut/wN.svg);
 }
-#top .cg-piece.companion {
+#top piece.companion {
  background-image: url(../piece/companion/wN.svg);
 }
-.pirouetti .is2d .cg-piece.piece.white {
+.pirouetti .is2d piece.piece.white {
  -webkit-filter: drop-shadow(0 0 0.5px #000);
 }
-.pirouetti .is2d .cg-piece.piece.black {
+.pirouetti .is2d piece.piece.black {
  -webkit-filter: drop-shadow(0 0 0.6px #e0e0e0);
 }
-.pirouetti .is2d .cg-piece.piece.ui-draggable-dragging,
+.pirouetti .is2d piece.piece.ui-draggable-dragging,
 .pirouetti .is2d .piece.animating {
  -webkit-filter: none!important;
 }
-body.kappa .cg-board.orientation-white .cg-piece.king.white,
-body.kappa .cg-board.orientation-black .cg-piece.king.black {
+body.kappa .cg-board.orientation-white piece.king.white,
+body.kappa .cg-board.orientation-black piece.king.black {
  background-image: url(../piece/other/kappa.png);
 }
-body.doggy .cg-board.orientation-white .cg-piece.pawn.white,
-body.doggy .cg-board.orientation-black .cg-piece.pawn.black {
+body.doggy .cg-board.orientation-white piece.pawn.white,
+body.doggy .cg-board.orientation-black piece.pawn.black {
  background-image: url(../piece/other/doggy.png);
 }
 div.lichess_overboard {
@ -999,7 +999,7 @@ div.dont_touch {
  text-align: center;
  z-index: 5;
 }
-#promotion_choice div.cg-square {
+#promotion_choice square {
  cursor: pointer;
  border-radius: 50%;
  background-color: #b0b0b0;
@ -1007,25 +1007,25 @@ div.dont_touch {
  box-sizing: border-box;
  transition: 0.2s;
 }
-.is2d #promotion_choice div.cg-piece {
+.is2d #promotion_choice piece {
  transition: 0.2s;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
 }
-.is3d #promotion_choice div.cg-piece {
+.is3d #promotion_choice piece {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  left: -18%;
  bottom: -40%;
 }
-.is3d #promotion_choice div.cg-piece {
+.is3d #promotion_choice piece {
  background-position: 0 -6px;
 }
-#promotion_choice div.cg-square:hover {
+#promotion_choice square:hover {
  box-shadow: inset 0 0 48px 8px #d85000;
  border-radius: 0%;
 }
-.is2d #promotion_choice div.cg-square:hover div.cg-piece {
+.is2d #promotion_choice square:hover piece {
  transform: none;
  -webkit-transform: none;
 }
@ -1044,30 +1044,43 @@ div.table {
  margin: 0 -10px 0 -10px;
  height: 115px;
  overflow: auto;
-}
-.lichess_ground .replay table {
-  width: 100%;
+  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
 }
-.lichess_ground .replay td.index {
-  width: 15%;
+.lichess_ground .replay turn {
+  display: block;
+  height: 26px;
+}
+.lichess_ground .replay turn > index,
+.lichess_ground .replay turn > move {
+  display: inline-block;
+  height: 22px;
+  line-height: 22px;
+}
+.lichess_ground .replay turn > index {
+  width: 34px;
+  padding: 2px 0;
+  background: #e0e0e0;
  text-align: center;
  font-family: 'Roboto';
  font-weight: 300;
 }
-.lichess_ground .replay td.move {
+.lichess_ground .replay turn > move {
+  width: calc(50% - 14px - 13px);
  font-family: 'ChessSansPiratf', sans-serif;
-  font-size: 1.3em;
+  font-size: 17px;
  padding: 2px 5px;
+}
+.lichess_ground .replay move:not(.empty) {
  cursor: pointer;
  transition: background-color 0.13s;
 }
-.lichess_ground .replay td.move:hover {
+.lichess_ground .replay move:not(.empty):hover {
  background: #e0e0e0;
 }
-.lichess_ground .replay td.move.active {
+.lichess_ground .replay move.active {
  color: #d85000;
  font-weight: bold;
 }
@ -1351,7 +1364,7 @@ div.current_player div.no-square .loader {
  margin-top: 5px;
  font-size: 5.8px;
 }
-.is3d div.current_player div.cg-piece {
+.is3d div.current_player piece {
  width: 100%;
  height: 132%;
  left: 0;
@ -1383,11 +1396,11 @@ div.cemetery:first-child {
 div.cemetery:last-child {
  margin-bottom: 5px;
 }
-div.cemetery .tomb {
+div.cemetery tomb {
  display: inline-block;
  margin-left: 10px;
 }
-div.cemetery .mono-piece {
+div.cemetery mono-piece {
  margin-left: -10px;
 }
 div.berserk_alert {
--- a/public/stylesheets/boardEditor.css
+++ b/public/stylesheets/boardEditor.css
@ -3,10 +3,10 @@
  min-height: 600px;
  padding-top: 5px;
 }
-#board_editor .cg-square.last-move {
+#board_editor square.last-move {
  background-color: transparent;
 }
-#board_editor .cg-square.selected {
+#board_editor square.selected {
  background-color: rgba(20, 85, 30, 0.5);
 }
 #board_editor .spare {
@ -28,10 +28,10 @@
 .is3d #board_editor .spare .no-square {
  height: 58.102px;
 }
-#board_editor .spare .cg-piece {
+#board_editor .spare piece {
  cursor: pointer;
 }
-.is3d .spare .cg-piece {
+.is3d .spare piece {
  /* original size:
     width: 140.625%;
     height: 179.6875%; */
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@ -1512,7 +1512,7 @@ body #themepicker div.is3d,
  position: relative;
  margin: 0px -3px -3px -3px;
 }
-#themepicker .is3d .cg-piece {
+#themepicker .is3d piece {
  width: 100%;
  height: 100%;
  left: 0;
--- a/public/stylesheets/dark.css
+++ b/public/stylesheets/dark.css
@ -219,7 +219,7 @@ body.dark #hooks_wrap .table_wrap tr.cancel td {
 }
 body.dark #hooks_wrap .table_wrap tr.join:hover td,
 body.dark #now_playing > a:hover,
-body.dark .lichess_ground .replay .move.current {
+body.dark .lichess_ground .replay move.current {
  background: rgba(27, 51, 68, 0.7);
 }
 body.dark #top a.signin,
@ -244,11 +244,10 @@ body.dark div.table_not_started {
  box-shadow: none;
  background: none;
 }
-body.dark .lichess_ground .replay .turn .index,
+body.dark .lichess_ground .replay index,
 body.dark .lichess_ground .ceval_box pearl,
 body.dark .lichess_ground .analyse .meta,
-body.dark .lichess_ground .replay a.move:hover,
-body.dark .lichess_ground .replay td.move:hover,
+body.dark .lichess_ground .replay move:not(.empty):hover,
 body.dark #top .dropdown,
 body.dark #top .shown a.toggle,
 body.dark div.analysis_menu > a,
@ -399,10 +398,10 @@ body.dark #top .dropdown {
  border-top: 0;
  right: -1px;
 }
-body.pirouetti.dark div.cemetery div.cg-piece.black {
+body.pirouetti.dark div.cemetery piece.black {
  -webkit-filter: brightness(2) contrast(150%) drop-shadow(0 0 0.5px #fff);
 }
-body.alpha.dark div.cemetery div.cg-piece.black {
+body.alpha.dark div.cemetery piece.black {
  -webkit-filter: brightness(6) contrast(150%) drop-shadow(0 0 0.5px #fff);
 }
 body.dark .scroll-shadow-soft,
--- a/public/stylesheets/piece/alpha.css
+++ b/public/stylesheets/piece/alpha.css
--- a/public/stylesheets/piece/cburnett.css
+++ b/public/stylesheets/piece/cburnett.css
@ -1,12 +1,12 @@
-body.base .is2d .cg-piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PHBhdGggZD0ibTIyIDljLTIuMjEgMC00IDEuNzktNCA0IDAgLjg5LjI5IDEuNzEuNzggMi4zOC0xLjk1IDEuMTItMy4yOCAzLjIxLTMuMjggNS42MiAwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+'); }
-body.base .is2d .cg-piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5aC0yM2MwLTkgMTAtNi41IDgtMjEiLz48cGF0aCBkPSJtMjQgMThjLjM4IDIuOTEtNS41NSA3LjM3LTggOS0zIDItMi44MiA0LjM0LTUgNC0xLjA0Mi0uOTQgMS40MS0zLjA0IDAtMy0xIDAgLjE5IDEuMjMtMSAyLTEgMC00IDEtNC00IDAtMiA2LTEyIDYtMTIgMCAwIDEuODktMS45IDItMy41LS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMmMwIDAgLjc4LTEuOTkyIDIuNS0zIDEgMCAxIDMgMSAzIi8+PC9nPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik05LjUgMjUuNUEuNSAuNSAwIDEgMSA4LjUgMjUuNSAuNSAuNSAwIDEgMSA5LjUgMjUuNXoiLz48cGF0aCBkPSJNMTUgMTUuNUEuNSAxLjUgMCAxIDEgMTQgMTUuNSAuNSAxLjUgMCAxIDEgMTUgMTUuNXoiIHRyYW5zZm9ybT0ibWF0cml4KC44NjYuNS0uNS44NjYgOS42OTMtNS4xNzMpIi8+PC9nPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Im0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4QTIuNSAyLjUgMCAxIDEgMjAgOCAyLjUgMi41IDAgMSAxIDI1IDh6Ii8+PC9nPjxwYXRoIGQ9Im0xNy41IDI2aDEwbS0xMi41IDRoMTVtLTcuNS0xNC41djVtLTIuNS0yLjVoNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzOWgyN3YtM2gtMjd2M3oiLz48cGF0aCBkPSJtMTIgMzZ2LTRoMjF2NGgtMjF6Ii8+PHBhdGggZD0ibTExIDE0di01aDR2Mmg1di0yaDV2Mmg1di0yaDR2NSIvPjwvZz48cGF0aCBkPSJtMzQgMTRsLTMgM2gtMTdsLTMtMyIvPjxwYXRoIGQ9Im0zMSAxN3YxMi41aC0xN3YtMTIuNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJtMzEgMjkuNWwxLjUgMi41aC0yMGwxLjUtMi41Ii8+PHBhdGggZD0ibTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSIwIiBkPSJNOSAxM0EyIDIgMCAxIDEgNSAxMyAyIDIgMCAxIDEgOSAxM3oiLz48L2RlZnM+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjx1c2UgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEtMSkiIHhsaW5rOmhyZWY9IiMwIi8+PHVzZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS41LTUuNSkiIHhsaW5rOmhyZWY9IiMwIi8+PHVzZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi0xKSIgeGxpbms6aHJlZj0iIzAiLz48dXNlIHRyYW5zZm9ybT0idHJhbnNsYXRlKDctNC41KSIgeGxpbms6aHJlZj0iIzAiLz48dXNlIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LTQpIiB4bGluazpocmVmPSIjMCIvPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAyNmM4LjUtMS41IDIxLTEuNSAyNyAwbDItMTItNyAxMXYtMTRsLTUuNSAxMy41LTMtMTUtMyAxNS01LjUtMTR2MTQuNWwtNy0xMSAyIDEyeiIvPjxwYXRoIGQ9Im05IDI2YzAgMiAxLjUgMiAyLjUgNCAxIDEuNSAxIDEgLjUgMy41LTEuNSAxLTEuNSAyLjUtMS41IDIuNS0xLjUgMS41LjUgMi41LjUgMi41IDYuNSAxIDE2LjUgMSAyMyAwIDAgMCAxLjUtMSAwLTIuNSAwIDAgLjUtMS41LTEtMi41LS41LTIuNS0uNS0yIC41LTMuNSAxLTIgMi41LTIgMi41LTQtOC41LTEuNS0xOC41LTEuNS0yNyAweiIvPjwvZz48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMTEuNSAzMGMzLjUtMSAxOC41LTEgMjIgMCIvPjxwYXRoIGQ9Im0xMiAzMy41YzYtMSAxNS0xIDIxIDAiLz48L2c+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0yMi41IDExLjYzdi01LjYzIi8+PHBhdGggZD0ibTIwIDhoNSIvPjxwYXRoIGQ9Im0yMi41IDI1YzAgMCA0LjUtNy41IDMtMTAuNSAwIDAtMS0yLjUtMy0yLjUtMiAwLTMgMi41LTMgMi41LTEuNSAzIDMgMTAuNSAzIDEwLjUiIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PC9nPjxwYXRoIGQ9Im0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN2MwIDAgOS00LjUgNi0xMC41LTQtNi41LTEzLjUtMy41LTE2IDR2My41LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMHY3LjV6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDAiLz48cGF0aCBkPSJtMTEuNSAzMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PHBhdGggZD0ibTExLjUgMzdjNS41LTMgMTUuNS0zIDIxIDAiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PHBhdGggZD0ibTIyIDljLTIuMjEgMC00IDEuNzktNCA0IDAgLjg5LjI5IDEuNzEuNzggMi4zOC0xLjk1IDEuMTItMy4yOCAzLjIxLTMuMjggNS42MiAwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+'); }
-body.base .is2d .cg-piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCI+PHBhdGggZD0ibTIyIDEwYzEwLjUgMSAxNi41IDggMTYgMjloLTIzYzAtOSAxMC02LjUgOC0yMSIvPjxwYXRoIGQ9Im0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQgMS00LTQgMC0yIDYtMTIgNi0xMiAwIDAgMS44OS0xLjkgMi0zLjUtLjczLS45OTQtLjUtMi0uNS0zIDEtMSAzIDIuNSAzIDIuNWgyYzAgMCAuNzgtMS45OTIgMi41LTMgMSAwIDEgMyAxIDMiLz48L2c+PGcgZmlsbD0iI2VjZWNlYyI+PGcgc3Ryb2tlPSIjZWNlY2VjIj48cGF0aCBkPSJNOS41IDI1LjVBLjUgLjUgMCAxIDEgOC41IDI1LjUgLjUgLjUgMCAxIDEgOS41IDI1LjV6Ii8+PHBhdGggZD0iTTE1IDE1LjVBLjUgMS41IDAgMSAxIDE0IDE1LjUgLjUgMS41IDAgMSAxIDE1IDE1LjV6IiB0cmFuc2Zvcm09Im1hdHJpeCguODY2LjUtLjUuODY2IDkuNjkzLTUuMTczKSIvPjwvZz48cGF0aCBkPSJtMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1IDIuMjUgNC4yNiAzLjI1IDEwLjMxIDIuNzUgMjAuMjVsLS4wNS41aDIuMjVsLjA1LS41Yy41LTEwLjA2LS44OC0xNi44NS0zLjI1LTIxLjM0LTIuMzctNC40OS01Ljc5LTYuNjQtOS4xOS03LjE2bC0uNTEtLjEiIHN0cm9rZT0ibm9uZSIvPjwvZz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjxwYXRoIGQ9Im05IDM2YzMuMzktLjk3IDEwLjExLjQzIDEzLjUtMiAzLjM5IDIuNDMgMTAuMTEgMS4wMyAxMy41IDIgMCAwIDEuNjUuNTQgMyAyLS42OC45Ny0xLjY1Ljk5LTMgLjUtMy4zOS0uOTctMTAuMTEuNDYtMTMuNS0xLTMuMzkgMS40Ni0xMC4xMS4wMy0xMy41IDEtMS4zNTQuNDktMi4zMjMuNDctMy0uNSAxLjM1NC0xLjk0IDMtMiAzLTJ6Ii8+PHBhdGggZD0ibTE1IDMyYzIuNSAyLjUgMTIuNSAyLjUgMTUgMCAuNS0xLjUgMC0yIDAtMiAwLTIuNS0yLjUtNC0yLjUtNCA1LjUtMS41IDYtMTEuNS01LTE1LjUtMTEgNC0xMC41IDE0LTUgMTUuNSAwIDAtMi41IDEuNS0yLjUgNCAwIDAtLjUuNSAwIDJ6Ii8+PHBhdGggZD0iTTI1IDhBMi41IDIuNSAwIDEgMSAyMCA4IDIuNSAyLjUgMCAxIDEgMjUgOHoiLz48L2c+PHBhdGggZD0ibTE3LjUgMjZoMTBtLTEyLjUgNGgxNW0tNy41LTE0LjV2NW0tMi41LTIuNWg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzOWgyN3YtM2gtMjd2M3oiLz48cGF0aCBkPSJtMTIuNSAzMmwxLjUtMi41aDE3bDEuNSAyLjVoLTIweiIvPjxwYXRoIGQ9Im0xMiAzNnYtNGgyMXY0aC0yMXoiLz48cGF0aCBkPSJtMTQgMjkuNXYtMTNoMTd2MTNoLTE3eiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Im0xNCAxNi41bC0zLTIuNWgyM2wtMyAyLjVoLTE3eiIvPjxwYXRoIGQ9Im0xMSAxNHYtNWg0djJoNXYtMmg1djJoNXYtMmg0djVoLTIzeiIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMSI+PHBhdGggZD0ibTEyIDM1LjVoMjEiLz48cGF0aCBkPSJtMTMgMzEuNWgxOSIvPjxwYXRoIGQ9Im0xNCAyOS41aDE3Ii8+PHBhdGggZD0ibTE0IDE2LjVoMTciLz48cGF0aCBkPSJtMTEgMTRoMjMiLz48L2c+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAyNmM4LjUtMS41IDIxLTEuNSAyNyAwbDIuNS0xMi41LTcuNSAxMS41LS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNi0uMyAxNC4xLTcuNS0xMS41IDIuNSAxMi41eiIgc3Ryb2tlPSIjMDAwIi8+PHBhdGggZD0ibTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6Ii8+PHBhdGggZD0iTTExIDM4LjVBMzUgMzUgMSAwIDAgMzQgMzguNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIi8+PC9nPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VjZWNlYyI+PHBhdGggZD0iTTExIDI5QTM1IDM1IDEgMCAxIDM0IDI5Ii8+PHBhdGggZD0ibTEyLjUgMzEuNWgyMCIvPjxwYXRoIGQ9Ik0xMS41IDM0LjVBMzUgMzUgMSAwIDAgMzMuNSAzNC41Ii8+PHBhdGggZD0iTTEwLjUgMzcuNUEzNSAzNSAxIDAgMCAzNC41IDM3LjUiLz48L2c+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0yMi41IDExLjYzdi01LjYzIiBzdHJva2U9IiMwMDAiLz48cGF0aCBkPSJtMjIuNSAyNWMwIDAgNC41LTcuNSAzLTEwLjUgMCAwLTEtMi41LTMtMi41LTIgMC0zIDIuNS0zIDIuNS0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjwvZz48ZyBzdHJva2U9IiMwMDAiPjxwYXRoIGQ9Im0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN2MwIDAgOS00LjUgNi0xMC41LTQtNi41LTEzLjUtMy41LTE2IDR2My41LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMHY3LjV6IiBmaWxsPSIjMDAwIi8+PHBhdGggZD0ibTIwIDhoNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48ZyBzdHJva2U9IiNlY2VjZWMiPjxwYXRoIGQ9Im0zMiAyOS41YzAgMCA4LjUtNCA2LjAzLTkuNjUtMy44OC01Ljg1LTEzLjAzLTEuODUtMTUuNTMgNC42NWwuMDEgMi4xLS4wMS0yLjFjLTIuNS02LjUtMTIuNTk0LTEwLjUtMTUuNTAzLTQuNjUtMi40OTcgNS42NSA0Ljg1MyA5IDQuODUzIDkiLz48cGF0aCBkPSJtMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiLz48L2c+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PHBhdGggZD0ibTIyIDljLTIuMjEgMC00IDEuNzktNCA0IDAgLjg5LjI5IDEuNzEuNzggMi4zOC0xLjk1IDEuMTItMy4yOCAzLjIxLTMuMjggNS42MiAwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+'); }
+body.base .is2d piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5aC0yM2MwLTkgMTAtNi41IDgtMjEiLz48cGF0aCBkPSJtMjQgMThjLjM4IDIuOTEtNS41NSA3LjM3LTggOS0zIDItMi44MiA0LjM0LTUgNC0xLjA0Mi0uOTQgMS40MS0zLjA0IDAtMy0xIDAgLjE5IDEuMjMtMSAyLTEgMC00IDEtNC00IDAtMiA2LTEyIDYtMTIgMCAwIDEuODktMS45IDItMy41LS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMmMwIDAgLjc4LTEuOTkyIDIuNS0zIDEgMCAxIDMgMSAzIi8+PC9nPjxnIGZpbGw9IiMwMDAiPjxwYXRoIGQ9Ik05LjUgMjUuNUEuNSAuNSAwIDEgMSA4LjUgMjUuNSAuNSAuNSAwIDEgMSA5LjUgMjUuNXoiLz48cGF0aCBkPSJNMTUgMTUuNUEuNSAxLjUgMCAxIDEgMTQgMTUuNSAuNSAxLjUgMCAxIDEgMTUgMTUuNXoiIHRyYW5zZm9ybT0ibWF0cml4KC44NjYuNS0uNS44NjYgOS42OTMtNS4xNzMpIi8+PC9nPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Im0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4QTIuNSAyLjUgMCAxIDEgMjAgOCAyLjUgMi41IDAgMSAxIDI1IDh6Ii8+PC9nPjxwYXRoIGQ9Im0xNy41IDI2aDEwbS0xMi41IDRoMTVtLTcuNS0xNC41djVtLTIuNS0yLjVoNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzOWgyN3YtM2gtMjd2M3oiLz48cGF0aCBkPSJtMTIgMzZ2LTRoMjF2NGgtMjF6Ii8+PHBhdGggZD0ibTExIDE0di01aDR2Mmg1di0yaDV2Mmg1di0yaDR2NSIvPjwvZz48cGF0aCBkPSJtMzQgMTRsLTMgM2gtMTdsLTMtMyIvPjxwYXRoIGQ9Im0zMSAxN3YxMi41aC0xN3YtMTIuNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJtMzEgMjkuNWwxLjUgMi41aC0yMGwxLjUtMi41Ii8+PHBhdGggZD0ibTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSIwIiBkPSJNOSAxM0EyIDIgMCAxIDEgNSAxMyAyIDIgMCAxIDEgOSAxM3oiLz48L2RlZnM+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjx1c2UgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEtMSkiIHhsaW5rOmhyZWY9IiMwIi8+PHVzZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS41LTUuNSkiIHhsaW5rOmhyZWY9IiMwIi8+PHVzZSB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi0xKSIgeGxpbms6aHJlZj0iIzAiLz48dXNlIHRyYW5zZm9ybT0idHJhbnNsYXRlKDctNC41KSIgeGxpbms6aHJlZj0iIzAiLz48dXNlIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LTQpIiB4bGluazpocmVmPSIjMCIvPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAyNmM4LjUtMS41IDIxLTEuNSAyNyAwbDItMTItNyAxMXYtMTRsLTUuNSAxMy41LTMtMTUtMyAxNS01LjUtMTR2MTQuNWwtNy0xMSAyIDEyeiIvPjxwYXRoIGQ9Im05IDI2YzAgMiAxLjUgMiAyLjUgNCAxIDEuNSAxIDEgLjUgMy41LTEuNSAxLTEuNSAyLjUtMS41IDIuNS0xLjUgMS41LjUgMi41LjUgMi41IDYuNSAxIDE2LjUgMSAyMyAwIDAgMCAxLjUtMSAwLTIuNSAwIDAgLjUtMS41LTEtMi41LS41LTIuNS0uNS0yIC41LTMuNSAxLTIgMi41LTIgMi41LTQtOC41LTEuNS0xOC41LTEuNS0yNyAweiIvPjwvZz48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMTEuNSAzMGMzLjUtMSAxOC41LTEgMjIgMCIvPjxwYXRoIGQ9Im0xMiAzMy41YzYtMSAxNS0xIDIxIDAiLz48L2c+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0yMi41IDExLjYzdi01LjYzIi8+PHBhdGggZD0ibTIwIDhoNSIvPjxwYXRoIGQ9Im0yMi41IDI1YzAgMCA0LjUtNy41IDMtMTAuNSAwIDAtMS0yLjUtMy0yLjUtMiAwLTMgMi41LTMgMi41LTEuNSAzIDMgMTAuNSAzIDEwLjUiIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PC9nPjxwYXRoIGQ9Im0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN2MwIDAgOS00LjUgNi0xMC41LTQtNi41LTEzLjUtMy41LTE2IDR2My41LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMHY3LjV6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDAiLz48cGF0aCBkPSJtMTEuNSAzMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PHBhdGggZD0ibTExLjUgMzdjNS41LTMgMTUuNS0zIDIxIDAiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PHBhdGggZD0ibTIyIDljLTIuMjEgMC00IDEuNzktNCA0IDAgLjg5LjI5IDEuNzEuNzggMi4zOC0xLjk1IDEuMTItMy4yOCAzLjIxLTMuMjggNS42MiAwIDIuMDMuOTQgMy44NCAyLjQxIDUuMDMtMyAxLjA2LTcuNDEgNS41NS03LjQxIDEzLjQ3aDIzYzAtNy45Mi00LjQxLTEyLjQxLTcuNDEtMTMuNDcgMS40Ny0xLjE5IDIuNDEtMyAyLjQxLTUuMDMgMC0yLjQxLTEuMzMtNC41LTMuMjgtNS42Mi40OS0uNjcuNzgtMS40OS43OC0yLjM4IDAtMi4yMS0xLjc5LTQtNC00eiIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ii8+PC9zdmc+'); }
+body.base .is2d piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCI+PHBhdGggZD0ibTIyIDEwYzEwLjUgMSAxNi41IDggMTYgMjloLTIzYzAtOSAxMC02LjUgOC0yMSIvPjxwYXRoIGQ9Im0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQgMS00LTQgMC0yIDYtMTIgNi0xMiAwIDAgMS44OS0xLjkgMi0zLjUtLjczLS45OTQtLjUtMi0uNS0zIDEtMSAzIDIuNSAzIDIuNWgyYzAgMCAuNzgtMS45OTIgMi41LTMgMSAwIDEgMyAxIDMiLz48L2c+PGcgZmlsbD0iI2VjZWNlYyI+PGcgc3Ryb2tlPSIjZWNlY2VjIj48cGF0aCBkPSJNOS41IDI1LjVBLjUgLjUgMCAxIDEgOC41IDI1LjUgLjUgLjUgMCAxIDEgOS41IDI1LjV6Ii8+PHBhdGggZD0iTTE1IDE1LjVBLjUgMS41IDAgMSAxIDE0IDE1LjUgLjUgMS41IDAgMSAxIDE1IDE1LjV6IiB0cmFuc2Zvcm09Im1hdHJpeCguODY2LjUtLjUuODY2IDkuNjkzLTUuMTczKSIvPjwvZz48cGF0aCBkPSJtMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1IDIuMjUgNC4yNiAzLjI1IDEwLjMxIDIuNzUgMjAuMjVsLS4wNS41aDIuMjVsLjA1LS41Yy41LTEwLjA2LS44OC0xNi44NS0zLjI1LTIxLjM0LTIuMzctNC40OS01Ljc5LTYuNjQtOS4xOS03LjE2bC0uNTEtLjEiIHN0cm9rZT0ibm9uZSIvPjwvZz48L2c+PC9zdmc+'); }
+body.base .is2d piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiPjxwYXRoIGQ9Im05IDM2YzMuMzktLjk3IDEwLjExLjQzIDEzLjUtMiAzLjM5IDIuNDMgMTAuMTEgMS4wMyAxMy41IDIgMCAwIDEuNjUuNTQgMyAyLS42OC45Ny0xLjY1Ljk5LTMgLjUtMy4zOS0uOTctMTAuMTEuNDYtMTMuNS0xLTMuMzkgMS40Ni0xMC4xMS4wMy0xMy41IDEtMS4zNTQuNDktMi4zMjMuNDctMy0uNSAxLjM1NC0xLjk0IDMtMiAzLTJ6Ii8+PHBhdGggZD0ibTE1IDMyYzIuNSAyLjUgMTIuNSAyLjUgMTUgMCAuNS0xLjUgMC0yIDAtMiAwLTIuNS0yLjUtNC0yLjUtNCA1LjUtMS41IDYtMTEuNS01LTE1LjUtMTEgNC0xMC41IDE0LTUgMTUuNSAwIDAtMi41IDEuNS0yLjUgNCAwIDAtLjUuNSAwIDJ6Ii8+PHBhdGggZD0iTTI1IDhBMi41IDIuNSAwIDEgMSAyMCA4IDIuNSAyLjUgMCAxIDEgMjUgOHoiLz48L2c+PHBhdGggZD0ibTE3LjUgMjZoMTBtLTEyLjUgNGgxNW0tNy41LTE0LjV2NW0tMi41LTIuNWg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAzOWgyN3YtM2gtMjd2M3oiLz48cGF0aCBkPSJtMTIuNSAzMmwxLjUtMi41aDE3bDEuNSAyLjVoLTIweiIvPjxwYXRoIGQ9Im0xMiAzNnYtNGgyMXY0aC0yMXoiLz48cGF0aCBkPSJtMTQgMjkuNXYtMTNoMTd2MTNoLTE3eiIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Im0xNCAxNi41bC0zLTIuNWgyM2wtMyAyLjVoLTE3eiIvPjxwYXRoIGQ9Im0xMSAxNHYtNWg0djJoNXYtMmg1djJoNXYtMmg0djVoLTIzeiIvPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiIHN0cm9rZS13aWR0aD0iMSI+PHBhdGggZD0ibTEyIDM1LjVoMjEiLz48cGF0aCBkPSJtMTMgMzEuNWgxOSIvPjxwYXRoIGQ9Im0xNCAyOS41aDE3Ii8+PHBhdGggZD0ibTE0IDE2LjVoMTciLz48cGF0aCBkPSJtMTEgMTRoMjMiLz48L2c+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxnIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJtOSAyNmM4LjUtMS41IDIxLTEuNSAyNyAwbDIuNS0xMi41LTcuNSAxMS41LS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNi0uMyAxNC4xLTcuNS0xMS41IDIuNSAxMi41eiIgc3Ryb2tlPSIjMDAwIi8+PHBhdGggZD0ibTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6Ii8+PHBhdGggZD0iTTExIDM4LjVBMzUgMzUgMSAwIDAgMzQgMzguNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIi8+PC9nPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VjZWNlYyI+PHBhdGggZD0iTTExIDI5QTM1IDM1IDEgMCAxIDM0IDI5Ii8+PHBhdGggZD0ibTEyLjUgMzEuNWgyMCIvPjxwYXRoIGQ9Ik0xMS41IDM0LjVBMzUgMzUgMSAwIDAgMzMuNSAzNC41Ii8+PHBhdGggZD0iTTEwLjUgMzcuNUEzNSAzNSAxIDAgMCAzNC41IDM3LjUiLz48L2c+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NSA0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiPjxnIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiPjxwYXRoIGQ9Im0yMi41IDExLjYzdi01LjYzIiBzdHJva2U9IiMwMDAiLz48cGF0aCBkPSJtMjIuNSAyNWMwIDAgNC41LTcuNSAzLTEwLjUgMCAwLTEtMi41LTMtMi41LTIgMC0zIDIuNS0zIDIuNS0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjwvZz48ZyBzdHJva2U9IiMwMDAiPjxwYXRoIGQ9Im0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN2MwIDAgOS00LjUgNi0xMC41LTQtNi41LTEzLjUtMy41LTE2IDR2My41LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMHY3LjV6IiBmaWxsPSIjMDAwIi8+PHBhdGggZD0ibTIwIDhoNSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48ZyBzdHJva2U9IiNlY2VjZWMiPjxwYXRoIGQ9Im0zMiAyOS41YzAgMCA4LjUtNCA2LjAzLTkuNjUtMy44OC01Ljg1LTEzLjAzLTEuODUtMTUuNTMgNC42NWwuMDEgMi4xLS4wMS0yLjFjLTIuNS02LjUtMTIuNTk0LTEwLjUtMTUuNTAzLTQuNjUtMi40OTcgNS42NSA0Ljg1MyA5IDQuODUzIDkiLz48cGF0aCBkPSJtMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiLz48L2c+PC9nPjwvc3ZnPg=='); }
--- a/public/stylesheets/piece/chess7.css
+++ b/public/stylesheets/piece/chess7.css
--- a/public/stylesheets/piece/chessnut.css
+++ b/public/stylesheets/piece/chessnut.css
--- a/public/stylesheets/piece/companion.css
+++ b/public/stylesheets/piece/companion.css
--- a/public/stylesheets/piece/fantasy.css
+++ b/public/stylesheets/piece/fantasy.css
--- a/public/stylesheets/piece/merida.css
+++ b/public/stylesheets/piece/merida.css
--- a/public/stylesheets/piece/pirouetti.css
+++ b/public/stylesheets/piece/pirouetti.css
@ -1,12 +1,12 @@
-body.base .is2d .cg-piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtOTUzIDMyMzloMTkwN3YyMDRoLTE5MDd6Ii8+PHBhdGggZD0ibTEwOTkgMzM4NmgxNjIxdjE1M2gtMTYyMXoiLz48cGF0aCBkPSJtOTUwIDM1MDZoMTkwN3YyMDRoLTE5MDd6Ii8+PC9nPjxwYXRoIGZpbGw9IiNkMWQxZDEiIGQ9Im0xMDk5IDM0NDNoMTYyMXY2M2gtMTYyMXoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTY1OSAyMDU5bDI5Ni00IDEgMTI4Mi02MTgtOXoiLz48cGF0aCBkPSJtMjE0MCAyMDU5bC0yNjQtNHYxMjgybDYxNy05eiIvPjxwYXRoIGQ9Im0xMzU1IDE5MDdoMTExNXYxNThoLTExMTV6Ii8+PGVsbGlwc2UgY3g9IjE4OTAiIGN5PSIxNTQ5IiByeD0iNDE0IiByeT0iNDMzIi8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xOTgwIDExMjZjMCAwIDE5NSAxNDcgMjE4IDM0OSAzNiAzMTUtMTYyIDQxOC00NDYgMzUxLTE0My0zNC0yNDQtMTEwLTIzMS04MiAwIDAgMjEgNTEgNTkgOTAgMzcgMzkgODIgNzUgODIgNzVoNDU3YzAgMCA3NC00MSAxMTQtMTE3IDQwLTc3IDcyLTEzNyA3Mi0yNDQgMC0xMDctNDEtMTk5LTY4LTIzNy0yNy0zOC01Ni03MS0xMDUtMTE0LTQ4LTQ0LTE1Mi03MS0xNTItNzEiLz48cGF0aCBkPSJtMjA3NCAxOTA3bDY5IDE1OGgzMjZ2LTE1OHoiLz48cGF0aCBkPSJtMTU1OCAyMDY1aDU4NWwzNDYgMTI0MmgtMjU1bC0xNjgtMTA5NXoiLz48cGF0aCBkPSJtMjQ2NiAzMjM5bDcwIDQ3MWgzMjF2LTIwNGgtMTM3di02M2gxNDB2LTIwNHoiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtODI4IDEzNzhjLTE4MyAxNjktMTMyIDE1NS02MCAyODYgNzIgMTMxIDE5NSAyMjcgNTAzIDc3IDMwOC0xNTAgMzkwLTEzMyA1MTctMTAzIDEyNyAzMCAxNTkgOTEgMTY3IDE1NyA4IDY2LTE4NiAyMjctNDAwIDQzMy0yMTQgMjA1LTQwMiAyNDMtMzczIDY3MSAzMCA0MjggMTkgNTI1LTQyIDU5Mi02MSA2NyAxMDc0IDI2MyAxMjIxIDE5NiAxNDctNjggNTQzLTU1IDQ2NS00NjAtNzgtNDA2LTIwOC05MDAtMTAtMTIzOCAxOTgtMzM4IDM5OC0xMDQyLTUyNy0xNDIzLTkyNS0zODEtNTU4IDM1LTY0OCA4My05MCA0Ny0xMjEgNTctMTc1IDgzLTk4IDQ3LTQ2MyA0ODUtNjM5IDY0N3oiLz48cGF0aCBkPSJtODkwIDMyMzloMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTEwNTkgMzM4NmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtODg2IDM1MDZoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xNjE1IDE2NDRjMCAwIDg1LTEyNCAyNjItMTMxIDE3Ni03IDc1LTMzMSA3NS0zMzEgMCAwIDIyNyAyOTMgMjI3IDQ0NCAwIDE1MS0yMzkgMjE3LTIzOSAyMTcgMCAwLTMwLTE4Mi0zMjQtMjAweiIvPjxwYXRoIGQ9Im0yNjE5IDc0NGMwIDAgNDI1IDIzOCAyMjEgODQyLTIwNCA2MDQtNTYwIDkxNS00OTggMTIyNiA2MiAzMTEgOSAzNjQgMzEgMzkxIDIyIDI3IDkzIDI3IDE5NS00IDEwMi0zMSA4NCA0NCA5MyA4OSA5IDQ0IDcyIDQyMSA3MiA0MjFoMzY5di0yMDRoLTE1OXYtNjNoMTYzdi0yMDRoLTI3N2MwIDAtOTUtNDQ4LTExNi03MjgtMjEtMjgwIDU4LTQ1NCAxNzAtNjUzIDExMS0yMDAgMjMxLTc3Ny0yNjUtMTExM3oiLz48cGF0aCBkPSJtMTA2MCAzNDQzaDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTg3MCA0ODJjMCAwIDYyMSAyNjkgNDU4IDg4My0xNjMgNjE0LTU3MCAyNjAtNTcwIDI2MGwxMTMtMTE0MnoiLz48cGF0aCBkPSJtNzk4IDMyMzhoMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTk2NyAzMzg1aDE4ODV2MTUzaC0xODg1eiIvPjxwYXRoIGQ9Im03OTQgMzUwNWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtMTU4MCAxNTUzaDU5OGw1MDEgMTcwNGgtMTU1NXoiLz48cGF0aCBkPSJtMTI4NiAxNTExaDEyMDB2MTUyaC0xMjAweiIvPjxwYXRoIGQ9Im0xODg1IDQ4M2MwIDAtNjIzIDI2OS00NTkgODgzIDE2NCA2MTQgNTcyIDI2MCA1NzIgMjYwbC0xMTMtMTE0MnoiLz48ZWxsaXBzZSBjeD0iMTg4MCIgY3k9IjQ0OCIgcng9IjE3NCIgcnk9IjE0MyIvPjwvZz48ZyBmaWxsPSIjZDFkMWQxIj48cGF0aCBkPSJtMTk3MCAzMjVjMCAwIDM4IDUxIDM4IDExMyAwIDYxLTE0IDExOC0xNCAxMTggMCAwIDE2Mi0xMTUtMjQtMjMxIi8+PHBhdGggZD0ibTk2NyAzNDQyaDE4ODV2NjNoLTE4ODV6Ii8+PHBhdGggZD0ibTE5OTQgNTU2YzAgMCAyMjEgMTQ0IDMwMCAzMzMgNzkgMTg5IDY2IDI1OSA1MCAzOTctMTYgMTM4LTY4IDIyNC02OCAyMjRoMjA5djE1MmgtMzIxbC0xNy0xNTJjMCAwLTItNDItMTItNzctMTAtMzYgOTMtODUgMTA0LTI0MCAxMC0xNTUgMS0yNTMtNTMtMzY4LTUzLTExNi0xOTQtMjY5LTE5NC0yNjl6Ii8+PHBhdGggZD0ibTE1NDEgMTY2M2g2NjlsNDY1IDE1NzVoMzQxdjIwNGgtMTY0djYzaDE2MHYyMDRoLTQ4MXYtMjA0LTYzbC04NC0yMDQtMzEyLTE0Mjl6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTI1OSAxNjk0bDEyODMgNCAyMDkgMTU5MC0xNjg4LTIzeiIvPjxwYXRoIGQ9Im0xMDAyIDE3NDdoMTgwMmwyMTctMTE1MS01MjQgMzF2MjgyaC0zMDd2LTI3M2gtNTQ5djI3M2gtMzIwbC0zLTI3Mi01MjEtNDF6Ii8+PHBhdGggZD0ibTc5MyAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjIgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzg5IDM1MDJoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0yODUyIDYwNmMwIDAtMTQ2IDkxOS0xNjggOTg2LTIyIDY3LTk0IDE1NS05NCAxNTVoMjEzbDIxNy0xMTUxLTE2OSAxMHoiLz48cGF0aCBkPSJtMTM4NiAxNzQ3aDExNjJsMTk1IDE0ODhoMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI0LTE3MS02Ny0yNjktNDItOTktOTAtNzgtMTM5LTQ0NS00OS0zNjgtMTUzLTEwMjAtMTUzLTEwMjBsLTk0NS0yMjN6Ii8+PHBhdGggZD0ibTk2NCAzNDM2aDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTQ0NSAxNjI2bDg5MiA0IDQxOSAxNjU4LTE2ODgtMjR6Ii8+PHBhdGggZD0ibTc5OCAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjcgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzk0IDM1MDFoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xNDAxIDE3NDVoOTY1bDM4MyAxNDg5aDI2NnYyMDRoLTE2MXY2MGwxNTcgM3YyMDRoLTMxNmMwIDAtMjYtMTQ5LTcxLTI2Ny00NS0xMTctODUtODAtMTM1LTQ0OC00OS0zNjgtMjUzLTExMTctMjUzLTExMTdsLTgzNi0xMjl6Ii8+PHBhdGggZD0ibTk3MCAzNDM2aDE4ODR2NjNoLTE4ODR6Ii8+PC9nPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0xMDg4IDE1MjZoMTYzOHYyMjBoLTE2Mzh6Ii8+PHBhdGggZD0ibTEzNTIgMTU2M2wtNDAzLTc2NSA0OTcgMjYwLTQwLTY4NCA0NzggNTU3IDMyIDYzMnoiLz48cGF0aCBkPSJtMjQxNiAxNTYzbDQwMy03NjQtNDk4IDI1OSA0MC02ODMtNDc4IDU1Ni0xOCA2MzJ6Ii8+PGNpcmNsZSBjeD0iOTQ5IiBjeT0iNzk4IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIxNDA2IiBjeT0iMzc0IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIyMzYxIiBjeT0iMzc1IiByPSIxMDAiLz48L2c+PGcgZmlsbD0iI2QxZDFkMSI+PGNpcmNsZSBjeD0iMjgxOSIgY3k9Ijc5OSIgcj0iMTAwIi8+PHBhdGggZD0ibTI0MjEgMjk1bC05NyAxNzMtMjQwIDEwNThoMzUxbDMzNy02MzktNDItNDItNDA5IDIxMyA0My01ODRjMCAwIDE4Mi0zMiA1Ny0xODB6Ii8+PHBhdGggZD0ibTIyNjAgMTUyNnYyMTloNDY2di0yMTl6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZmVmZWZlIiBkPSJtMTM0MiAxNjMybDEwOTggOSAzMTYgMTY1My0xNjg4LTI0eiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im03OTggMzI0MWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtOTY3IDMzODdoMTg4NXYxNTNoLTE4ODV6Ii8+PHBhdGggZD0ibTc5NCAzNTA3aDIyMTd2MjA0aC0yMjE3eiIvPjwvZz48ZyBmaWxsPSIjZDFkMWQxIj48cGF0aCBkPSJtMTQwMSAxNzUxaDEwNjFsMjg4IDE0ODloMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI2LTE0OS03MS0yNjctNDUtMTE3LTg1LTgwLTEzNS00NDgtNDktMzY4LTE1MC0xMTAxLTE1MC0xMTAxbC05MzktMTQ1eiIvPjxwYXRoIGQ9Im05NzAgMzQ0MmgxODg0djYzaC0xODg0eiIvPjwvZz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTA4OCAxNTMxaDE2Mzh2MjIwaC0xNjM4eiIvPjxwYXRoIGQ9Im0xMjc4IDE2MTFjMCAwLTI0MS0zMjgtMTk5LTU3MiA1MC0yODUgMzgyLTQwOCA4NzUtNDM1IDE0OC04IDk4IDEwMDcgOTggMTAwN2gtNzc0Ii8+PHBhdGggZD0ibTI1MTUgMTYxMWMwIDAgMjQxLTMyOCAxOTktNTcyLTUwLTI4NS0zODItNDA4LTg3NS00MzUtMTQ4LTgtOTggMTAwNy05OCAxMDA3aDc3NCIvPjxwYXRoIGQ9Im0xNTYwIDY1NWMwIDAgMjUzLTYzIDIyNi0xNjktMjctMTA2IDExNC0xOSAxMTQtMTlsMTAgMTQ2LTM1MCA0M3oiLz48cGF0aCBkPSJtMjE3MiA2NDdjMCAwLTE1NC03NS0xNTktMTYxLTUtODYtMTE0LTE5LTExNC0xOWwtMTAgMTQ3IDI4MiAzNHoiLz48ZWxsaXBzZSBjeD0iMTc1NSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMTc4NCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMjAzOSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMjAxMCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMTkwMCIgY3k9IjIwMCIgcng9Ijk3IiByeT0iMTAxIi8+PHBhdGggZD0ibTE4MzYgNTI2bC04MS0yNDcgMTQ1LTc5IDEzOSA3OS03NSAyNTF6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0yMDE0IDQ4NmMwIDAtNDkgOTQgMTggMTQ0IDY2IDUwIDIzMSA4MSAzMTkgMTM5IDg5IDU4IDI0MCAxMjAgMjQxIDI4NCAyIDE2NC0zMyAyMzYtMTM5IDM1MS0xMDcgMTE2LTE3NSAxMjYtMTc1IDEyNmgyODhjMCAwIDg3LTE1MiAxMTAtMjI2IDIzLTc0IDUyLTE2NyAzNi0yNjctMTYtMTAwLTkwLTIyNS0yMDYtMjgwLTExNi01Ni04Ni01MS0xNzAtNzUtODMtMjQtOTQtMjYtMTAzLTI4LTktMi05NS0yNy05NS0yNyAwIDAtNDUtMjUtNzAtNTEtMjUtMjYtNTUtOTEtNTUtOTF6Ii8+PHBhdGggZD0ibTIyNzggMTUzMWwzNCAyMjBoNDE0di0yMjB6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtOTUzIDMyMzloMTkwN3YyMDRoLTE5MDd6Ii8+PHBhdGggZD0ibTEwOTkgMzM4NmgxNjIxdjE1M2gtMTYyMXoiLz48cGF0aCBkPSJtOTUwIDM1MDZoMTkwN3YyMDRoLTE5MDd6Ii8+PC9nPjxwYXRoIGZpbGw9IiMxMTEiIGQ9Im0xMDk5IDM0NDNoMTYyMXY2M2gtMTYyMXoiLz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTY1OSAyMDU5bDI5Ni00IDEgMTI4Mi02MTgtOXoiLz48cGF0aCBkPSJtMjE0MCAyMDU5bC0yNjQtNHYxMjgybDYxNy05eiIvPjxwYXRoIGQ9Im0xMzU1IDE5MDdoMTExNXYxNThoLTExMTV6Ii8+PGVsbGlwc2UgY3g9IjE4OTAiIGN5PSIxNTQ5IiByeD0iNDE0IiByeT0iNDMzIi8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0xOTgwIDExMjZjMCAwIDE5NSAxNDcgMjE4IDM0OSAzNiAzMTUtMTYyIDQxOC00NDYgMzUxLTE0My0zNC0yNDQtMTEwLTIzMS04MiAwIDAgMjEgNTEgNTkgOTAgMzcgMzkgODIgNzUgODIgNzVoNDU3YzAgMCA3NC00MSAxMTQtMTE3IDQwLTc3IDcyLTEzNyA3Mi0yNDQgMC0xMDctNDEtMTk5LTY4LTIzNy0yNy0zOC01Ni03MS0xMDUtMTE0LTQ4LTQ0LTE1Mi03MS0xNTItNzEiLz48cGF0aCBkPSJtMjA3NCAxOTA3bDY5IDE1OGgzMjZ2LTE1OHoiLz48cGF0aCBkPSJtMTU1OCAyMDY1aDU4NWwzNDYgMTI0MmgtMjU1bC0xNjgtMTA5NXoiLz48cGF0aCBkPSJtMjQ2NiAzMjM5bDcwIDQ3MWgzMjF2LTIwNGgtMTM3di02M2gxNDB2LTIwNHoiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtODI5IDEzNzhjLTE2NSAxNTEtMTQ1IDE0MC03MiAyNzEgNzIgMTMxIDI0MSAxODggNDAwIDE0MiAxNTgtNDYgNTA2LTE4MyA2MzMtMTU0IDEyNyAzMCAxNTkgOTEgMTY3IDE1NyA4IDY2LTE4NiAyMjctNDAwIDQzMy0yMTQgMjA1LTQwMiAyNDMtMzczIDY3MSAzMCA0MjggMTkgNTI1LTQyIDU5Mi02MSA2NyAxMDc0IDI2MyAxMjIxIDE5NiAxNDctNjggNTQzLTU1IDQ2NS00NjAtNzgtNDA2LTIwOC05MDAtMTAtMTIzOCAxOTgtMzM4IDM5OC0xMDQyLTUyNy0xNDIzLTkyNS0zODEtNTU4IDM1LTY0OCA4My05MCA0Ny0xMjEgNTctMTc1IDgzLTk4IDQ3LTQ2MiA0ODYtNjM5IDY0NyIvPjxwYXRoIGQ9Im04OTAgMzIzOWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtMTA1OSAzMzg2aDE4ODV2MTUzaC0xODg1eiIvPjxwYXRoIGQ9Im04ODYgMzUwNmgyMjE3djIwNGgtMjIxN3oiLz48L2c+PGcgZmlsbD0iIzExMSI+PHBhdGggZD0ibTE2MTUgMTY0NGMwIDAgODUtMTI0IDI2Mi0xMzEgMTc2LTcgNzUtMzMxIDc1LTMzMSAwIDAgMjI3IDI5MyAyMjcgNDQ0IDAgMTUxLTIzOSAyMTctMjM5IDIxNyAwIDAtMzAtMTgyLTMyNC0yMDB6Ii8+PHBhdGggZD0ibTI2MTkgNzQ0YzAgMCA0MjUgMjM4IDIyMSA4NDItMjA0IDYwNC01NjAgOTE1LTQ5OCAxMjI2IDYyIDMxMSA5IDM2NCAzMSAzOTEgMjIgMjcgOTMgMjcgMTk1LTQgMTAyLTMxIDg0IDQ0IDkzIDg5IDkgNDQgNzIgNDIxIDcyIDQyMWgzNjl2LTIwNGgtMTU5di02M2gxNjN2LTIwNGgtMjc3YzAgMC05NS00NDgtMTE2LTcyOC0yMS0yODAgNTgtNDU0IDE3MC02NTMgMTExLTIwMCAyMzEtNzc3LTI2NS0xMTEzeiIvPjxwYXRoIGQ9Im0xMDYwIDM0NDNoMTg4NXY2M2gtMTg4NXoiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTg3MCA0ODJjMCAwIDYyMSAyNjkgNDU4IDg4My0xNjMgNjE0LTU3MCAyNjAtNTcwIDI2MGwxMTMtMTE0MnoiLz48cGF0aCBkPSJtNzk4IDMyMzhoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxwYXRoIGZpbGw9IiMyZTJlMmUiIGQ9Im05NjcgMzM4NWgxODg1djE1M2gtMTg4NXoiLz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtNzk0IDM1MDVoMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTE1ODAgMTU1M2g1OThsNTAxIDE3MDRoLTE1NTV6Ii8+PHBhdGggZD0ibTEyODYgMTUxMWgxMjAwdjE1MmgtMTIwMHoiLz48cGF0aCBkPSJtMTg4NSA0ODNjMCAwLTYyMyAyNjktNDU5IDg4MyAxNjQgNjE0IDU3MiAyNjAgNTcyIDI2MGwtMTEzLTExNDJ6Ii8+PGVsbGlwc2UgY3g9IjE4ODAiIGN5PSI0NDgiIHJ4PSIxNzQiIHJ5PSIxNDMiLz48L2c+PGcgZmlsbD0iIzExMSI+PHBhdGggZD0ibTE5NjUgMzIzYzAgMCA0MyA1NCA0MyAxMTUgMCA2MS0xNCAxMTgtMTQgMTE4IDAgMCAxNTMtMTE4LTI5LTIzMyIvPjxwYXRoIGQ9Im05NjcgMzQ0MmgxODg1djYzaC0xODg1eiIvPjxwYXRoIGQ9Im0xOTk0IDU1NmMwIDAgMjIxIDE0NCAzMDAgMzMzIDc5IDE4OSA2NiAyNTkgNTAgMzk3LTE2IDEzOC02OCAyMjQtNjggMjI0aDIwOXYxNTJoLTMyMWwtMTctMTUyYzAgMC0yLTQyLTEyLTc3LTEwLTM2IDkzLTg1IDEwNC0yNDAgMTAtMTU1IDEtMjUzLTUzLTM2OC01My0xMTYtMTk0LTI2OS0xOTQtMjY5eiIvPjxwYXRoIGQ9Im0xNTQxIDE2NjNoNjY5bDQ2NSAxNTc1aDM0MXYyMDRoLTE2NHY2M2gxNjB2MjA0aC00ODF2LTIwNC02M2wtODQtMjA0LTMxMi0xNDI5eiIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTI1OSAxNjk0bDEyODMgNCAyMDkgMTU5MC0xNjg4LTIyeiIvPjxwYXRoIGQ9Im0xMDAyIDE3NDdoMTgwMmwyMTctMTE1MS01MjQgMzF2MjgyaC0zMDd2LTI3M2gtNTQ5djI3M2gtMzIwbC0zLTI3Mi01MjEtNDF6Ii8+PHBhdGggZD0ibTc5MyAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjIgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzg5IDM1MDJoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0yODUyIDYwNmMwIDAtMTQ2IDkxOS0xNjggOTg2LTIyIDY3LTk0IDE1NS05NCAxNTVoMjEzbDIxNy0xMTUxLTE2OSAxMHoiLz48cGF0aCBkPSJtMTM4NiAxNzQ3aDExNjJsMTk1IDE0ODhoMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI0LTE3MS02Ny0yNjktNDItOTktOTAtNzgtMTM5LTQ0NS00OS0zNjgtMTUzLTEwMjAtMTUzLTEwMjBsLTk0NS0yMjN6Ii8+PHBhdGggZD0ibTk2NCAzNDM2aDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTQ0NSAxNjI2bDg5MiA0IDQxOSAxNjU4LTE2ODgtMjR6Ii8+PHBhdGggZD0ibTc5OCAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjcgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzk0IDM1MDFoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0xNDAxIDE3NDVoOTY1bDM4MyAxNDg5aDI2NnYyMDRoLTE2MXY2MGwxNTcgM3YyMDRoLTMxNmMwIDAtMjYtMTQ5LTcxLTI2Ny00NS0xMTctODUtODAtMTM1LTQ0OC00OS0zNjgtMjUzLTExMTctMjUzLTExMTdsLTgzNi0xMjl6Ii8+PHBhdGggZD0ibTk3MCAzNDM2aDE4ODR2NjNoLTE4ODR6Ii8+PC9nPjxnIGZpbGw9IiMzODM4MzgiPjxwYXRoIGQ9Im0xMDg4IDE1MjZoMTYzOHYyMjBoLTE2Mzh6Ii8+PHBhdGggZD0ibTEzNTIgMTU2M2wtNDAzLTc2NSA0OTcgMjYwLTQwLTY4NCA0NzggNTU3IDMyIDYzMnoiLz48cGF0aCBkPSJtMjQxNiAxNTYzbDQwMy03NjUtNDk4IDI2MCA0MC02ODMtNDc4IDU1Ni0xOCA2MzJ6Ii8+PGNpcmNsZSBjeD0iOTQ5IiBjeT0iNzk4IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIxNDA2IiBjeT0iMzc0IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIyMzYxIiBjeT0iMzc1IiByPSIxMDAiLz48L2c+PGcgZmlsbD0iIzExMSI+PGNpcmNsZSBjeD0iMjgxOSIgY3k9Ijc5OCIgcj0iMTAwIi8+PHBhdGggZD0ibTI0MjEgMjk1bC05NyAxNzMtMjQwIDEwNThoMzUxbDMzNy02MzktNDItNDItNDA5IDIxMyA0MC01ODRjMCAwIDE3My0zNCA2MC0xODB6Ii8+PHBhdGggZD0ibTIyNjAgMTUyNnYyMTloNDY2di0yMTl6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTM0MiAxNjMybDEwOTggOSAzMTYgMTY1My0xNjg4LTI0eiIvPjxwYXRoIGQ9Im03OTggMzI0MWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtOTY3IDMzODhoMTg4NXYxNTNoLTE4ODV6Ii8+PHBhdGggZD0ibTc5NCAzNTA3aDIyMTd2MjA0aC0yMjE3eiIvPjwvZz48ZyBmaWxsPSIjMTExIj48cGF0aCBkPSJtMTQwMSAxNzUxaDEwNjFsMjg4IDE0ODloMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI2LTE0OS03MS0yNjctNDUtMTE3LTg1LTgwLTEzNS00NDgtNDktMzY4LTE1MC0xMTAxLTE1MC0xMTAxbC05MzktMTQ1eiIvPjxwYXRoIGQ9Im05NzAgMzQ0MmgxODg0djYzaC0xODg0eiIvPjwvZz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTA4OCAxNTMxaDE2Mzh2MjIwaC0xNjM4eiIvPjxwYXRoIGQ9Im0xMjc4IDE2MTFjMCAwLTI0MS0zMjgtMTk5LTU3MiA1MC0yODUgMzgyLTQwOCA4NzUtNDM1IDE0OC04IDk4IDEwMDcgOTggMTAwN2gtNzc0Ii8+PHBhdGggZD0ibTI1MTUgMTYxMWMwIDAgMjQxLTMyOCAxOTktNTcyLTUwLTI4NS0zODItNDA4LTg3NS00MzUtMTQ4LTgtOTggMTAwNy05OCAxMDA3aDc3NCIvPjxwYXRoIGQ9Im0xNTYwIDY1NWMwIDAgMjUzLTYzIDIyNi0xNjktMjctMTA2IDExNC0xOSAxMTQtMTlsMTAgMTQ2LTM1MCA0M3oiLz48cGF0aCBkPSJtMjE3MiA2NDdjMCAwLTE1NC03NS0xNTgtMTYxLTUtODYtMTE0LTE5LTExNC0xOWwtMTAgMTQ3IDI4MiAzNHoiLz48ZWxsaXBzZSBjeD0iMTc1NSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMTc4NCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMjAzOSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMjAxMCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMTkwMCIgY3k9IjIwMCIgcng9Ijk3IiByeT0iMTAxIi8+PHBhdGggZD0ibTE4MzYgNTI2bC04MS0yNDcgMTQ1LTc5IDEzOSA3OS03NSAyNTF6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0yMDE0IDQ4NmMwIDAtNDkgOTQgMTggMTQ0IDY2IDUwIDIzMSA4MSAzMTkgMTM5IDg5IDU4IDI0MCAxMjAgMjQxIDI4NCAyIDE2NC0zMyAyMzYtMTM5IDM1MS0xMDcgMTE2LTE3NSAxMjYtMTc1IDEyNmgyODhjMCAwIDg3LTE1MiAxMTAtMjI2IDIzLTc0IDUyLTE2NyAzNi0yNjctMTYtMTAwLTkwLTIyNS0yMDYtMjgwLTExNi01Ni04Ni01MS0xNzAtNzUtODMtMjQtOTQtMjYtMTAzLTI4LTktMi05NS0yNy05NS0yNyAwIDAtNDUtMjUtNzAtNTEtMjUtMjYtNTUtOTEtNTUtOTF6Ii8+PHBhdGggZD0ibTIyNzggMTUzMWwzNCAyMjBoNDE0di0yMjB6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtOTUzIDMyMzloMTkwN3YyMDRoLTE5MDd6Ii8+PHBhdGggZD0ibTEwOTkgMzM4NmgxNjIxdjE1M2gtMTYyMXoiLz48cGF0aCBkPSJtOTUwIDM1MDZoMTkwN3YyMDRoLTE5MDd6Ii8+PC9nPjxwYXRoIGZpbGw9IiNkMWQxZDEiIGQ9Im0xMDk5IDM0NDNoMTYyMXY2M2gtMTYyMXoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTY1OSAyMDU5bDI5Ni00IDEgMTI4Mi02MTgtOXoiLz48cGF0aCBkPSJtMjE0MCAyMDU5bC0yNjQtNHYxMjgybDYxNy05eiIvPjxwYXRoIGQ9Im0xMzU1IDE5MDdoMTExNXYxNThoLTExMTV6Ii8+PGVsbGlwc2UgY3g9IjE4OTAiIGN5PSIxNTQ5IiByeD0iNDE0IiByeT0iNDMzIi8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xOTgwIDExMjZjMCAwIDE5NSAxNDcgMjE4IDM0OSAzNiAzMTUtMTYyIDQxOC00NDYgMzUxLTE0My0zNC0yNDQtMTEwLTIzMS04MiAwIDAgMjEgNTEgNTkgOTAgMzcgMzkgODIgNzUgODIgNzVoNDU3YzAgMCA3NC00MSAxMTQtMTE3IDQwLTc3IDcyLTEzNyA3Mi0yNDQgMC0xMDctNDEtMTk5LTY4LTIzNy0yNy0zOC01Ni03MS0xMDUtMTE0LTQ4LTQ0LTE1Mi03MS0xNTItNzEiLz48cGF0aCBkPSJtMjA3NCAxOTA3bDY5IDE1OGgzMjZ2LTE1OHoiLz48cGF0aCBkPSJtMTU1OCAyMDY1aDU4NWwzNDYgMTI0MmgtMjU1bC0xNjgtMTA5NXoiLz48cGF0aCBkPSJtMjQ2NiAzMjM5bDcwIDQ3MWgzMjF2LTIwNGgtMTM3di02M2gxNDB2LTIwNHoiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtODI4IDEzNzhjLTE4MyAxNjktMTMyIDE1NS02MCAyODYgNzIgMTMxIDE5NSAyMjcgNTAzIDc3IDMwOC0xNTAgMzkwLTEzMyA1MTctMTAzIDEyNyAzMCAxNTkgOTEgMTY3IDE1NyA4IDY2LTE4NiAyMjctNDAwIDQzMy0yMTQgMjA1LTQwMiAyNDMtMzczIDY3MSAzMCA0MjggMTkgNTI1LTQyIDU5Mi02MSA2NyAxMDc0IDI2MyAxMjIxIDE5NiAxNDctNjggNTQzLTU1IDQ2NS00NjAtNzgtNDA2LTIwOC05MDAtMTAtMTIzOCAxOTgtMzM4IDM5OC0xMDQyLTUyNy0xNDIzLTkyNS0zODEtNTU4IDM1LTY0OCA4My05MCA0Ny0xMjEgNTctMTc1IDgzLTk4IDQ3LTQ2MyA0ODUtNjM5IDY0N3oiLz48cGF0aCBkPSJtODkwIDMyMzloMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTEwNTkgMzM4NmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtODg2IDM1MDZoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xNjE1IDE2NDRjMCAwIDg1LTEyNCAyNjItMTMxIDE3Ni03IDc1LTMzMSA3NS0zMzEgMCAwIDIyNyAyOTMgMjI3IDQ0NCAwIDE1MS0yMzkgMjE3LTIzOSAyMTcgMCAwLTMwLTE4Mi0zMjQtMjAweiIvPjxwYXRoIGQ9Im0yNjE5IDc0NGMwIDAgNDI1IDIzOCAyMjEgODQyLTIwNCA2MDQtNTYwIDkxNS00OTggMTIyNiA2MiAzMTEgOSAzNjQgMzEgMzkxIDIyIDI3IDkzIDI3IDE5NS00IDEwMi0zMSA4NCA0NCA5MyA4OSA5IDQ0IDcyIDQyMSA3MiA0MjFoMzY5di0yMDRoLTE1OXYtNjNoMTYzdi0yMDRoLTI3N2MwIDAtOTUtNDQ4LTExNi03MjgtMjEtMjgwIDU4LTQ1NCAxNzAtNjUzIDExMS0yMDAgMjMxLTc3Ny0yNjUtMTExM3oiLz48cGF0aCBkPSJtMTA2MCAzNDQzaDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTg3MCA0ODJjMCAwIDYyMSAyNjkgNDU4IDg4My0xNjMgNjE0LTU3MCAyNjAtNTcwIDI2MGwxMTMtMTE0MnoiLz48cGF0aCBkPSJtNzk4IDMyMzhoMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTk2NyAzMzg1aDE4ODV2MTUzaC0xODg1eiIvPjxwYXRoIGQ9Im03OTQgMzUwNWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtMTU4MCAxNTUzaDU5OGw1MDEgMTcwNGgtMTU1NXoiLz48cGF0aCBkPSJtMTI4NiAxNTExaDEyMDB2MTUyaC0xMjAweiIvPjxwYXRoIGQ9Im0xODg1IDQ4M2MwIDAtNjIzIDI2OS00NTkgODgzIDE2NCA2MTQgNTcyIDI2MCA1NzIgMjYwbC0xMTMtMTE0MnoiLz48ZWxsaXBzZSBjeD0iMTg4MCIgY3k9IjQ0OCIgcng9IjE3NCIgcnk9IjE0MyIvPjwvZz48ZyBmaWxsPSIjZDFkMWQxIj48cGF0aCBkPSJtMTk3MCAzMjVjMCAwIDM4IDUxIDM4IDExMyAwIDYxLTE0IDExOC0xNCAxMTggMCAwIDE2Mi0xMTUtMjQtMjMxIi8+PHBhdGggZD0ibTk2NyAzNDQyaDE4ODV2NjNoLTE4ODV6Ii8+PHBhdGggZD0ibTE5OTQgNTU2YzAgMCAyMjEgMTQ0IDMwMCAzMzMgNzkgMTg5IDY2IDI1OSA1MCAzOTctMTYgMTM4LTY4IDIyNC02OCAyMjRoMjA5djE1MmgtMzIxbC0xNy0xNTJjMCAwLTItNDItMTItNzctMTAtMzYgOTMtODUgMTA0LTI0MCAxMC0xNTUgMS0yNTMtNTMtMzY4LTUzLTExNi0xOTQtMjY5LTE5NC0yNjl6Ii8+PHBhdGggZD0ibTE1NDEgMTY2M2g2NjlsNDY1IDE1NzVoMzQxdjIwNGgtMTY0djYzaDE2MHYyMDRoLTQ4MXYtMjA0LTYzbC04NC0yMDQtMzEyLTE0Mjl6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTI1OSAxNjk0bDEyODMgNCAyMDkgMTU5MC0xNjg4LTIzeiIvPjxwYXRoIGQ9Im0xMDAyIDE3NDdoMTgwMmwyMTctMTE1MS01MjQgMzF2MjgyaC0zMDd2LTI3M2gtNTQ5djI3M2gtMzIwbC0zLTI3Mi01MjEtNDF6Ii8+PHBhdGggZD0ibTc5MyAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjIgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzg5IDM1MDJoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0yODUyIDYwNmMwIDAtMTQ2IDkxOS0xNjggOTg2LTIyIDY3LTk0IDE1NS05NCAxNTVoMjEzbDIxNy0xMTUxLTE2OSAxMHoiLz48cGF0aCBkPSJtMTM4NiAxNzQ3aDExNjJsMTk1IDE0ODhoMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI0LTE3MS02Ny0yNjktNDItOTktOTAtNzgtMTM5LTQ0NS00OS0zNjgtMTUzLTEwMjAtMTUzLTEwMjBsLTk0NS0yMjN6Ii8+PHBhdGggZD0ibTk2NCAzNDM2aDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTQ0NSAxNjI2bDg5MiA0IDQxOSAxNjU4LTE2ODgtMjR6Ii8+PHBhdGggZD0ibTc5OCAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjcgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzk0IDM1MDFoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0xNDAxIDE3NDVoOTY1bDM4MyAxNDg5aDI2NnYyMDRoLTE2MXY2MGwxNTcgM3YyMDRoLTMxNmMwIDAtMjYtMTQ5LTcxLTI2Ny00NS0xMTctODUtODAtMTM1LTQ0OC00OS0zNjgtMjUzLTExMTctMjUzLTExMTdsLTgzNi0xMjl6Ii8+PHBhdGggZD0ibTk3MCAzNDM2aDE4ODR2NjNoLTE4ODR6Ii8+PC9nPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0xMDg4IDE1MjZoMTYzOHYyMjBoLTE2Mzh6Ii8+PHBhdGggZD0ibTEzNTIgMTU2M2wtNDAzLTc2NSA0OTcgMjYwLTQwLTY4NCA0NzggNTU3IDMyIDYzMnoiLz48cGF0aCBkPSJtMjQxNiAxNTYzbDQwMy03NjQtNDk4IDI1OSA0MC02ODMtNDc4IDU1Ni0xOCA2MzJ6Ii8+PGNpcmNsZSBjeD0iOTQ5IiBjeT0iNzk4IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIxNDA2IiBjeT0iMzc0IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIyMzYxIiBjeT0iMzc1IiByPSIxMDAiLz48L2c+PGcgZmlsbD0iI2QxZDFkMSI+PGNpcmNsZSBjeD0iMjgxOSIgY3k9Ijc5OSIgcj0iMTAwIi8+PHBhdGggZD0ibTI0MjEgMjk1bC05NyAxNzMtMjQwIDEwNThoMzUxbDMzNy02MzktNDItNDItNDA5IDIxMyA0My01ODRjMCAwIDE4Mi0zMiA1Ny0xODB6Ii8+PHBhdGggZD0ibTIyNjAgMTUyNnYyMTloNDY2di0yMTl6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjZmVmZWZlIiBkPSJtMTM0MiAxNjMybDEwOTggOSAzMTYgMTY1My0xNjg4LTI0eiIvPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im03OTggMzI0MWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtOTY3IDMzODdoMTg4NXYxNTNoLTE4ODV6Ii8+PHBhdGggZD0ibTc5NCAzNTA3aDIyMTd2MjA0aC0yMjE3eiIvPjwvZz48ZyBmaWxsPSIjZDFkMWQxIj48cGF0aCBkPSJtMTQwMSAxNzUxaDEwNjFsMjg4IDE0ODloMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI2LTE0OS03MS0yNjctNDUtMTE3LTg1LTgwLTEzNS00NDgtNDktMzY4LTE1MC0xMTAxLTE1MC0xMTAxbC05MzktMTQ1eiIvPjxwYXRoIGQ9Im05NzAgMzQ0MmgxODg0djYzaC0xODg0eiIvPjwvZz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMTA4OCAxNTMxaDE2Mzh2MjIwaC0xNjM4eiIvPjxwYXRoIGQ9Im0xMjc4IDE2MTFjMCAwLTI0MS0zMjgtMTk5LTU3MiA1MC0yODUgMzgyLTQwOCA4NzUtNDM1IDE0OC04IDk4IDEwMDcgOTggMTAwN2gtNzc0Ii8+PHBhdGggZD0ibTI1MTUgMTYxMWMwIDAgMjQxLTMyOCAxOTktNTcyLTUwLTI4NS0zODItNDA4LTg3NS00MzUtMTQ4LTgtOTggMTAwNy05OCAxMDA3aDc3NCIvPjxwYXRoIGQ9Im0xNTYwIDY1NWMwIDAgMjUzLTYzIDIyNi0xNjktMjctMTA2IDExNC0xOSAxMTQtMTlsMTAgMTQ2LTM1MCA0M3oiLz48cGF0aCBkPSJtMjE3MiA2NDdjMCAwLTE1NC03NS0xNTktMTYxLTUtODYtMTE0LTE5LTExNC0xOWwtMTAgMTQ3IDI4MiAzNHoiLz48ZWxsaXBzZSBjeD0iMTc1NSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMTc4NCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMjAzOSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMjAxMCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMTkwMCIgY3k9IjIwMCIgcng9Ijk3IiByeT0iMTAxIi8+PHBhdGggZD0ibTE4MzYgNTI2bC04MS0yNDcgMTQ1LTc5IDEzOSA3OS03NSAyNTF6Ii8+PC9nPjxnIGZpbGw9IiNkMWQxZDEiPjxwYXRoIGQ9Im0yMDE0IDQ4NmMwIDAtNDkgOTQgMTggMTQ0IDY2IDUwIDIzMSA4MSAzMTkgMTM5IDg5IDU4IDI0MCAxMjAgMjQxIDI4NCAyIDE2NC0zMyAyMzYtMTM5IDM1MS0xMDcgMTE2LTE3NSAxMjYtMTc1IDEyNmgyODhjMCAwIDg3LTE1MiAxMTAtMjI2IDIzLTc0IDUyLTE2NyAzNi0yNjctMTYtMTAwLTkwLTIyNS0yMDYtMjgwLTExNi01Ni04Ni01MS0xNzAtNzUtODMtMjQtOTQtMjYtMTAzLTI4LTktMi05NS0yNy05NS0yNyAwIDAtNDUtMjUtNzAtNTEtMjUtMjYtNTUtOTEtNTUtOTF6Ii8+PHBhdGggZD0ibTIyNzggMTUzMWwzNCAyMjBoNDE0di0yMjB6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtOTUzIDMyMzloMTkwN3YyMDRoLTE5MDd6Ii8+PHBhdGggZD0ibTEwOTkgMzM4NmgxNjIxdjE1M2gtMTYyMXoiLz48cGF0aCBkPSJtOTUwIDM1MDZoMTkwN3YyMDRoLTE5MDd6Ii8+PC9nPjxwYXRoIGZpbGw9IiMxMTEiIGQ9Im0xMDk5IDM0NDNoMTYyMXY2M2gtMTYyMXoiLz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTY1OSAyMDU5bDI5Ni00IDEgMTI4Mi02MTgtOXoiLz48cGF0aCBkPSJtMjE0MCAyMDU5bC0yNjQtNHYxMjgybDYxNy05eiIvPjxwYXRoIGQ9Im0xMzU1IDE5MDdoMTExNXYxNThoLTExMTV6Ii8+PGVsbGlwc2UgY3g9IjE4OTAiIGN5PSIxNTQ5IiByeD0iNDE0IiByeT0iNDMzIi8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0xOTgwIDExMjZjMCAwIDE5NSAxNDcgMjE4IDM0OSAzNiAzMTUtMTYyIDQxOC00NDYgMzUxLTE0My0zNC0yNDQtMTEwLTIzMS04MiAwIDAgMjEgNTEgNTkgOTAgMzcgMzkgODIgNzUgODIgNzVoNDU3YzAgMCA3NC00MSAxMTQtMTE3IDQwLTc3IDcyLTEzNyA3Mi0yNDQgMC0xMDctNDEtMTk5LTY4LTIzNy0yNy0zOC01Ni03MS0xMDUtMTE0LTQ4LTQ0LTE1Mi03MS0xNTItNzEiLz48cGF0aCBkPSJtMjA3NCAxOTA3bDY5IDE1OGgzMjZ2LTE1OHoiLz48cGF0aCBkPSJtMTU1OCAyMDY1aDU4NWwzNDYgMTI0MmgtMjU1bC0xNjgtMTA5NXoiLz48cGF0aCBkPSJtMjQ2NiAzMjM5bDcwIDQ3MWgzMjF2LTIwNGgtMTM3di02M2gxNDB2LTIwNHoiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtODI5IDEzNzhjLTE2NSAxNTEtMTQ1IDE0MC03MiAyNzEgNzIgMTMxIDI0MSAxODggNDAwIDE0MiAxNTgtNDYgNTA2LTE4MyA2MzMtMTU0IDEyNyAzMCAxNTkgOTEgMTY3IDE1NyA4IDY2LTE4NiAyMjctNDAwIDQzMy0yMTQgMjA1LTQwMiAyNDMtMzczIDY3MSAzMCA0MjggMTkgNTI1LTQyIDU5Mi02MSA2NyAxMDc0IDI2MyAxMjIxIDE5NiAxNDctNjggNTQzLTU1IDQ2NS00NjAtNzgtNDA2LTIwOC05MDAtMTAtMTIzOCAxOTgtMzM4IDM5OC0xMDQyLTUyNy0xNDIzLTkyNS0zODEtNTU4IDM1LTY0OCA4My05MCA0Ny0xMjEgNTctMTc1IDgzLTk4IDQ3LTQ2MiA0ODYtNjM5IDY0NyIvPjxwYXRoIGQ9Im04OTAgMzIzOWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtMTA1OSAzMzg2aDE4ODV2MTUzaC0xODg1eiIvPjxwYXRoIGQ9Im04ODYgMzUwNmgyMjE3djIwNGgtMjIxN3oiLz48L2c+PGcgZmlsbD0iIzExMSI+PHBhdGggZD0ibTE2MTUgMTY0NGMwIDAgODUtMTI0IDI2Mi0xMzEgMTc2LTcgNzUtMzMxIDc1LTMzMSAwIDAgMjI3IDI5MyAyMjcgNDQ0IDAgMTUxLTIzOSAyMTctMjM5IDIxNyAwIDAtMzAtMTgyLTMyNC0yMDB6Ii8+PHBhdGggZD0ibTI2MTkgNzQ0YzAgMCA0MjUgMjM4IDIyMSA4NDItMjA0IDYwNC01NjAgOTE1LTQ5OCAxMjI2IDYyIDMxMSA5IDM2NCAzMSAzOTEgMjIgMjcgOTMgMjcgMTk1LTQgMTAyLTMxIDg0IDQ0IDkzIDg5IDkgNDQgNzIgNDIxIDcyIDQyMWgzNjl2LTIwNGgtMTU5di02M2gxNjN2LTIwNGgtMjc3YzAgMC05NS00NDgtMTE2LTcyOC0yMS0yODAgNTgtNDU0IDE3MC02NTMgMTExLTIwMCAyMzEtNzc3LTI2NS0xMTEzeiIvPjxwYXRoIGQ9Im0xMDYwIDM0NDNoMTg4NXY2M2gtMTg4NXoiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTg3MCA0ODJjMCAwIDYyMSAyNjkgNDU4IDg4My0xNjMgNjE0LTU3MCAyNjAtNTcwIDI2MGwxMTMtMTE0MnoiLz48cGF0aCBkPSJtNzk4IDMyMzhoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxwYXRoIGZpbGw9IiMyZTJlMmUiIGQ9Im05NjcgMzM4NWgxODg1djE1M2gtMTg4NXoiLz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtNzk0IDM1MDVoMjIxN3YyMDRoLTIyMTd6Ii8+PHBhdGggZD0ibTE1ODAgMTU1M2g1OThsNTAxIDE3MDRoLTE1NTV6Ii8+PHBhdGggZD0ibTEyODYgMTUxMWgxMjAwdjE1MmgtMTIwMHoiLz48cGF0aCBkPSJtMTg4NSA0ODNjMCAwLTYyMyAyNjktNDU5IDg4MyAxNjQgNjE0IDU3MiAyNjAgNTcyIDI2MGwtMTEzLTExNDJ6Ii8+PGVsbGlwc2UgY3g9IjE4ODAiIGN5PSI0NDgiIHJ4PSIxNzQiIHJ5PSIxNDMiLz48L2c+PGcgZmlsbD0iIzExMSI+PHBhdGggZD0ibTE5NjUgMzIzYzAgMCA0MyA1NCA0MyAxMTUgMCA2MS0xNCAxMTgtMTQgMTE4IDAgMCAxNTMtMTE4LTI5LTIzMyIvPjxwYXRoIGQ9Im05NjcgMzQ0MmgxODg1djYzaC0xODg1eiIvPjxwYXRoIGQ9Im0xOTk0IDU1NmMwIDAgMjIxIDE0NCAzMDAgMzMzIDc5IDE4OSA2NiAyNTkgNTAgMzk3LTE2IDEzOC02OCAyMjQtNjggMjI0aDIwOXYxNTJoLTMyMWwtMTctMTUyYzAgMC0yLTQyLTEyLTc3LTEwLTM2IDkzLTg1IDEwNC0yNDAgMTAtMTU1IDEtMjUzLTUzLTM2OC01My0xMTYtMTk0LTI2OS0xOTQtMjY5eiIvPjxwYXRoIGQ9Im0xNTQxIDE2NjNoNjY5bDQ2NSAxNTc1aDM0MXYyMDRoLTE2NHY2M2gxNjB2MjA0aC00ODF2LTIwNC02M2wtODQtMjA0LTMxMi0xNDI5eiIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTI1OSAxNjk0bDEyODMgNCAyMDkgMTU5MC0xNjg4LTIyeiIvPjxwYXRoIGQ9Im0xMDAyIDE3NDdoMTgwMmwyMTctMTE1MS01MjQgMzF2MjgyaC0zMDd2LTI3M2gtNTQ5djI3M2gtMzIwbC0zLTI3Mi01MjEtNDF6Ii8+PHBhdGggZD0ibTc5MyAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjIgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzg5IDM1MDJoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0yODUyIDYwNmMwIDAtMTQ2IDkxOS0xNjggOTg2LTIyIDY3LTk0IDE1NS05NCAxNTVoMjEzbDIxNy0xMTUxLTE2OSAxMHoiLz48cGF0aCBkPSJtMTM4NiAxNzQ3aDExNjJsMTk1IDE0ODhoMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI0LTE3MS02Ny0yNjktNDItOTktOTAtNzgtMTM5LTQ0NS00OS0zNjgtMTUzLTEwMjAtMTUzLTEwMjBsLTk0NS0yMjN6Ii8+PHBhdGggZD0ibTk2NCAzNDM2aDE4ODV2NjNoLTE4ODV6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTQ0NSAxNjI2bDg5MiA0IDQxOSAxNjU4LTE2ODgtMjR6Ii8+PHBhdGggZD0ibTc5OCAzMjM1aDIyMTd2MjA0aC0yMjE3eiIvPjxwYXRoIGQ9Im05NjcgMzM4MmgxODg1djE1M2gtMTg4NXoiLz48cGF0aCBkPSJtNzk0IDM1MDFoMjIxN3YyMDRoLTIyMTd6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0xNDAxIDE3NDVoOTY1bDM4MyAxNDg5aDI2NnYyMDRoLTE2MXY2MGwxNTcgM3YyMDRoLTMxNmMwIDAtMjYtMTQ5LTcxLTI2Ny00NS0xMTctODUtODAtMTM1LTQ0OC00OS0zNjgtMjUzLTExMTctMjUzLTExMTdsLTgzNi0xMjl6Ii8+PHBhdGggZD0ibTk3MCAzNDM2aDE4ODR2NjNoLTE4ODR6Ii8+PC9nPjxnIGZpbGw9IiMzODM4MzgiPjxwYXRoIGQ9Im0xMDg4IDE1MjZoMTYzOHYyMjBoLTE2Mzh6Ii8+PHBhdGggZD0ibTEzNTIgMTU2M2wtNDAzLTc2NSA0OTcgMjYwLTQwLTY4NCA0NzggNTU3IDMyIDYzMnoiLz48cGF0aCBkPSJtMjQxNiAxNTYzbDQwMy03NjUtNDk4IDI2MCA0MC02ODMtNDc4IDU1Ni0xOCA2MzJ6Ii8+PGNpcmNsZSBjeD0iOTQ5IiBjeT0iNzk4IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIxNDA2IiBjeT0iMzc0IiByPSIxMDAiLz48Y2lyY2xlIGN4PSIyMzYxIiBjeT0iMzc1IiByPSIxMDAiLz48L2c+PGcgZmlsbD0iIzExMSI+PGNpcmNsZSBjeD0iMjgxOSIgY3k9Ijc5OCIgcj0iMTAwIi8+PHBhdGggZD0ibTI0MjEgMjk1bC05NyAxNzMtMjQwIDEwNThoMzUxbDMzNy02MzktNDItNDItNDA5IDIxMyA0MC01ODRjMCAwIDE3My0zNCA2MC0xODB6Ii8+PHBhdGggZD0ibTIyNjAgMTUyNnYyMTloNDY2di0yMTl6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMzUiIGhlaWdodD0iMTM1IiB2aWV3Qm94PSIwIDAgMzgxMCAzODEwIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiIgaW1hZ2UtcmVuZGVyaW5nPSJvcHRpbWl6ZVF1YWxpdHkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIj48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTM0MiAxNjMybDEwOTggOSAzMTYgMTY1My0xNjg4LTI0eiIvPjxwYXRoIGQ9Im03OTggMzI0MWgyMjE3djIwNGgtMjIxN3oiLz48cGF0aCBkPSJtOTY3IDMzODhoMTg4NXYxNTNoLTE4ODV6Ii8+PHBhdGggZD0ibTc5NCAzNTA3aDIyMTd2MjA0aC0yMjE3eiIvPjwvZz48ZyBmaWxsPSIjMTExIj48cGF0aCBkPSJtMTQwMSAxNzUxaDEwNjFsMjg4IDE0ODloMjY2djIwNGwtMTYxLTN2NjNsMTU3IDN2MjA0aC0zMTZjMCAwLTI2LTE0OS03MS0yNjctNDUtMTE3LTg1LTgwLTEzNS00NDgtNDktMzY4LTE1MC0xMTAxLTE1MC0xMTAxbC05MzktMTQ1eiIvPjxwYXRoIGQ9Im05NzAgMzQ0MmgxODg0djYzaC0xODg0eiIvPjwvZz48ZyBmaWxsPSIjMzgzODM4Ij48cGF0aCBkPSJtMTA4OCAxNTMxaDE2Mzh2MjIwaC0xNjM4eiIvPjxwYXRoIGQ9Im0xMjc4IDE2MTFjMCAwLTI0MS0zMjgtMTk5LTU3MiA1MC0yODUgMzgyLTQwOCA4NzUtNDM1IDE0OC04IDk4IDEwMDcgOTggMTAwN2gtNzc0Ii8+PHBhdGggZD0ibTI1MTUgMTYxMWMwIDAgMjQxLTMyOCAxOTktNTcyLTUwLTI4NS0zODItNDA4LTg3NS00MzUtMTQ4LTgtOTggMTAwNy05OCAxMDA3aDc3NCIvPjxwYXRoIGQ9Im0xNTYwIDY1NWMwIDAgMjUzLTYzIDIyNi0xNjktMjctMTA2IDExNC0xOSAxMTQtMTlsMTAgMTQ2LTM1MCA0M3oiLz48cGF0aCBkPSJtMjE3MiA2NDdjMCAwLTE1NC03NS0xNTgtMTYxLTUtODYtMTE0LTE5LTExNC0xOWwtMTAgMTQ3IDI4MiAzNHoiLz48ZWxsaXBzZSBjeD0iMTc1NSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMTc4NCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMjAzOSIgY3k9IjI3OSIgcng9IjkxIiByeT0iODkiLz48ZWxsaXBzZSBjeD0iMjAxMCIgY3k9IjQxNyIgcng9IjY0IiByeT0iNjIiLz48ZWxsaXBzZSBjeD0iMTkwMCIgY3k9IjIwMCIgcng9Ijk3IiByeT0iMTAxIi8+PHBhdGggZD0ibTE4MzYgNTI2bC04MS0yNDcgMTQ1LTc5IDEzOSA3OS03NSAyNTF6Ii8+PC9nPjxnIGZpbGw9IiMxMTEiPjxwYXRoIGQ9Im0yMDE0IDQ4NmMwIDAtNDkgOTQgMTggMTQ0IDY2IDUwIDIzMSA4MSAzMTkgMTM5IDg5IDU4IDI0MCAxMjAgMjQxIDI4NCAyIDE2NC0zMyAyMzYtMTM5IDM1MS0xMDcgMTE2LTE3NSAxMjYtMTc1IDEyNmgyODhjMCAwIDg3LTE1MiAxMTAtMjI2IDIzLTc0IDUyLTE2NyAzNi0yNjctMTYtMTAwLTkwLTIyNS0yMDYtMjgwLTExNi01Ni04Ni01MS0xNzAtNzUtODMtMjQtOTQtMjYtMTAzLTI4LTktMi05NS0yNy05NS0yNyAwIDAtNDUtMjUtNzAtNTEtMjUtMjYtNTUtOTEtNTUtOTF6Ii8+PHBhdGggZD0ibTIyNzggMTUzMWwzNCAyMjBoNDE0di0yMjB6Ii8+PC9nPjwvc3ZnPg=='); }
--- a/public/stylesheets/piece/reillycraig.css
+++ b/public/stylesheets/piece/reillycraig.css
--- a/public/stylesheets/piece/shapes.css
+++ b/public/stylesheets/piece/shapes.css
@ -1,12 +1,12 @@
-body.base .is2d .cg-piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNDAgNDB2MTIwaDEyMFY0MEg0MHptNDAgNDBoNDB2NDBIODBWODB6IiB0cmFuc2Zvcm09Im1hdHJpeCguOSAwIDAgLjkgMTEuOCAxMS44KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNMzUuNSAxMjIuODRWNzkuNTY0bDExMi42Ny00Ni41MDggMTUuMjYyIDM2Ljk3My03NS41MTUgMzEuMTcyIDc1LjUxNSAzMS4xNy0xNS4yNjIgMzYuOTc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDQwLjUwM0wxMDAgNzEuNzE2bDMxLjIxMy0zMS4yMTMgMzUuMzU2LTcuMDcyLTcuMDczIDM1LjM1N0wxMjguMjg0IDEwMGwzMS4yMTMgMzEuMjEzIDcuMDcyIDM1LjM1Ni0zNS4zNTctNy4wNzNMMTAwIDEyOC4yODRsLTMxLjIxMyAzMS4yMTMtMzUuMzU2IDcuMDcyIDcuMDczLTM1LjM1N0w3MS43MTYgMTAwIDQwLjUwMyA2OC43ODcgMzMuNDMgMzMuNDN6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNzUgMTVoNTB2NjBoNjB2NTBoLTYwdjYwSDc1di02MEgxNVY3NWg2MHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNODAgMjB2MzEuNzE1TDU3LjU3NCAyOS4yOSAyOS4yOSA1Ny41NzMgNTEuNzE0IDgwSDIwdjQwaDMxLjcxNUwyOS4yOSAxNDIuNDI2bDI4LjI4NCAyOC4yODVMODAgMTQ4LjI4NlYxODBoNDB2LTMxLjcxNWwyMi40MjYgMjIuNDI2IDI4LjI4NS0yOC4yODRMMTQ4LjI4NiAxMjBIMTgwVjgwaC0zMS43MTVsMjIuNDI2LTIyLjQyNi0yOC4yODQtMjguMjg1TDEyMCA1MS43MTRWMjBIODB6bTIwIDU4LjAzM0EyMS45NjYgMjEuOTY2IDAgMCAxIDEyMS45NjcgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDEyMS45NjcgMjEuOTY2IDIxLjk2NiAwIDAgMSA3OC4wMzMgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDc4LjAzM3oiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDI0LjY0NUwyNC42NDUgNjguNzg3djYyLjQyNmw0NC4xNDIgNDQuMTQyaDYyLjQyNmw0NC4xNDItNDQuMTQyVjY4Ljc4N2wtNDQuMTQyLTQ0LjE0MnpNODggNjcuODU3aDI0Vjg4aDIwLjE0M3YyNEgxMTJ2MjAuMTQzSDg4VjExMkg2Ny44NTdWODhIODh6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNDAgNDB2MTIwaDEyMFY0MEg0MHptNDAgNDBoNDB2NDBIODBWODB6IiB0cmFuc2Zvcm09Im1hdHJpeCguOSAwIDAgLjkgMTEuOCAxMS44KSIgZmlsbD0iIzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNMzUuNSAxMjIuODRWNzkuNTY0bDExMi42Ny00Ni41MDggMTUuMjYyIDM2Ljk3My03NS41MTUgMzEuMTcyIDc1LjUxNSAzMS4xNy0xNS4yNjIgMzYuOTc1eiIgZmlsbD0iIzMzMyIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDQwLjUwM0wxMDAgNzEuNzE2bDMxLjIxMy0zMS4yMTMgMzUuMzU2LTcuMDcyLTcuMDczIDM1LjM1N0wxMjguMjg0IDEwMGwzMS4yMTMgMzEuMjEzIDcuMDcyIDM1LjM1Ni0zNS4zNTctNy4wNzNMMTAwIDEyOC4yODRsLTMxLjIxMyAzMS4yMTMtMzUuMzU2IDcuMDcyIDcuMDczLTM1LjM1N0w3MS43MTYgMTAwIDQwLjUwMyA2OC43ODcgMzMuNDMgMzMuNDN6IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNzUgMTVoNTB2NjBoNjB2NTBoLTYwdjYwSDc1di02MEgxNVY3NWg2MHoiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNODAgMjB2MzEuNzE1TDU3LjU3NCAyOS4yOSAyOS4yOSA1Ny41NzMgNTEuNzE0IDgwSDIwdjQwaDMxLjcxNUwyOS4yOSAxNDIuNDI2bDI4LjI4NCAyOC4yODVMODAgMTQ4LjI4NlYxODBoNDB2LTMxLjcxNWwyMi40MjYgMjIuNDI2IDI4LjI4NS0yOC4yODRMMTQ4LjI4NiAxMjBIMTgwVjgwaC0zMS43MTVsMjIuNDI2LTIyLjQyNi0yOC4yODQtMjguMjg1TDEyMCA1MS43MTRWMjBIODB6bTIwIDU4LjAzM0EyMS45NjYgMjEuOTY2IDAgMCAxIDEyMS45NjcgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDEyMS45NjcgMjEuOTY2IDIxLjk2NiAwIDAgMSA3OC4wMzMgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDc4LjAzM3oiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDI0LjY0NUwyNC42NDUgNjguNzg3djYyLjQyNmw0NC4xNDIgNDQuMTQyaDYyLjQyNmw0NC4xNDItNDQuMTQyVjY4Ljc4N2wtNDQuMTQyLTQ0LjE0MnpNODggNjcuODU3aDI0Vjg4aDIwLjE0M3YyNEgxMTJ2MjAuMTQzSDg4VjExMkg2Ny44NTdWODhIODh6IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNDAgNDB2MTIwaDEyMFY0MEg0MHptNDAgNDBoNDB2NDBIODBWODB6IiB0cmFuc2Zvcm09Im1hdHJpeCguOSAwIDAgLjkgMTEuOCAxMS44KSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNMzUuNSAxMjIuODRWNzkuNTY0bDExMi42Ny00Ni41MDggMTUuMjYyIDM2Ljk3My03NS41MTUgMzEuMTcyIDc1LjUxNSAzMS4xNy0xNS4yNjIgMzYuOTc1eiIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDQwLjUwM0wxMDAgNzEuNzE2bDMxLjIxMy0zMS4yMTMgMzUuMzU2LTcuMDcyLTcuMDczIDM1LjM1N0wxMjguMjg0IDEwMGwzMS4yMTMgMzEuMjEzIDcuMDcyIDM1LjM1Ni0zNS4zNTctNy4wNzNMMTAwIDEyOC4yODRsLTMxLjIxMyAzMS4yMTMtMzUuMzU2IDcuMDcyIDcuMDczLTM1LjM1N0w3MS43MTYgMTAwIDQwLjUwMyA2OC43ODcgMzMuNDMgMzMuNDN6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNzUgMTVoNTB2NjBoNjB2NTBoLTYwdjYwSDc1di02MEgxNVY3NWg2MHoiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNODAgMjB2MzEuNzE1TDU3LjU3NCAyOS4yOSAyOS4yOSA1Ny41NzMgNTEuNzE0IDgwSDIwdjQwaDMxLjcxNUwyOS4yOSAxNDIuNDI2bDI4LjI4NCAyOC4yODVMODAgMTQ4LjI4NlYxODBoNDB2LTMxLjcxNWwyMi40MjYgMjIuNDI2IDI4LjI4NS0yOC4yODRMMTQ4LjI4NiAxMjBIMTgwVjgwaC0zMS43MTVsMjIuNDI2LTIyLjQyNi0yOC4yODQtMjguMjg1TDEyMCA1MS43MTRWMjBIODB6bTIwIDU4LjAzM0EyMS45NjYgMjEuOTY2IDAgMCAxIDEyMS45NjcgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDEyMS45NjcgMjEuOTY2IDIxLjk2NiAwIDAgMSA3OC4wMzMgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDc4LjAzM3oiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDI0LjY0NUwyNC42NDUgNjguNzg3djYyLjQyNmw0NC4xNDIgNDQuMTQyaDYyLjQyNmw0NC4xNDItNDQuMTQyVjY4Ljc4N2wtNDQuMTQyLTQ0LjE0MnpNODggNjcuODU3aDI0Vjg4aDIwLjE0M3YyNEgxMTJ2MjAuMTQzSDg4VjExMkg2Ny44NTdWODhIODh6IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNDAgNDB2MTIwaDEyMFY0MEg0MHptNDAgNDBoNDB2NDBIODBWODB6IiB0cmFuc2Zvcm09Im1hdHJpeCguOSAwIDAgLjkgMTEuOCAxMS44KSIgZmlsbD0iIzMzMyIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNMzUuNSAxMjIuODRWNzkuNTY0bDExMi42Ny00Ni41MDggMTUuMjYyIDM2Ljk3My03NS41MTUgMzEuMTcyIDc1LjUxNSAzMS4xNy0xNS4yNjIgMzYuOTc1eiIgZmlsbD0iIzMzMyIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVqb2luPSJiZXZlbCIgZmlsdGVyPSJ1cmwoI2EpIi8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDQwLjUwM0wxMDAgNzEuNzE2bDMxLjIxMy0zMS4yMTMgMzUuMzU2LTcuMDcyLTcuMDczIDM1LjM1N0wxMjguMjg0IDEwMGwzMS4yMTMgMzEuMjEzIDcuMDcyIDM1LjM1Ni0zNS4zNTctNy4wNzNMMTAwIDEyOC4yODRsLTMxLjIxMyAzMS4yMTMtMzUuMzU2IDcuMDcyIDcuMDczLTM1LjM1N0w3MS43MTYgMTAwIDQwLjUwMyA2OC43ODcgMzMuNDMgMzMuNDN6IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNzUgMTVoNTB2NjBoNjB2NTBoLTYwdjYwSDc1di02MEgxNVY3NWg2MHoiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNODAgMjB2MzEuNzE1TDU3LjU3NCAyOS4yOSAyOS4yOSA1Ny41NzMgNTEuNzE0IDgwSDIwdjQwaDMxLjcxNUwyOS4yOSAxNDIuNDI2bDI4LjI4NCAyOC4yODVMODAgMTQ4LjI4NlYxODBoNDB2LTMxLjcxNWwyMi40MjYgMjIuNDI2IDI4LjI4NS0yOC4yODRMMTQ4LjI4NiAxMjBIMTgwVjgwaC0zMS43MTVsMjIuNDI2LTIyLjQyNi0yOC4yODQtMjguMjg1TDEyMCA1MS43MTRWMjBIODB6bTIwIDU4LjAzM0EyMS45NjYgMjEuOTY2IDAgMCAxIDEyMS45NjcgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDEyMS45NjcgMjEuOTY2IDIxLjk2NiAwIDAgMSA3OC4wMzMgMTAwIDIxLjk2NiAyMS45NjYgMCAwIDEgMTAwIDc4LjAzM3oiIGZpbGw9IiMzMzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lam9pbj0iYmV2ZWwiIGZpbHRlcj0idXJsKCNhKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1MCUiIGhlaWdodD0iMTUwJSI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgc3RkRGV2aWF0aW9uPSIzIiByZXN1bHQ9ImJsdXIiLz48ZmVDb2xvck1hdHJpeCBpbj0iYmx1ciIgdmFsdWVzPSIyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAyIDAgMCAwIDAgMCAwLjUgMCIgcmVzdWx0PSJibHVyQWxwaGEiLz48ZmVPZmZzZXQgaW49ImJsdXJBbHBoYSIgZHg9IjQuNSIgZHk9IjQuNSIgcmVzdWx0PSJvZmZzZXRCbHVyIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0ib2Zmc2V0Qmx1ciIvPjwvZmlsdGVyPjwvZGVmcz48Zz48cGF0aCBkPSJNNjguNzg3IDI0LjY0NUwyNC42NDUgNjguNzg3djYyLjQyNmw0NC4xNDIgNDQuMTQyaDYyLjQyNmw0NC4xNDItNDQuMTQyVjY4Ljc4N2wtNDQuMTQyLTQ0LjE0MnpNODggNjcuODU3aDI0Vjg4aDIwLjE0M3YyNEgxMTJ2MjAuMTQzSDg4VjExMkg2Ny44NTdWODhIODh6IiBmaWxsPSIjMzMzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWx0ZXI9InVybCgjYSkiLz48L2c+PC9zdmc+'); }
--- a/public/stylesheets/piece/spatial.css
+++ b/public/stylesheets/piece/spatial.css
@ -1,12 +1,12 @@
-body.base .is2d .cg-piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjcxOC4zMyIgeDI9IjY3MS4zMyIgeTE9IjU0MS42NyIgeDE9IjI1MC4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9IjY0NC42NyIgeDE9IjI2NS4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0ibTYzNi42NyA2MDVjMCAxMDIuMTctODEuMzMgMTg1LTE4MS42NyAxODUtMTAwLjMzIDAtMTgxLjY3LTgyLjgzLTE4MS42Ny0xODUgMC0xMDIuMTcgODEuMzMtMTg1IDE4MS42Ny0xODUgMTAwLjMzIDAgMTgxLjY3IDgyLjgzIDE4MS42NyAxODV6IiB0cmFuc2Zvcm09Im1hdHJpeCguMjI4NTcgMCAwIC4yMjg1Ny0zLjA1LjM3OCkiIG9wYWNpdHk9Ii45OSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9InVybCgjMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjM4OC44NCIgeDI9Ijk2OS44NyIgeTE9IjI1OC41NSIgeDE9IjgzNy44NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9Ijk3NC41NiIgeDE9IjgyNy45MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0ibTg4NiAyMjAuMjNjLS4zODYgMjYuNTk2Ljk3MyAxNi41NTItMTUuODEgNC4yNzQgMi41OSAxNy4zNDkuODMyIDE3LjkyMS0zLjY1MiAyNS4zNDUtMi40NTQgNC4wNjMtNC42MTYgMTYuODU2LTYuMTUyIDE5LjY3Ni05LjMwNCAxNy4wOS0zMC42NzEgMzkuMzktMzAuNjM0IDQ2LjY2Ni4wNDcgOS4yMDUgMTAuOTk1IDE3LjQ0NSAyMS4wMSA3LjcxMS05LjM2OSAxMy43MTYgMTguOTE4LS4wNjIgMzAuNzczLTguNTIyIDE1LjY5MiA5LjY2IDM3LjYxNC0uOTExIDM4LjAyLTE2LjQzMiA3LjE0MSAzNS4xMS01OS41NCA0MS4yMS02My4xIDg2Ljc0IDQ5LjY5NyAxMS4zNDUgNzcuMzgtMjUuNjE3IDEwNy42NyAyLjk2NSAxNS40ODUtNDQuODk4IDE2LjkxNC0xMTkuOTUtNTUuMDctMTQ4LjA4LTkuNzg0LTMuODI0LTEzLjg5NC0xMy42NjItMjMuMDUtMjAuMzQzem0tLjMgNDkuNTNjLTEuNjI3IDIuMzA4LTUuMDUgNi4wNzYtOC4wNSA1LjUyNC0yLjc3Ni0uNTEtMy44OTItMS40NTEtNC4wMi00LjczOC0uMTA4LTIuNzY4IDkuNjk5LTIuNjc4IDEyLjA3LS43ODd6IiBmaWxsPSJ1cmwoIzApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0idXJsKCMxKSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAwLTIwMCkiLz48L3N2Zz4='); }
-body.base .is2d .cg-piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MjkuOTQiIHkxPSIzMDIuNTkiIHgyPSI3NjQuNTgiIHkyPSIzNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeDI9IjcxNy45NyIgeDE9IjY4MS42OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJBIiB4bGluazpocmVmPSIjMyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjU2LjIzIiB4Mj0iNzM3LjY3Ii8+PGxpbmVhckdyYWRpZW50IHkyPSIyNTEuNTQiIHgyPSI3MTQuNTQiIHkxPSIyMzkuMzUiIHgxPSI2NzMuNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iOSIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjY0NC4yMyIgeDI9Ijc1NC4wMiIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjk5LjMiIHgyPSI3NjYuNTYiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYzMi4yMiIgeTE9IjMwMi41OSIgeDI9Ijc2Ni44NiIgeTI9IjM0My4zNSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjI4LjExIiB5MT0iMzAyLjU5IiB4Mj0iNzYyLjc1IiB5Mj0iMzQzLjM1Ii8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjMyLjIyIiB4Mj0iNjk5LjQ4Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MDAtMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im02OTcuNjYgMzU4LjA3Yy0xLjIyMyAyLjQ0Ni02My42IDMzLjAyLTYzLjYgMzMuMDJsNTEuNTQtNi41MjMgMTIuMDYtMjYuNTAxeiIgZmlsbD0idXJsKCMwKSIgc3Ryb2tlPSJ1cmwoIzIpIi8+PHBhdGggZD0ibTcwMS4xMyAzNTguMDdjMS4yMjMgMi40NDYgNjMuNiAzMy4wMiA2My42IDMzLjAybC01NC41OS02LjUyMy05LjAxLTI2LjUwMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxnIGZpbGw9InVybCgjNikiPjxwYXRoIGQ9Im02NzUuMDMgMzQyLjIyYy0xLjM3NiAyLjc1MS0xNi45NzIgMTkuMzE3LTE2Ljk3MiAxOS4zMTdsNzcuNzggNS4zNTMtMTkuODI1LTMyLjE1LTQwLjk4NSA3LjQ4M3oiIHN0cm9rZT0idXJsKCM3KSIvPjxwYXRoIGQ9Im02OTguNzIgMjM1LjYzYy0xLjM3NSAyLjc1MS01Mi42NjQgMTE1LjQ2LTUyLjY2NCAxMTUuNDZsMTA2LjEzLTkuMzQ4LTUzLjQ3LTEwNi4xMXptMTAuMzIyIDM1Ljc0Nmw4LjEwNSAxNy43Ni00MS44MSA0MS40MWMwIDAgMzIuMzMtNTYuNDIgMzMuNzA1LTU5LjE3eiIgc3Ryb2tlPSJ1cmwoIzgpIi8+PC9nPjxwYXRoIGQ9Im02OTkuMTggMjE2Ljc1Yy0xLjM3NiAyLjc1MS0xNS42NiAyNi4wNy0xNS42NiAyNi4wN2wzMi42MTggNS4wMy0xNi45NTgtMzEuMXoiIGZpbGw9InVybCgjOSkiIHN0cm9rZT0idXJsKCNBKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMyIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MzUuNSIgeDI9IjUzMC45NyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTQwLjY1IiB4Mj0iNTczLjI2Ii8+PGxpbmVhckdyYWRpZW50IHgyPSI1NjQuODgiIHgxPSI1MzkuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ4MS4yMiIgeDI9IjUxOC4wMiIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDI2Ljc0IiB4Mj0iNDY2LjIxIi8+PGxpbmVhckdyYWRpZW50IGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQyMC4yOCIgeTE9IjI2NS40MyIgeDI9IjU3Ni40OSIgeTI9IjM3MS41NiI+PHN0b3Agc3RvcC1jb2xvcj0iI2VkZTNkZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QwYjA5MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSIyIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ1Mi4yNyIgeDI9IjU1MC40Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MDAtMjAwKSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIHN0cm9rZT0idXJsKCMxKSIgZD0ibTQ1NC4xIDI3MC41NWg5NC40OHYxMDkuNzFoLTk0LjQ4eiIvPjxwYXRoIHN0cm9rZT0idXJsKCMzKSIgZD0ibTQyOC41NyAyNDAuMDhoMzUuODF2MzYuOTUzaC0zNS44MXoiLz48cGF0aCBzdHJva2U9InVybCgjNCkiIGQ9Im00ODMuMDUgMjQ4LjA4aDMzLjE0djE1LjYxOWgtMzMuMTR6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzUpIiBkPSJtNTQyLjQ4IDIzMS4zMWgyOC45NTN2NTUuNjE5aC0yOC45NTN6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzYpIiBkPSJtNDM3LjMzIDM3MS4yaDkxLjgxdjE1LjIzOGgtOTEuODF6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzcpIiBkPSJtNTQwLjk1IDM1Ny4xMWgyMi4xdjI5LjcxNGgtMjIuMXoiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgyPSIzNTEuMjQiIHgxPSIyNDUuNDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNiIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIxOC4zMSIgeDI9IjM4Mi45OCIvPjxsaW5lYXJHcmFkaWVudCB4Mj0iMzUxLjI0IiB4MT0iMjQ1LjQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjciIHhsaW5rOmhyZWY9IiMzIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyMzguMTIiIHkxPSIyNTQuODMiIHgyPSIzNjQuMzIiIHkyPSIzNzAuNjQiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjY1LjI5IiB5MT0iMjY1LjYzIiB4Mj0iMzA2LjY3IiB5Mj0iMzM0LjIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1Mi4zNCIgeDI9IjM1My4xNCIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2VkZTNkZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QwYjA5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDAtMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im0zNTEuMzEgMjM0LjI2Yy00Ny44NTkgMTQzLjQtNTUuMjUgMTQzLjY3LTk3LjE0LjY3OS0uMjU4IDU4LjI3IDcuNDkyIDk5LjI2IDE4LjcyMSAxMjNoNTQuNDFjMTIuMzA3LTIzLjg1MSAyMS44NC02NS4wOSAyNC4wMS0xMjMuNjh6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMzAyLjU1IDIyNC40OGMtMTcuMzY4IDk0LjExLTguODQ3IDE5NC45OC04Mi40MSA0Mi41ODYgMi41MTcgNDYuNTkzIDEzLjQ0NCA3OS42MSAzMi44MjEgOTguODhoOTEuOWMxOS43NDQtMTkuMDMgMzEuNzEtNTEuNTMgMzYuMjktOTcuNjUtNzAuMjUgMTUyLjQzLTY0LjE1IDUwLjM4LTc4LjYxLTQzLjgxNHoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTI0Ny4zMSAzNzMuMTFoMTAyLjF2MTQuODU3aC0xMDIuMXoiLz48L2c+PC9zdmc+'); }
-body.base .is2d .cg-piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHkyPSIzNzguMDEiIHgyPSIxNjAuNjIiIHkxPSIzNzcuNTIiIHgxPSIzNy4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSI2IiB4bGluazpocmVmPSIjMSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTkuNDA3IiB4Mj0iMTgyLjQ2Ii8+PGxpbmVhckdyYWRpZW50IHgyPSIxNTYuODgiIHgxPSI0My41MDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzMiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0LjMiIHkxPSIyNTguMzQiIHgyPSIxNTguNjMiIHkyPSIzNjkuMTYiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODUuNzMiIHkxPSIyNDAuMzIiIHgyPSIxMjIuNDIiIHkyPSIyNzAuNjEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcyLjMyIiB4Mj0iMTI5Ljg3Ii8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC0yMDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzLjY1NyI+PHBhdGggZD0ibTkyLjEyIDIyNS4xNHYxMy42MjloLTE3Ljk2NHYxNS41NWgxNy45NjR2MjcuOTkzaDE0LjM0M3YtMjcuOTkzaDIxLjU3OXYtMTUuNTVoLTIxLjU3OXYtMTMuNjI5aC0xNC4zNDN6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMTE2Ljc3IDMwNS40MWM0NS42NTQtMjQuNDE5IDMxLjAyIDIyLjEgOC4zNjcgMzYuNDgyLTE0LjU5NyA5LjI2NS0yMi4yMy0yNS42OTUtMTQuNDg2LTUxLjk1bC0xOS41NjQuMjM2YzcuMjE0IDIzLjIzIDIuODE1IDU4LjkzOC0xMy4wNiA1MS43MTQtMjguMjctMTIuODY3LTM4Ljc4Mi02MC4yMSA2LjM1Ni0zNi40NjEtMjYuMDgtNTMuMzItNjYuNzEtMzIuOTMyLTYyLjg5OS01LjgzMiA0LjE0MSAyOS40MzggMzcuNzQgNTUuOTI3IDM3LjA2IDY3LjczaDg0LjMxYy0xLjM1MS0xMy42NzMgMzYuNTUxLTQxLjc5MyAzNy43NjQtNjguNTMgMS4xNjQtMjYuMTYtNDMuOTgzLTQ2LjQyLTYzLjg0NiA2LjYxMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTQ1LjMzIDM3My4zM2gxMDkuNzF2MTUuMjM4aC0xMDkuNzF6Ii8+PC9nPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjcxOC4zMyIgeDI9IjY3MS4zMyIgeTE9IjU0MS42NyIgeDE9IjI1MC4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9IjY0NC42NyIgeDE9IjI2NS4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoLjIyODU3IDAgMCAuMjI4NTctMy4wNS4zNzgpIiBkPSJtNjM2LjY3IDYwNWMwIDEwMi4xNy04MS4zMyAxODUtMTgxLjY3IDE4NS0xMDAuMzMgMC0xODEuNjctODIuODMtMTgxLjY3LTE4NSAwLTEwMi4xNyA4MS4zMy0xODUgMTgxLjY3LTE4NSAxMDAuMzMgMCAxODEuNjcgODIuODMgMTgxLjY3IDE4NXoiIG9wYWNpdHk9Ii45OSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9InVybCgjMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg=='); }
-body.base .is2d .cg-piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjE4OC44NCIgeDI9Ijk2OS44NyIgeTE9IjU4LjU1IiB4MT0iODM3Ljg3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjAiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MDUwNzAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4Mj0iOTc0LjU2IiB4MT0iODI3LjkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJtODg2IDIwLjIyOWMtLjM4NiAyNi41OTYuOTczIDE2LjU1Mi0xNS44MSA0LjI3NCAyLjU5IDE3LjM0OS44MzIgMTcuOTIxLTMuNjUyIDI1LjM0NS0yLjQ1NCA0LjA2My00LjYxNiAxNi44NTYtNi4xNTIgMTkuNjc2LTkuMzA0IDE3LjA5LTMwLjY3MSAzOS4zOS0zMC42MzQgNDYuNjY2LjA0NyA5LjIwNSAxMC45OTUgMTcuNDQ1IDIxLjAxIDcuNzExLTkuMzY5IDEzLjcxNiAxOC45MTgtLjA2MiAzMC43NzMtOC41MjIgMTUuNjkyIDkuNjYgMzcuNjE0LS45MTEgMzguMDItMTYuNDMyIDcuMTQxIDM1LjExLTU5LjU0IDQxLjIxLTYzLjEgODYuNzQgNDkuNjk3IDExLjM0NSA3Ny4zOC0yNS42MTcgMTA3LjY3IDIuOTY1IDE1LjQ4NS00NC44OTggMTYuOTE0LTExOS45NS01NS4wNy0xNDguMDgtOS43ODQtMy44MjQtMTMuODk0LTEzLjY2Mi0yMy4wNS0yMC4zNDN6bS0uMyA0OS41M2MtMS42MjcgMi4zMDgtNS4wNSA2LjA3Ni04LjA1IDUuNTI0LTIuNzc2LS41MS0zLjg5Mi0xLjQ1MS00LjAyLTQuNzM4LS4xMDgtMi43NjggOS42OTktMi42NzggMTIuMDctLjc4N3oiIGZpbGw9InVybCgjMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJ1cmwoIzEpIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDApIi8+PC9zdmc+'); }
-body.base .is2d .cg-piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MjkuOTQiIHkxPSIxMDIuNTkiIHgyPSI3NjQuNTgiIHkyPSIxNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeDI9IjcxNy45NyIgeDE9IjY4MS42OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJBIiB4bGluazpocmVmPSIjMyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjciIHgxPSI2NTYuMjMiIHgyPSI3MzcuNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHkyPSI1MS41NCIgeDI9IjcxNC41NCIgeTE9IjM5LjM1IiB4MT0iNjczLjc1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjkiIHhsaW5rOmhyZWY9IiMxIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMzIiBpZD0iOCIgeDE9IjY0NC4yMyIgeDI9Ijc1NC4wMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiB4MT0iNjk5LjMiIHgyPSI3NjYuNTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MzIuMjIiIHkxPSIxMDIuNTkiIHgyPSI3NjYuODYiIHkyPSIxNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYyOC4xMSIgeTE9IjEwMi41OSIgeDI9Ijc2Mi43NSIgeTI9IjE0My4zNSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMSI+PHN0b3AvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUwNTA3MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSIzIj48c3RvcCBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiB4MT0iNjMyLjIyIiB4Mj0iNjk5LjQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im02OTcuNjYgMTU4LjA3Yy0xLjIyMyAyLjQ0Ni02My42IDMzLjAyLTYzLjYgMzMuMDJsNTEuNTQtNi41MjMgMTIuMDYtMjYuNTAxeiIgZmlsbD0idXJsKCMwKSIgc3Ryb2tlPSJ1cmwoIzIpIi8+PHBhdGggZD0ibTcwMS4xMyAxNTguMDdjMS4yMjMgMi40NDYgNjMuNiAzMy4wMiA2My42IDMzLjAybC01NC41OS02LjUyMy05LjAxLTI2LjUwMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxnIGZpbGw9InVybCgjNikiPjxwYXRoIGQ9Im02NzUuMDMgMTQyLjIyYy0xLjM3NiAyLjc1MS0xNi45NzIgMTkuMzE3LTE2Ljk3MiAxOS4zMTdsNzcuNzggNS4zNTMtMTkuODI1LTMyLjE1LTQwLjk4NSA3LjQ4M3oiIHN0cm9rZT0idXJsKCM3KSIvPjxwYXRoIGQ9Im02OTguNzIgMzUuNjMzYy0xLjM3NSAyLjc1MS01Mi42NjQgMTE1LjQ2LTUyLjY2NCAxMTUuNDZsMTA2LjEzLTkuMzQ4LTUzLjQ3LTEwNi4xMXptMTAuMzIyIDM1Ljc0Nmw4LjEwNSAxNy43Ni00MS44MSA0MS40MWMwIDAgMzIuMzMtNTYuNDIgMzMuNzA1LTU5LjE3eiIgc3Ryb2tlPSJ1cmwoIzgpIi8+PC9nPjxwYXRoIGQ9Im02OTkuMTggMTYuNzUxYy0xLjM3NiAyLjc1MS0xNS42NiAyNi4wNy0xNS42NiAyNi4wN2wzMi42MTggNS4wMy0xNi45NTgtMzEuMXoiIGZpbGw9InVybCgjOSkiIHN0cm9rZT0idXJsKCNBKSIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMyIiBpZD0iNiIgeDE9IjQzNS41IiB4Mj0iNTMwLjk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjUiIHgxPSI1NDAuNjUiIHgyPSI1NzMuMjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHgyPSI1NjQuODgiIHgxPSI1MzkuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSI0IiB4MT0iNDgxLjIyIiB4Mj0iNTE4LjAyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjMiIHgxPSI0MjYuNzQiIHgyPSI0NjYuMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQyMC4yOCIgeTE9IjY1LjQzIiB4Mj0iNTc2LjQ5IiB5Mj0iMTcxLjU2Ij48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IjIiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjEiIHgxPSI0NTIuMjciIHgyPSI1NTAuNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwMCkiIGZpbGw9InVybCgjMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3Ij48cGF0aCBzdHJva2U9InVybCgjMSkiIGQ9Im00NTQuMSA3MC41NWg5NC40OHYxMDkuNzFoLTk0LjQ4eiIvPjxwYXRoIHN0cm9rZT0idXJsKCMzKSIgZD0ibTQyOC41NyA0MC4wOGgzNS44MXYzNi45NTJoLTM1LjgxeiIvPjxwYXRoIHN0cm9rZT0idXJsKCM0KSIgZD0ibTQ4My4wNSA0OC4wOGgzMy4xNHYxNS42MTloLTMzLjE0eiIvPjxwYXRoIHN0cm9rZT0idXJsKCM1KSIgZD0ibTU0Mi40OCAzMS4zMWgyOC45NTN2NTUuNjE5aC0yOC45NTN6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzYpIiBkPSJtNDM3LjMzIDE3MS4yaDkxLjgxdjE1LjIzOGgtOTEuODF6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzcpIiBkPSJtNTQwLjk1IDE1Ny4xaDIyLjF2MjkuNzE0aC0yMi4xeiIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgyPSIzNTEuMjQiIHgxPSIyNDUuNDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNiIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiB4MT0iMjE4LjMxIiB4Mj0iMzgyLjk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4Mj0iMzUxLjI0IiB4MT0iMjQ1LjQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjciIHhsaW5rOmhyZWY9IiMzIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNCIgeDE9IjIzOC4xMiIgeTE9IjU0LjgzMiIgeDI9IjM2NC4zMiIgeTI9IjE3MC42NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIHgxPSIyNjUuMjkiIHkxPSI2NS42MyIgeDI9IjMwNi42NyIgeTI9IjEzNC4yIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjIiIHgxPSIyNTIuMzQiIHgyPSIzNTMuMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3Ij48cGF0aCBkPSJtMzUxLjMxIDM0LjI2Yy00Ny44NTkgMTQzLjQtNTUuMjUgMTQzLjY3LTk3LjE0LjY3OS0uMjU4IDU4LjI3IDcuNDkyIDk5LjI2IDE4LjcyMSAxMjNoNTQuNDFjMTIuMzA3LTIzLjg1MSAyMS44NC02NS4wOSAyNC4wMS0xMjMuNjh6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMzAyLjU1IDI0LjQ4MWMtMTcuMzY4IDk0LjExLTguODQ3IDE5NC45OC04Mi40MSA0Mi41ODYgMi41MTcgNDYuNTkzIDEzLjQ0NCA3OS42MSAzMi44MjEgOTguODhoOTEuOWMxOS43NDQtMTkuMDMgMzEuNzEtNTEuNTMgMzYuMjktOTcuNjUtNzAuMjUgMTUyLjQzLTY0LjE1IDUwLjM4LTc4LjYxLTQzLjgxNHoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTI0Ny4zMSAxNzMuMWgxMDIuMXYxNC44NTdoLTEwMi4xeiIvPjwvZz48L3N2Zz4='); }
-body.base .is2d .cg-piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHkyPSIxNzguMDEiIHgyPSIxNjAuNjIiIHkxPSIxNzcuNTIiIHgxPSIzNy4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSI2IiB4bGluazpocmVmPSIjMSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIHgxPSIxOS40MDciIHgyPSIxODIuNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHgyPSIxNTYuODgiIHgxPSI0My41MDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzMiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0LjMiIHkxPSI1OC4zNCIgeDI9IjE1OC42MyIgeTI9IjE2OS4xNiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMyI+PHN0b3Agc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iMCIgeDE9Ijg1LjczIiB5MT0iNDAuMzIiIHgyPSIxMjIuNDIiIHkyPSI3MC42MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiB4MT0iNzIuMzIiIHgyPSIxMjkuODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im05Mi4xMiAyNS4xNHYxMy42MjloLTE3Ljk2NHYxNS41NWgxNy45NjR2MjcuOTkzaDE0LjM0M3YtMjcuOTkzaDIxLjU3OXYtMTUuNTVoLTIxLjU3OXYtMTMuNjI5aC0xNC4zNDN6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMTE2Ljc3IDEwNS40MWM0NS42NTQtMjQuNDE5IDMxLjAyIDIyLjEgOC4zNjcgMzYuNDgyLTE0LjU5NyA5LjI2NS0yMi4yMy0yNS42OTUtMTQuNDg2LTUxLjk1bC0xOS41NjQuMjM2YzcuMjE0IDIzLjIzIDIuODE1IDU4LjkzOC0xMy4wNiA1MS43MTQtMjguMjctMTIuODY3LTM4Ljc4Mi02MC4yMSA2LjM1Ni0zNi40NjEtMjYuMDgtNTMuMzItNjYuNzEtMzIuOTMyLTYyLjg5OS01LjgzMiA0LjE0MSAyOS40MzggMzcuNzQgNTUuOTI3IDM3LjA2IDY3LjczaDg0LjMxYy0xLjM1MS0xMy42NzMgMzYuNTUxLTQxLjc5MyAzNy43NjQtNjguNTMgMS4xNjQtMjYuMTYtNDMuOTgzLTQ2LjQyLTYzLjg0NiA2LjYxMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTQ1LjMzIDE3My4zM2gxMDkuNzF2MTUuMjM4aC0xMDkuNzF6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.pawn.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjcxOC4zMyIgeDI9IjY3MS4zMyIgeTE9IjU0MS42NyIgeDE9IjI1MC4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9IjY0NC42NyIgeDE9IjI2NS4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0ibTYzNi42NyA2MDVjMCAxMDIuMTctODEuMzMgMTg1LTE4MS42NyAxODUtMTAwLjMzIDAtMTgxLjY3LTgyLjgzLTE4MS42Ny0xODUgMC0xMDIuMTcgODEuMzMtMTg1IDE4MS42Ny0xODUgMTAwLjMzIDAgMTgxLjY3IDgyLjgzIDE4MS42NyAxODV6IiB0cmFuc2Zvcm09Im1hdHJpeCguMjI4NTcgMCAwIC4yMjg1Ny0zLjA1LjM3OCkiIG9wYWNpdHk9Ii45OSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9InVybCgjMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg=='); }
+body.base .is2d piece.knight.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjM4OC44NCIgeDI9Ijk2OS44NyIgeTE9IjI1OC41NSIgeDE9IjgzNy44NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9Ijk3NC41NiIgeDE9IjgyNy45MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0ibTg4NiAyMjAuMjNjLS4zODYgMjYuNTk2Ljk3MyAxNi41NTItMTUuODEgNC4yNzQgMi41OSAxNy4zNDkuODMyIDE3LjkyMS0zLjY1MiAyNS4zNDUtMi40NTQgNC4wNjMtNC42MTYgMTYuODU2LTYuMTUyIDE5LjY3Ni05LjMwNCAxNy4wOS0zMC42NzEgMzkuMzktMzAuNjM0IDQ2LjY2Ni4wNDcgOS4yMDUgMTAuOTk1IDE3LjQ0NSAyMS4wMSA3LjcxMS05LjM2OSAxMy43MTYgMTguOTE4LS4wNjIgMzAuNzczLTguNTIyIDE1LjY5MiA5LjY2IDM3LjYxNC0uOTExIDM4LjAyLTE2LjQzMiA3LjE0MSAzNS4xMS01OS41NCA0MS4yMS02My4xIDg2Ljc0IDQ5LjY5NyAxMS4zNDUgNzcuMzgtMjUuNjE3IDEwNy42NyAyLjk2NSAxNS40ODUtNDQuODk4IDE2LjkxNC0xMTkuOTUtNTUuMDctMTQ4LjA4LTkuNzg0LTMuODI0LTEzLjg5NC0xMy42NjItMjMuMDUtMjAuMzQzem0tLjMgNDkuNTNjLTEuNjI3IDIuMzA4LTUuMDUgNi4wNzYtOC4wNSA1LjUyNC0yLjc3Ni0uNTEtMy44OTItMS40NTEtNC4wMi00LjczOC0uMTA4LTIuNzY4IDkuNjk5LTIuNjc4IDEyLjA3LS43ODd6IiBmaWxsPSJ1cmwoIzApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0idXJsKCMxKSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODAwLTIwMCkiLz48L3N2Zz4='); }
+body.base .is2d piece.bishop.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MjkuOTQiIHkxPSIzMDIuNTkiIHgyPSI3NjQuNTgiIHkyPSIzNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeDI9IjcxNy45NyIgeDE9IjY4MS42OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJBIiB4bGluazpocmVmPSIjMyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjU2LjIzIiB4Mj0iNzM3LjY3Ii8+PGxpbmVhckdyYWRpZW50IHkyPSIyNTEuNTQiIHgyPSI3MTQuNTQiIHkxPSIyMzkuMzUiIHgxPSI2NzMuNzUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iOSIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjY0NC4yMyIgeDI9Ijc1NC4wMiIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjk5LjMiIHgyPSI3NjYuNTYiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYzMi4yMiIgeTE9IjMwMi41OSIgeDI9Ijc2Ni44NiIgeTI9IjM0My4zNSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjI4LjExIiB5MT0iMzAyLjU5IiB4Mj0iNzYyLjc1IiB5Mj0iMzQzLjM1Ii8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNjMyLjIyIiB4Mj0iNjk5LjQ4Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MDAtMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im02OTcuNjYgMzU4LjA3Yy0xLjIyMyAyLjQ0Ni02My42IDMzLjAyLTYzLjYgMzMuMDJsNTEuNTQtNi41MjMgMTIuMDYtMjYuNTAxeiIgZmlsbD0idXJsKCMwKSIgc3Ryb2tlPSJ1cmwoIzIpIi8+PHBhdGggZD0ibTcwMS4xMyAzNTguMDdjMS4yMjMgMi40NDYgNjMuNiAzMy4wMiA2My42IDMzLjAybC01NC41OS02LjUyMy05LjAxLTI2LjUwMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxnIGZpbGw9InVybCgjNikiPjxwYXRoIGQ9Im02NzUuMDMgMzQyLjIyYy0xLjM3NiAyLjc1MS0xNi45NzIgMTkuMzE3LTE2Ljk3MiAxOS4zMTdsNzcuNzggNS4zNTMtMTkuODI1LTMyLjE1LTQwLjk4NSA3LjQ4M3oiIHN0cm9rZT0idXJsKCM3KSIvPjxwYXRoIGQ9Im02OTguNzIgMjM1LjYzYy0xLjM3NSAyLjc1MS01Mi42NjQgMTE1LjQ2LTUyLjY2NCAxMTUuNDZsMTA2LjEzLTkuMzQ4LTUzLjQ3LTEwNi4xMXptMTAuMzIyIDM1Ljc0Nmw4LjEwNSAxNy43Ni00MS44MSA0MS40MWMwIDAgMzIuMzMtNTYuNDIgMzMuNzA1LTU5LjE3eiIgc3Ryb2tlPSJ1cmwoIzgpIi8+PC9nPjxwYXRoIGQ9Im02OTkuMTggMjE2Ljc1Yy0xLjM3NiAyLjc1MS0xNS42NiAyNi4wNy0xNS42NiAyNi4wN2wzMi42MTggNS4wMy0xNi45NTgtMzEuMXoiIGZpbGw9InVybCgjOSkiIHN0cm9rZT0idXJsKCNBKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.rook.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMyIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MzUuNSIgeDI9IjUzMC45NyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTQwLjY1IiB4Mj0iNTczLjI2Ii8+PGxpbmVhckdyYWRpZW50IHgyPSI1NjQuODgiIHgxPSI1MzkuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ4MS4yMiIgeDI9IjUxOC4wMiIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDI2Ljc0IiB4Mj0iNDY2LjIxIi8+PGxpbmVhckdyYWRpZW50IGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQyMC4yOCIgeTE9IjI2NS40MyIgeDI9IjU3Ni40OSIgeTI9IjM3MS41NiI+PHN0b3Agc3RvcC1jb2xvcj0iI2VkZTNkZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QwYjA5MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSIyIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ1Mi4yNyIgeDI9IjU1MC40Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MDAtMjAwKSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIHN0cm9rZT0idXJsKCMxKSIgZD0ibTQ1NC4xIDI3MC41NWg5NC40OHYxMDkuNzFoLTk0LjQ4eiIvPjxwYXRoIHN0cm9rZT0idXJsKCMzKSIgZD0ibTQyOC41NyAyNDAuMDhoMzUuODF2MzYuOTUzaC0zNS44MXoiLz48cGF0aCBzdHJva2U9InVybCgjNCkiIGQ9Im00ODMuMDUgMjQ4LjA4aDMzLjE0djE1LjYxOWgtMzMuMTR6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzUpIiBkPSJtNTQyLjQ4IDIzMS4zMWgyOC45NTN2NTUuNjE5aC0yOC45NTN6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzYpIiBkPSJtNDM3LjMzIDM3MS4yaDkxLjgxdjE1LjIzOGgtOTEuODF6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzcpIiBkPSJtNTQwLjk1IDM1Ny4xMWgyMi4xdjI5LjcxNGgtMjIuMXoiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.queen.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgyPSIzNTEuMjQiIHgxPSIyNDUuNDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNiIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjIxOC4zMSIgeDI9IjM4Mi45OCIvPjxsaW5lYXJHcmFkaWVudCB4Mj0iMzUxLjI0IiB4MT0iMjQ1LjQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjciIHhsaW5rOmhyZWY9IiMzIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyMzguMTIiIHkxPSIyNTQuODMiIHgyPSIzNjQuMzIiIHkyPSIzNzAuNjQiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjY1LjI5IiB5MT0iMjY1LjYzIiB4Mj0iMzA2LjY3IiB5Mj0iMzM0LjIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI1Mi4zNCIgeDI9IjM1My4xNCIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2VkZTNkZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2QwYjA5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDAtMjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im0zNTEuMzEgMjM0LjI2Yy00Ny44NTkgMTQzLjQtNTUuMjUgMTQzLjY3LTk3LjE0LjY3OS0uMjU4IDU4LjI3IDcuNDkyIDk5LjI2IDE4LjcyMSAxMjNoNTQuNDFjMTIuMzA3LTIzLjg1MSAyMS44NC02NS4wOSAyNC4wMS0xMjMuNjh6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMzAyLjU1IDIyNC40OGMtMTcuMzY4IDk0LjExLTguODQ3IDE5NC45OC04Mi40MSA0Mi41ODYgMi41MTcgNDYuNTkzIDEzLjQ0NCA3OS42MSAzMi44MjEgOTguODhoOTEuOWMxOS43NDQtMTkuMDMgMzEuNzEtNTEuNTMgMzYuMjktOTcuNjUtNzAuMjUgMTUyLjQzLTY0LjE1IDUwLjM4LTc4LjYxLTQzLjgxNHoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTI0Ny4zMSAzNzMuMTFoMTAyLjF2MTQuODU3aC0xMDIuMXoiLz48L2c+PC9zdmc+'); }
+body.base .is2d piece.king.white { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHkyPSIzNzguMDEiIHgyPSIxNjAuNjIiIHkxPSIzNzcuNTIiIHgxPSIzNy4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSI2IiB4bGluazpocmVmPSIjMSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTkuNDA3IiB4Mj0iMTgyLjQ2Ii8+PGxpbmVhckdyYWRpZW50IHgyPSIxNTYuODgiIHgxPSI0My41MDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzMiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0LjMiIHkxPSIyNTguMzQiIHgyPSIxNTguNjMiIHkyPSIzNjkuMTYiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iODUuNzMiIHkxPSIyNDAuMzIiIHgyPSIxMjIuNDIiIHkyPSIyNzAuNjEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjcyLjMyIiB4Mj0iMTI5Ljg3Ii8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjZWRlM2RlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZDBiMDkwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC0yMDApIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzLjY1NyI+PHBhdGggZD0ibTkyLjEyIDIyNS4xNHYxMy42MjloLTE3Ljk2NHYxNS41NWgxNy45NjR2MjcuOTkzaDE0LjM0M3YtMjcuOTkzaDIxLjU3OXYtMTUuNTVoLTIxLjU3OXYtMTMuNjI5aC0xNC4zNDN6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMTE2Ljc3IDMwNS40MWM0NS42NTQtMjQuNDE5IDMxLjAyIDIyLjEgOC4zNjcgMzYuNDgyLTE0LjU5NyA5LjI2NS0yMi4yMy0yNS42OTUtMTQuNDg2LTUxLjk1bC0xOS41NjQuMjM2YzcuMjE0IDIzLjIzIDIuODE1IDU4LjkzOC0xMy4wNiA1MS43MTQtMjguMjctMTIuODY3LTM4Ljc4Mi02MC4yMSA2LjM1Ni0zNi40NjEtMjYuMDgtNTMuMzItNjYuNzEtMzIuOTMyLTYyLjg5OS01LjgzMiA0LjE0MSAyOS40MzggMzcuNzQgNTUuOTI3IDM3LjA2IDY3LjczaDg0LjMxYy0xLjM1MS0xMy42NzMgMzYuNTUxLTQxLjc5MyAzNy43NjQtNjguNTMgMS4xNjQtMjYuMTYtNDMuOTgzLTQ2LjQyLTYzLjg0NiA2LjYxMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTQ1LjMzIDM3My4zM2gxMDkuNzF2MTUuMjM4aC0xMDkuNzF6Ii8+PC9nPjwvc3ZnPg=='); }
+body.base .is2d piece.pawn.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjcxOC4zMyIgeDI9IjY3MS4zMyIgeTE9IjU0MS42NyIgeDE9IjI1MC4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDI9IjY0NC42NyIgeDE9IjI2NS4zMyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIxIj48c3RvcCBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggdHJhbnNmb3JtPSJtYXRyaXgoLjIyODU3IDAgMCAuMjI4NTctMy4wNS4zNzgpIiBkPSJtNjM2LjY3IDYwNWMwIDEwMi4xNy04MS4zMyAxODUtMTgxLjY3IDE4NS0xMDAuMzMgMC0xODEuNjctODIuODMtMTgxLjY3LTE4NSAwLTEwMi4xNyA4MS4zMy0xODUgMTgxLjY3LTE4NSAxMDAuMzMgMCAxODEuNjcgODIuODMgMTgxLjY3IDE4NXoiIG9wYWNpdHk9Ii45OSIgZmlsbD0idXJsKCMwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9InVybCgjMSkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiIvPjwvc3ZnPg=='); }
+body.base .is2d piece.knight.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeTI9IjE4OC44NCIgeDI9Ijk2OS44NyIgeTE9IjU4LjU1IiB4MT0iODM3Ljg3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjAiPjxzdG9wLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1MDUwNzAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4Mj0iOTc0LjU2IiB4MT0iODI3LjkzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjEiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJtODg2IDIwLjIyOWMtLjM4NiAyNi41OTYuOTczIDE2LjU1Mi0xNS44MSA0LjI3NCAyLjU5IDE3LjM0OS44MzIgMTcuOTIxLTMuNjUyIDI1LjM0NS0yLjQ1NCA0LjA2My00LjYxNiAxNi44NTYtNi4xNTIgMTkuNjc2LTkuMzA0IDE3LjA5LTMwLjY3MSAzOS4zOS0zMC42MzQgNDYuNjY2LjA0NyA5LjIwNSAxMC45OTUgMTcuNDQ1IDIxLjAxIDcuNzExLTkuMzY5IDEzLjcxNiAxOC45MTgtLjA2MiAzMC43NzMtOC41MjIgMTUuNjkyIDkuNjYgMzcuNjE0LS45MTEgMzguMDItMTYuNDMyIDcuMTQxIDM1LjExLTU5LjU0IDQxLjIxLTYzLjEgODYuNzQgNDkuNjk3IDExLjM0NSA3Ny4zOC0yNS42MTcgMTA3LjY3IDIuOTY1IDE1LjQ4NS00NC44OTggMTYuOTE0LTExOS45NS01NS4wNy0xNDguMDgtOS43ODQtMy44MjQtMTMuODk0LTEzLjY2Mi0yMy4wNS0yMC4zNDN6bS0uMyA0OS41M2MtMS42MjcgMi4zMDgtNS4wNSA2LjA3Ni04LjA1IDUuNTI0LTIuNzc2LS41MS0zLjg5Mi0xLjQ1MS00LjAyLTQuNzM4LS4xMDgtMi43NjggOS42OTktMi42NzggMTIuMDctLjc4N3oiIGZpbGw9InVybCgjMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJ1cmwoIzEpIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MDApIi8+PC9zdmc+'); }
+body.base .is2d piece.bishop.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MjkuOTQiIHkxPSIxMDIuNTkiIHgyPSI3NjQuNTgiIHkyPSIxNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeDI9IjcxNy45NyIgeDE9IjY4MS42OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJBIiB4bGluazpocmVmPSIjMyIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjciIHgxPSI2NTYuMjMiIHgyPSI3MzcuNjciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHkyPSI1MS41NCIgeDI9IjcxNC41NCIgeTE9IjM5LjM1IiB4MT0iNjczLjc1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjkiIHhsaW5rOmhyZWY9IiMxIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMzIiBpZD0iOCIgeDE9IjY0NC4yMyIgeDI9Ijc1NC4wMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiB4MT0iNjk5LjMiIHgyPSI3NjYuNTYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI2MzIuMjIiIHkxPSIxMDIuNTkiIHgyPSI3NjYuODYiIHkyPSIxNDMuMzUiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjYyOC4xMSIgeTE9IjEwMi41OSIgeDI9Ijc2Mi43NSIgeTI9IjE0My4zNSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMSI+PHN0b3AvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzUwNTA3MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSIzIj48c3RvcCBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjODA4MDgwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiB4MT0iNjMyLjIyIiB4Mj0iNjk5LjQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjAwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im02OTcuNjYgMTU4LjA3Yy0xLjIyMyAyLjQ0Ni02My42IDMzLjAyLTYzLjYgMzMuMDJsNTEuNTQtNi41MjMgMTIuMDYtMjYuNTAxeiIgZmlsbD0idXJsKCMwKSIgc3Ryb2tlPSJ1cmwoIzIpIi8+PHBhdGggZD0ibTcwMS4xMyAxNTguMDdjMS4yMjMgMi40NDYgNjMuNiAzMy4wMiA2My42IDMzLjAybC01NC41OS02LjUyMy05LjAxLTI2LjUwMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxnIGZpbGw9InVybCgjNikiPjxwYXRoIGQ9Im02NzUuMDMgMTQyLjIyYy0xLjM3NiAyLjc1MS0xNi45NzIgMTkuMzE3LTE2Ljk3MiAxOS4zMTdsNzcuNzggNS4zNTMtMTkuODI1LTMyLjE1LTQwLjk4NSA3LjQ4M3oiIHN0cm9rZT0idXJsKCM3KSIvPjxwYXRoIGQ9Im02OTguNzIgMzUuNjMzYy0xLjM3NSAyLjc1MS01Mi42NjQgMTE1LjQ2LTUyLjY2NCAxMTUuNDZsMTA2LjEzLTkuMzQ4LTUzLjQ3LTEwNi4xMXptMTAuMzIyIDM1Ljc0Nmw4LjEwNSAxNy43Ni00MS44MSA0MS40MWMwIDAgMzIuMzMtNTYuNDIgMzMuNzA1LTU5LjE3eiIgc3Ryb2tlPSJ1cmwoIzgpIi8+PC9nPjxwYXRoIGQ9Im02OTkuMTggMTYuNzUxYy0xLjM3NiAyLjc1MS0xNS42NiAyNi4wNy0xNS42NiAyNi4wN2wzMi42MTggNS4wMy0xNi45NTgtMzEuMXoiIGZpbGw9InVybCgjOSkiIHN0cm9rZT0idXJsKCNBKSIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.rook.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMyIiBpZD0iNiIgeDE9IjQzNS41IiB4Mj0iNTMwLjk3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjUiIHgxPSI1NDAuNjUiIHgyPSI1NzMuMjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHgyPSI1NjQuODgiIHgxPSI1MzkuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzIiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzIiIGlkPSI0IiB4MT0iNDgxLjIyIiB4Mj0iNTE4LjAyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjMiIHgxPSI0MjYuNzQiIHgyPSI0NjYuMjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQyMC4yOCIgeTE9IjY1LjQzIiB4Mj0iNTc2LjQ5IiB5Mj0iMTcxLjU2Ij48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9IjIiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMiIgaWQ9IjEiIHgxPSI0NTIuMjciIHgyPSI1NTAuNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQwMCkiIGZpbGw9InVybCgjMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3Ij48cGF0aCBzdHJva2U9InVybCgjMSkiIGQ9Im00NTQuMSA3MC41NWg5NC40OHYxMDkuNzFoLTk0LjQ4eiIvPjxwYXRoIHN0cm9rZT0idXJsKCMzKSIgZD0ibTQyOC41NyA0MC4wOGgzNS44MXYzNi45NTJoLTM1LjgxeiIvPjxwYXRoIHN0cm9rZT0idXJsKCM0KSIgZD0ibTQ4My4wNSA0OC4wOGgzMy4xNHYxNS42MTloLTMzLjE0eiIvPjxwYXRoIHN0cm9rZT0idXJsKCM1KSIgZD0ibTU0Mi40OCAzMS4zMWgyOC45NTN2NTUuNjE5aC0yOC45NTN6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzYpIiBkPSJtNDM3LjMzIDE3MS4yaDkxLjgxdjE1LjIzOGgtOTEuODF6Ii8+PHBhdGggc3Ryb2tlPSJ1cmwoIzcpIiBkPSJtNTQwLjk1IDE1Ny4xaDIyLjF2MjkuNzE0aC0yMi4xeiIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.queen.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgyPSIzNTEuMjQiIHgxPSIyNDUuNDkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNiIgeGxpbms6aHJlZj0iIzEiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSI1IiB4MT0iMjE4LjMxIiB4Mj0iMzgyLjk4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4Mj0iMzUxLjI0IiB4MT0iMjQ1LjQ5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9IjciIHhsaW5rOmhyZWY9IiMzIi8+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iNCIgeDE9IjIzOC4xMiIgeTE9IjU0LjgzMiIgeDI9IjM2NC4zMiIgeTI9IjE3MC42NCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgaWQ9IjMiPjxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4MDgwODAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMSIgaWQ9IjAiIHgxPSIyNjUuMjkiIHkxPSI2NS42MyIgeDI9IjMwNi42NyIgeTI9IjEzNC4yIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjIiIHgxPSIyNTIuMzQiIHgyPSIzNTMuMTQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwMCkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjMuNjU3Ij48cGF0aCBkPSJtMzUxLjMxIDM0LjI2Yy00Ny44NTkgMTQzLjQtNTUuMjUgMTQzLjY3LTk3LjE0LjY3OS0uMjU4IDU4LjI3IDcuNDkyIDk5LjI2IDE4LjcyMSAxMjNoNTQuNDFjMTIuMzA3LTIzLjg1MSAyMS44NC02NS4wOSAyNC4wMS0xMjMuNjh6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMzAyLjU1IDI0LjQ4MWMtMTcuMzY4IDk0LjExLTguODQ3IDE5NC45OC04Mi40MSA0Mi41ODYgMi41MTcgNDYuNTkzIDEzLjQ0NCA3OS42MSAzMi44MjEgOTguODhoOTEuOWMxOS43NDQtMTkuMDMgMzEuNzEtNTEuNTMgMzYuMjktOTcuNjUtNzAuMjUgMTUyLjQzLTY0LjE1IDUwLjM4LTc4LjYxLTQzLjgxNHoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTI0Ny4zMSAxNzMuMWgxMDIuMXYxNC44NTdoLTEwMi4xeiIvPjwvZz48L3N2Zz4='); }
+body.base .is2d piece.king.black { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDIwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHkyPSIxNzguMDEiIHgyPSIxNjAuNjIiIHkxPSIxNzcuNTIiIHgxPSIzNy4yOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSI2IiB4bGluazpocmVmPSIjMSIvPjxsaW5lYXJHcmFkaWVudCB4bGluazpocmVmPSIjMyIgaWQ9IjUiIHgxPSIxOS40MDciIHgyPSIxODIuNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IHgyPSIxNTYuODgiIHgxPSI0My41MDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBpZD0iNyIgeGxpbms6aHJlZj0iIzMiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzEiIGlkPSI0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0LjMiIHkxPSI1OC4zNCIgeDI9IjE1OC42MyIgeTI9IjE2OS4xNiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iMyI+PHN0b3Agc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHhsaW5rOmhyZWY9IiMxIiBpZD0iMCIgeDE9Ijg1LjczIiB5MT0iNDAuMzIiIHgyPSIxMjIuNDIiIHkyPSI3MC42MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiLz48bGluZWFyR3JhZGllbnQgeGxpbms6aHJlZj0iIzMiIGlkPSIyIiB4MT0iNzIuMzIiIHgyPSIxMjkuODciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+PGxpbmVhckdyYWRpZW50IGlkPSIxIj48c3RvcC8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNTA1MDcwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMy42NTciPjxwYXRoIGQ9Im05Mi4xMiAyNS4xNHYxMy42MjloLTE3Ljk2NHYxNS41NWgxNy45NjR2MjcuOTkzaDE0LjM0M3YtMjcuOTkzaDIxLjU3OXYtMTUuNTVoLTIxLjU3OXYtMTMuNjI5aC0xNC4zNDN6IiBmaWxsPSJ1cmwoIzApIiBzdHJva2U9InVybCgjMikiLz48cGF0aCBkPSJtMTE2Ljc3IDEwNS40MWM0NS42NTQtMjQuNDE5IDMxLjAyIDIyLjEgOC4zNjcgMzYuNDgyLTE0LjU5NyA5LjI2NS0yMi4yMy0yNS42OTUtMTQuNDg2LTUxLjk1bC0xOS41NjQuMjM2YzcuMjE0IDIzLjIzIDIuODE1IDU4LjkzOC0xMy4wNiA1MS43MTQtMjguMjctMTIuODY3LTM4Ljc4Mi02MC4yMSA2LjM1Ni0zNi40NjEtMjYuMDgtNTMuMzItNjYuNzEtMzIuOTMyLTYyLjg5OS01LjgzMiA0LjE0MSAyOS40MzggMzcuNzQgNTUuOTI3IDM3LjA2IDY3LjczaDg0LjMxYy0xLjM1MS0xMy42NzMgMzYuNTUxLTQxLjc5MyAzNy43NjQtNjguNTMgMS4xNjQtMjYuMTYtNDMuOTgzLTQ2LjQyLTYzLjg0NiA2LjYxMXoiIGZpbGw9InVybCgjNCkiIHN0cm9rZT0idXJsKCM1KSIvPjxwYXRoIGZpbGw9InVybCgjNikiIHN0cm9rZT0idXJsKCM3KSIgZD0ibTQ1LjMzIDE3My4zM2gxMDkuNzF2MTUuMjM4aC0xMDkuNzF6Ii8+PC9nPjwvc3ZnPg=='); }
--- a/public/stylesheets/transp.css
+++ b/public/stylesheets/transp.css
@ -55,9 +55,9 @@ body.transp #topmenu div,
 body.transp #start_buttons a,
 body.transp .analyse div.ceval_box,
 body.transp .analyse .lichess_ground .replay,
-body.transp .lichess_ground .replay .turn .index,
+body.transp .lichess_ground .replay index,
 body.transp .lichess_ground .analyse .meta,
-body.transp .lichess_ground .replay a.move:hover,
+body.transp .lichess_ground .replay move:hover,
 body.transp .lichess_ground .replay td.move:hover,
 body.transp #top .dropdown,
 body.transp #top .shown a.toggle,
--- a/ui/analyse/package.json
+++ b/ui/analyse/package.json
@ -29,7 +29,7 @@
    "watchify": "~3.1.1"
  },
  "dependencies": {
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "game": "file:../game",
    "mithril": "0.2.0"
  }
--- a/ui/analyse/src/forecast/forecastView.js
+++ b/ui/analyse/src/forecast/forecastView.js
@ -25,7 +25,7 @@ module.exports = function(ctrl) {
              e.stopPropagation();
            }
          }, 'x'),
-          m.trust(pgnExport.renderStepsHtml(steps))
+          m('sans', m.trust(pgnExport.renderStepsHtml(steps)))
        ])
      })),
      m('button', {
@ -34,7 +34,7 @@ module.exports = function(ctrl) {
        onclick: partial(fctrl.addSteps, cSteps)
      }, isCandidate ? [
        m('span', 'Add current variation'),
-        m('span', m.trust(pgnExport.renderStepsHtml(cSteps)))
+        m('span', m('sans', m.trust(pgnExport.renderStepsHtml(cSteps))))
      ] : [
        m('span', 'Play a variation to create'),
        m('span', 'conditional premoves')
--- a/ui/analyse/src/promotion.js
+++ b/ui/analyse/src/promotion.js
@ -44,13 +44,13 @@ function renderPromotion(ctrl, dest, pieces, color, orientation) {
  return m('div#promotion_choice.' + vertical, {
    onclick: partial(cancel, ctrl)
  }, pieces.map(function(serverRole, i) {
-    return m('div.cg-square', {
+    return m('square', {
      style: vertical + ': ' + i * 12.5 + '%;left: ' + left + '%',
      onclick: function(e) {
        e.stopPropagation();
        finish(ctrl, serverRole);
      }
-    }, m('div.cg-piece.' + serverRole + '.' + color));
+    }, m('piece.' + serverRole + '.' + color));
  }));
 }

--- a/ui/analyse/src/view.js
+++ b/ui/analyse/src/view.js
@ -19,10 +19,7 @@ var cevalView = require('./ceval/cevalView');

 function renderEvalTag(e) {
  return {
-    tag: 'span',
-    attrs: {
-      class: 'eval'
-    },
+    tag: 'eval',
    children: [e]
  };
 }
@ -32,22 +29,20 @@ function autoScroll(movelist) {
  if (plyEl) movelist.scrollTop = plyEl.offsetTop - movelist.offsetHeight / 2 + plyEl.offsetHeight / 2;
 }

-var emptyMove = m('em.move.empty', '...');
+var emptyMove = m('move.empty', '...');

 function renderMove(ctrl, move, path) {
  if (!move) return emptyMove;
  var pathStr = treePath.write(path);
  var eval = path[1] ? {} : (move.eval || move.ceval || {});
  return {
-    tag: 'a',
+    tag: 'move',
    attrs: {
      class: classSet({
-        'move': true,
        'active': pathStr === ctrl.vm.pathStr,
        'current': pathStr === ctrl.vm.initialPathStr
      }),
-      'data-path': pathStr,
-      'href': '#' + path[0].ply
+      'data-path': pathStr
    },
    children: [
      defined(eval.cp) ? renderEvalTag(util.renderEval(eval.cp)) : (
@ -162,20 +157,14 @@ function renderMeta(ctrl, move, path) {

 function renderIndex(txt) {
  return {
-    tag: 'span',
-    attrs: {
-      class: 'index'
-    },
+    tag: 'index',
    children: [txt]
  };
 }

-function renderTurnDiv(children) {
+function renderTurnEl(children) {
  return {
-    tag: 'div',
-    attrs: {
-      class: 'turn',
-    },
+    tag: 'turn',
    children: children
  };
 }
@ -190,20 +179,20 @@ function renderTurn(ctrl, turn, path) {
  var bMeta = renderMeta(ctrl, turn.black, bPath);
  if (wMove) {
    if (wMeta) return [
-      renderTurnDiv([index, wMove, emptyMove]),
+      renderTurnEl([index, wMove, emptyMove]),
      wMeta,
      bMove ? [
-        renderTurnDiv([index, emptyMove, bMove]),
+        renderTurnEl([index, emptyMove, bMove]),
        bMeta
      ] : null,
    ];
    return [
-      renderTurnDiv([index, wMove, bMove]),
+      renderTurnEl([index, wMove, bMove]),
      bMeta
    ];
  }
  return [
-    renderTurnDiv([index, emptyMove, bMove]),
+    renderTurnEl([index, emptyMove, bMove]),
    bMeta
  ];
 }
--- a/ui/coachMove/package.json
+++ b/ui/coachMove/package.json
@ -30,7 +30,7 @@
  },
  "dependencies": {
    "coach": "../coach",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "mithril": "0.2.0"
  }
 }
--- a/ui/coachOpening/package.json
+++ b/ui/coachOpening/package.json
@ -30,7 +30,7 @@
  },
  "dependencies": {
    "coach": "../coach",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "mithril": "0.2.0"
  }
 }
--- a/ui/editor/package.json
+++ b/ui/editor/package.json
@ -29,7 +29,7 @@
    "watchify": "~3.1.1"
  },
  "dependencies": {
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash": "~3.7.0",
    "mithril": "0.2.0"
  }
--- a/ui/editor/src/view.js
+++ b/ui/editor/src/view.js
@ -125,8 +125,8 @@ function inputs(ctrl, fen) {

 function sparePieces(ctrl, color, orientation, position) {
  return m('div.spare.' + position + '.orientation-' + orientation, ['king', 'queen', 'rook', 'bishop', 'knight', 'pawn'].map(function(role) {
-    return m('div.no-square', m('div', {
-      class: ['cg-piece', color, role].join(' '),
+    return m('div.no-square', m('piece', {
+      class: color + ' ' + role,
      'data-color': color,
      'data-role': role
    }))
--- a/ui/lobby/package.json
+++ b/ui/lobby/package.json
@ -29,7 +29,7 @@
    "watchify": "~3.1.1"
  },
  "dependencies": {
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash-node": "^2.4.1",
    "mithril": "0.2.0"
  }
--- a/ui/opening/package.json
+++ b/ui/opening/package.json
@ -30,7 +30,7 @@
  },
  "dependencies": {
    "chessli.js": "file:../chessli",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash": "~3.7.0",
    "merge": "~1.2.0",
    "mithril": "0.2.0"
--- a/ui/opening/src/view.js
+++ b/ui/opening/src/view.js
@ -25,7 +25,7 @@ function renderPlayTable(ctrl) {
      m('div.table_inner', [
        m('div.current_player',
          m('div.player.' + ctrl.data.opening.color, [
-            m('div.no-square', m('div.cg-piece.king.' + ctrl.data.opening.color)),
+            m('div.no-square', m('piece.king.' + ctrl.data.opening.color)),
            m('p', ctrl.trans('yourTurn'))
          ])
        ),
--- a/ui/puzzle/package.json
+++ b/ui/puzzle/package.json
@ -30,7 +30,7 @@
  },
  "dependencies": {
    "chessli.js": "file:../chessli",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash": "~3.7.0",
    "merge": "~1.2.0",
    "mithril": "0.2.0"
--- a/ui/puzzle/src/view.js
+++ b/ui/puzzle/src/view.js
@ -133,7 +133,7 @@ function renderPlayTable(ctrl) {
      m('div.table_inner', [
        m('div.current_player',
          m('div.player.' + ctrl.chessground.data.turnColor, [
-            m('div.no-square', m('div.cg-piece.king.' + ctrl.chessground.data.turnColor)),
+            m('div.no-square', m('piece.king.' + ctrl.chessground.data.turnColor)),
            m('p', ctrl.trans(ctrl.chessground.data.turnColor == ctrl.data.puzzle.color ? 'yourTurn' : 'waiting'))
          ])
        ),
--- a/ui/round/package.json
+++ b/ui/round/package.json
@ -29,7 +29,7 @@
    "watchify": "~3.1.1"
  },
  "dependencies": {
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "game": "file:../game",
    "mithril": "0.2.0"
  }
--- a/ui/round/src/promotion.js
+++ b/ui/round/src/promotion.js
@ -42,13 +42,13 @@ function renderPromotion(ctrl, dest, pieces, color, orientation) {
  return m('div#promotion_choice.' + vertical, {
    onclick: partial(cancel, ctrl)
  }, pieces.map(function(serverRole, i) {
-    return m('div.cg-square', {
+    return m('square', {
      style: vertical + ': ' + i * 12.5 + '%;left: ' + left + '%',
      onclick: function(e) {
        e.stopPropagation();
        finish(ctrl, serverRole);
      }
-    }, m('div.cg-piece.' + serverRole + '.' + color));
+    }, m('piece.' + serverRole + '.' + color));
  }));
 }

--- a/ui/round/src/view/main.js
+++ b/ui/round/src/view/main.js
@ -12,9 +12,9 @@ var m = require('mithril');

 function materialTag(role) {
  return {
-    tag: 'div',
+    tag: 'mono-piece',
    attrs: {
-      class: 'mono-piece ' + role
+      class: role
    }
  };
 }
@ -30,10 +30,10 @@ function renderMaterial(ctrl, material, checks) {
      content = [];
      for (var i = 0; i < count; i++) content.push(piece);
    }
-    children.push(m('div.tomb', content));
+    children.push(m('tomb', content));
  }
  for (var i = 0; i < checks; i++) {
-    children.push(m('div.tomb', m('div.mono-piece.king[title=Check]')));
+    children.push(m('tomb', m('mono-piece.king[title=Check]')));
  }
  return m('div.cemetery', children);
 }
@ -70,7 +70,7 @@ function renderVariantReminder(ctrl) {
        setTimeout(function() {
          el.remove();
        }, 600);
-      }, 500);
+      }, 800);
    }
  });
 }
@ -106,6 +106,17 @@ var emptyMaterialDiff = {
  black: []
 };

+function blursAndHolds(ctrl) {
+  var stuff = [];
+  ['blursOf', 'holdOf'].forEach(function(f) {
+    ['opponent', 'player'].forEach(function(p) {
+      var r = mod[f](ctrl, ctrl.data[p]);
+      if (r) stuff.push(r);
+    });
+  });
+  if (stuff.length) return m('div.blurs', stuff);
+}
+
 module.exports = function(ctrl) {
  var material = ctrl.data.pref.showCaptured ? chessground.board.getMaterialDiff(ctrl.chessground.data) : emptyMaterialDiff;
  return [
@ -127,9 +138,7 @@ module.exports = function(ctrl) {
    ]),
    m('div.underboard', [
      m('div.center', ctrl.chessground.data.premovable.current ? m('div.premove_alert', ctrl.trans('premoveEnabledClickAnywhereToCancel')) : null),
-      m('div.blurs', [
-        [ctrl.data.opponent, ctrl.data.player].map(partial(mod.blursOf, ctrl)), [ctrl.data.opponent, ctrl.data.player].map(partial(mod.holdOf, ctrl))
-      ])
+      blursAndHolds(ctrl)
    ])
  ];
 };
--- a/ui/round/src/view/replay.js
+++ b/ui/round/src/view/replay.js
@ -6,20 +6,19 @@ var renderStatus = require('game').view.status;
 var router = require('game').router;
 var m = require('mithril');

-var emptyTd = m('td.move', '...');
+var emptyMove = m('move', '...');

-function renderTd(step, curPly, orEmpty) {
+function renderMove(step, curPly, orEmpty) {
  return step ? {
-    tag: 'td',
-    attrs: {
-      class: 'move' + (step.ply === curPly ? ' active' : ''),
-      'data-ply': step.ply
+    tag: 'move',
+    attrs: step.ply !== curPly ? {} : {
+      class: 'active'
    },
    children: [step.san]
-  } : (orEmpty ? emptyTd : null)
+  } : (orEmpty ? emptyMove : null)
 }

-function renderResult(ctrl, asTable) {
+function renderResult(ctrl) {
  var result;
  if (status.finished(ctrl.data)) switch (ctrl.data.game.winner) {
    case 'white':
@ -33,13 +32,7 @@ function renderResult(ctrl, asTable) {
  }
  if (result || status.aborted(ctrl.data)) {
    var winner = game.getPlayer(ctrl.data, ctrl.data.game.winner);
-    return asTable ? [
-      m('tr', m('td.result[colspan=3]', result)),
-      m('tr.status', m('td[colspan=3]', [
-        renderStatus(ctrl),
-        winner ? ', ' + ctrl.trans(winner.color == 'white' ? 'whiteIsVictorious' : 'blackIsVictorious') : null
-      ]))
-    ] : [
+    return [
      m('p.result', result),
      m('p.status', [
        renderStatus(ctrl),
@ -49,7 +42,7 @@ function renderResult(ctrl, asTable) {
  }
 }

-function renderTable(ctrl) {
+function renderMoves(ctrl) {
  var steps = ctrl.data.steps;
  var firstPly = ctrl.firstPly();
  var lastPly = ctrl.lastPly();
@ -63,23 +56,18 @@ function renderTable(ctrl) {
    for (var i = 2, len = steps.length; i < len; i += 2) pairs.push([steps[i], steps[i + 1]]);
  }

-  var trs = [];
+  var rows = [];
  for (var i = 0, len = pairs.length; i < len; i++)
-    trs.push(m('tr', [
-      m('td.index', i + 1),
-      renderTd(pairs[i][0], ctrl.vm.ply, true),
-      renderTd(pairs[i][1], ctrl.vm.ply, false)
-    ]));
-  trs.push(renderResult(ctrl, true));
-
-  return m('table',
-    m('tbody', {
-        onclick: function(e) {
-          var ply = e.target.getAttribute('data-ply');
-          if (ply) ctrl.jump(parseInt(ply));
-        }
+    rows.push(m('turn', [{
+        tag: 'index',
+        children: [i + 1]
      },
-      trs));
+      renderMove(pairs[i][0], ctrl.vm.ply, true),
+      renderMove(pairs[i][1], ctrl.vm.ply, false)
+    ]));
+  rows.push(renderResult(ctrl));
+
+  return rows;
 }

 function analyseButton(ctrl) {
@ -143,7 +131,7 @@ function renderButtons(ctrl) {
 }

 function autoScroll(movelist) {
-  var plyEl = movelist.querySelector('.active') || movelist.querySelector('tr:first-child');
+  var plyEl = movelist.querySelector('.active') || movelist.querySelector('turn:first-child');
  if (plyEl) movelist.scrollTop = plyEl.offsetTop - movelist.offsetHeight / 2 + plyEl.offsetHeight / 2;
 }

@ -160,6 +148,11 @@ module.exports = function(ctrl) {
        autoScroll(el);
        if (!isUpdate) setTimeout(partial(autoScroll, el), 100);
      },
-    }, renderTable(ctrl)) : renderResult(ctrl, false)
+      onclick: function(e) {
+        var turn = parseInt($(e.target).siblings('index').text());
+        var ply = 2 * turn - 2 + $(e.target).index();
+        if (ply) ctrl.jump(ply);
+      }
+    }, renderMoves(ctrl)) : renderResult(ctrl)
  ]);
 }
--- a/ui/simul/package.json
+++ b/ui/simul/package.json
@ -29,7 +29,7 @@
  },
  "dependencies": {
    "game": "file:../game",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash": "~3.7.0",
    "mithril": "0.2.0"
  }
--- a/ui/tournament/package.json
+++ b/ui/tournament/package.json
@ -29,7 +29,7 @@
  },
  "dependencies": {
    "game": "file:../game",
-    "chessground": "2.11.1",
+    "chessground": "2.12.2",
    "lodash": "~3.7.0",
    "mithril": "0.2.0"
  }