.figure .lore,
.figure .sound {
  display: none;
}
#figures.tools {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
#figures.tools .category {
  border-radius: 5px;
  margin: 2px;
}
#figures.tools .figureRow {
  height: 64px;
  width: 256px;
  position: relative;
  transition: transform 500ms;
}
#figures.tools .figureRow .figure.building.delete {
  width: 128px;
  height: 64px;
}
#figures.tools .figureRow .figure.building.delete i.fa-solid.fa-trash-can {
  padding: 15px;
  margin: 0 0 0 0;
}
#figures.tools .figureRow .delete i.fa-solid.fa-trash-can {
  font-size: 2.5rem;
  padding: 27px;
  color: $darkBrown;
  filter: drop-shadow(0px 3px 0px #000) drop-shadow(0px -3px 0px #000) drop-shadow(3px 0px 0px #000) drop-shadow(-3px 0px 0px #000);
  margin: 50px 0 0 0;
}
#figures.tools .figureRow .furniture.delete i.fa-solid.fa-trash-can {
  padding: 0;
  margin: 25px 0 0 0;
  font-size: 2.5rem;
  margin: 20px 0 0 0;
}
#figures.tools .next {
  position: absolute;
  bottom: 4px;
  z-index: 10;
  cursor: url("/assets/art/cursors/hand.png"), auto;
  left: 4px;
  user-select: none;
}
#figures.tools .prev {
  position: absolute;
  bottom: 4px;
  z-index: 10;
  right: 4px;
  cursor: url("/assets/art/cursors/hand.png"), auto;
  user-select: none;
}
#figures.tools .smallButton {
  background-color: #71423d;
  font-family: 'Architects Daughter';
  color: #ffd700;
  border-top: 3px solid #906060;
  border-left: 3px solid #906060;
  border-bottom: 3px solid #380f0f;
  border-right: 3px solid #380f0f;
  font-size: 1.25rem;
  box-shadow: 0px 0px 0px 1px #ffd700, 0px 0px 0px 2px #daa520, 3px 3px 5px 2px #000, inset 2px 2px 5px -1px #ffff82;
  text-shadow: -2px -2px 3px #000;
  border-radius: 3px;
  padding: 0 3px;
  line-height: 18px;
}
#figures.tools .smallButton.expand {
  width: 12px;
  font-size: 0.9375rem;
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 200;
  width: 9px;
  cursor: url("/assets/art/cursors/hand.png"), auto;
  user-select: none;
}
#figures.tools .smallButton.expand .delete i.fa-solid.fa-trash-can {
  font-size: 2.375rem;
  padding: 0px;
}
#figures.tools #dialogue {
  width: 128px;
  height: 64px;
  background-color: rgba(0,80,0,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
}
#figures.tools #dialogue .figureRow {
  display: flex;
}
#figures.tools #dialogue .icon {
  width: 128px;
  height: 64px;
  min-width: 128px;
  min-height: 64px;
  text-align: center;
  background-color: rgba(255,231,64,0.251);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
#figures.tools #dialogue .icon .party-start,
#figures.tools #dialogue .icon .encounter-link,
#figures.tools #dialogue .icon .dialogue.information,
#figures.tools #dialogue .icon .question,
#figures.tools #dialogue .icon .monster-spawn,
#figures.tools #dialogue .icon .vendor-point,
#figures.tools #dialogue .icon .training-point,
#figures.tools #dialogue .icon .sound-emitter-icon,
#figures.tools #dialogue .icon .treasure-icon {
  width: 128px;
  height: 44px;
}
#figures.tools #dialogue .icon button {
  text-align: center;
  background-color: #71423d;
  border-radius: 30px;
  border-top: 3px solid #906060;
  border-left: 3px solid #906060;
  border-bottom: 3px solid #380f0f;
  border-right: 3px solid #380f0f;
  color: #ffe740;
  box-shadow: 0px 0px 0px 1px #ffd700, 0px 0px 0px 2px #daa520, 3px 3px 5px 2px #000, inset 2px 2px 5px -1px #ffff82;
  text-shadow: -2px -2px 3px #000;
  height: 40px;
  width: 40px;
}
#figures.tools #dialogue .icon button .fa-solid {
  font-size: 1.25rem;
}
#figures.tools #dialogue .icon button .fa-solid.fa-question {
  margin-left: -4px;
  margin-top: 4px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-chess-pawn {
  margin-left: -4px;
  margin-top: 4px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-comment-dots {
  margin-left: -8px;
  margin-top: 5px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-link {
  margin-left: -10px;
  margin-top: 7px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-spaghetti-monster-flying {
  margin-left: -10px;
  margin-top: 6px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-basket-shopping {
  margin-left: -9px;
  margin-top: 6px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-graduation-cap {
  margin-left: -9px;
  margin-top: 6px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-gem {
  margin-left: -8px;
  margin-top: 6px;
}
#figures.tools #dialogue .icon button .fa-solid.fa-volume-off {
  margin-left: -5px;
  margin-top: 6px;
}
#figures.tools #characters {
  width: 128px;
  height: 64px;
  background-color: rgba(0,80,0,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent;
          position: static;
          height: 120px;
          width: 90px;
          background-position: center bottom;
          perspective: 400px;
          &.character 
            &.large
              background-size: 95%;
              width: 120px;
            .name
              position: absolute;
              bottom: -25px;
              line-height: 13px;
              width: calc(100% - 16px);
              transform: rotate3d(1,0,0,25deg);
              background-color: #71423d;
              padding: 4px 2px 7px 2px;
              color: #ffd700;
              text-shadow: -1px -1px #00000080, 2px 2px #00000080;
              font-weight: 100;
              letter-spacing: 1px;
              border-top: 1px solid #ffd700;
              border-left: 1px solid #ffd700;
              border-right: 2px solid #af8700;
              border-bottom: 1px solid #00000080;
              border-radius: 7px 7px 0 0;
              font-family: 'Permanent Marker';
              font-size: 0.6875rem;
              white-space: nowrap;
              text-overflow: ellipsis;
              max-width: 100%;
              overflow: hidden;
      */
}
#figures.tools #characters .character {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  transform: rotate3d(1, 0, 0, 0deg) translate3d(0px, -5px, 0px);
  transform-origin: 50% 100%;
/*filter: drop-shadow(5px -2px 4px $black);*/
}
#figures.tools #characters .character .name {
/*filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px #fff);*/
  text-shadow: -1px 0px #fff, 1px 1px #fff;
  line-height: 11px;
  margin: 9px 5px;
  font-size: 0.8125rem;
  width: 90px;
}
#figures.tools #characters .statistics {
/*
        color: #fff;
        background-color: rgba(0,0,0,0.2);
        padding: 9px;
        width: 52px;
        position: absolute;
        left: 90%;
        top: -15%;
        */
  display: none;
}
#figures.tools #characters .equipment .story {
  display: none;
}
#figures.tools #characters .equipment .class,
#figures.tools #characters .equipment .race,
#figures.tools #characters .equipment .height,
#figures.tools #characters .equipment .weight,
#figures.tools #characters .equipment .age,
#figures.tools #characters .equipment .gender {
  display: none;
}
#figures.tools #npcs {
  width: 128px;
  height: 64px;
  background-color: rgba(255,128,0,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent;
          position: static;
          height: 120px;
          width: 90px;
          background-position: center bottom;
          perspective: 400px;
          &.large
            background-size: 985%;
            width: 120px;
          &.character 
            .name
              position: absolute;
              bottom: -25px;
              line-height: 13px;
              width: calc(100% - 16px);
              transform: rotate3d(1,0,0,25deg);
              background-color: #71423d;
              padding: 4px 2px 7px 2px;
              color: #ffd700;
              text-shadow: -1px -1px #00000080, 2px 2px #00000080;
              font-weight: 100;
              letter-spacing: 1px;
              border-top: 1px solid #ffd700;
              border-left: 1px solid #ffd700;
              border-right: 2px solid #af8700;
              border-bottom: 1px solid #00000080;
              border-radius: 7px 7px 0 0;
              font-family: 'Permanent Marker';
              font-size: 0.6875rem;
              white-space: nowrap;
              text-overflow: ellipsis;
              max-width: 100%;
              overflow: hidden;
          .alignment
            display: none;
      */
}
#figures.tools #npcs .character {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  transform: rotate3d(1, 0, 0, 0deg) translate3d(0px, -5px, 0px);
  transform-origin: 50% 100%;
/*filter: drop-shadow(5px -2px 4px $black);*/
  position: absolute;
}
#figures.tools #npcs .character .name {
/*filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px #fff);*/
  text-shadow: -1px 0px #fff, 1px 1px #fff;
  line-height: 11px;
  margin: 9px 5px;
  font-size: 0.8125rem;
  width: 90px;
}
#figures.tools #npcs .statistics {
  display: none;
}
#figures.tools #npcs .alignment,
#figures.tools #npcs .equipment {
  display: none;
}
#figures.tools #monsters {
  width: 128px;
  height: 64px;
  background-color: rgba(255,128,0,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent;
          position: static;
          height: 120px;
          width: 90px;
          background-position: center bottom;
          perspective: 400px;
          &.character 
            &.large
              background-size: 95%;
              width: 120px;
            .name
              position: absolute;
              bottom: -25px;
              line-height: 13px;
              width: calc(100% - 16px);
              transform: rotate3d(1,0,0,25deg);
              background-color: #71423d;
              padding: 4px 2px 7px 2px;
              color: #ffd700;
              text-shadow: -1px -1px #00000080, 2px 2px #00000080;
              font-weight: 100;
              letter-spacing: 1px;
              border-top: 1px solid #ffd700;
              border-left: 1px solid #ffd700;
              border-right: 2px solid #af8700;
              border-bottom: 1px solid #00000080;
              border-radius: 7px 7px 0 0;
              font-family: 'Permanent Marker';
              font-size: 0.6875rem;
              white-space: nowrap;
              text-overflow: ellipsis;
              max-width: 100%;
              overflow: hidden;
          .alignment
            display: none;
      */
}
#figures.tools #monsters .character {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  transform: rotate3d(1, 0, 0, 0deg) translate3d(0px, -5px, 0px);
  transform-origin: 50% 100%;
/*filter: drop-shadow(5px -2px 4px $black);*/
  position: absolute;
}
#figures.tools #monsters .character .name {
/*filter: drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 1px #fff);*/
  text-shadow: -1px 0px #fff, 1px 1px #fff;
  line-height: 11px;
  margin: 9px 5px;
  font-size: 0.8125rem;
  width: 90px;
}
#figures.tools #monsters .statistics {
  display: none;
}
#figures.tools #monsters .alignment,
#figures.tools #monsters .equipment {
  display: none;
}
#figures.tools #plants {
  width: 128px;
  height: 64px;
  background-color: rgba(0,0,80,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent;
          position: static;
          &.plant.tree.delete
            width: 64px
            height: 64px
            i.fa-solid.fa-trash-can
              margin: 0
              padding: 0
              line-height: 64px
    */
}
#figures.tools #plants .tree {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0px;
  transform: none;
/*filter: drop-shadow(5px -2px 4px $black);*/
}
#figures.tools #rocks {
  width: 128px;
  height: 64px;
  background-color: rgba(0,0,80,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent
          position: static
          &.plant.rock.delete
            width: 64px
            height: 64px
            i.fa-solid.fa-trash-can
              margin: 0
              padding: 0
              line-height: 64px
    */
}
#figures.tools #rocks .rock {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0px;
/*filter: drop-shadow(5px -2px 4px $black);*/
}
#figures.tools #floor {
  width: 128px;
  height: 64px;
  background-color: transparent;
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 96px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .floor-display
          position: static;
          transform: rotate3d(1, 0, 0, 45deg);
          width: 64px;
          height: 64px;
          background-color: rgba(0,0,0,0.2);
          .path
            position: static;
            transform: scale(0.5);
            margin: -16px;
          .floor
            transform: scale(0.5);
            margin: -16px;
          &>div
            width: 100px;
            height: 100px;
            &.delete-path.delete-floor
              width: 64px;
              height: 64px;

            &.t-floor
              width: 96px;
              height: 48px;
              top: 13px;
            &.b-floor
              width: 96px;
              height: 48px;
              bottom: 13px;
            &.br-floor
              width: 48px;
              height: 48px;
              right: 13px;
              bottom: 13px;
            &.bl-floor
              width: 48px;
              height: 48px;
              left: 13px;
              bottom: 13px;
            &.tr-floor
              width: 48px;
              height: 48px;
              right: 13px;
              top: 13px;
            &.tl-floor
              width: 48px;
              height: 48px;
              left: 13px;
              top: 13px;
            &.r-floor
              width: 48px;
              height: 96px;
              right: 13px;
            &.l-floor
              width: 48px;
              height: 96px;
              left: 13px;
            &.f-floor
              width: 96px;
              height: 96px;


      .figure
        background-color: #00005080;
    */
}
#figures.tools #floor .delete-path.delete-floor {
  font-size: 2.5rem;
  width: 64px;
  height: 64px;
}
#figures.tools #furniture {
  width: 128px;
  height: 64px;
  background-color: rgba(0,0,80,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 96px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
        .figure
          background-color: transparent;
          position: static;
    */
}
#figures.tools #furniture .furniture {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0px;
/*filter: drop-shadow(5px -2px 4px $black);*/
}
#figures.tools #furniture .torch {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  width: 128px;
  height: 96px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0px;
/*filter: drop-shadow(5px -2px 4px #000) drop-shadow(128px -54px 30px #ffff5080) !important;*/
}
#figures.tools #walls {
  width: 128px;
  height: 96px;
  background-color: rgba(80,0,0,0.502);
  position: relative;
  top: 0;
  overflow: hidden;
/*
    &.expanded
      width: 128px;
      height: 128px;
      overflow: visible;
      position: relative;
      .figureRow.box
        figureRow()
        //left: auto !important
      .figure
        background-color: transparent;

        &.wall
          -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
          width: 138px;
          height: 100px;
          position: static;
          transform: rotate3d(1,0,0,45deg) scale3d(0.5,0.5,0.5);
          display: block;
          top: 20px;
          &.wall-v:not(.door):before
            content: 'Vertical Wall';
            wallTextExpanded()
          &.wall-h:not(.door):before
            content: 'Horisontal Wall';
            wallTextExpanded()
          &.wall-v.window:not(.door):before
            content: 'Vertical Wall Window';
            wallTextExpanded()
          &.wall-h.window:not(.door):before
            content: 'Horisontal Wall Window';
            wallTextExpanded()
          &.wall-v.door.unlocked.open:before
            content: 'Vertical Open Door';
            wallTextExpanded()
          &.wall-h.door.unlocked.open:before
            content: 'Horisontal Open Door';
            wallTextExpanded()
          &.wall-v.door.unlocked.closed:before
            content: 'Vertical Closed Door';
            wallTextExpanded()
          &.wall-h.door.unlocked.closed:before
            content: 'Horisontal Closed Door';
            wallTextExpanded()
          &.wall-v.door.locked.closed:before
            content: 'Vertical Locked Door';
            wallTextExpanded()
          &.wall-h.door.locked.closed:before
            content: 'Horisontal Locked Door';
            wallTextExpanded()
          &.wall-h.door.hidden.closed:before
            content: 'Horisontal Hidden Door';
            wallTextExpanded()
          &.wall-v.door.hidden.closed:before
            content: 'Vertical Hidden Door';
            wallTextExpanded()
          &.wall-h.door.hidden.locked.closed:before
            content: 'Horisontal Hidden Locked Door';
            wallTextExpanded()
          &.wall-v.door.hidden.locked.closed:before
            content: 'Vertical Hidden Locked Door';
            wallTextExpanded()
  */
}
#figures.tools .figure {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 auto;
  transform-origin: 50% 50%;
}
#figures.tools .figure.wall {
  transform-style: preserve-3d;
  width: 64px;
  height: 64px;
  position: relative;
  transform: rotate3d(2, -0.5, 0, 45deg) scale3d(0.5, 0.5, 0.5);
  display: inline-block;
  top: 20px;
}
#figures.tools .figure.wall.wall-v:not(.door):before {
  content: 'Vertical Wall';
}
#figures.tools .figure.wall.wall-h:not(.door):before {
  content: 'Horisontal Wall';
}
#figures.tools .figure.wall.wall-v.door.unlocked.open:before {
  content: 'Vertical Open Door';
}
#figures.tools .figure.wall.wall-h.door.unlocked.open:before {
  content: 'Horisontal Open Door';
}
#figures.tools .figure.wall.wall-v.door.unlocked.closed:before {
  content: 'Vertical Closed Door';
}
#figures.tools .figure.wall.wall-h.door.unlocked.closed:before {
  content: 'Horisontal Closed Door';
}
#figures.tools .figure.wall.wall-v.door.locked.closed:before {
  content: 'Vertical Locked Door';
}
#figures.tools .figure.wall.wall-h.door.locked.closed:before {
  content: 'Horisontal Locked Door';
}
#figures.tools .figure.wall.wall-v.door.hidden.closed:before {
  content: 'Vertical Locked Door';
}
#figures.tools .figure.wall.wall-h.door.hidden.closed:before {
  content: 'Horisontal Locked Door';
}
#figures.tools .figure.wall.wall-v.door.hidden.locked.closed:before {
  content: 'Vertical Locked Door';
}
#figures.tools .figure.wall.wall-h.door.hidden.locked.closed:before {
  content: 'Horisontal Locked Door';
}
#figures.tools .figure.wall div {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  position: absolute;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  top: 0;
  left: 0;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-v .wall-top {
  background-color: #ba6900;
  width: 16px;
  height: 144px;
  transform: translate3d(56px, -2.5px, 64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-v .wall-front,
#figures.tools .figure.wall.half-wall.wall-v .wlf {
  background-color: #a35c00;
  width: 16px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translate3d(56px, 0, 77px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-v .wall-left {
  background-color: #7c4602;
  width: 64px;
  height: 144px;
  transform: rotate3d(0, 1, 0, -90deg) translate3d(32px, -2.5px, -24px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-v .wall-right {
  background-color: #7c4602;
  width: 64px;
  height: 144px;
  transform: rotate3d(0, 1, 0, 90deg) translate3d(-32px, -2.5px, 40px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-h .wall-top {
  background-color: #ba6900;
  width: 138px;
  height: 16px;
  transform: translate3d(-5px, 64px, 64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-h .wall-front,
#figures.tools .figure.wall.half-wall.wall-h .wlf {
  background-color: #a35c00;
  width: 138px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translate3d(-5px, 0, 16px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-h .wall-left {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translate3d(32px, 64px, 37px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-h .wall-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translate3d(-32px, 64px, 101px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-block .wall-top {
  width: 138px;
  height: 144px;
  transform: translateZ(80px) translateX(-5px) translateY(-2px);
  background-color: #ba6900;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-block .wall-left {
  width: 144px;
  height: 80px;
  transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 90deg) translateX(-10px) translateY(80px) translateZ(-77px);
  background-color: #7c4602;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-block .wall-right {
  width: 144px;
  height: 80px;
  transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 90deg) translateX(-10px) translateY(80px) translateZ(61px);
  background-color: #7c4602;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-block .wall-front,
#figures.tools .figure.wall.half-wall.wall-block .wlf {
  width: 138px;
  height: 80px;
  transform: rotate3d(1, 0, 0, -90deg) translateX(-5px) translateZ(60px);
  background-color: #a35c00;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-block .wall.back {
  width: 138px;
  height: 80px;
  transform: rotate3d(1, 0, 0, -90deg) translateX(-5px) translateZ(-164px);
  background-color: #7c4602;
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(-2.5px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(-3px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(27px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(26px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(56px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(56px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-front-right,
#figures.tools .figure.wall.half-wall.wall-tr .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(56px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tr .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(101px) translateX(-27px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(58.5px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-back-top {
  background-color: #ba6900;
  width: 16px;
  height: 64px;
  transform: translateX(56px) translateY(72.5px) rotate3d(1, 0, 0, -90deg);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(63px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(56px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(56px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-front-right,
#figures.tools .figure.wall.half-wall.wall-br .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(56px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-br .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(102px) translateX(-38px) translateY(70px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(58.5px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-back-top {
  background-color: #ba6900;
  width: 16px;
  height: 64px;
  transform: translateX(56px) translateY(72.5px) rotate3d(1, 0, 0, -90deg);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(63px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(-5px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(-6px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-front-right,
#figures.tools .figure.wall.half-wall.wall-bl .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(-6px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-bl .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(-32px) translateX(-38px) translateY(70px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(-2.5px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(-3px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(27px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(26px) translateY(0px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(-6px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(-6px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-front-right,
#figures.tools .figure.wall.half-wall.wall-tl .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(-6px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#figures.tools .figure.wall.half-wall.wall-tl .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(-38px) translateX(-27px) translateY(64px);
  will-change: transform;
}
#tacticalView {
  display: none;
}
#toolbox {
  min-height: 150px;
}
#toolbox .figure.delete {
  position: absolute !important;
  right: 60px !important;
  left: auto !important;
  top: 30px;
}
#toolbox #monster-list {
  display: flex;
  position: absolute;
  left: calc(50% + 50px);
  transform: translateX(-50%);
}
#toolbox div#toolbox-controls {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
#toolbox div#toolbox-controls input#monster-search {
  width: 260px;
  margin: 10px 10px 20px 10px;
}
#toolbox .close {
  position: absolute;
  right: 10px;
  top: -5px;
  font-size: 2.5rem;
  cursor: pointer;
  color: #71423d;
}
#toolbox .delete-path,
#toolbox .delete-floor,
#toolbox .delete {
  width: 90px;
  height: 35px;
  cursor: url("/assets/art/cursors/hand.png"), auto;
}
#toolbox .delete-path.icon,
#toolbox .delete-floor.icon,
#toolbox .delete.icon {
  width: 90px;
  height: 35px;
}
#toolbox .delete-path.icon .fa-solid.fa-trash-can,
#toolbox .delete-floor.icon .fa-solid.fa-trash-can,
#toolbox .delete.icon .fa-solid.fa-trash-can {
  font-size: 1.875em;
  margin: 0;
  padding: 0;
}
#toolbox .delete-path i.fa-solid.fa-trash-can,
#toolbox .delete-floor i.fa-solid.fa-trash-can,
#toolbox .delete i.fa-solid.fa-trash-can {
  margin: 0 0 0 0;
  font-size: 2.5rem;
  padding: 0px;
  color: $darkBrown;
  filter: drop-shadow(0px 3px 0px #000) drop-shadow(0px -3px 0px #000) drop-shadow(3px 0px 0px #000) drop-shadow(-3px 0px 0px #000);
  margin: 50px 0 0 0;
}
#toolbox .delete-path i.fa-solid.fa-trash-can,
#toolbox .building.delete i.fa-solid.fa-trash-can,
#toolbox .delete-floor i.fa-solid.fa-trash-can {
  margin: 0px;
  padding: 12px;
}
#toolbox .figure {
  background-color: transparent;
  position: static;
  height: 120px;
  width: 90px;
  background-position: center bottom;
  perspective: 400px;
  transform: none;
  background-size: auto 90px;
  background-repeat: no-repeat;
  background-position: bottom center;
}
#toolbox .figure:not(.wall) {
  filter: drop-shadow(2px 4px 8px #000);
}
#toolbox .figure.water {
  height: 70px;
  width: 70px;
  background-size: contain;
}
#toolbox .figure.furniture {
  height: 70px;
  width: 70px;
  background-size: contain;
}
#toolbox .figure.furniture.delete i {
  margin-top: 20px;
}
#toolbox .figure.npc {
  background-size: 90px auto;
}
#toolbox .figure.character .treassure,
#toolbox .figure.character .story {
  display: none;
}
#toolbox .figure.character.hero {
  background-size: cover;
}
#toolbox .figure.building.delete {
  height: 80px;
  width: 80px;
}
#toolbox .figure .statistics,
#toolbox .figure .equipment,
#toolbox .figure .class,
#toolbox .figure .race,
#toolbox .figure .height,
#toolbox .figure .weight,
#toolbox .figure .age,
#toolbox .figure .gender,
#toolbox .figure .alignment {
  display: none;
}
#toolbox .figure.large {
  background-size: 95%;
  width: 120px;
}
#toolbox .figure.size2x1 {
  background-size: 95%;
  width: 120px;
}
#toolbox .figure.size-384 {
  background-size: 95%;
  width: 120px;
}
#toolbox .figure .name {
  position: absolute;
  bottom: -25px;
  line-height: 13px;
  width: calc(100% - 16px);
  transform: rotate3d(1, 0, 0, 25deg);
  background-color: #71423d;
  padding: 4px 2px 7px 2px;
  color: #ffd700;
  text-shadow: -1px -1px rgba(0,0,0,0.502), 2px 2px rgba(0,0,0,0.502);
  font-weight: 100;
  letter-spacing: 1px;
  border-top: 1px solid #ffd700;
  border-left: 1px solid #ffd700;
  border-right: 2px solid #af8700;
  border-bottom: 1px solid rgba(0,0,0,0.502);
  border-radius: 7px 7px 0 0;
  font-family: 'Permanent Marker';
  font-size: 0.6875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}
#toolbox .wall.wall-v:not(.door):before {
  content: 'Vertical Wall';
}
#toolbox .wall.wall-h:not(.door):before {
  content: 'Horisontal Wall';
}
#toolbox .wall.wall-v.door.unlocked.open:before {
  content: 'Vertical Open Door';
}
#toolbox .wall.wall-h.door.unlocked.open:before {
  content: 'Horisontal Open Door';
}
#toolbox .wall.wall-v.door.unlocked.closed:before {
  content: 'Vertical Closed Door';
}
#toolbox .wall.wall-h.door.unlocked.closed:before {
  content: 'Horisontal Closed Door';
}
#toolbox .wall.wall-v.door.locked.closed:before {
  content: 'Vertical Locked Door';
}
#toolbox .wall.wall-h.door.locked.closed:before {
  content: 'Horisontal Locked Door';
}
#toolbox .wall.wall-v.door.hidden.closed:before {
  content: 'Vertical Locked Door';
}
#toolbox .wall.wall-h.door.hidden.closed:before {
  content: 'Horisontal Locked Door';
}
#toolbox .wall.wall-v.door.hidden.locked.closed:before {
  content: 'Vertical Locked Door';
}
#toolbox .wall.wall-h.door.hidden.locked.closed:before {
  content: 'Horisontal Locked Door';
}
#toolbox .wall div {
  cursor: url("/assets/art/cursors/hand.png"), auto;
  position: absolute;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  top: 0;
  left: 0;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-v .wall-top {
  background-color: #ba6900;
  width: 16px;
  height: 144px;
  transform: translate3d(56px, -2.5px, 64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-v .wall-front,
#toolbox .wall.half-wall.wall-v .wlf {
  background-color: #a35c00;
  width: 16px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translate3d(56px, 0, 77px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-v .wall-left {
  background-color: #7c4602;
  width: 64px;
  height: 144px;
  transform: rotate3d(0, 1, 0, -90deg) translate3d(32px, -2.5px, -24px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-v .wall-right {
  background-color: #7c4602;
  width: 64px;
  height: 144px;
  transform: rotate3d(0, 1, 0, 90deg) translate3d(-32px, -2.5px, 40px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-h .wall-top {
  background-color: #ba6900;
  width: 138px;
  height: 16px;
  transform: translate3d(-5px, 64px, 64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-h .wall-front,
#toolbox .wall.half-wall.wall-h .wlf {
  background-color: #a35c00;
  width: 138px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translate3d(-5px, 0, 16px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-h .wall-left {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translate3d(32px, 64px, 37px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-h .wall-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translate3d(-32px, 64px, 101px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-block .wall-top {
  width: 138px;
  height: 144px;
  transform: translateZ(80px) translateX(-5px) translateY(-2px);
  background-color: #ba6900;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-block .wall-left {
  width: 144px;
  height: 80px;
  transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 90deg) translateX(-10px) translateY(80px) translateZ(-77px);
  background-color: #7c4602;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-block .wall-right {
  width: 144px;
  height: 80px;
  transform: rotate3d(0, 0, 1, 90deg) rotate3d(1, 0, 0, 90deg) translateX(-10px) translateY(80px) translateZ(61px);
  background-color: #7c4602;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-block .wall-front,
#toolbox .wall.half-wall.wall-block .wlf {
  width: 138px;
  height: 80px;
  transform: rotate3d(1, 0, 0, -90deg) translateX(-5px) translateZ(60px);
  background-color: #a35c00;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-block .wall.back {
  width: 138px;
  height: 80px;
  transform: rotate3d(1, 0, 0, -90deg) translateX(-5px) translateZ(-164px);
  background-color: #7c4602;
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(-2.5px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(-3px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(27px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(26px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(56px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(56px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-front-right,
#toolbox .wall.half-wall.wall-tr .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(56px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tr .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(101px) translateX(-27px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(58.5px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-back-top {
  background-color: #ba6900;
  width: 16px;
  height: 64px;
  transform: translateX(56px) translateY(72.5px) rotate3d(1, 0, 0, -90deg);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(63px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(56px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(56px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-front-right,
#toolbox .wall.half-wall.wall-br .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(56px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-br .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(102px) translateX(-38px) translateY(70px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(58.5px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-back-top {
  background-color: #ba6900;
  width: 16px;
  height: 64px;
  transform: translateX(56px) translateY(72.5px) rotate3d(1, 0, 0, -90deg);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(63px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(-34px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(-5px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(-6px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-front-right,
#toolbox .wall.half-wall.wall-bl .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(-6px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-bl .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(-32px) translateX(-38px) translateY(70px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-bottom-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateX(56px) translateY(-2.5px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-top-top {
  background-color: #ba6900;
  width: 16px;
  height: 77px;
  transform: translateZ(64px) translateX(56px) translateY(-3px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-left-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(18px) translateX(27px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-right-top {
  background-color: #7c4602;
  width: 77px;
  height: 64px;
  transform: rotate3d(0, 1, 0, 90deg) rotate3d(0, 0, 1, -90deg) translateZ(34px) translateX(26px) translateY(0px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-bottom-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateX(-6px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-top-right {
  background-color: #ba6900;
  width: 77px;
  height: 16px;
  transform: translateZ(64px) translateX(-6px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-front-right,
#toolbox .wall.half-wall.wall-tl .wlfr {
  background-color: #a35c00;
  width: 77px;
  height: 64px;
  transform: rotate3d(1, 0, 0, -90deg) translateZ(16px) translateX(-6px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-left-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, -90deg) translateZ(37px) translateX(32px) translateY(64px);
  will-change: transform;
}
#toolbox .wall.half-wall.wall-tl .wall-right-right {
  background-color: #7c4602;
  width: 64px;
  height: 16px;
  transform: rotate3d(0, 1, 0, 90deg) translateZ(-38px) translateX(-27px) translateY(64px);
  will-change: transform;
}
#toolbox .wall {
  transform-style: preserve-3d;
  width: 80px;
  height: 80px;
  position: static;
  transform: rotate3d(1, 0, 0, 45deg) scale3d(0.3, 0.3, 0.3);
  display: block;
  top: 20px;
}
#toolbox .wall.wall-v:not(.door):before {
  content: 'Vertical Wall';
}
#toolbox .wall.wall-h:not(.door):before {
  content: 'Horisontal Wall';
}
#toolbox .wall.wall-v.window:not(.door):before {
  content: 'Vertical Wall Window';
}
#toolbox .wall.wall-h.window:not(.door):before {
  content: 'Horisontal Wall Window';
}
#toolbox .wall.wall-v.door.unlocked.open:before {
  content: 'Vertical Open Door';
}
#toolbox .wall.wall-h.door.unlocked.open:before {
  content: 'Horisontal Open Door';
}
#toolbox .wall.wall-v.door.unlocked.closed:before {
  content: 'Vertical Closed Door';
}
#toolbox .wall.wall-h.door.unlocked.closed:before {
  content: 'Horisontal Closed Door';
}
#toolbox .wall.wall-v.door.locked.closed:before {
  content: 'Vertical Locked Door';
}
#toolbox .wall.wall-h.door.locked.closed:before {
  content: 'Horisontal Locked Door';
}
#toolbox .wall.wall-h.door.hidden.closed:before {
  content: 'Horisontal Hidden Door';
}
#toolbox .wall.wall-v.door.hidden.closed:before {
  content: 'Vertical Hidden Door';
}
#toolbox .wall.wall-h.door.hidden.locked.closed:before {
  content: 'Horisontal Hidden Locked Door';
}
#toolbox .wall.wall-v.door.hidden.locked.closed:before {
  content: 'Vertical Hidden Locked Door';
}
#toolbox .water-display {
  position: static;
  transform: rotate3d(1, 0, 0, 45deg);
  width: 64px;
  height: 64px;
  background-color: rgba(0,0,0,0.2);
}
#toolbox .water-display .water {
  position: static;
  transform: scale(0.5);
  margin: -16px;
}
#toolbox .floor-display {
  position: static;
  transform: rotate3d(1, 0, 0, 45deg);
  width: 64px;
  height: 64px;
  background-color: rgba(0,0,0,0.2);
}
#toolbox .floor-display .path {
  position: static;
  transform: scale(0.5);
  margin: -16px;
}
#toolbox .floor-display .floor {
  transform: scale(0.5);
  margin: -16px;
}
#toolbox .floor-display>div {
  width: 100px;
  height: 100px;
}
#toolbox .floor-display>div.delete-path.delete-floor {
  width: 64px;
  height: 64px;
}
#toolbox .floor-display>div.t-floor {
  width: 96px;
  height: 48px;
  top: 13px;
}
#toolbox .floor-display>div.b-floor {
  width: 96px;
  height: 48px;
  bottom: 13px;
}
#toolbox .floor-display>div.br-floor {
  width: 48px;
  height: 48px;
  right: 13px;
  bottom: 13px;
}
#toolbox .floor-display>div.bl-floor {
  width: 48px;
  height: 48px;
  left: 13px;
  bottom: 13px;
}
#toolbox .floor-display>div.tr-floor {
  width: 48px;
  height: 48px;
  right: 13px;
  top: 13px;
}
#toolbox .floor-display>div.tl-floor {
  width: 48px;
  height: 48px;
  left: 13px;
  top: 13px;
}
#toolbox .floor-display>div.r-floor {
  width: 48px;
  height: 96px;
  right: 13px;
}
#toolbox .floor-display>div.l-floor {
  width: 48px;
  height: 96px;
  left: 13px;
}
#toolbox .floor-display>div.f-floor {
  width: 96px;
  height: 96px;
}
#toolbox .monster.show .statistics {
  display: block;
  background-color: $paper;
  position: absolute;
  width: 350px;
  bottom: 128px;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid $gold;
  border-radius: 5px;
  padding: 15px;
  background-image: url("/assets/art/images/paper-repeatable.webp");
  background-position: center;
  box-shadow: 0 0 0px 5px $darkBrown;
}
#toolbox .monster.show .statistics .xp:before {
  content: 'XP: ';
}
#toolbox .monster.show .statistics .number {
  content: 'Number Appearing: ';
}
#toolbox .monster.show .statistics .treassureType {
  content: 'Treasure Type: ';
}
#toolbox .monster.show .statistics .damagemodifier {
  content: 'Damage Modifier: ';
}
#toolbox .monster.show .statistics .thac0,
#toolbox .monster.show .statistics .attacks,
#toolbox .monster.show .statistics .damage,
#toolbox .monster.show .statistics .damageType {
  margin-top: 0px;
  position: static;
}
#toolbox .monster.show .statistics .environment {
  display: none;
}
#toolbox .monster.show .statistics .armour {
  height: 80px;
  width: 350px;
  position: relative;
  top: 20px;
  padding-bottom: 15px;
  margin-bottom: 40px;
}
#toolbox .monster.show .statistics .armour:before {
  content: 'Armour';
  font-family: 'Permanent Marker';
  position: absolute;
  left: 50%;
  top: -23px;
  transform: translateX(-50%);
  font-size: 1.875rem;
  text-shadow: 1px 1px 2px #000, 1px 1px 2px #000;
  color: $softWhite;
}
#toolbox .monster.show .statistics .armour .armourclass {
  display: inline-block;
  font-family: 'Architects Daughter';
  background-image: url("/assets/art/images/shield.png");
  width: 44px;
  height: 44px;
  padding: 48px 23px 10px 17px;
  background-repeat: no-repeat;
  background-size: 80%;
  margin: -31px 0 0 0;
  text-align: center;
  background-position: 9px center;
  text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
  line-height: 1px;
}
#toolbox .monster.show .statistics .armour .armourclass.acPierce {
  font-family: 'Caveat';
  position: absolute;
  left: 25%;
  top: 40px;
  transform: translateX(-50%);
  font-size: 2.1875rem;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.502));
}
#toolbox .monster.show .statistics .armour .armourclass.acPierce:before {
  content: 'Pierce';
  font-family: 'Architects Daughter';
  position: absolute;
  top: 12px;
  transform: translateX(-33%);
  font-size: 1rem;
  text-shadow: none;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
}
#toolbox .monster.show .statistics .armour .armourclass.acSlash {
  font-family: 'Caveat';
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translateX(-50%);
  font-size: 2.1875rem;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.502));
}
#toolbox .monster.show .statistics .armour .armourclass.acSlash:before {
  content: 'Slash';
  font-family: 'Architects Daughter';
  position: absolute;
  top: 12px;
  transform: translateX(-33%);
  font-size: 1rem;
  text-shadow: none;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
}
#toolbox .monster.show .statistics .armour .armourclass.acBludgeon {
  font-family: 'Caveat';
  position: absolute;
  left: 75%;
  top: 40px;
  transform: translateX(-50%);
  font-size: 2.1875rem;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.502));
}
#toolbox .monster.show .statistics .armour .armourclass.acBludgeon:before {
  content: 'Blunt';
  font-family: 'Architects Daughter';
  position: absolute;
  top: 12px;
  transform: translateX(-33%);
  font-size: 1rem;
  text-shadow: none;
  width: 100px;
  left: 50%;
  transform: translateX(-50%);
}
#toolbox .monster::before {
  font-family: "Font Awesome 6 Free";
  content: "\f129";
  color: $gold;
  background-color: #71423d;
  width: 25px;
  height: 25px;
  border-radius: 13px;
  border: 0px solid $gold;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 25px;
  position: absolute;
  left: 0;
  top: 20px;
  box-shadow: 0px 0px 0px 1px $gold, 0px 0px 0px 2px #daa520, 1px 1px 4px 2px #000, inset 1px 1px 3px -1px #ffff82;
}