Merge branch 'release' into develop

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "habitica",
-  "version": "4.206.2",
+  "version": "4.207.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "habitica",
   "description": "A habit tracker app which treats your goals like a Role Playing Game.",
-  "version": "4.206.2",
+  "version": "4.207.0",
   "main": "./website/server/index.js",
   "dependencies": {
     "@babel/core": "^7.15.5",

website/client/src/assets/css/sprites/spritesmith-main-12.css

@@ -1,3 +1,33 @@
+.broad_armor_special_summer2015Warrior {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1290px -637px;
+  width: 90px;
+  height: 105px;
+}
+.broad_armor_special_summer2016Healer {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1290px -743px;
+  width: 90px;
+  height: 105px;
+}
+.broad_armor_special_summer2016Mage {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1290px -849px;
+  width: 90px;
+  height: 105px;
+}
+.broad_armor_special_summer2016Rogue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1290px -955px;
+  width: 90px;
+  height: 105px;
+}
+.broad_armor_special_summer2016Warrior {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
+  background-position: -1290px -1061px;
+  width: 90px;
+  height: 105px;
+}
 .broad_armor_special_summer2017Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
   background-position: -460px -751px;
@@ -6,7 +36,7 @@
 }
 .broad_armor_special_summer2017Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -954px;
+  background-position: -1493px -212px;
   width: 90px;
   height: 90px;
 }
@@ -120,13 +150,13 @@
 }
 .broad_armor_special_summerHealer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1290px -637px;
+  background-position: -1072px -742px;
   width: 90px;
   height: 105px;
 }
 .broad_armor_special_summerMage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1290px -743px;
+  background-position: -1072px -848px;
   width: 90px;
   height: 105px;
 }
@@ -156,13 +186,13 @@
 }
 .head_special_summer2015Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -1045px;
+  background-position: -1493px -303px;
   width: 90px;
   height: 90px;
 }
 .head_special_summer2015Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -1136px;
+  background-position: -1493px -394px;
   width: 90px;
   height: 90px;
 }
@@ -174,19 +204,19 @@
 }
 .head_special_summer2015Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1290px -849px;
+  background-position: -1402px 0px;
   width: 90px;
   height: 105px;
 }
 .head_special_summer2016Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -1227px;
+  background-position: -1493px -485px;
   width: 90px;
   height: 90px;
 }
 .head_special_summer2016Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -391px -1333px;
+  background-position: -1493px -576px;
   width: 90px;
   height: 90px;
 }
@@ -198,7 +228,7 @@
 }
 .head_special_summer2016Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -482px -1333px;
+  background-position: -1493px -667px;
   width: 90px;
   height: 90px;
 }
@@ -210,7 +240,7 @@
 }
 .head_special_summer2017Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -573px -1333px;
+  background-position: -1493px -758px;
   width: 90px;
   height: 90px;
 }
@@ -324,13 +354,13 @@
 }
 .head_special_summerHealer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1290px -955px;
+  background-position: -1402px -106px;
   width: 90px;
   height: 105px;
 }
 .head_special_summerMage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1290px -1061px;
+  background-position: -1402px -212px;
   width: 90px;
   height: 105px;
 }
@@ -348,7 +378,7 @@
 }
 .shield_special_summer2015Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -664px -1333px;
+  background-position: -1493px -849px;
   width: 90px;
   height: 90px;
 }
@@ -360,13 +390,13 @@
 }
 .shield_special_summer2015Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1072px -742px;
+  background-position: -1402px -318px;
   width: 90px;
   height: 105px;
 }
 .shield_special_summer2016Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -755px -1333px;
+  background-position: -1493px -940px;
   width: 90px;
   height: 90px;
 }
@@ -480,7 +510,7 @@
 }
 .shield_special_summerHealer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1072px -848px;
+  background-position: -1402px -424px;
   width: 90px;
   height: 105px;
 }
@@ -1272,13 +1302,13 @@
 }
 .slim_armor_special_summer2015Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -846px -1333px;
+  background-position: -1493px -1031px;
   width: 90px;
   height: 90px;
 }
 .slim_armor_special_summer2015Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -937px -1333px;
+  background-position: -1493px -1122px;
   width: 90px;
   height: 90px;
 }
@@ -1290,25 +1320,25 @@
 }
 .slim_armor_special_summer2015Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px 0px;
+  background-position: -1402px -530px;
   width: 90px;
   height: 105px;
 }
 .slim_armor_special_summer2016Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -106px;
+  background-position: -1402px -636px;
   width: 90px;
   height: 105px;
 }
 .slim_armor_special_summer2016Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -212px;
+  background-position: -1402px -742px;
   width: 90px;
   height: 105px;
 }
 .slim_armor_special_summer2016Rogue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -318px;
+  background-position: -1402px -848px;
   width: 90px;
   height: 105px;
 }
@@ -1326,7 +1356,7 @@
 }
 .slim_armor_special_summer2017Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1028px -1333px;
+  background-position: -1493px -1213px;
   width: 90px;
   height: 90px;
 }
@@ -1440,13 +1470,13 @@
 }
 .slim_armor_special_summerHealer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -424px;
+  background-position: -1402px -954px;
   width: 90px;
   height: 105px;
 }
 .slim_armor_special_summerMage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -530px;
+  background-position: -1402px -1060px;
   width: 90px;
   height: 105px;
 }
@@ -1464,13 +1494,13 @@
 }
 .weapon_special_summer2015Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1119px -1333px;
+  background-position: -1493px -1304px;
   width: 90px;
   height: 90px;
 }
 .weapon_special_summer2015Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1210px -1333px;
+  background-position: -391px -1333px;
   width: 90px;
   height: 90px;
 }
@@ -1482,19 +1512,19 @@
 }
 .weapon_special_summer2015Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -636px;
+  background-position: -1402px -1166px;
   width: 90px;
   height: 105px;
 }
 .weapon_special_summer2016Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1301px -1333px;
+  background-position: -482px -1333px;
   width: 90px;
   height: 90px;
 }
 .weapon_special_summer2016Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1392px -1333px;
+  background-position: -573px -1333px;
   width: 90px;
   height: 90px;
 }
@@ -1632,13 +1662,13 @@
 }
 .weapon_special_summerHealer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -742px;
+  background-position: -1493px 0px;
   width: 90px;
   height: 105px;
 }
 .weapon_special_summerMage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1402px -848px;
+  background-position: -1493px -106px;
   width: 90px;
   height: 105px;
 }
@@ -1662,19 +1692,19 @@
 }
 .body_special_takeThis {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px 0px;
+  background-position: -664px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_takeThis {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -91px;
+  background-position: -755px -1333px;
   width: 90px;
   height: 90px;
 }
 .head_special_takeThis {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -182px;
+  background-position: -846px -1333px;
   width: 90px;
   height: 90px;
 }
@@ -1722,43 +1752,43 @@
 }
 .slim_armor_special_takeThis {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -273px;
+  background-position: -937px -1333px;
   width: 90px;
   height: 90px;
 }
 .weapon_special_takeThis {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -364px;
+  background-position: -1028px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_candycane {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -455px;
+  background-position: -1119px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_ski {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -546px;
+  background-position: -1210px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_snowflake {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -637px;
+  background-position: -1301px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2015Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -728px;
+  background-position: -1392px -1333px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2015Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -819px;
+  background-position: 0px -1424px;
   width: 90px;
   height: 90px;
 }
@@ -1770,7 +1800,7 @@
 }
 .broad_armor_special_winter2015Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -910px;
+  background-position: -91px -1424px;
   width: 90px;
   height: 90px;
 }
@@ -1782,43 +1812,43 @@
 }
 .broad_armor_special_winter2016Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -1001px;
+  background-position: -182px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2016Rogue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -1092px;
+  background-position: -273px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2016Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -1183px;
+  background-position: -364px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2017Healer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -1493px -1274px;
+  background-position: -455px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2017Mage {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: 0px -1424px;
+  background-position: -546px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2017Rogue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -91px -1424px;
+  background-position: -637px -1424px;
   width: 90px;
   height: 90px;
 }
 .broad_armor_special_winter2017Warrior {
   background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -182px -1424px;
+  background-position: -728px -1424px;
   width: 90px;
   height: 90px;
 }
@@ -1918,39 +1948,3 @@
   width: 114px;
   height: 90px;
 }
-.broad_armor_special_yeti {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -273px -1424px;
-  width: 90px;
-  height: 90px;
-}
-.head_special_candycane {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -364px -1424px;
-  width: 90px;
-  height: 90px;
-}
-.head_special_nye {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -455px -1424px;
-  width: 90px;
-  height: 90px;
-}
-.head_special_nye2014 {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -546px -1424px;
-  width: 90px;
-  height: 90px;
-}
-.head_special_nye2015 {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -637px -1424px;
-  width: 90px;
-  height: 90px;
-}
-.head_special_nye2016 {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-12.png');
-  background-position: -728px -1424px;
-  width: 90px;
-  height: 90px;
-}

website/client/src/assets/css/sprites/spritesmith-main-15.css

@@ -4,36 +4,42 @@
   width: 221px;
   height: 39px;
 }
-.quest_ferret {
+.quest_falcon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
   background-position: -443px 0px;
   width: 219px;
   height: 219px;
 }
-.quest_fluorite {
+.quest_ferret {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
   background-position: 0px -232px;
   width: 219px;
   height: 219px;
 }
-.quest_frog {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px 0px;
-  width: 221px;
-  height: 213px;
-}
-.quest_ghost_stag {
+.quest_fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
   background-position: -220px -232px;
   width: 219px;
   height: 219px;
 }
-.quest_goldenknight1 {
+.quest_frog {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
+  background-position: 0px -1332px;
+  width: 221px;
+  height: 213px;
+}
+.quest_ghost_stag {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
   background-position: -440px -232px;
   width: 219px;
   height: 219px;
 }
+.quest_goldenknight1 {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
+  background-position: -663px 0px;
+  width: 219px;
+  height: 219px;
+}
 .quest_goldenknight2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
   background-position: -217px -1546px;
@@ -48,241 +54,241 @@
 }
 .quest_gryphon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -663px -1332px;
+  background-position: -885px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_guineapig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -663px 0px;
+  background-position: -663px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_harpy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -663px -220px;
+  background-position: 0px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_hedgehog {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -220px -1332px;
+  background-position: -442px -1332px;
   width: 219px;
   height: 186px;
 }
 .quest_hippo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -452px;
+  background-position: -220px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_horse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -220px -452px;
+  background-position: -440px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_kangaroo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -440px -452px;
+  background-position: -660px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_kraken {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -880px -1332px;
+  background-position: -1102px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_lostMasterclasser1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -660px -452px;
+  background-position: -883px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -883px 0px;
+  background-position: -883px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -883px -220px;
+  background-position: -883px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px -537px;
+  background-position: -1763px -537px;
   width: 150px;
   height: 150px;
 }
 .quest_mayhemMistiflying2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -883px -440px;
+  background-position: 0px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -672px;
+  background-position: -220px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_monkey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -220px -672px;
+  background-position: -440px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_moon1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px -214px;
+  background-position: -1543px -220px;
   width: 216px;
   height: 216px;
 }
 .quest_moon2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -440px -672px;
+  background-position: -660px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_moon3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -660px -672px;
+  background-position: -880px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -880px -672px;
+  background-position: -1103px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1103px 0px;
+  background-position: -1103px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1103px -220px;
+  background-position: -1103px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_nudibranch {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px -431px;
+  background-position: -1543px -437px;
   width: 216px;
   height: 216px;
 }
 .quest_octopus {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -440px -1332px;
+  background-position: -662px -1332px;
   width: 222px;
   height: 177px;
 }
 .quest_owl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1103px -440px;
+  background-position: -1103px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_peacock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px -648px;
+  background-position: -1543px -654px;
   width: 216px;
   height: 216px;
 }
 .quest_penguin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px -353px;
+  background-position: -1763px -353px;
   width: 190px;
   height: 183px;
 }
 .quest_pterodactyl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1103px -660px;
+  background-position: 0px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_rat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -892px;
+  background-position: -220px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_robot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -220px -892px;
+  background-position: -440px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_rock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px -865px;
+  background-position: -1543px -871px;
   width: 216px;
   height: 216px;
 }
 .quest_rooster {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px 0px;
+  background-position: -1763px 0px;
   width: 213px;
   height: 174px;
 }
 .quest_ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -440px -892px;
+  background-position: -660px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_sabretooth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -660px -892px;
+  background-position: -880px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_seaserpent {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -880px -892px;
+  background-position: -1100px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_sheep {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1100px -892px;
+  background-position: -1323px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1323px 0px;
+  background-position: -1323px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_slime {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1323px -220px;
+  background-position: -1323px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_sloth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1323px -440px;
+  background-position: -1323px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_snail {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -1332px;
+  background-position: -222px -1332px;
   width: 219px;
   height: 213px;
 }
 .quest_snake {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1097px -1332px;
+  background-position: -1319px -1332px;
   width: 216px;
   height: 177px;
 }
@@ -294,91 +300,91 @@
 }
 .quest_squirrel {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1323px -660px;
+  background-position: -1323px -880px;
   width: 219px;
   height: 219px;
 }
 .quest_stoikalmCalamity1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px -688px;
+  background-position: -1763px -688px;
   width: 150px;
   height: 150px;
 }
 .quest_stoikalmCalamity2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1323px -880px;
+  background-position: 0px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_stoikalmCalamity3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -1112px;
+  background-position: -220px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_stone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -220px -1112px;
+  background-position: -440px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_taskwoodsTerror1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px -839px;
+  background-position: -1763px -839px;
   width: 150px;
   height: 150px;
 }
 .quest_taskwoodsTerror2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1543px -1082px;
+  background-position: -1543px -1088px;
   width: 216px;
   height: 216px;
 }
 .quest_taskwoodsTerror3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -440px -1112px;
+  background-position: -660px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_treeling {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1314px -1332px;
+  background-position: -1536px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_trex {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1765px -175px;
+  background-position: -1763px -175px;
   width: 204px;
   height: 177px;
 }
 .quest_trex_undead {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1531px -1332px;
+  background-position: 0px -1546px;
   width: 216px;
   height: 177px;
 }
 .quest_triceratops {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -660px -1112px;
+  background-position: -880px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -880px -1112px;
+  background-position: -1100px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_turtle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1100px -1112px;
+  background-position: -1320px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_unicorn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: -1320px -1112px;
+  background-position: -1543px 0px;
   width: 219px;
   height: 219px;
 }
@@ -388,9 +394,3 @@
   width: 222px;
   height: 225px;
 }
-.quest_vice1 {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-15.png');
-  background-position: 0px -1546px;
-  width: 216px;
-  height: 177px;
-}

website/client/src/assets/css/sprites/spritesmith-main-31.css

@@ -1,756 +1,780 @@
-.Pet-Whale-CottonCandyBlue {
+.Pet-Velociraptor-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-CottonCandyPink {
+.Pet-Velociraptor-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Desert {
+.Pet-Velociraptor-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Golden {
+.Pet-Whale-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Red {
+.Pet-Whale-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Shade {
+.Pet-Whale-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Skeleton {
+.Pet-Whale-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-White {
+.Pet-Whale-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Zombie {
+.Pet-Whale-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Amber {
+.Pet-Whale-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aquatic {
+.Pet-Whale-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aurora {
+.Pet-Whale-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-AutumnLeaf {
+.Pet-Whale-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Base {
+.Pet-Wolf-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BirchBark {
+.Pet-Wolf-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BlackPearl {
+.Pet-Wolf-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Bronze {
+.Pet-Wolf-AutumnLeaf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Celestial {
+.Pet-Wolf-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Wolf-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Wolf-BlackPearl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Wolf-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Wolf-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Dessert {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Wolf-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Wolf-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fluorite {
+.Pet-Wolf-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Frost {
+.Pet-Wolf-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Wolf-Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Wolf-Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glow {
+.Pet-Wolf-Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Wolf-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Wolf-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-IcySnow {
+.Pet-Wolf-Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Moonglow {
+.Pet-Wolf-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-MossyStone {
+.Pet-Wolf-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Wolf-Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-PolkaDot {
+.Pet-Wolf-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Wolf-Moonglow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Wolf-MossyStone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoseQuartz {
+.Pet-Wolf-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Wolf-PolkaDot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ruby {
+.Pet-Wolf-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SandSculpture {
+.Pet-Wolf-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Wolf-RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shadow {
+.Pet-Wolf-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Wolf-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Silver {
+.Pet-Wolf-SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Wolf-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SolarSystem {
+.Pet-Wolf-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Wolf-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StainedGlass {
+.Pet-Wolf-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Wolf-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunset {
+.Pet-Wolf-SolarSystem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunshine {
+.Pet-Wolf-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Wolf-StainedGlass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Turquoise {
+.Pet-Wolf-StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Vampire {
+.Pet-Wolf-Sunset {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veggie {
+.Pet-Wolf-Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Wolf-Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Watery {
+.Pet-Wolf-Turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Wolf-Vampire {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Windup {
+.Pet-Wolf-Veggie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-Veteran {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Wolf-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Wolf-Windup {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Wolf-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Yarn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Yarn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Yarn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Yarn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Yarn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Yarn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet_HatchingPotion_Amber {
+.Pet-Yarn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -410px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -492px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -574px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet_HatchingPotion_Amber {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -656px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -397px -700px;
+  background-position: -725px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -466px -700px;
+  background-position: -820px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_AutumnLeaf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -535px -700px;
+  background-position: -820px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -604px -700px;
+  background-position: -820px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -673px -700px;
+  background-position: -820px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BlackPearl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -742px -700px;
+  background-position: -820px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px 0px;
+  background-position: -820px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -69px;
+  background-position: -820px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -138px;
+  background-position: -820px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -207px;
+  background-position: -820px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -276px;
+  background-position: -820px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -345px;
+  background-position: -820px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -414px;
+  background-position: 0px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -483px;
+  background-position: -69px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -552px;
+  background-position: -138px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -621px;
+  background-position: -207px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -820px -690px;
+  background-position: -276px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: 0px -800px;
+  background-position: -345px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -69px -800px;
+  background-position: -414px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -138px -800px;
+  background-position: -483px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -207px -800px;
+  background-position: -552px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -276px -800px;
+  background-position: -621px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -345px -800px;
+  background-position: -690px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Moonglow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -414px -800px;
+  background-position: -759px -800px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_MossyStone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -483px -800px;
+  background-position: -889px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -552px -800px;
+  background-position: -889px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_PolkaDot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -621px -800px;
+  background-position: -889px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -690px -800px;
+  background-position: -889px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -759px -800px;
+  background-position: -889px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px 0px;
+  background-position: -889px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -69px;
+  background-position: -889px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -138px;
+  background-position: -889px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -207px;
+  background-position: -889px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -276px;
+  background-position: -889px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -345px;
+  background-position: -889px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -414px;
+  background-position: -889px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -483px;
+  background-position: 0px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -552px;
+  background-position: -69px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -621px;
+  background-position: -138px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SolarSystem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -690px;
+  background-position: -207px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -889px -759px;
+  background-position: -276px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StainedGlass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: 0px -869px;
+  background-position: -345px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -69px -869px;
+  background-position: -414px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunset {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -138px -869px;
+  background-position: -483px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -207px -869px;
+  background-position: -552px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -276px -869px;
+  background-position: -621px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -345px -869px;
+  background-position: -690px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Vampire {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -414px -869px;
+  background-position: -759px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -483px -869px;
+  background-position: -828px -869px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -552px -869px;
+  background-position: -958px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -621px -869px;
+  background-position: -958px -69px;
   width: 68px;
   height: 68px;
 }

website/common/locales/en/gear.json

@@ -1071,7 +1071,9 @@
   "armorMystery202104Text": "Downy Thistle Armor",
   "armorMystery202104Notes": "Soft on the inside, spiky on the outside, stylish everywhere! Confers no benefit. April 2021 Subscriber Item.",
   "armorMystery202106Text": "Sunset Tail",
-  "armorMystery202106Notes": " With this mighty yet elegant tail you can cruise through warm seas all the way to the horizon. Confers no benefit. June 2021 Subscriber Item.",
+  "armorMystery202106Notes": "With this mighty yet elegant tail you can cruise through warm seas all the way to the horizon. Confers no benefit. June 2021 Subscriber Item.",
+  "armorMystery202110Text": "Mossy Gargoyle Armor",
+  "armorMystery202110Notes": "Velvety moss makes you seem soft on the outside, but you're protected by solid stone. Confers no benefit. October 2021 Subscriber Item.",
   "armorMystery301404Text": "Steampunk Suit",
   "armorMystery301404Notes": "Dapper and dashing, wot! Confers no benefit. February 3015 Subscriber Item.",
   "armorMystery301703Text": "Steampunk Peacock Gown",
@@ -1757,7 +1759,9 @@
   "headMystery202107Text": "Sublime Sun Hat",
   "headMystery202107Notes": "Perfect for enjoying but also protecting yourself from our powerful frenemy, the sun. Confers no benefit. July 2021 Subscriber Item.",
   "headMystery202108Text": "Fiery Shounen Hair",
-  "headMystery202108Notes": "You're looking super fresh, just sayin'. Confers no benefit. August 2021 Subscriber Item. ",
+  "headMystery202108Notes": "You're looking super fresh, just sayin'. Confers no benefit. August 2021 Subscriber Item.",
+  "headMystery202110Text": "Mossy Gargoyle Helm",
+  "headMystery202110Notes": "The frightening visage of this stony helm will surely repel malevolent forces or even bad habits! Confers no benefit. October 2021 Subscriber Item.",
   "headMystery301404Text": "Fancy Top Hat",
   "headMystery301404Notes": "A fancy top hat for the finest of gentlefolk! January 3015 Subscriber Item. Confers no benefit.",
   "headMystery301405Text": "Basic Top Hat",

website/common/locales/en/subscriber.json

@@ -126,6 +126,7 @@
     "mysterySet202107": "Beachy Keen Set",
     "mysterySet202108": "Fiery Shounen Set",
     "mysterySet202109": "Lunar Lepidopteran Set",
+    "mysterySet202110": "Mossy Gargoyle Set",
     "mysterySet301404": "Steampunk Standard Set",
     "mysterySet301405": "Steampunk Accessories Set",
     "mysterySet301703": "Peacock Steampunk Set",

website/common/script/content/gear/sets/mystery.js

@@ -54,6 +54,7 @@ const armor = {
   202103: { },
   202104: { },
   202106: { },
+  202110: { },
   301404: { },
   301703: { },
   301704: { },
@@ -175,6 +176,7 @@ const head = {
   202106: { },
   202107: { },
   202108: { },
+  202110: { },
   301404: { },
   301405: { },
   301703: { },