/*html {*/
/*    background-image: url(../img/wood_background.jpg)*/
/*}*/

/*! nouislider - 14.6.0 - 6/27/2020 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  /*-ms-transform-origin: 0 0;*/ /* FIXME */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-style: flat;
  will-change: transform;
  z-index: 1;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  height: 28px;
  right: -17px;
  top: -6px;
  width: 34px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  height: 34px;
  right: -6px;
  top: -17px;
  width: 28px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #fafafa;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow:
    inset 0 1px 1px #f0f0f0,
    0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ebebeb,
    0 3px 6px -3px #bbb;
  cursor: default;
}

.noUi-active {
  box-shadow:
    inset 0 0 1px #fff,
    inset 0 1px 7px #ddd,
    0 3px 6px -3px #bbb;
}

.noUi-handle:after,
.noUi-handle:before {
  background: #e8e7e6;
  content: "";
  display: block;
  height: 14px;
  left: 14px;
  position: absolute;
  top: 6px;
  width: 1px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  height: 1px;
  left: 6px;
  top: 14px;
  width: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  color: #999;
  position: absolute;
}

.noUi-value {
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  background: #ccc;
  position: absolute;
}

.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}

.noUi-pips-horizontal {
  height: 80px;
  left: 0;
  padding: 10px 0;
  top: 100%;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  height: 5px;
  margin-left: -1px;
  width: 2px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  height: 100%;
  left: 100%;
  padding: 0 10px;
  top: 0;
}

.noUi-value-vertical {
  padding-left: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

.noUi-marker-vertical.noUi-marker {
  height: 2px;
  margin-top: -1px;
  width: 5px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #000;
  display: block;
  padding: 5px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

.noUi-vertical .noUi-tooltip {
  right: 120%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: 10px;
  left: auto;
  -webkit-transform: translate(50%);
  transform: translate(50%);
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  right: 28px;
  top: auto;
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}

:root {
  --arkNovaZooCardScale: 0.6;
  --arkNovaActionCardScale: 1;
  --arkNovaLeftColumnScale: 1;
  --arkNovaAssociationBoardScale: 1;
}

.dijitTooltipContainer {
  --arkNovaZooCardScale: 1;
}

.ark-card.zoo-card {
  height: calc(var(--arkNovaZooCardScale) * 522px);
  width: calc(var(--arkNovaZooCardScale) * 375px);
}

.ark-card.zoo-card .ark-card-wrapper {
  transform: scale(var(--arkNovaZooCardScale));
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites {
  margin-top: 5px;
  position: relative;
  z-index: 3;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge {
  background: #dd5749;
  border-radius: 0 25px 25px 0;
  box-shadow: 1px 1px 3px #000;
  display: flex;
  height: 51px;
  justify-content: flex-end;
  margin: 3px 0;
  width: 70px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge.double-badge {
  width: 122px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge.badge-appeal {
  border-radius: 0;
  width: 30px;
}

.filter-button .badge-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 60px;
  width: 60px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge
  .badge-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 51px;
  width: 51px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge
  .badge-icon
  ~ .badge-icon {
  margin-left: 5px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge
  .badge-icon[data-type="Appeal"] {
  background: none;
  border: none;
  border-radius: 0;
  margin-right: -30px;
  width: 40px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge
  .badge-icon[data-type="Appeal"]
  .icon-appeal {
  align-items: center;
  display: flex;
  font-size: 17px;
  height: 51px;
  justify-content: center;
  width: 40px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .zoo-card-prerequisites
  .zoo-card-badge
  .badge-icon[data-type="Reputation"] {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 42px;
  text-align: center;
  text-indent: -1px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-right
  .zoo-card-badge {
  align-items: flex-end;
  background: #d9dde8;
  border-radius: 0 0 28px 28px;
  box-shadow: 1px 1px 3px #000;
  display: flex;
  height: 73px;
  margin: 0 3px;
  width: 55px;
  z-index: 3;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-right
  .zoo-card-badge
  .badge-icon {
  border: 2px solid #fff;
  border-radius: 50%;
  height: 55px;
  width: 55px;
}

.ark-card.zoo-card .ark-card-wrapper .ark-card-bottom .zoo-card-bonuses {
  align-items: flex-end;
  display: flex;
  float: right;
  height: 100%;
  shape-outside: polygon(0 90px, 0 167px, 67px 167px, 67px 90px);
}

.ark-card.zoo-card .ark-card-wrapper .ark-card-bottom .icon-container-wave {
  /*align-items: flex-end;*/
  /*margin-bottom: -20px;*/
  position: absolute;
  right: -9px;
  top: 343px;
  z-index: 1;
  height: 100%;
  /*transform: scale(5);*/
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses[data-size="2"] {
  shape-outside: polygon(0 90px, 0 167px, 134px 167px, 134px 90px);
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses[data-size="3"] {
  shape-outside: polygon(0 90px, 0 167px, 201px 167px, 201px 90px);
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses
  .zoo-card-bonus {
  align-items: center;
  background: url(/img/zoo-card-bonuses.png);
  background-size: 300% 132%;
  display: flex;
  font-family: MyriadPro-Bold;
  font-size: 30px;
  height: 70px;
  justify-content: center;
  margin-right: -10px;
  width: 77px;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses
  .zoo-card-bonus.reputation {
  background-position-x: 100%;
  color: #fff;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses
  .zoo-card-bonus.conservation {
  background-position-x: 50%;
}

.ark-card.zoo-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses
  .zoo-card-bonus.appeal {
  background-position-x: 0;
}

.ark-card.zoo-card.animal-card .ark-card-wrapper {
  background-position-x: 33.3333333333%;
}

.ark-card.zoo-card.animal-card .ark-card-wrapper .ark-card-top {
  background-size: 100%;
  height: 297px;
  width: 373px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left {
  z-index: 2;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  > .arknova-meeple {
  height: 70px;
  position: absolute;
  right: 20px;
  top: 213px;
  width: 70px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  > .arknova-reef-container {
  height: 70px;
  position: absolute;
  right: 0px;
  top: 80px;
  width: 105px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost {
  height: 130px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure {
  align-items: center;
  background: #878787;
  border-top-left-radius: 8px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  box-sizing: border-box;
  display: flex;
  height: 68px;
  justify-content: center;
  min-width: 77px;
  padding-left: 7px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 35px;
  height: 48px;
  line-height: 45px;
  margin: 0 5px;
  text-align: center;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular {
  width: 55.2px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular-rock,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular-rock-rock,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular-rock-water,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular-water,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-regular-water-water {
  box-sizing: border-box;
  padding-right: 31.44px;
  width: 85.92px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-special-large-bird-aviary {
  font-size: 22px;
  line-height: 32px;
  width: 42px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-special-reptile-house {
  font-size: 24px;
  line-height: 45px;
  width: 33.84px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-special-aquarium {
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  width: 42px;
  padding-right: 4px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure
  > div.icon-enclosure-special-petting-zoo {
  box-sizing: border-box;
  font-size: 32px;
  line-height: 40px;
  padding-right: 10px;
  text-align: right;
  width: 58.56px;
}

/* FIXME: a black line should be remove */
.ark-card.zoo-card.animal-card .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-cost {
  align-items: center;
  background: #878787;
  border-bottom-right-radius: 8px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  box-sizing: border-box;
  clip-path: polygon(0 0, 100% 0, 100% -15%, 200% -15%, 200% 120%, 0 120%);
  display: flex;
  height: 62px;
  justify-content: center;
  margin-top: -62px;
  padding-left: 7px;
  width: 77px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-cost
  .icon-money {
  border: 2px solid #fff;
  border-radius: 15px;
  box-sizing: border-box;
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 33px;
  height: 50px;
  letter-spacing: -1px;
  line-height: 42px;
  text-align: center;
  text-indent: -1px;
  width: 50px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-cost
  .reduced-cost {
  display: none;
}

[data-reduced-cost="1"]
  .ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-cost.reduced
  .original-cost {
  position: relative;
}

[data-reduced-cost="1"]
  .ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-cost.reduced
  .original-cost:before {
  background: linear-gradient(
    135deg,
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.4) 48%,
    #cacaca 48.1%,
    #cacaca 51.9%,
    rgba(0, 0, 0, 0.4) 52%,
    rgba(0, 0, 0, 0.4)
  );
  border-radius: 15px;
  bottom: -2px;
  content: "";
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}

[data-reduced-cost="1"]
  .ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-cost.reduced
  .reduced-cost {
  align-items: center;
  background: #878787;
  border-radius: 0 6px 6px 0;
  box-shadow: 2px 2px 2px 1px #2f2f2f;
  display: flex;
  height: 62px;
  justify-content: center;
  left: 71px;
  position: absolute;
  width: 68px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost.wide
  .animal-card-enclosure,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost.wide
  .animal-card-enclosure-forbidden {
  border-bottom-right-radius: 8px;
  min-width: 110px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-cost {
  clip-path: polygon(0 0, 250% 0, 250% 120%, 0 120%);
}

.ark-card.zoo-card.animal-card .ark-card-wrapper .ark-card-middle {
  background: #eb8a00;
  background: linear-gradient(90deg, #eb8a00 15%, #fcbd1a 50%, #eb8a00 85%);
  height: 50px;
}

.ark-card.zoo-card.animal-card .ark-card-wrapper .ark-card-bottom {
  height: 173px;
  padding: 6px 15px 0;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-bottom
  .animal-ability
  .animal-ability-title {
  color: #070002;
  font-family: Espera;
  font-size: 19px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-bottom
  .animal-ability
  .animal-ability-desc {
  font-family: MyriadPro-Regular;
  font-size: 17px;
  line-height: 24px;
  margin: 4px 0;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle {
  height: 70px;
  margin-bottom: -10px;
  margin-top: -10px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  display: none;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 3px 20px 1px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  line-height: 31px;
  width: 100%;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-subtitle {
  display: none;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-bottom
  .animal-ability
  .animal-ability-title {
  font-size: 32px;
  margin-top: 10px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.animal-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-bottom
  .animal-ability
  .animal-ability-desc {
  display: none;
}

.zoo-card.animal-card[data-id="A341_Capybara"] .ark-card-top {
  background-image: url(/img/animals/A341_Capybara.jpg);
}

.zoo-card.animal-card[data-id="A401_Cheetah"] .ark-card-top {
  background-image: url(/img/animals/A401_Cheetah.jpg);
}

.zoo-card.animal-card[data-id="A402_Lion"] .ark-card-top {
  background-image: url(/img/animals/A402_Lion.jpg);
}

.zoo-card.animal-card[data-id="A403_Leopard"] .ark-card-top {
  background-image: url(/img/animals/A403_Leopard.jpg);
}

.zoo-card.animal-card[data-id="A404_Caracal"] .ark-card-top {
  background-image: url(/img/animals/A404_Caracal.jpg);
}

.zoo-card.animal-card[data-id="A405_FennecFox"] .ark-card-top {
  background-image: url(/img/animals/A405_FennecFox.jpg);
}

.zoo-card.animal-card[data-id="A406_SiberianTiger"] .ark-card-top {
  background-image: url(/img/animals/A406_SiberianTiger.jpg);
}

.zoo-card.animal-card[data-id="A407_SumatranTiger"] .ark-card-top {
  background-image: url(/img/animals/A407_SumatranTiger.jpg);
}

.zoo-card.animal-card[data-id="A408_SlothBear"] .ark-card-top {
  background-image: url(/img/animals/A408_SlothBear.jpg);
}

.zoo-card.animal-card[data-id="A409_SunBear"] .ark-card-top {
  background-image: url(/img/animals/A409_SunBear.jpg);
}

.zoo-card.animal-card[data-id="A410_YellowthroatedMarten"] .ark-card-top {
  background-image: url(/img/animals/A410_YellowthroatedMarten.jpg);
}

.zoo-card.animal-card[data-id="A411_GrizzlyBear"] .ark-card-top {
  background-image: url(/img/animals/A411_GrizzlyBear.jpg);
}

.zoo-card.animal-card[data-id="A412_Jaguar"] .ark-card-top {
  background-image: url(/img/animals/A412_Jaguar.jpg);
}

.zoo-card.animal-card[data-id="A413_Cougar"] .ark-card-top {
  background-image: url(/img/animals/A413_Cougar.jpg);
}

.zoo-card.animal-card[data-id="A414_SouthAmericanCoati"] .ark-card-top {
  background-image: url(/img/animals/A414_SouthAmericanCoati.jpg);
}

.zoo-card.animal-card[data-id="A415_Raccoon"] .ark-card-top {
  background-image: url(/img/animals/A415_Raccoon.jpg);
}

.zoo-card.animal-card[data-id="A416_EurasianBrownBear"] .ark-card-top {
  background-image: url(/img/animals/A416_EurasianBrownBear.jpg);
}

.zoo-card.animal-card[data-id="A417_Wolf"] .ark-card-top {
  background-image: url(/img/animals/A417_Wolf.jpg);
}

.zoo-card.animal-card[data-id="A418_EurasianLynx"] .ark-card-top {
  background-image: url(/img/animals/A418_EurasianLynx.jpg);
}

.zoo-card.animal-card[data-id="A419_EuropeanBadger"] .ark-card-top {
  background-image: url(/img/animals/A419_EuropeanBadger.jpg);
}

.zoo-card.animal-card[data-id="A420_Stoat"] .ark-card-top {
  background-image: url(/img/animals/A420_Stoat.jpg);
}

.zoo-card.animal-card[data-id="A421_NewZealandFurSeal"] .ark-card-top {
  background-image: url(/img/animals/A421_NewZealandFurSeal.jpg);
}

.zoo-card.animal-card[data-id="A422_AustralianSeaLion"] .ark-card-top {
  background-image: url(/img/animals/A422_AustralianSeaLion.jpg);
}

.zoo-card.animal-card[data-id="A423_NewZealandSeaLion"] .ark-card-top {
  background-image: url(/img/animals/A423_NewZealandSeaLion.jpg);
}

.zoo-card.animal-card[data-id="A424_AustralianDingo"] .ark-card-top {
  background-image: url(/img/animals/A424_AustralianDingo.jpg);
}

.zoo-card.animal-card[data-id="A425_TasmanianDevil"] .ark-card-top {
  background-image: url(/img/animals/A425_TasmanianDevil.jpg);
}

.zoo-card.animal-card[data-id="A426_AfricanBushElephant"] .ark-card-top {
  background-image: url(/img/animals/A426_AfricanBushElephant.jpg);
}

.zoo-card.animal-card[data-id="A427_WhiteRhinoceros"] .ark-card-top {
  background-image: url(/img/animals/A427_WhiteRhinoceros.jpg);
}

.zoo-card.animal-card[data-id="A428_NorthernGiraffe"] .ark-card-top {
  background-image: url(/img/animals/A428_NorthernGiraffe.jpg);
}

.zoo-card.animal-card[data-id="A429_GrevysZebra"] .ark-card-top {
  background-image: url(/img/animals/A429_GrevysZebra.jpg);
}

.zoo-card.animal-card[data-id="A430_PygmyHippopotamus"] .ark-card-top {
  background-image: url(/img/animals/A430_PygmyHippopotamus.jpg);
}

.zoo-card.animal-card[data-id="A431_AsianElephant"] .ark-card-top {
  background-image: url(/img/animals/A431_AsianElephant.jpg);
}

.zoo-card.animal-card[data-id="A432_IndianRhinoceros"] .ark-card-top {
  background-image: url(/img/animals/A432_IndianRhinoceros.jpg);
}

.zoo-card.animal-card[data-id="A433_GiantPanda"] .ark-card-top {
  background-image: url(/img/animals/A433_GiantPanda.jpg);
}

.zoo-card.animal-card[data-id="A434_RedPanda"] .ark-card-top {
  background-image: url(/img/animals/A434_RedPanda.jpg);
}

.zoo-card.animal-card[data-id="A435_MalayanTapir"] .ark-card-top {
  background-image: url(/img/animals/A435_MalayanTapir.jpg);
}

.zoo-card.animal-card[data-id="A436_AmericanBison"] .ark-card-top {
  background-image: url(/img/animals/A436_AmericanBison.jpg);
}

.zoo-card.animal-card[data-id="A437_Muskox"] .ark-card-top {
  background-image: url(/img/animals/A437_Muskox.jpg);
}

.zoo-card.animal-card[data-id="A438_Reindeer"] .ark-card-top {
  background-image: url(/img/animals/A438_Reindeer.jpg);
}

.zoo-card.animal-card[data-id="A439_Llama"] .ark-card-top {
  background-image: url(/img/animals/A439_Llama.jpg);
}

.zoo-card.animal-card[data-id="A440_MountainTapir"] .ark-card-top {
  background-image: url(/img/animals/A440_MountainTapir.jpg);
}

.zoo-card.animal-card[data-id="A441_EuropeanBison"] .ark-card-top {
  background-image: url(/img/animals/A441_EuropeanBison.jpg);
}

.zoo-card.animal-card[data-id="A442_Moose"] .ark-card-top {
  background-image: url(/img/animals/A442_Moose.jpg);
}

.zoo-card.animal-card[data-id="A443_RedDeer"] .ark-card-top {
  background-image: url(/img/animals/A443_RedDeer.jpg);
}

.zoo-card.animal-card[data-id="A444_AlpineIbex"] .ark-card-top {
  background-image: url(/img/animals/A444_AlpineIbex.jpg);
}

.zoo-card.animal-card[data-id="A445_CrestedPorcupine"] .ark-card-top {
  background-image: url(/img/animals/A445_CrestedPorcupine.jpg);
}

.zoo-card.animal-card[data-id="A446_Dugong"] .ark-card-top {
  background-image: url(/img/animals/A446_Dugong.jpg);
}

.zoo-card.animal-card[data-id="A447_RedKangaroo"] .ark-card-top {
  background-image: url(/img/animals/A447_RedKangaroo.jpg);
}

.zoo-card.animal-card[data-id="A448_Koala"] .ark-card-top {
  background-image: url(/img/animals/A448_Koala.jpg);
}

.zoo-card.animal-card[data-id="A449_Platypus"] .ark-card-top {
  background-image: url(/img/animals/A449_Platypus.jpg);
}

.zoo-card.animal-card[data-id="A450_CommonWombat"] .ark-card-top {
  background-image: url(/img/animals/A450_CommonWombat.jpg);
}

.zoo-card.animal-card[data-id="A451_ProboscisMonkey"] .ark-card-top {
  background-image: url(/img/animals/A451_ProboscisMonkey.jpg);
}

.zoo-card.animal-card[data-id="A452_SenegalBushbaby"] .ark-card-top {
  background-image: url(/img/animals/A452_SenegalBushbaby.jpg);
}

.zoo-card.animal-card[data-id="A453_CollaredMangabey"] .ark-card-top {
  background-image: url(/img/animals/A453_CollaredMangabey.jpg);
}

.zoo-card.animal-card[data-id="A454_RingtailedLemur"] .ark-card-top {
  background-image: url(/img/animals/A454_RingtailedLemur.jpg);
}

.zoo-card.animal-card[data-id="A455_MantledGuereza"] .ark-card-top {
  background-image: url(/img/animals/A455_MantledGuereza.jpg);
}

.zoo-card.animal-card[data-id="A456_BarbaryMacaque"] .ark-card-top {
  background-image: url(/img/animals/A456_BarbaryMacaque.jpg);
}

.zoo-card.animal-card[data-id="A457_Mandrill"] .ark-card-top {
  background-image: url(/img/animals/A457_Mandrill.jpg);
}

.zoo-card.animal-card[data-id="A458_JapaneseMacaque"] .ark-card-top {
  background-image: url(/img/animals/A458_JapaneseMacaque.jpg);
}

.zoo-card.animal-card[data-id="A459_RedshankedDouc"] .ark-card-top {
  background-image: url(/img/animals/A459_RedshankedDouc.jpg);
}

.zoo-card.animal-card[data-id="A460_DuskyleafMonkey"] .ark-card-top {
  background-image: url(/img/animals/A460_DuskyleafMonkey.jpg);
}

.zoo-card.animal-card[data-id="A461_HorsfieldsTarsier"] .ark-card-top {
  background-image: url(/img/animals/A461_HorsfieldsTarsier.jpg);
}

.zoo-card.animal-card[data-id="A462_NorthernPlainsGrayLangur"] .ark-card-top {
  background-image: url(/img/animals/A462_NorthernPlainsGrayLangur.jpg);
}

.zoo-card.animal-card[data-id="A463_PanamanianWhitefacedCapuchin"]
  .ark-card-top {
  background-image: url(/img/animals/A463_PanamanianWhitefacedCapuchin.jpg);
}

.zoo-card.animal-card[data-id="A464_BrownSpiderMonkey"] .ark-card-top {
  background-image: url(/img/animals/A464_BrownSpiderMonkey.jpg);
}

.zoo-card.animal-card[data-id="A465_GoldenLionTamarin"] .ark-card-top {
  background-image: url(/img/animals/A465_GoldenLionTamarin.jpg);
}

.zoo-card.animal-card[data-id="A466_BolivianRedHowler"] .ark-card-top {
  background-image: url(/img/animals/A466_BolivianRedHowler.jpg);
}

.zoo-card.animal-card[data-id="A467_EcuadorianSquirellMonkey"] .ark-card-top {
  background-image: url(/img/animals/A467_EcuadorianSquirellMonkey.jpg);
}

.zoo-card.animal-card[data-id="A468_CottontopTamarin"] .ark-card-top {
  background-image: url(/img/animals/A468_CottontopTamarin.jpg);
}

.zoo-card.animal-card[data-id="A469_NileCrocodile"] .ark-card-top {
  background-image: url(/img/animals/A469_NileCrocodile.jpg);
}

.zoo-card.animal-card[data-id="A470_WesternGreenMamba"] .ark-card-top {
  background-image: url(/img/animals/A470_WesternGreenMamba.jpg);
}

.zoo-card.animal-card[data-id="A471_AfricanSpurredTortoise"] .ark-card-top {
  background-image: url(/img/animals/A471_AfricanSpurredTortoise.jpg);
}

.zoo-card.animal-card[data-id="A472_RockMonitor"] .ark-card-top {
  background-image: url(/img/animals/A472_RockMonitor.jpg);
}

.zoo-card.animal-card[data-id="A473_CommonAgama"] .ark-card-top {
  background-image: url(/img/animals/A473_CommonAgama.jpg);
}

.zoo-card.animal-card[data-id="A474_IndianRockPython"] .ark-card-top {
  background-image: url(/img/animals/A474_IndianRockPython.jpg);
}

.zoo-card.animal-card[data-id="A475_IndianCobra"] .ark-card-top {
  background-image: url(/img/animals/A475_IndianCobra.jpg);
}

.zoo-card.animal-card[data-id="A476_KomodoDragon"] .ark-card-top {
  background-image: url(/img/animals/A476_KomodoDragon.jpg);
}

.zoo-card.animal-card[data-id="A477_VeiledChameleon"] .ark-card-top {
  background-image: url(/img/animals/A477_VeiledChameleon.jpg);
}

.zoo-card.animal-card[data-id="A478_ChineseWaterDragon"] .ark-card-top {
  background-image: url(/img/animals/A478_ChineseWaterDragon.jpg);
}

.zoo-card.animal-card[data-id="A479_AmericanAlligator"] .ark-card-top {
  background-image: url(/img/animals/A479_AmericanAlligator.jpg);
}

.zoo-card.animal-card[data-id="A480_BroadsnoutedCaiman"] .ark-card-top {
  background-image: url(/img/animals/A480_BroadsnoutedCaiman.jpg);
}

.zoo-card.animal-card[data-id="A481_GalApagosGiantTortoise"] .ark-card-top {
  background-image: url(/img/animals/A481_GalApagosGiantTortoise.jpg);
}

.zoo-card.animal-card[data-id="A482_Anaconda"] .ark-card-top {
  background-image: url(/img/animals/A482_Anaconda.jpg);
}

.zoo-card.animal-card[data-id="A483_BoaConstrictor"] .ark-card-top {
  background-image: url(/img/animals/A483_BoaConstrictor.jpg);
}

.zoo-card.animal-card[data-id="A484_EuropeanPondTurtle"] .ark-card-top {
  background-image: url(/img/animals/A484_EuropeanPondTurtle.jpg);
}

.zoo-card.animal-card[data-id="A485_CommonEuropeanAdder"] .ark-card-top {
  background-image: url(/img/animals/A485_CommonEuropeanAdder.jpg);
}

.zoo-card.animal-card[data-id="A486_CommonWallLizard"] .ark-card-top {
  background-image: url(/img/animals/A486_CommonWallLizard.jpg);
}

.zoo-card.animal-card[data-id="A487_EuropeanGrassSnake"] .ark-card-top {
  background-image: url(/img/animals/A487_EuropeanGrassSnake.jpg);
}

.zoo-card.animal-card[data-id="A488_SlowWorm"] .ark-card-top {
  background-image: url(/img/animals/A488_SlowWorm.jpg);
}

.zoo-card.animal-card[data-id="A489_SaltwaterCrocodile"] .ark-card-top {
  background-image: url(/img/animals/A489_SaltwaterCrocodile.jpg);
}

.zoo-card.animal-card[data-id="A490_GouldsMonitor"] .ark-card-top {
  background-image: url(/img/animals/A490_GouldsMonitor.jpg);
}

.zoo-card.animal-card[data-id="A491_FrilledLizard"] .ark-card-top {
  background-image: url(/img/animals/A491_FrilledLizard.jpg);
}

.zoo-card.animal-card[data-id="A492_InlandTaipan"] .ark-card-top {
  background-image: url(/img/animals/A492_InlandTaipan.jpg);
}

.zoo-card.animal-card[data-id="A493_ThornyDevil"] .ark-card-top {
  background-image: url(/img/animals/A493_ThornyDevil.jpg);
}

.zoo-card.animal-card[data-id="A494_AfricanOstrich"] .ark-card-top {
  background-image: url(/img/animals/A494_AfricanOstrich.jpg);
}

.zoo-card.animal-card[data-id="A495_SecretaryBird"] .ark-card-top {
  background-image: url(/img/animals/A495_SecretaryBird.jpg);
}

.zoo-card.animal-card[data-id="A496_Marabou"] .ark-card-top {
  background-image: url(/img/animals/A496_Marabou.jpg);
}

.zoo-card.animal-card[data-id="A497_LesserFlamingo"] .ark-card-top {
  background-image: url(/img/animals/A497_LesserFlamingo.jpg);
}

.zoo-card.animal-card[data-id="A498_Shoebill"] .ark-card-top {
  background-image: url(/img/animals/A498_Shoebill.jpg);
}

.zoo-card.animal-card[data-id="A499_CinereousVulture"] .ark-card-top {
  background-image: url(/img/animals/A499_CinereousVulture.jpg);
}

.zoo-card.animal-card[data-id="A500_LongbilledVulture"] .ark-card-top {
  background-image: url(/img/animals/A500_LongbilledVulture.jpg);
}

.zoo-card.animal-card[data-id="A501_IndianPeafowl"] .ark-card-top {
  background-image: url(/img/animals/A501_IndianPeafowl.jpg);
}

.zoo-card.animal-card[data-id="A502_GreatHornbill"] .ark-card-top {
  background-image: url(/img/animals/A502_GreatHornbill.jpg);
}

.zoo-card.animal-card[data-id="A503_SnowyOwl"] .ark-card-top {
  background-image: url(/img/animals/A503_SnowyOwl.jpg);
}

.zoo-card.animal-card[data-id="A504_AndeanCondor"] .ark-card-top {
  background-image: url(/img/animals/A504_AndeanCondor.jpg);
}

.zoo-card.animal-card[data-id="A505_BaldEagle"] .ark-card-top {
  background-image: url(/img/animals/A505_BaldEagle.jpg);
}

.zoo-card.animal-card[data-id="A506_KingVulture"] .ark-card-top {
  background-image: url(/img/animals/A506_KingVulture.jpg);
}

.zoo-card.animal-card[data-id="A507_GreaterRhea"] .ark-card-top {
  background-image: url(/img/animals/A507_GreaterRhea.jpg);
}

.zoo-card.animal-card[data-id="A508_ScarletMacaw"] .ark-card-top {
  background-image: url(/img/animals/A508_ScarletMacaw.jpg);
}

.zoo-card.animal-card[data-id="A509_GoldenEagle"] .ark-card-top {
  background-image: url(/img/animals/A509_GoldenEagle.jpg);
}

.zoo-card.animal-card[data-id="A510_WhiteStork"] .ark-card-top {
  background-image: url(/img/animals/A510_WhiteStork.jpg);
}

.zoo-card.animal-card[data-id="A511_GreaterFlamingo"] .ark-card-top {
  background-image: url(/img/animals/A511_GreaterFlamingo.jpg);
}

.zoo-card.animal-card[data-id="A512_EurasianEagleowl"] .ark-card-top {
  background-image: url(/img/animals/A512_EurasianEagleowl.jpg);
}

.zoo-card.animal-card[data-id="A513_BarnOwl"] .ark-card-top {
  background-image: url(/img/animals/A513_BarnOwl.jpg);
}

.zoo-card.animal-card[data-id="A514_Emu"] .ark-card-top {
  background-image: url(/img/animals/A514_Emu.jpg);
}

.zoo-card.animal-card[data-id="A515_AustralianPelican"] .ark-card-top {
  background-image: url(/img/animals/A515_AustralianPelican.jpg);
}

.zoo-card.animal-card[data-id="A516_NorhternCassowary"] .ark-card-top {
  background-image: url(/img/animals/A516_NorhternCassowary.jpg);
}

.zoo-card.animal-card[data-id="A517_LaughingKookaburra"] .ark-card-top {
  background-image: url(/img/animals/A517_LaughingKookaburra.jpg);
}

.zoo-card.animal-card[data-id="A518_LesserBirdofparadise"] .ark-card-top {
  background-image: url(/img/animals/A518_LesserBirdofparadise.jpg);
}

.zoo-card.animal-card[data-id="A519_domesticGoat"] .ark-card-top {
  background-image: url(/img/animals/A519_domesticGoat.jpg);
}

.zoo-card.animal-card[data-id="A520_Sheep"] .ark-card-top {
  background-image: url(/img/animals/A520_Sheep.jpg);
}

.zoo-card.animal-card[data-id="A521_Horse"] .ark-card-top {
  background-image: url(/img/animals/A521_Horse.jpg);
}

.zoo-card.animal-card[data-id="A522_Donkey"] .ark-card-top {
  background-image: url(/img/animals/A522_Donkey.jpg);
}

.zoo-card.animal-card[data-id="A523_DomesticRabbit"] .ark-card-top {
  background-image: url(/img/animals/A523_DomesticRabbit.jpg);
}

.zoo-card.animal-card[data-id="A524_Mangalica"] .ark-card-top {
  background-image: url(/img/animals/A524_Mangalica.jpg);
}

.zoo-card.animal-card[data-id="A525_GuineaPig"] .ark-card-top {
  background-image: url(/img/animals/A525_GuineaPig.jpg);
}

.zoo-card.animal-card[data-id="A526_Alpaca"] .ark-card-top {
  background-image: url(/img/animals/A526_Alpaca.jpg);
}

.zoo-card.animal-card[data-id="A527_CoconutLorikeet"] .ark-card-top {
  background-image: url(/img/animals/A527_CoconutLorikeet.jpg);
}

.zoo-card.animal-card[data-id="A528_BennettsWallaby"] .ark-card-top {
  background-image: url(/img/animals/A528_BennettsWallaby.jpg);
}

/* Marine World */
.zoo-card.animal-card[data-id="A529_MagnificentSeaAnemone"] .ark-card-top {
  background-image: url(/img/animals/A529_MagnificentSeaAnemone.jpg);
}
.zoo-card.animal-card[data-id="A530_OrangeClownfish"] .ark-card-top {
  background-image: url(/img/animals/A530_OrangeClownfish.jpg);
}
.zoo-card.animal-card[data-id="A531_PaletteSurgeonfish"] .ark-card-top {
  background-image: url(/img/animals/A531_PaletteSurgeonfish.jpg);
}
.zoo-card.animal-card[data-id="A532_Zooplankton"] .ark-card-top {
  background-image: url(/img/animals/A532_Zooplankton.jpg);
}
.zoo-card.animal-card[data-id="A533_BlacksideHawkfish"] .ark-card-top {
  background-image: url(/img/animals/A533_BlacksideHawkfish.jpg);
}
.zoo-card.animal-card[data-id="A534_SouthernBlue-RingedOctopl"] .ark-card-top {
  background-image: url(/img/animals/A534_SouthernBlue-RingedOctopl.jpg);
}
.zoo-card.animal-card[data-id="A535_SharknoseGoby"] .ark-card-top {
  background-image: url(/img/animals/A535_SharknoseGoby.jpg);
}
.zoo-card.animal-card[data-id="A536_LonghornCowfish"] .ark-card-top {
  background-image: url(/img/animals/A536_LonghornCowfish.jpg);
}
.zoo-card.animal-card[data-id="A537_BlackbarTriggerfish"] .ark-card-top {
  background-image: url(/img/animals/A537_BlackbarTriggerfish.jpg);
}
.zoo-card.animal-card[data-id="A538_DevilFirefish"] .ark-card-top {
  background-image: url(/img/animals/A538_DevilFirefish.jpg);
}
.zoo-card.animal-card[data-id="A539_MericanWhitespottedFilefis"] .ark-card-top {
  background-image: url(/img/animals/A539_MericanWhitespottedFilefis.jpg);
}
.zoo-card.animal-card[data-id="A540_GuineafowlPuffer"] .ark-card-top {
  background-image: url(/img/animals/A540_GuineafowlPuffer.jpg);
}
.zoo-card.animal-card[data-id="A541_BluespottedRibbontailRay"] .ark-card-top {
  background-image: url(/img/animals/A541_BluespottedRibbontailRay.jpg);
}
.zoo-card.animal-card[data-id="A542_Humpheadwrasse"] .ark-card-top {
  background-image: url(/img/animals/A542_Humpheadwrasse.jpg);
}
.zoo-card.animal-card[data-id="A543_CoastalMantaRay"] .ark-card-top {
  background-image: url(/img/animals/A543_CoastalMantaRay.jpg);
}
.zoo-card.animal-card[data-id="A544_CaribbeanReefShark"] .ark-card-top {
  background-image: url(/img/animals/A544_CaribbeanReefShark.jpg);
}
.zoo-card.animal-card[data-id="A545_LongcombSawfish"] .ark-card-top {
  background-image: url(/img/animals/A545_LongcombSawfish.jpg);
}
.zoo-card.animal-card[data-id="A546_SandTigerShark"] .ark-card-top {
  background-image: url(/img/animals/A546_SandTigerShark.jpg);
}
.zoo-card.animal-card[data-id="A547_MediterraneanRainbow"] .ark-card-top {
  background-image: url(/img/animals/A547_MediterraneanRainbow.jpg);
}
.zoo-card.animal-card[data-id="A548_LinedSeahorse"] .ark-card-top {
  background-image: url(/img/animals/A548_LinedSeahorse.jpg);
}
.zoo-card.animal-card[data-id="A549_MmonOctopus"] .ark-card-top {
  background-image: url(/img/animals/A549_MmonOctopus.jpg);
}
.zoo-card.animal-card[data-id="A550_CompassJellyfish"] .ark-card-top {
  background-image: url(/img/animals/A550_CompassJellyfish.jpg);
}
.zoo-card.animal-card[data-id="A551_LoggerheadSeaTurtle"] .ark-card-top {
  background-image: url(/img/animals/A551_LoggerheadSeaTurtle.jpg);
}
.zoo-card.animal-card[data-id="A552_GreenSeaTurtle"] .ark-card-top {
  background-image: url(/img/animals/A552_GreenSeaTurtle.jpg);
}
.zoo-card.animal-card[data-id="A553_Tambaqui"] .ark-card-top {
  background-image: url(/img/animals/A553_Tambaqui.jpg);
}
.zoo-card.animal-card[data-id="A554_AfricanPenguin"] .ark-card-top {
  background-image: url(/img/animals/A554_AfricanPenguin.jpg);
}
.zoo-card.animal-card[data-id="A555_SoldenSnub-NosedMonkey"] .ark-card-top {
  background-image: url(/img/animals/A555_SoldenSnub-NosedMonkey.jpg);
}
.zoo-card.animal-card[data-id="A556_Wolverine"] .ark-card-top {
  background-image: url(/img/animals/A556_Wolverine.jpg);
}
.zoo-card.animal-card[data-id="A557_IetnamesePot-BelliedPig"] .ark-card-top {
  background-image: url(/img/animals/A557_IetnamesePot-BelliedPig.jpg);
}
.zoo-card.animal-card[data-id="A558_NorthernMuriqui"] .ark-card-top {
  background-image: url(/img/animals/A558_NorthernMuriqui.jpg);
}
.zoo-card.animal-card[data-id="A559_CoquerelsSifaka"] .ark-card-top {
  background-image: url(/img/animals/A559_CoquerelsSifaka.jpg);
}
.zoo-card.animal-card[data-id="A560_BrahminyKite"] .ark-card-top {
  background-image: url(/img/animals/A560_BrahminyKite.jpg);
}

.ark-card.zoo-card.project-card .ark-card-wrapper {
  background-position-x: 83.3333333333%;
}

.ark-card.zoo-card.project-card .ark-card-wrapper .ark-card-top {
  background-image: url(/img/projects.jpg);
  background-size: 600% 600%;
  height: 264px;
  width: 374px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon {
  align-items: center;
  background: #528b43;
  border-bottom-right-radius: 25px;
  border-top-left-radius: 8px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  box-sizing: border-box;
  display: flex;
  font-size: 47px;
  height: 102px;
  padding-left: 7px;
  width: 101px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon.wide {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 174px;
  justify-content: space-evenly;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon.wide
  .icon-release-animal {
  font-size: 0.8em;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon.wide
  .icon-partner-zoo {
  background-image: url(/img/zoo-card-badges.webp);
  background-position-x: 25%;
  background-position-y: 50%;
  background-size: 500% 700%;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 72px;
  width: 72px;
}

.ark-card.zoo-card.project-card .ark-card-wrapper .ark-card-middle {
  background: #4c7d39;
  background: linear-gradient(90deg, #4c7d39 15%, #1e541d 50%, #4c7d39 85%);
  color: #fff;
  height: 57px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  height: 57px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 2px 20px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
}

.ark-card.zoo-card.project-card .ark-card-wrapper .ark-card-bottom {
  display: flex;
  flex-direction: column;
  height: 176px;
  justify-content: space-evenly;
  padding: 6px 15px 20px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses {
  bottom: 3px;
  position: absolute;
  right: 10px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description {
  font-size: 19px;
  padding: 0 15px;
  text-align: center;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  margin-top: 0px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .breed {
  align-items: flex-end;
  display: flex;
  justify-content: space-evenly;
  margin-top: 40px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container.release {
  padding-right: 30px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-indicator {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 40px;
  margin-bottom: -23px;
  pointer-events: none;
  position: relative;
  text-align: center;
  text-shadow:
    #1f5c21 3px 0 0,
    #1f5c21 2.83487px 0.981584px 0,
    #1f5c21 2.35766px 1.85511px 0,
    #1f5c21 1.62091px 2.52441px 0,
    #1f5c21 0.705713px 2.91581px 0,
    #1f5c21 -0.287171px 2.98622px 0,
    #1f5c21 -1.24844px 2.72789px 0,
    #1f5c21 -2.07227px 2.16926px 0,
    #1f5c21 -2.66798px 1.37182px 0,
    #1f5c21 -2.96998px 0.42336px 0,
    #1f5c21 -2.94502px -0.571704px 0,
    #1f5c21 -2.59586px -1.50383px 0,
    #1f5c21 -1.96093px -2.27041px 0,
    #1f5c21 -1.11013px -2.78704px 0,
    #1f5c21 -0.137119px -2.99686px 0,
    #1f5c21 0.850987px -2.87677px 0,
    #1f5c21 1.74541px -2.43999px 0,
    #1f5c21 2.44769px -1.73459px 0,
    #1f5c21 2.88051px -0.838247px 0;
  z-index: 2;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-indicator.release {
  margin-bottom: -52px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder {
  background-color: #528b43;
  border: 3px solid #1f5c21;
  border-radius: 5px;
  font-size: 30px;
  height: 50px;
  width: 50px;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder
  .icon-token {
  margin: -4px 0 0 -4px;
  position: relative;
  z-index: 20;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder.selectable {
  border-color: red;
  cursor: pointer;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder.selectable:hover {
  transform: scale(1.1);
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder.selected {
  background: green !important;
  border-color: red;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder[data-type="all-continents"] {
  background-image: url(/img/icons.webp);
  background-position: 57.90703713321216% 54.47065277015908%;
  background-repeat: no-repeat;
  background-size: 1671.8367346938776%;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-cube-holder[data-type="all-animals"] {
  background-image: url(/img/icons.webp);
  background-position: 74.09434454000521% 1.1318619128466327%;
  background-repeat: no-repeat;
  background-size: 1581.4671814671815%;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-reward {
  display: flex;
  font-size: 40px;
  justify-content: center;
  margin-top: -15px;
  pointer-events: none;
  position: relative;
  z-index: 3;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-reward
  .icon-conservation {
  font-size: 0.85em;
  height: 1.5em;
  line-height: 1.4em;
  width: 1.5em;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-reward
  .icon-container-reputation {
  margin-bottom: -0.1em;
  margin-left: -0.3em;
  margin-top: -0.05em;
}

.ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container
  .project-card-slot
  .project-card-slot-reward
  .icon-container-reputation
  .icon-reputation {
  font-size: 0.85em;
  height: 1.7em;
  line-height: 1.7em;
  width: 1.7em;
}

[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle {
  height: 77px;
  margin-bottom: -10px;
  margin-top: -10px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  display: none;
}

[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 3px 20px 1px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  line-height: 31px;
  width: 100%;
}

[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description,
[data-card-desc="0"]
  .ark-card.zoo-card.project-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-subtitle {
  display: none;
}

.zoo-card.project-card[data-id="P101_SpeciesDiversity"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P102_HabitatDiversity"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P103_Africa"] .ark-card-top {
  background-position-x: 40%;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P104_Americas"] .ark-card-top {
  background-position-x: 60%;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P105_Australia"] .ark-card-top {
  background-position-x: 80%;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P106_Asia"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 0;
}

.zoo-card.project-card[data-id="P107_Europe"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P108_Primates"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P109_Reptiles"] .ark-card-top {
  background-position-x: 40%;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P110_Predators"] .ark-card-top {
  background-position-x: 60%;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P111_Herbivores"] .ark-card-top {
  background-position-x: 80%;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P112_Birds"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 20%;
}

.zoo-card.project-card[data-id="P113_ReleaseBavarianForest"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P114_ReleaseYosemite"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P115_ReleaseAngthong"] .ark-card-top {
  background-position-x: 40%;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P116_ReleaseSerengeti"] .ark-card-top {
  background-position-x: 60%;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P117_ReleaseBlueMountains"] .ark-card-top {
  background-position-x: 80%;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P118_ReleaseSavanna"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 40%;
}

.zoo-card.project-card[data-id="P119_ReleaseLowMountainRange"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P120_ReleaseBambooForest"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P121_ReleaseSeaCave"] .ark-card-top {
  background-position-x: 40%;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P122_ReleaseJungle"] .ark-card-top {
  background-position-x: 60%;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P123_BirdBreeding"] .ark-card-top {
  background-position-x: 80%;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P124_PredatorBreeding"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 60%;
}

.zoo-card.project-card[data-id="P125_ReptileBreeding"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P126_HerbivoreBreeding"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P127_PrimateBreeding"] .ark-card-top {
  background-position-x: 40%;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P128_Aquatic"] .ark-card-top {
  background-position-x: 60%;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P129_Geological"] .ark-card-top {
  background-position-x: 80%;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P130_SmallAnimals"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 80%;
}

.zoo-card.project-card[data-id="P131_LargeAnimals"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 100%;
}

.zoo-card.project-card[data-id="P132_Research"] .ark-card-top {
  background-position-x: 20%;
  background-position-y: 100%;
}

#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  > .icon-container,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  > .icon-container {
  top: 10px;
}

#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .project-holder,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .project-holder {
  height: 54px;
}

#customActions .ark-card.zoo-card.project-card,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card {
  height: calc(var(--arkNovaZooCardScale) * 155px);
}

#customActions .ark-card.zoo-card.project-card .ark-card-wrapper,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper {
  height: 155px;
}

#customActions .ark-card.zoo-card.project-card .ark-card-wrapper .ark-card-top,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top {
  background: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 110px;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .project-card-top-left-icon,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .project-card-top-left-icon,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-top
  .project-card-top-left-icon {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 0;
  border-right: 2px solid #5f714d;
  box-shadow: none;
  font-size: 40px;
  height: 100%;
  width: 92px;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-middle {
  display: none;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom {
  height: 146px;
  justify-content: center;
  padding: 3px 0 3px 92px;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description,
#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .zoo-card-bonuses {
  display: none;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.breed
  ~ .project-card-slot-reward,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.breed
  ~ .project-card-slot-reward,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.breed
  ~ .project-card-slot-reward {
  font-size: 33px;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.release
  ~ .project-card-slot-reward,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.release
  ~ .project-card-slot-reward,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot-indicator.release
  ~ .project-card-slot-reward {
  font-size: 31px;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot
  .project-card-slot-indicator:empty,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot
  .project-card-slot-indicator:empty,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slot
  .project-card-slot-indicator:empty {
  margin: 0;
}

#customActions
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container.release,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #base-projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container.release,
#ebd-body[data-association-board-projects="1"]
  #association-board-container
  #projects-holder
  .ark-card.zoo-card.project-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-slots-container.release {
  padding-right: 0;
}

#customActions {
  --arkNovaZooCardScale: 0.5;
}

#customActions .ark-card.zoo-card.project-card {
  display: inline-block;
  margin: 0 10px;
  position: static;
  vertical-align: middle;
}

.ark-card.zoo-card.scoring-card .ark-card-wrapper {
  background-position-x: 66.6666666667%;
}

.ark-card.zoo-card.scoring-card .ark-card-wrapper .ark-card-top {
  background-image: url(/img/objectives.jpg);
  background-size: 500% 300%;
  height: 238px;
  width: 374px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon {
  align-items: center;
  background: #bf765f;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 8px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  box-sizing: border-box;
  display: flex;
  font-size: 43px;
  height: 102px;
  padding: 10px 10px 2px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon
  .icon-container-endgame {
  margin-right: 15px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon
  .icon-science {
  font-size: 1.1em;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .project-card-top-left-icon
  .icon-reputation {
  font-size: 1.5em;
}
.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .project-card-description
  .icon-all-animals {
  font-size: 2em;
}
.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .project-card-description
  .icon-all-continents {
  font-size: 2em;
}

.ark-card.zoo-card.scoring-card .ark-card-wrapper .ark-card-middle {
  background: #a04d35;
  background: linear-gradient(90deg, #d6a391, #a04d35 50%, #d6a391);
  color: #fff;
  height: 47px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  color: #000;
  height: 47px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 7px 20px 2px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 23px;
  height: 100%;
  justify-content: center;
}

.ark-card.zoo-card.scoring-card .ark-card-wrapper .ark-card-bottom {
  display: flex;
  flex-direction: column;
  height: 224px;
  justify-content: center;
  padding: 6px 15px 5px;
}

.ark-card.zoo-card.scoring-card
  .ark-card-wrapper
  .ark-card-bottom
  .project-card-description {
  font-size: 18px;
  line-height: 22px;
  padding: 0 15px;
  text-align: center;
}

.score-map {
  border-collapse: separate;
  border-spacing: 5px 0;
  font-size: 30px;
  margin-top: 15px;
  width: 100%;
}

.score-map th {
  font-size: 34px;
  text-align: center;
}

.score-map th .icon-conservation {
  font-size: 1.3em;
}

.score-map td {
  font-family: MyriadPro-Bold;
  font-size: 38px;
}

.score-map tr:first-of-type td {
  background: #ce9d89;
  height: 60px;
  width: 60px;
}

.score-map tr:nth-of-type(2) {
  height: 5px;
}

.score-map tr:nth-of-type(2) td {
  background: #9a4730;
}

.score-map tr:nth-of-type(3) td {
  background: #b8b490;
  height: 60px;
  width: 60px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.scoring-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle {
  height: 70px;
  margin-bottom: -10px;
  margin-top: -10px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.scoring-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  display: none;
}

[data-card-desc="0"]
  .ark-card.zoo-card.scoring-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 3px 20px 1px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.scoring-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  line-height: 31px;
  width: 100%;
}

.zoo-card.scoring-card[data-id="F001_LargeAnimalZoo"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F002_SmallAnimalZoo"] .ark-card-top {
  background-position-x: 25%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F003_ResearchZoo"] .ark-card-top {
  background-position-x: 50%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F004_ArchitecturalZoo"] .ark-card-top {
  background-position-x: 75%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F005_ConservationZoo"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F006_NaturalistsZoo"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 50%;
}

.zoo-card.scoring-card[data-id="F007_FavoriteZoo"] .ark-card-top {
  background-position-x: 25%;
  background-position-y: 50%;
}

.zoo-card.scoring-card[data-id="F008_SponsoredZoo"] .ark-card-top {
  background-position-x: 50%;
  background-position-y: 50%;
}

.zoo-card.scoring-card[data-id="F009_DiverseSpeciesZoo"] .ark-card-top {
  background-position-x: 75%;
  background-position-y: 50%;
}

.zoo-card.scoring-card[data-id="F010_ClimbingPark"] .ark-card-top {
  background-position-x: 100%;
  background-position-y: 50%;
}

.zoo-card.scoring-card[data-id="F011_AquaticPark"] .ark-card-top {
  background-position-x: 0;
  background-position-y: 100%;
}

.zoo-card.scoring-card[data-id="F012_DesignerZoo"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 0;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F013_SpecializedHabitatZoo"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 25%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F014_SpecializedSpeciesZoo"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 50%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F015_CateredPicnicAreas"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 75%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F016_AccessibleZoo"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 100%;
  background-position-y: 0;
}

.zoo-card.scoring-card[data-id="F017_InternationalZoo"] .ark-card-top {
  background-image: url(/img/objectives2.jpg) !important;

  background-position-x: 0;
  background-position-y: 50%;
}

.ark-card.zoo-card.sponsor-card .ark-card-wrapper {
  background-size: 100%;
}

.ark-card.zoo-card.sponsor-card .ark-card-wrapper > .arknova-meeple.icon-token {
  font-size: 2em;
  left: 155px;
  position: absolute;
  top: 10px;
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  > .arknova-meeple.icon-token
  ~ .arknova-meeple.icon-token {
  left: 225px;
}

.ark-card.zoo-card.sponsor-card .ark-card-wrapper .ark-card-top {
  background: none;
  height: 283px;
  width: 373px;
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left {
  display: none;
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .sponsor-card-top-left-icon {
  height: 70px;
  width: 40px;
}

.ark-card.zoo-card.sponsor-card .ark-card-wrapper .ark-card-middle {
  background: #006999;
  background: linear-gradient(90deg, #6596c0, #006999 50%, #6596c0);
  height: 37px; /* TODO: make it smaller */
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  color: #000;
  height: 37px;
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 6px 20px 3px;
}

.ark-card.zoo-card.sponsor-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 23px;
  height: 100%;
  justify-content: center;
  letter-spacing: -1px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.sponsor-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle {
  height: 75px;
  margin-top: -10px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.sponsor-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-number {
  display: none;
}

[data-card-desc="0"]
  .ark-card.zoo-card.sponsor-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 3px 20px 1px;
}

[data-card-desc="0"]
  .ark-card.zoo-card.sponsor-card:not(.tooltip)
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  align-items: center;
  display: flex;
  font-size: 32px;
  height: 100%;
  justify-content: center;
  letter-spacing: 0;
  line-height: 34px;
  width: 100%;
}

.ark-card.zoo-card.sponsor-card[data-id="S253_OkapiStable"]
  .ark-card-wrapper
  > .arknova-meeple.icon-token {
  left: 10px;
  top: 0;
}

.ark-card.zoo-card.sponsor-card[data-id="S253_OkapiStable"]
  .ark-card-wrapper
  > .arknova-meeple.icon-token
  ~ .arknova-meeple.icon-token {
  left: 64px;
  top: 0;
}

.ark-card.zoo-card.sponsor-card[data-id="S253_OkapiStable"]
  .ark-card-wrapper
  > .arknova-meeple.icon-token
  ~ .arknova-meeple.icon-token
  ~ .arknova-meeple.icon-token {
  left: 34px;
  top: 21px;
}

.ark-card.zoo-card.sponsor-card[data-id="S227_WazaSpecialAssignment"][data-choice]
  .ark-card-wrapper:before {
  align-items: center;
  background: #e1e1e1c4;
  border-radius: 9px;
  color: red;
  content: "\f00d";
  display: flex;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 60px;
  height: 65px;
  justify-content: center;
  left: 93px;
  position: absolute;
  top: 11px;
  width: 118px;
  z-index: 10;
}

.ark-card.zoo-card.sponsor-card[data-id="S227_WazaSpecialAssignment"][data-choice="small"]
  .ark-card-wrapper:before {
  left: 227px;
}

.dijitTooltipContainer ul.sponsor-effects-list {
  /*padding-left: 0px;*/
  font-family: MyriadPro-Regular;
  font-size: 17px;
  margin-left: -2px;
}

.dijitTooltipContainer ul.sponsor-effects-list li:before {
  border: 1px solid #000;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  width: 12px;
}

.dijitTooltipContainer ul.sponsor-effects-list li.effect-immediate:before {
  background: #fbea5e;
  border-color: #8b7f0b;
}

.dijitTooltipContainer ul.sponsor-effects-list li.effect-income:before {
  background: #c39bc2;
  border-color: #9e6e9e;
}

.dijitTooltipContainer ul.sponsor-effects-list li.effect-endgame:before {
  background: #a9744a;
  border-color: #7c716a;
}

.dijitTooltipContainer ul.sponsor-effects-list li.effect-passive:before {
  background: #006c9b;
  border-color: #04587c;
}

.zoo-card.sponsor-card[data-id="S201_ScienceLab"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S201_ScienceLab.jpg);
}

.zoo-card.sponsor-card[data-id="S202_Spokesperson"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S202_Spokesperson.jpg);
}

.zoo-card.sponsor-card[data-id="S203_Veterinarian"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S203_Veterinarian.jpg);
}

.zoo-card.sponsor-card[data-id="S204_ScienceMuseum"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S204_ScienceMuseum.jpg);
}

.zoo-card.sponsor-card[data-id="S205_GorillaFieldResearch"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S205_GorillaFieldResearch.jpg);
}

.zoo-card.sponsor-card[data-id="S206_MedicalBreakthrough"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S206_MedicalBreakthrough.jpg);
}

.zoo-card.sponsor-card[data-id="S207_BasicResearch"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S207_BasicResearch.jpg);
}

.zoo-card.sponsor-card[data-id="S208_ScienceLibrary"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S208_ScienceLibrary.jpg);
}

.zoo-card.sponsor-card[data-id="S209_TechnologyInstitute"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S209_TechnologyInstitute.jpg);
}

.zoo-card.sponsor-card[data-id="S210_ExpertOnTheAmericas"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S210_ExpertOnTheAmericas.jpg);
}

.zoo-card.sponsor-card[data-id="S211_ExpertOnEurope"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S211_ExpertOnEurope.jpg);
}

.zoo-card.sponsor-card[data-id="S212_ExpertOnAustralia"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S212_ExpertOnAustralia.jpg);
}

.zoo-card.sponsor-card[data-id="S213_ExpertOnAsia"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S213_ExpertOnAsia.jpg);
}

.zoo-card.sponsor-card[data-id="S214_ExpertOnAfrica"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S214_ExpertOnAfrica.jpg);
}

.zoo-card.sponsor-card[data-id="S215_BreedingCooperation"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S215_BreedingCooperation.jpg);
}

.zoo-card.sponsor-card[data-id="S216_TalentedCommunicator"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S216_TalentedCommunicator.jpg);
}

.zoo-card.sponsor-card[data-id="S217_Engineer"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S217_Engineer.jpg);
}

.zoo-card.sponsor-card[data-id="S218_BreedingProgram"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S218_BreedingProgram.jpg);
}

.zoo-card.sponsor-card[data-id="S219_DiversityResearcher"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S219_DiversityResearcher.jpg);
}

.zoo-card.sponsor-card[data-id="S220_FederalGrants"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S220_FederalGrants.jpg);
}

.zoo-card.sponsor-card[data-id="S221_Archeologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S221_Archeologist.jpg);
}

.zoo-card.sponsor-card[data-id="S222_ReleaseOfPatents"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S222_ReleaseOfPatents.jpg);
}

.zoo-card.sponsor-card[data-id="S223_ScienceInstitute"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S223_ScienceInstitute.jpg);
}

.zoo-card.sponsor-card[data-id="S224_MigrationRecording"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S224_MigrationRecording.jpg);
}

.zoo-card.sponsor-card[data-id="S225_QuarantineLab"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S225_QuarantineLab.jpg);
}

.zoo-card.sponsor-card[data-id="S226_ForeignInstitute"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S226_ForeignInstitute.jpg);
}

.zoo-card.sponsor-card[data-id="S227_WazaSpecialAssignment"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S227_WazaSpecialAssignment.jpg);
}

.zoo-card.sponsor-card[data-id="S228_WazaSmallAnimalProgram"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S228_WazaSmallAnimalProgram.jpg);
}

.zoo-card.sponsor-card[data-id="S229_ExpertInSmallAnimals"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S229_ExpertInSmallAnimals.jpg);
}

.zoo-card.sponsor-card[data-id="S230_ExpertInLargeAnimals"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S230_ExpertInLargeAnimals.jpg);
}

.zoo-card.sponsor-card[data-id="S231_SponsorshipPrimates"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S231_SponsorshipPrimates.jpg);
}

.zoo-card.sponsor-card[data-id="S232_SponsorshipReptiles"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S232_SponsorshipReptiles.jpg);
}

.zoo-card.sponsor-card[data-id="S233_SponsorshipVultures"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S233_SponsorshipVultures.jpg);
}

.zoo-card.sponsor-card[data-id="S234_SponsorshipLions"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S234_SponsorshipLions.jpg);
}

.zoo-card.sponsor-card[data-id="S235_SponsorshipElephants"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S235_SponsorshipElephants.jpg);
}

.zoo-card.sponsor-card[data-id="S236_Primatologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S236_Primatologist.jpg);
}

.zoo-card.sponsor-card[data-id="S237_Herpetologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S237_Herpetologist.jpg);
}

.zoo-card.sponsor-card[data-id="S238_Ornithologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S238_Ornithologist.jpg);
}

.zoo-card.sponsor-card[data-id="S239_ExpertInPredators"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S239_ExpertInPredators.jpg);
}

.zoo-card.sponsor-card[data-id="S240_ExpertInHerbivores"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S240_ExpertInHerbivores.jpg);
}

.zoo-card.sponsor-card[data-id="S241_Hydrologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S241_Hydrologist.jpg);
}

.zoo-card.sponsor-card[data-id="S242_Geologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S242_Geologist.jpg);
}

.zoo-card.sponsor-card[data-id="S243_MeerkatDen"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S243_MeerkatDen.jpg);
}

.zoo-card.sponsor-card[data-id="S244_PenguinPool"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S244_PenguinPool.jpg);
}

.zoo-card.sponsor-card[data-id="S245_Aquarium"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S245_Aquarium.jpg);
}

.zoo-card.sponsor-card[data-id="S246_CableCar"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S246_CableCar.jpg);
}

.zoo-card.sponsor-card[data-id="S247_BaboonRock"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S247_BaboonRock.jpg);
}

.zoo-card.sponsor-card[data-id="S248_RhesusMonkeyPark"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S248_RhesusMonkeyPark.jpg);
}

.zoo-card.sponsor-card[data-id="S249_BarredOwlHut"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S249_BarredOwlHut.jpg);
}

.zoo-card.sponsor-card[data-id="S250_SeaTurtleTank"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S250_SeaTurtleTank.jpg);
}

.zoo-card.sponsor-card[data-id="S251_PolarBearExhibit"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S251_PolarBearExhibit.jpg);
}

.zoo-card.sponsor-card[data-id="S252_SpottedHyenaCompound"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S252_SpottedHyenaCompound.jpg);
}

.zoo-card.sponsor-card[data-id="S253_OkapiStable"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S253_OkapiStable.jpg);
}

.zoo-card.sponsor-card[data-id="S254_ZooSchool"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S254_ZooSchool.jpg);
}

.zoo-card.sponsor-card[data-id="S255_AdventurePlayground"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S255_AdventurePlayground.jpg);
}

.zoo-card.sponsor-card[data-id="S256_WaterPlayground"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S256_WaterPlayground.jpg);
}

.zoo-card.sponsor-card[data-id="S257_SideEntrance"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S257_SideEntrance.jpg);
}

.zoo-card.sponsor-card[data-id="S258_NativeSeabirds"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S258_NativeSeabirds.jpg);
}

.zoo-card.sponsor-card[data-id="S259_NativeLizards"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S259_NativeLizards.jpg);
}

.zoo-card.sponsor-card[data-id="S260_NativeFarmAnimals"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S260_NativeFarmAnimals.jpg);
}

.zoo-card.sponsor-card[data-id="S261_GuidedSchoolTours"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S261_GuidedSchoolTours.jpg);
}

.zoo-card.sponsor-card[data-id="S262_Explorer"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S262_Explorer.jpg);
}

.zoo-card.sponsor-card[data-id="S263_WazaLargeAnimalProgram"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S263_WazaLargeAnimalProgram.jpg);
}

.zoo-card.sponsor-card[data-id="S264_FreerangeNewWorldMonkeys"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S264_FreerangeNewWorldMonkeys.jpg);
}

.zoo-card.sponsor-card[data-id="S265_FranchiseBusiness"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S265_FranchiseBusiness.jpg);
}
.zoo-card.sponsor-card[data-id="S266_MarineBiologist"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S266_MarineBiologist.jpg);
}
.zoo-card.sponsor-card[data-id="S267_FarmCat"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S267_FarmCat.jpg);
}
.zoo-card.sponsor-card[data-id="S268_ConferenceOnEurope"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S268_ConferenceOnEurope.jpg);
}
.zoo-card.sponsor-card[data-id="S269_ConferenceOnAustralia"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S269_ConferenceOnAustralia.jpg);
}
.zoo-card.sponsor-card[data-id="S270_MarineResearchExpedition"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S270_MarineResearchExpedition.jpg);
}
.zoo-card.sponsor-card[data-id="S271_ExcavationSite"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S271_ExcavationSite.jpg);
}
.zoo-card.sponsor-card[data-id="S272_ExpansionArea"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S272_ExpansionArea.jpg);
}
.zoo-card.sponsor-card[data-id="S273_Publications"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S273_Publications.jpg);
}
.zoo-card.sponsor-card[data-id="S274_MascotStatue"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S274_MascotStatue.jpg);
}
.zoo-card.sponsor-card[data-id="S275_HorseWhisperer"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S275_HorseWhisperer.jpg);
}
.zoo-card.sponsor-card[data-id="S276_LandscapeGardener"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S276_LandscapeGardener.jpg);
}
.zoo-card.sponsor-card[data-id="S277_FieldResearchTypeDOrcas"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S277_FieldResearchTypeDOrcas.jpg);
}
.zoo-card.sponsor-card[data-id="S278_AmazonHouse"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S278_AmazonHouse.jpg);
}
.zoo-card.sponsor-card[data-id="S279_UnderwaterTunnel"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S279_UnderwaterTunnel.jpg);
}
.zoo-card.sponsor-card[data-id="S280_Reconstruction"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S280_Reconstruction.jpg);
}

.zoo-card.sponsor-card[data-id="S274_VictoryColumn"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S274_VictoryColumn.jpg);
}

.zoo-card.sponsor-card[data-id="S281_Arcade"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S281_Arcade.jpg);
}

.zoo-card.sponsor-card[data-id="S282_PromotionTeam"] .ark-card-wrapper {
  background-image: url(/img/sponsors/S282_PromotionTeam.jpg);
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S207_BasicResearch"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png), url(/img/sponsors/S207_BasicResearch.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S207_BasicResearch"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png), url(/img/sponsors/S207_BasicResearch.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S222_ReleaseOfPatents"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png), url(/img/sponsors/S222_ReleaseOfPatents.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S222_ReleaseOfPatents"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png), url(/img/sponsors/S222_ReleaseOfPatents.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S258_NativeSeabirds"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png), url(/img/sponsors/S258_NativeSeabirds.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S258_NativeSeabirds"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png), url(/img/sponsors/S258_NativeSeabirds.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S259_NativeLizards"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png), url(/img/sponsors/S259_NativeLizards.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S259_NativeLizards"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png), url(/img/sponsors/S259_NativeLizards.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S260_NativeFarmAnimals"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png), url(/img/sponsors/S260_NativeFarmAnimals.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S260_NativeFarmAnimals"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png), url(/img/sponsors/S260_NativeFarmAnimals.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S264_FreerangeNewWorldMonkeys"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-35.png),
    url(/img/sponsors/S264_FreerangeNewWorldMonkeys.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S264_FreerangeNewWorldMonkeys"]
  .ark-card-wrapper {
  background-image:
    url(/img/solo/max-45.png),
    url(/img/sponsors/S264_FreerangeNewWorldMonkeys.jpg);
  background-position:
    0 79px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    69px 52px,
    100%;
}

[data-starting-appeal="10"]
  .zoo-card.sponsor-card[data-id="S207_BasicResearch"]
  .ark-card-wrapper,
[data-starting-appeal="20"]
  .zoo-card.sponsor-card[data-id="S207_BasicResearch"]
  .ark-card-wrapper {
  background-position:
    0 138px,
    0 0;
}

[data-disable-snake="1"]
  .zoo-card[data-id="A470_WesternGreenMamba"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A474_IndianRockPython"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A475_IndianCobra"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A482_Anaconda"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A483_BoaConstrictor"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A485_CommonEuropeanAdder"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A486_CommonWallLizard"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A487_EuropeanGrassSnake"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A488_SlowWorm"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="A492_InlandTaipan"]
  .ark-card-wrapper
  .ark-card-top {
  background-image: url(/img/animals/placeholder.png) !important;
  background-size: 100% auto !important;
}

[data-disable-snake="1"]
  .zoo-card[data-id="S203_Veterinarian"]
  .ark-card-wrapper {
  background-image: url(/img/sponsors/S203_Veterinarian_placeholder.jpg) !important;
}

[data-disable-snake="1"]
  .zoo-card[data-id="P109_Reptiles"]
  .ark-card-wrapper
  .ark-card-top,
[data-disable-snake="1"]
  .zoo-card[data-id="P125_ReptileBreeding"]
  .ark-card-wrapper
  .ark-card-top {
  background-image: url(/img/animals/placeholder.png) !important;
  background-size: 100% auto !important;
}

.badge-icon {
  background-image: url(/img/zoo-card-badges.webp);
  background-size: 500% 700%;
}

.badge-icon[data-type="AnimalsI"] {
  background-position-x: 0;
  background-position-y: 0;
}

.badge-icon[data-type="AnimalsII"] {
  background-position-x: 25%;
  background-position-y: 0;
}

.badge-icon[data-type="BuildI"] {
  background-position-x: 50%;
  background-position-y: 0;
}

.badge-icon[data-type="BuildII"] {
  background-position-x: 75%;
  background-position-y: 0;
}

.badge-icon[data-type="CardsI"] {
  background-position-x: 100%;
  background-position-y: 0;
}

.badge-icon[data-type="CardsII"] {
  background-position-x: 0;
  background-position-y: 16.6666666667%;
}

.badge-icon[data-type="SponsorsI"] {
  background-position-x: 25%;
  background-position-y: 16.6666666667%;
}

.badge-icon[data-type="SponsorsII"] {
  background-position-x: 50%;
  background-position-y: 16.6666666667%;
}

.badge-icon[data-type="WorkerI"] {
  background-position-x: 75%;
  background-position-y: 16.6666666667%;
}

.badge-icon[data-type="WorkerII"] {
  background-position-x: 100%;
  background-position-y: 16.6666666667%;
}

.badge-icon[data-type="Africa"] {
  background-position-x: 0;
  background-position-y: 33.3333333333%;
}

.badge-icon[data-type="Americas"] {
  background-position-x: 25%;
  background-position-y: 33.3333333333%;
}

.badge-icon[data-type="Asia"] {
  background-position-x: 50%;
  background-position-y: 33.3333333333%;
}

.badge-icon[data-type="Australia"] {
  background-position-x: 75%;
  background-position-y: 33.3333333333%;
}

.badge-icon[data-type="Europe"] {
  background-position-x: 100%;
  background-position-y: 33.3333333333%;
}

.badge-icon[data-type="Appeal"] {
  background-position-x: 0;
  background-position-y: 50%;
}

.badge-icon[data-type="Partner_Zoo"] {
  background-position-x: 25%;
  background-position-y: 50%;
}

.badge-icon[data-type="Reputation"] {
  background-position-x: 50%;
  background-position-y: 50%;
}

.badge-icon[data-type="Science"] {
  background-position-x: 75%;
  background-position-y: 50%;
}

.badge-icon[data-type="Upgrade"] {
  background-position-x: 100%;
  background-position-y: 50%;
}

.badge-icon[data-type="Primate"] {
  background-position-x: 0;
  background-position-y: 66.6666666667%;
}

.badge-icon[data-type="Bear"] {
  background-position-x: 25%;
  background-position-y: 66.6666666667%;
}

.badge-icon[data-type="Bear2"] {
  background-position-x: 50%;
  background-position-y: 66.6666666667%;
}

.badge-icon[data-type="Bird"] {
  background-position-x: 75%;
  background-position-y: 66.6666666667%;
}

.badge-icon[data-type="Predator"] {
  background-position-x: 100%;
  background-position-y: 66.6666666667%;
}

.badge-icon[data-type="Herbivore"] {
  background-position-x: 0;
  background-position-y: 83.3333333333%;
}

.badge-icon[data-type="Reptile"] {
  background-position-x: 25%;
  background-position-y: 83.3333333333%;
}

.badge-icon[data-type="Pet"] {
  background-position-x: 50%;
  background-position-y: 83.3333333333%;
}

.badge-icon[data-type="Pet2"] {
  background-position-x: 75%;
  background-position-y: 83.3333333333%;
}

.badge-icon[data-type="ANIMAL_SIZE_4"] {
  background-position-x: 100%;
  background-position-y: 83.3333333333%;
}

.badge-icon[data-type="ANIMAL_SIZE_2"] {
  background-position-x: 0;
  background-position-y: 100%;
}

.badge-icon[data-type="Rock"] {
  background-position-x: 25%;
  background-position-y: 100%;
}

.badge-icon[data-type="Water"] {
  background-position-x: 50%;
  background-position-y: 100%;
}

.badge-icon[data-type="University"] {
  background-position-x: 75%;
  background-position-y: 100%;
}

.badge-icon[data-type="SeaAnimal"] {
  background-position-x: 100%;
  background-position-y: 100%;
}

.dijitTooltipContainer {
  --arkNovaActionCardScale: 0.8;
}

.dijitTooltipContainer .ark-card.action-card {
  height: calc(var(--arkNovaActionCardScale) * 522px);
  width: calc(var(--arkNovaActionCardScale) * 760px);
}

.dijitTooltipContainer
  .ark-card.action-card
  .action-card-perspective
  .ark-card-wrapper:nth-of-type(2) {
  left: 102%;
  transform: scale(var(--arkNovaActionCardScale));
}

.action-card-name-reference {
  font-style: italic;
}

.action-button.lvl1,
.action-button.lvl2 {
  padding: 4px 7px;
}

.action-button.lvl1 {
  background: #009fe3;
}

.action-button.lvl1:hover {
  background: #0088c2;
}

.action-button.lvl2 {
  background: #a71b71;
  color: #fff;
}

.action-button.lvl2:hover {
  background: #75124f;
}

#xtoken-modifier-container {
  border: 1px solid #060606;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: 2px;
  margin-left: 25px;
  margin-right: 10px;
  vertical-align: middle;
}

#xtoken-modifier-container #xtoken-modifier-minus,
#xtoken-modifier-container #xtoken-modifier-plus {
  background: #4871b6;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 1px 15px;
}

#xtoken-modifier-container #xtoken-modifier-minus.disabled,
#xtoken-modifier-container #xtoken-modifier-plus.disabled {
  background: linear-gradient(hsla(0, 0%, 74%, 0.59), hsla(0, 1%, 65%, 0.45));
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: all;
}

#xtoken-modifier-container #xtoken-modifier-current {
  display: inline-block;
}

#xtoken-modifier-container .icon-xtoken {
  height: 1.4em;
  margin-top: -2px;
  width: 1.4em;
}

.ark-card.action-card {
  height: calc(var(--arkNovaActionCardScale) * 522px);
  perspective: 1000px;
  position: relative;
  width: calc(var(--arkNovaActionCardScale) * 375px);
}

.ark-card.action-card .meeples-container {
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  padding: calc(var(--arkNovaActionCardScale) * 5px);
  position: absolute;
  right: calc(var(--arkNovaActionCardScale) * 20px);
  top: calc(var(--arkNovaActionCardScale) * 145px);
  z-index: 2;
}

.ark-card.action-card .meeples-container:empty {
  background: none;
  border: none;
  padding: 0;
}

.ark-card.action-card .action-card-perspective {
  height: calc(var(--arkNovaActionCardScale) * 522px);
  position: relative;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  transition: transform 0.5s ease-in-out;
  width: calc(var(--arkNovaActionCardScale) * 375px);
}

.ark-card.action-card[data-lvl="2"] .action-card-perspective {
  transform: rotateY(180deg);
}

.ark-card.action-card .ark-card-wrapper {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-position-x: 16.6666666667%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(var(--arkNovaActionCardScale)) rotateY(0deg);
}

.ark-card.action-card .ark-card-wrapper .ark-card-top {
  background-image: url(/img/action-card-backgrounds.jpg);
  background-size: 500% 100%;
  height: 244px;
  width: 373px;
}

.ark-card.action-card .ark-card-wrapper .ark-card-top .ark-card-top-left {
  align-items: center;
  background: #009fe3;
  border-bottom-right-radius: 15px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  display: flex;
  flex-flow: column;
  font-family: serif;
  font-size: 32px;
  font-weight: 700;
  height: 120px;
  justify-content: center;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .arknova-icon {
  height: 60px;
  margin-bottom: 3px;
  width: 60px;
}

.ark-card.action-card .ark-card-wrapper .ark-card-middle {
  background: #00addb;
  background: linear-gradient(90deg, #00addb 15%, #badbec 50%, #00addb 85%);
  height: 35px;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper {
  padding: 4px 20px;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  line-height: 28px;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom {
  align-items: center;
  display: flex;
  flex-flow: column;
  font-size: 20px;
  height: 220px;
  justify-content: space-around;
  line-height: 31px;
  padding: 10px 35px;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom .icon-container-money {
  font-size: 1.5em;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-bottom
  .icon-container-snapping {
  font-size: 0.7em;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom div {
  text-align: center;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom table {
  border-collapse: collapse;
  border-style: hidden;
  width: 100%;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom table td {
  border: 3px solid #00addb;
  padding: 5px 0;
  text-align: center;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-bottom
  table
  tr:nth-of-type(2)
  td {
  font-family: MyriadPro-Bold;
  font-size: 29px;
  font-weight: 700;
  padding: 9px 0 2px;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-bottom
  table.animals-II
  tr:nth-of-type(2)
  td:last-of-type {
  width: 70px;
}

.ark-card.action-card
  .ark-card-wrapper
  .ark-card-bottom
  table.animals-II
  .icon-container-reputation {
  font-size: 0.9em;
  vertical-align: text-bottom;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom .separator {
  align-items: center;
  display: flex;
  font-family: MyriadPro-Bold;
  font-size: 18px;
  font-weight: 700;
}

.ark-card.action-card .ark-card-wrapper .ark-card-bottom .separator hr {
  border-color: #00addb;
  border-width: 2px;
  height: 0;
  margin: 0 5px;
  width: 100px;
}

.ark-card.action-card .ark-card-wrapper:nth-of-type(2) {
  background-position-x: 0;
  left: 100%;
  transform: scale(var(--arkNovaActionCardScale)) rotateY(180deg);
  z-index: 2;
}

.ark-card.action-card
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-top
  .ark-card-top-left {
  background: #a71b71;
  color: #fff;
}

.ark-card.action-card .ark-card-wrapper:nth-of-type(2) .ark-card-middle {
  background: #cd8da3;
  background: linear-gradient(90deg, #cd8da3 15%, #e8ccd9 50%, #cd8da3 85%);
  height: 35px;
}

.ark-card.action-card
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-bottom
  .separator
  hr {
  border-color: #a71b71;
}

.ark-card.action-card
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-bottom
  table
  td,
.ark-card.action-card
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-bottom
  table
  th {
  border-color: #a71b71 !important;
}

.ark-card.action-card[data-type="Association"]
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-bottom {
  line-height: 28px;
  padding: 10px 30px;
}

.ark-card.action-card[data-type="Sponsors"]
  .ark-card-wrapper:nth-of-type(2)
  .ark-card-bottom {
  padding: 10px 20px;
}

.ark-card.action-card[data-type="Cards"] .ark-card-bottom {
  font-size: 18px;
}

.ark-card.action-card[data-type="Cards"]
  .ark-card-bottom
  .icon-container-break {
  font-size: 0.8em;
}

.ark-card.action-card[data-type="Cards"]
  .ark-card-bottom
  table
  tr:not(:first-of-type)
  td {
  font-family: MyriadPro-Bold;
  font-size: 26px;
  font-weight: 700;
  padding: 0;
}

.ark-card.action-card[data-type="Cards"]
  .ark-card-bottom
  table
  tr:nth-of-type(3)
  th {
  border-bottom: 3px solid #00addb;
}

.action-card[data-type="Cards"] .ark-card-top {
  background-position-x: 0;
}

.action-card[data-type="Animals"] .ark-card-top {
  background-position-x: 25%;
}

.action-card[data-type="Build"] .ark-card-top {
  background-position-x: 50%;
}

.action-card[data-type="Association"] .ark-card-top {
  background-position-x: 75%;
}

.action-card[data-type="Sponsors"] .ark-card-top {
  background-position-x: 100%;
}

.ark-log-card-name {
  color: #070002;
  font-family: MyriadPro-Semibold;
  position: relative;
  text-align: center;
}

.ark-log-card-name .help-marker {
  left: auto;
  right: -18px;
  top: -11px;
}

.action-button.bgabutton.bgabutton_blue .ark-log-card-name {
  color: #fff;
}

.zoo-card-tooltip {
  display: flex;
  max-width: 700px;
}

.zoo-card-tooltip .ark-card {
  flex-shrink: 0;
}

.zoo-card-tooltip .card-status {
  list-style-position: initial;
  padding-left: 15px;
  padding-right: 5px;
  width: 200px;
}

[data-helper-playable="1"] .zoo-card-tooltip .card-status {
  display: none;
}

.zoo-card-tooltip .card-status li {
  list-style: disc;
  margin-bottom: 7px;
}

.zoo-card-tooltip .card-status li ul {
  list-style-position: initial;
  margin-top: 3px;
  padding-left: 15px;
}

.zoo-card-tooltip .card-status li ul li {
  list-style: circle;
  margin-bottom: 2px;
}

.zoo-card-tooltip .card-status .badge-icon {
  border: 1px solid #393939;
  border-radius: 50%;
  display: inline-block;
  height: 15px;
  margin-left: 1px;
  vertical-align: middle;
  width: 15px;
}

.zoo-card-tooltip .card-status .fa-check {
  color: green;
}

.zoo-card-tooltip .card-status .fa-times {
  color: red;
}

.ark-card {
  position: relative;
}

.ark-card.unselectable {
  -webkit-backface-visibility: hidden;
  cursor: not-allowed;
  filter: grayscale(80%);
  /*-webkit-perspective: 1000;*/
  -webkit-transform: translateZ(0);
}

.ark-card.selectable {
  cursor: pointer;
}

.ark-card.selectable:hover {
  transform: scale(1.1);
}

.ark-card.selected {
  border: 2px solid red;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 red;
  margin: -2px;
}

.ark-card.selected.selectedToKeep {
  border-color: #5ec15e;
  box-shadow: 0 0 10px 0 #2be32b;
}

.ark-card.selected.selectedToKeep .ark-card-wrapper:before {
  align-items: center;
  background: #e1e1e1c4;
  border-radius: 20px;
  bottom: 250px;
  color: green;
  content: "\f00c";
  display: flex;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 140px;
  justify-content: center;
  left: 100px;
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: 10;
}

.ark-card.selectedToDiscard {
  -webkit-backface-visibility: hidden;
  border: 2px solid red;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 red;
  filter: grayscale(1);
  margin: -2px;
  /*-webkit-perspective: 1000;*/ /* FIXME */
  -webkit-transform: translateZ(0);
}

.ark-card.selectedToDiscard .ark-card-wrapper:before {
  align-items: center;
  background: #d1d1d1be;
  bottom: 0;
  content: "\f1f8";
  display: flex;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: 140px;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

.ark-card .ark-card-wrapper {
  background-image: url(/img/card-backgrounds.jpg);
  background-size: 700% 100%;
  border-radius: 8px;
  box-shadow: 2px 2px 4px -1px #000;
  height: 520px;
  position: absolute;
  transform-origin: top left;
  width: 373px;
}

.ark-card .ark-card-wrapper .shadow {
  box-shadow: 2px 2px 4px -1px #000;
}

.ark-card .ark-card-wrapper .ark-card-top {
  border-radius: 7px 7px 0 0;
  display: flex;
  height: 297px;
  overflow: hidden;
  width: 373px;
}

.ark-card .ark-card-wrapper .ark-card-top .ark-card-top-left {
  min-width: 77px;
}

.ark-card .ark-card-wrapper .ark-card-top .ark-card-top-right {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding-right: 13px;
}

.ark-card .ark-card-wrapper .ark-card-middle {
  background: linear-gradient(90deg, #eb8a00 15%, #fcbd1a 50%, #eb8a00 85%);
  height: 50px;
  position: relative;
}

.ark-card .ark-card-wrapper .ark-card-middle .ark-card-title-wrapper {
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  padding: 2px 20px;
  position: absolute;
  right: 0;
  top: 0;
}

.ark-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-title {
  color: #070002;
  font-family: Espera;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.ark-card
  .ark-card-wrapper
  .ark-card-middle
  .ark-card-title-wrapper
  .ark-card-subtitle {
  font-family: MyriadPro-CondIt;
  text-align: center;
}

.ark-card .ark-card-wrapper .ark-card-middle .ark-card-number {
  align-items: center;
  display: flex;
  float: right;
  font-family: MyriadPro-Cond;
  height: 50px;
  justify-content: center;
  width: 30px;
  writing-mode: vertical-rl;
}

.ark-card .ark-card-wrapper .ark-card-middle .ark-card-exp {
  align-items: center;
  display: flex;
  float: left;
  font-family: MyriadPro-Cond;
  height: 50px;
  justify-content: center;
  width: 50px;
}

.ark-card .ark-card-wrapper .ark-card-bottom {
  height: 173px;
  padding: 0 15px;
}

.ark-card.fake-card .ark-card-wrapper {
  background-position-x: 50%;
}

/* TODO 这是我新加的,之后检查一下*/

/*.player-board-hand {*/
/*    order: 4;*/
/*    --arkNovaZooCardScale: 0.4;*/
/*}*/

.player-board-hand .zoo-card.animal-card {
  order: 1;
}

.player-board-hand .zoo-card.sponsor-card {
  order: 2;
}

.player-board-hand .zoo-card.project-card {
  order: 3;
}

#floating-hand-wrapper {
  --arkNovaZooCardScale: 0.4;
  background-color: rgba(40, 39, 36, 0.78);
  border-right: 1px solid #7c5d45;
  border-top: 1px solid #7c5d45;
  border-top-right-radius: 8px;
  bottom: 0;
  box-shadow: 0 0 10px 1px #ff0;
  left: 0;
  position: fixed;
  transform: translateY(calc(100% - var(--arkNovaZooCardScale) * 140px));
  transition: transform 0.8s;
  z-index: 1000;
}

#floating-hand-wrapper:not(.active) {
  display: none;
}

#floating-hand-wrapper[data-open] {
  transform: translateY(0);
}

#floating-hand-wrapper #floating-hand-button-container {
  display: flex;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  right: 0;
  transition: top 0.8s;
  z-index: 2;
}

#floating-hand-wrapper #floating-hand-button-container #floating-hand-button,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button {
  background-color: gray;
  border: 1px solid #000;
  border-radius: 50%;
  box-shadow: 2px 2px 5px #000;
  cursor: pointer;
  margin: -38px 5px 0;
  transform: translateY(0);
  transition:
    transform 0.4s,
    margin 0.4s;
}

#floating-hand-wrapper
  #floating-hand-button-container
  #floating-hand-button:hover,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button:hover {
  transform: translateY(-10px);
}

#floating-hand-wrapper
  #floating-hand-button-container
  #floating-hand-button
  .icon-hand,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-hand-button
  .icon-scoring-hand,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-hand,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-scoring-hand {
  align-items: center;
  display: flex;
  font-size: 32px;
  height: 40px;
  justify-content: center;
  margin: 4px;
  width: 40px;
}

#floating-hand-wrapper
  #floating-hand-button-container
  #floating-hand-button
  .icon-hand
  i,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-hand-button
  .icon-scoring-hand
  i,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-hand
  i,
#floating-hand-wrapper
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-scoring-hand
  i {
  display: none;
}

#floating-hand-wrapper[data-open="hand"]
  #floating-hand-button-container
  #floating-hand-button {
  margin-bottom: 20px;
  margin-top: -58px;
}

#floating-hand-wrapper[data-open="hand"]
  #floating-hand-button-container
  #floating-hand-button
  .icon-hand {
  background: none;
}

#floating-hand-wrapper[data-open="hand"]
  #floating-hand-button-container
  #floating-hand-button
  .icon-hand
  i {
  display: block;
}

#floating-hand-wrapper[data-open="hand"]
  #floating-hand-button-container
  #floating-hand-button:hover
  .icon-hand {
  font-size: 34px;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand-button-container
  #floating-scoring-hand-button {
  margin-bottom: 20px;
  margin-top: -58px;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-scoring-hand {
  background: none;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand-button-container
  #floating-scoring-hand-button
  .icon-scoring-hand
  i {
  display: block;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand-button-container
  #floating-scoring-hand-button:hover
  .icon-scoring-hand {
  font-size: 34px;
}

#floating-hand-wrapper #floating-hand {
  height: 100%;
  margin-top: calc(var(--arkNovaZooCardScale) * -1 * 12px);
  min-width: calc(var(--arkNovaZooCardScale) * 375px);
  padding-top: calc(var(--arkNovaZooCardScale) * 12px);
  width: 100%;
}

#floating-hand-wrapper #floating-hand .player-board-hand,
#floating-hand-wrapper #floating-hand .player-board-scoring-hand {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 99vw;
}

#floating-hand-wrapper #floating-hand .player-board-hand .ark-card,
#floating-hand-wrapper #floating-hand .player-board-scoring-hand .ark-card {
  flex-shrink: 0;
  margin: 4px;
}

#floating-hand-wrapper #floating-hand .player-board-hand .ark-card.selected,
#floating-hand-wrapper
  #floating-hand
  .player-board-scoring-hand
  .ark-card.selected {
  margin: 2px;
}

#floating-hand-wrapper #floating-hand .player-board-hand .ark-card:hover,
#floating-hand-wrapper
  #floating-hand
  .player-board-scoring-hand
  .ark-card:hover {
  z-index: 4;
}

#floating-hand-wrapper #floating-hand .player-board-scoring-hand {
  display: none;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand
  .player-board-scoring-hand {
  display: flex;
}

#floating-hand-wrapper[data-open="scoringHand"]
  #floating-hand
  .player-board-hand {
  display: none;
}

.arknova-icon {
  background: url(/img/icons.webp);
  background-repeat: no-repeat;
}

.arknova-icon.icon-action-animals {
  background-position: 14.61139896373057% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-action-association {
  background-position: 21.243523316062177% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-action-build {
  background-position: 27.875647668393782% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-action-card {
  background-position: 0.5095541401273885% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-card-animal {
  background-position: 63.36305732484077% 40.71625344352617%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-card-association {
  background-position: 5.37579617834395% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-card-build {
  background-position: 10.242038216560509% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-card-cards {
  background-position: 15.108280254777071% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-card-sponsor {
  background-position: 19.97452229299363% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-action-cards {
  background-position: 34.50777202072539% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-action-sponsors {
  background-position: 41.13989637305699% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-add-worker {
  background-position: 25.245986535473847% 40.73869900771775%;
  background-size: 1750.4273504273506%;
}

.arknova-icon.icon-all-animals {
  background-position: 74.21434454000521% 1.1318619128466327%;
  background-size: 1495.4671814671815%;
}

.arknova-icon.icon-all-continents {
  background-position: 57.99703713321216% 54.47065277015908%;
  background-size: 1455.4671814671815%;
}

.arknova-icon.icon-animal-size-2 {
  background-position: 68.19455054749173% 40.69383259911895%;
  background-size: 2423.6686390532545%;
}

.arknova-icon.icon-animal-size-3 {
  background-position: 73.00738477209066% 40.69383259911895%;
  background-size: 2423.6686390532545%;
}

.arknova-icon.icon-animal-size-4 {
  background-position: 77.82021899668959% 40.69383259911895%;
  background-size: 2423.6686390532545%;
}

.arknova-icon.icon-animal-size-x {
  background-position: 82.6330532212885% 40.69383259911895%;
  background-size: 2423.6686390532545%;
}

.arknova-icon.icon-appeal {
  background-position: 47.11292795094533% 25.772626931567327%;
  background-size: 2250.5494505494507%;
}

.arknova-icon.icon-bonus {
  background-position: 48.29104091144485% 40.73869900771775%;
  background-size: 1750.4273504273506%;
}

.arknova-icon.icon-bonus-sponsor {
  background-position: 88.87163561076605% 40.69383259911895%;
  background-size: 1765.5172413793102%;
}

.arknova-icon.icon-bordered-immediate {
  background-position: 88.02364430737599% 54.11444141689373%;
  background-size: 1998.0487804878048%;
}

.arknova-icon.icon-bordered-worker {
  background-position: 0.5129520389843549% 67.51626898047722%;
  background-size: 2079.187817258883%;
}

.arknova-icon.icon-break {
  background-position: 53.005181347150256% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-clever {
  background-position: 31.312101910828027% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-conservation {
  background-position: 59.63730569948187% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-conservation-project {
  background-position: 36.87907676869042% 77.56071805702217%;
  background-size: 3723.6363636363635%;
}

.arknova-icon.icon-conservation-project-base {
  background-position: 40.14049172102358% 77.56071805702217%;
  background-size: 3723.6363636363635%;
}

.arknova-icon.icon-constriction {
  background-position: 85.35379812695109% 1.1135857461024499%;
  background-size: 1625.3968253968253%;
}

.arknova-icon.icon-determination {
  background-position: 36.17834394904458% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-enclosure-empty {
  background-position: 83.9886187273668% 67.37012987012987%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-enclosure-green {
  background-position: 6.1303673047077085% 67.37012987012987%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-enclosure-regular {
  background-position: 12.596999482669426% 67.37012987012987%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-enclosure-regular-rock {
  background-position: 19.71642589620118% 67.37012987012987%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-regular-rock-rock {
  background-position: 29.82878544676297% 67.37012987012987%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-regular-rock-water {
  background-position: 39.94114499732477% 67.37012987012987%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-regular-water {
  background-position: 50.053504547886575% 67.37012987012987%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-regular-water-water {
  background-position: 60.16586409844836% 67.37012987012987%;
  background-size: 1144.1340782122904%;
}

/* Marine World */

.ark-card.zoo-card.animal-card .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden {
  align-items: center;
  background: #878787;
  border-top-left-radius: 8px;
  box-shadow: 0 2px 11px 4px #2f2f2f;
  box-sizing: border-box;
  display: flex;
  height: 68px;
  justify-content: center;
  min-width: 77px;
  padding-left: 7px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div {
  color: #781102;
  font-family: MyriadPro-Bold;
  font-size: 35px;
  height: 48px;
  line-height: 45px;
  margin: 0 5px;
  text-align: center;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden {
  width: 55.2px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden-rock,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden-rock-rock,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden-rock-water,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden-water,
.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-forbidden-water-water {
  box-sizing: border-box;
  padding-right: 31.44px;
  width: 85.92px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-special-large-bird-aviary {
  color: #fff;
  font-size: 22px;
  line-height: 32px;
  width: 42px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-special-reptile-house {
  color: #fff;
  font-size: 24px;
  line-height: 45px;
  width: 33.84px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-special-aquarium {
  color: #fff;
  font-size: 22px;
  line-height: 45px;
  width: 42px;
  padding-right: 4px;
}

.ark-card.zoo-card.animal-card
  .ark-card-wrapper
  .ark-card-top
  .ark-card-top-left
  .animal-card-enclosure-cost
  .animal-card-enclosure-forbidden
  > div.icon-enclosure-special-petting-zoo {
  color: #fff;
  box-sizing: border-box;
  font-size: 32px;
  line-height: 40px;
  padding-right: 10px;
  text-align: right;
  width: 58.56px;
}

.arknova-icon.icon-enclosure-forbidden {
  background-position: 12.596999482669426% 89.55%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-enclosure-forbidden-rock {
  background-position: 19.71642589620118% 89.55%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-forbidden-rock-rock {
  background-position: 29.82878544676297% 89.55%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-forbidden-rock-water {
  background-position: 39.94114499732477% 89.55%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-forbidden-water {
  background-position: 50.053504547886575% 89.55%;
  background-size: 1144.1340782122904%;
}

.arknova-icon.icon-enclosure-forbidden-water-water {
  background-position: 60.16586409844836% 89.55%;
  background-size: 1144.1340782122904%;
}

/* Break Point */
.arknova-icon.icon-enclosure-size-2 {
  background-position: 19.019354838709678% 77.8897136797455%;
  background-size: 1853.3936651583713%;
}

.arknova-icon.icon-enclosure-size-3 {
  background-position: 93.95109395109395% 53.996737357259384%;
  background-size: 1941.2322274881517%;
}

.arknova-icon.icon-enclosure-special-large-bird-aviary {
  background-position: 66.99821474113746% 67.37012987012987%;
  background-size: 2340.5714285714284%;
}

.arknova-icon.icon-enclosure-special-aquarium {
  background-position: 66.99821474113746% 89.55%;
  background-size: 2404.9645390070923%;
}

.arknova-icon.icon-enclosure-special-petting-zoo {
  background-position: 73.26064382139148% 67.37012987012987%;
  background-size: 1678.688524590164%;
}

.arknova-icon.icon-enclosure-special-reptile-house {
  background-position: 78.02781289506953% 67.37012987012987%;
  background-size: 2904.9645390070923%;
}

.arknova-icon.icon-endgame {
  background-position: 93.15137730603993% 40.69383259911895%;
  background-size: 2946.762589928058%;
}

.arknova-icon.icon-fac {
  background-position: 94.95341614906833% 66.89951638903815%;
  background-size: 1765.5172413793102%;
}

.arknova-icon.icon-fac-rep-hand {
  background-position: 65.55438780872306% 54.20305676855895%;
  background-size: 1412.4137931034484%;
}

.arknova-icon.icon-fac-science-rep {
  background-position: 73.69942196531792% 54.20305676855895%;
  background-size: 1412.4137931034484%;
}

.arknova-icon.icon-fac-science-science {
  background-position: 81.84445612191277% 54.20305676855895%;
  background-size: 1412.4137931034484%;
}

.arknova-icon.icon-gates {
  background-position: 5.420267085624509% 78.47222222222221%;
  background-size: 1478.7003610108304%;
}

.arknova-icon.icon-hand {
  background-position: 66.26943005181347% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-harbor {
  background-position: 25.076923076923073% 77.76601376389624%;
  background-size: 2089.795918367347%;
}

.arknova-icon.icon-one-animal {
  background-position: 98.55108612317915% 1.10803324099723%;
  background-size: 1838.251366120219%;
}

.arknova-icon.icon-hunter {
  background-position: 18.882565959648215% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-hypnosis {
  background-position: 92.42976066597295% 1.1135857461024499%;
  background-size: 1625.3968253968253%;
}

.arknova-icon.icon-one-continent {
  background-position: 58.80463645943098% 1.1441647597254003%;
  background-size: 1838.251366120219%;
}
.arknova-icon.icon-pavilion {
  background-position: 51.81463645943098% 1.1441647597254003%;
  background-size: 1569.3486590038312%;
}

.arknova-icon.icon-immediate {
  background-position: 97.78054862842893% 66.04774535809018%;
  background-size: 4762.790697674419%;
}

.arknova-icon.icon-immediate-income {
  background-position: 0.5140066820868672% 1.2338062924120914%;
  background-size: 1998.0487804878048%;
}

.arknova-icon.icon-reef-effect {
  background-position: 6.7338062924120914% 1.2338062924120914%;
  background-size: 675.0487804878048%;
}

.arknova-icon.icon-income {
  background-position: 49.12008281573499% 76.15344738206325%;
  background-size: 1765.5172413793102%;
}

.arknova-icon.icon-institute {
  background-position: 88.66632860040568% 67.15210355987054%;
  background-size: 2694.736842105263%;
}

.arknova-icon.icon-kiosk {
  background-position: 0.5215123859191656% 54.680616740088105%;
  background-size: 1569.3486590038312%;
}

.arknova-icon.icon-different-shape {
  background-position: 0.5215123859191656% 90.780616740088105%;
  background-size: 1569.3486590038312%;
}

.arknova-icon.icon-lake {
  background-position: 97.80745967741935% 53.90879478827362%;
  background-size: 3200%;
}

.arknova-icon.icon-listener-any-zoo {
  background-position: 25.349198137609935% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-mark {
  background-position: 32.215830315571652% 54.62046204620462%;
  background-size: 1880.8695652173913%;
}

.arknova-icon.icon-reef-dweller {
  background-position: 72.99821474113746% 89.55%;
  background-size: 1800.9645390070923%;
}

.arknova-icon.icon-wave {
  background-position: 96.31821474113746% 89.55%;
  background-size: 605.8695652173913%;
}

/* replace original icons with these */
.arknova-icon.icon-posturing {
  background-position: 25.399198137609935% 54.62046204620462%;
  background-size: 1510.8695652173913%;
}

.arknova-icon.icon-listener-your-zoo {
  background-position: 31.815830315571652% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-money {
  background-position: 43.81965552178318% 77.31578947368422%;
  background-size: 2767.5675675675675%;
}

.arknova-icon.icon-multiplier {
  background-position: 41.71413775245987% 40.73869900771775%;
  background-size: 1750.4273504273506%;
}

.arknova-icon.icon-partner-Africa {
  background-position: 6.596661281637049% 1.1481056257175661%;
  background-size: 1072.2513089005236%;
}

.arknova-icon.icon-partner-Americas {
  background-position: 17.42057081313947% 1.1481056257175661%;
  background-size: 1072.2513089005236%;
}

.arknova-icon.icon-partner-Asia {
  background-position: 28.244480344641897% 1.1481056257175661%;
  background-size: 1072.2513089005236%;
}

.arknova-icon.icon-partner-Australia {
  background-position: 39.068389876144316% 1.1481056257175661%;
  background-size: 1072.2513089005236%;
}

.arknova-icon.icon-partner-Europe {
  background-position: 49.89229940764674% 1.1481056257175661%;
  background-size: 1072.2513089005236%;
}

.arknova-icon.icon-partner-zoo {
  background-position: 12.979654906000516% 78.09675704412547%;
  background-size: 1923.0046948356808%;
}

.arknova-icon.icon-perception {
  background-position: 38.28246249353337% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-pilfering {
  background-position: 0.5202913631633715% 26.002227171492205%;
  background-size: 1625.3968253968253%;
}

.arknova-icon.icon-place-cube {
  background-position: 98.69096509240246% 40.69383259911895%;
  background-size: 2048%;
}

.arknova-icon.icon-pouch {
  background-position: 44.74909467149509% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-release-animal {
  background-position: 7.787839586028461% 54.680616740088105%;
  background-size: 1773.1601731601731%;
}

.arknova-icon.icon-reputation {
  background-position: 79.53367875647669% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-restaurant {
  background-position: 31.093749999999996% 77.76601376389624%;
  background-size: 1600%;
}

.arknova-icon.icon-rock {
  background-position: 55.627425614489% 76.15344738206325%;
  background-size: 1773.1601731601731%;
}

.arknova-icon.icon-scoring-hand {
  background-position: 72.90155440414507% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-snapping {
  background-position: 53.98726114649681% 40.73869900771775%;
  background-size: 2395.3216374269005%;
}

.arknova-icon.icon-special-enclosures {
  background-position: 66.91787941787942% 1.1350737797956867%;
  background-size: 1651.6129032258063%;
}

.arknova-icon.icon-sponsor-card {
  background-position: 14.017267648552565% 54.680616740088105%;
  background-size: 2592.4050632911394%;
}

.arknova-icon.icon-strbreak {
  background-position: 86.16580310880829% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-strength {
  background-position: 92.79792746113989% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.arknova-icon.icon-sunbathing {
  background-position: 51.2157268494568% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}
.arknova-icon.icon-shark-attack {
  background-position: 73.3557268494568% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}
.arknova-icon.icon-extra-shift {
  background-position: 78.31821474113746% 89.55%;
  background-size: 1950.8695652173913%;
}
.arknova-icon.icon-digging {
  background-position: 65.2157268494568% 54.62046204620462%;
  background-size: 1780.8695652173913%;
}

.arknova-icon.icon-take-in-range {
  background-position: 58.64432597105864% 40.73869900771775%;
  background-size: 2608.9171974522296%;
}

.arknova-icon.icon-tower {
  background-position: 78.8981551680566% 1.1312217194570136%;
  background-size: 2946.762589928058%;
}

.arknova-icon.icon-upgrade-card {
  background-position: 0.5090353779587682% 78.80901287553648%;
  background-size: 2452.6946107784433%;
}

.arknova-icon.icon-venom {
  background-position: 7.596253902185223% 26.002227171492205%;
  background-size: 1625.3968253968253%;
}

.arknova-icon.icon-water {
  background-position: 62.121604139715394% 76.15344738206325%;
  background-size: 1773.1601731601731%;
}

.arknova-icon.icon-xtoken {
  background-position: 99.4300518134715% 25.772626931567327%;
  background-size: 1735.593220338983%;
}

.action-button .icon-container-appeal {
  font-size: 1.2em;
  margin: -0.1em 0.08em;
}

.action-button .icon-container-appeal .icon-appeal {
  line-height: 1.3em;
}

.action-button .icon-container-reputation {
  font-size: 1.3em;
  margin: -0.15em 0.08em;
  vertical-align: baseline;
}

.log .icon-container-money {
  font-size: 1.2em;
  vertical-align: baseline;
}

.icon-container {
  display: inline-block;
  font-size: 1em;
  margin: 0 0.08em;
  vertical-align: middle;
}

.icon-container.icon-container-strength {
  margin-top: -0.1em;
}

.icon-container.icon-container-strength .icon-strength {
  word-wrap: normal;
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 1.4em;
  height: 1.2em;
  line-height: 1.1em;
  text-align: center;
  text-indent: 2px;
  width: 1.2em;
}

.icon-container.icon-container-break,
.icon-container.icon-container-strbreak {
  margin-top: -0.8em;
}

.icon-container .icon-break,
.icon-container .icon-strbreak {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 1.5em;
  height: 2em;
  line-height: 2.8em;
  padding-right: 0.2em;
  text-align: center;
  width: 1.8em;
}

.icon-container .icon-break {
  font-size: 1.7em;
  height: 1.8em;
  line-height: 2.3em;
  padding-right: 0.3em;
  width: 1.5em;
}

.icon-container .icon-action-animals,
.icon-container .icon-action-association,
.icon-container .icon-action-build,
.icon-container .icon-action-cards,
.icon-container .icon-action-sponsors {
  height: 1.8em;
  width: 1.8em;
}

.icon-container .icon-action-card,
.icon-container .icon-action-card-animal,
.icon-container .icon-action-card-association,
.icon-container .icon-action-card-build,
.icon-container .icon-action-card-cards,
.icon-container .icon-action-card-sponsor,
.icon-container .icon-animal-size-2,
.icon-container .icon-animal-size-3,
.icon-container .icon-animal-size-4,
.icon-container .icon-clever,
.icon-container .icon-determination,
.icon-container .icon-snapping,
.icon-container .icon-take-in-range {
  color: transparent;
  height: 1.7em;
  width: 1.242307692em;
}

.icon-container .icon-take-in-range {
  width: 1.12em;
}

.icon-container .icon-bonus-sponsor {
  height: 1.7em;
  width: 1.6em;
}

.icon-container .icon-appeal,
.icon-container .icon-conservation,
.icon-container .icon-money,
.icon-container .icon-reputation {
  box-sizing: border-box;
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 1em;
  height: 1.3em;
  letter-spacing: -1px;
  line-height: 1.2em;
  text-align: center;
  text-indent: -1px;
  width: 1.3em;
}

.icon-container.icon-container-appeal {
  vertical-align: text-bottom;
}

.icon-container .icon-money {
  border-radius: 20%;
}

.icon-container .icon-conservation {
  color: #000;
}

.icon-container .icon-appeal {
  color: #000;
  width: 1em;
}

.icon-container .icon-multiplier {
  height: 1.5em;
  width: 1.5em;
}

.icon-container.icon-container-multiplier {
  vertical-align: top;
}

.icon-container .icon-enclosure-empty,
.icon-container .icon-enclosure-regular {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 1.1em;
  height: 1.4em;
  letter-spacing: -1px;
  line-height: 1.55em;
  text-align: center;
  width: 1.61em;
}

.icon-container .icon-enclosure-size-2 {
  height: 1.5em;
  width: 1.8em;
}

.icon-container .icon-enclosure-size-3 {
  height: 1.5em;
  width: 1.5em;
}

.icon-container .icon-enclosure-special-large-bird-aviary {
  height: 1.7em;
  width: 1.6em;
}

.icon-container .icon-enclosure-special-aquarium {
  height: 1.7em;
  width: 1.6em;
}

.icon-container .badge-icon {
  background-image: url(/img/zoo-card-badges.webp);
  background-size: 500% 700%;
  border: 2px solid #fff;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
}

.icon-container .icon-all-continents {
  height: 1.75em;
  width: 1.9em;
}

.icon-container .icon-all-animals {
  height: 1.75em;
  width: 1.9em;
}

.icon-container .icon-add-worker,
.icon-container .icon-xtoken {
  height: 1.3em;
  width: 1.3em;
}

.icon-container .icon-partner-zoo {
  height: 1.16em;
  width: 1.3em;
}

.icon-container .icon-fac {
  height: 1.3em;
  width: 1.52em;
}

.icon-container .icon-upgrade-card {
  height: 1.6em;
  width: 1.4em;
}

.icon-container .icon-release-animal {
  height: 1.8em;
  width: 1.8em;
}

.icon-container .icon-rock,
.icon-container .icon-water {
  height: 1em;
  width: 1.8em;
}

.icon-container .icon-income {
  height: 1.2em;
  width: 2.7em;
}

.icon-container .icon-kiosk {
  height: 1.55em;
  width: 1.7em;
}

.icon-container .icon-different-shape {
  height: 1.55em;
  width: 1.8em;
}

.icon-container .icon-mark {
  height: 1.7em;
  width: 1.4em;
}

.icon-container .icon-reef-dweller {
  height: 1.7em;
  width: 2em;
}

.icon-container .icon-wave {
  height: 2em;
  width: 4.5em;
}

.icon-container .icon-posturing {
  height: 1.5em;
  width: 1.8em;
}

.icon-container .icon-extra-shift {
  height: 2em;
  width: 1.5em;
}

.icon-container .icon-sunbathing,
.icon-container .icon-shark-attack,
.icon-container .icon-perception,
.icon-container .icon-digging,
.icon-container .icon-hunter,
.icon-container .icon-pouch {
  align-items: flex-end;
  display: flex;
  height: 1.7em;
  justify-content: flex-start;
  width: 1.7em;
}
.icon-container .icon-sunbathing,
.icon-container .icon-shark-attack,
.icon-container .icon-perception,
.icon-container .icon-digging,
.icon-container .icon-hunter,
.icon-container .icon-pouch span {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 0.9em;
  letter-spacing: -1px;
  line-height: 1em;
  margin-left: 0.1em;
}

.icon-container .icon-special-enclosures {
  height: 1.78em;
  width: 1.55em;
}

.icon-container .icon-endgame {
  height: 1.7em;
  width: 1.04em;
}

.icon-container .icon-place-cube {
  height: 1.7em;
  width: 1.48em;
}

.icon-container .icon-sponsor-card {
  height: 1.7em;
  width: 1.15em;
}

.icon-container .icon-tower {
  height: 3em;
  width: 1.4em;
}

.icon-container .icon-gates {
  height: 1.7em;
  width: 3em;
}

.icon-container .icon-harbor {
  height: 2em;
  width: 2.3em;
}

.icon-container .icon-restaurant {
  height: 2em;
  width: 3em;
}

.icon-container .icon-institute {
  height: 2.4em;
  width: 2em;
}

.icon-container .icon-one-animal {
  height: 1.8em;
  width: 1.8em;
}

.icon-container .icon-lake {
  height: 1.8em;
  width: 1.3em;
}

.icon-container .icon-one-continent {
  height: 1.8em;
  width: 1.8em;
}

.icon-container .icon-pavilion {
  height: 1.55em;
  width: 1.7em;
}

.action-card-level {
  font-family: serif;
  font-size: 1.3em;
  font-weight: 700;
  margin-left: 0.2em;
  vertical-align: middle;
}

.action-card-level.level-I {
  color: #2495c6;
}

.action-card-level.level-II {
  color: #8d2954;
}

.icon-cylinder,
.icon-token,
.icon-worker {
  background: url(/img/cubes.png);
  background-size: 1000% 100%;
  flex-shrink: 0;
  height: 2em;
  width: 2em;
}

.icon-cylinder[data-color="30a638"],
.icon-token[data-color="30a638"],
.icon-worker[data-color="30a638"] {
  background-position-x: 0;
}

.icon-cylinder[data-color="1863a5"],
.icon-token[data-color="1863a5"],
.icon-worker[data-color="1863a5"] {
  background-position-x: 11.1111111111%;
}

.icon-cylinder[data-color="7f4e30"],
.icon-token[data-color="7f4e30"],
.icon-worker[data-color="7f4e30"] {
  background-position-x: 22.2222222222%;
}

.icon-cylinder[data-color="000000"],
.icon-token[data-color="000000"],
.icon-worker[data-color="000000"] {
  background-position-x: 33.3333333333%;
}

.icon-cylinder[data-color="5a5856"],
.icon-token[data-color="5a5856"],
.icon-worker[data-color="5a5856"] {
  background-position-x: 44.4444444444%;
}

.icon-cylinder[data-color="ffffff"],
.icon-token[data-color="ffffff"],
.icon-worker[data-color="ffffff"] {
  background-position-x: 55.5555555556%;
}

.icon-cylinder[data-color="d1c81c"],
.icon-token[data-color="d1c81c"],
.icon-worker[data-color="d1c81c"] {
  background-position-x: 66.6666666667%;
}

.icon-cylinder[data-color="b91b1b"],
.icon-token[data-color="b91b1b"],
.icon-worker[data-color="b91b1b"] {
  background-position-x: 77.7777777778%;
}

.icon-cylinder[data-color="c028d3"],
.icon-token[data-color="c028d3"],
.icon-worker[data-color="c028d3"] {
  background-position-x: 88.8888888889%;
}

.icon-cylinder[data-color="cb7b19"],
.icon-token[data-color="cb7b19"],
.icon-worker[data-color="cb7b19"] {
  background-position-x: 100%;
}

.icon-cylinder {
  background: url(/img/cylinders.png);
  background-size: 1000% 100%;
  height: 1.7em;
  width: 1.7em;
}

.icon-worker {
  background: url(/img/workers.png);
  background-size: 1000% 100%;
  height: 2em;
  width: 2em;
}

.icon-partner-Africa,
.icon-partner-Americas,
.icon-partner-Asia,
.icon-partner-Australia,
.icon-partner-Europe {
  height: 3.7em;
  width: 4.5em;
}

.icon-partner-Africa.selectable,
.icon-partner-Americas.selectable,
.icon-partner-Asia.selectable,
.icon-partner-Australia.selectable,
.icon-partner-Europe.selectable {
  cursor: pointer;
}

.icon-partner-Africa.selectable:hover,
.icon-partner-Americas.selectable:hover,
.icon-partner-Asia.selectable:hover,
.icon-partner-Australia.selectable:hover,
.icon-partner-Europe.selectable:hover {
  transform: scale(1.1);
}

.icon-fac-rep-hand,
.icon-fac-science-rep,
.icon-fac-science-science {
  height: 4em;
  width: 5em;
}

.icon-fac-rep-hand.selectable,
.icon-fac-science-rep.selectable,
.icon-fac-science-science.selectable {
  cursor: pointer;
}

.icon-fac-rep-hand.selectable:hover,
.icon-fac-science-rep.selectable:hover,
.icon-fac-science-science.selectable:hover {
  transform: scale(1.1);
}

.bgabutton .icon-container.icon-container-break {
  font-size: 0.7em;
}

.bonus-tooltip {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  max-width: 200px;
}

.bonus-tooltip .arknova-bonus-container {
  font-size: 2em;
  margin-bottom: 5px;
}

.arknova-bonus-container {
  display: inline-block;
  position: relative;
}

.arknova-bonus-container .help-marker {
  left: -7px;
  top: -4px;
}

.arknova-bonus-container .arknova-bonus {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 3em;
  justify-content: center;
  max-width: 200px;
  padding-top: 0.3em;
  width: 3em;
}

.arknova-bonus-container .arknova-bonus.income-type {
  background: #ae6db5;
  border: 3px solid #714078;
  border-radius: 0.5em;
  height: 2.8em;
  padding-top: 0;
  width: 2.8em;
}

.arknova-bonus-container .arknova-bonus .icon-container,
.arknova-bonus-container .arknova-bonus .icon-container-money {
  font-size: 1.3em;
}

.arknova-bonus-container .arknova-bonus .icon-container-money .icon-money {
  border: 1px solid #fff;
}

.arknova-bonus-container .arknova-bonus .icon-container-reputation {
  font-size: 1.5em;
}

.arknova-bonus-container .arknova-bonus .icon-container-clever,
.arknova-bonus-container .arknova-bonus .icon-container-snapping,
.arknova-bonus-container .arknova-bonus .icon-container-take-in-range {
  font-size: 1.2em;
}

.arknova-bonus-container .arknova-bonus .icon-partner-zoo {
  -webkit-backface-visibility: hidden;
  filter: brightness(120%);
  font-size: 1.4em;
  height: 1.1em;
  /*-webkit-perspective: 1000;*/
  -webkit-transform: translateZ(0);
}

.arknova-bonus-container .arknova-bonus .icon-container-fac {
  margin-top: -0.25em;
}

.arknova-bonus-container .arknova-bonus > span {
  font-family: MyriadPro-Bold;
  font-size: 1.1em;
}

.arknova-bonus-container .arknova-bonus > span ~ .icon-container-take-in-range {
  font-size: 1.1em;
  margin-left: 0.03em;
}

.arknova-bonus-container .arknova-bonus > span ~ .icon-container-xtoken {
  font-size: 1.1em;
  margin-left: -0.01em;
}

.action-button .arknova-bonus-container {
  float: left;
  font-size: 0.75em;
  margin: 0 0.4em -0.15em -0.6em;
}

.action-button.singleBonus .arknova-bonus-container {
  margin: -0.1em -0.3em -0.15em;
}

#page-title .action-button.bgabutton.withbonus,
#page-title .bgabutton.withbonus {
  line-height: unset;
}

.arknova-meeple {
  display: inline-block;
  vertical-align: middle;
}

.arknova-meeple.icon-add-worker,
.arknova-meeple.icon-xtoken {
  height: 1.3em;
  width: 1.3em;
}

.arknova-meeple.icon-multiplier {
  height: 2em;
  width: 2em;
}

.arknova-meeple.icon-multiplier[data-state="0"] {
  opacity: 0.7;
}

.arknova-meeple.icon-constriction,
.arknova-meeple.icon-venom {
  height: 2em;
  width: 2em;
}

.action-button .icon-container ~ .arknova-meeple {
  margin-left: 0.5em;
}

#arknova-main-container {
  --arkNovaZooCardScale: 0.345;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: calc(var(--arkNovaLeftColumnScale) * 260px) auto auto;
}

[data-two-columns="1"] #arknova-main-container {
  align-items: center;
  display: flex;
  flex-flow: column;
}

#arknova-main-container #board-pool-resizable {
  grid-row: 1 / span 1;
  height: calc(var(--arkNovaLeftColumnScale) * 260px);
  margin-left: -2px;
  position: relative;
  width: calc(var(--arkNovaLeftColumnScale) * 926px);
}

#arknova-main-container #board-pool-resizable #board-pool {
  height: 260px;
  transform: scale(var(--arkNovaLeftColumnScale));
  transform-origin: top left;
  width: 926px;
}

#arknova-main-container #board-pool-resizable #board-pool #cards-pool {
  display: flex;
  padding: 0 2px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder {
  background-image: url(/img/central-board-folder.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  width: 150px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-name {
  color: #624c0a;
  font-size: 8px;
  font-style: italic;
  height: 25px;
  line-height: 26px;
  margin: 0 71px 0 15px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 68px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-number {
  color: #fff;
  font-family: MyriadPro-Bold;
  font-size: 17px;
  height: 20px;
  position: absolute;
  right: 19px;
  text-align: center;
  top: 6px;
  width: 15px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-cost {
  display: none;
  position: absolute;
  right: 12px;
  top: 5px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-cost
  .icon-money {
  border: 1px solid #fff;
  height: 1.6em;
  line-height: 1.4em;
  width: 1.6em;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .pool-slot-background {
  height: 180px;
  margin: 6px 5px 8px 9px;
  width: 129px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .pool-slot-background
  .pool-slot {
  align-items: center;
  display: flex;
  height: 180px;
  justify-content: center;
  width: 129px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool.showFolderCosts
  .card-pool-folder
  .folder-cost,
[data-folder-cost="1"]
  #arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-cost {
  display: block;
}

[data-folder-cost="2"]
  #arknova-main-container
  #board-pool-resizable
  #board-pool
  #cards-pool
  .card-pool-folder
  .folder-cost {
  display: none;
}

#arknova-main-container #board-pool-resizable #board-pool #reputation-track {
  background-image: url(/img/reputation-track.jpg);
  background-size: 100% auto;
  box-shadow: 1px 1px 5px #000;
  display: grid;
  grid-template-columns: repeat(37, 25px);
  margin-top: -10px;
  padding: 3px 0;
  position: relative;
  z-index: 2;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .badge-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  height: 26px;
  left: 586px;
  position: absolute;
  top: 17px;
  width: 26px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot {
  height: 26px;
  position: relative;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot
  .reputation-holder {
  height: 100%;
  position: relative;
  width: 100%;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot
  .reputation-holder
  .icon-cylinder {
  left: 0;
  position: absolute;
  top: -1px;
  transition: top 0.3s;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot
  .reputation-holder
  .icon-cylinder:nth-of-type(2) {
  left: 24px;
  top: -1px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot
  .reputation-holder
  .icon-cylinder:nth-of-type(3) {
  left: 1px;
  top: -7px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot
  .arknova-bonus-container {
  font-size: 0.62em;
  left: 11px;
  position: absolute;
  top: 19px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot#reputation-1
  .reputation-holder {
  align-items: center;
  display: flex;
  justify-content: center;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track
  .reputation-slot#reputation-1
  .reputation-holder
  .icon-cylinder {
  position: static;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track:hover
  .reputation-slot
  .reputation-holder
  .icon-cylinder {
  top: -16px;
}

#arknova-main-container
  #board-pool-resizable
  #board-pool
  #reputation-track:hover
  .reputation-slot
  .reputation-holder
  .icon-cylinder:nth-of-type(3) {
  top: -30px;
}

#association-board-resizable {
  grid-row: 1 / span 2;
  height: calc(var(--arkNovaAssociationBoardScale) * 665px);
  justify-self: center;
  position: relative;
  width: calc(var(--arkNovaAssociationBoardScale) * 695px);
}

[data-conservation-track="0"] #association-board-resizable {
  height: calc(var(--arkNovaAssociationBoardScale) * 585px);
}

#association-board-resizable #association-board-container {
  --arkNovaZooCardScale: 0.36;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 665px;
  margin-right: 5px;
  transform: scale(var(--arkNovaAssociationBoardScale));
  transform-origin: top left;
  width: 695px;
}

[data-conservation-track="0"]
  #association-board-resizable
  #association-board-container {
  height: 585px;
}

#association-board-resizable #association-board-container #base-projects-holder,
#association-board-resizable #association-board-container #projects-holder {
  background-image: url(/img/sheet_background.jpg);
  background-size: cover;
  border: 2px solid #000;
  border-radius: 5px;
  box-shadow: 1px 1px 7px -1px #000;
  box-sizing: border-box;
  display: flex;
  padding: 3px 2px 3px 14px;
  position: relative;
}

#association-board-resizable
  #association-board-container
  #base-projects-holder
  .project-holder,
#association-board-resizable
  #association-board-container
  #projects-holder
  .project-holder {
  align-items: center;
  background: #ffffff88;
  border: 2px solid #00000088;
  border-radius: 4px;
  display: flex;
  height: 186px;
  justify-content: center;
  margin: 0 3px;
  width: 134px;
}

#association-board-resizable
  #association-board-container
  #base-projects-holder
  .project-holder
  .ark-card.zoo-card.project-card,
#association-board-resizable
  #association-board-container
  #projects-holder
  .project-holder
  .ark-card.zoo-card.project-card {
  border: 1px solid #000;
  border-radius: 4px;
  margin: -1px 0 0 -1px;
}

#association-board-resizable
  #association-board-container
  #base-projects-holder
  > .icon-container,
#association-board-resizable
  #association-board-container
  #projects-holder
  > .icon-container {
  left: -17px;
  position: absolute;
  top: 61px;
}

#association-board-resizable
  #association-board-container
  #base-projects-holder
  > .icon-container
  .arknova-icon,
#association-board-resizable
  #association-board-container
  #projects-holder
  > .icon-container
  .arknova-icon {
  height: 40px;
  width: 28px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle {
  display: flex;
  flex-shrink: 0;
  height: 180px;
  width: 695px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves {
  background: url(/img/notebook.png);
  background-position: -21px -59px;
  background-size: 295px;
  border: 1px solid #000;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  box-shadow: 1px 1px 6px #000;
  display: flex;
  flex-flow: column;
  font-size: 14px;
  justify-content: space-evenly;
  margin: 4px -2px 4px 0;
  padding-left: 1px;
  width: 60px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve {
  height: 44px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve
  .icon-worker:first-child,
#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve
  .icon-worker:nth-child(3) {
  margin-right: -12px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve
  .icon-worker:nth-child(2) {
  margin-bottom: -9px;
  margin-top: -2px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve
  .icon-worker:nth-child(3) {
  margin-bottom: 3px;
  margin-left: 5px;
  margin-top: -21px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #workers-reserves
  .player-reserve
  .icon-worker:nth-child(4) {
  margin-top: -13px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #studbooks {
  width: 50px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board {
  background: url(/img/association-board.jpg);
  background-size: 100%;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 1px 1px 13px -1px #000;
  display: flex;
  flex-shrink: 0;
  height: 170px;
  margin: 4px 0;
  width: 574px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div {
  flex-shrink: 0;
  height: 100%;
  position: relative;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div
  .worker-slot {
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  position: absolute;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div
  .worker-slot.selectable {
  border: 2px dashed red;
  cursor: pointer;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div
  .worker-slot.selectable:hover {
  border: 2px solid red;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-0 {
  width: 92px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-0
  #association-donation {
  display: grid;
  font-size: 13px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 1fr);
  height: 139px;
  margin: 29px 4px 0;
  width: 83px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-0
  #association-donation
  #association_0_7 {
  grid-column-end: span 2;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-2 {
  width: 62px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-2
  .worker-slot {
  flex-flow: column;
  height: 70px;
  justify-content: flex-end;
  left: 5px;
  top: 96px;
  width: 50px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-2
  .worker-slot
  .icon-worker {
  margin-top: -23px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-2
  .worker-slot
  .icon-worker:nth-of-type(2n) {
  margin-left: 24px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3 {
  width: 207px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .worker-slot {
  height: 33px;
  left: 4px;
  top: 133px;
  width: 197px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot {
  height: 60px;
  position: absolute;
  width: 72px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot#association_3_partner-Africa {
  left: 63px;
  top: 69px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot#association_3_partner-Americas {
  left: 1px;
  top: 34px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot#association_3_partner-Europe {
  left: 63px;
  top: 4px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot#association_3_partner-Asia {
  left: 133px;
  top: 4px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-3
  .continent-slot#association_3_partner-Australia {
  left: 133px;
  top: 69px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4 {
  width: 156px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4
  .worker-slot {
  height: 33px;
  left: 4px;
  top: 133px;
  width: 146px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4
  .fac-slot {
  height: 64px;
  position: absolute;
  width: 80px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4
  .fac-slot#association_4_fac-rep-hand {
  left: 48px;
  top: 3px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4
  .fac-slot#association_4_fac-science-rep {
  left: 76px;
  top: 67px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-4
  .fac-slot#association_4_fac-science-science {
  left: 1px;
  top: 67px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-5 {
  width: 58px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-5
  .worker-slot {
  flex-flow: column;
  height: 70px;
  justify-content: flex-end;
  left: 4px;
  top: 95px;
  width: 49px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-5
  .worker-slot
  .icon-worker {
  margin-top: -23px;
}

#association-board-resizable
  #association-board-container
  #association-board-middle
  #association-board
  > div#association-board-5
  .worker-slot
  .icon-worker:nth-of-type(2n) {
  margin-left: 24px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate {
  grid-column-gap: 11px;
  background: url(/img/score-board-conservation.jpg);
  background-size: 100%;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #000;
  box-sizing: border-box;
  cursor: zoom-in;
  display: grid;
  flex-shrink: 0;
  grid-template-columns: repeat(11, 1fr);
  height: 75px;
  margin-bottom: 5px;
  padding: 4px 5px 0;
  position: relative;
  width: 100%;
}

[data-conservation-track="0"]
  #association-board-resizable
  #association-board-container
  #conservation-track-duplicate {
  display: none;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .conservation-slot {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  justify-content: center;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .conservation-slot
  .icon-cylinder:nth-child(3),
#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .conservation-slot
  .icon-cylinder:nth-child(4) {
  left: -4px;
  position: relative;
  top: -37px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .icon-cylinder {
  transform: translateY(0);
  transition: transform 0.5s;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate:hover
  .icon-cylinder {
  transform: translateY(-50%);
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate:hover
  .icon-cylinder:nth-child(3),
#association-board-resizable
  #association-board-container
  #conservation-track-duplicate:hover
  .icon-cylinder:nth-child(4) {
  transform: translateY(-75%);
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #conservation-duplicate-off {
  position: absolute;
  right: 0;
  width: 0;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #conservation-duplicate-off
  .icon-cylinder {
  pointer-events: none;
  visibility: hidden;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .scoreboard-bonus {
  align-items: center;
  display: flex;
  font-size: 11px;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 31px;
  width: 38px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .scoreboard-bonus#duplicate-scoreboard-bonus-10-0
  .arknova-bonus-container,
#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .scoreboard-bonus.permanent
  .arknova-bonus-container {
  height: 100%;
  width: 100%;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .scoreboard-bonus#duplicate-scoreboard-bonus-10-0
  .arknova-bonus-container
  .arknova-bonus,
#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  .scoreboard-bonus.permanent
  .arknova-bonus-container
  .arknova-bonus {
  display: none;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-2-0 {
  left: 106px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-2-1 {
  left: 170px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-5-0,
#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-8-0 {
  height: 30px;
  left: 332px;
  top: 41px;
  width: 30px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-5-1 {
  left: 290px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-5-2 {
  left: 366px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-8-0 {
  left: 521px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-8-1 {
  left: 479px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-8-2 {
  left: 555px;
}

#association-board-resizable
  #association-board-container
  #conservation-track-duplicate
  #duplicate-scoreboard-bonus-10-0 {
  left: 644px;
}

#ebd-body[data-association-board-projects="1"] #association-board-resizable {
  height: calc(var(--arkNovaAssociationBoardScale) * 400px);
}

#ebd-body[data-association-board-projects="1"]
  #association-board-resizable
  #association-board-container {
  height: 400px;
}

#ebd-body[data-association-board-projects="1"][data-conservation-track="0"]
  #association-board-resizable {
  height: calc(var(--arkNovaAssociationBoardScale) * 320px);
}

#ebd-body[data-association-board-projects="1"][data-conservation-track="0"]
  #association-board-resizable
  #association-board-container {
  height: 320px;
}

[data-player-boards-layout="0"]
  #arknova-main-container
  .ark-player-board-resizable:not(.active),
[data-player-boards-layout="0"]
  #arknova-main-container
  .player-board-action-cards-resizable:not(.active),
[data-player-boards-layout="0"]
  #arknova-main-container
  .player-board-cards:not(.active) {
  display: none;
}

.worker-counter-container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  font-family: MyriadPro-Bold;
  justify-content: center;
}

.worker-counter-container span:after {
  content: " x ";
  margin-right: 3px;
}

.ark-player-board-resizable {
  grid-row-end: span 2;
  height: calc(var(--arkNovaLeftColumnScale) * 648px);
  position: relative;
  width: calc(var(--arkNovaLeftColumnScale) * 926px);
}

[data-player-boards-layout="1"]
  .ark-player-board-resizable
  ~ .ark-player-board-resizable {
  margin-top: 20px;
}

.ark-player-board-resizable .ark-player-board {
  display: flex;
  flex-flow: row wrap;
  height: 648px;
  padding: 5px;
  transform: scale(var(--arkNovaLeftColumnScale));
  transform-origin: top left;
  width: 926px;
}

.ark-player-board-resizable .ark-player-board .zoo-map {
  display: flex;
  position: relative;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .player-infos {
  display: flex;
  flex-flow: column;
  height: 106px;
  padding: 18px 0 0;
  text-align: center;
  width: 160px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .player-infos
  .player-board-name {
  margin: 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-player-boards-layout="1"]
  .ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .player-infos
  .player-board-name {
  margin: 0;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .next-player-board,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .prev-player-board {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 55px;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 26px;
}

[data-player-boards-layout="1"]
  .ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .next-player-board,
[data-player-boards-layout="1"]
  .ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .prev-player-board {
  display: none;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .next-player-board {
  right: 0;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-tower {
  font-size: 0.8em;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-gates {
  font-size: 0.9em;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-lake {
  font-size: 1.2em;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-harbor,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-institute,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-restaurant {
  font-size: 0.8em;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .map-desc
  .icon-container-one-continent {
  font-size: 1em;
}

.ark-player-board-resizable .ark-player-board .zoo-map .map-infos .map-name {
  color: #313131;
  font-family: MyriadPro-Bold;
  font-size: 16px;
  height: 22px;
  margin-left: 11px;
  padding: 4px 4px 2px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .player-reserve {
  display: flex;
}

.ark-player-board-resizable .ark-player-board .zoo-map .map-infos .help-marker {
  background: hsla(0, 0%, 46%, 0.8);
  border-radius: 50%;
  bottom: 18px;
  height: 18px;
  left: auto;
  opacity: 1 !important;
  position: absolute;
  right: 6px;
  top: auto;
  width: 18px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .map-infos
  .help-marker
  svg {
  height: 18px;
  width: 18px;
}

.ark-player-board-resizable .ark-player-board .zoo-map .zoo-map-bonus-spaces {
  background-color: #eee4d3;
  background-image:
    linear-gradient(#918884 0.05rem, transparent 0),
    linear-gradient(90deg, #918884 0.05rem, transparent 0);
  background-position: -0.2rem -0.5rem;
  background-size: 1rem 1rem;
  box-shadow: 1px 1px 6px #000;
  margin: 130px -14px 6px 0;
  padding: 20px 10px 0;
  position: relative;
  width: 120px;
  z-index: 2;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income {
  background: hsla(0, 0%, 100%, 0.8);
  border: 2px solid #000;
  border-radius: 8px;
  margin-right: 9px;
  padding: 2px 5px;
  position: relative;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  > .arknova-icon,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income
  > .arknova-icon {
  height: 72px;
  position: absolute;
  right: -17px;
  top: calc(50% - 36px);
  width: 34px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  .bonus-space,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income
  .bonus-space {
  display: flex;
  margin: 4px 2px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  .bonus-space
  .cube-holder,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income
  .bonus-space
  .cube-holder {
  align-items: center;
  border: 3px solid transparent;
  border-radius: 8px 0 0 8px;
  display: flex;
  flex-shrink: 0;
  height: 28px;
  justify-content: center;
  margin-top: 5px;
  width: 26px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  .bonus-space
  .arknova-bonus-container,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income
  .bonus-space
  .arknova-bonus-container {
  display: block;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate.preview
  .bonus-space
  .cube-holder,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-income.preview
  .bonus-space
  .cube-holder {
  background: #bda2c5;
  border: 3px solid #714078;
  border-right: none;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .icon-place-cube {
  float: right;
  height: 47px;
  margin-right: -4px;
  margin-top: -19px;
  position: relative;
  width: 39px;
  z-index: 3;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate {
  margin-top: 8px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  > .arknova-icon {
  height: 36px;
  top: calc(50% - 18px);
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate
  .bonus-space
  .cube-holder {
  border: 3px solid transparent;
  border-radius: 9px;
  margin-top: 6px;
  width: 28px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .bonus-spaces-immediate.preview
  .bonus-space
  .cube-holder {
  background: #fff64c;
  border: 3px solid #4f4c4c;
  margin-right: -7px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers {
  background: hsla(0, 80%, 74%, 0.8);
  border: 2px solid #000;
  border-radius: 8px;
  display: flex;
  margin: 5px 0;
  padding: 3px 1px;
  position: relative;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers
  .worker-space {
  align-items: flex-end;
  display: flex;
  font-size: 0.5em;
  height: 42px;
  justify-content: center;
  position: relative;
  width: 40px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers
  .worker-space
  .icon-bordered-worker.icon-background {
  height: 40px;
  left: 1px;
  opacity: 0.6;
  position: absolute;
  top: -4px;
  width: 35px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers
  .worker-space
  .space-counter {
  background: #fff;
  border-radius: 50%;
  font-family: MyriadPro-Bold;
  font-size: 1em;
  height: 10px;
  left: 14px;
  line-height: 1.4em;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 10px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers
  .worker-space
  .worker-holder {
  font-size: 18px;
  height: 36px;
  left: 1px;
  position: absolute;
  top: 0;
  transition: top 0.5s;
  width: 36px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-bonus-spaces
  .zoo-map-workers:hover
  .worker-space
  .worker-holder {
  top: -20px;
}

.ark-player-board-resizable .ark-player-board .zoo-map .zoo-map-association {
  background-image: url(/img/association-player-board.jpg);
  background-size: 100%;
  box-shadow: 1px 1px 6px #000;
  margin: 10px 0 6px -17px;
  padding: 8px 9px;
  position: relative;
  z-index: 2;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association:before {
  background: #ac9e89;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  content: "";
  display: block;
  height: 13px;
  left: -2px;
  position: absolute;
  top: 1px;
  transform: rotate(-4deg) skewX(7deg);
  width: 15px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities {
  padding: 4px 7px;
  position: relative;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space {
  align-items: flex-end;
  display: flex;
  font-size: 0.7em;
  height: 60px;
  justify-content: center;
  margin: 10px 0;
  padding-bottom: 9px;
  position: relative;
  width: 85px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space:first-child {
  margin-top: 1px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space:last-child {
  margin-bottom: 1px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space
  .partner-zoo-holder {
  font-size: 20px;
  left: -2px;
  position: absolute;
  top: -3px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space
  .icon-partner-zoo.icon-background,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-partner-zoos
  .partner-zoo-space
  .space-counter {
  display: none;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities {
  margin-top: 10px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities
  .fac-space {
  align-items: flex-end;
  display: flex;
  font-size: 0.7em;
  height: 65px;
  justify-content: center;
  margin: 8px 0;
  padding-bottom: 5px;
  position: relative;
  width: 85px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities
  .fac-space
  .fac-holder {
  font-size: 22px;
  left: -12px;
  position: absolute;
  top: -7px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities
  .fac-space
  .icon-fac.icon-background,
.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-association
  .zoo-map-universities
  .fac-space
  .space-counter {
  display: none;
}

.ark-player-board-resizable .ark-player-board .zoo-map .zoo-map-board {
  background-image: url(/img/sheet_background.jpg);
  background-size: cover;
  box-shadow: 1px 1px 13px -1px #000;
  box-sizing: border-box;
  height: 608.0208756512px;
  padding: 5px;
  width: 692.8px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .full-map-bonus {
  background: #d0cdcde5;
  border: 2px solid #000;
  border-radius: 12px 0 0 12px;
  bottom: 10px;
  font-size: 13px;
  padding: 4px 6px;
  position: absolute;
  right: 114px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .buildings-helper {
  background-image: url(/img/buildings-help.jpg);
  background-size: 100% auto;
  border: 2px solid #000;
  border-radius: 7px;
  border-top-left-radius: 0;
  box-shadow: 1px 1px 5px -1px #000;
  height: 581px;
  position: absolute;
  right: 8px;
  top: 13px;
  width: 100px;
  z-index: 0;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .buildings-helper.closedAnim {
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: slideout;
}

@keyframes slideout {
  0% {
    right: 8px;
    z-index: 14;
  }
  49% {
    z-index: 14;
  }
  50% {
    right: 120px;
    z-index: 0;
  }
  to {
    right: 8px;
    z-index: 0;
  }
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .buildings-helper.open {
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: slidein;
}

@keyframes slidein {
  0% {
    right: 8px;
    z-index: 0;
  }
  49% {
    z-index: 0;
  }
  50% {
    right: 120px;
    z-index: 14;
  }
  to {
    right: 8px;
    z-index: 14;
  }
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .buildings-helper
  .buildings-helper-toggle {
  background: #d0cdcde5;
  border: 2px solid #000;
  border-radius: 12px 0 0 12px;
  cursor: pointer;
  font-size: 17px;
  left: -50px;
  padding: 5px 6px;
  position: absolute;
  top: -2px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .buildings-helper:not(.open)
  .buildings-helper-toggle:hover {
  left: -54px;
  padding-right: 10px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border {
  border: 5px dashed #666246;
  border-image-outset: 0;
  border-image-repeat: round;
  border-image-slice: 10;
  border-image-source: url(/img/map-border.png);
  border-image-width: 5px;
  padding: 5px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background {
  background-color: #55a832;
  box-sizing: border-box;
  height: 578.0208756512px;
  padding: 14px;
  width: 662.8px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="0"] {
  background-image: url(/img/maps/map-0.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="1"] {
  background-image: url(/img/maps/map-1.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="2"] {
  background-image: url(/img/maps/map-2.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="3"] {
  background-image: url(/img/maps/map-3.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="4"] {
  background-image: url(/img/maps/map-4.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="5"] {
  background-image: url(/img/maps/map-5.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="6"] {
  background-image: url(/img/maps/map-6.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="7"] {
  background-image: url(/img/maps/map-7.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="8"] {
  background-image: url(/img/maps/map-8.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background[data-map="A"] {
  background-image: url(/img/maps/map-A.jpg);
  background-size: 100%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board {
  display: grid;
  grid-template-columns: repeat(28, 22.6px);
  grid-template-rows: repeat(14, 39.1443482608px);
  height: 548.0208756512px;
  position: relative;
  width: 632.8px;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board
  .zoo-map-cell {
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
  -webkit-clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
  text-align: center;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board
  .zoo-map-cell.upgradeNeeded
  .upgradeNeeded-marker {
  background: #dd5749;
  border: 1px solid #fff;
  border-bottom-right-radius: 22px;
  border-top-right-radius: 22px;
  height: 48%;
  margin-top: 1px;
  position: relative;
  width: 70%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board
  .zoo-map-cell.upgradeNeeded
  .upgradeNeeded-marker:before {
  background-image: url(/img/zoo-card-badges.webp);
  background-position: 75% 0;
  background-size: 500% 700%;
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 59%;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board
  .zoo-map-cell.bonus {
  align-items: center;
  display: flex;
  justify-content: center;
}

.ark-player-board-resizable
  .ark-player-board
  .zoo-map
  .zoo-map-board
  .zoo-map-board-border
  .zoo-map-board-background
  .zoo-board.upgraded
  .zoo-map-cell.upgradeNeeded
  .upgradeNeeded-marker {
  display: none;
}

.player-board-action-cards-resizable {
  height: calc(var(--arkNovaLeftColumnScale) * 225px);
  margin-top: 10px;
  width: calc(var(--arkNovaLeftColumnScale) * 926px);
}

.player-board-action-cards-resizable .player-board-action-cards {
  --arkNovaActionCardScale: 0.4;
  background-image: url(/img/sheet_background.jpg);
  background-size: cover;
  box-shadow: 1px 1px 5px #000;
  display: flex;
  grid-row-end: span 1;
  height: 225px;
  justify-content: space-evenly;
  transform: scale(var(--arkNovaLeftColumnScale));
  transform-origin: top left;
  width: 926px;
}

.player-board-action-cards-resizable
  .player-board-action-cards
  .action-card-slot {
  align-items: center;
  display: flex;
  height: calc(var(--arkNovaActionCardScale) * 522px + 10px);
  justify-content: center;
  position: relative;
  width: calc(var(--arkNovaActionCardScale) * 375px + 10px);
}

.player-board-action-cards-resizable
  .player-board-action-cards
  .action-card-slot
  .action-card-slot-strength {
  align-items: flex-start;
  background-image: url(/img/paperclip.png);
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  font-family: MyriadPro-Bold;
  font-size: 19px;
  height: 69px;
  justify-content: center;
  left: 61px;
  line-height: 19px;
  padding-top: 2px;
  pointer-events: none;
  position: absolute;
  top: -5px;
  width: 40px;
  z-index: 10;
}

.player-board-action-cards-resizable
  .player-board-action-cards
  .action-card-slot
  .action-card {
  transition:
    top 0.5s,
    box-shadow 0.5s;
}

.player-board-action-cards-resizable
  .player-board-action-cards
  .action-card-slot
  .action-card[data-status="1"] {
  border: 1px solid #000;
  border-radius: 8px;
  box-shadow: 0 0 7px 2px red;
  top: -13px;
  z-index: 10;
}

.player-board-cards {
  background-image: url(/img/sheet_background.jpg);
  background-size: cover;
  box-shadow: 1px 1px 5px #000;
  display: flex;
  flex-wrap: wrap;
  grid-column: 2;
  grid-row-end: span 2;
  justify-content: space-around;
  margin-left: -10px;
  padding: 10px 10px 10px 20px;
}

[data-player-boards-layout="1"] .player-board-cards ~ .player-board-cards {
  grid-row-end: span 3;
  margin-top: 25px;
}

:not(#floating-hand) .player-board-cards {
  --arkNovaZooCardScale: 0.4;
}

.player-board-cards .player-board-inPlay-animals {
  order: 2;
}

.player-board-cards .player-board-inPlay-sponsors {
  order: 3;
}

.player-board-cards .player-board-scoring-hand {
  order: 5;
}

.player-board-cards .player-board-hand,
.player-board-cards .player-board-scoring-hand {
  background: hsla(0, 0%, 100%, 0.7);
  border: 1px solid #000;
  border-radius: 8px;
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 5px;
  padding: 2px;
}

.player-board-cards .player-board-scoring-hand:empty {
  display: none;
}

.player-board-cards .player-board-inPlay-animals,
.player-board-cards .player-board-inPlay-sponsors {
  align-content: baseline;
  background: hsla(0, 0%, 100%, 0.7);
  border: 1px solid #000;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  margin: 30px 5px 5px;
  min-height: calc(var(--arkNovaZooCardScale) * 522px);
  padding: 2px;
  position: relative;
  width: calc(var(--arkNovaZooCardScale) * 2 * 375px + 12px);
}

.player-board-cards .player-board-inPlay-animals .ark-card,
.player-board-cards .player-board-inPlay-sponsors .ark-card {
  margin: 3px;
}

.player-board-cards
  .player-board-inPlay-animals
  .ark-card
  ~ .ark-card
  ~ .ark-card,
.player-board-cards
  .player-board-inPlay-sponsors
  .ark-card
  ~ .ark-card
  ~ .ark-card {
  margin-top: calc(var(--arkNovaZooCardScale) * -440px);
}

.player-board-cards
  .player-board-inPlay-animals
  .ark-card.double-margin
  ~ .ark-card
  ~ .ark-card,
.player-board-cards
  .player-board-inPlay-sponsors
  .ark-card.double-margin
  ~ .ark-card
  ~ .ark-card {
  margin-top: calc(var(--arkNovaZooCardScale) * -390px);
}

.player-board-cards
  .player-board-inPlay-animals
  .ark-card.double-margin
  ~ .ark-card
  ~ .ark-card
  ~ .ark-card,
.player-board-cards
  .player-board-inPlay-sponsors
  .ark-card.double-margin
  ~ .ark-card
  ~ .ark-card
  ~ .ark-card {
  margin-top: calc(var(--arkNovaZooCardScale) * -440px);
}

.player-board-cards .player-board-inPlay-animals > .icon-container,
.player-board-cards .player-board-inPlay-sponsors > .icon-container {
  left: 142px;
  position: absolute;
  top: -34px;
}

.player-board-hand {
  --arkNovaZooCardScale: 0.3;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.player-name svg {
  cursor: pointer;
  height: 21px;
  margin-left: 3px;
  vertical-align: bottom;
  width: 25px;
}

.player_score .player_score_value {
  display: none;
}

.player-info {
  display: flex;
  justify-content: space-between;
}

.player-info .icon-appeal,
.player-info .icon-conservation,
.player-info .icon-money,
.player-info .icon-reputation,
.player-info .player-handCount,
.player-info .player-xtoken {
  font-family: MyriadPro-Bold;
  font-size: 20px;
  letter-spacing: -1px;
  text-align: center;
  text-indent: -1px;
}

.player-info .icon-money {
  border-radius: 20%;
  color: #fff;
  height: 32px;
  padding-right: 0;
  width: 32px;
}

.player-info .handCount-holder,
.player-info .xtoken-holder {
  display: flex;
}

.player-info .icon-xtoken {
  height: 26px;
  margin: 3px 0 3px 2px;
  width: 26px;
}

.player-info .icon-reputation {
  color: #fff;
  font-size: 19px;
  height: 32px;
  line-height: 28px;
  width: 34px;
}

.player-info .icon-conservation {
  height: 32px;
  width: 32px;
}

.player-info .appeal-holder {
  position: relative;
}

.player-info .appeal-holder .icon-appeal {
  height: 32px;
  position: relative;
  width: 25px;
  z-index: 2;
}

.player-info .appeal-holder .icon-money {
  font-size: 14px;
  height: 19px;
  left: 3px;
  line-height: 18px;
  position: absolute;
  top: -20px;
  width: 19px;
}

.player-info .handCount-holder {
  position: relative;
}

.player-info .handCount-holder .player-handCount-icon {
  background-image: url(/img/card-backgrounds.jpg);
  background-position-x: 50%;
  background-size: 700% 100%;
  border-radius: 4px;
  height: 30px;
  margin: 1px 0 1px 3px;
  width: 21px;
}

.player-info .handCount-holder .scoringHandCount-holder {
  font-family: MyriadPro-Bold;
  font-size: 14px;
  left: 0;
  letter-spacing: -1px;
  position: absolute;
  text-align: center;
  text-indent: -1px;
  top: -21px;
}

.player-info .handCount-holder .scoringHandCount-holder svg {
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
  padding: 2px;
  vertical-align: bottom;
  width: 10px;
}

[data-panel-rows="2"] .player-info {
  display: grid;
  grid-template-columns: 2fr 2fr 3fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 7px;
}

[data-panel-rows="2"] .player-info > .icon-money {
  border: 1px solid #fff;
  color: #000;
  height: 26px;
  line-height: 25px;
  margin-left: 30px;
  margin-top: 2px;
  order: 1;
  text-indent: -60px;
  width: 27px;
}

[data-panel-rows="2"] .player-info .xtoken-holder {
  order: 2;
}

[data-panel-rows="2"] .player-info .xtoken-holder .player-xtoken {
  line-height: 31px;
  margin-left: 4px;
  margin-right: 5px;
  text-align: right;
  width: 21px;
}

[data-panel-rows="2"] .player-info .handCount-holder {
  align-items: center;
  display: flex;
  justify-content: center;
  order: 3;
}

[data-panel-rows="2"] .player-info .handCount-holder .player-handCount {
  margin-left: 8px;
  width: 22px;
}

[data-panel-rows="2"] .player-info .handCount-holder .scoringHandCount-holder {
  margin-left: 7px;
  position: static;
}

[data-panel-rows="2"]
  .player-info
  .handCount-holder
  .scoringHandCount-holder:before {
  content: "(";
}

[data-panel-rows="2"]
  .player-info
  .handCount-holder
  .scoringHandCount-holder:after {
  content: ")";
}

[data-panel-rows="2"] .player-info .icon-reputation {
  color: #000;
  height: 30px;
  margin-left: 28px;
  order: 4;
  text-indent: -52px;
  width: 31px;
}

[data-panel-rows="2"] .player-info .icon-conservation {
  height: 30px;
  margin-left: 30px;
  order: 5;
  text-indent: -56px;
  width: 30px;
}

[data-panel-rows="2"] .player-info .appeal-holder {
  align-items: center;
  display: flex;
  justify-content: center;
  order: 6;
}

[data-panel-rows="2"] .player-info .appeal-holder .icon-appeal {
  height: 30px;
  margin-left: 33px;
  text-indent: -54px;
  width: 23px;
}

[data-panel-rows="2"] .player-info .appeal-holder .icon-money {
  color: #000;
  font-size: 20px;
  left: auto;
  margin-left: 30px;
  position: relative;
  text-indent: -44px;
  top: -8px;
}

[data-panel-rows="2"] .player-info .appeal-holder .icon-money:before {
  background: url(/img/icons.webp);
  background-position: 49.12008281573499% 76.15344738206325%;
  background-size: 1765.5172413793102%;
  bottom: -17px;
  content: "";
  display: block;
  height: 18px;
  left: -19px;
  position: absolute;
  width: 35px;
}

.action-cards-summary {
  border-top: 1px solid rgba(0, 0, 0, 0.671);
  display: flex;
  justify-content: space-around;
  margin-top: 5px;
  padding-top: 9px;
}

.action-cards-summary > div {
  height: 34px;
  position: relative;
  width: 34px;
}

.action-cards-summary > div .summary-action-card {
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 34px;
}

.action-cards-summary > div .summary-action-card .icon-container {
  display: block;
  height: 32px;
  margin: 0;
  width: 32px;
}

.action-cards-summary > div .summary-action-card .icon-container .arknova-icon {
  border: 2px solid #009fe3;
  border-radius: 5px;
  box-shadow: 0 0 1px 1px #000000ee;
  height: 28px;
  transition:
    margin 0.5s,
    box-shadow 0.5s;
  width: 28px;
}

.action-cards-summary
  > div
  .summary-action-card[data-lvl="2"]
  .icon-container
  .arknova-icon {
  border-color: #a71b71;
}

.action-cards-summary
  > div
  .summary-action-card[data-status="1"]
  .icon-container
  .arknova-icon {
  box-shadow:
    0 0 1px 1px #000,
    0 0 3px 3px red;
  margin-top: -5px;
}

.action-cards-summary > div .summary-action-card .meeples-container {
  bottom: -3px;
  display: flex;
  flex-flow: row-reverse wrap;
  font-size: 11px;
  left: -5px;
  position: absolute;
  right: -5px;
}

.icons-summary {
  border-top: 1px solid rgba(0, 0, 0, 0.671);
  font-family: MyriadPro-SemiBold;
  font-size: 20px;
  letter-spacing: -1px;
  margin-top: 5px;
  text-align: center;
  text-indent: -1px;
}

.icons-summary.hidden {
  display: none;
}

.icons-summary .icons-summary-row {
  border-bottom: 1px solid #b9907cd6;
  display: flex;
  justify-content: space-between;
  padding: 4px 1px;
}

.icons-summary .icons-summary-row:last-of-type {
  border-bottom: none;
}

.icons-summary .icons-summary-row .icon-counter .badge-icon {
  border: 1px solid #6f5749;
  border-radius: 50%;
  display: inline-block;
  height: 25px;
  vertical-align: bottom;
  width: 25px;
}

.icons-summary .icons-summary-row .icon-counter.empty {
  opacity: 0.4;
}

.ark-player-board .icons-summary {
  background: #ece3b4;
  border-top: none;
  box-shadow: 1px 1px 13px -1px #000;
  display: flex;
  height: 50px;
  margin-bottom: -11px;
  margin-top: 0;
  width: 875px;
}

.ark-player-board .icons-summary.hidden {
  visibility: hidden;
}

.ark-player-board .icons-summary .icons-summary-row {
  border: none;
  flex-grow: 1;
  justify-content: space-around;
}

.ark-player-board .icons-summary .icons-summary-row .icon-counter.empty {
  opacity: 0.2;
}

#pagesubtitle #building-selector {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 5px;
}

#pagesubtitle #building-selector .building-container {
  margin: 0;
  transform: scale(0.9);
  transform-origin: center center;
}

#pagesubtitle #building-selector .building-container.selected,
#pagesubtitle #building-selector .building-container:hover {
  transform: scale(0.95);
}

#pagesubtitle #building-selector .building-container.selected .building-border {
  background: green;
}

#pagesubtitle #building-selector .building-container .building-crosshairs {
  visibility: visible;
}

#pagesubtitle #building-selector .building-container.unplacable {
  -webkit-backface-visibility: hidden;
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.7;
  /*-webkit-perspective: 1000;*/
  -webkit-transform: translateZ(0);
}

#pagesubtitle #building-selector .building-container.unplacable:hover {
  transform: scale(0.9);
}

#building-controls {
  align-items: center;
  display: flex;
  grid-column-end: span 4;
  grid-row-end: span 2;
  justify-content: center;
  pointer-events: none;
}

#building-controls.inactive,
[data-rotation-arrows="1"] #building-controls,
[data-rotation-arrows="2"] #building-controls {
  display: none;
}

#building-controls #building-controls-circle {
  background: #7d7d7d1f;
  border: 4px dotted #000;
  border-radius: 50%;
  flex-shrink: 0;
  height: 0;
  pointer-events: none;
  position: relative;
  width: 0;
  z-index: 4;
}

#building-controls #building-controls-circle #building-confirm-btn,
#building-controls #building-controls-circle #building-rotate-cclockwise,
#building-controls #building-controls-circle #building-rotate-clockwise {
  align-items: center;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  pointer-events: all;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
}

#building-controls #building-controls-circle #building-confirm-btn svg,
#building-controls #building-controls-circle #building-rotate-cclockwise svg,
#building-controls #building-controls-circle #building-rotate-clockwise svg {
  height: 31px;
  width: 40px;
}

#building-controls #building-controls-circle #building-rotate-clockwise {
  right: -21px;
}

#building-controls #building-controls-circle #building-rotate-cclockwise {
  left: -21px;
}

#building-controls #building-controls-circle #building-confirm-btn {
  background: #4871b6;
  color: #fff;
  font-size: 20px;
  left: calc(85% - 15px);
  margin: 0;
  padding: 0;
  top: calc(85% - 15px);
}

#building-controls #building-controls-circle #building-confirm-btn.disabled {
  background: linear-gradient(hsla(0, 0%, 74%, 0.8), hsla(0, 1%, 65%, 0.9));
  cursor: not-allowed;
  opacity: 1;
  pointer-events: all;
}

#building-controls #building-controls-circle.bottom #building-confirm-btn {
  top: calc(15% - 15px);
}

#building-controls.hovering #building-controls-circle #building-confirm-btn,
#building-controls[data-type="kiosk"]
  #building-controls-circle
  #building-rotate-cclockwise,
#building-controls[data-type="kiosk"]
  #building-controls-circle
  #building-rotate-clockwise,
#building-controls[data-type="pavilion"]
  #building-controls-circle
  #building-rotate-cclockwise,
#building-controls[data-type="pavilion"]
  #building-controls-circle
  #building-rotate-clockwise,
#building-controls[data-type="size-1"]
  #building-controls-circle
  #building-rotate-cclockwise,
#building-controls[data-type="size-1"]
  #building-controls-circle
  #building-rotate-clockwise {
  display: none;
}

.building-container {
  flex-shrink: 0;
  position: relative;
}

.building-container.phantom {
  visibility: hidden;
}

.building-container[data-rotation="0"],
.building-container[data-rotation="0"] .building-crosshairs {
  transform: rotate(0deg);
}

.building-container[data-rotation="1"] {
  transform: rotate(60deg);
}

.building-container[data-rotation="1"] .building-crosshairs {
  transform: rotate(-60deg);
}

.building-container[data-rotation="2"] {
  transform: rotate(120deg);
}

.building-container[data-rotation="2"] .building-crosshairs {
  transform: rotate(-120deg);
}

.building-container[data-rotation="3"] {
  transform: rotate(180deg);
}

.building-container[data-rotation="3"] .building-crosshairs {
  transform: rotate(-180deg);
}

.building-container[data-rotation="4"] {
  transform: rotate(240deg);
}

.building-container[data-rotation="4"] .building-crosshairs {
  transform: rotate(-240deg);
}

.building-container[data-rotation="5"] {
  transform: rotate(300deg);
}

.building-container[data-rotation="5"] .building-crosshairs {
  transform: rotate(-300deg);
}

.building-container[data-type="kiosk"]
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
.building-container[data-type="kiosk"]
  .building-crosshairs
  #building-rotate-clockwise-on-tile,
.building-container[data-type="pavilion"]
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
.building-container[data-type="pavilion"]
  .building-crosshairs
  #building-rotate-clockwise-on-tile,
.building-container[data-type="size-1"]
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
.building-container[data-type="size-1"]
  .building-crosshairs
  #building-rotate-clockwise-on-tile,
[data-rotation-arrows="2"]
  .building-container
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
[data-rotation-arrows="2"]
  .building-container
  .building-crosshairs
  #building-rotate-clockwise-on-tile {
  display: none;
}

[data-buildings-borders] .building-container.selectable {
  cursor: pointer;
}

[data-buildings-borders] .building-container.selectable .building-border {
  background: #000;
}

[data-buildings-borders] .building-container.selected .building-border {
  background: #004cff;
}

.building-container .building-border,
.building-container .building-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

[data-buildings-borders="1"] .building-container .building-border {
  background: #a68731;
}

.building-container .building-inner {
  background: url(/img/enclosures.jpg);
  background-repeat: no-repeat;
  background-size: 831px;
}

.building-container .building-inner .arknova-meeple {
  position: absolute;
}

.building-container .building-crosshairs {
  height: 30px;
  margin-left: -15px;
  margin-top: -15px;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  width: 30px;
}

.building-container .building-crosshairs svg {
  height: 100%;
  width: 100%;
}

[data-enclosure-size="1"]
  .building-container[data-state="0"][data-type="size-1"]
  .building-crosshairs:before,
[data-enclosure-size="1"]
  .building-container[data-state="0"][data-type="size-2"]
  .building-crosshairs:before,
[data-enclosure-size="1"]
  .building-container[data-state="0"][data-type="size-3"]
  .building-crosshairs:before,
[data-enclosure-size="1"]
  .building-container[data-state="0"][data-type="size-4"]
  .building-crosshairs:before,
[data-enclosure-size="1"]
  .building-container[data-state="0"][data-type="size-5"]
  .building-crosshairs:before {
  background: url(/img/icons.webp);
  background-position: 12.596999482669426% 67.37012987012987%;
  background-size: 1780.8695652173913%;
  color: #fff;
  display: block;
  font-family: MyriadPro-Bold;
  font-size: 25px;
  height: 36px;
  left: -6px;
  line-height: 34px;
  position: absolute;
  text-align: center;
  top: -4px;
  visibility: visible;
  width: 41px;
}

[data-enclosure-size="1"]
  .building-container[data-type="size-1"]
  .building-crosshairs:before {
  content: "1";
}

[data-enclosure-size="1"]
  .building-container[data-type="size-2"]
  .building-crosshairs:before {
  content: "2";
}

[data-enclosure-size="1"]
  .building-container[data-type="size-3"]
  .building-crosshairs:before {
  content: "3";
}

[data-enclosure-size="1"]
  .building-container[data-type="size-4"]
  .building-crosshairs:before {
  content: "4";
}

[data-enclosure-size="1"]
  .building-container[data-type="size-5"]
  .building-crosshairs:before {
  content: "5";
}

.building-container#building-hover {
  pointer-events: none;
  transition: transform 0.4s;
  z-index: 6;
}

.building-container#building-hover .building-border {
  background: #085f08;
}

.building-container#building-hover .building-crosshairs {
  fill: #085f08;
}

.building-container#building-hover .building-crosshairs:before {
  display: none;
}

.building-container#building-hover.hovering .building-border {
  background: #000;
}

.building-container#building-hover.hovering .building-crosshairs {
  fill: #000;
}

.building-container#building-hover.invalid .building-border {
  background: red;
}

.building-container#building-hover.invalid .building-crosshairs {
  fill: red;
}

.building-container#building-hover .building-inner {
  display: none;
}

[data-rotation-arrows="0"]
  .building-container#building-hover
  .building-crosshairs {
  visibility: visible;
}

[data-rotation-arrows="0"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
[data-rotation-arrows="0"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile {
  visibility: hidden;
}

[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs {
  transition: transform 0.4s;
  visibility: visible;
}

[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-cclockwise-on-tile,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile {
  height: 73px;
  left: -27px;
  pointer-events: all;
  position: absolute;
  top: -23px;
  width: 33px;
}

[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-cclockwise-on-tile
  svg,
[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile
  svg,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-cclockwise-on-tile
  svg,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile
  svg {
  margin-left: 11px;
  width: 50%;
}

[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile {
  left: 25px;
}

[data-rotation-arrows="1"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile
  svg,
[data-rotation-arrows="2"]
  .building-container#building-hover
  .building-crosshairs
  #building-rotate-clockwise-on-tile
  svg {
  margin-left: 3px;
}

.building-container:not([data-type]),
.building-container[data-type=""] {
  display: none;
}

.building-container[data-type="size-1"][data-state="0"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="size-1"][data-state="0"] .building-inner {
  background-position: 0 0;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="size-1"][data-state="0"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="size-1"][data-state="0"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="size-2"][data-state="0"] {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0
  );
  height: 157px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 25%;
  width: 90px;
}

.building-container[data-type="size-2"][data-state="0"] .building-inner {
  background-position: 0 14.285714285714285%;
  clip-path: polygon(
    26.25% 1.25%,
    73.75% 1.25%,
    97.5% 25%,
    72.5% 50%,
    97.5% 75%,
    73.75% 98.75%,
    26.25% 98.75%,
    2.5% 75%,
    27.5% 50%,
    2.5% 25%,
    26.25% 1.25%
  );
}

.building-container[data-type="size-2"][data-state="0"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0,
    25% 0,
    28.125% 3.125%,
    28.125% 3.125%,
    6.25% 25%,
    31.25% 50%,
    6.25% 75%,
    28.125% 96.875%,
    71.875% 96.875%,
    93.75% 75%,
    68.75% 50%,
    93.75% 25%,
    71.875% 3.125%,
    28.125% 3.125%
  );
}

.building-container[data-type="size-2"][data-state="0"] .building-crosshairs {
  left: 50%;
  top: 25%;
}

.building-container[data-type="size-3"][data-state="0"] {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 25%,
    85.7142857143% 25%,
    100% 50%,
    85.7142857143% 75%,
    57.1428571429% 75%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 75%,
    14.2857142857% 50%,
    0 25%,
    14.2857142857% 0
  );
  height: 157px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 28.57142857142857% 25%;
  width: 158px;
}

.building-container[data-type="size-3"][data-state="0"] .building-inner {
  background-position: 10% 7.142857142857142%;
  clip-path: polygon(
    15% 1.25%,
    42.1428571429% 1.25%,
    56.4285714286% 26.25%,
    85% 26.25%,
    98.5714285714% 50%,
    85% 73.75%,
    56.4285714286% 73.75%,
    42.1428571429% 98.75%,
    15% 98.75%,
    1.4285714286% 75%,
    15.7142857143% 50%,
    1.4285714286% 25%,
    15% 1.25%
  );
}

.building-container[data-type="size-3"][data-state="0"] .building-border {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 25%,
    85.7142857143% 25%,
    100% 50%,
    85.7142857143% 75%,
    57.1428571429% 75%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 75%,
    14.2857142857% 50%,
    0 25%,
    14.2857142857% 0,
    14.2857142857% 0,
    16.0714285714% 3.125%,
    16.0714285714% 3.125%,
    3.5714285714% 25%,
    17.8571428571% 50%,
    3.5714285714% 75%,
    16.0714285714% 96.875%,
    41.0714285714% 96.875%,
    55.3571428571% 71.875%,
    83.9285714286% 71.875%,
    96.4285714286% 50%,
    83.9285714286% 28.125%,
    55.3571428571% 28.125%,
    41.0714285714% 3.125%,
    16.0714285714% 3.125%
  );
}

.building-container[data-type="size-3"][data-state="0"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 25%;
}

.building-container[data-type="size-4"][data-state="0"] {
  clip-path: polygon(
    14.2857142857% 40%,
    0 60%,
    14.2857142857% 80%,
    42.8571428571% 80%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 80%,
    85.7142857143% 60%,
    100% 40%,
    85.7142857143% 20%,
    57.1428571429% 20%,
    42.8571428571% 0,
    14.2857142857% 0,
    0 20%,
    14.2857142857% 40%
  );
  height: 196px;
  margin-left: 0;
  margin-top: -346.41016151377545%;
  transform-origin: 28.57142857142857% 60%;
  width: 158px;
}

.building-container[data-type="size-4"][data-state="0"] .building-inner {
  background-position: 30% 7.6923076923076925%;
  clip-path: polygon(
    15.7142857143% 40%,
    1.4285714286% 60%,
    15% 79%,
    43.5714285714% 79%,
    57.8571428571% 99%,
    85% 99%,
    98.5714285714% 80%,
    84.2857142857% 60%,
    98.5714285714% 40%,
    85% 21%,
    56.4285714286% 21%,
    42.1428571429% 1%,
    15% 1%,
    1.4285714286% 20%,
    15.7142857143% 40%
  );
}

.building-container[data-type="size-4"][data-state="0"] .building-border {
  clip-path: polygon(
    14.2857142857% 40%,
    0 60%,
    14.2857142857% 80%,
    42.8571428571% 80%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 80%,
    85.7142857143% 60%,
    100% 40%,
    85.7142857143% 20%,
    57.1428571429% 20%,
    42.8571428571% 0,
    14.2857142857% 0,
    0 20%,
    14.2857142857% 40%,
    14.2857142857% 40%,
    17.8571428571% 40%,
    17.8571428571% 40%,
    3.5714285714% 20%,
    16.0714285714% 2.5%,
    41.0714285714% 2.5%,
    55.3571428571% 22.5%,
    83.9285714286% 22.5%,
    96.4285714286% 40%,
    82.1428571429% 60%,
    96.4285714286% 80%,
    83.9285714286% 97.5%,
    58.9285714286% 97.5%,
    44.6428571429% 77.5%,
    16.0714285714% 77.5%,
    3.5714285714% 60%,
    17.8571428571% 40%
  );
}

.building-container[data-type="size-4"][data-state="0"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 60%;
}

.building-container[data-type="size-5"][data-state="0"] {
  clip-path: polygon(
    85.7142857143% 33.3333333333%,
    100% 50%,
    85.7142857143% 66.6666666667%,
    100% 83.3333333333%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 83.3333333333%,
    14.2857142857% 83.3333333333%,
    0 66.6666666667%,
    14.2857142857% 50%,
    0 33.3333333333%,
    14.2857142857% 16.6666666667%,
    42.8571428571% 16.6666666667%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 16.6666666667%,
    85.7142857143% 33.3333333333%
  );
  height: 235px;
  margin-left: -300%;
  margin-top: -346.41016151377545%;
  transform-origin: 71.42857142857143% 50%;
  width: 158px;
}

.building-container[data-type="size-5"][data-state="0"] .building-inner {
  background-position: 50% 0;
  clip-path: polygon(
    84.2857142857% 33.3333333333%,
    98.5714285714% 50%,
    84.2857142857% 66.6666666667%,
    98.5714285714% 83.3333333333%,
    85% 99.1666666667%,
    57.8571428571% 99.1666666667%,
    43.5714285714% 82.5%,
    15% 82.5%,
    1.4285714286% 66.6666666667%,
    15.7142857143% 50%,
    1.4285714286% 33.3333333333%,
    15% 17.5%,
    43.5714285714% 17.5%,
    57.8571428571% 0.8333333333%,
    85% 0.8333333333%,
    98.5714285714% 16.6666666667%,
    84.2857142857% 33.3333333333%
  );
}

.building-container[data-type="size-5"][data-state="0"] .building-border {
  clip-path: polygon(
    85.7142857143% 33.3333333333%,
    100% 50%,
    85.7142857143% 66.6666666667%,
    100% 83.3333333333%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 83.3333333333%,
    14.2857142857% 83.3333333333%,
    0 66.6666666667%,
    14.2857142857% 50%,
    0 33.3333333333%,
    14.2857142857% 16.6666666667%,
    42.8571428571% 16.6666666667%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 16.6666666667%,
    85.7142857143% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    82.1428571429% 33.3333333333%,
    82.1428571429% 33.3333333333%,
    96.4285714286% 16.6666666667%,
    83.9285714286% 2.0833333333%,
    58.9285714286% 2.0833333333%,
    44.6428571429% 18.75%,
    16.0714285714% 18.75%,
    3.5714285714% 33.3333333333%,
    17.8571428571% 50%,
    3.5714285714% 66.6666666667%,
    16.0714285714% 81.25%,
    44.6428571429% 81.25%,
    58.9285714286% 97.9166666667%,
    83.9285714286% 97.9166666667%,
    96.4285714286% 83.3333333333%,
    82.1428571429% 66.6666666667%,
    96.4285714286% 50%,
    82.1428571429% 33.3333333333%
  );
}

.building-container[data-type="size-5"][data-state="0"] .building-crosshairs {
  left: 71.42857142857143%;
  top: 50%;
}

.building-container[data-type="size-1"][data-state="1"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="size-1"][data-state="1"] .building-inner {
  background-position: 0 37.5%;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="size-1"][data-state="1"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="size-1"][data-state="1"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="size-2"][data-state="1"] {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0
  );
  height: 157px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 25%;
  width: 90px;
}

.building-container[data-type="size-2"][data-state="1"] .building-inner {
  background-position: 0 57.14285714285714%;
  clip-path: polygon(
    26.25% 1.25%,
    73.75% 1.25%,
    97.5% 25%,
    72.5% 50%,
    97.5% 75%,
    73.75% 98.75%,
    26.25% 98.75%,
    2.5% 75%,
    27.5% 50%,
    2.5% 25%,
    26.25% 1.25%
  );
}

.building-container[data-type="size-2"][data-state="1"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0,
    25% 0,
    28.125% 3.125%,
    28.125% 3.125%,
    6.25% 25%,
    31.25% 50%,
    6.25% 75%,
    28.125% 96.875%,
    71.875% 96.875%,
    93.75% 75%,
    68.75% 50%,
    93.75% 25%,
    71.875% 3.125%,
    28.125% 3.125%
  );
}

.building-container[data-type="size-2"][data-state="1"] .building-crosshairs {
  left: 50%;
  top: 25%;
}

.building-container[data-type="size-3"][data-state="1"] {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 25%,
    85.7142857143% 25%,
    100% 50%,
    85.7142857143% 75%,
    57.1428571429% 75%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 75%,
    14.2857142857% 50%,
    0 25%,
    14.2857142857% 0
  );
  height: 157px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 28.57142857142857% 25%;
  width: 158px;
}

.building-container[data-type="size-3"][data-state="1"] .building-inner {
  background-position: 10% 35.714285714285715%;
  clip-path: polygon(
    15% 1.25%,
    42.1428571429% 1.25%,
    56.4285714286% 26.25%,
    85% 26.25%,
    98.5714285714% 50%,
    85% 73.75%,
    56.4285714286% 73.75%,
    42.1428571429% 98.75%,
    15% 98.75%,
    1.4285714286% 75%,
    15.7142857143% 50%,
    1.4285714286% 25%,
    15% 1.25%
  );
}

.building-container[data-type="size-3"][data-state="1"] .building-border {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 25%,
    85.7142857143% 25%,
    100% 50%,
    85.7142857143% 75%,
    57.1428571429% 75%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 75%,
    14.2857142857% 50%,
    0 25%,
    14.2857142857% 0,
    14.2857142857% 0,
    16.0714285714% 3.125%,
    16.0714285714% 3.125%,
    3.5714285714% 25%,
    17.8571428571% 50%,
    3.5714285714% 75%,
    16.0714285714% 96.875%,
    41.0714285714% 96.875%,
    55.3571428571% 71.875%,
    83.9285714286% 71.875%,
    96.4285714286% 50%,
    83.9285714286% 28.125%,
    55.3571428571% 28.125%,
    41.0714285714% 3.125%,
    16.0714285714% 3.125%
  );
}

.building-container[data-type="size-3"][data-state="1"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 25%;
}

.building-container[data-type="size-4"][data-state="1"] {
  clip-path: polygon(
    14.2857142857% 40%,
    0 60%,
    14.2857142857% 80%,
    42.8571428571% 80%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 80%,
    85.7142857143% 60%,
    100% 40%,
    85.7142857143% 20%,
    57.1428571429% 20%,
    42.8571428571% 0,
    14.2857142857% 0,
    0 20%,
    14.2857142857% 40%
  );
  height: 196px;
  margin-left: 0;
  margin-top: -346.41016151377545%;
  transform-origin: 28.57142857142857% 60%;
  width: 158px;
}

.building-container[data-type="size-4"][data-state="1"] .building-inner {
  background-position: 30% 38.46153846153847%;
  clip-path: polygon(
    15.7142857143% 40%,
    1.4285714286% 60%,
    15% 79%,
    43.5714285714% 79%,
    57.8571428571% 99%,
    85% 99%,
    98.5714285714% 80%,
    84.2857142857% 60%,
    98.5714285714% 40%,
    85% 21%,
    56.4285714286% 21%,
    42.1428571429% 1%,
    15% 1%,
    1.4285714286% 20%,
    15.7142857143% 40%
  );
}

.building-container[data-type="size-4"][data-state="1"] .building-border {
  clip-path: polygon(
    14.2857142857% 40%,
    0 60%,
    14.2857142857% 80%,
    42.8571428571% 80%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 80%,
    85.7142857143% 60%,
    100% 40%,
    85.7142857143% 20%,
    57.1428571429% 20%,
    42.8571428571% 0,
    14.2857142857% 0,
    0 20%,
    14.2857142857% 40%,
    14.2857142857% 40%,
    17.8571428571% 40%,
    17.8571428571% 40%,
    3.5714285714% 20%,
    16.0714285714% 2.5%,
    41.0714285714% 2.5%,
    55.3571428571% 22.5%,
    83.9285714286% 22.5%,
    96.4285714286% 40%,
    82.1428571429% 60%,
    96.4285714286% 80%,
    83.9285714286% 97.5%,
    58.9285714286% 97.5%,
    44.6428571429% 77.5%,
    16.0714285714% 77.5%,
    3.5714285714% 60%,
    17.8571428571% 40%
  );
}

.building-container[data-type="size-4"][data-state="1"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 60%;
}

.building-container[data-type="size-5"][data-state="1"] {
  clip-path: polygon(
    85.7142857143% 33.3333333333%,
    100% 50%,
    85.7142857143% 66.6666666667%,
    100% 83.3333333333%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 83.3333333333%,
    14.2857142857% 83.3333333333%,
    0 66.6666666667%,
    14.2857142857% 50%,
    0 33.3333333333%,
    14.2857142857% 16.6666666667%,
    42.8571428571% 16.6666666667%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 16.6666666667%,
    85.7142857143% 33.3333333333%
  );
  height: 235px;
  margin-left: -300%;
  margin-top: -346.41016151377545%;
  transform-origin: 71.42857142857143% 50%;
  width: 158px;
}

.building-container[data-type="size-5"][data-state="1"] .building-inner {
  background-position: 50% 50%;
  clip-path: polygon(
    84.2857142857% 33.3333333333%,
    98.5714285714% 50%,
    84.2857142857% 66.6666666667%,
    98.5714285714% 83.3333333333%,
    85% 99.1666666667%,
    57.8571428571% 99.1666666667%,
    43.5714285714% 82.5%,
    15% 82.5%,
    1.4285714286% 66.6666666667%,
    15.7142857143% 50%,
    1.4285714286% 33.3333333333%,
    15% 17.5%,
    43.5714285714% 17.5%,
    57.8571428571% 0.8333333333%,
    85% 0.8333333333%,
    98.5714285714% 16.6666666667%,
    84.2857142857% 33.3333333333%
  );
}

.building-container[data-type="size-5"][data-state="1"] .building-border {
  clip-path: polygon(
    85.7142857143% 33.3333333333%,
    100% 50%,
    85.7142857143% 66.6666666667%,
    100% 83.3333333333%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 83.3333333333%,
    14.2857142857% 83.3333333333%,
    0 66.6666666667%,
    14.2857142857% 50%,
    0 33.3333333333%,
    14.2857142857% 16.6666666667%,
    42.8571428571% 16.6666666667%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 16.6666666667%,
    85.7142857143% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    82.1428571429% 33.3333333333%,
    82.1428571429% 33.3333333333%,
    96.4285714286% 16.6666666667%,
    83.9285714286% 2.0833333333%,
    58.9285714286% 2.0833333333%,
    44.6428571429% 18.75%,
    16.0714285714% 18.75%,
    3.5714285714% 33.3333333333%,
    17.8571428571% 50%,
    3.5714285714% 66.6666666667%,
    16.0714285714% 81.25%,
    44.6428571429% 81.25%,
    58.9285714286% 97.9166666667%,
    83.9285714286% 97.9166666667%,
    96.4285714286% 83.3333333333%,
    82.1428571429% 66.6666666667%,
    96.4285714286% 50%,
    82.1428571429% 33.3333333333%
  );
}

.building-container[data-type="size-5"][data-state="1"] .building-crosshairs {
  left: 71.42857142857143%;
  top: 50%;
}

.building-container[data-type="large-bird-aviary"] {
  clip-path: polygon(
    40% 20%,
    60% 20%,
    70% 0,
    90% 0,
    100% 20%,
    90% 40%,
    70% 40%,
    60% 60%,
    70% 80%,
    60% 100%,
    40% 100%,
    30% 80%,
    10% 80%,
    0 60%,
    10% 40%,
    0 20%,
    10% 0,
    30% 0,
    40% 20%
  );
  height: 196px;
  margin-left: -300%;
  margin-top: -173.20508075688772%;
  transform-origin: 50% 40%;
  width: 226px;
}

.building-container[data-type="large-bird-aviary"] .building-inner {
  background-position: 33.33333333333333% 84.61538461538461%;
  clip-path: polygon(
    39.5% 21%,
    60.5% 21%,
    70.5% 1%,
    89.5% 1%,
    99% 20%,
    89.5% 39%,
    69.5% 39%,
    59% 60%,
    69% 80%,
    59.5% 99%,
    40.5% 99%,
    30.5% 79%,
    10.5% 79%,
    1% 60%,
    11% 40%,
    1% 20%,
    10.5% 1%,
    29.5% 1%,
    39.5% 21%
  );
}

.building-container[data-type="large-bird-aviary"] .building-border {
  clip-path: polygon(
    40% 20%,
    60% 20%,
    70% 0,
    90% 0,
    100% 20%,
    90% 40%,
    70% 40%,
    60% 60%,
    70% 80%,
    60% 100%,
    40% 100%,
    30% 80%,
    10% 80%,
    0 60%,
    10% 40%,
    0 20%,
    10% 0,
    30% 0,
    40% 20%,
    40% 20%,
    38.75% 22.5%,
    38.75% 22.5%,
    28.75% 2.5%,
    11.25% 2.5%,
    2.5% 20%,
    12.5% 40%,
    2.5% 60%,
    11.25% 77.5%,
    31.25% 77.5%,
    41.25% 97.5%,
    58.75% 97.5%,
    67.5% 80%,
    57.5% 60%,
    68.75% 37.5%,
    88.75% 37.5%,
    97.5% 20%,
    88.75% 2.5%,
    71.25% 2.5%,
    61.25% 22.5%,
    38.75% 22.5%
  );
}

.building-container[data-type="large-bird-aviary"] .building-crosshairs {
  left: 50%;
  top: 40%;
}

.building-container[data-type="petting-zoo"] {
  clip-path: polygon(
    14.2857142857% 20%,
    42.8571428571% 20%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 20%,
    85.7142857143% 40%,
    57.1428571429% 40%,
    42.8571428571% 60%,
    57.1428571429% 80%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 80%,
    14.2857142857% 60%,
    0 40%,
    14.2857142857% 20%
  );
  height: 196px;
  margin-left: 0;
  margin-top: -173.20508075688772%;
  transform-origin: 28.57142857142857% 40%;
  width: 158px;
}

.building-container[data-type="petting-zoo"] .building-inner {
  background-position: 10% 61.53846153846154%;
  clip-path: polygon(
    15% 21%,
    43.5714285714% 21%,
    57.8571428571% 1%,
    85% 1%,
    98.5714285714% 20%,
    85% 39%,
    56.4285714286% 39%,
    41.4285714286% 60%,
    55.7142857143% 80%,
    42.1428571429% 99%,
    15% 99%,
    1.4285714286% 80%,
    15.7142857143% 60%,
    1.4285714286% 40%,
    15% 21%
  );
}

.building-container[data-type="petting-zoo"] .building-border {
  clip-path: polygon(
    14.2857142857% 20%,
    42.8571428571% 20%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 20%,
    85.7142857143% 40%,
    57.1428571429% 40%,
    42.8571428571% 60%,
    57.1428571429% 80%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 80%,
    14.2857142857% 60%,
    0 40%,
    14.2857142857% 20%,
    14.2857142857% 20%,
    16.0714285714% 22.5%,
    16.0714285714% 22.5%,
    3.5714285714% 40%,
    17.8571428571% 60%,
    3.5714285714% 80%,
    16.0714285714% 97.5%,
    41.0714285714% 97.5%,
    53.5714285714% 80%,
    39.2857142857% 60%,
    55.3571428571% 37.5%,
    83.9285714286% 37.5%,
    96.4285714286% 20%,
    83.9285714286% 2.5%,
    58.9285714286% 2.5%,
    44.6428571429% 22.5%,
    16.0714285714% 22.5%
  );
}

.building-container[data-type="petting-zoo"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 40%;
}

.building-container[data-type="reptile-house"] {
  clip-path: polygon(
    40% 25%,
    60% 25%,
    70% 0,
    90% 0,
    100% 25%,
    90% 50%,
    100% 75%,
    90% 100%,
    70% 100%,
    60% 75%,
    40% 75%,
    30% 100%,
    10% 100%,
    0 75%,
    10% 50%,
    0 25%,
    10% 0,
    30% 0,
    40% 25%
  );
  height: 157px;
  margin-left: -300%;
  margin-top: -173.20508075688772%;
  transform-origin: 50% 50%;
  width: 226px;
}

.building-container[data-type="reptile-house"] .building-inner {
  background-position: 0 85.71428571428571%;
  clip-path: polygon(
    39.5% 26.25%,
    60.5% 26.25%,
    70.5% 1.25%,
    89.5% 1.25%,
    99% 25%,
    89% 50%,
    99% 75%,
    89.5% 98.75%,
    70.5% 98.75%,
    60.5% 73.75%,
    39.5% 73.75%,
    29.5% 98.75%,
    10.5% 98.75%,
    1% 75%,
    11% 50%,
    1% 25%,
    10.5% 1.25%,
    29.5% 1.25%,
    39.5% 26.25%
  );
}

.building-container[data-type="reptile-house"] .building-border {
  clip-path: polygon(
    40% 25%,
    60% 25%,
    70% 0,
    90% 0,
    100% 25%,
    90% 50%,
    100% 75%,
    90% 100%,
    70% 100%,
    60% 75%,
    40% 75%,
    30% 100%,
    10% 100%,
    0 75%,
    10% 50%,
    0 25%,
    10% 0,
    30% 0,
    40% 25%,
    40% 25%,
    38.75% 28.125%,
    38.75% 28.125%,
    28.75% 3.125%,
    11.25% 3.125%,
    2.5% 25%,
    12.5% 50%,
    2.5% 75%,
    11.25% 96.875%,
    28.75% 96.875%,
    38.75% 71.875%,
    61.25% 71.875%,
    71.25% 96.875%,
    88.75% 96.875%,
    97.5% 75%,
    87.5% 50%,
    97.5% 25%,
    88.75% 3.125%,
    71.25% 3.125%,
    61.25% 28.125%,
    38.75% 28.125%
  );
}

.building-container[data-type="reptile-house"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="kiosk"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="kiosk"] .building-inner {
  background-position: 18.181818181818183% 25%;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="kiosk"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="kiosk"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="monkey"] {
  clip-path: polygon(
    57.1428571429% 14.2857142857%,
    85.7142857143% 14.2857142857%,
    100% 28.5714285714%,
    85.7142857143% 42.8571428571%,
    100% 57.1428571429%,
    85.7142857143% 71.4285714286%,
    100% 85.7142857143%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 85.7142857143%,
    57.1428571429% 71.4285714286%,
    42.8571428571% 57.1428571429%,
    57.1428571429% 42.8571428571%,
    42.8571428571% 28.5714285714%,
    14.2857142857% 28.5714285714%,
    0 14.2857142857%,
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 14.2857142857%
  );
  height: 274px;
  margin-left: -300%;
  margin-top: -173.20508075688772%;
  transform-origin: 71.42857142857143% 28.57142857142857%;
  width: 158px;
}

.building-container[data-type="monkey"] .building-inner {
  background-position: 70% 9.090909090909092%;
  clip-path: polygon(
    56.4285714286% 15%,
    85% 15%,
    98.5714285714% 28.5714285714%,
    84.2857142857% 42.8571428571%,
    98.5714285714% 57.1428571429%,
    84.2857142857% 71.4285714286%,
    98.5714285714% 85.7142857143%,
    85% 99.2857142857%,
    57.8571428571% 99.2857142857%,
    44.2857142857% 85.7142857143%,
    58.5714285714% 71.4285714286%,
    44.2857142857% 57.1428571429%,
    58.5714285714% 42.8571428571%,
    43.5714285714% 27.8571428571%,
    15% 27.8571428571%,
    1.4285714286% 14.2857142857%,
    15% 0.7142857143%,
    42.1428571429% 0.7142857143%,
    56.4285714286% 15%
  );
}

.building-container[data-type="monkey"] .building-border {
  clip-path: polygon(
    57.1428571429% 14.2857142857%,
    85.7142857143% 14.2857142857%,
    100% 28.5714285714%,
    85.7142857143% 42.8571428571%,
    100% 57.1428571429%,
    85.7142857143% 71.4285714286%,
    100% 85.7142857143%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 85.7142857143%,
    57.1428571429% 71.4285714286%,
    42.8571428571% 57.1428571429%,
    57.1428571429% 42.8571428571%,
    42.8571428571% 28.5714285714%,
    14.2857142857% 28.5714285714%,
    0 14.2857142857%,
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 14.2857142857%,
    57.1428571429% 14.2857142857%,
    55.3571428571% 16.0714285714%,
    55.3571428571% 16.0714285714%,
    41.0714285714% 1.7857142857%,
    16.0714285714% 1.7857142857%,
    3.5714285714% 14.2857142857%,
    16.0714285714% 26.7857142857%,
    44.6428571429% 26.7857142857%,
    60.7142857143% 42.8571428571%,
    46.4285714286% 57.1428571429%,
    60.7142857143% 71.4285714286%,
    46.4285714286% 85.7142857143%,
    58.9285714286% 98.2142857143%,
    83.9285714286% 98.2142857143%,
    96.4285714286% 85.7142857143%,
    82.1428571429% 71.4285714286%,
    96.4285714286% 57.1428571429%,
    82.1428571429% 42.8571428571%,
    96.4285714286% 28.5714285714%,
    83.9285714286% 16.0714285714%,
    55.3571428571% 16.0714285714%
  );
}

.building-container[data-type="monkey"] .building-crosshairs {
  left: 71.42857142857143%;
  top: 28.57142857142857%;
}

.building-container[data-type="meerkat"] {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 33.3333333333%,
    90% 33.3333333333%,
    100% 66.6666666667%,
    90% 100%,
    70% 100%,
    60% 66.6666666667%,
    40% 66.6666666667%,
    30% 100%,
    10% 100%,
    0 66.6666666667%,
    10% 33.3333333333%,
    30% 33.3333333333%,
    40% 0
  );
  height: 117px;
  margin-left: -300%;
  margin-top: 0;
  transform-origin: 50% 33.33333333333333%;
  width: 226px;
}

.building-container[data-type="meerkat"] .building-inner {
  background-position: 22.22222222222222% 60%;
  clip-path: polygon(
    40.5% 1.6666666667%,
    59.5% 1.6666666667%,
    69.5% 35%,
    89.5% 35%,
    99% 66.6666666667%,
    89.5% 98.3333333333%,
    70.5% 98.3333333333%,
    60.5% 65%,
    39.5% 65%,
    29.5% 98.3333333333%,
    10.5% 98.3333333333%,
    1% 66.6666666667%,
    10.5% 35%,
    30.5% 35%,
    40.5% 1.6666666667%
  );
}

.building-container[data-type="meerkat"] .building-border {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 33.3333333333%,
    90% 33.3333333333%,
    100% 66.6666666667%,
    90% 100%,
    70% 100%,
    60% 66.6666666667%,
    40% 66.6666666667%,
    30% 100%,
    10% 100%,
    0 66.6666666667%,
    10% 33.3333333333%,
    30% 33.3333333333%,
    40% 0,
    40% 0,
    41.25% 4.1666666667%,
    41.25% 4.1666666667%,
    31.25% 37.5%,
    11.25% 37.5%,
    2.5% 66.6666666667%,
    11.25% 95.8333333333%,
    28.75% 95.8333333333%,
    38.75% 62.5%,
    61.25% 62.5%,
    71.25% 95.8333333333%,
    88.75% 95.8333333333%,
    97.5% 66.6666666667%,
    88.75% 37.5%,
    68.75% 37.5%,
    58.75% 4.1666666667%,
    41.25% 4.1666666667%
  );
}

.building-container[data-type="meerkat"] .building-crosshairs {
  left: 50%;
  top: 33.33333333333333%;
}

.building-container[data-type="owl"] {
  clip-path: polygon(
    25% 33.3333333333%,
    0 50%,
    25% 66.6666666667%,
    0 83.3333333333%,
    25% 100%,
    75% 100%,
    100% 83.3333333333%,
    75% 66.6666666667%,
    100% 50%,
    75% 33.3333333333%,
    100% 16.6666666667%,
    75% 0,
    25% 0,
    0 16.6666666667%,
    25% 33.3333333333%
  );
  height: 235px;
  margin-left: 0;
  margin-top: -346.41016151377545%;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="owl"] .building-inner {
  background-position: 63.63636363636363% 25%;
  clip-path: polygon(
    27.5% 33.3333333333%,
    2.5% 50%,
    27.5% 66.6666666667%,
    2.5% 83.3333333333%,
    26.25% 99.1666666667%,
    73.75% 99.1666666667%,
    97.5% 83.3333333333%,
    72.5% 66.6666666667%,
    97.5% 50%,
    72.5% 33.3333333333%,
    97.5% 16.6666666667%,
    73.75% 0.8333333333%,
    26.25% 0.8333333333%,
    2.5% 16.6666666667%,
    27.5% 33.3333333333%
  );
}

.building-container[data-type="owl"] .building-border {
  clip-path: polygon(
    25% 33.3333333333%,
    0 50%,
    25% 66.6666666667%,
    0 83.3333333333%,
    25% 100%,
    75% 100%,
    100% 83.3333333333%,
    75% 66.6666666667%,
    100% 50%,
    75% 33.3333333333%,
    100% 16.6666666667%,
    75% 0,
    25% 0,
    0 16.6666666667%,
    25% 33.3333333333%,
    25% 33.3333333333%,
    31.25% 33.3333333333%,
    31.25% 33.3333333333%,
    6.25% 16.6666666667%,
    28.125% 2.0833333333%,
    71.875% 2.0833333333%,
    93.75% 16.6666666667%,
    68.75% 33.3333333333%,
    93.75% 50%,
    68.75% 66.6666666667%,
    93.75% 83.3333333333%,
    71.875% 97.9166666667%,
    28.125% 97.9166666667%,
    6.25% 83.3333333333%,
    31.25% 66.6666666667%,
    6.25% 50%,
    31.25% 33.3333333333%
  );
}

.building-container[data-type="owl"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="sea-turtle"] {
  clip-path: polygon(
    40% 40%,
    30% 60%,
    10% 60%,
    0 80%,
    10% 100%,
    30% 100%,
    40% 80%,
    60% 80%,
    70% 100%,
    90% 100%,
    100% 80%,
    90% 60%,
    70% 60%,
    60% 40%,
    70% 20%,
    60% 0,
    40% 0,
    30% 20%,
    40% 40%
  );
  height: 196px;
  margin-left: -300%;
  margin-top: -346.41016151377545%;
  transform-origin: 50% 60%;
  width: 226px;
}

.building-container[data-type="sea-turtle"] .building-inner {
  background-position: 66.66666666666666% 69.23076923076923%;
  clip-path: polygon(
    41% 40%,
    30.5% 61%,
    10.5% 61%,
    1% 80%,
    10.5% 99%,
    29.5% 99%,
    39.5% 79%,
    60.5% 79%,
    70.5% 99%,
    89.5% 99%,
    99% 80%,
    89.5% 61%,
    69.5% 61%,
    59% 40%,
    69% 20%,
    59.5% 1%,
    40.5% 1%,
    31% 20%,
    41% 40%
  );
}

.building-container[data-type="sea-turtle"] .building-border {
  clip-path: polygon(
    40% 40%,
    30% 60%,
    10% 60%,
    0 80%,
    10% 100%,
    30% 100%,
    40% 80%,
    60% 80%,
    70% 100%,
    90% 100%,
    100% 80%,
    90% 60%,
    70% 60%,
    60% 40%,
    70% 20%,
    60% 0,
    40% 0,
    30% 20%,
    40% 40%,
    40% 40%,
    42.5% 40%,
    42.5% 40%,
    32.5% 20%,
    41.25% 2.5%,
    58.75% 2.5%,
    67.5% 20%,
    57.5% 40%,
    68.75% 62.5%,
    88.75% 62.5%,
    97.5% 80%,
    88.75% 97.5%,
    71.25% 97.5%,
    61.25% 77.5%,
    38.75% 77.5%,
    28.75% 97.5%,
    11.25% 97.5%,
    2.5% 80%,
    11.25% 62.5%,
    31.25% 62.5%,
    42.5% 40%
  );
}

.building-container[data-type="sea-turtle"] .building-crosshairs {
  left: 50%;
  top: 60%;
}

.building-container[data-type="okapi"] {
  clip-path: polygon(
    53.8461538462% 0,
    69.2307692308% 0,
    76.9230769231% 33.3333333333%,
    92.3076923077% 33.3333333333%,
    100% 66.6666666667%,
    92.3076923077% 100%,
    76.9230769231% 100%,
    69.2307692308% 66.6666666667%,
    53.8461538462% 66.6666666667%,
    46.1538461538% 100%,
    30.7692307692% 100%,
    23.0769230769% 66.6666666667%,
    7.6923076923% 66.6666666667%,
    0 33.3333333333%,
    7.6923076923% 0,
    23.0769230769% 0,
    30.7692307692% 33.3333333333%,
    46.1538461538% 33.3333333333%,
    53.8461538462% 0
  );
  height: 117px;
  margin-left: -600%;
  margin-top: 0;
  transform-origin: 61.53846153846154% 33.33333333333333%;
  width: 294px;
}

.building-container[data-type="okapi"] .building-inner {
  background-position: 62.5% 86.66666666666667%;
  clip-path: polygon(
    54.2307692308% 1.6666666667%,
    68.8461538462% 1.6666666667%,
    76.5384615385% 35%,
    91.9230769231% 35%,
    99.2307692308% 66.6666666667%,
    91.9230769231% 98.3333333333%,
    77.3076923077% 98.3333333333%,
    69.6153846154% 65%,
    53.4615384615% 65%,
    45.7692307692% 98.3333333333%,
    31.1538461538% 98.3333333333%,
    23.4615384615% 65%,
    8.0769230769% 65%,
    0.7692307692% 33.3333333333%,
    8.0769230769% 1.6666666667%,
    22.6923076923% 1.6666666667%,
    30.3846153846% 35%,
    46.5384615385% 35%,
    54.2307692308% 1.6666666667%
  );
}

.building-container[data-type="okapi"] .building-border {
  clip-path: polygon(
    53.8461538462% 0,
    69.2307692308% 0,
    76.9230769231% 33.3333333333%,
    92.3076923077% 33.3333333333%,
    100% 66.6666666667%,
    92.3076923077% 100%,
    76.9230769231% 100%,
    69.2307692308% 66.6666666667%,
    53.8461538462% 66.6666666667%,
    46.1538461538% 100%,
    30.7692307692% 100%,
    23.0769230769% 66.6666666667%,
    7.6923076923% 66.6666666667%,
    0 33.3333333333%,
    7.6923076923% 0,
    23.0769230769% 0,
    30.7692307692% 33.3333333333%,
    46.1538461538% 33.3333333333%,
    53.8461538462% 0,
    53.8461538462% 0,
    54.8076923077% 4.1666666667%,
    54.8076923077% 4.1666666667%,
    47.1153846154% 37.5%,
    29.8076923077% 37.5%,
    22.1153846154% 4.1666666667%,
    8.6538461538% 4.1666666667%,
    1.9230769231% 33.3333333333%,
    8.6538461538% 62.5%,
    24.0384615385% 62.5%,
    31.7307692308% 95.8333333333%,
    45.1923076923% 95.8333333333%,
    52.8846153846% 62.5%,
    70.1923076923% 62.5%,
    77.8846153846% 95.8333333333%,
    91.3461538462% 95.8333333333%,
    98.0769230769% 66.6666666667%,
    91.3461538462% 37.5%,
    75.9615384615% 37.5%,
    68.2692307692% 4.1666666667%,
    54.8076923077% 4.1666666667%
  );
}

.building-container[data-type="okapi"] .building-crosshairs {
  left: 61.53846153846154%;
  top: 33.33333333333333%;
}

.building-container[data-type="adventure"] {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0
  );
  height: 157px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 25%;
  width: 90px;
}

.building-container[data-type="adventure"] .building-inner {
  background-position: 72.72727272727273% 57.14285714285714%;
  clip-path: polygon(
    26.25% 1.25%,
    73.75% 1.25%,
    97.5% 25%,
    72.5% 50%,
    97.5% 75%,
    73.75% 98.75%,
    26.25% 98.75%,
    2.5% 75%,
    27.5% 50%,
    2.5% 25%,
    26.25% 1.25%
  );
}

.building-container[data-type="adventure"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 25%,
    75% 50%,
    100% 75%,
    75% 100%,
    25% 100%,
    0 75%,
    25% 50%,
    0 25%,
    25% 0,
    25% 0,
    28.125% 3.125%,
    28.125% 3.125%,
    6.25% 25%,
    31.25% 50%,
    6.25% 75%,
    28.125% 96.875%,
    71.875% 96.875%,
    93.75% 75%,
    68.75% 50%,
    93.75% 25%,
    71.875% 3.125%,
    28.125% 3.125%
  );
}

.building-container[data-type="adventure"] .building-crosshairs {
  left: 50%;
  top: 25%;
}

.building-container[data-type="pavilion"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="pavilion"] .building-inner {
  background-position: 45.45454545454545% 31.25%;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="pavilion"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="pavilion"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="penguin"] {
  clip-path: polygon(
    40% 25%,
    60% 25%,
    70% 0,
    90% 0,
    100% 25%,
    90% 50%,
    100% 75%,
    90% 100%,
    70% 100%,
    60% 75%,
    40% 75%,
    30% 50%,
    10% 50%,
    0 25%,
    10% 0,
    30% 0,
    40% 25%
  );
  height: 157px;
  margin-left: -300%;
  margin-top: -173.20508075688772%;
  transform-origin: 50% 50%;
  width: 226px;
}

.building-container[data-type="penguin"] .building-inner {
  background-position: 88.88888888888889% 0;
  clip-path: polygon(
    39.5% 26.25%,
    60.5% 26.25%,
    70.5% 1.25%,
    89.5% 1.25%,
    99% 25%,
    89% 50%,
    99% 75%,
    89.5% 98.75%,
    70.5% 98.75%,
    60.5% 73.75%,
    40.5% 73.75%,
    30.5% 48.75%,
    10.5% 48.75%,
    1% 25%,
    10.5% 1.25%,
    29.5% 1.25%,
    39.5% 26.25%
  );
}

.building-container[data-type="penguin"] .building-border {
  clip-path: polygon(
    40% 25%,
    60% 25%,
    70% 0,
    90% 0,
    100% 25%,
    90% 50%,
    100% 75%,
    90% 100%,
    70% 100%,
    60% 75%,
    40% 75%,
    30% 50%,
    10% 50%,
    0 25%,
    10% 0,
    30% 0,
    40% 25%,
    40% 25%,
    38.75% 28.125%,
    38.75% 28.125%,
    28.75% 3.125%,
    11.25% 3.125%,
    2.5% 25%,
    11.25% 46.875%,
    31.25% 46.875%,
    41.25% 71.875%,
    61.25% 71.875%,
    71.25% 96.875%,
    88.75% 96.875%,
    97.5% 75%,
    87.5% 50%,
    97.5% 25%,
    88.75% 3.125%,
    71.25% 3.125%,
    61.25% 28.125%,
    38.75% 28.125%
  );
}

.building-container[data-type="penguin"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="aquarium"] {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 20%,
    90% 20%,
    100% 40%,
    90% 60%,
    100% 80%,
    90% 100%,
    70% 100%,
    60% 80%,
    70% 60%,
    60% 40%,
    40% 40%,
    30% 60%,
    10% 60%,
    0 40%,
    10% 20%,
    30% 20%,
    40% 0
  );
  height: 196px;
  margin-left: -300%;
  margin-top: 0;
  transform-origin: 50% 20%;
  width: 226px;
}

.building-container[data-type="aquarium"] .building-inner {
  background-position: 100% 30.76923076923077%;
  clip-path: polygon(
    40.5% 1%,
    59.5% 1%,
    69.5% 21%,
    89.5% 21%,
    99% 40%,
    89% 60%,
    99% 80%,
    89.5% 99%,
    70.5% 99%,
    61% 80%,
    71% 60%,
    60.5% 39%,
    39.5% 39%,
    29.5% 59%,
    10.5% 59%,
    1% 40%,
    10.5% 21%,
    30.5% 21%,
    40.5% 1%
  );
}

.building-container[data-type="aquarium"] .building-border {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 20%,
    90% 20%,
    100% 40%,
    90% 60%,
    100% 80%,
    90% 100%,
    70% 100%,
    60% 80%,
    70% 60%,
    60% 40%,
    40% 40%,
    30% 60%,
    10% 60%,
    0 40%,
    10% 20%,
    30% 20%,
    40% 0,
    40% 0,
    41.25% 2.5%,
    41.25% 2.5%,
    31.25% 22.5%,
    11.25% 22.5%,
    2.5% 40%,
    11.25% 57.5%,
    28.75% 57.5%,
    38.75% 37.5%,
    61.25% 37.5%,
    72.5% 60%,
    62.5% 80%,
    71.25% 97.5%,
    88.75% 97.5%,
    97.5% 80%,
    87.5% 60%,
    97.5% 40%,
    88.75% 22.5%,
    68.75% 22.5%,
    58.75% 2.5%,
    41.25% 2.5%
  );
}

.building-container[data-type="aquarium"] .building-crosshairs {
  left: 50%;
  top: 20%;
}

.building-container[data-type="polar-bear"] {
  clip-path: polygon(
    30.7692307692% 0,
    46.1538461538% 0,
    53.8461538462% 33.3333333333%,
    69.2307692308% 33.3333333333%,
    76.9230769231% 0,
    92.3076923077% 0,
    100% 33.3333333333%,
    92.3076923077% 66.6666666667%,
    76.9230769231% 66.6666666667%,
    69.2307692308% 100%,
    53.8461538462% 100%,
    46.1538461538% 66.6666666667%,
    30.7692307692% 66.6666666667%,
    23.0769230769% 100%,
    7.6923076923% 100%,
    0 66.6666666667%,
    7.6923076923% 33.3333333333%,
    23.0769230769% 33.3333333333%,
    30.7692307692% 0
  );
  height: 117px;
  margin-left: -300%;
  margin-top: 0;
  transform-origin: 38.46153846153847% 33.33333333333333%;
  width: 294px;
}

.building-container[data-type="polar-bear"] .building-inner {
  background-position: 0 100%;
  clip-path: polygon(
    31.1538461538% 1.6666666667%,
    45.7692307692% 1.6666666667%,
    53.4615384615% 35%,
    69.6153846154% 35%,
    77.3076923077% 1.6666666667%,
    91.9230769231% 1.6666666667%,
    99.2307692308% 33.3333333333%,
    91.9230769231% 65%,
    76.5384615385% 65%,
    68.8461538462% 98.3333333333%,
    54.2307692308% 98.3333333333%,
    46.5384615385% 65%,
    30.3846153846% 65%,
    22.6923076923% 98.3333333333%,
    8.0769230769% 98.3333333333%,
    0.7692307692% 66.6666666667%,
    8.0769230769% 35%,
    23.4615384615% 35%,
    31.1538461538% 1.6666666667%
  );
}

.building-container[data-type="polar-bear"] .building-border {
  clip-path: polygon(
    30.7692307692% 0,
    46.1538461538% 0,
    53.8461538462% 33.3333333333%,
    69.2307692308% 33.3333333333%,
    76.9230769231% 0,
    92.3076923077% 0,
    100% 33.3333333333%,
    92.3076923077% 66.6666666667%,
    76.9230769231% 66.6666666667%,
    69.2307692308% 100%,
    53.8461538462% 100%,
    46.1538461538% 66.6666666667%,
    30.7692307692% 66.6666666667%,
    23.0769230769% 100%,
    7.6923076923% 100%,
    0 66.6666666667%,
    7.6923076923% 33.3333333333%,
    23.0769230769% 33.3333333333%,
    30.7692307692% 0,
    30.7692307692% 0,
    31.7307692308% 4.1666666667%,
    31.7307692308% 4.1666666667%,
    24.0384615385% 37.5%,
    8.6538461538% 37.5%,
    1.9230769231% 66.6666666667%,
    8.6538461538% 95.8333333333%,
    22.1153846154% 95.8333333333%,
    29.8076923077% 62.5%,
    47.1153846154% 62.5%,
    54.8076923077% 95.8333333333%,
    68.2692307692% 95.8333333333%,
    75.9615384615% 62.5%,
    91.3461538462% 62.5%,
    98.0769230769% 33.3333333333%,
    91.3461538462% 4.1666666667%,
    77.8846153846% 4.1666666667%,
    70.1923076923% 37.5%,
    52.8846153846% 37.5%,
    45.1923076923% 4.1666666667%,
    31.7307692308% 4.1666666667%
  );
}

.building-container[data-type="polar-bear"] .building-crosshairs {
  left: 38.46153846153847%;
  top: 33.33333333333333%;
}

.building-container[data-type="hyena"] {
  clip-path: polygon(
    14.2857142857% 14.2857142857%,
    42.8571428571% 14.2857142857%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 14.2857142857%,
    85.7142857143% 28.5714285714%,
    57.1428571429% 28.5714285714%,
    42.8571428571% 42.8571428571%,
    57.1428571429% 57.1428571429%,
    42.8571428571% 71.4285714286%,
    57.1428571429% 85.7142857143%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 85.7142857143%,
    14.2857142857% 71.4285714286%,
    0 57.1428571429%,
    14.2857142857% 42.8571428571%,
    0 28.5714285714%,
    14.2857142857% 14.2857142857%
  );
  height: 274px;
  margin-left: 0;
  margin-top: -173.20508075688772%;
  transform-origin: 28.57142857142857% 28.57142857142857%;
  width: 158px;
}

.building-container[data-type="hyena"] .building-inner {
  background-position: 90% 54.54545454545454%;
  clip-path: polygon(
    15% 15%,
    43.5714285714% 15%,
    57.8571428571% 0.7142857143%,
    85% 0.7142857143%,
    98.5714285714% 14.2857142857%,
    85% 27.8571428571%,
    56.4285714286% 27.8571428571%,
    41.4285714286% 42.8571428571%,
    55.7142857143% 57.1428571429%,
    41.4285714286% 71.4285714286%,
    55.7142857143% 85.7142857143%,
    42.1428571429% 99.2857142857%,
    15% 99.2857142857%,
    1.4285714286% 85.7142857143%,
    15.7142857143% 71.4285714286%,
    1.4285714286% 57.1428571429%,
    15.7142857143% 42.8571428571%,
    1.4285714286% 28.5714285714%,
    15% 15%
  );
}

.building-container[data-type="hyena"] .building-border {
  clip-path: polygon(
    14.2857142857% 14.2857142857%,
    42.8571428571% 14.2857142857%,
    57.1428571429% 0,
    85.7142857143% 0,
    100% 14.2857142857%,
    85.7142857143% 28.5714285714%,
    57.1428571429% 28.5714285714%,
    42.8571428571% 42.8571428571%,
    57.1428571429% 57.1428571429%,
    42.8571428571% 71.4285714286%,
    57.1428571429% 85.7142857143%,
    42.8571428571% 100%,
    14.2857142857% 100%,
    0 85.7142857143%,
    14.2857142857% 71.4285714286%,
    0 57.1428571429%,
    14.2857142857% 42.8571428571%,
    0 28.5714285714%,
    14.2857142857% 14.2857142857%,
    14.2857142857% 14.2857142857%,
    16.0714285714% 16.0714285714%,
    16.0714285714% 16.0714285714%,
    3.5714285714% 28.5714285714%,
    17.8571428571% 42.8571428571%,
    3.5714285714% 57.1428571429%,
    17.8571428571% 71.4285714286%,
    3.5714285714% 85.7142857143%,
    16.0714285714% 98.2142857143%,
    41.0714285714% 98.2142857143%,
    53.5714285714% 85.7142857143%,
    39.2857142857% 71.4285714286%,
    53.5714285714% 57.1428571429%,
    39.2857142857% 42.8571428571%,
    55.3571428571% 26.7857142857%,
    83.9285714286% 26.7857142857%,
    96.4285714286% 14.2857142857%,
    83.9285714286% 1.7857142857%,
    58.9285714286% 1.7857142857%,
    44.6428571429% 16.0714285714%,
    16.0714285714% 16.0714285714%
  );
}

.building-container[data-type="hyena"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 28.57142857142857%;
}

.building-container[data-type="zoo-school"] {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 33.3333333333%,
    90% 33.3333333333%,
    100% 66.6666666667%,
    90% 100%,
    70% 100%,
    60% 66.6666666667%,
    40% 66.6666666667%,
    30% 100%,
    10% 100%,
    0 66.6666666667%,
    10% 33.3333333333%,
    30% 33.3333333333%,
    40% 0
  );
  height: 117px;
  margin-left: -300%;
  margin-top: 0;
  transform-origin: 50% 33.33333333333333%;
  width: 226px;
}

.building-container[data-type="zoo-school"] .building-inner {
  background-position: 44.44444444444444% 100%;
  clip-path: polygon(
    40.5% 1.6666666667%,
    59.5% 1.6666666667%,
    69.5% 35%,
    89.5% 35%,
    99% 66.6666666667%,
    89.5% 98.3333333333%,
    70.5% 98.3333333333%,
    60.5% 65%,
    39.5% 65%,
    29.5% 98.3333333333%,
    10.5% 98.3333333333%,
    1% 66.6666666667%,
    10.5% 35%,
    30.5% 35%,
    40.5% 1.6666666667%
  );
}

.building-container[data-type="zoo-school"] .building-border {
  clip-path: polygon(
    40% 0,
    60% 0,
    70% 33.3333333333%,
    90% 33.3333333333%,
    100% 66.6666666667%,
    90% 100%,
    70% 100%,
    60% 66.6666666667%,
    40% 66.6666666667%,
    30% 100%,
    10% 100%,
    0 66.6666666667%,
    10% 33.3333333333%,
    30% 33.3333333333%,
    40% 0,
    40% 0,
    41.25% 4.1666666667%,
    41.25% 4.1666666667%,
    31.25% 37.5%,
    11.25% 37.5%,
    2.5% 66.6666666667%,
    11.25% 95.8333333333%,
    28.75% 95.8333333333%,
    38.75% 62.5%,
    61.25% 62.5%,
    71.25% 95.8333333333%,
    88.75% 95.8333333333%,
    97.5% 66.6666666667%,
    88.75% 37.5%,
    68.75% 37.5%,
    58.75% 4.1666666667%,
    41.25% 4.1666666667%
  );
}

.building-container[data-type="zoo-school"] .building-crosshairs {
  left: 50%;
  top: 33.33333333333333%;
}

.building-container[data-type="baboon"] {
  clip-path: polygon(
    57.1428571429% 33.3333333333%,
    42.8571428571% 50%,
    14.2857142857% 50%,
    0 66.6666666667%,
    14.2857142857% 83.3333333333%,
    42.8571428571% 83.3333333333%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 83.3333333333%,
    85.7142857143% 66.6666666667%,
    100% 50%,
    85.7142857143% 33.3333333333%,
    100% 16.6666666667%,
    85.7142857143% 0,
    57.1428571429% 0,
    42.8571428571% 16.6666666667%,
    57.1428571429% 33.3333333333%
  );
  height: 235px;
  margin-left: -300%;
  margin-top: -346.41016151377545%;
  transform-origin: 71.42857142857143% 50%;
  width: 158px;
}

.building-container[data-type="baboon"] .building-inner {
  background-position: 90% 83.33333333333334%;
  clip-path: polygon(
    58.5714285714% 33.3333333333%,
    43.5714285714% 50.8333333333%,
    15% 50.8333333333%,
    1.4285714286% 66.6666666667%,
    15% 82.5%,
    43.5714285714% 82.5%,
    57.8571428571% 99.1666666667%,
    85% 99.1666666667%,
    98.5714285714% 83.3333333333%,
    84.2857142857% 66.6666666667%,
    98.5714285714% 50%,
    84.2857142857% 33.3333333333%,
    98.5714285714% 16.6666666667%,
    85% 0.8333333333%,
    57.8571428571% 0.8333333333%,
    44.2857142857% 16.6666666667%,
    58.5714285714% 33.3333333333%
  );
}

.building-container[data-type="baboon"] .building-border {
  clip-path: polygon(
    57.1428571429% 33.3333333333%,
    42.8571428571% 50%,
    14.2857142857% 50%,
    0 66.6666666667%,
    14.2857142857% 83.3333333333%,
    42.8571428571% 83.3333333333%,
    57.1428571429% 100%,
    85.7142857143% 100%,
    100% 83.3333333333%,
    85.7142857143% 66.6666666667%,
    100% 50%,
    85.7142857143% 33.3333333333%,
    100% 16.6666666667%,
    85.7142857143% 0,
    57.1428571429% 0,
    42.8571428571% 16.6666666667%,
    57.1428571429% 33.3333333333%,
    57.1428571429% 33.3333333333%,
    60.7142857143% 33.3333333333%,
    60.7142857143% 33.3333333333%,
    46.4285714286% 16.6666666667%,
    58.9285714286% 2.0833333333%,
    83.9285714286% 2.0833333333%,
    96.4285714286% 16.6666666667%,
    82.1428571429% 33.3333333333%,
    96.4285714286% 50%,
    82.1428571429% 66.6666666667%,
    96.4285714286% 83.3333333333%,
    83.9285714286% 97.9166666667%,
    58.9285714286% 97.9166666667%,
    44.6428571429% 81.25%,
    16.0714285714% 81.25%,
    3.5714285714% 66.6666666667%,
    16.0714285714% 52.0833333333%,
    44.6428571429% 52.0833333333%,
    60.7142857143% 33.3333333333%
  );
}

.building-container[data-type="baboon"] .building-crosshairs {
  left: 71.42857142857143%;
  top: 50%;
}

.building-container[data-type="water-playground"] {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    100% 66.6666666667%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 66.6666666667%,
    14.2857142857% 66.6666666667%,
    0 33.3333333333%,
    14.2857142857% 0
  );
  height: 117px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 28.57142857142857% 33.33333333333333%;
  width: 158px;
}

.building-container[data-type="water-playground"] .building-inner {
  background-position: 70% 100%;
  clip-path: polygon(
    15% 1.6666666667%,
    42.1428571429% 1.6666666667%,
    56.4285714286% 35%,
    85% 35%,
    98.5714285714% 66.6666666667%,
    85% 98.3333333333%,
    57.8571428571% 98.3333333333%,
    43.5714285714% 65%,
    15% 65%,
    1.4285714286% 33.3333333333%,
    15% 1.6666666667%
  );
}

.building-container[data-type="water-playground"] .building-border {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    100% 66.6666666667%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 66.6666666667%,
    14.2857142857% 66.6666666667%,
    0 33.3333333333%,
    14.2857142857% 0,
    14.2857142857% 0,
    16.0714285714% 4.1666666667%,
    16.0714285714% 4.1666666667%,
    3.5714285714% 33.3333333333%,
    16.0714285714% 62.5%,
    44.6428571429% 62.5%,
    58.9285714286% 95.8333333333%,
    83.9285714286% 95.8333333333%,
    96.4285714286% 66.6666666667%,
    83.9285714286% 37.5%,
    55.3571428571% 37.5%,
    41.0714285714% 4.1666666667%,
    16.0714285714% 4.1666666667%
  );
}

.building-container[data-type="water-playground"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 33.33333333333333%;
}

.building-container[data-type="entrance"] {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    100% 66.6666666667%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 66.6666666667%,
    14.2857142857% 66.6666666667%,
    0 33.3333333333%,
    14.2857142857% 0
  );
  height: 117px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 28.57142857142857% 33.33333333333333%;
  width: 158px;
}

.building-container[data-type="entrance"] .building-inner {
  background-position: 90% 100%;
  clip-path: polygon(
    15% 1.6666666667%,
    42.1428571429% 1.6666666667%,
    56.4285714286% 35%,
    85% 35%,
    98.5714285714% 66.6666666667%,
    85% 98.3333333333%,
    57.8571428571% 98.3333333333%,
    43.5714285714% 65%,
    15% 65%,
    1.4285714286% 33.3333333333%,
    15% 1.6666666667%
  );
}

.building-container[data-type="entrance"] .building-border {
  clip-path: polygon(
    14.2857142857% 0,
    42.8571428571% 0,
    57.1428571429% 33.3333333333%,
    85.7142857143% 33.3333333333%,
    100% 66.6666666667%,
    85.7142857143% 100%,
    57.1428571429% 100%,
    42.8571428571% 66.6666666667%,
    14.2857142857% 66.6666666667%,
    0 33.3333333333%,
    14.2857142857% 0,
    14.2857142857% 0,
    16.0714285714% 4.1666666667%,
    16.0714285714% 4.1666666667%,
    3.5714285714% 33.3333333333%,
    16.0714285714% 62.5%,
    44.6428571429% 62.5%,
    58.9285714286% 95.8333333333%,
    83.9285714286% 95.8333333333%,
    96.4285714286% 66.6666666667%,
    83.9285714286% 37.5%,
    55.3571428571% 37.5%,
    41.0714285714% 4.1666666667%,
    16.0714285714% 4.1666666667%
  );
}

.building-container[data-type="entrance"] .building-crosshairs {
  left: 28.57142857142857%;
  top: 33.33333333333333%;
}

.building-container[data-type="cable"] {
  clip-path: polygon(
    25% 25%,
    0 37.5%,
    25% 50%,
    0 62.5%,
    25% 75%,
    0 87.5%,
    25% 100%,
    75% 100%,
    100% 87.5%,
    75% 75%,
    100% 62.5%,
    75% 50%,
    100% 37.5%,
    75% 25%,
    100% 12.5%,
    75% 0,
    25% 0,
    0 12.5%,
    25% 25%
  );
  height: 314px;
  margin-left: 0;
  margin-top: -346.41016151377545%;
  transform-origin: 50% 37.5%;
  width: 90px;
}

.building-container[data-type="cable"] .building-inner {
  background-position: 100% 90%;
  clip-path: polygon(
    27.5% 25%,
    2.5% 37.5%,
    27.5% 50%,
    2.5% 62.5%,
    27.5% 75%,
    2.5% 87.5%,
    26.25% 99.375%,
    73.75% 99.375%,
    97.5% 87.5%,
    72.5% 75%,
    97.5% 62.5%,
    72.5% 50%,
    97.5% 37.5%,
    72.5% 25%,
    97.5% 12.5%,
    73.75% 0.625%,
    26.25% 0.625%,
    2.5% 12.5%,
    27.5% 25%
  );
}

.building-container[data-type="cable"] .building-border {
  clip-path: polygon(
    25% 25%,
    0 37.5%,
    25% 50%,
    0 62.5%,
    25% 75%,
    0 87.5%,
    25% 100%,
    75% 100%,
    100% 87.5%,
    75% 75%,
    100% 62.5%,
    75% 50%,
    100% 37.5%,
    75% 25%,
    100% 12.5%,
    75% 0,
    25% 0,
    0 12.5%,
    25% 25%,
    25% 25%,
    31.25% 25%,
    31.25% 25%,
    6.25% 12.5%,
    28.125% 1.5625%,
    71.875% 1.5625%,
    93.75% 12.5%,
    68.75% 25%,
    93.75% 37.5%,
    68.75% 50%,
    93.75% 62.5%,
    68.75% 75%,
    93.75% 87.5%,
    71.875% 98.4375%,
    28.125% 98.4375%,
    6.25% 87.5%,
    31.25% 75%,
    6.25% 62.5%,
    31.25% 50%,
    6.25% 37.5%,
    31.25% 25%
  );
}

.building-container[data-type="cable"] .building-crosshairs {
  left: 50%;
  top: 37.5%;
}

.building-container[data-type="arcade"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="arcade"] .building-inner {
  background-position: 36.36363636363637% 0;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="arcade"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="arcade"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-type="victory"] {
  clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  height: 78px;
  margin-left: 0;
  margin-top: 0;
  transform-origin: 50% 50%;
  width: 90px;
}

.building-container[data-type="victory"] .building-inner {
  background-position: 18.181818181818183% 0;
  clip-path: polygon(
    26.25% 2.5%,
    73.75% 2.5%,
    97.5% 50%,
    73.75% 97.5%,
    26.25% 97.5%,
    2.5% 50%,
    26.25% 2.5%
  );
}

.building-container[data-type="victory"] .building-border {
  clip-path: polygon(
    25% 0,
    75% 0,
    100% 50%,
    75% 100%,
    25% 100%,
    0 50%,
    25% 0,
    25% 0,
    28.125% 6.25%,
    28.125% 6.25%,
    6.25% 50%,
    28.125% 93.75%,
    71.875% 93.75%,
    93.75% 50%,
    71.875% 6.25%,
    28.125% 6.25%
  );
}

.building-container[data-type="victory"] .building-crosshairs {
  left: 50%;
  top: 50%;
}

.building-container[data-state="0"] .building-inner .arknova-meeple:first-child,
.building-container[data-state="0"]
  .building-inner
  .arknova-meeple:nth-child(2),
.building-container[data-state="0"]
  .building-inner
  .arknova-meeple:nth-child(3),
.building-container[data-state="0"]
  .building-inner
  .arknova-meeple:nth-child(4),
.building-container[data-state="0"]
  .building-inner
  .arknova-meeple:nth-child(5),
.building-container[data-state="1"]
  .building-inner
  .arknova-meeple:nth-child(2),
.building-container[data-state="1"]
  .building-inner
  .arknova-meeple:nth-child(3),
.building-container[data-state="1"]
  .building-inner
  .arknova-meeple:nth-child(4),
.building-container[data-state="1"]
  .building-inner
  .arknova-meeple:nth-child(5),
.building-container[data-state="2"]
  .building-inner
  .arknova-meeple:nth-child(3),
.building-container[data-state="2"]
  .building-inner
  .arknova-meeple:nth-child(4),
.building-container[data-state="2"]
  .building-inner
  .arknova-meeple:nth-child(5),
.building-container[data-state="3"]
  .building-inner
  .arknova-meeple:nth-child(4),
.building-container[data-state="3"]
  .building-inner
  .arknova-meeple:nth-child(5),
.building-container[data-state="4"]
  .building-inner
  .arknova-meeple:nth-child(5) {
  display: none;
}

.building-container[data-type="petting-zoo"]
  .building-inner
  .arknova-meeple:first-child {
  left: 20%;
  top: 33%;
}

.building-container[data-type="petting-zoo"]
  .building-inner
  .arknova-meeple:nth-child(2) {
  left: 62%;
  top: 15%;
}

.building-container[data-type="petting-zoo"]
  .building-inner
  .arknova-meeple:nth-child(3) {
  left: 20%;
  top: 73%;
}

.building-container[data-type="reptile-house"]
  .building-inner
  .arknova-meeple:first-child {
  left: 13%;
  top: 16%;
}

.building-container[data-type="reptile-house"]
  .building-inner
  .arknova-meeple:nth-child(2) {
  left: 42%;
  top: 41%;
}

.building-container[data-type="reptile-house"]
  .building-inner
  .arknova-meeple:nth-child(3) {
  left: 72%;
  top: 16%;
}

.building-container[data-type="reptile-house"]
  .building-inner
  .arknova-meeple:nth-child(4) {
  left: 13%;
  top: 65%;
}

.building-container[data-type="reptile-house"]
  .building-inner
  .arknova-meeple:nth-child(5) {
  left: 72%;
  top: 65%;
}

.building-container[data-type="large-bird-aviary"]
  .building-inner
  .arknova-meeple:first-child {
  left: 14%;
  top: 14%;
}

.building-container[data-type="large-bird-aviary"]
  .building-inner
  .arknova-meeple:nth-child(2) {
  left: 43%;
  top: 33%;
}

.building-container[data-type="large-bird-aviary"]
  .building-inner
  .arknova-meeple:nth-child(3) {
  left: 73%;
  top: 13%;
}

.building-container[data-type="large-bird-aviary"]
  .building-inner
  .arknova-meeple:nth-child(4) {
  left: 14%;
  top: 52%;
}

.building-container[data-type="large-bird-aviary"]
  .building-inner
  .arknova-meeple:nth-child(5) {
  left: 43%;
  top: 72%;
}

#player_board_config {
  border-image: none;
  position: relative;
}

#player_config {
  padding-bottom: 8px;
}

#player_config .player_config_row {
  align-items: center;
  border-bottom: 1px solid #80502e;
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
}

#player_config .player_config_row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

#player_config #round-counter-wrapper {
  border-bottom: 1px solid #6a4b2f;
  display: block;
  font-size: 19px;
  margin: 0 3px;
  padding-top: 0;
  position: relative;
  text-align: center;
}

#player_config #round-counter-wrapper #break-counter-wrapper {
  padding: 5px 0 3px;
  text-align: right;
}

#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-icon {
  background: #6031239c;
  border-radius: 4px;
  cursor: zoom-in;
  display: inline-block;
  height: 45px;
  margin-left: 12px;
  margin-top: -2px;
  padding-right: 3px;
  position: relative;
  vertical-align: middle;
  width: 77px;
}

#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-icon:before {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #6031239c;
  border-top: 10px solid transparent;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  top: 12px;
}

#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-icon
  .icon-container {
  margin-top: 0;
}

#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-icon
  .icon-container
  .icon-break {
  height: 42px;
  width: 30px;
}

#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-icon
  .arknova-bonus-container {
  font-size: 10px;
  margin-top: 3px;
  vertical-align: middle;
}

#player_config #round-counter-wrapper #break-counter-wrapper #break-counter,
#player_config
  #round-counter-wrapper
  #break-counter-wrapper
  #break-counter-max {
  font-family: MyriadPro-Semibold;
  font-size: 22px;
}

#player_config #round-counter-wrapper #solo-tile,
#player_config #round-counter-wrapper.solo #break-counter-wrapper,
[data-break-counter="1"]
  #player_config
  #round-counter-wrapper
  #break-counter-max {
  display: none;
}

#player_config #round-counter-wrapper.solo #solo-tile {
  grid-row-gap: 10px;
  grid-column-gap: 11px;
  background: url(/img/solo-tile.jpg);
  background-size: 100%;
  border: 1px solid #39507d82;
  border-radius: 20px;
  box-shadow: 2px 2px 5px -1px #000;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 32px 32px;
  grid-template-rows: repeat(7, 32px);
  height: 343px;
  margin: 0 3px 4px;
  padding: 31px 88px 22px 58px;
  width: 220px;
}

#player_config #round-counter-wrapper.solo #solo-tile .solo-tile-slot {
  align-items: center;
  display: flex;
  justify-content: center;
}

[data-solo-tile="1"] #player_config #round-counter-wrapper.solo #solo-tile {
  grid-row-gap: 0;
  grid-column-gap: 7px;
  background: url(/img/solo-tile-horizontal.jpg);
  background-color: #9dbdc1;
  background-position: top;
  background-size: auto 100%;
  border: none;
  border-bottom: 1px solid #000;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  font-size: 15px;
  grid-template-columns: repeat(7, 26px);
  height: 95px;
  margin: -10px 0 -6px -6px;
  padding: 27px 0 0 calc(50% - 104px);
  width: calc(100% + 12px);
}

[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-1,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-2,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-3,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-4,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-5,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-6,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-left-7 {
  grid-row: 1 / span 1;
}

[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-1,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-2,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-3,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-4,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-5,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-6,
[data-solo-tile="1"]
  #player_config
  #round-counter-wrapper.solo
  #solo-tile
  #solo-tile-right-7 {
  grid-row: 2 / span 1;
}

#player_config #open-tour {
  background-color: #fbfbfb;
  background-image: url(/img/help/owl.png);
  background-position: 3px 9px;
  background-repeat: no-repeat;
  background-size: 85% auto;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  height: 32px;
  margin: 3px -10px 3px 0;
  transition: background-position 0.4s;
  width: 32px;
}

#player_config #open-tour:hover {
  background-position: 3px 5px;
}

#player_config #help-mode-switch .checkbox {
  display: none;
}

#player_config #help-mode-switch .label {
  background-color: #2c3037;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  height: 26px;
  margin-right: 4px;
  position: relative;
  width: 50px;
}

#player_config #help-mode-switch .label .ball {
  background-color: #fff;
  border-radius: 50%;
  height: 22px;
  left: 2px;
  position: absolute;
  top: 2px;
  transform: translateX(0);
  transition:
    transform 0.2s linear,
    color 0.7s linear;
  width: 22px;
}

#player_config #help-mode-switch .checkbox:checked + .label .ball {
  transform: translateX(24px);
}

#player_config #help-mode-switch svg {
  width: 27px;
}

#player_config #show-settings {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 50px;
}

#player_config #show-settings:hover {
  color: grey;
}

#player_config #show-settings svg {
  height: 40px;
  width: auto;
}

#player_config #show-settings .fa-primary {
  transform-origin: 216px 255px;
  transition: transform 1s;
}

#player_config #show-settings:hover .fa-primary {
  transform: rotate(180deg);
}

#player_config #open-scoreboard {
  cursor: pointer;
}

#player_config #open-scoreboard svg {
  height: 30px;
  width: 60px;
}

#player_config #open-scoreboard svg path {
  fill: #bcbdbd85;
  fill-opacity: 1;
  stroke: #000;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: bevel;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-opacity: 1;
}

#player_config #open-scoreboard:hover svg {
  opacity: 0.5;
}

#popin_chooseCards_underlay,
#popin_showBreak_underlay,
#popin_showSettings_underlay {
  background-color: #000 !important;
  opacity: 0.6;
}

#settings-controls-container {
  position: relative;
  text-align: center;
  width: 550px;
}

#settings-controls-container #settings-controls-header {
  align-items: stretch;
  display: flex;
}

#settings-controls-container #settings-controls-header div {
  background: #cca172;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  cursor: pointer;
  flex-grow: 1;
  padding: 5px 8px;
}

#settings-controls-container #settings-controls-header div:last-child {
  border-right: none;
}

#settings-controls-container #settings-controls-header div.open {
  background: none;
  border-bottom: none;
}

#settings-controls-container #settings-controls-wrapper .settings-section {
  display: none;
}

#settings-controls-container #settings-controls-wrapper .settings-section.open {
  display: block;
}

#settings-controls-container .row-data {
  align-items: center;
  border: none;
  border-bottom: 1px solid gray;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

#settings-controls-container .row-data .row-label {
  color: #000;
  float: none;
  padding: 2px 4px 0;
  text-overflow: clip;
  white-space: normal;
  width: 100%;
}

#settings-controls-container .row-data .row-value {
  margin: 0;
  width: 85%;
}

#settings-controls-container .row-data .row-value.slider {
  box-sizing: content-box;
  padding-left: 20px;
  padding-right: 20px;
  width: calc(85% - 40px);
}

#settings-controls-container .row-data.row-data-switch .row-value {
  padding: 6px 0;
}

#settings-controls-container .row-data label.switch {
  display: block;
}

#settings-controls-container .row-data label.switch input {
  display: none;
}

#settings-controls-container .row-data label.switch .slider {
  background-color: #a6a6a6;
  border-radius: 34px;
  cursor: pointer;
  height: 27px;
  margin: auto;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 55px;
}

#settings-controls-container .row-data label.switch .slider:before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 4px;
  content: "";
  height: 19px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 19px;
}

#settings-controls-container .row-data label.switch input:checked + .slider {
  background-color: #2196f3;
}

#settings-controls-container
  .row-data
  label.switch
  input:checked
  + .slider:before {
  left: 30px;
}

[data-two-columns="1"]
  #settings-controls-container
  .row-data[data-id="columnSizes"] {
  display: none;
}

#popin_chooseCards,
#popin_showBreak,
#popin_showScoreboard,
#popin_showSettings,
#popin_showTour {
  background-color: #ebd5bd;
  border-radius: 8px;
  box-shadow: 0 3px 8px #000;
  position: relative;
}

#popin_chooseCards .arknova_popin_closeicon,
#popin_showBreak .arknova_popin_closeicon,
#popin_showScoreboard .arknova_popin_closeicon,
#popin_showSettings .arknova_popin_closeicon,
#popin_showTour .arknova_popin_closeicon {
  align-items: center;
  background-color: #a47a77;
  border: 1px solid #35302d;
  border-radius: 50%;
  color: #fff !important;
  display: flex;
  font-size: 90%;
  height: 40px;
  justify-content: center;
  position: absolute;
  right: -18px;
  top: -18px;
  width: 40px;
  z-index: 2;
}

#popin_chooseCards .arknova_popin_closeicon:hover,
#popin_showBreak .arknova_popin_closeicon:hover,
#popin_showScoreboard .arknova_popin_closeicon:hover,
#popin_showSettings .arknova_popin_closeicon:hover,
#popin_showTour .arknova_popin_closeicon:hover {
  color: #ccc !important;
  text-decoration: none;
  transform: scale(1.1);
}

#popin_chooseCards .arknova_popin_closeicon i,
#popin_showBreak .arknova_popin_closeicon i,
#popin_showScoreboard .arknova_popin_closeicon i,
#popin_showSettings .arknova_popin_closeicon i,
#popin_showTour .arknova_popin_closeicon i {
  margin-top: -2px;
}

#popin_chooseCards h2,
#popin_showBreak h2,
#popin_showScoreboard h2,
#popin_showSettings h2,
#popin_showTour h2 {
  background: #b79570;
  border-bottom: 1px solid #734f2a;
  border-radius: 8px 8px 0 0;
  font-family: MyriadPro-Semibold;
  font-size: 25px;
  margin: 0;
  padding: 11px 0 3px;
  text-align: center;
}

#break-details {
  padding: 10px 15px;
  text-align: justify;
  width: 600px;
}

#break-details .break-details-phase {
  clear: both;
  margin-top: 10px;
}

#break-details .break-details-phase h3 {
  grid-column: 1 / span 2;
}

#break-details .break-details-phase .phase-image {
  background: url(/img/break-steps.jpg);
  background-size: auto 100%;
  float: left;
  height: 100px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 200px;
}

#break-details .break-details-phase .phase-image.phase-1 {
  width: 73px;
}

#break-details .break-details-phase .phase-image.phase-2 {
  background-position-x: -73px;
  width: 102px;
}

#break-details .break-details-phase .phase-image.phase-3 {
  background-position-x: -175px;
  width: 119px;
}

#break-details .break-details-phase .phase-image.phase-4 {
  background-position-x: -295px;
  width: 114px;
}

#break-details .break-details-phase .phase-image.phase-5 {
  background-position-x: -411px;
  width: 236px;
}

#break-details .break-details-phase .phase-image.phase-6 {
  background-position-x: -648px;
  width: 117px;
}

#break-details .break-details-phase .phase-desc {
  text-align: justify;
}

#popin_startBreak_underlay {
  background-color: #3c3b3b !important;
}

#popin_startBreak {
  font-size: 4em;
}

#popin_showScoreboard {
  background: none;
  width: 1400px;
}

#popin_showScoreboard #popin_showScoreboard_close {
  background-color: #735145;
  border-color: #462b21;
  right: -23px;
  top: -23px;
}

#popin_showScoreboard #arknova-scoreboard {
  background-image: url(/img/solo/ticket-25.jpg), url(/img/score-board.jpg);
  background-position:
    1345px 380px,
    0 0;
  background-repeat: no-repeat;
  background-size:
    40px 64px,
    100% auto;
  border: 1px solid #000;
  border-radius: 8px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  grid-template-rows: 70px 137px 70px 73px 70px 73px 70px auto;
  height: 640px;
  padding: 27px 10px 15px 21px;
  position: relative;
  width: 1400px;
}

[data-starting-appeal="10"] #popin_showScoreboard #arknova-scoreboard {
  background-image: url(/img/solo/ticket-35.jpg), url(/img/score-board.jpg);
  background-position:
    890px 380px,
    0 0;
}

[data-starting-appeal="20"] #popin_showScoreboard #arknova-scoreboard {
  background-image: url(/img/solo/ticket-45.jpg), url(/img/score-board.jpg);
  background-position:
    435px 380px,
    0 0;
}

#popin_showScoreboard #arknova-scoreboard .icon-cylinder {
  transform: translateY(0);
  transition: transform 0.5s;
}

#popin_showScoreboard #arknova-scoreboard:hover .icon-cylinder {
  transform: translateY(-50%);
}

#popin_showScoreboard #arknova-scoreboard .appeal-slot {
  align-items: center;
  display: flex;
  flex-flow: column-reverse;
  justify-content: center;
}

#popin_showScoreboard
  #arknova-scoreboard
  .appeal-slot
  .icon-cylinder
  ~ .icon-cylinder {
  margin-bottom: -15px;
}

#popin_showScoreboard
  #arknova-scoreboard:hover
  .appeal-slot
  .icon-cylinder:nth-child(2) {
  transform: translateY(-70%);
}

#popin_showScoreboard
  #arknova-scoreboard:hover
  .appeal-slot
  .icon-cylinder:nth-child(3) {
  transform: translateY(-90%);
}

#popin_showScoreboard
  #arknova-scoreboard:hover
  .appeal-slot
  .icon-cylinder:nth-child(4) {
  transform: translateY(-110%);
}

#popin_showScoreboard #arknova-scoreboard .conservation-slot {
  align-items: flex-start;
  display: flex;
  flex-flow: row;
  justify-content: center;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot:not(.wide)
  .icon-cylinder:nth-child(4) {
  margin-left: -30px;
  margin-top: -11px;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot#conservation-0:not(.wide) {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot#conservation-0:not(.wide)
  .icon-cylinder {
  margin-top: -80px;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot#conservation-0:not(.wide)
  .icon-cylinder:nth-child(2) {
  margin-top: -85px;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot#conservation-0:not(.wide)
  .icon-cylinder:nth-child(3) {
  margin-top: -90px;
}

#popin_showScoreboard
  #arknova-scoreboard
  .conservation-slot#conservation-0:not(.wide)
  .icon-cylinder:nth-child(4) {
  margin-left: 0;
  margin-top: -95px;
}

#popin_showScoreboard #arknova-scoreboard .scoreboard-bonus {
  font-size: 26px;
  height: 80px;
  position: absolute;
  top: 126px;
  width: 82px;
}

#popin_showScoreboard
  #arknova-scoreboard
  .scoreboard-bonus#scoreboard-bonus-10-0
  .arknova-bonus-container,
#popin_showScoreboard
  #arknova-scoreboard
  .scoreboard-bonus.permanent
  .arknova-bonus-container {
  height: 100%;
  width: 100%;
}

#popin_showScoreboard
  #arknova-scoreboard
  .scoreboard-bonus#scoreboard-bonus-10-0
  .arknova-bonus-container
  .arknova-bonus,
#popin_showScoreboard
  #arknova-scoreboard
  .scoreboard-bonus.permanent
  .arknova-bonus-container
  .arknova-bonus {
  display: none;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-2-0 {
  left: 114px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-2-1 {
  left: 210px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-5-0,
#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-8-0 {
  height: 40px;
  left: 457px;
  top: 166px;
  width: 40px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-5-1 {
  left: 374px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-5-2 {
  left: 497px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-8-0 {
  left: 731px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-8-1 {
  left: 649px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-8-2 {
  left: 771px;
}

#popin_showScoreboard #arknova-scoreboard #scoreboard-bonus-10-0 {
  left: 892px;
}

#popin_chooseCards {
  --arkNovaZooCardScale: 0.4;
  max-width: 800px;
}

#popin_chooseCards #choose-cards {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
}

#popin_chooseCards #choose-cards .ark-card {
  margin: 3px 5px;
}

#popin_chooseCards #choose-cards-footer {
  background: #f0f0e9;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid #000;
  display: flex;
  justify-content: flex-end;
  padding: 0 15px;
}

#popin_chooseCards #choose-cards-footer:empty {
  display: none;
}

#popin_showTour {
  border: 1px solid #000;
  width: auto;
}

#popin_showTour h2 {
  padding: 5px 0 3px;
}

#popin_showTour #tour-slider-container {
  margin-bottom: 15px;
}

#popin_showTour #tour-slider-container .slide {
  box-sizing: border-box;
  padding: 10px 15px;
  width: 500px;
}

#popin_showTour #tour-slider-container .slide .bubble {
  background: #fff;
  border: 2px solid #000;
  border-radius: 10px;
  margin: 5px 20px 30px 0;
  padding: 4px 8px;
  position: relative;
}

#popin_showTour #tour-slider-container .slide .bubble:before {
  background-image: url(/img/help/owl.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -29px;
  content: "";
  height: 50px;
  position: absolute;
  right: -25px;
  width: 46px;
}

#popin_showTour #tour-slider-container .slide.inactive {
  display: none;
}

#popin_showTour #tour-slider-container .slide div.split-hor {
  display: flex;
}

#popin_showTour #tour-slider-container .slide div.split-hor.centered {
  align-items: center;
}

#popin_showTour #tour-slider-container .slide ul {
  padding-left: 25px;
}

#popin_showTour #tour-slider-container .slide ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}

#popin_showTour #tour-slider-container .slide .tour-btn {
  text-align: right;
}

#popin_showTour #tour-slider-container .slide .tour-btn button {
  margin-bottom: 0;
  width: auto;
}

#popin_showTour #tour-slider-container .slide .tour-remark {
  background: hsla(0, 0%, 100%, 0.4);
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 15px;
  font-style: italic;
  padding: 4px 7px;
}

#popin_showTour #tour-slider-container .slide .tour-remark + .tour-remark {
  margin-top: 8px;
}

#popin_showTour #tour-slider-container .slide .tour-img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 5px 10px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-panelInfo {
  background-image: url(/img/help/panel-info.png);
  height: 370px;
  width: 250px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-player-panel {
  background-image: url(/img/help/player-panel.png);
  height: 255px;
  width: 240px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-zooMap {
  background-image: url(/img/help/zoo-map.jpg);
  height: 385px;
  margin: 0;
  width: 525px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-tableau {
  background-image: url(/img/help/tableau.jpg);
  height: 430px;
  margin: -37px auto -10px;
  width: 400px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-hand-btn {
  background-image: url(/img/help/hand-btn.jpg);
  height: 80px;
  margin: -20px auto 0;
  width: 409px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-display {
  background-image: url(/img/help/display.jpg);
  height: 150px;
  margin: 0 auto 10px;
  width: 500px;
}

#popin_showTour #tour-slider-container .slide .tour-img#img-association {
  background-image: url(/img/help/association.jpg);
  height: 300px;
  margin: 0 auto 10px;
  width: 470px;
}

#popin_showTour #tour-slider-container .slide#tour-slide-intro button {
  display: block;
  width: auto;
}

#popin_showTour #tour-slider-container .slide#tour-slide-panel,
#popin_showTour #tour-slider-container .slide#tour-slide-panelInfo {
  width: 700px;
}

#popin_showTour #tour-slider-container .slide#tour-slide-zooMap {
  width: 800px;
}

#popin_showTour #tour-slider-container .slide#tour-slide-display,
#popin_showTour #tour-slider-container .slide#tour-slide-tableau {
  width: 600px;
}

#popin_showTour #tour-slider-container .slide#tour-slide-association {
  width: 800px;
}

#popin_showTour #tour-slider-container .slide#tour-slide-bugs,
#popin_showTour #tour-slider-container .slide#tour-slide-majorChanges {
  width: 600px;
}

#popin_showTour #tour-slide-footer {
  background-color: #e6e6e6d1;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid #6a4b2f;
  margin: 0;
  min-height: 30px;
  padding: 5px 15px 0;
  text-align: right;
}

#engine-display {
  display: none;
  flex-grow: 1;
  min-height: 100px;
  padding-top: 200px;
}

#engine-display ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#engine-display li {
  border-left: 2px solid #000;
  list-style-type: none;
  margin-left: 1em;
}

#engine-display li div {
  padding-left: 1em;
  position: relative;
}

#engine-display li div:before {
  border-right: 2px solid #000;
  border-top: 2px solid #000;
  border-color: transparent transparent #000 #000;
  border-style: none none solid solid;
  border-width: 0 0 2px 2px;
  bottom: 50%;
  content: "";
  left: -2px;
  position: absolute;
  top: 0;
  width: 0.75em;
}

#engine-display ul > li:last-child {
  border-left: 2px solid transparent;
}

@font-face {
  font-display: swap;
  font-family: MyriadPro-Regular;
  font-style: normal;
  font-weight: 400;
  src:
    url(/img/fonts/MyriadPro-Regular.woff) format("woff"),
    url(/img/fonts/MyriadPro-Regular.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: MyriadPro-Bold;
  font-style: normal;
  font-weight: 400;
  src:
    url(/img/fonts/MyriadPro-Bold.woff) format("woff"),
    url(/img/fonts/MyriadPro-Bold.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: MyriadPro-Semibold;
  font-style: normal;
  font-weight: 400;
  src:
    url(/img/fonts/MyriadPro-Semibold.woff) format("woff"),
    url(/img/fonts/MyriadPro-Semibold.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: MyriadPro-Cond;
  font-style: normal;
  font-weight: 400;
  src:
    url(/img/fonts/MyriadPro-Cond.woff) format("woff"),
    url(/img/fonts/MyriadPro-Cond.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: MyriadPro-CondIt;
  font-style: normal;
  font-weight: 400;
  src:
    url(/img/fonts/MyriadPro-CondIt.woff) format("woff"),
    url(/img/fonts/MyriadPro-CondIt.ttf) format("truetype");
}

@font-face {
  font-display: swap;
  font-family: Espera;
  font-style: normal;
  font-weight: 700;
  src:
    local("Espera"),
    url(/img/fonts/Espera-Bold.woff) format("woff"),
    url(/img/fonts/Espera-Bold.ttf) format("truetype");
}

.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

#logs .log.notif_newUndoableStep {
  margin-top: 0;
}

#logs .log.notif_newUndoableStep .roundedbox {
  background-color: #c4c2c2;
  cursor: pointer;
  display: none;
  font-size: 12px;
  padding: 2px 5px;
  text-align: center;
}

#logs .log.notif_newUndoableStep .roundedbox:after,
#logs .log.notif_newUndoableStep .roundedbox:before {
  content: "\f0e2";
  font: normal normal normal 12px / 1 FontAwesome;
  margin: 0 10px;
}

#logs .log.notif_newUndoableStep.selectable .roundedbox {
  display: block;
}

.chatwindowlogs_zone .log.notif_newUndoableStep {
  display: none !important;
  margin-bottom: -4px;
  padding: 0;
}

.chatwindowlogs_zone .log.notif_newUndoableStep.selectable {
  display: block !important;
}

.chatwindowlogs_zone .log.notif_newUndoableStep.selectable .roundedboxinner {
  background-color: #c4c2c2;
  cursor: pointer;
  font-size: 12px;
  padding: 2px 5px;
  text-align: center;
}

.chatwindowlogs_zone
  .log.notif_newUndoableStep.selectable
  .roundedboxinner:after,
.chatwindowlogs_zone
  .log.notif_newUndoableStep.selectable
  .roundedboxinner:before {
  content: "\f0e2";
  font: normal normal normal 12px / 1 FontAwesome;
  margin: 0 10px;
}

.chatwindowlogs_zone
  .log.notif_newUndoableStep.selectable
  .roundedboxinner
  .msgtime {
  display: none;
}

.phantom {
  visibility: hidden;
}

#pagemaintitletext {
  position: relative;
}

#restartAction {
  margin-left: 15px;
}

#btnUndoLastStep {
  background: #d97050;
}

[data-undobuttons="0"] #btnUndoLastStep,
[data-undobuttons="2"] #btnRestartTurn {
  display: none;
}

#pagesubtitle:not(:empty) {
  padding: 3px 0;
}

#last-round {
  background: #92d3e6;
  color: #000;
  margin: 5px -5px -5px;
  text-align: center;
}

#btnRotateCClockwise,
#btnRotateClockwise {
  color: #fff;
  font-size: 28px;
}

#btnRotateClockwise {
  margin-right: 10px;
}

#btnRotateCClockwise {
  margin: 0 5px 0 20px;
}

#customActions .bgabutton.disabled {
  background: linear-gradient(hsla(0, 0%, 74%, 0.59), hsla(0, 1%, 65%, 0.45));
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: all;
}

#customActions .bgabutton.selected {
  background: linear-gradient(rgba(89, 219, 78, 0.87), rgba(87, 149, 59, 0.89));
}

#page-title .ark-card {
  position: absolute;
}

#maintitlebar_content .action-button ~ .action-button {
  margin-left: 15px;
}

#btnConfirmChoice {
  background: #d7ab29;
  margin-left: 30px;
}

#ebd-body.help-mode .tooltipable {
  cursor: help;
}

.help-marker {
  border: 1px solid #000;
  border-radius: 50%;
  left: 2px;
  position: absolute;
  top: 2px;
  z-index: 900;
}

.help-marker,
.help-marker svg {
  height: 20px;
  width: 20px;
}

#ebd-body:not(.help-mode) .help-marker {
  opacity: 0;
  pointer-events: none;
}

#logs .log .timestamp {
  color: #000;
}

.log.cancel {
  color: #c62828 !important;
  text-decoration: line-through;
}

.log.cancel .roundedbox {
  background-color: hsla(34, 80%, 70%, 0.6) !important;
}

.log.cancel.roundedbox {
  background-color: #ef9a9a;
}

#turnBasedNotesIncent {
  display: none;
}

#customActions .action-button.bgabutton,
#customActions .bgabutton {
  text-overflow: clip;
}
