/* ════════════════════════════════════════════════════════════════
   敵スプライト (16x16 ピクセルアート / インラインSVG / CC0自作)
   ════════════════════════════════════════════════════════════════ */
.esprite {
  display: inline-block;
  width: 48px; height: 48px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  image-rendering: pixelated;
  filter: drop-shadow(2px 2px 0 rgba(0,0,0,.5));
}
.esprite-lg { width: 96px; height: 96px; }
.esprite-xl { width: 128px; height: 128px; }
.esprite-sm { width: 32px; height: 32px; }

.esprite-slime   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='5' width='6' height='1' fill='%2380d8ff'/><rect x='4' y='6' width='8' height='1' fill='%2380d8ff'/><rect x='3' y='7' width='10' height='5' fill='%234ab8ee'/><rect x='2' y='12' width='12' height='2' fill='%232a8ec0'/><rect x='3' y='14' width='10' height='1' fill='%231a6090'/><rect x='5' y='8' width='2' height='2' fill='%23fff'/><rect x='9' y='8' width='2' height='2' fill='%23fff'/><rect x='5' y='9' width='1' height='1' fill='%23000'/><rect x='9' y='9' width='1' height='1' fill='%23000'/><rect x='6' y='7' width='1' height='1' fill='%23a0e8ff'/></svg>"); }

.esprite-goblin  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='2' width='1' height='2' fill='%237ac070'/><rect x='10' y='2' width='1' height='2' fill='%237ac070'/><rect x='5' y='3' width='6' height='4' fill='%237ac070'/><rect x='4' y='4' width='1' height='2' fill='%237ac070'/><rect x='11' y='4' width='1' height='2' fill='%237ac070'/><rect x='6' y='5' width='1' height='1' fill='%23ff3344'/><rect x='9' y='5' width='1' height='1' fill='%23ff3344'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='5' y='7' width='6' height='5' fill='%235a9050'/><rect x='4' y='8' width='1' height='3' fill='%235a9050'/><rect x='11' y='8' width='1' height='3' fill='%235a9050'/><rect x='5' y='12' width='2' height='3' fill='%235a4030'/><rect x='9' y='12' width='2' height='3' fill='%235a4030'/></svg>"); }

.esprite-wolf    { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='1' y='5' width='1' height='2' fill='%23606060'/><rect x='4' y='5' width='1' height='2' fill='%23606060'/><rect x='1' y='6' width='4' height='3' fill='%23808080'/><rect x='5' y='7' width='8' height='4' fill='%23808080'/><rect x='13' y='8' width='2' height='2' fill='%23808080'/><rect x='2' y='7' width='1' height='1' fill='%23ffcc00'/><rect x='3' y='7' width='1' height='1' fill='%23ffcc00'/><rect x='2' y='9' width='2' height='1' fill='%23fff'/><rect x='5' y='11' width='2' height='3' fill='%23606060'/><rect x='8' y='11' width='2' height='3' fill='%23606060'/><rect x='10' y='11' width='2' height='3' fill='%23606060'/><rect x='13' y='10' width='1' height='2' fill='%23808080'/></svg>"); }

.esprite-treant  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='4' y='1' width='2' height='2' fill='%2358a040'/><rect x='10' y='1' width='2' height='2' fill='%2358a040'/><rect x='3' y='2' width='10' height='4' fill='%2358a040'/><rect x='2' y='3' width='12' height='2' fill='%2378c060'/><rect x='5' y='6' width='6' height='1' fill='%23704020'/><rect x='4' y='7' width='8' height='6' fill='%238a5530'/><rect x='5' y='9' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='9' width='1' height='1' fill='%23ffeb47'/><rect x='6' y='11' width='4' height='1' fill='%23000'/><rect x='3' y='13' width='3' height='2' fill='%236a4020'/><rect x='10' y='13' width='3' height='2' fill='%236a4020'/></svg>"); }

.esprite-dragon  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='1' width='1' height='1' fill='%23cc2222'/><rect x='9' y='1' width='1' height='1' fill='%23cc2222'/><rect x='5' y='2' width='6' height='2' fill='%23cc2222'/><rect x='4' y='4' width='8' height='3' fill='%23ee3333'/><rect x='5' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='1' y='5' width='3' height='4' fill='%23992222'/><rect x='12' y='5' width='3' height='4' fill='%23992222'/><rect x='5' y='7' width='6' height='4' fill='%23ee3333'/><rect x='5' y='11' width='2' height='3' fill='%23cc2222'/><rect x='9' y='11' width='2' height='3' fill='%23cc2222'/></svg>"); }

.esprite-wyvern  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='2' fill='%23cc6600'/><rect x='5' y='4' width='6' height='2' fill='%23ee8822'/><rect x='6' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='9' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='1' y='4' width='4' height='5' fill='%23aa5500'/><rect x='11' y='4' width='4' height='5' fill='%23aa5500'/><rect x='6' y='6' width='4' height='4' fill='%23ee8822'/><rect x='5' y='10' width='6' height='2' fill='%23cc6600'/><rect x='6' y='12' width='1' height='3' fill='%23cc6600'/><rect x='9' y='12' width='1' height='3' fill='%23cc6600'/></svg>"); }

.esprite-demon   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='3' y='1' width='2' height='2' fill='%23300050'/><rect x='11' y='1' width='2' height='2' fill='%23300050'/><rect x='4' y='3' width='8' height='4' fill='%23501070'/><rect x='5' y='5' width='1' height='1' fill='%23ff2244'/><rect x='10' y='5' width='1' height='1' fill='%23ff2244'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='3' y='7' width='10' height='5' fill='%23401060'/><rect x='2' y='8' width='1' height='3' fill='%23501070'/><rect x='13' y='8' width='1' height='3' fill='%23501070'/><rect x='5' y='12' width='2' height='3' fill='%23300050'/><rect x='9' y='12' width='2' height='3' fill='%23300050'/></svg>"); }

.esprite-goddess { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='1' width='4' height='1' fill='%23ffeb47'/><rect x='5' y='2' width='6' height='1' fill='%23ffeb47'/><rect x='5' y='3' width='6' height='4' fill='%23ffd8a0'/><rect x='6' y='5' width='1' height='1' fill='%2300aaff'/><rect x='9' y='5' width='1' height='1' fill='%2300aaff'/><rect x='4' y='7' width='8' height='6' fill='%23fff5d8'/><rect x='3' y='8' width='1' height='4' fill='%23fff5d8'/><rect x='12' y='8' width='1' height='4' fill='%23fff5d8'/><rect x='5' y='13' width='6' height='2' fill='%23e8ddc0'/></svg>"); }

.esprite-guard   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23a0a0a0'/><rect x='4' y='2' width='8' height='4' fill='%23c0c0c0'/><rect x='5' y='4' width='1' height='1' fill='%23ff2244'/><rect x='10' y='4' width='1' height='1' fill='%23ff2244'/><rect x='3' y='6' width='10' height='6' fill='%236080a0'/><rect x='4' y='7' width='8' height='3' fill='%2380a0c0'/><rect x='7' y='8' width='2' height='1' fill='%23ffd86b'/><rect x='2' y='8' width='1' height='5' fill='%23808080'/><rect x='13' y='8' width='1' height='5' fill='%23808080'/><rect x='5' y='12' width='2' height='3' fill='%23404040'/><rect x='9' y='12' width='2' height='3' fill='%23404040'/></svg>"); }

.esprite-guard2  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23ffd86b'/><rect x='4' y='2' width='8' height='4' fill='%23ffaa44'/><rect x='5' y='4' width='1' height='1' fill='%23ff2244'/><rect x='10' y='4' width='1' height='1' fill='%23ff2244'/><rect x='3' y='6' width='10' height='6' fill='%23804020'/><rect x='4' y='7' width='8' height='3' fill='%23a05030'/><rect x='7' y='8' width='2' height='1' fill='%23ffeb47'/><rect x='2' y='8' width='1' height='5' fill='%23a05030'/><rect x='13' y='8' width='1' height='5' fill='%23a05030'/><rect x='5' y='12' width='2' height='3' fill='%23502010'/><rect x='9' y='12' width='2' height='3' fill='%23502010'/></svg>"); }

.esprite-king    { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='0' width='1' height='1' fill='%23ffd86b'/><rect x='7' y='0' width='2' height='1' fill='%23ffd86b'/><rect x='10' y='0' width='1' height='1' fill='%23ffd86b'/><rect x='5' y='1' width='6' height='1' fill='%23ffd86b'/><rect x='4' y='2' width='8' height='4' fill='%23ee3333'/><rect x='5' y='4' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='4' width='1' height='1' fill='%23ffeb47'/><rect x='2' y='5' width='2' height='4' fill='%23992222'/><rect x='12' y='5' width='2' height='4' fill='%23992222'/><rect x='3' y='6' width='10' height='6' fill='%23cc2222'/><rect x='4' y='7' width='8' height='4' fill='%23ee3333'/><rect x='5' y='12' width='2' height='3' fill='%23992222'/><rect x='9' y='12' width='2' height='3' fill='%23992222'/></svg>"); }

.esprite-titan   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23ffeb47'/><rect x='4' y='2' width='8' height='4' fill='%23e8eeff'/><rect x='5' y='4' width='1' height='1' fill='%2300aaff'/><rect x='10' y='4' width='1' height='1' fill='%2300aaff'/><rect x='3' y='6' width='10' height='6' fill='%23a0c0e8'/><rect x='4' y='7' width='8' height='3' fill='%23c0d8f0'/><rect x='7' y='8' width='2' height='2' fill='%23ffeb47'/><rect x='2' y='8' width='1' height='5' fill='%23808090'/><rect x='13' y='8' width='1' height='5' fill='%23808090'/><rect x='5' y='12' width='2' height='3' fill='%23606080'/><rect x='9' y='12' width='2' height='3' fill='%23606080'/></svg>"); }

.esprite-lilith  { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='1' fill='%23502080'/><rect x='4' y='2' width='8' height='3' fill='%23ffd8e0'/><rect x='5' y='3' width='1' height='1' fill='%23aa00ff'/><rect x='10' y='3' width='1' height='1' fill='%23aa00ff'/><rect x='6' y='4' width='4' height='1' fill='%23990033'/><rect x='2' y='5' width='1' height='4' fill='%23502080'/><rect x='13' y='5' width='1' height='4' fill='%23502080'/><rect x='3' y='5' width='10' height='7' fill='%23703bb0'/><rect x='4' y='6' width='8' height='4' fill='%238a55c8'/><rect x='5' y='12' width='2' height='3' fill='%23502080'/><rect x='9' y='12' width='2' height='3' fill='%23502080'/></svg>"); }

.esprite-monster { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='4' y='3' width='8' height='9' fill='%23805030'/><rect x='5' y='5' width='2' height='2' fill='%23ff2244'/><rect x='9' y='5' width='2' height='2' fill='%23ff2244'/><rect x='6' y='9' width='4' height='2' fill='%23000'/><rect x='3' y='12' width='3' height='3' fill='%23603020'/><rect x='10' y='12' width='3' height='3' fill='%23603020'/><rect x='2' y='4' width='2' height='3' fill='%23805030'/><rect x='12' y='4' width='2' height='3' fill='%23805030'/></svg>"); }

/* ─── 後半章＆派生敵 11種 (CODEXレビュー対応) ─── */
.esprite-goblin_armor { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='2' width='1' height='2' fill='%237ac070'/><rect x='10' y='2' width='1' height='2' fill='%237ac070'/><rect x='5' y='3' width='6' height='4' fill='%237ac070'/><rect x='6' y='5' width='1' height='1' fill='%23ff3344'/><rect x='9' y='5' width='1' height='1' fill='%23ff3344'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='4' y='7' width='8' height='5' fill='%23a0a0a0'/><rect x='3' y='8' width='10' height='3' fill='%23c0c0c0'/><rect x='7' y='9' width='2' height='1' fill='%23ffd86b'/><rect x='5' y='12' width='2' height='3' fill='%23606060'/><rect x='9' y='12' width='2' height='3' fill='%23606060'/></svg>"); }

.esprite-dark_knight { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23200030'/><rect x='4' y='2' width='8' height='4' fill='%23303040'/><rect x='5' y='4' width='1' height='1' fill='%23ff0044'/><rect x='10' y='4' width='1' height='1' fill='%23ff0044'/><rect x='3' y='6' width='10' height='6' fill='%23202030'/><rect x='4' y='7' width='8' height='3' fill='%23404050'/><rect x='2' y='7' width='1' height='5' fill='%23606070'/><rect x='13' y='7' width='1' height='5' fill='%23606070'/><rect x='7' y='8' width='2' height='1' fill='%23aa00ff'/><rect x='5' y='12' width='2' height='3' fill='%23100020'/><rect x='9' y='12' width='2' height='3' fill='%23100020'/></svg>"); }

.esprite-fairy { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='1' fill='%23ffeb47'/><rect x='5' y='3' width='6' height='3' fill='%23ffd8e0'/><rect x='6' y='4' width='1' height='1' fill='%23000'/><rect x='9' y='4' width='1' height='1' fill='%23000'/><rect x='6' y='6' width='4' height='4' fill='%23ff99cc'/><rect x='1' y='5' width='4' height='5' fill='%23a8e6cf'/><rect x='11' y='5' width='4' height='5' fill='%23a8e6cf'/><rect x='2' y='6' width='2' height='3' fill='%23c8f6df'/><rect x='12' y='6' width='2' height='3' fill='%23c8f6df'/><rect x='7' y='10' width='2' height='3' fill='%23ff99cc'/></svg>"); }

.esprite-golem { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='4' y='1' width='8' height='2' fill='%23808080'/><rect x='3' y='3' width='10' height='4' fill='%23a0a0a0'/><rect x='5' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='2' y='7' width='12' height='6' fill='%23707070'/><rect x='3' y='8' width='10' height='3' fill='%23909090'/><rect x='5' y='9' width='2' height='1' fill='%23404040'/><rect x='9' y='9' width='2' height='1' fill='%23404040'/><rect x='4' y='13' width='3' height='2' fill='%23606060'/><rect x='9' y='13' width='3' height='2' fill='%23606060'/></svg>"); }

.esprite-sky_knight { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23ffeb47'/><rect x='4' y='2' width='8' height='4' fill='%23e0e8ff'/><rect x='5' y='4' width='1' height='1' fill='%2300aaff'/><rect x='10' y='4' width='1' height='1' fill='%2300aaff'/><rect x='1' y='6' width='4' height='3' fill='%23a0c0e8'/><rect x='11' y='6' width='4' height='3' fill='%23a0c0e8'/><rect x='3' y='6' width='10' height='6' fill='%236080c0'/><rect x='4' y='7' width='8' height='3' fill='%2380a0d8'/><rect x='7' y='8' width='2' height='1' fill='%23ffd86b'/><rect x='5' y='12' width='2' height='3' fill='%23404060'/><rect x='9' y='12' width='2' height='3' fill='%23404060'/></svg>"); }

.esprite-bat { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='5' width='4' height='3' fill='%23502080'/><rect x='6' y='6' width='1' height='1' fill='%23ff0044'/><rect x='9' y='6' width='1' height='1' fill='%23ff0044'/><rect x='1' y='6' width='5' height='2' fill='%23703bb0'/><rect x='10' y='6' width='5' height='2' fill='%23703bb0'/><rect x='2' y='4' width='2' height='2' fill='%23703bb0'/><rect x='12' y='4' width='2' height='2' fill='%23703bb0'/><rect x='1' y='8' width='3' height='1' fill='%23502080'/><rect x='12' y='8' width='3' height='1' fill='%23502080'/><rect x='6' y='8' width='4' height='2' fill='%23300050'/><rect x='6' y='3' width='1' height='1' fill='%23300050'/><rect x='9' y='3' width='1' height='1' fill='%23300050'/></svg>"); }

.esprite-skeleton { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23e8e8e0'/><rect x='4' y='2' width='8' height='5' fill='%23f0f0e8'/><rect x='5' y='4' width='2' height='1' fill='%23000'/><rect x='9' y='4' width='2' height='1' fill='%23000'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='4' y='7' width='8' height='5' fill='%23d8d8c8'/><rect x='5' y='8' width='1' height='3' fill='%23a8a890'/><rect x='10' y='8' width='1' height='3' fill='%23a8a890'/><rect x='5' y='12' width='2' height='3' fill='%23a8a890'/><rect x='9' y='12' width='2' height='3' fill='%23a8a890'/></svg>"); }

.esprite-zombie { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='1' width='6' height='1' fill='%23507040'/><rect x='4' y='2' width='8' height='5' fill='%2378a060'/><rect x='5' y='4' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='4' width='1' height='1' fill='%23ffeb47'/><rect x='6' y='5' width='1' height='1' fill='%23000'/><rect x='9' y='5' width='1' height='1' fill='%23000'/><rect x='6' y='6' width='4' height='1' fill='%23802020'/><rect x='3' y='7' width='10' height='5' fill='%235a9050'/><rect x='5' y='8' width='1' height='3' fill='%23507040'/><rect x='10' y='8' width='1' height='3' fill='%23507040'/><rect x='5' y='12' width='2' height='3' fill='%23304020'/><rect x='9' y='12' width='2' height='3' fill='%23304020'/></svg>"); }

.esprite-harpy { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='6' y='2' width='4' height='3' fill='%23ffd8a0'/><rect x='6' y='3' width='1' height='1' fill='%23000'/><rect x='9' y='3' width='1' height='1' fill='%23000'/><rect x='1' y='4' width='5' height='5' fill='%23c08a4a'/><rect x='10' y='4' width='5' height='5' fill='%23c08a4a'/><rect x='2' y='5' width='3' height='3' fill='%23ddaa66'/><rect x='11' y='5' width='3' height='3' fill='%23ddaa66'/><rect x='6' y='5' width='4' height='4' fill='%23ee99cc'/><rect x='6' y='9' width='4' height='3' fill='%23c08a4a'/><rect x='6' y='12' width='1' height='3' fill='%23ddaa66'/><rect x='9' y='12' width='1' height='3' fill='%23ddaa66'/></svg>"); }

.esprite-minotaur { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='2' y='2' width='2' height='3' fill='%23e8e8d8'/><rect x='12' y='2' width='2' height='3' fill='%23e8e8d8'/><rect x='4' y='3' width='8' height='4' fill='%235a3020'/><rect x='5' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='10' y='5' width='1' height='1' fill='%23ffeb47'/><rect x='7' y='6' width='2' height='1' fill='%23000'/><rect x='3' y='7' width='10' height='6' fill='%237a4030'/><rect x='4' y='8' width='8' height='3' fill='%239a5040'/><rect x='2' y='9' width='2' height='3' fill='%237a4030'/><rect x='12' y='9' width='2' height='3' fill='%237a4030'/><rect x='5' y='13' width='2' height='2' fill='%235a3020'/><rect x='9' y='13' width='2' height='2' fill='%235a3020'/></svg>"); }

.esprite-lich { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='4' y='1' width='8' height='1' fill='%23300050'/><rect x='3' y='2' width='10' height='1' fill='%23502080'/><rect x='5' y='3' width='6' height='4' fill='%23e8e8e0'/><rect x='5' y='4' width='2' height='1' fill='%2300ddff'/><rect x='9' y='4' width='2' height='1' fill='%2300ddff'/><rect x='6' y='6' width='4' height='1' fill='%23000'/><rect x='3' y='7' width='10' height='6' fill='%23703bb0'/><rect x='4' y='8' width='8' height='4' fill='%238a55c8'/><rect x='6' y='9' width='1' height='2' fill='%23ffeb47'/><rect x='9' y='9' width='1' height='2' fill='%23ffeb47'/><rect x='4' y='13' width='8' height='2' fill='%23502080'/></svg>"); }

.esprite-guard3 { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'><rect x='5' y='0' width='1' height='1' fill='%23aa00ff'/><rect x='7' y='0' width='2' height='1' fill='%23aa00ff'/><rect x='10' y='0' width='1' height='1' fill='%23aa00ff'/><rect x='5' y='1' width='6' height='1' fill='%23aa00ff'/><rect x='4' y='2' width='8' height='4' fill='%23e8e8f8'/><rect x='5' y='4' width='1' height='1' fill='%23aa00ff'/><rect x='10' y='4' width='1' height='1' fill='%23aa00ff'/><rect x='2' y='5' width='2' height='4' fill='%23703bb0'/><rect x='12' y='5' width='2' height='4' fill='%23703bb0'/><rect x='3' y='6' width='10' height='6' fill='%23502080'/><rect x='4' y='7' width='8' height='4' fill='%238a55c8'/><rect x='6' y='8' width='4' height='2' fill='%23ffeb47'/><rect x='5' y='12' width='2' height='3' fill='%23300050'/><rect x='9' y='12' width='2' height='3' fill='%23300050'/></svg>"); }