terraformingmars.css

@charset "UTF-8";
/**
 *------
 * BGA framework: © Gregory Isabelli <gisabelli@boardgamearena.com> & Emmanuel Colin <ecolin@boardgamearena.com>
 * testlav implementation : © Alena Laskavaia <laskava@gmail.com>
 *
 * This code has been produced on the BGA studio platform for use on http://boardgamearena.com.
 * See http://en.boardgamearena.com/#!doc/Studio for more information.
 * -----
 *
 * GameBody.scss
 *
 */
@import url(../../../css/csslayer.css);
#ebd-body {
  --mars-font: "SpaceFont";
  --awards-font: "Tangerine";
}

/* the other files */
/**
 *------
 * BGA framework: © Gregory Isabelli <gisabelli@boardgamearena.com> & Emmanuel Colin <ecolin@boardgamearena.com>
 * testlav implementation : © Alena Laskavaia <laskava@gmail.com>
 *
 * This code has been produced on the BGA studio platform for use on http://boardgamearena.com.
 * See http://en.boardgamearena.com/#!doc/Studio for more information.
 * -----
 *
 * GameBasics.scss
 *
 */
/* animation */
#oversurface {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  pointer-events: none;
  overflow: visible;
}

#oversurface > * {
  position: absolute;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
  /* background-color: blue; */
  transform-origin: center center;
}

.phantom {
  animation: pulse 500ms ease-in-out;
}

#page-title .bgabutton {
  -webkit-user-drag: none;
}

#page-title {
  min-height: 76px;
}

@keyframes pulse {
  0% {
    transform: scale(1) !important;
  }
  50% {
    transform: scale(1.2) !important;
  }
  100% {
    transform: scale(1) !important;
  }
}
.infobox {
  position: absolute !important;
  bottom: 0.2em;
  left: 0.2em;
  font-family: FontAwesome;
  font-size: x-large;
  width: 1em;
  height: 1em;
  opacity: 0.3;
}

.limbo {
  display: none;
  height: 0px;
  overflow: hidden;
}

#button_undo {
  float: right;
  background-color: red;
  background-image: none;
}

#ebd-body[data-maop=confturn] #button_undo,
#ebd-body[data-maop=confnocards] #button_undo,
#ebd-body[data-maop=confirm] #button_undo,
#ebd-body[data-maop=t] #button_undo,
#ebd-body[data-maop=o] #button_undo,
#ebd-body[data-maop=w] #button_undo {
  float: unset;
}

#button_rcss {
  float: right;
  background-color: rgb(255, 0, 251);
  background-image: none;
}

/* warning banner for message_warning */
.head_warning {
  background-color: #e6c66e;
}

.head_warning span {
  text-shadow: 0px 0px 2px black;
}

#gameaction_status_wrap[data-interface-status=updated] .imgtext {
  visibility: hidden;
}

/**
 *------
 * BGA framework: © Gregory Isabelli <gisabelli@boardgamearena.com> & Emmanuel Colin <ecolin@boardgamearena.com>
 * testlav implementation : © Alena Laskavaia <laskava@gmail.com>
 *
 * This code has been produced on the BGA studio platform for use on http://boardgamearena.com.
 * See http://en.boardgamearena.com/#!doc/Studio for more information.
 * -----
 *
 * GameTokens.scss
 *
 */
.location {
  position: relative;
}

.hand_area .location {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 1vh;
  padding: 10px 10px 10px calc(var(--card-width) * 0.2);
}

.handy {
  min-height: var(--card-height);
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}

.draw,
.draft {
  min-height: unset;
}

.handy::after {
  content: attr(data-name);
  position: absolute;
  top: 0.7em;
  left: 0;
  font-size: calc(var(--card-width) * 0.2);
  font-family: var(--mars-font);
  color: rgba(0, 0, 0, 0.34);
  transform: rotate(-90deg) translateX(-30px) translateY(-8px);
  transform-origin: 0.5em center 0;
  margin-right: -140px;
  overflow-wrap: break-word;
  height: calc(var(--card-width) * 0.2);
}

.mcompact .handy::after {
  top: revert;
  bottom: 1.3em;
}

.draw:empty,
.draft:empty {
  display: none;
}

.draw:empty:after,
.draft:empty:after {
  display: none;
}

.location > * {
  display: inline-block;
  position: relative;
}

.location > .counter {
  position: absolute;
  top: 0;
  left: 0;
}

.spectatorMode .hand {
  display: none;
}

.carddeck > .counter {
  position: absolute;
  top: 90%;
  left: calc(50% - 0.5em);
}

.active_slot {
  cursor: pointer;
  box-shadow: 0px 0px 4px 2px #64b4ff !important;
}

.active_slot.card, .active_slot.corp_logo {
  box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.5019607843), 2px -2px 0px 5px #ff9800 !important;
  transform: translateZ(10px);
  top: 0px;
  left: 0px;
}

.active_slot.mr_selected.card {
  box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.5019607843), 2px -2px 0px 5px #3F51B5 !important;
  top: -20px;
}

.active_slot.card:hover {
  cursor: pointer;
  box-shadow: unset;
  outline: 3px solid blue;
}

.marker {
  background-image: url("img/cubes_opaque.png");
  background-size: 600% 100%;
  width: calc(var(--map-width) * 0.045);
  height: calc(var(--map-width) * 0.05);
}

#ebd-body[data-localsetting_colorblind=colorblind] .marker {
  background-image: url("img/cubes_cb.png");
}

#main_board .marker {
  position: absolute;
}

.hex > .marker {
  left: 28%;
  top: 24%;
}

.player_area .marker {
  position: absolute;
  width: calc(var(--card-width) * 0.045 * 3.5);
  height: calc(var(--card-width) * 0.05 * 3.5);
}

.hex > .marker {
  left: 28%;
  top: 24%;
}

.marker_0000ff {
  background-position-x: -100%;
}

.marker_ff0000 {
  background-position-x: 0;
}

.marker_008000 {
  background-position-x: -200%;
}

.marker_ffa500 {
  background-position-x: -300%;
}

.marker_773300 {
  background-position-x: -400%;
}

.marker_ffffff {
  background-position-x: -500%;
}

.color_0000ff {
  color: #0000ff;
}

.plcolor_0000ff {
  --plcolor: #0000ff;
}

:root {
  --color-mapping_0000ff: #0000ff;
}

.color_ff0000 {
  color: #ff0000;
}

.plcolor_ff0000 {
  --plcolor: #ff0000;
}

:root {
  --color-mapping_ff0000: #ff0000;
}

.color_008000 {
  color: #008000;
}

.plcolor_008000 {
  --plcolor: #008000;
}

:root {
  --color-mapping_008000: #008000;
}

.color_ffa500 {
  color: #ffa500;
}

.plcolor_ffa500 {
  --plcolor: #ffa500;
}

:root {
  --color-mapping_ffa500: #ffa500;
}

.color_773300 {
  color: #333333;
}

.plcolor_773300 {
  --plcolor: #333333;
}

:root {
  --color-mapping_773300: #333333;
}

.color_ffffff {
  color: #ffffff;
}

.plcolor_ffffff {
  --plcolor: #ffffff;
}

:root {
  --color-mapping_ffffff: #ffffff;
}

#ebd-body[data-localsetting_colorblind=colorblind] {
  --color-mapping_0000ff: #0072B2;
  --color-mapping_ff0000: #CC79A7;
  --color-mapping_008000: #009E73;
  --color-mapping_ffa500: #E69F00;
  --color-mapping_773300: #333333;
  --color-mapping_ffffff: #ffffff;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_0000ff {
  color: #0072B2;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_0000ff {
  --plcolor: #0072B2;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_ff0000 {
  color: #CC79A7;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_ff0000 {
  --plcolor: #CC79A7;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_008000 {
  color: #009E73;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_008000 {
  --plcolor: #009E73;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_ffa500 {
  color: #E69F00;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_ffa500 {
  --plcolor: #E69F00;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_773300 {
  color: #333333;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_773300 {
  --plcolor: #333333;
}
#ebd-body[data-localsetting_colorblind=colorblind] .color_ffffff {
  color: #ffffff;
}
#ebd-body[data-localsetting_colorblind=colorblind] .plcolor_ffffff {
  --plcolor: #ffffff;
}

/* 3D Cubes */
.mcube {
  --mcubesize: calc(var(--card-width) / 10);
  --half-mcubesize: calc(var(--mcubesize) / 2);
  --border-mcubesize: calc(var(--mcubesize) / 12);
}

.mcube {
  /*transform: rotateX(15deg) rotateY(-10deg) rotateZ(0deg) translateZ(var(--half-mcubesize));  top down*/
  /* isometric */
  transform: rotateX(40deg) rotateY(0deg) rotateZ(40deg) translateZ(var(--half-mcubesize));
}

#main_board .marker_tr ~ .marker_tr {
  translate: 50%;
}
#main_board .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 0% 50%;
}
#main_board .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 50% 50%;
}
#main_board .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 100% 25%;
}

.board {
  position: relative;
}

.board > * {
  display: inline-block;
  position: relative;
  margin-right: calc(var(--half-mcubesize) + var(--border-mcubesize));
}

.mcube {
  display: inline-block;
  transition: all 0.85s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-align: center;
  width: var(--mcubesize);
  height: var(--mcubesize);
  transform-style: preserve-3d;
  transform-origin: 50%;
}

.mcube-face {
  overflow: hidden;
  border: var(--border-mcubesize) solid #888;
  border-radius: 12%;
  width: var(--mcubesize);
  height: var(--mcubesize);
}

.mcube .mcube-face {
  position: absolute;
}

.mcube-face-0 {
  transform: translate3d(0, 0, var(--half-mcubesize));
}

.mcube-face-3 {
  transform: rotateX(90deg) translate3d(0, 0, var(--half-mcubesize));
}

.mcube-face-4 {
  transform: rotateX(-90deg) translate3d(0, 0, var(--half-mcubesize));
}

.mcube-face-1 {
  transform: rotateY(-90deg) translate3d(0, 0, var(--half-mcubesize));
}

.mcube-face-2 {
  transform: rotateY(90deg) translate3d(0, 0, var(--half-mcubesize));
}

.mcube-face-5 {
  transform: rotateY(180deg) translate3d(0, 0, var(--half-mcubesize));
}

/* Translucent sides */
.mcube-ff0000 .mcube-face {
  background-color: rgba(255, 0, 0, 0.4);
  border: var(--border-mcubesize) solid red;
}

.mcube-008000 .mcube-face {
  background-color: rgba(0, 255, 0, 0.4);
  border: var(--border-mcubesize) solid #00bb00;
}

.mcube-0000ff .mcube-face {
  background-color: rgba(0, 0, 255, 0.4);
  border: var(--border-mcubesize) solid #0000ff;
}

.mcube-ffa500 .mcube-face {
  background-color: rgba(255, 255, 0, 0.4);
  border: var(--border-mcubesize) solid #aaaa00;
}

.mcube-773300 .mcube-face {
  background-color: rgba(51, 51, 51, 0.4);
  border: var(--border-mcubesize) solid rgba(119, 119, 119, 0.4666666667);
}

.mcube-ffffff .mcube-face {
  background-color: rgba(255, 255, 255, 0.4);
  border: var(--border-mcubesize) solid #dddddd;
}

.mcube .mcube-face {
  pointer-events: none;
}

/*card bg ratio : 1.40658174*/
#ebd-body {
  --card-width: calc(var(--localsetting_cardsize)*.15vh);
  --card-height: calc(var(--card-width)*1.40658174);
}

.card {
  width: var(--card-width);
  height: var(--card-height);
  /* border: black solid 1px; */
  border-radius: 5%;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5019607843);
  position: relative;
  --resourcesize: calc(var(--card-width) * 0.16);
  user-select: none;
}

.location .card {
  margin-right: 5px;
  position: relative;
}

.card[data-card-type="0"] {
  background-color: white;
  background-image: revert;
}

#discard_main {
  background-image: revert;
}

.card[data-card-type="1"] {
  background-color: var(--card-background-green);
}

.card[data-card-type="2"] {
  background-color: var(--card-background-blue);
}

.card[data-card-type="3"] {
  background-color: var(--card-background-event);
}

.card[data-card-type="5"],
.prelude {
  background-color: var(--card-background-prelude);
}

.prelude .card_illustration {
  background-image: unset;
}

.prelude .card_bg {
  background-image: unset;
}

.prelude .card_number_binary {
  display: none;
}

.card_cost {
  font-family: var(--mars-font);
  position: absolute;
  top: 1.1%;
  left: 1.3%;
  border-radius: calc(var(--card-width) * 0.02);
  width: calc(var(--card-width) * 0.14);
  height: calc(var(--card-width) * 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--card-width) * 0.09);
  /*
     width: calc(var(--card-width) * 0.2);
    height: calc(var(--card-width) * 0.2);
    background-color: gold;
    border: calc(var(--card-width) * 0.015) solid black;
    border-radius: calc(var(--card-width) * 0.08);
    background-image: url("img/resources.png");
    background-size: 1000% 200%;
    background-position: -300% 0;
   */
}

.minidiscount.token_img {
  display: none;
  top: 138%;
  left: 4%;
  --resourcesize: calc(var(--card-width) * 0.14);
  color: #bef983;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  font-family: var(--mars-font);
}

.discountarrow {
  display: none;
  position: absolute;
  left: 27%;
  top: 90%;
  background: #bef983;
  border-radius: 50%;
  outline: calc(var(--card-width) * 0.01) solid #bef983;
  font-size: calc(var(--card-width) * 0.08);
}

.hand .card_cost.discounted .minidiscount,
.draw .card_cost.discounted .minidiscount,
.draft .card_cost.discounted .minidiscount,
.tooltip-body .card_cost.discounted .minidiscount {
  display: flex;
}
.hand .card_cost.discounted .discountarrow,
.draw .card_cost.discounted .discountarrow,
.draft .card_cost.discounted .discountarrow,
.tooltip-body .card_cost.discounted .discountarrow {
  display: block;
}
#display_main .token_cost {
  border-radius: calc(var(--card-width) * 0.08);
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: -300% 0;
}

.card_title {
  font-family: var(--mars-font);
  position: absolute;
  top: 9.7%;
  left: 4%;
  width: 92%;
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-size: calc(var(--card-width) * 0.067);
  overflow: hidden;
  height: 6%;
}

.card_title_inner {
  width: fit-content;
  white-space: nowrap;
}

.token_descr {
  position: absolute;
  top: 50%;
  font-size: calc(var(--card-width) * 0.07);
  width: 96%;
  padding: 2%;
  height: 38%;
  background-color: rgba(249, 249, 249, 0.84);
  display: none;
}

.card_effect {
  position: absolute;
  top: 68%;
  font-size: calc(var(--card-width) * 0.07);
  width: 91%;
  left: 3%;
  padding: 2%;
  height: 27%;
  /*background-color: rgba(249, 249, 249, 0.84);*/
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.card[data-card-type="3"] .card_effect {
  height: 30%;
  top: 65%;
}

.card[data-card-type="2"] .card_effect {
  height: 18%;
  top: 78%;
}

.card[data-card-type="2"] .card_hovertt .card_effect {
  height: revert;
  top: revert;
}

.card[data-card-type="3"] .card_hovertt .card_effect {
  height: revert;
  top: revert;
}

.card_effect.rows {
  flex-direction: column;
}
.card_effect.rows .card_icono {
  height: 50%;
  padding-right: unset;
}

.card_effect.oneline {
  flex-direction: column;
  top: 68%;
  height: 27%;
}
.card_effect.oneline .card_icono {
  height: 30%;
  padding-right: unset;
  margin-right: 1%;
}

.blocks_2.oneline .card_tt {
  display: unset;
}

.blocks_2.oneline.hasvp .card_tt {
  width: 86%;
}

.groupline {
  height: fit-content;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;
  font-family: "SpaceFont";
}

.card_outer_action {
  position: absolute;
  top: 16%;
  font-size: calc(var(--card-width) * 0.075);
  width: 100%;
  display: flex;
  flex-direction: column;
  left: 2.8%;
  width: 94.7%;
  height: fit-content;
}

.card_action {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-wrap: anywhere;
  flex-direction: column;
  background-image: url("img/cards_bg_2_blue_action_texture.jpg");
  background-size: 100% 100%;
  height: fit-content;
  padding-top: 3%;
}
.card_action .outer_production {
  padding-left: calc(var(--card-width) * 0.03);
  padding-right: calc(var(--card-width) * 0.03);
}

.card_action_line {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-wrap: anywhere;
  height: fit-content;
  --resourcesize: calc(var(--card-width) * 0.12);
}

.card .card_action_line .badge {
  width: calc(var(--card-width) * 0.12);
  height: calc(var(--card-width) * 0.12);
}

.card_action_text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: fit-content;
  font-size: calc(var(--card-width) * 0.05);
  font-family: Georgia;
  font-style: italic;
  order: 1;
  overflow: hidden;
}

.card_action_bottomdecor {
  position: relative;
  width: 100%;
  background-image: url("img/cards_bg_2_blue_action_bottom.png");
  height: calc(var(--card-width) * 0.075);
  background-size: cover;
}

.card[data-card-type="1"] .card_outer_action {
  display: none;
}

.card[data-card-type="3"] .card_outer_action {
  display: none;
}

.card_number {
  position: absolute;
  top: 60%;
  right: 3%;
  font-size: calc(var(--card-width) * 0.04);
  font-family: var(--mars-font);
  padding: calc(var(--card-width) * 0.005);
  background: #c1c1c1;
  border: 1px solid black;
}

.card_number_binary {
  position: absolute;
  top: 62.3%;
  left: 36%;
  width: 28%;
  display: flex;
  font-size: calc(var(--card-width) * 0.05);
  font-family: var(--mars-font);
  opacity: 0.3;
  justify-content: center;
}

.card[data-card-type="2"] .card_number_binary {
  top: 73.8%;
}
.card[data-card-type="2"] .card_number {
  top: 65.2%;
}

.card[data-card-type="3"] .card_number_binary {
  top: 60.5%;
}
.card[data-card-type="3"] .card_number {
  top: 56.5%;
}

.card_icono {
  height: calc(var(--card-width) * 0.35);
  position: relative;
  padding-right: 4%;
  --resourcesize: calc(var(--card-width) * 0.12);
  height: 96%;
  flex-shrink: 0;
  text-shadow: #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;
  font-family: "SpaceFont";
}
.card_icono .tile {
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.16);
  position: relative;
  left: revert;
  top: revert;
  margin-left: calc(var(--card-width) * 0.01);
}
.card_icono .tracker {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
}
.card_icono .token_img.tracker_w {
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
}
.card_icono .plusminus {
  width: calc(var(--card-width) * 0.06);
  display: flex;
  justify-content: center;
  height: unset;
  position: unset;
  top: unset;
}
.card_icono .outer_production {
  background-size: cover;
  flex-direction: column;
  padding-bottom: calc(var(--card-width) * 0.03);
  padding-top: calc(var(--card-width) * 0.03);
  height: fit-content;
  align-items: flex-start;
}
.card_icono .outer_production .outer_production {
  background-image: unset;
  display: unset;
  justify-content: unset;
  align-items: unset;
  background-size: unset;
  height: unset;
  flex-direction: unset;
  padding: unset;
}
.card_icono .outer_gains {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.card_icono .card .token_img {
  margin-right: calc(var(--card-width) * 0.01);
}
.card_icono .outer_redborder {
  /*
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);*/
  width: var(--resourcesize);
  height: var(--resourcesize);
}
.card_icono .outer_redborder .token_img {
  margin-right: 0;
  width: calc(var(--resourcesize) * 0.85);
  height: calc(var(--resourcesize) * 0.85);
}
.card_icono .outer_redborder.redborder_hex {
  width: calc(var(--card-width) * 0.18);
  height: calc(var(--card-width) * 0.18);
  --resourcesize: calc(var(--card-width) * 0.16);
}
.card_icono .outer_redborder.redborder_hex .tile {
  margin-left: 0;
}
.card_icono .outer_redborder.redborder_hex .token_img {
  margin-right: 0;
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
}
.card_icono .outer_redborder.redborder_hex .tracker {
  position: relative;
}
.card_icono .breaker {
  flex-basis: 100%;
  height: 0;
}
.card_icono .resource_exponent {
  display: flex;
  font-size: calc(var(--card-width) * 0.05);
  text-shadow: none;
  position: absolute;
  width: fit-content;
  --resourcesize: calc(var(--card-width) * 0.05);
  right: -42%;
  top: -27%;
}

.card .card_icono .badge {
  width: calc(var(--card-width) * 0.13);
  height: calc(var(--card-width) * 0.13);
}

.card_icono.icono_prod {
  position: relative;
  display: flex;
  align-items: center;
}

.card_icono.icono_gains {
  min-width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_icono.icono_losses {
  min-width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_action .card_icono.icono_losses {
  min-width: unset;
}
.card_action .card_icono {
  padding-right: 0;
}

.effect_separator {
  margin-left: calc(var(--card-width) * 0.03);
  margin-right: calc(var(--card-width) * 0.03);
  font-size: calc(var(--card-width) * 0.09);
  font-family: "Protoype";
  font-weight: bolder;
}

.card_tt {
  font-size: calc(var(--card-width) * 0.05);
  font-family: Georgia;
  font-style: italic;
  order: 1;
  overflow: hidden;
}

.blocks_2 .card_tt {
  font-size: calc(var(--card-width) * 0.04);
}

.blocks_3 .card_tt {
  display: none;
}

.rows.hasvp .card_tt {
  width: 86%;
}

.production_line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: calc(var(--card-width) * 0.02);
  padding-left: calc(var(--card-width) * 0.03);
}

.card_info_box {
  display: none;
}

.card_prereq {
  position: absolute;
  top: 2.8%;
  left: 21%;
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.065);
  /*background: #f7d543;*/
  height: 6.2%;
  --resourcesize: calc(var(--card-width) * 0.08);
  display: flex;
  align-items: center;
  padding-right: calc(var(--card-width) * 0.01);
}

.card[data-invalid_prereq="1"] .card_prereq::after {
  content: "🚫";
  color: red;
  font-weight: bold;
  font-family: Roboto, Arial, Noto;
}

.card[data-invalid_prereq="1"] .card_tt_prereq {
  color: red;
}

.card[data-invalid_prereq="1"] .card_tt_prereq::before {
  content: "🚫";
  color: red;
  font-family: Roboto, Arial, Noto;
}

.prereq_content {
  display: flex;
  width: fit-content;
  min-width: calc(var(--card-width) * 0.22);
  padding-left: calc(var(--card-width) * 0.01);
  background: radial-gradient(circle, rgb(255, 232, 10) 0%, rgb(231, 164, 3) 100%);
  align-items: center;
  height: calc(var(--card-width) * 0.09);
}
.prereq_content .token_img {
  margin-right: 0;
}
.prereq_content .badge {
  margin-left: calc(var(--card-width) * 0.01);
}
.prereq_content .tile {
  width: calc(var(--card-width) * 0.08);
  height: calc(var(--card-width) * 0.08);
  position: relative;
  left: revert;
  top: revert;
  margin-left: calc(var(--card-width) * 0.01);
}
.prereq_content .tracker {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  width: calc(var(--card-width) * 0.08);
  height: calc(var(--card-width) * 0.08);
  position: relative;
  left: revert;
  top: revert;
  margin-left: calc(var(--card-width) * 0.01);
}
.prereq_content .outer_production {
  width: calc(var(--card-width) * 0.1);
  height: calc(var(--card-width) * 0.1);
}
.prereq_content .outer_production .token_img {
  width: calc(var(--card-width) * 0.07);
  height: calc(var(--card-width) * 0.07);
}
.prereq_content .outer_redborder {
  width: calc(var(--card-width) * 0.09);
  height: calc(var(--card-width) * 0.095);
}

.card_prereq:empty {
  padding-right: revert;
}

.card_badges {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  flex-direction: row-reverse;
}

.card > * {
  pointer-events: none;
}

.card .prereq_content > * {
  /*display: inline-block;
  vertical-align: middle;*/
}

.card .prereq_content > .outer_production {
  display: flex;
}

.prereq_content.mode_max {
  background: radial-gradient(circle, rgb(255, 195, 10) 0%, rgb(255, 89, 0) 100%);
}

.card .prereq_content .badge {
  width: calc(var(--card-width) * 0.09);
  height: calc(var(--card-width) * 0.09);
}

.card_vp {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -1300% 0;
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
  position: absolute;
  bottom: 1%;
  right: 1%;
  font-family: var(--mars-font);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  font-size: calc(var(--card-width) * 0.1);
  text-shadow: #fbe571 0px 0px 2px, #fbe571 0px 0px 2px, #fbe571 0px 0px 2px, #fbe571 0px 0px 2px, #fbe571 0px 0px 2px, #fbe571 0px 0px 2px;
  color: black;
}
.card_vp .number_inside {
  top: -5%;
  position: relative;
}

.card_vp.vp_custom {
  width: calc(var(--card-width) * 0.25);
  height: calc(var(--card-width) * 0.25);
  font-size: calc(var(--card-width) * 0.08);
  --resourcesize: calc(var(--card-width) * 0.08);
  flex-wrap: nowrap;
}
.card_vp.vp_custom .badge {
  width: calc(var(--card-width) * 0.1);
  height: calc(var(--card-width) * 0.1);
}
.card_vp.vp_custom .tracker {
  width: calc(var(--card-width) * 0.1);
  height: calc(var(--card-width) * 0.1);
}

.card .badge {
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
  background-image: url("img/badges.png");
  background-size: 1300% 100%;
}

.badge.tag_City {
  background-position-x: 0;
}

.badge.tag_Event {
  background-position-x: -100%;
}

.badge.tag_Earth {
  background-position-x: -200%;
}

.badge.tag_EventAggro {
  background-position-x: -300%;
}

.badge.tag_Plant {
  background-position-x: -400%;
}

.badge.tag_Space {
  background-position-x: -500%;
}

.badge.tag_Jovian {
  background-position-x: -600%;
}

.badge.tag_Science {
  background-position-x: -700%;
}

.badge.tag_Building {
  background-position-x: -800%;
}

.badge.tag_Energy {
  background-position-x: -900%;
}

.badge.tag_Microbe {
  background-position-x: -1000%;
}

.badge.tag_Animal {
  background-position-x: -1100%;
}

.badge.tag_Wild {
  background-position-x: -1200%;
}

.card_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("img/cards_bg.png");
  background-size: 300% 100%;
  border-radius: 5%;
}

.card[data-card-type="1"] .card_bg {
  background-position-x: 0;
}

.card[data-card-type="2"] .card_bg {
  background-position-x: -200%;
}

.card[data-card-type="3"] .card_bg {
  background-position-x: -100%;
}

.card_illustration {
  position: absolute;
  width: 96%;
  height: 50%;
  background-image: url("img/cards_illustrations.jpg");
  background-size: 1000% 2100%;
  top: 16%;
  left: 2%;
  border-radius: 5%;
}

.card_illustration.cardnum_1 {
  background-position-x: 0%;
  background-position-y: 0%;
}

.card_illustration.cardnum_2 {
  background-position-x: -100%;
  background-position-y: 0%;
}

.card_illustration.cardnum_3 {
  background-position-x: -200%;
  background-position-y: 0%;
}

.card_illustration.cardnum_4 {
  background-position-x: -300%;
  background-position-y: 0%;
}

.card_illustration.cardnum_5 {
  background-position-x: -400%;
  background-position-y: 0%;
}

.card_illustration.cardnum_6 {
  background-position-x: -500%;
  background-position-y: 0%;
}

.card_illustration.cardnum_7 {
  background-position-x: -600%;
  background-position-y: 0%;
}

.card_illustration.cardnum_8 {
  background-position-x: -700%;
  background-position-y: 0%;
}

.card_illustration.cardnum_9 {
  background-position-x: -800%;
  background-position-y: 0%;
}

.card_illustration.cardnum_10 {
  background-position-x: -900%;
  background-position-y: 0%;
}

.card_illustration.cardnum_11 {
  background-position-x: 0%;
  background-position-y: -100%;
}

.card_illustration.cardnum_12 {
  background-position-x: -100%;
  background-position-y: -100%;
}

.card_illustration.cardnum_13 {
  background-position-x: -200%;
  background-position-y: -100%;
}

.card_illustration.cardnum_14 {
  background-position-x: -300%;
  background-position-y: -100%;
}

.card_illustration.cardnum_15 {
  background-position-x: -400%;
  background-position-y: -100%;
}

.card_illustration.cardnum_16 {
  background-position-x: -500%;
  background-position-y: -100%;
}

.card_illustration.cardnum_17 {
  background-position-x: -600%;
  background-position-y: -100%;
}

.card_illustration.cardnum_18 {
  background-position-x: -700%;
  background-position-y: -100%;
}

.card_illustration.cardnum_19 {
  background-position-x: -800%;
  background-position-y: -100%;
}

.card_illustration.cardnum_20 {
  background-position-x: -900%;
  background-position-y: -100%;
}

.card_illustration.cardnum_21 {
  background-position-x: 0%;
  background-position-y: -200%;
}

.card_illustration.cardnum_22 {
  background-position-x: -100%;
  background-position-y: -200%;
}

.card_illustration.cardnum_23 {
  background-position-x: -200%;
  background-position-y: -200%;
}

.card_illustration.cardnum_24 {
  background-position-x: -300%;
  background-position-y: -200%;
}

.card_illustration.cardnum_25 {
  background-position-x: -400%;
  background-position-y: -200%;
}

.card_illustration.cardnum_26 {
  background-position-x: -500%;
  background-position-y: -200%;
}

.card_illustration.cardnum_27 {
  background-position-x: -600%;
  background-position-y: -200%;
}

.card_illustration.cardnum_28 {
  background-position-x: -700%;
  background-position-y: -200%;
}

.card_illustration.cardnum_29 {
  background-position-x: -800%;
  background-position-y: -200%;
}

.card_illustration.cardnum_30 {
  background-position-x: -900%;
  background-position-y: -200%;
}

.card_illustration.cardnum_31 {
  background-position-x: 0%;
  background-position-y: -300%;
}

.card_illustration.cardnum_32 {
  background-position-x: -100%;
  background-position-y: -300%;
}

.card_illustration.cardnum_33 {
  background-position-x: -200%;
  background-position-y: -300%;
}

.card_illustration.cardnum_34 {
  background-position-x: -300%;
  background-position-y: -300%;
}

.card_illustration.cardnum_35 {
  background-position-x: -400%;
  background-position-y: -300%;
}

.card_illustration.cardnum_36 {
  background-position-x: -500%;
  background-position-y: -300%;
}

.card_illustration.cardnum_37 {
  background-position-x: -600%;
  background-position-y: -300%;
}

.card_illustration.cardnum_38 {
  background-position-x: -700%;
  background-position-y: -300%;
}

.card_illustration.cardnum_39 {
  background-position-x: -800%;
  background-position-y: -300%;
}

.card_illustration.cardnum_40 {
  background-position-x: -900%;
  background-position-y: -300%;
}

.card_illustration.cardnum_41 {
  background-position-x: 0%;
  background-position-y: -400%;
}

.card_illustration.cardnum_42 {
  background-position-x: -100%;
  background-position-y: -400%;
}

.card_illustration.cardnum_43 {
  background-position-x: -200%;
  background-position-y: -400%;
}

.card_illustration.cardnum_44 {
  background-position-x: -300%;
  background-position-y: -400%;
}

.card_illustration.cardnum_45 {
  background-position-x: -400%;
  background-position-y: -400%;
}

.card_illustration.cardnum_46 {
  background-position-x: -500%;
  background-position-y: -400%;
}

.card_illustration.cardnum_47 {
  background-position-x: -600%;
  background-position-y: -400%;
}

.card_illustration.cardnum_48 {
  background-position-x: -700%;
  background-position-y: -400%;
}

.card_illustration.cardnum_49 {
  background-position-x: -800%;
  background-position-y: -400%;
}

.card_illustration.cardnum_50 {
  background-position-x: -900%;
  background-position-y: -400%;
}

.card_illustration.cardnum_51 {
  background-position-x: 0%;
  background-position-y: -500%;
}

.card_illustration.cardnum_52 {
  background-position-x: -100%;
  background-position-y: -500%;
}

.card_illustration.cardnum_53 {
  background-position-x: -200%;
  background-position-y: -500%;
}

.card_illustration.cardnum_54 {
  background-position-x: -300%;
  background-position-y: -500%;
}

.card_illustration.cardnum_55 {
  background-position-x: -400%;
  background-position-y: -500%;
}

.card_illustration.cardnum_56 {
  background-position-x: -500%;
  background-position-y: -500%;
}

.card_illustration.cardnum_57 {
  background-position-x: -600%;
  background-position-y: -500%;
}

.card_illustration.cardnum_58 {
  background-position-x: -700%;
  background-position-y: -500%;
}

.card_illustration.cardnum_59 {
  background-position-x: -800%;
  background-position-y: -500%;
}

.card_illustration.cardnum_60 {
  background-position-x: -900%;
  background-position-y: -500%;
}

.card_illustration.cardnum_61 {
  background-position-x: 0%;
  background-position-y: -600%;
}

.card_illustration.cardnum_62 {
  background-position-x: -100%;
  background-position-y: -600%;
}

.card_illustration.cardnum_63 {
  background-position-x: -200%;
  background-position-y: -600%;
}

.card_illustration.cardnum_64 {
  background-position-x: -300%;
  background-position-y: -600%;
}

.card_illustration.cardnum_65 {
  background-position-x: -400%;
  background-position-y: -600%;
}

.card_illustration.cardnum_66 {
  background-position-x: -500%;
  background-position-y: -600%;
}

.card_illustration.cardnum_67 {
  background-position-x: -600%;
  background-position-y: -600%;
}

.card_illustration.cardnum_68 {
  background-position-x: -700%;
  background-position-y: -600%;
}

.card_illustration.cardnum_69 {
  background-position-x: -800%;
  background-position-y: -600%;
}

.card_illustration.cardnum_70 {
  background-position-x: -900%;
  background-position-y: -600%;
}

.card_illustration.cardnum_71 {
  background-position-x: 0%;
  background-position-y: -700%;
}

.card_illustration.cardnum_72 {
  background-position-x: -100%;
  background-position-y: -700%;
}

.card_illustration.cardnum_73 {
  background-position-x: -200%;
  background-position-y: -700%;
}

.card_illustration.cardnum_74 {
  background-position-x: -300%;
  background-position-y: -700%;
}

.card_illustration.cardnum_75 {
  background-position-x: -400%;
  background-position-y: -700%;
}

.card_illustration.cardnum_76 {
  background-position-x: -500%;
  background-position-y: -700%;
}

.card_illustration.cardnum_77 {
  background-position-x: -600%;
  background-position-y: -700%;
}

.card_illustration.cardnum_78 {
  background-position-x: -700%;
  background-position-y: -700%;
}

.card_illustration.cardnum_79 {
  background-position-x: -800%;
  background-position-y: -700%;
}

.card_illustration.cardnum_80 {
  background-position-x: -900%;
  background-position-y: -700%;
}

.card_illustration.cardnum_81 {
  background-position-x: 0%;
  background-position-y: -800%;
}

.card_illustration.cardnum_82 {
  background-position-x: -100%;
  background-position-y: -800%;
}

.card_illustration.cardnum_83 {
  background-position-x: -200%;
  background-position-y: -800%;
}

.card_illustration.cardnum_84 {
  background-position-x: -300%;
  background-position-y: -800%;
}

.card_illustration.cardnum_85 {
  background-position-x: -400%;
  background-position-y: -800%;
}

.card_illustration.cardnum_86 {
  background-position-x: -500%;
  background-position-y: -800%;
}

.card_illustration.cardnum_87 {
  background-position-x: -600%;
  background-position-y: -800%;
}

.card_illustration.cardnum_88 {
  background-position-x: -700%;
  background-position-y: -800%;
}

.card_illustration.cardnum_89 {
  background-position-x: -800%;
  background-position-y: -800%;
}

.card_illustration.cardnum_90 {
  background-position-x: -900%;
  background-position-y: -800%;
}

.card_illustration.cardnum_91 {
  background-position-x: 0%;
  background-position-y: -900%;
}

.card_illustration.cardnum_92 {
  background-position-x: -100%;
  background-position-y: -900%;
}

.card_illustration.cardnum_93 {
  background-position-x: -200%;
  background-position-y: -900%;
}

.card_illustration.cardnum_94 {
  background-position-x: -300%;
  background-position-y: -900%;
}

.card_illustration.cardnum_95 {
  background-position-x: -400%;
  background-position-y: -900%;
}

.card_illustration.cardnum_96 {
  background-position-x: -500%;
  background-position-y: -900%;
}

.card_illustration.cardnum_97 {
  background-position-x: -600%;
  background-position-y: -900%;
}

.card_illustration.cardnum_98 {
  background-position-x: -700%;
  background-position-y: -900%;
}

.card_illustration.cardnum_99 {
  background-position-x: -800%;
  background-position-y: -900%;
}

.card_illustration.cardnum_100 {
  background-position-x: -900%;
  background-position-y: -900%;
}

.card_illustration.cardnum_101 {
  background-position-x: 0%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_102 {
  background-position-x: -100%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_103 {
  background-position-x: -200%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_104 {
  background-position-x: -300%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_105 {
  background-position-x: -400%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_106 {
  background-position-x: -500%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_107 {
  background-position-x: -600%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_108 {
  background-position-x: -700%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_109 {
  background-position-x: -800%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_110 {
  background-position-x: -900%;
  background-position-y: -1000%;
}

.card_illustration.cardnum_111 {
  background-position-x: 0%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_112 {
  background-position-x: -100%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_113 {
  background-position-x: -200%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_114 {
  background-position-x: -300%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_115 {
  background-position-x: -400%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_116 {
  background-position-x: -500%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_117 {
  background-position-x: -600%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_118 {
  background-position-x: -700%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_119 {
  background-position-x: -800%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_120 {
  background-position-x: -900%;
  background-position-y: -1100%;
}

.card_illustration.cardnum_121 {
  background-position-x: 0%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_122 {
  background-position-x: -100%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_123 {
  background-position-x: -200%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_124 {
  background-position-x: -300%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_125 {
  background-position-x: -400%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_126 {
  background-position-x: -500%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_127 {
  background-position-x: -600%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_128 {
  background-position-x: -700%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_129 {
  background-position-x: -800%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_130 {
  background-position-x: -900%;
  background-position-y: -1200%;
}

.card_illustration.cardnum_131 {
  background-position-x: 0%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_132 {
  background-position-x: -100%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_133 {
  background-position-x: -200%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_134 {
  background-position-x: -300%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_135 {
  background-position-x: -400%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_136 {
  background-position-x: -500%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_137 {
  background-position-x: -600%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_138 {
  background-position-x: -700%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_139 {
  background-position-x: -800%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_140 {
  background-position-x: -900%;
  background-position-y: -1300%;
}

.card_illustration.cardnum_141 {
  background-position-x: 0%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_142 {
  background-position-x: -100%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_143 {
  background-position-x: -200%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_144 {
  background-position-x: -300%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_145 {
  background-position-x: -400%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_146 {
  background-position-x: -500%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_147 {
  background-position-x: -600%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_148 {
  background-position-x: -700%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_149 {
  background-position-x: -800%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_150 {
  background-position-x: -900%;
  background-position-y: -1400%;
}

.card_illustration.cardnum_151 {
  background-position-x: 0%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_152 {
  background-position-x: -100%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_153 {
  background-position-x: -200%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_154 {
  background-position-x: -300%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_155 {
  background-position-x: -400%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_156 {
  background-position-x: -500%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_157 {
  background-position-x: -600%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_158 {
  background-position-x: -700%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_159 {
  background-position-x: -800%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_160 {
  background-position-x: -900%;
  background-position-y: -1500%;
}

.card_illustration.cardnum_161 {
  background-position-x: 0%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_162 {
  background-position-x: -100%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_163 {
  background-position-x: -200%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_164 {
  background-position-x: -300%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_165 {
  background-position-x: -400%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_166 {
  background-position-x: -500%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_167 {
  background-position-x: -600%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_168 {
  background-position-x: -700%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_169 {
  background-position-x: -800%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_170 {
  background-position-x: -900%;
  background-position-y: -1600%;
}

.card_illustration.cardnum_171 {
  background-position-x: 0%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_172 {
  background-position-x: -100%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_173 {
  background-position-x: -200%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_174 {
  background-position-x: -300%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_175 {
  background-position-x: -400%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_176 {
  background-position-x: -500%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_177 {
  background-position-x: -600%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_178 {
  background-position-x: -700%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_179 {
  background-position-x: -800%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_180 {
  background-position-x: -900%;
  background-position-y: -1700%;
}

.card_illustration.cardnum_181 {
  background-position-x: 0%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_182 {
  background-position-x: -100%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_183 {
  background-position-x: -200%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_184 {
  background-position-x: -300%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_185 {
  background-position-x: -400%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_186 {
  background-position-x: -500%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_187 {
  background-position-x: -600%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_188 {
  background-position-x: -700%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_189 {
  background-position-x: -800%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_190 {
  background-position-x: -900%;
  background-position-y: -1800%;
}

.card_illustration.cardnum_191 {
  background-position-x: 0%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_192 {
  background-position-x: -100%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_193 {
  background-position-x: -200%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_194 {
  background-position-x: -300%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_195 {
  background-position-x: -400%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_196 {
  background-position-x: -500%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_197 {
  background-position-x: -600%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_198 {
  background-position-x: -700%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_199 {
  background-position-x: -800%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_200 {
  background-position-x: -900%;
  background-position-y: -1900%;
}

.card_illustration.cardnum_201 {
  background-position-x: 0%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_202 {
  background-position-x: -100%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_203 {
  background-position-x: -200%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_204 {
  background-position-x: -300%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_205 {
  background-position-x: -400%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_206 {
  background-position-x: -500%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_207 {
  background-position-x: -600%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_208 {
  background-position-x: -700%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_209 {
  background-position-x: -800%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_210 {
  background-position-x: -900%;
  background-position-y: -2000%;
}

.card_illustration.cardnum_211 {
  background-position-x: 0%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_212 {
  background-position-x: -100%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_213 {
  background-position-x: -200%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_214 {
  background-position-x: -300%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_215 {
  background-position-x: -400%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_216 {
  background-position-x: -500%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_217 {
  background-position-x: -600%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_218 {
  background-position-x: -700%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_219 {
  background-position-x: -800%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_220 {
  background-position-x: -900%;
  background-position-y: -2100%;
}

.card_illustration.cardnum_221 {
  background-position-x: 0%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_222 {
  background-position-x: -100%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_223 {
  background-position-x: -200%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_224 {
  background-position-x: -300%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_225 {
  background-position-x: -400%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_226 {
  background-position-x: -500%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_227 {
  background-position-x: -600%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_228 {
  background-position-x: -700%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_229 {
  background-position-x: -800%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_230 {
  background-position-x: -900%;
  background-position-y: -2200%;
}

.card_illustration.cardnum_231 {
  background-position-x: 0%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_232 {
  background-position-x: -100%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_233 {
  background-position-x: -200%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_234 {
  background-position-x: -300%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_235 {
  background-position-x: -400%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_236 {
  background-position-x: -500%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_237 {
  background-position-x: -600%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_238 {
  background-position-x: -700%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_239 {
  background-position-x: -800%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_240 {
  background-position-x: -900%;
  background-position-y: -2300%;
}

.card_illustration.cardnum_241 {
  background-position-x: 0%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_242 {
  background-position-x: -100%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_243 {
  background-position-x: -200%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_244 {
  background-position-x: -300%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_245 {
  background-position-x: -400%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_246 {
  background-position-x: -500%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_247 {
  background-position-x: -600%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_248 {
  background-position-x: -700%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_249 {
  background-position-x: -800%;
  background-position-y: -2400%;
}

.card_illustration.cardnum_250 {
  background-position-x: -900%;
  background-position-y: -2400%;
}

.card[data-card-type="2"] .card_illustration {
  top: 28%;
}

.card.corp {
  width: var(--card-height);
  height: var(--card-width);
}
.card.corp .card_illustration {
  display: none;
}
.card.corp .card_title {
  display: none;
}
.card.corp .card_bg {
  background-image: url("img/corporations.jpg");
  background-size: 700% 200%;
}
.card.corp .card_badges {
  display: none;
}
.card.corp .card_cost {
  display: none;
}
.card.corp .card_vp {
  display: none;
}
.card.corp .card_action {
  display: none;
}
.card.corp .card_outer_action {
  display: none;
}
.card.corp .card_number {
  display: none;
}
.card.corp .card_initial {
  position: absolute;
  font-size: calc(var(--card-width) * 0.038);
  font-family: Georgia;
}
.card.corp .card_effect {
  background: revert;
  padding: revert;
  font-size: calc(var(--card-width) * 0.038);
  font-family: Georgia;
}

.card_corp_1 .card_bg {
  background-position: 0 0;
}

.card_corp_2 .card_bg {
  background-position: -100% 0;
}

.card_corp_3 .card_bg {
  background-position: -200% 0;
}

.card_corp_4 .card_bg {
  background-position: -300% 0;
}

.card_corp_5 .card_bg {
  background-position: -400% 0;
}

.card_corp_6 .card_bg {
  background-position: -500% 0;
}

.card_corp_7 .card_bg {
  background-position: -600% 0;
}

.card_corp_9 .card_bg {
  background-position: 0 -100%;
}

.card_corp_8 .card_bg {
  background-position: -100% -100%;
}

.card_corp_10 .card_bg {
  background-position: -200% -100%;
}

.card_corp_11 .card_bg {
  background-position: -300% -100%;
}

.card_corp_12 .card_bg {
  background-position: -400% -100%;
}

.card_corp_13 .card_bg {
  background-position: -500% -100%;
}

.mcompact {
  /*
  .card.prelude_main {
    .card_bg {
      background-image: url("img/prelude/preG_cards.jpg");
      background-size: 1000% auto;
    }

    .card_title {
      top: 11%;
    }

    .card_effect {
      width: 85%;
    }

    .card_prereq {
      top: 4%;
      font-size: calc(var(--card-width) * 0.055);
      .badge, .token_img {
        display: none;
      }

      .prereq_content {
        background: unset;
      }
    }

  }

  .card_main_P36 {
    .card_tt {
      left: 36% !important;
      top: 20% !important;
      width: 30%;
    }

    .card_bg {
      background-position: calc(100% / 9 * 0) 0;
    }
  }

  .card_main_P37 {
    .card_tt {
      left: 40% !important;
      top: 0% !important;
    }

    .card_bg {
      background-position: calc(100% / 9 * 1) 0;
    }
  }

  .card_main_P38 {
    .card_tt {
      left: 36% !important;
      width: 30%;
    }

    .card_bg {
      background-position: calc(100% / 9 * 2) 0;
    }
  }

  .card_main_P39 {
    .card_tt {
      left: 20% !important;
    }

    .card_bg {
      background-position: calc(100% / 9 * 3) 0;
    }
  }

  .card_main_P40 {
    .card_tt {
      left: 10% !important;
      top: 10% !important;
    }

    .card_bg {
      background-position: calc(100% / 9 * 4) 0;
    }
  }

  .card_main_P41 {
    .card_tt {
      left: 40% !important;
    }

    .card_bg {
      background-position: calc(100% / 9 * 5) 0;
    }
  }

  .card_main_P42 {
    .card_tt {
      left: 43% !important;
      top: 10% !important;
    }
    .card_prereq {
      display: none;
    }

    .card_bg {
      background-position: calc(100% / 9 * 6) 0;
    }
  }

   */
}
.mcompact .card_corp_19 .card_bg {
  background-position: 0% 0;
  background-image: url(img/prelude/preG_cardsC.jpg);
  background-size: 600%;
}
.mcompact .card_corp_20 .card_bg {
  background-position: 20% 0;
  background-image: url(img/prelude/preG_cardsC.jpg);
  background-size: 600%;
}
.mcompact .card_corp_21 .card_bg {
  background-position: 40% 0;
  background-image: url(img/prelude/preG_cardsC.jpg);
  background-size: 600%;
}
.mcompact .card_corp_22 .card_bg {
  background-position: 60% 0;
  background-image: url(img/prelude/preG_cardsC.jpg);
  background-size: 600%;
}
.mcompact .card_corp_23 .card_bg {
  background-position: 80% 0;
  background-image: url(img/prelude/preG_cardsC.jpg);
  background-size: 600%;
}
.mcompact .card_prelude_P1 .card_bg,
.mcompact .card_prelude_P01 .card_bg {
  background-position: 0% 0%;
}
.mcompact .card_prelude_P2 .card_bg,
.mcompact .card_prelude_P02 .card_bg {
  background-position: 20% 0%;
}
.mcompact .card_prelude_P3 .card_bg,
.mcompact .card_prelude_P03 .card_bg {
  background-position: 40% 0%;
}
.mcompact .card_prelude_P4 .card_bg,
.mcompact .card_prelude_P04 .card_bg {
  background-position: 60% 0%;
}
.mcompact .card_prelude_P5 .card_bg,
.mcompact .card_prelude_P05 .card_bg {
  background-position: 80% 0%;
}
.mcompact .card_prelude_P6 .card_bg,
.mcompact .card_prelude_P06 .card_bg {
  background-position: 100% 0%;
}
.mcompact .card_prelude_P7 .card_bg,
.mcompact .card_prelude_P07 .card_bg {
  background-position: 0% 20%;
}
.mcompact .card_prelude_P8 .card_bg,
.mcompact .card_prelude_P08 .card_bg {
  background-position: 20% 20%;
}
.mcompact .card_prelude_P9 .card_bg,
.mcompact .card_prelude_P09 .card_bg {
  background-position: 40% 20%;
}
.mcompact .card_prelude_P10 .card_bg,
.mcompact .card_prelude_P010 .card_bg {
  background-position: 60% 20%;
}
.mcompact .card_prelude_P11 .card_bg,
.mcompact .card_prelude_P011 .card_bg {
  background-position: 80% 20%;
}
.mcompact .card_prelude_P12 .card_bg,
.mcompact .card_prelude_P012 .card_bg {
  background-position: 100% 20%;
}
.mcompact .card_prelude_P13 .card_bg,
.mcompact .card_prelude_P013 .card_bg {
  background-position: 0% 40%;
}
.mcompact .card_prelude_P14 .card_bg,
.mcompact .card_prelude_P014 .card_bg {
  background-position: 20% 40%;
}
.mcompact .card_prelude_P15 .card_bg,
.mcompact .card_prelude_P015 .card_bg {
  background-position: 40% 40%;
}
.mcompact .card_prelude_P16 .card_bg,
.mcompact .card_prelude_P016 .card_bg {
  background-position: 60% 40%;
}
.mcompact .card_prelude_P17 .card_bg,
.mcompact .card_prelude_P017 .card_bg {
  background-position: 80% 40%;
}
.mcompact .card_prelude_P18 .card_bg,
.mcompact .card_prelude_P018 .card_bg {
  background-position: 100% 40%;
}
.mcompact .card_prelude_P19 .card_bg,
.mcompact .card_prelude_P019 .card_bg {
  background-position: 0% 60%;
}
.mcompact .card_prelude_P20 .card_bg,
.mcompact .card_prelude_P020 .card_bg {
  background-position: 20% 60%;
}
.mcompact .card_prelude_P21 .card_bg,
.mcompact .card_prelude_P021 .card_bg {
  background-position: 40% 60%;
}
.mcompact .card_prelude_P22 .card_bg,
.mcompact .card_prelude_P022 .card_bg {
  background-position: 60% 60%;
}
.mcompact .card_prelude_P23 .card_bg,
.mcompact .card_prelude_P023 .card_bg {
  background-position: 80% 60%;
}
.mcompact .card_prelude_P24 .card_bg,
.mcompact .card_prelude_P024 .card_bg {
  background-position: 100% 60%;
}
.mcompact .card_prelude_P25 .card_bg,
.mcompact .card_prelude_P025 .card_bg {
  background-position: 0% 80%;
}
.mcompact .card_prelude_P26 .card_bg,
.mcompact .card_prelude_P026 .card_bg {
  background-position: 20% 80%;
}
.mcompact .card_prelude_P27 .card_bg,
.mcompact .card_prelude_P027 .card_bg {
  background-position: 40% 80%;
}
.mcompact .card_prelude_P28 .card_bg,
.mcompact .card_prelude_P028 .card_bg {
  background-position: 60% 80%;
}
.mcompact .card_prelude_P29 .card_bg,
.mcompact .card_prelude_P029 .card_bg {
  background-position: 80% 80%;
}
.mcompact .card_prelude_P30 .card_bg,
.mcompact .card_prelude_P030 .card_bg {
  background-position: 100% 80%;
}
.mcompact .card_prelude_P31 .card_bg,
.mcompact .card_prelude_P031 .card_bg {
  background-position: 0% 100%;
}
.mcompact .card_prelude_P32 .card_bg,
.mcompact .card_prelude_P032 .card_bg {
  background-position: 20% 100%;
}
.mcompact .card_prelude_P33 .card_bg,
.mcompact .card_prelude_P033 .card_bg {
  background-position: 40% 100%;
}
.mcompact .card_prelude_P34 .card_bg,
.mcompact .card_prelude_P034 .card_bg {
  background-position: 60% 100%;
}
.mcompact .card_prelude_P35 .card_bg,
.mcompact .card_prelude_P035 .card_bg {
  background-position: 80% 100%;
}
.mcompact .card.prelude {
  width: var(--card-height);
  height: var(--card-width);
}
.mcompact .card.prelude .card_decor .card_bg {
  background-image: url("img/prelude/preG_cardsP.jpg");
  background-size: 600% auto;
}
.mcompact .card.prelude .card_decor .card_title {
  top: 15.5%;
  left: unset;
  width: 100%;
  height: unset;
}
.mcompact .card.prelude .card_decor .card_illustration,
.mcompact .card.prelude .card_decor .card_badges,
.mcompact .card.prelude .card_decor .card_outer_action,
.mcompact .card.prelude .card_decor .card_vp,
.mcompact .card.prelude .card_decor .card_number_binary {
  display: none;
}
.mcompact .card.prelude .card_decor .card_cost .number_inside {
  display: none;
}
.mcompact .card.prelude .card_decor .card_effect * {
  display: none;
}
.mcompact .card.prelude .card_decor .card_effect .card_tt {
  display: block;
  position: absolute;
}
.mcompact .card.prelude .card_decor .blocks_2 .card_tt {
  left: 35%;
}
.mcompact .card.prelude .card_decor .blocks_3 .card_tt {
  left: 50%;
}
.mcompact .card_prelude_P02 .card_tt {
  left: 53% !important;
}
.mcompact .card_prelude_P03 .card_tt {
  left: 49% !important;
}
.mcompact .card_prelude_P04 .card_tt {
  left: 50% !important;
}
.mcompact .card_prelude_P05 .card_tt {
  left: 46% !important;
}
.mcompact .card_prelude_P07 .card_tt {
  left: 50% !important;
}
.mcompact .card_prelude_P13 .card_tt {
  left: 46% !important;
}
.mcompact .card_prelude_P14 .card_tt {
  left: 46% !important;
}
.mcompact .card_prelude_P18 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P19 .card_tt {
  left: 46% !important;
  top: 10%;
}
.mcompact .card_prelude_P20 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P21 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P22 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P23 .card_tt {
  left: 53% !important;
}
.mcompact .card_prelude_P24 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P25 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P27 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P31 .card_tt {
  left: 38% !important;
}
.mcompact .card_prelude_P32 .card_tt {
  left: 48% !important;
}
.mcompact .card_prelude_P35 .card_tt {
  left: 46% !important;
}
.mcompact .card.prelude_main .card_illustration {
  background-image: url("img/prelude/pre_illustrations.jpg");
  background-size: 700% 100%;
}
.mcompact .card_main_P36 .card_illustration {
  background-position-x: 0;
}
.mcompact .card_main_P37 .card_illustration {
  background-position-x: -100%;
}
.mcompact .card_main_P38 .card_illustration {
  background-position-x: -200%;
}
.mcompact .card_main_P39 .card_illustration {
  background-position-x: -300%;
}
.mcompact .card_main_P40 .card_illustration {
  background-position-x: -400%;
}
.mcompact .card_main_P41 .card_illustration {
  background-position-x: -500%;
}
.mcompact .card_main_P42 .card_illustration {
  background-position-x: -600%;
}

.outer_production {
  background-image: url("img/prodtexture.png");
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
}

.outer_redborder {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.outer_redborder.redborder_hex {
  background-position: -1100% 0;
}

.outer_redborder.redborder_resource {
  background-position: -1000% 0;
}

.token_img.temperature_icon {
  background-position: -200% -100%;
}

.token_img.oxygen_icon {
  background-position: -100% -100%;
  clip-path: circle(48% at 51% 51%);
}

.token_img.draw_icon {
  background-position: 0 0;
}

.action_arrow {
  position: relative;
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  width: calc(var(--card-width) * 0.18);
  height: calc(var(--card-width) * 0.18);
  background-position: -300% 0;
  flex-shrink: 0;
}

/* corp specific */
.card_corp_1 .card_title {
  display: flex !important;
  top: 16.7%;
  left: 15%;
  width: 69%;
  height: 13%;
  font-size: calc(var(--card-width) * 0.08);
}
.card_corp_1 .card_effect {
  left: 56%;
  top: 58%;
  width: 38%;
}
.card_corp_1 .card_initial {
  left: 6%;
  top: 66%;
  width: 47%;
}

.card_corp_2 .card_effect {
  left: 37%;
  top: 59%;
  width: 53%;
}
.card_corp_2 .card_initial {
  left: 6%;
  top: 66%;
  width: 29%;
}

.card_corp_3 .card_effect {
  left: 56%;
  top: 58%;
  width: 38%;
}
.card_corp_3 .card_initial {
  left: 6%;
  top: 66%;
  width: 47%;
}

.card_corp_4 .card_effect {
  left: 51%;
  top: 58%;
  width: 39%;
}
.card_corp_4 .card_initial {
  left: 5%;
  top: 66%;
  width: 47%;
}

.card_corp_5 .card_effect {
  left: 56%;
  top: 58%;
  width: 38%;
}
.card_corp_5 .card_initial {
  left: 6%;
  top: 66%;
  width: 47%;
}

.card_corp_6 .card_effect {
  left: 50%;
  top: 58%;
  width: 43%;
}
.card_corp_6 .card_initial {
  left: 6%;
  top: 65%;
  width: 42%;
}

.card_corp_7 .card_effect {
  top: 49%;
  width: 36%;
  height: 24%;
  left: 57%;
}
.card_corp_7 .card_initial {
  top: 70%;
  width: 89.5%;
  left: 6%;
}

.card_corp_8 .card_effect {
  top: 53%;
  width: 46%;
  height: 24%;
  left: 47%;
}
.card_corp_8 .card_initial {
  top: 58%;
  width: 38.5%;
  left: 6%;
}

.card_corp_9 .card_effect {
  top: 59%;
  width: 39%;
  height: 24%;
  left: 51%;
}
.card_corp_9 .card_initial {
  top: 63%;
  width: 42.5%;
  left: 6%;
}

.card_corp_10 .card_effect {
  top: 56%;
  width: 40%;
  height: 24%;
  left: 52%;
}
.card_corp_10 .card_initial {
  top: 66%;
  width: 44.5%;
  left: 6%;
}

.card_corp_11 .card_effect {
  top: 48%;
  width: 45%;
  height: 24%;
  left: 49%;
}
.card_corp_11 .card_initial {
  top: 72%;
  width: 86.5%;
  left: 6%;
}

.card_corp_12 .card_effect {
  top: 53%;
  width: 49%;
  height: 24%;
  left: 43%;
}
.card_corp_12 .card_initial {
  top: 70%;
  width: 44.5%;
  left: 6%;
}

.card_corp_13 .card_effect {
  top: 54%;
  width: 47%;
  height: 16%;
  left: 46%;
}
.card_corp_13 .card_initial {
  top: 26%;
  width: 44.5%;
  left: 44%;
}

.card_corp_22 .card_initial,
.card_corp_23 .card_initial,
.card_corp_21 .card_initial,
.card_corp_19 .card_initial {
  top: 62%;
  left: 6.5%;
  width: 37%;
}
.card_corp_22 .card_effect,
.card_corp_23 .card_effect,
.card_corp_21 .card_effect,
.card_corp_19 .card_effect {
  top: 62%;
  left: 53%;
  width: 40%;
}

.card_corp_20 .card_initial {
  top: 71%;
  left: 11%;
  width: 37%;
}
.card_corp_20 .card_effect {
  top: 67%;
  left: 46%;
  width: 42%;
}

/* compact corp */
.corp_effect .infobox {
  bottom: revert;
  left: 0;
  top: 0;
}
.corp_effect .card.corp.card_corp_1 .card_bg {
  background-position: 5% 34%;
  width: 260%;
  height: 260%;
}
.corp_effect #card_corp_2 .card_bg {
  background-position: -94% 38%;
  width: 184%;
  height: 264%;
}
.corp_effect #card_corp_3 .card_bg {
  background-position: -191% 35%;
  width: 252%;
  height: 268%;
}
.corp_effect #card_corp_4 .card_bg {
  background-position: -291.5% 38%;
  width: 254%;
  height: 286%;
}
.corp_effect #card_corp_5 .card_bg {
  background-position: -390.7% 39%;
  width: 271%;
  height: 318%;
}
.corp_effect #card_corp_6 .card_bg {
  background-position: -492% 37%;
  width: 220%;
  height: 260%;
}
.corp_effect #card_corp_7 .card_bg {
  background-position: -591% 29%;
  width: 242%;
  height: 260%;
}
.corp_effect #card_corp_8 .card_bg {
  background-position: -91.5% -66%;
  width: 256%;
  height: 297%;
}
.corp_effect #card_corp_9 .card_bg {
  background-position: 8.5% -62%;
  width: 251%;
  height: 291%;
}
.corp_effect #card_corp_10 .card_bg {
  background-position: -191% -65%;
  width: 257%;
  height: 279%;
}
.corp_effect #card_corp_11 {
  width: calc(var(--card-width) * 1);
  background: white;
}
.corp_effect #card_corp_11 .card_bg {
  background-position: -292% -87%;
  width: 161%;
  height: 260%;
  clip-path: inset(0% 66.8% 61.55% 0%);
}
.corp_effect #card_corp_11 .card_effect {
  left: 54%;
  top: 3%;
  width: 45%;
}
.corp_effect #card_corp_12 .card_bg {
  background-position: -393% -65%;
  width: 200%;
  height: 269%;
}
.corp_effect #card_corp_13 .card_bg {
  background-position: -376% -68%;
  width: 204%;
  height: 269%;
}

/*
.tableau,
.hand,
.draw,
.draft {
  .card:hover {
    z-index: 10;
    transform: scale(1.5);
    transition: all 500ms;
    transition-delay: 500ms;
  }
}
*/
/*
.corp_effect .card:hover {
  z-index: 10;
  transform: scale(3);
  transform-origin: left;
  transition: all 500ms;
  transition-delay: 500ms;

}
*/
.card_hovertt {
  opacity: 0;
  visibility: hidden;
  width: 96%;
  height: 96%;
  padding: 2%;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  display: flex;
  flex-direction: column;
  font-family: Georgia;
  z-index: 8;
  border-radius: 5%;
}
.card_hovertt .token_title {
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgba(208, 198, 183, 0.6509803922);
  font-weight: lighter;
  font-size: calc(var(--card-width) * 0.08);
  font-family: var(--mars-font);
}
.card_hovertt .tt_intertitle {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: calc(var(--card-width) * 0.07);
  font-family: var(--mars-font);
}
.card_hovertt .tt_linegroup {
  width: 100%;
  display: flex;
  align-items: center;
}
.card_hovertt .card_number {
  position: relative;
  top: unset !important;
  right: unset;
  font-family: unset;
  font-size: calc(var(--card-width) * 0.06);
  display: flex;
  justify-content: flex-end;
  border: none;
  background: none;
}
.card_hovertt .card_cost {
  position: relative;
  font-size: calc(var(--card-width) * 0.07);
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: -300% 0;
}
.card_hovertt .card_badges {
  position: relative;
  flex-direction: row;
}
.card_hovertt .card_effect {
  position: relative;
  top: unset;
  width: unset;
  height: unset;
  left: unset;
  background-color: unset;
  font-size: calc(var(--card-width) * 0.07) !important;
}
.card_hovertt .card_initial {
  position: relative !important;
  width: 100%;
  top: unset;
  left: 0;
  font-size: calc(var(--card-width) * 0.07) !important;
}

/*
.card:hover .card_hovertt {
  animation: showme 300ms 1500ms ;
  animation-fill-mode: forwards;
}*/
.award:hover .card_hovertt {
  animation: showme 300ms 1500ms;
  animation-fill-mode: forwards;
}

.milestone:hover .card_hovertt {
  animation: showme 300ms 1500ms;
  animation-fill-mode: forwards;
}

#display_main .card_hovertt {
  width: fit-content;
  height: fit-content;
}

#map_bottom .card_hovertt {
  width: fit-content;
  height: fit-content;
}

.mcompact .corp_effect .card .card_hovertt .token_title {
  font-size: calc(var(--card-width) * 0.04);
}
.mcompact .corp_effect .card .card_hovertt .tt_intertitle {
  font-size: calc(var(--card-width) * 0.04);
}
.mcompact .corp_effect .card .card_hovertt .card_initial {
  display: flex !important;
  font-size: calc(var(--card-width) * 0.04) !important;
}
.mcompact .corp_effect .card .card_hovertt .card_effect {
  top: unset;
  width: unset;
  height: unset;
  left: unset;
  font-size: calc(var(--card-width) * 0.04) !important;
}

.cnt_media.undefined {
  color: red;
}

.corp_effect .card:hover .card_hovertt {
  animation: showmeinplace 300ms 1500ms;
  animation-fill-mode: forwards;
  width: 100%;
  height: 100%;
}

#display_main .card:hover .card_hovertt {
  animation: showme 300ms 1000ms;
  animation-fill-mode: forwards;
}

.mcompact .card .resource {
  width: calc(var(--card-width) * 0.08);
  height: calc(var(--card-width) * 0.08);
  margin-right: 2%;
}
.mcompact .card_resource_holder {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  left: 3%;
  position: absolute;
  top: 50%;
  width: 94%;
  color: black;
  font-size: calc(var(--resourcesize) * 0.8);
  text-shadow: #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;
  font-family: var(--mars-font);
}
.mcompact .card_resource_holder .card_line_holder {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mcompact .card_resource_holder .token_img {
  width: calc(var(--resourcesize) * 0.8);
  height: calc(var(--resourcesize) * 0.8);
  border: 2px solid white;
  background-color: white;
  border-radius: 4px;
}
.mcompact .card_resource_holder .resource_counter::after {
  content: attr(data-resource_counter);
}
.mcompact .card_resource_holder .counter_sep {
  padding-left: calc(var(--resourcesize) * 0.1);
  padding-right: calc(var(--resourcesize) * 0.2);
}
.mcompact .card_resource_holder[data-resource_counter="0"] {
  display: none;
}
.mcompact .card_resource_holder[data-resource_counter="1"] .resource_counter,
.mcompact .card_resource_holder[data-resource_counter="1"] .counter_sep {
  display: none;
}
.mcompact .card_resource_holder .resource {
  display: none;
}
.mcompact .before {
  visibility: hidden;
}
.mcompact .after {
  position: absolute;
  right: calc(var(--card-width) * 0.05);
  top: calc(var(--card-width) * 0.08);
}
.mcompact .card[data-show_calc_vp="1"][data-vp]::after {
  position: absolute;
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.15);
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: calc(var(--card-width) * 0.1);
  line-height: calc(var(--card-width) * 0.15);
  font-family: var(--mars-font);
  content: attr(data-vp);
  border-radius: 50%;
  outline: #e3cc4e 0.15em solid;
  outline-offset: -0.15em;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -1300% 0;
  right: 6%;
  bottom: 14%;
}

@keyframes showme {
  0% {
    visibility: visible;
    transform: translateX(0);
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateX(100%);
  }
}
@keyframes showmeinplace {
  0% {
    visibility: visible;
    transform: translateY(-100%);
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
  }
}
.card_main_6 .card_action_line.card_action_text {
  display: none;
}
.card_main_6 .card_action_line.card_action_icono .groupline {
  text-shadow: none;
  font-size: calc(var(--card-width) * 0.05);
}

.card_main_19 .card_icono {
  height: 63%;
}
.card_main_19 .card_icono .outer_gains {
  justify-content: center;
}

.card_main_22 .card_tt {
  font-size: calc(var(--card-width) * 0.035);
}

.card_main_30 .card_effect .card_icono.icono_prod {
  width: 41%;
}
.card_main_30 .card_effect .card_icono.icono_prod .production_line.cnt_gains {
  flex-wrap: wrap;
}
.card_main_30 .card_effect .card_icono.icono_prod .production_line.cnt_gains .outer_production:nth-child(4) {
  margin-left: 19%;
}

.card_main_33 .card_action_line:first-child, .card_main_34 .card_action_line:first-child, .card_main_157 .card_action_line:first-child {
  flex-direction: column;
  padding-right: 15%;
  width: 85%;
}
.card_main_33 .card_action_text, .card_main_34 .card_action_text, .card_main_157 .card_action_text {
  display: none;
}
.card_main_33 .groupline, .card_main_34 .groupline, .card_main_157 .groupline {
  justify-content: flex-end;
}

.card_main_37 .outer_production {
  padding-left: calc(var(--card-width) * 0.03);
  padding-right: calc(var(--card-width) * 0.03);
}
.card_main_37 .card_tt {
  font-size: calc(var(--card-width) * 0.035);
}

.card_main_43 .card_tt, .card_main_45 .card_tt {
  font-size: calc(var(--card-width) * 0.046);
}

.card_main_52 .card_effect {
  width: 72%;
}

.card_main_59 .card_effect.rows {
  flex-direction: row;
}
.card_main_59 .card_effect.rows .hasvp.card_tt {
  width: 70%;
}

.card_main_64 .card_effect.rows {
  flex-direction: row;
}
.card_main_64 .card_effect.rows .card_icono {
  width: 25%;
}

.card_main_66 .card_icono.icono_gains.cnt_gains {
  display: none;
}
.card_main_66 .card_tt {
  font-family: var(--mars-font);
  font-style: normal;
  font-size: calc(var(--card-width) * 0.06);
  text-align: center;
  text-transform: uppercase;
}

.card_main_68 .card_effect {
  flex-direction: column;
  align-items: center;
}
.card_main_68 .card_effect .card_icono.icono_prod {
  height: 52%;
}

.card_main_71 .card_action {
  flex-direction: row;
}
.card_main_71 .card_effect .card_icono {
  display: none;
}

.card_main_72 .card_effect {
  width: 70%;
}

.card_main_73 .before {
  visibility: revert;
}

.card_main_74 .card_action {
  --resourcesize:calc(var(--card-width) * 0.10);
}
.card_main_74 .card_action .badge {
  width: calc(var(--card-width) * 0.1);
  height: calc(var(--card-width) * 0.1);
}

.card_main_81 .card_effect {
  width: 85%;
}

/* 2 informations on top of each other instead of columns */
.card_main_82 .card_effect, .card_main_83 .card_effect, .card_main_86 .card_effect, .card_main_91 .card_effect, .card_main_92 .card_effect,
.card_main_99 .card_effect, .card_main_102 .card_effect, .card_main_106 .card_effect, .card_main_130 .card_effect, .card_main_132 .card_effect,
.card_main_136 .card_effect, .card_main_137 .card_effect, .card_main_139 .card_effect, .card_main_145 .card_effect, .card_main_148 .card_effect,
.card_main_155 .card_effect, .card_main_159 .card_effect, .card_main_167 .card_effect, .card_main_175 .card_effect, .card_main_207 .card_effect {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.card_main_82 .card_effect .card_icono.icono_prod, .card_main_83 .card_effect .card_icono.icono_prod, .card_main_86 .card_effect .card_icono.icono_prod, .card_main_91 .card_effect .card_icono.icono_prod, .card_main_92 .card_effect .card_icono.icono_prod,
.card_main_99 .card_effect .card_icono.icono_prod, .card_main_102 .card_effect .card_icono.icono_prod, .card_main_106 .card_effect .card_icono.icono_prod, .card_main_130 .card_effect .card_icono.icono_prod, .card_main_132 .card_effect .card_icono.icono_prod,
.card_main_136 .card_effect .card_icono.icono_prod, .card_main_137 .card_effect .card_icono.icono_prod, .card_main_139 .card_effect .card_icono.icono_prod, .card_main_145 .card_effect .card_icono.icono_prod, .card_main_148 .card_effect .card_icono.icono_prod,
.card_main_155 .card_effect .card_icono.icono_prod, .card_main_159 .card_effect .card_icono.icono_prod, .card_main_167 .card_effect .card_icono.icono_prod, .card_main_175 .card_effect .card_icono.icono_prod, .card_main_207 .card_effect .card_icono.icono_prod {
  height: fit-content;
}

.card_main_92 .card_effect {
  width: 72%;
}

.card_main_102 .card_effect .card_icono .outer_production .outer_production {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.card_main_110 .card_action .outer_gains {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.05);
}
.card_main_110 .card_action .card_action_text {
  display: none;
}

.card_main_111 .card_effect .groupline {
  display: none;
}
.card_main_111 .card_effect .card_tt {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.06);
  text-transform: uppercase;
  font-style: revert;
  text-align: center;
}

.card_main_115 .card_effect {
  flex-direction: column;
}
.card_main_115 .card_icono {
  justify-content: center;
  height: fit-content;
}

.card_main_121 .card_effect .plusminus {
  width: calc(var(--card-width) * 0.03);
  margin-top: -3%;
}
.card_main_121 .card_effect .card_icono.icono_gains.cnt_gains {
  display: none;
}
.card_main_121 .card_effect .card_tt {
  display: revert;
}

.card_main_122 .card_tt {
  display: revert;
}

.card_main_123 .card_effect {
  flex-direction: row;
}
.card_main_123 .card_effect .card_icono.icono_gains.cnt_gains {
  display: flex;
  align-items: center;
  height: 100%;
}
.card_main_123 .card_effect .card_tt {
  display: flex;
  align-items: center;
}

.card_main_124 .card_effect .card_icono {
  flex-direction: column;
  height: 70%;
}

.card_main_126 .card_effect .card_icono .production_line.cnt_losses {
  justify-content: space-between;
  width: 83%;
}

.card_main_128 .card_effect {
  flex-direction: row;
  width: 72%;
}
.card_main_128 .card_effect .card_tt {
  font-size: calc(var(--card-width) * 0.04);
}

.card_main_146 .card_tt {
  grid-area: 2/1/3/3;
  display: flex;
  align-items: center;
}
.card_main_146 .card_effect {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr 1fr;
  display: grid;
}

.card_main_149 .card_effect .card_icono.icono_gains {
  display: none;
}
.card_main_149 .card_effect .card_tt {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.06);
  text-transform: uppercase;
  font-style: revert;
  text-align: center;
}

.card_main_135 .card_prereq {
  left: 20%;
}
.card_main_135 .card_prereq .prereq_content .badge {
  width: calc(var(--card-width) * 0.08);
  height: calc(var(--card-width) * 0.08);
}

.card_main_152 .card_effect {
  flex-direction: column;
}
.card_main_152 .card_effect .card_icono.icono_prod {
  height: fit-content;
  justify-content: center;
}

.card_main_165 .card_tt {
  display: none;
}

.card_main_173 .card_action_line.card_action_icono {
  flex-direction: column;
}
.card_main_173 .card_action_line.card_action_icono .groupline {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.05);
  text-transform: uppercase;
  font-style: revert;
  text-align: center;
}
.card_main_173 .card_action_line.card_action_text {
  display: none;
}

.card_main_174 .card_tt {
  font-size: calc(var(--card-width) * 0.04);
}

.card_main_184 .card_effect {
  width: 72%;
}
.card_main_184 .card_tt {
  font-size: calc(var(--card-width) * 0.04);
}

.card_main_188 .card_tt {
  font-size: calc(var(--card-width) * 0.04);
}

.card_main_192 .card_effect .card_icono.icono_gains {
  display: none;
}
.card_main_192 .card_effect .card_tt {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.06);
  text-transform: uppercase;
  font-style: revert;
  text-align: center;
}

.card_main_195 .card_effect .card_icono.icono_gains {
  display: none;
}
.card_main_195 .card_effect .card_tt {
  font-family: var(--mars-font);
  font-size: calc(var(--card-width) * 0.06);
  text-transform: uppercase;
  font-style: revert;
  text-align: center;
}

.card_main_206 .card_effect {
  flex-direction: column;
}

.card_main_207 .card_effect .outer_production {
  display: flex;
}

.card_main_P39 .card_outer_action > .card_action > .card_action_line {
  flex-direction: column;
}

#ebd-body {
  --map-width: calc(var(--localsetting_mapsize)*0.6vh);
  --map-height: calc(var(--map-width)*0.92);
  --stan-width: calc(var(--localsetting_mapsize)*0.145vh);
  --stan-height: calc(var(--stan-width)*0.2);
  --stan-fullheight: calc(var(--stan-width)*1.604095);
}

.mcompact #map_middle {
  display: flex;
  width: calc(var(--map-width) * 1.45);
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-start;
  padding-top: 8%;
}
.mcompact #main_board {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.3vh;
  order: 1;
}
.mcompact #map_top {
  position: absolute;
  width: 100%;
  height: 20%;
}
.mcompact #map_right {
  padding: 1%;
  height: 96%;
}
.mcompact #map_left {
  padding: 0.3%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 96%;
  width: calc(var(--stan-width) * 0.8);
}
.mcompact #map_hexes {
  position: absolute;
  width: 98.1%;
  height: 97.8%;
  top: 1.7%;
  left: 0.75%;
}

#map {
  position: relative;
  width: var(--map-width);
  height: var(--map-height);
}

.map_bg {
  background-image: url("img/map.png");
  width: var(--map-width);
  height: var(--map-height);
  background-size: contain;
  position: absolute;
}

.hex {
  width: calc(var(--map-width) * 0.109);
  height: calc(var(--map-width) * 0.122);
  border-radius: 30%;
  /* outline: 1px solid black;*/
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  transition: 100ms ease-in-out;
}

.map .hex {
  position: absolute;
}

.map_hexes #hex_1_1 {
  left: 1%;
  top: 1%;
}

.map_hexes #hex_1_2 {
  left: 1%;
  top: 11.3%;
}

.map_hexes #hex_1_3 {
  left: 1%;
  top: 21.6%;
}

.map_hexes #hex_1_4 {
  left: 1%;
  top: 31.9%;
}

.map_hexes #hex_1_5 {
  left: 1%;
  top: 42.2%;
}

.map_hexes #hex_1_6 {
  left: 1%;
  top: 52.5%;
}

.map_hexes #hex_1_7 {
  left: 1%;
  top: 62.8%;
}

.map_hexes #hex_1_8 {
  left: 1%;
  top: 73.1%;
}

.map_hexes #hex_1_9 {
  left: 1%;
  top: 83.4%;
}

.map_hexes #hex_2_1 {
  left: 11.9%;
  top: 1%;
}

.map_hexes #hex_2_2 {
  left: 11.9%;
  top: 11.3%;
}

.map_hexes #hex_2_3 {
  left: 11.9%;
  top: 21.6%;
}

.map_hexes #hex_2_4 {
  left: 11.9%;
  top: 31.9%;
}

.map_hexes #hex_2_5 {
  left: 11.9%;
  top: 42.2%;
}

.map_hexes #hex_2_6 {
  left: 11.9%;
  top: 52.5%;
}

.map_hexes #hex_2_7 {
  left: 11.9%;
  top: 62.8%;
}

.map_hexes #hex_2_8 {
  left: 11.9%;
  top: 73.1%;
}

.map_hexes #hex_2_9 {
  left: 11.9%;
  top: 83.4%;
}

.map_hexes #hex_3_1 {
  left: 22.8%;
  top: 1%;
}

.map_hexes #hex_3_2 {
  left: 22.8%;
  top: 11.3%;
}

.map_hexes #hex_3_3 {
  left: 22.8%;
  top: 21.6%;
}

.map_hexes #hex_3_4 {
  left: 22.8%;
  top: 31.9%;
}

.map_hexes #hex_3_5 {
  left: 22.8%;
  top: 42.2%;
}

.map_hexes #hex_3_6 {
  left: 22.8%;
  top: 52.5%;
}

.map_hexes #hex_3_7 {
  left: 22.8%;
  top: 62.8%;
}

.map_hexes #hex_3_8 {
  left: 22.8%;
  top: 73.1%;
}

.map_hexes #hex_3_9 {
  left: 22.8%;
  top: 83.4%;
}

.map_hexes #hex_4_1 {
  left: 33.7%;
  top: 1%;
}

.map_hexes #hex_4_2 {
  left: 33.7%;
  top: 11.3%;
}

.map_hexes #hex_4_3 {
  left: 33.7%;
  top: 21.6%;
}

.map_hexes #hex_4_4 {
  left: 33.7%;
  top: 31.9%;
}

.map_hexes #hex_4_5 {
  left: 33.7%;
  top: 42.2%;
}

.map_hexes #hex_4_6 {
  left: 33.7%;
  top: 52.5%;
}

.map_hexes #hex_4_7 {
  left: 33.7%;
  top: 62.8%;
}

.map_hexes #hex_4_8 {
  left: 33.7%;
  top: 73.1%;
}

.map_hexes #hex_4_9 {
  left: 33.7%;
  top: 83.4%;
}

.map_hexes #hex_5_1 {
  left: 44.6%;
  top: 1%;
}

.map_hexes #hex_5_2 {
  left: 44.6%;
  top: 11.3%;
}

.map_hexes #hex_5_3 {
  left: 44.6%;
  top: 21.6%;
}

.map_hexes #hex_5_4 {
  left: 44.6%;
  top: 31.9%;
}

.map_hexes #hex_5_5 {
  left: 44.6%;
  top: 42.2%;
}

.map_hexes #hex_5_6 {
  left: 44.6%;
  top: 52.5%;
}

.map_hexes #hex_5_7 {
  left: 44.6%;
  top: 62.8%;
}

.map_hexes #hex_5_8 {
  left: 44.6%;
  top: 73.1%;
}

.map_hexes #hex_5_9 {
  left: 44.6%;
  top: 83.4%;
}

.map_hexes #hex_6_1 {
  left: 55.5%;
  top: 1%;
}

.map_hexes #hex_6_2 {
  left: 55.5%;
  top: 11.3%;
}

.map_hexes #hex_6_3 {
  left: 55.5%;
  top: 21.6%;
}

.map_hexes #hex_6_4 {
  left: 55.5%;
  top: 31.9%;
}

.map_hexes #hex_6_5 {
  left: 55.5%;
  top: 42.2%;
}

.map_hexes #hex_6_6 {
  left: 55.5%;
  top: 52.5%;
}

.map_hexes #hex_6_7 {
  left: 55.5%;
  top: 62.8%;
}

.map_hexes #hex_6_8 {
  left: 55.5%;
  top: 73.1%;
}

.map_hexes #hex_6_9 {
  left: 55.5%;
  top: 83.4%;
}

.map_hexes #hex_7_1 {
  left: 66.4%;
  top: 1%;
}

.map_hexes #hex_7_2 {
  left: 66.4%;
  top: 11.3%;
}

.map_hexes #hex_7_3 {
  left: 66.4%;
  top: 21.6%;
}

.map_hexes #hex_7_4 {
  left: 66.4%;
  top: 31.9%;
}

.map_hexes #hex_7_5 {
  left: 66.4%;
  top: 42.2%;
}

.map_hexes #hex_7_6 {
  left: 66.4%;
  top: 52.5%;
}

.map_hexes #hex_7_7 {
  left: 66.4%;
  top: 62.8%;
}

.map_hexes #hex_7_8 {
  left: 66.4%;
  top: 73.1%;
}

.map_hexes #hex_7_9 {
  left: 66.4%;
  top: 83.4%;
}

.map_hexes #hex_8_1 {
  left: 77.3%;
  top: 1%;
}

.map_hexes #hex_8_2 {
  left: 77.3%;
  top: 11.3%;
}

.map_hexes #hex_8_3 {
  left: 77.3%;
  top: 21.6%;
}

.map_hexes #hex_8_4 {
  left: 77.3%;
  top: 31.9%;
}

.map_hexes #hex_8_5 {
  left: 77.3%;
  top: 42.2%;
}

.map_hexes #hex_8_6 {
  left: 77.3%;
  top: 52.5%;
}

.map_hexes #hex_8_7 {
  left: 77.3%;
  top: 62.8%;
}

.map_hexes #hex_8_8 {
  left: 77.3%;
  top: 73.1%;
}

.map_hexes #hex_8_9 {
  left: 77.3%;
  top: 83.4%;
}

.map_hexes #hex_9_1 {
  left: 88.2%;
  top: 1%;
}

.map_hexes #hex_9_2 {
  left: 88.2%;
  top: 11.3%;
}

.map_hexes #hex_9_3 {
  left: 88.2%;
  top: 21.6%;
}

.map_hexes #hex_9_4 {
  left: 88.2%;
  top: 31.9%;
}

.map_hexes #hex_9_5 {
  left: 88.2%;
  top: 42.2%;
}

.map_hexes #hex_9_6 {
  left: 88.2%;
  top: 52.5%;
}

.map_hexes #hex_9_7 {
  left: 88.2%;
  top: 62.8%;
}

.map_hexes #hex_9_8 {
  left: 88.2%;
  top: 73.1%;
}

.map_hexes #hex_9_9 {
  left: 88.2%;
  top: 83.4%;
}

.hex.even {
  margin-left: calc(var(--map-width) * -0.0553);
}

.outer.hex {
  /*  background-color: rgba(128, 128, 128, 0.66);*/
}

#hex_0_1 {
  /*Stanford Torus*/
  left: 1%;
  top: 25%;
  position: absolute;
  display: none;
  pointer-events: none;
}

#hex_0_2 {
  left: 10%;
  top: 5%;
  position: absolute;
}

#hex_0_3 {
  /* left: 7%;
  top: 40%;*/
  top: 2%;
}

.hex_phobos {
  left: 6%;
  top: 13%;
  background-image: url("img/phobos.png");
  position: absolute;
  width: calc(var(--map-width) * 0.14);
  height: calc(var(--map-width) * 0.135);
  background-size: contain;
}

.hex_ganymede {
  position: absolute;
  left: 4%;
  top: 40%;
  background-image: url("img/ganymede.png");
  width: calc(var(--map-width) * 0.109);
  height: calc(var(--map-width) * 0.125);
  background-size: contain;
}

.hex:hover {
  background-color: rgba(255, 255, 0, 0.4);
}

.hex.active_slot {
  background-color: rgba(86, 207, 110, 0.4);
}

.hex.active_slot:hover {
  background-color: rgb(86, 207, 110);
}

.map .tile {
  position: absolute;
}

.tile {
  width: calc(var(--map-width) * 0.1085);
  height: calc(var(--map-width) * 0.12);
  background-image: url("img/tiles.png");
  background-size: 1000% 200%;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.tile.tile_2 {
  background-position: 0 0;
}

.tile.tile_1 {
  background-position: -100% 0;
}

.tile.tile_3 {
  background-position: -200% 0;
}

.tile.tile_8 {
  background-position: -300% 0;
}

.tile.tile_67 {
  background-position: -800% 0;
}

.tile.tile_85 {
  background-position: -400% 0;
}

.tile.tile_128 {
  background-position: -500% 0;
}

.tile.tile_123 {
  background-position: -600% 0;
}

.tile.tile_140 {
  background-position: -700% 0;
}

.tile.tile_5 {
  background-position: -800% 0;
}

.tile.tile_142 {
  background-position: -900% 0;
}

.tile.tile_44 {
  background-position: 0 -100%;
}

.tile.tile_natural {
  background-position: 0 -100%;
}

.tile.tile_97 {
  background-position: -100% -100%;
}

.tile.tile_199 {
  background-position: -200% -100%;
}

.tile .marker {
  position: absolute;
  top: 30%;
  left: 30%;
}

#map_bottom {
  display: flex;
  width: 100%;
  font-size: calc(var(--map-width) * 0.02);
}

#main_awards,
#main_milestones {
  width: 48%;
  display: flex;
  flex-direction: column;
  height: calc(var(--map-height) * 0.15);
  /*background: linear-gradient(135deg, rgba(51,51,51,1) 0%, rgba(225,225,225,1) 24%, rgba(158,158,158,1) 82%, rgba(225,225,225,1) 100%);
    border: 0.4vh solid #938989;
      border-radius: 30% 30% 0 0;
       width: fit-content;
   */
  padding: 0.3vh;
  background-image: url("img/awards_back.png");
  background-size: cover;
  position: relative;
}
#main_awards .marker,
#main_milestones .marker {
  top: 5%;
  left: 35%;
}

.map_milesawardscontent {
  display: flex;
  flex-wrap: wrap;
  height: 62%;
  top: 18%;
  position: relative;
}

.milestone,
.award {
  width: calc(var(--map-width) * 0.138);
  height: calc(var(--map-width) * 0.08);
  background-image: url("img/milestones_awards.png");
  background-size: 500% 200%;
  position: relative;
}

.award_1 {
  background-position: -200% 0;
}

.award_2 {
  background-position: 0 0;
}

.award_3 {
  background-position: -100% 0;
}

.award_4 {
  background-position: -300% 0;
}

.award_5 {
  background-position: -400% 0;
}

.milestone_1 {
  background-position: 0% -100%;
}

.milestone_2 {
  background-position: -100% -100%;
}

.milestone_3 {
  background-position: -200% -100%;
}

.milestone_4 {
  background-position: -300% -100%;
}

.milestone_5 {
  background-position: -400% -100%;
}

.milestone_label {
  bottom: 3%;
  position: absolute;
  width: 89%;
  left: 6%;
  text-align: center;
  text-transform: uppercase;
  font-size: calc(var(--map-width) * 0.017);
}

.award_label {
  bottom: -4%;
  position: absolute;
  width: 89%;
  left: 6%;
  text-align: center;
  font-family: var(--awards-font);
  font-size: calc(var(--map-width) * 0.027);
}

.map_milesawardsheader {
  display: flex;
  justify-content: space-evenly;
  position: relative;
  top: 7%;
}
.map_milesawardsheader .milesawardsgains {
  width: 25%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.map_milesawardsheader .milesawardsgains .card_vp {
  position: relative;
  margin-left: 5%;
  width: calc(var(--map-width) * 0.04);
  height: calc(var(--map-width) * 0.04);
}
.map_milesawardsheader .milesawardscosts {
  width: 25%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.map_milesawardsheader .milesawardscosts .token_img {
  position: relative;
  --resourcesize: calc(var(--map-width) * 0.03);
  margin-right: 5%;
  font-weight: normal;
}
.map_milesawardsheader .milesawardscosts .token_img[data-striked="1"] {
  filter: grayscale(1) opacity(0.7);
}
.map_milesawardsheader .milesawardsprogress {
  position: absolute;
  width: calc(var(--map-width) * 0.04);
  height: calc(var(--map-width) * 0.04);
  background: orange;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--map-width) * 0.03);
  right: 0;
  cursor: help;
  border: calc(var(--map-width) * 0.001) solid black;
}

.map_title {
  /*background-color: #EE6F10;

  border: 0.4vh solid #938989;
  width: fit-content;
  border-radius: 30% 30% 0 0;
   */
  padding: 0.3vh;
  font-family: var(--mars-font);
  text-transform: uppercase;
}

#temperature_map {
  position: relative;
  height: 100%;
  width: calc(var(--map-width) * 0.157);
  background-image: url("img/temperature.png");
  background-size: cover;
  transform-origin: right;
}

.temperature_scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.temperature_scale_item {
  position: absolute;
  height: 4%;
  width: 100%;
  justify-content: center;
  display: none;
  align-items: center;
}

.temperature_scale_item::after {
  content: attr(data-val);
}

#temperature_map .tracker_t {
  position: absolute;
  height: 3%;
  width: 29%;
  box-shadow: #ffcb00 0px 0px 0px 3px;
  left: 42%;
  transition: 600ms all;
  background-image: unset;
}
#temperature_map .tracker_t::after {
  content: revert;
}
#temperature_map .tracker_t[data-state="-30"] {
  bottom: 1%;
  height: 12%;
  width: 68%;
  left: 24%;
  border-radius: 50%;
}
#temperature_map .tracker_t[data-state="-28"] {
  bottom: 12.8%;
}
#temperature_map .tracker_t[data-state="-26"] {
  bottom: 17.3%;
}
#temperature_map .tracker_t[data-state="-24"] {
  bottom: 21.8%;
}
#temperature_map .tracker_t[data-state="-22"] {
  bottom: 26.3%;
}
#temperature_map .tracker_t[data-state="-20"] {
  bottom: 30.8%;
}
#temperature_map .tracker_t[data-state="-18"] {
  bottom: 35.3%;
}
#temperature_map .tracker_t[data-state="-16"] {
  bottom: 39.8%;
}
#temperature_map .tracker_t[data-state="-14"] {
  bottom: 44.3%;
}
#temperature_map .tracker_t[data-state="-12"] {
  bottom: 48.8%;
}
#temperature_map .tracker_t[data-state="-10"] {
  bottom: 53.3%;
}
#temperature_map .tracker_t[data-state="-8"] {
  bottom: 57.8%;
}
#temperature_map .tracker_t[data-state="-6"] {
  bottom: 62.3%;
}
#temperature_map .tracker_t[data-state="-4"] {
  bottom: 66.8%;
}
#temperature_map .tracker_t[data-state="-2"] {
  bottom: 71.3%;
}
#temperature_map .tracker_t[data-state="0"] {
  bottom: 75.8%;
}
#temperature_map .tracker_t[data-state="2"] {
  bottom: 80.3%;
}
#temperature_map .tracker_t[data-state="4"] {
  bottom: 84.8%;
}
#temperature_map .tracker_t[data-state="6"] {
  bottom: 89.3%;
}
#temperature_map .tracker_t[data-state="8"] {
  bottom: 93.8%;
}

#oxygen_map {
  /* gfx ratio : 0.2815315*/
  position: absolute;
  width: var(--map-width);
  height: calc(var(--map-width) * 0.2815315);
  /* border: 1px solid red;
  background: linear-gradient(90deg, rgb(180, 105, 0) 0%, rgb(238, 223, 120) 75%, rgba(0,255,252,1) 100%);*/
  background-image: url("img/oxygen.png");
  background-size: cover;
  top: -65%;
  pointer-events: none;
  left: 16.5%;
  transform-origin: top;
}

.oxygen_scale {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oxygen_scale_item {
  position: absolute;
  width: 4%;
  height: 14%;
  justify-content: center;
  display: flex;
  align-items: center;
}

#oxygen_map .tracker_o {
  position: absolute;
  width: 4%;
  height: 14%;
  box-shadow: #ffcb00 0px 0px 0px 3px;
  border-radius: 50%;
  transition: 600ms all;
  padding: 0.3%;
  background-image: unset;
  background-position: unset;
}
#oxygen_map .tracker_o::after {
  content: revert;
}
#oxygen_map .oxygen_scale_item[data-val="0"] {
  left: 6%;
  top: 64%;
}
#oxygen_map .oxygen_scale_item[data-val="1"] {
  left: 11%;
  top: 51%;
}
#oxygen_map .oxygen_scale_item[data-val="2"] {
  left: 16.5%;
  top: 36%;
}
#oxygen_map .oxygen_scale_item[data-val="3"] {
  left: 22%;
  top: 26%;
}
#oxygen_map .oxygen_scale_item[data-val="4"] {
  left: 29%;
  top: 17%;
}
#oxygen_map .oxygen_scale_item[data-val="5"] {
  left: 34.5%;
  top: 11%;
}
#oxygen_map .oxygen_scale_item[data-val="6"] {
  left: 41%;
  top: 7%;
}
#oxygen_map .oxygen_scale_item[data-val="7"] {
  left: 47.5%;
  top: 6%;
}
#oxygen_map .oxygen_scale_item[data-val="8"] {
  left: 54%;
  top: 7%;
}
#oxygen_map .oxygen_scale_item[data-val="9"] {
  left: 60%;
  top: 11%;
}
#oxygen_map .oxygen_scale_item[data-val="10"] {
  left: 67%;
  top: 17%;
}
#oxygen_map .oxygen_scale_item[data-val="11"] {
  left: 72.5%;
  top: 24.5%;
}
#oxygen_map .oxygen_scale_item[data-val="12"] {
  left: 78.5%;
  top: 35%;
}
#oxygen_map .oxygen_scale_item[data-val="13"] {
  left: 84%;
  top: 48%;
}
#oxygen_map .oxygen_scale_item[data-val="14"] {
  left: 89.5%;
  top: 63%;
}
#oxygen_map .tracker_o[data-state="0"] {
  display: revert;
  opacity: 1;
  left: 6%;
  top: 64%;
}
#oxygen_map .tracker_o[data-state="1"] {
  left: 10.5%;
  top: 50%;
}
#oxygen_map .tracker_o[data-state="2"] {
  left: 16.5%;
  top: 36%;
}
#oxygen_map .tracker_o[data-state="3"] {
  left: 22%;
  top: 25%;
}
#oxygen_map .tracker_o[data-state="4"] {
  left: 28.5%;
  top: 17%;
}
#oxygen_map .tracker_o[data-state="5"] {
  left: 34.5%;
  top: 11%;
}
#oxygen_map .tracker_o[data-state="6"] {
  left: 40.7%;
  top: 7%;
}
#oxygen_map .tracker_o[data-state="7"] {
  left: 47%;
  top: 5.5%;
}
#oxygen_map .tracker_o[data-state="8"] {
  left: 53.5%;
  top: 7%;
}
#oxygen_map .tracker_o[data-state="9"] {
  left: 60%;
  top: 10%;
}
#oxygen_map .tracker_o[data-state="10"] {
  left: 66.5%;
  top: 16%;
}
#oxygen_map .tracker_o[data-state="11"] {
  left: 72%;
  top: 24%;
}
#oxygen_map .tracker_o[data-state="12"] {
  left: 78.3%;
  top: 34%;
}
#oxygen_map .tracker_o[data-state="13"] {
  left: 84%;
  top: 46%;
}
#oxygen_map .tracker_o[data-state="14"] {
  left: 89%;
  top: 62%;
}

/*standard projects*/
#standard_projects_area {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: calc(var(--stan-width));
  background-image: url("img/stanproj_hold.png");
  background-size: contain;
  position: absolute;
}

#display_main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* background: linear-gradient(135deg, rgba(51,51,51,1) 0%, rgba(225,225,225,1) 24%, rgba(158,158,158,1) 82%, rgba(225,225,225,1) 100%);
  border:calc(var(--stan-width) * 0.01) solid #938989;*/
  width: var(--stan-width);
  height: var(--stan-fullheight);
}

.standard_projects_title {
  font-family: var(--mars-font);
  font-size: calc(var(--stan-width) * 0.06);
}

/* standard projects */
#display_main .card {
  width: var(--stan-width);
  height: var(--stan-height);
  /* border: black solid 1px; */
  border-radius: 10em;
  box-shadow: revert;
  background: revert;
  font-size: calc(var(--stan-width) * 0.07);
  position: absolute;
}
#display_main .card .infobox {
  left: -0.6em;
  top: 0.2em;
  bottom: revert;
  right: revert;
  opacity: 0.4;
  color: white;
}

#display_main_info {
  top: 0.2em;
  left: -0.6em;
  bottom: revert;
  right: revert;
  opacity: 0.4;
  color: white;
}

.card .standard_projects_title {
  /*
  background: gold;
  */
  position: absolute;
  top: 22%;
  right: 1%;
  width: 44%;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  /*
  border-radius: calc(var(--stan-width) * 0.08);
  padding: calc(var(--stan-width) * 0.01) calc(var(--stan-width) * 0.03);
  border: calc(var(--stan-width) * 0.01) solid black;
  */
}

#standard_projects_title_zone {
  /*
    background: linear-gradient(135deg, rgba(51,51,51,1) 0%, rgba(225,225,225,1) 24%, rgba(158,158,158,1) 82%, rgba(225,225,225,1) 100%);
    width: calc(var(--stan-width) * 0.9);
    border-radius: 30% 30% 0 0;
    padding: calc(var(--stan-width) * 0.04);
    */
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 3%;
  left: 11%;
  width: 64%;
  height: 6%;
}
#standard_projects_title_zone .standard_projects_title {
  display: flex;
  justify-content: center;
}

#card_stanproj_1 {
  top: 13%;
}
#card_stanproj_1 .standard_projects_title {
  width: 44%;
}
#card_stanproj_1 .stanp_cost {
  left: 36%;
}

#card_stanproj_2 {
  top: 27.4%;
}
#card_stanproj_2 .standard_projects_title {
  width: 39%;
}

#card_stanproj_3 {
  top: 41%;
}
#card_stanproj_3 .standard_projects_title {
  width: 39%;
}

#card_stanproj_4 {
  top: 55.2%;
}
#card_stanproj_4 .standard_projects_title {
  width: 39%;
}

#card_stanproj_5 {
  top: 69%;
}
#card_stanproj_5 .standard_projects_title {
  width: 39%;
}

#card_stanproj_6 {
  top: 83.5%;
}
#card_stanproj_6 .standard_projects_title {
  width: 29%;
}

#card_stanproj_7 {
  top: 99%;
}
#card_stanproj_7 .bg_gray {
  width: 86%;
  background: linear-gradient(105deg, rgb(197, 197, 198) 0%, rgb(197, 197, 198) 55%, rgb(57, 58, 58) 100%);
  position: absolute;
  height: 100%;
  left: 0.5%;
}
#card_stanproj_7 .tracker_m {
  font-weight: normal;
  left: 3.5%;
}
#card_stanproj_7 .tracker_tr {
  position: absolute;
  left: 35%;
  top: 5%;
}
#card_stanproj_7 .action_arrow {
  position: absolute;
  top: 2%;
  left: 21.5%;
  width: 13%;
}
#card_stanproj_7 .standard_projects_title {
  right: -1%;
  overflow: hidden;
  white-space: nowrap;
  width: fit-content;
  background-color: #f3a929;
  border-radius: 7.5em;
  padding: 0.2% 2% 0.2% 2%;
  border: 1px solid #aaa;
}

#standard_projects_area .active_slot.card {
  box-shadow: 0px 0px 0px 3px #ff9800 !important;
}

#counter_display_main {
  display: none;
}

#display_main .card_info_box {
  display: none;
}

.stanp_decor {
  /*
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 130%;*/
  position: absolute;
  width: 100%;
  height: 100%;
}

.stanp_cost {
  position: relative;
  /*
   background-image: url("img/icons.png");
    background-size: 1400% 200%;
      background-position: -900% 0;
  */
  width: calc(var(--stan-width) * 0.14);
  height: calc(var(--stan-width) * 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--mars-font);
  font-size: calc(var(--stan-width) * 0.1);
  left: 5%;
  top: 12%;
}

.stanp_cost.discounted {
  color: #bef983;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  outline: calc(var(--card-width) * 0.025) solid #bef983;
  border-radius: calc(var(--card-width) * 0.02);
}

.stanp_arrow {
  position: relative;
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  width: calc(var(--stan-width) * 0.2);
  height: calc(var(--stan-width) * 0.2);
  background-position: -300% 0;
}

.stanp_action {
  height: calc(var(--stan-width) * 0.25);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: calc(var(--stan-width) * 0.03);
  width: calc(var(--stan-width) * 0.3);
}

.stanp_decor .outer_production {
  width: calc(var(--stan-width) * 0.25);
  height: calc(var(--stan-width) * 0.25);
}

.stanp_decor {
  --resourcesize: calc(var(--stan-width) * 0.17);
}
.stanp_decor .token_img {
  margin-right: revert;
  font-family: var(--mars-font);
  font-size: calc(var(--resourcesize) * 0.6);
}
.stanp_decor .tile {
  width: calc(var(--stan-width) * 0.25);
  height: calc(var(--stan-width) * 0.25);
}
.stanp_decor .tracker {
  position: relative;
  width: calc(var(--stan-width) * 0.25);
  height: calc(var(--stan-width) * 0.25);
  flex-shrink: 0;
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
}

.outer_generation {
  top: -55%;
  right: 12%; /*8%*/
  position: absolute;
  width: calc(var(--map-width) * 0.1);
  height: calc(var(--map-width) * 0.1);
  color: white;
  font-size: calc(var(--map-width) * 0.05);
  transform-origin: top right;
}
.outer_generation .tracker_gen {
  position: absolute;
  top: 0;
  width: 75%;
  height: 75%;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  left: 12.5%;
  box-shadow: 0 0 0 calc(var(--map-width) * 0.006) rgba(255, 0, 0, 0.4392156863);
  clip-path: unset;
}
.outer_generation .generation_bottom {
  width: 100%;
  height: 25%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  justify-content: center;
}
.outer_generation .generation_bottom #generation_text {
  font-size: calc(var(--map-width) * 0.03);
}

.outer_scoretracker {
  top: -55%;
  right: 4%;
  position: absolute;
  width: calc(var(--map-width) * 0.1);
  height: calc(var(--map-width) * 0.1);
  color: white;
  font-size: calc(var(--map-width) * 0.05);
  display: flex;
  cursor: help;
}
.outer_scoretracker .fa {
  position: absolute;
  top: 15%;
  width: 75%;
  height: 75%;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  left: 12.5%;
}
.outer_scoretracker .generation_bottom {
  width: 100%;
  height: 25%;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  justify-content: center;
}
.outer_scoretracker .generation_bottom #scoretracker_text {
  font-size: calc(var(--map-width) * 0.03);
}

#discard_title {
  /* cursor: pointer;*/
}

#card_dlg_content {
  position: relative;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin-top: 33px;
}
#card_dlg_content .counter {
  position: absolute;
  display: none;
}
#card_dlg_content .card {
  opacity: 1;
  position: relative;
  color: black;
  margin-right: 4px;
  margin-bottom: 4px;
}

.twoplayers #milestone_award_gain_2 {
  display: none;
}

.solo_game #standard_projects_area {
  bottom: 5%;
  left: 2%;
}

.reveal {
  width: var(--card-width);
  height: var(--card-height);
  position: absolute;
  top: 0px;
  z-index: 30;
  pointer-events: none;
}

#decks_area .reveal .card {
  width: var(--card-width);
  height: var(--card-height);
}

.terraforming_complete {
  background: #c41010;
  font-family: var(--mars-font);
  color: #ffe188;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: larger;
}

.miniboard {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  --resourcesize:30px;
  --pb_cellsize: 75px;
}

.miniboard > * {
  display: flex;
  justify-content: normal;
  align-items: center;
  font-weight: bold;
  order: 99;
}

.token_img {
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  width: var(--resourcesize);
  height: var(--resourcesize);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.player_boards .token_img {
  margin-right: 4px;
}

.playerboard_produce .token_img {
  width: var(--producesize);
  height: var(--producesize);
}

.outer_tracker_m {
  order: 0;
}

.outer_tracker_pm {
  order: 1;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_s {
  order: 2;
}

.outer_tracker_ps {
  order: 3;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_u {
  order: 4;
}

.outer_tracker_pu {
  order: 5;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_p {
  order: 6;
}

.outer_tracker_pp {
  order: 7;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_e {
  order: 8;
}

.outer_tracker_pe {
  order: 9;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_h {
  order: 10;
}

.outer_tracker_ph {
  order: 11;
  background-color: rgba(232, 127, 44, 0.43);
}

.outer_tracker_tr {
  order: 12;
}

.token_img.cardback {
  background-position: 0 -100%;
  background-color: black;
  width: calc(var(--resourcesize) * 0.78);
}

.tracker_passed {
  display: none;
  position: absolute;
  top: -17px;
  right: 4px;
  font-size: 12px;
  color: black;
  background-image: none !important;
}

.tracker.tracker_passed::after {
  content: attr(data-name);
}

.tracker_passed[data-state="1"] {
  display: revert;
}

.miniboard.style_2 {
  flex-direction: column;
}
.miniboard.style_2 .playerboard_header {
  display: flex;
  justify-content: space-around;
  width: 100%;
  --resourcesize: 35px;
  margin-top: 5px;
}
.miniboard.style_2 .playerboard_group {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: calc(var(--resourcesize) * 1);
  height: calc(var(--resourcesize) * 2);
  font-family: var(--mars-font);
  position: relative;
  font-size: calc(var(--resourcesize) * 0.55);
  font-weight: normal;
}
.miniboard.style_2 .playerboard_group_img {
  display: flex;
  align-items: center;
  grid-area: 1/1/1/1;
}
.miniboard.style_2 .playerboard_group_img .token_img {
  margin-right: 0;
  opacity: 0.7;
}
.miniboard.style_2 .playerboard_own {
  position: absolute;
  width: 100%;
  height: 50%;
  text-shadow: #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px, #fff 0px 0px 2px;
}
.miniboard.style_2 .playerboard_produce {
  grid-area: 2/1/2/1;
  width: 100%;
}

.playerboard_own .tracker, .playerboard_produce .tracker, .groupline .tracker {
  background-image: unset;
}

.player_score_value {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  width: 24px;
  height: 24px;
  background-position: -1300% 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: 14px;
  line-height: 24px;
  font-family: var(--mars-font);
  cursor: help;
}

.player_score .fa-star {
  display: none;
}

.cardback.counter {
  color: white;
}

.miniboard {
  --pb_cellsize: 39px;
}

.miniboard_tags, .miniboard_entry {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: fit-content;
  position: relative;
  left: unset;
}

.miniboard_tags {
  margin-top: 20px;
}
.miniboard_tags .micon, .miniboard_tags .badge {
  display: none;
}

.miniboard_entry {
  justify-content: space-between;
}

#ebd-body[data-localsetting_showmicon=show] .miniboard_tags .micon {
  display: revert;
}

#ebd-body[data-localsetting_showtags=show] .miniboard_tags .badge {
  display: revert;
}

/*
 * Controls in the top bar
 */
#player_config {
  margin: 10px 0px;
  font-size: small;
}
#player_config #player_config_row {
  display: flex;
  justify-content: space-around;
}
#player_config #player_config_row *:hover {
  opacity: 1;
}
#player_config button {
  background-color: transparent;
}

.fp_holder {
  width: 36px;
}

.mini_counter {
  position: relative;
  width: calc(var(--pb_cellsize) * 1);
  height: calc(var(--pb_cellsize) * 1);
}

.mini_counter::after {
  content: attr(data-state);
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: var(--pb_cellsize);
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: calc(var(--pb_cellsize) * 0.4);
  font-family: "SpaceFont";
}

.playerboard_header .player_tags .badge {
  width: calc(var(--pb_cellsize) * 1);
  height: calc(var(--pb_cellsize) * 1);
  display: flex;
  grid-template-columns: unset;
  grid-column-start: unset;
  margin-right: unset;
  opacity: 0.8;
  position: absolute;
}
.playerboard_header .player_tags .tracker {
  width: calc(var(--pb_cellsize) * 1);
  height: calc(var(--pb_cellsize) * 1);
  display: flex;
  grid-template-columns: unset;
  grid-column-start: unset;
  margin-right: unset;
  opacity: 0.8;
  position: absolute;
}

#settings-controls-container.settingsControlsHidden {
  display: none;
}

#player_board_params {
  display: flex;
  --resourcesize: 35px;
  justify-content: space-between;
  margin-top: 12px;
  padding-right: 1%;
  padding-left: 1%;
}
#player_board_params .params_line {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#player_board_params .params_line .tile {
  width: var(--resourcesize);
  height: var(--resourcesize);
  position: relative;
}

.miniboard_corp_logo {
  position: absolute;
  top: 8px;
  right: 0;
  opacity: 1;
  --card-width: 100px;
}

.miniboard_entry {
  width: calc(100% - 100px);
}

.hand_symbol {
  position: relative;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hand_symbol svg {
  position: absolute;
  width: 32px;
  top: 0;
}
.hand_symbol .counter_hand {
  position: relative;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: calc(var(--pb_cellsize) * 0.4);
  font-family: "SpaceFont";
}

#ebd-body {
  --pb_cellsize: 6vh;
}

.roundedbox.player-board.spectator-mode * {
  background-color: #9E9E9E;
}

.player-board {
  background-color: #9E9E9E;
}

.player-board.roundedboxdisabled {
  background-color: rgba(134, 134, 134, 0.831372549);
}

.mcompact .player_area {
  border: 0.4vh solid var(--plcolor);
  position: relative;
  border-radius: 1vh;
  background: linear-gradient(-35deg, rgba(51, 51, 51, 0.7) 0%, rgba(225, 225, 225, 0.5) 24%, rgba(158, 158, 158, 0.5) 82%, rgba(225, 225, 225, 0.9) 100%);
  --card-count: 1;
  margin-bottom: 1vh;
}
.mcompact .player_area_name {
  /* position: absolute;
      top: 12%;
  */
  top: -6%;
  position: relative;
  font-size: smaller;
  text-overflow: clip;
  overflow: hidden;
  z-index: 1;
  color: var(--plcolor);
  font-family: var(--mars-font);
  left: 0;
  min-width: calc(var(--card-width) * 1);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.3vh solid gray;
  border-radius: 13px;
  background: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5);
  user-select: none;
}
.mcompact .playerboard {
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  --resourcesize: 2em;
  --producesize: 1.6em;
  font-family: var(--mars-font);
  flex-wrap: wrap;
}
.mcompact .playerboard_group {
  position: relative;
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.playerboard_own {
  width: var(--pb_cellsize);
  height: calc(var(--pb_cellsize) * 0.5);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.mini .playerboard_own {
  width: calc(var(--pb_cellsize) * 0.8);
}

.playerboard_produce {
  width: var(--pb_cellsize);
  background-image: url("img/prodtexture.png");
  background-size: 100% 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  color: white;
}

.player_area .playerboard_produce {
  height: calc(var(--pb_cellsize) * 0.5);
}

.mcompact .pboard {
  display: none;
  /* real player board: hide for this layout */
}
.mcompact .player_area .location {
  width: revert;
}

.playerboard_header {
  width: 100%;
  display: flex;
}

.tableau > .counter {
  display: none;
}

.player_tags {
  position: relative;
  display: flex;
  width: 100%;
  height: fit-content;
  flex-wrap: wrap;
  /*  left: 3%;*/
}

.playerboard_header .player_tags .badge,
.playerboard_header .player_tags .tracker {
  position: relative;
  width: calc(var(--pb_cellsize) * 0.6);
  height: calc(var(--pb_cellsize) * 0.6);
}
.playerboard_header .player_tags .tracker.tracker_pdelta::after {
  content: "±" attr(data-state);
}
.playerboard_header .player_tags .tracker.tracker_eru::after,
.playerboard_header .player_tags .tracker.tracker_ers::after {
  content: "1:" attr(data-state);
}

.player_area .player_tags .tracker::after {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #fff 0px 0px 8px, #fff 0px 0px 8px;
  color: white;
  font-size: calc(var(--pb_cellsize) * 0.3);
  font-family: "SpaceFont";
}
.player_area .player_tags .tracker[data-state="0"] {
  display: none;
}
.player_area .player_tags .tracker.tracker_eru[data-state="3"] {
  opacity: 0.2;
}
.player_area .player_tags .tracker.tracker_ers[data-state="2"] {
  opacity: 0.2;
}

.tracker.tile_8 {
  background-position: -400% -100%;
}

.tracker.tile_64 {
  background-position: -600% -100%;
}

.tracker.tile_67 {
  background-position: -600% -100%;
}

.tracker.tile_85 {
  background-position: -700% -100%;
}

.tracker.tile_128 {
  background-position: -900% -100%;
}

.tracker.tile_123 {
  background-position: -1300% -100%;
}

.tracker.tile_140 {
  background-position: -1000% -100%;
}

.tracker.tile_142 {
  background-position: -1100% -100%;
}

.tracker.tile_44 {
  background-position: -500% -100%;
}

.tracker.tile_natural {
  background-position: -500% -100%;
}

.tracker.tile_97 {
  background-position: -800% -100%;
}

.tracker.tile_199 {
  background-position: -1200% -100%;
}

.tracker_tagVenus {
  display: none;
}

.player_controls {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.filter_button {
  border: calc(var(--pb_cellsize) * 0.01) solid black;
  margin-left: 0.5vw;
  font-size: calc(var(--pb_cellsize) * 0.15);
  padding: calc(var(--pb_cellsize) * 0.03);
  border-radius: calc(var(--pb_cellsize) * 0.05);
  cursor: pointer;
  user-select: none;
}

.filter_button.filter_blue {
  background-color: #67b1f1;
}

.filter_button.filter_green {
  background-color: #b5ff82;
}

.filter_button.filter_red {
  background-color: #fcb2b2;
}

.filter_button[data-enabled="1"]::before {
  content: "☑";
}

.filter_button[data-enabled="0"]::before {
  content: "☐";
}

.corp_holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.counters_holder {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: calc(var(--resourcesize) * 17.5);
  width: 100%;
  --resourcesize: 4vh;
  margin-left: 1%;
  margin-top: 0.5%;
}

.corp_effect .card {
  width: calc(var(--card-width) * 0.7);
  height: calc(var(--card-height) * 0.3);
  overflow: hidden;
}
.corp_effect .card .card_initial {
  display: none;
}
.corp_effect .card .card_effect {
  left: 6%;
  top: 54%;
  width: 91%;
}
.corp_effect .card .card_bg {
  width: 220%;
  height: 260%;
  pointer-events: none;
}

.corp_logo {
  width: calc(var(--card-width) * 1);
  height: calc(var(--card-width) * 0.294);
  background-image: url("img/corps_logos.png");
  background-size: 700% 200%;
  background-position: 100% 100%;
}

#page-title .corp_logo {
  --card-width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.corp_logo[data-corp=card_corp_1] {
  background-position: 0 0;
}

.corp_logo[data-corp=card_corp_2] {
  background-position: -100% 0;
}

.corp_logo[data-corp=card_corp_3] {
  background-position: -200% 0;
}

.corp_logo[data-corp=card_corp_4] {
  background-position: -300% 0;
}

.corp_logo[data-corp=card_corp_5] {
  background-position: -400% 0;
}

.corp_logo[data-corp=card_corp_6] {
  background-position: -500% 0;
}

.corp_logo[data-corp=card_corp_7] {
  background-position: -600% 0;
}

.corp_logo[data-corp=card_corp_9] {
  background-position: 0 -100%;
}

.corp_logo[data-corp=card_corp_8] {
  background-position: -100% -100%;
}

.corp_logo[data-corp=card_corp_10] {
  background-position: -200% -100%;
}

.corp_logo[data-corp=card_corp_11] {
  background-position: -300% -100%;
}

.corp_logo[data-corp=card_corp_12] {
  background-position: -400% -100%;
}

.corp_logo[data-corp=card_corp_13] {
  background-position: -500% -100%;
}

.corp_logo[data-corp=card_corp_19],
.corp_logo[data-corp=card_corp_20],
.corp_logo[data-corp=card_corp_21],
.corp_logo[data-corp=card_corp_22],
.corp_logo[data-corp=card_corp_23] {
  background-image: url("img/prelude/pre_corps_logo.png");
  background-size: 500% 100%;
}

.corp_logo[data-corp=card_corp_19] {
  background-position: 0 0%;
}

.corp_logo[data-corp=card_corp_20] {
  background-position: -100% 0%;
}

.corp_logo[data-corp=card_corp_21] {
  background-position: -300% 0%;
}

.corp_logo[data-corp=card_corp_22] {
  background-position: -200% 0%;
}

.corp_logo[data-corp=card_corp_23] {
  background-position: -400% 0%;
}

.corp_effect .card.corp.card_corp_1 .card_title {
  display: none !important;
}

.mcompact {
  /* effects face down */
  /*
     .active_slot .playerboard_group_underbutton {
       display: flex;
       animation: nudge 2000ms infinite ease-in-out;
     }
  */
}
.mcompact .cards_3 .card_badges {
  filter: grayscale(1);
}
.mcompact .player_counters .tr_playerboard {
  width: calc(var(--resourcesize) * 1.3);
  height: calc(var(--resourcesize) * 1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mcompact .player_counters .tr_playerboard .tracker_tr {
  width: calc(var(--resourcesize) * 1.3);
  height: calc(var(--resourcesize) * 1.3);
}
.mcompact .player_counters .tr_playerboard .tracker_tr .tracker:after {
  line-height: var(--pb_cellsize);
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: calc(var(--pb_cellsize) * 0.4);
  font-family: var(--mars-font);
}
.mcompact .player_counters .playerboard_group {
  position: relative;
  width: fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: calc(var(--resourcesize) * 2.2);
  height: calc(var(--resourcesize) * 1);
  font-family: var(--mars-font);
  font-size: calc(var(--resourcesize) * 0.5);
  margin: calc(var(--resourcesize) * 0.06);
}
.mcompact .player_counters .playerboard_group .playerboard_group_img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-area: 1/1/4/2;
}
.mcompact .player_counters .playerboard_group .playerboard_group_img .token_img {
  margin-right: 0;
}
.mcompact .player_counters .playerboard_group .playerboard_produce {
  width: revert;
  height: revert;
  grid-area: 2/2/3/3;
  overflow: hidden;
}
.mcompact .player_counters .playerboard_group .playerboard_own {
  width: revert;
  height: revert;
  background: rgba(255, 255, 255, 0.4901960784);
  grid-area: 1/2/2/3;
  overflow: hidden;
}
.mcompact .player_counters .playerboard_group .player_tags .badge[data-state="0"],
.mcompact .player_counters .playerboard_group .tracker[data-state="0"] {
  display: revert;
}
.mcompact .player_counters .playerboard_own {
  width: var(--pb_cellsize);
  height: calc(var(--pb_cellsize) * 0.5);
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.mcompact .player_counters {
  display: flex;
}
.mcompact .player_counters .playerboard_header .playerboard_group {
  margin: 0;
  font-size: calc(var(--resourcesize) * 0.3);
  font-weight: normal;
}
.mcompact .viewcards_button {
  display: flex;
  width: fit-content;
  height: fit-content;
  background: white;
  border-radius: 3%;
  padding: calc(var(--pb_cellsize) * 0.06);
  cursor: pointer;
  margin-right: calc(var(--pb_cellsize) * 0.06);
}
.mcompact .buttoncard {
  width: calc(var(--pb_cellsize) * 0.3);
  height: calc(var(--pb_cellsize) * 0.4);
  font-size: calc(var(--pb_cellsize) * 0.3);
  border: 1px solid black;
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mcompact .viewcards_button[data-cardtype="0"] .buttoncard {
  background: linear-gradient(135deg, rgb(103, 177, 241) 0%, rgb(181, 255, 130) 50%, rgb(246, 76, 76) 100%);
}
.mcompact .viewcards_button[data-cardtype="1"] .buttoncard {
  background-color: #b5ff82;
}
.mcompact .viewcards_button[data-cardtype="2"] .buttoncard {
  background-color: #67b1f1;
}
.mcompact .viewcards_button[data-cardtype="3"] .buttoncard {
  background-color: #f64c4c;
}
.mcompact .viewcards_button[data-cardtype="4"] {
  display: none;
}
.mcompact .viewcards_button[data-selected="0"] i {
  display: none;
}
.mcompact .viewcards_button[data-selected="1"] .viewcardbutton_counter {
  display: none;
}
.mcompact .tableau .card[data-state="0"] {
  filter: unset;
}
.mcompact .tableau .card[data-state="3"] {
  filter: grayscale(0.9);
}
.mcompact .playerboard_group_underbutton {
  width: calc(var(--resourcesize) * 1);
  height: calc(var(--resourcesize) * 1);
  background: white;
  position: absolute;
  top: -50%;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: small;
}
.mcompact .playerboard_group_underbutton .tracker {
  width: calc(var(--resourcesize) * 0.6);
  height: calc(var(--resourcesize) * 0.6);
}
.mcompact .playerboard_group_underbutton .token_img {
  width: calc(var(--resourcesize) * 0.6);
  height: calc(var(--resourcesize) * 0.6);
}
.mcompact .thisplayer_zone .playerboard_group_img .token_img {
  z-index: 1;
}
.mcompact #ebd-body[data-localsetting_animationamount="3"] .active_slot .playerboard_group_underbutton {
  display: flex;
  animation: nudge 2000ms infinite ease-in-out;
}

.tableau {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5vh;
}

.cardstack_cards_4 {
  order: 1;
}

.cardstack_cards_1 {
  order: 2;
}

.cardstack_cards_3 {
  order: 3;
}

.cardstack_cards_2 {
  order: 4;
}

.cardstack_cards_2a {
  order: 5;
}

/* Not sure why grid - did not work for me
  .tableau {
    display: grid;
    grid-template-columns: 1fr calc(var(--card-width)*1.1);
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    min-height: calc(var(--card-height)*2.1);
  }
*/
@keyframes nudge {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
#generalactions, #gameaction_status_wrap {
  --resourcesize: 30px;
}
#generalactions .token_img, #gameaction_status_wrap .token_img {
  font-family: SpaceFont;
  margin-left: 5px;
}
#generalactions .tracker_m, #gameaction_status_wrap .tracker_m {
  color: black;
}
#generalactions .tracker_s, #gameaction_status_wrap .tracker_s {
  color: white;
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
#generalactions .tracker_u, #gameaction_status_wrap .tracker_u {
  color: white;
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}
#generalactions .tracker_h, #gameaction_status_wrap .tracker_h {
  color: white;
  text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
}

#btn_create_custompay {
  min-height: 30px;
  vertical-align: middle;
}

#custom_paiement {
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom;
  user-select: none;
}

.custom_paiement_inner {
  display: flex;
  align-items: center;
}

.payment_group {
  display: grid;
  grid-template-columns: 1fr 0.4fr 1fr 0.4fr;
  border-radius: 5px;
  margin-left: 4px;
  height: 30px;
  padding: 6px 12px;
  line-height: normal;
  margin-bottom: 2px;
  margin-top: 0;
  background: #e1e1e1;
  position: relative;
}
.payment_group .item_worth {
  position: absolute;
  display: flex;
  --resourcesize: 13px;
  bottom: 1%;
  left: 25%;
}
.payment_group .item_worth .payment_item {
  font-size: 10px;
  font-weight: lighter;
}

.btn_payment_item {
  cursor: pointer;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  align-self: center;
  background: #000;
  color: white;
}

.payment_item_value {
  font-family: var(--mars-font);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

#btn_custompay_send {
  border-radius: 5px;
  margin-left: 5px;
  cursor: pointer;
  display: flex !important;
  align-items: center;
}

/* tooltips */
.midSizeDialog {
  max-width: none;
}

.tooltipimage {
  vertical-align: top;
  display: inline-block;
}

.tooltiptext {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  max-width: 40em;
}

.tooltiptitle {
  font-weight: bold;
  font-size: large;
  text-transform: uppercase;
  width: 100%;
  background-color: rgba(250, 235, 215, 0.3215686275);
}

.tundra .dijitTooltipContainer,
.tooltipcontainer {
  background: white;
  color: black;
}

.tooltip-body {
  width: 100%;
  padding: 10px;
}

.prereq_notmet {
  display: none;
  font-style: italic;
}

.invalid_prereq .prereq_notmet {
  display: block;
}

.mcompact {
  --resourcesize: 6vh;
}

.mfull {
  --resourcesize: 32px;
}

.tooltipimage.tracker {
  width: var(--resourcesize);
  height: var(--resourcesize);
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
}

.tooltipimage.tracker.tracker_eru, .tooltipimage.tracker.tracker_ers {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
}

.tooltipimage.tracker.tracker_pdelta {
  background-image: url("img/p_delta.png");
  background-size: contain;
}

.mcompact .tooltipimage.tracker.tracker_tr {
  display: none;
}
.mcompact .tooltipimage.tracker.tracker_gen {
  display: none;
}
.mcompact .tooltipimage.tracker.tracker_passed {
  display: none;
}
.mcompact .tooltipimage.hex {
  display: none;
}
.mcompact .compact_card_tt {
  display: flex;
  --card-width: 25vh;
  --card-height: calc(var(--card-width)*1.40658174);
}
.mcompact .compact_card_tt.standard_project .card_tooltipimagecontainer {
  display: none;
}
.mcompact .tooltiptitle {
  /*font-size:initial ;*/
  font-size: 1.6vh;
}
.mcompact .card_tooltipcontainer,
.mcompact .award_tooltipcontainer,
.mcompact .milestone_tooltipcontainer,
.mcompact .card_stanproj_1_tooltipcontainer,
.mcompact .card_stanproj_2_tooltipcontainer,
.mcompact .card_stanproj_3_tooltipcontainer,
.mcompact .card_stanproj_4_tooltipcontainer,
.mcompact .card_stanproj_5_tooltipcontainer,
.mcompact .card_stanproj_6_tooltipcontainer {
  font-family: Georgia;
  font-size: 1.6vh;
  padding-left: 1vh;
  max-width: 60vh;
  --map-width: 92vh;
}
.mcompact .card_tooltipcontainer .tooltip-body,
.mcompact .award_tooltipcontainer .tooltip-body,
.mcompact .milestone_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_1_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_2_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_3_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_4_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_5_tooltipcontainer .tooltip-body,
.mcompact .card_stanproj_6_tooltipcontainer .tooltip-body {
  padding: 0;
}
.mcompact .card_tooltipcontainer .tooltiptitle,
.mcompact .award_tooltipcontainer .tooltiptitle,
.mcompact .milestone_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_1_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_2_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_3_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_4_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_5_tooltipcontainer .tooltiptitle,
.mcompact .card_stanproj_6_tooltipcontainer .tooltiptitle {
  display: flex;
  justify-content: center;
  font-family: var(--mars-font);
  font-size: 2vh;
  background-color: rgba(87, 87, 87, 0.32);
}
.mcompact .card_tooltipcontainer .tooltipimage,
.mcompact .award_tooltipcontainer .tooltipimage,
.mcompact .milestone_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_1_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_2_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_3_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_4_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_5_tooltipcontainer .tooltipimage,
.mcompact .card_stanproj_6_tooltipcontainer .tooltipimage {
  display: none;
}
.mcompact .card_tooltipcontainer .infobox,
.mcompact .award_tooltipcontainer .infobox,
.mcompact .milestone_tooltipcontainer .infobox,
.mcompact .card_stanproj_1_tooltipcontainer .infobox,
.mcompact .card_stanproj_2_tooltipcontainer .infobox,
.mcompact .card_stanproj_3_tooltipcontainer .infobox,
.mcompact .card_stanproj_4_tooltipcontainer .infobox,
.mcompact .card_stanproj_5_tooltipcontainer .infobox,
.mcompact .card_stanproj_6_tooltipcontainer .infobox {
  display: none;
}
.mcompact .award_tooltipcontainer,
.mcompact .milestone_tooltipcontainer,
.mcompact .card_stanproj_1_tooltipcontainer,
.mcompact .card_stanproj_2_tooltipcontainer,
.mcompact .card_stanproj_3_tooltipcontainer,
.mcompact .card_stanproj_4_tooltipcontainer,
.mcompact .card_stanproj_5_tooltipcontainer,
.mcompact .card_stanproj_6_tooltipcontainer {
  max-width: 40vh;
}
.mcompact .tt_intertitle {
  text-transform: uppercase;
  font-size: 1.7vh;
  font-family: var(--mars-font);
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: calc(var(--card-width) * 0.07);
  font-family: var(--mars-font);
  background: #ffe9a8;
}
.mcompact .card_tooltipcontainer[data-card-type="1"] .tt_intertitle {
  background: #d0f0bd;
}
.mcompact .card_tooltipcontainer[data-card-type="2"] .tt_intertitle {
  background: #bdd8f0;
}
.mcompact .card_tooltipcontainer[data-card-type="3"] .tt_intertitle {
  background: #f0c3bd;
}
.mcompact .card_tooltipcontainer[data-card-type="4"] .tt_intertitle {
  background: #e9bdf0;
}
.mcompact .tooltipcontainer .tile {
  position: relative;
  width: calc(var(--map-width) * 0.217);
  height: calc(var(--map-width) * 0.24);
}
.mcompact .card_tooltipimagecontainer .tracker.badge {
  position: relative;
  /* width: 7vh;
   height: 7vh;*/
}
.mcompact .card_tooltipimagecontainer .tracker.badge::after {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 7vh;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  color: white;
  font-size: 3.5vh;
  font-family: var(--mars-font);
}

.tooltipcontainer .tt_section.tt_error .card_tt_effect {
  color: red;
  font-style: italic;
}
.tooltipcontainer .invalid_prereq .tt_section.tt_prereq .card_tt_effect {
  color: red;
}
.tooltipcontainer .discounted .tt_section.tt_cost .card_tt_effect {
  text-decoration: line-through;
  color: gray;
}
.tooltipcontainer .discounted .tt_section.tt_cost .card_tt_effect:after {
  content: var(--discount-val);
  text-decoration: revert;
  display: inline-block;
  margin-left: 2%;
  color: #327935;
  font-weight: bold;
}

.mfull #ebd-body {
  --tt-width: calc(var(--localsetting_cardsize) / 100 * 600px);
  --tt-height: calc(var(--tt-width) * 0.688);
}
.mfull #ebd-body .tooltipcontainer {
  background-image: url(img/full/tooltipbg.jpg);
  background-size: calc(var(--tt-width) * 1.2) auto;
}
.mfull #ebd-body .card_tooltipcontainer {
  --card-width: calc(var(--tt-width) * 0.4);
  --card-height: calc(var(--card-width)*1.40658174);
  min-width: var(--tt-width);
  min-height: var(--tt-height);
  font-size: calc(var(--localsetting_cardsize) * 1.2%);
}
.mfull #ebd-body .card_tooltipcontainer .tooltiptext {
  max-width: calc(var(--tt-width) * 0.6 - 25px);
  padding: 10px;
}
.mfull .tt_section > * {
  display: block;
}
.mfull .card_tt_effect {
  margin-left: 10px;
}
.mfull .tt_intertitle {
  text-transform: uppercase;
  font-weight: bold;
}
.mfull .tooltiptitle {
  padding: 6px;
  padding-left: 10px;
}
.mfull .tooltipcontainer,
.mfull .tundra .dijitTooltipContainer {
  border: unset;
  border-radius: unset;
  padding: unset;
  margin: 0;
}
.mfull .tooltipcontainer .discounted .tt_section.tt_cost .card_tt_effect:after {
  color: black;
}

.tt_2cols {
  display: grid;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  height: 100%;
  width: calc(var(--card-width) * 2.1);
}

.tt_2cols.corp {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  height: revert;
  width: calc(var(--card-width) * 1.5);
}

.tt_card_text {
  font-family: sans-serif;
}

.compact_card_tt .token .marker {
  display: none;
}

.localsettings_window {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid gray;
  font-size: smaller;
}

#localsettings_restore {
  float: right;
}

.localsettings_group {
  width: 100%;
  text-align: left;
}

.localsettings_prop_label {
  text-overflow: initial;
  white-space: normal;
  padding: 2px 4px 0px;
}

.prop_choice {
  margin: 0;
}

/*range*/
.localsettings_prop_range {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 5px;
}

.localsettings_prop_button {
  position: relative;
  cursor: pointer;
}

/* User preferences */
#show-settings:hover {
  animation: fa-spin 2s linear;
}

#settings-controls-container {
  position: relative;
  text-align: center;
  border-top: 1px solid gray;
  margin-top: 10px;
}
#settings-controls-container .row-data:not(.custom_pref_pp) {
  border: none;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}
#settings-controls-container .row-data:not(.custom_pref_pp) .row-label {
  width: 100%;
  float: none;
  color: black;
  padding-bottom: 0px;
  text-overflow: initial;
  white-space: normal;
  padding: 2px 4px 0;
  text-align: end;
}
#settings-controls-container .row-data:not(.custom_pref_pp) .row-value {
  min-width: 40%;
  margin: 0;
}
#settings-controls-container .custom_pref_pp {
  border: none;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid gray;
}
#settings-controls-container .custom_pref_pp .row-label {
  width: 100%;
  float: none;
  color: black;
  padding-bottom: 0px;
  text-overflow: initial;
  white-space: normal;
  padding: 2px 4px 0px;
  text-align: center;
}
#settings-controls-container .custom_pref_pp .row-value {
  width: 98%;
  margin: 0;
}

#settings-controls-container-prefs {
  position: relative;
}

#settings-controls-container-prefs::before,
.localsettings_header {
  content: attr(data-name);
  width: 100%;
  position: relative;
  background-color: #e8a33c;
  display: block;
}

/*custom preferences override styling */
.custom_pref {
  background-color: rgba(0, 0, 0, 0.1333333333);
}

.custom_pref_option:hover {
  cursor: pointer;
  outline-style: outset;
  outline-color: gray;
  outline-width: 2px;
}

.custom_pref_option {
  display: flex;
  justify-content: flex-start;
  padding: 2px;
  align-items: center;
  gap: 5px;
}

.custom_pref_option:before {
  content: "\f10c";
  /* .fa-circle-o */
  font-family: FontAwesome;
  font-size: x-large;
  flex-grow: 0;
}

.custom_pref_option[selected=selected]:before {
  /* .fa-checked-circle-o */
  content: "\f05d";
}

.custom_pref_option.pref_mcompact::after {
  content: "";
  position: relative;
  height: 32px;
  width: 32px;
  background-position-x: -500%;
  /* tagSpace */
  background-image: url("img/badges.png");
  background-size: 1300% 100%;
}

.custom_pref_option.pref_mfull::after {
  content: "";
  position: relative;
  height: 32px;
  width: 32px;
  background-position-x: -800%;
  /* tagBuilding */
  background-image: url("img/badges.png");
  background-size: 1300% 100%;
}

.scoretable {
  /*display: table;*/
  display: flex;
  flex-direction: row;
  font-family: var(--mars-font);
  width: fit-content;
  border-radius: 0.5em;
  outline: 0.3em solid #840000;
  border-collapse: separate;
}
.scoretable .marker {
  background-image: url("img/cubes_opaque.png");
  position: absolute;
  opacity: 0.3;
}
.scoretable .card_vp {
  position: relative;
  display: inline-block;
}
.scoretable .scorecol {
  display: flex;
  flex-direction: column;
}
.scoretable .scorecell {
  position: relative;
  display: table-cell;
  padding: 0.5em;
  border-left: 0.1em solid black;
  border-top: 0.1em solid black;
  text-align: center;
  background-color: #F5E9DB;
  height: 1.5em;
}
.scoretable .scorecell[data-position="1"]::after {
  content: "🥇";
}
.scoretable .scorecell[data-position="2"]::after {
  content: "🥈";
}
.scoretable .scoregoal {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #343434;
  font-size: smaller;
}
.scoretable .progress_hist {
  position: absolute;
  width: 100%;
  margin: -0.5em;
  bottom: 0.5em;
}
.scoretable .progress_hist[data-grade=low] {
  background-color: rgba(255, 165, 165, 0.5);
}
.scoretable .progress_hist[data-grade=mid] {
  background-color: rgba(242, 167, 87, 0.5);
}
.scoretable .progress_hist[data-grade=high] {
  background-color: rgba(105, 210, 3, 0.3);
}
.scoretable .progress_hist[data-grade=won] {
  display: none;
}
.scoretable .score_val {
  position: relative;
  z-index: 1;
}
.scoretable .score {
  font-family: "Kanit";
  font-weight: 300;
}
.scoretable .header {
  background-color: #D0AE8C;
}
.scoretable .scoreheader .scorecell {
  text-align: right;
  border-left: none;
}
.scoretable .scorecell.corp {
  height: 1.5em;
}
.scoretable .corp_logo {
  width: 4.5em;
  height: 1.5em;
}

.scorecell.won .scoregoal {
  display: none;
}

#popin_score_dlg {
  background-image: url("img/full/tooltipbg.jpg");
}

.card.cardhelp {
  background-size: 1000% auto;
}

.mfull .card_main_1,
.cardhelp.card_main_1 {
  background-position: 0% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_2,
.cardhelp.card_main_2 {
  background-position: 11.1111111111% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_3,
.cardhelp.card_main_3 {
  background-position: 22.2222222222% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_4,
.cardhelp.card_main_4 {
  background-position: 33.3333333333% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_5,
.cardhelp.card_main_5 {
  background-position: 44.4444444444% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_6,
.cardhelp.card_main_6 {
  background-position: 55.5555555556% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_7,
.cardhelp.card_main_7 {
  background-position: 66.6666666667% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_8,
.cardhelp.card_main_8 {
  background-position: 77.7777777778% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_9,
.cardhelp.card_main_9 {
  background-position: 88.8888888889% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_10,
.cardhelp.card_main_10 {
  background-position: 100% 0%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_11,
.cardhelp.card_main_11 {
  background-position: 0% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_12,
.cardhelp.card_main_12 {
  background-position: 11.1111111111% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_13,
.cardhelp.card_main_13 {
  background-position: 22.2222222222% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_14,
.cardhelp.card_main_14 {
  background-position: 33.3333333333% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_15,
.cardhelp.card_main_15 {
  background-position: 44.4444444444% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_16,
.cardhelp.card_main_16 {
  background-position: 55.5555555556% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_17,
.cardhelp.card_main_17 {
  background-position: 66.6666666667% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_18,
.cardhelp.card_main_18 {
  background-position: 77.7777777778% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_19,
.cardhelp.card_main_19 {
  background-position: 88.8888888889% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_20,
.cardhelp.card_main_20 {
  background-position: 100% 14.2857142857%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_21,
.cardhelp.card_main_21 {
  background-position: 0% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_22,
.cardhelp.card_main_22 {
  background-position: 11.1111111111% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_23,
.cardhelp.card_main_23 {
  background-position: 22.2222222222% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_24,
.cardhelp.card_main_24 {
  background-position: 33.3333333333% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_25,
.cardhelp.card_main_25 {
  background-position: 44.4444444444% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_26,
.cardhelp.card_main_26 {
  background-position: 55.5555555556% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_27,
.cardhelp.card_main_27 {
  background-position: 66.6666666667% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_28,
.cardhelp.card_main_28 {
  background-position: 77.7777777778% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_29,
.cardhelp.card_main_29 {
  background-position: 88.8888888889% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_30,
.cardhelp.card_main_30 {
  background-position: 100% 28.5714285714%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_31,
.cardhelp.card_main_31 {
  background-position: 0% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_32,
.cardhelp.card_main_32 {
  background-position: 11.1111111111% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_33,
.cardhelp.card_main_33 {
  background-position: 22.2222222222% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_34,
.cardhelp.card_main_34 {
  background-position: 33.3333333333% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_35,
.cardhelp.card_main_35 {
  background-position: 44.4444444444% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_36,
.cardhelp.card_main_36 {
  background-position: 55.5555555556% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_37,
.cardhelp.card_main_37 {
  background-position: 66.6666666667% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_38,
.cardhelp.card_main_38 {
  background-position: 77.7777777778% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_39,
.cardhelp.card_main_39 {
  background-position: 88.8888888889% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_40,
.cardhelp.card_main_40 {
  background-position: 100% 42.8571428571%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_41,
.cardhelp.card_main_41 {
  background-position: 0% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_42,
.cardhelp.card_main_42 {
  background-position: 11.1111111111% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_43,
.cardhelp.card_main_43 {
  background-position: 22.2222222222% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_44,
.cardhelp.card_main_44 {
  background-position: 33.3333333333% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_45,
.cardhelp.card_main_45 {
  background-position: 44.4444444444% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_46,
.cardhelp.card_main_46 {
  background-position: 55.5555555556% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_47,
.cardhelp.card_main_47 {
  background-position: 66.6666666667% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_48,
.cardhelp.card_main_48 {
  background-position: 77.7777777778% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_49,
.cardhelp.card_main_49 {
  background-position: 88.8888888889% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_50,
.cardhelp.card_main_50 {
  background-position: 100% 57.1428571429%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_51,
.cardhelp.card_main_51 {
  background-position: 0% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_52,
.cardhelp.card_main_52 {
  background-position: 11.1111111111% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_53,
.cardhelp.card_main_53 {
  background-position: 22.2222222222% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_54,
.cardhelp.card_main_54 {
  background-position: 33.3333333333% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_55,
.cardhelp.card_main_55 {
  background-position: 44.4444444444% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_56,
.cardhelp.card_main_56 {
  background-position: 55.5555555556% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_57,
.cardhelp.card_main_57 {
  background-position: 66.6666666667% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_58,
.cardhelp.card_main_58 {
  background-position: 77.7777777778% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_59,
.cardhelp.card_main_59 {
  background-position: 88.8888888889% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_60,
.cardhelp.card_main_60 {
  background-position: 100% 71.4285714286%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_61,
.cardhelp.card_main_61 {
  background-position: 0% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_62,
.cardhelp.card_main_62 {
  background-position: 11.1111111111% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_63,
.cardhelp.card_main_63 {
  background-position: 22.2222222222% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_64,
.cardhelp.card_main_64 {
  background-position: 33.3333333333% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_65,
.cardhelp.card_main_65 {
  background-position: 44.4444444444% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_66,
.cardhelp.card_main_66 {
  background-position: 55.5555555556% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_67,
.cardhelp.card_main_67 {
  background-position: 66.6666666667% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_68,
.cardhelp.card_main_68 {
  background-position: 77.7777777778% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_69,
.cardhelp.card_main_69 {
  background-position: 88.8888888889% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_70,
.cardhelp.card_main_70 {
  background-position: 100% 85.7142857143%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_71,
.cardhelp.card_main_71 {
  background-position: 0% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_72,
.cardhelp.card_main_72 {
  background-position: 11.1111111111% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_73,
.cardhelp.card_main_73 {
  background-position: 22.2222222222% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_74,
.cardhelp.card_main_74 {
  background-position: 33.3333333333% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_75,
.cardhelp.card_main_75 {
  background-position: 44.4444444444% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_76,
.cardhelp.card_main_76 {
  background-position: 55.5555555556% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_77,
.cardhelp.card_main_77 {
  background-position: 66.6666666667% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_78,
.cardhelp.card_main_78 {
  background-position: 77.7777777778% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_79,
.cardhelp.card_main_79 {
  background-position: 88.8888888889% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_80,
.cardhelp.card_main_80 {
  background-position: 100% 100%;
  background-image: url(img/full/cards1.jpg);
}

.mfull .card_main_81,
.cardhelp.card_main_81 {
  background-position: 0% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_82,
.cardhelp.card_main_82 {
  background-position: 11.1111111111% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_83,
.cardhelp.card_main_83 {
  background-position: 22.2222222222% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_84,
.cardhelp.card_main_84 {
  background-position: 33.3333333333% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_85,
.cardhelp.card_main_85 {
  background-position: 44.4444444444% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_86,
.cardhelp.card_main_86 {
  background-position: 55.5555555556% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_87,
.cardhelp.card_main_87 {
  background-position: 66.6666666667% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_88,
.cardhelp.card_main_88 {
  background-position: 77.7777777778% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_89,
.cardhelp.card_main_89 {
  background-position: 88.8888888889% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_90,
.cardhelp.card_main_90 {
  background-position: 100% 0%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_91,
.cardhelp.card_main_91 {
  background-position: 0% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_92,
.cardhelp.card_main_92 {
  background-position: 11.1111111111% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_93,
.cardhelp.card_main_93 {
  background-position: 22.2222222222% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_94,
.cardhelp.card_main_94 {
  background-position: 33.3333333333% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_95,
.cardhelp.card_main_95 {
  background-position: 44.4444444444% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_96,
.cardhelp.card_main_96 {
  background-position: 55.5555555556% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_97,
.cardhelp.card_main_97 {
  background-position: 66.6666666667% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_98,
.cardhelp.card_main_98 {
  background-position: 77.7777777778% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_99,
.cardhelp.card_main_99 {
  background-position: 88.8888888889% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_100,
.cardhelp.card_main_100 {
  background-position: 100% 14.2857142857%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_101,
.cardhelp.card_main_101 {
  background-position: 0% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_102,
.cardhelp.card_main_102 {
  background-position: 11.1111111111% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_103,
.cardhelp.card_main_103 {
  background-position: 22.2222222222% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_104,
.cardhelp.card_main_104 {
  background-position: 33.3333333333% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_105,
.cardhelp.card_main_105 {
  background-position: 44.4444444444% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_106,
.cardhelp.card_main_106 {
  background-position: 55.5555555556% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_107,
.cardhelp.card_main_107 {
  background-position: 66.6666666667% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_108,
.cardhelp.card_main_108 {
  background-position: 77.7777777778% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_109,
.cardhelp.card_main_109 {
  background-position: 88.8888888889% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_110,
.cardhelp.card_main_110 {
  background-position: 100% 28.5714285714%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_111,
.cardhelp.card_main_111 {
  background-position: 0% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_112,
.cardhelp.card_main_112 {
  background-position: 11.1111111111% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_113,
.cardhelp.card_main_113 {
  background-position: 22.2222222222% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_114,
.cardhelp.card_main_114 {
  background-position: 33.3333333333% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_115,
.cardhelp.card_main_115 {
  background-position: 44.4444444444% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_116,
.cardhelp.card_main_116 {
  background-position: 55.5555555556% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_117,
.cardhelp.card_main_117 {
  background-position: 66.6666666667% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_118,
.cardhelp.card_main_118 {
  background-position: 77.7777777778% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_119,
.cardhelp.card_main_119 {
  background-position: 88.8888888889% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_120,
.cardhelp.card_main_120 {
  background-position: 100% 42.8571428571%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_121,
.cardhelp.card_main_121 {
  background-position: 0% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_122,
.cardhelp.card_main_122 {
  background-position: 11.1111111111% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_123,
.cardhelp.card_main_123 {
  background-position: 22.2222222222% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_124,
.cardhelp.card_main_124 {
  background-position: 33.3333333333% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_125,
.cardhelp.card_main_125 {
  background-position: 44.4444444444% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_126,
.cardhelp.card_main_126 {
  background-position: 55.5555555556% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_127,
.cardhelp.card_main_127 {
  background-position: 66.6666666667% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_128,
.cardhelp.card_main_128 {
  background-position: 77.7777777778% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_129,
.cardhelp.card_main_129 {
  background-position: 88.8888888889% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_130,
.cardhelp.card_main_130 {
  background-position: 100% 57.1428571429%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_131,
.cardhelp.card_main_131 {
  background-position: 0% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_132,
.cardhelp.card_main_132 {
  background-position: 11.1111111111% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_133,
.cardhelp.card_main_133 {
  background-position: 22.2222222222% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_134,
.cardhelp.card_main_134 {
  background-position: 33.3333333333% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_135,
.cardhelp.card_main_135 {
  background-position: 44.4444444444% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_136,
.cardhelp.card_main_136 {
  background-position: 55.5555555556% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_137,
.cardhelp.card_main_137 {
  background-position: 66.6666666667% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_138,
.cardhelp.card_main_138 {
  background-position: 77.7777777778% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_139,
.cardhelp.card_main_139 {
  background-position: 88.8888888889% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_140,
.cardhelp.card_main_140 {
  background-position: 100% 71.4285714286%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_141,
.cardhelp.card_main_141 {
  background-position: 0% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_142,
.cardhelp.card_main_142 {
  background-position: 11.1111111111% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_143,
.cardhelp.card_main_143 {
  background-position: 22.2222222222% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_144,
.cardhelp.card_main_144 {
  background-position: 33.3333333333% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_145,
.cardhelp.card_main_145 {
  background-position: 44.4444444444% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_146,
.cardhelp.card_main_146 {
  background-position: 55.5555555556% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_147,
.cardhelp.card_main_147 {
  background-position: 66.6666666667% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_148,
.cardhelp.card_main_148 {
  background-position: 77.7777777778% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_149,
.cardhelp.card_main_149 {
  background-position: 88.8888888889% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_150,
.cardhelp.card_main_150 {
  background-position: 100% 85.7142857143%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_151,
.cardhelp.card_main_151 {
  background-position: 0% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_152,
.cardhelp.card_main_152 {
  background-position: 11.1111111111% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_153,
.cardhelp.card_main_153 {
  background-position: 22.2222222222% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_154,
.cardhelp.card_main_154 {
  background-position: 33.3333333333% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_155,
.cardhelp.card_main_155 {
  background-position: 44.4444444444% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_156,
.cardhelp.card_main_156 {
  background-position: 55.5555555556% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_157,
.cardhelp.card_main_157 {
  background-position: 66.6666666667% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_158,
.cardhelp.card_main_158 {
  background-position: 77.7777777778% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_159,
.cardhelp.card_main_159 {
  background-position: 88.8888888889% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_160,
.cardhelp.card_main_160 {
  background-position: 100% 100%;
  background-image: url(img/full/cards2.jpg);
}

.mfull .card_main_161,
.cardhelp.card_main_161 {
  background-position: 0% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_162,
.cardhelp.card_main_162 {
  background-position: 11.1111111111% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_163,
.cardhelp.card_main_163 {
  background-position: 22.2222222222% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_164,
.cardhelp.card_main_164 {
  background-position: 33.3333333333% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_165,
.cardhelp.card_main_165 {
  background-position: 44.4444444444% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_166,
.cardhelp.card_main_166 {
  background-position: 55.5555555556% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_167,
.cardhelp.card_main_167 {
  background-position: 66.6666666667% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_168,
.cardhelp.card_main_168 {
  background-position: 77.7777777778% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_169,
.cardhelp.card_main_169 {
  background-position: 88.8888888889% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_170,
.cardhelp.card_main_170 {
  background-position: 100% 0%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_171,
.cardhelp.card_main_171 {
  background-position: 0% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_172,
.cardhelp.card_main_172 {
  background-position: 11.1111111111% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_173,
.cardhelp.card_main_173 {
  background-position: 22.2222222222% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_174,
.cardhelp.card_main_174 {
  background-position: 33.3333333333% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_175,
.cardhelp.card_main_175 {
  background-position: 44.4444444444% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_176,
.cardhelp.card_main_176 {
  background-position: 55.5555555556% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_177,
.cardhelp.card_main_177 {
  background-position: 66.6666666667% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_178,
.cardhelp.card_main_178 {
  background-position: 77.7777777778% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_179,
.cardhelp.card_main_179 {
  background-position: 88.8888888889% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_180,
.cardhelp.card_main_180 {
  background-position: 100% 25%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_181,
.cardhelp.card_main_181 {
  background-position: 0% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_182,
.cardhelp.card_main_182 {
  background-position: 11.1111111111% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_183,
.cardhelp.card_main_183 {
  background-position: 22.2222222222% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_184,
.cardhelp.card_main_184 {
  background-position: 33.3333333333% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_185,
.cardhelp.card_main_185 {
  background-position: 44.4444444444% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_186,
.cardhelp.card_main_186 {
  background-position: 55.5555555556% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_187,
.cardhelp.card_main_187 {
  background-position: 66.6666666667% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_188,
.cardhelp.card_main_188 {
  background-position: 77.7777777778% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_189,
.cardhelp.card_main_189 {
  background-position: 88.8888888889% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_190,
.cardhelp.card_main_190 {
  background-position: 100% 50%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_191,
.cardhelp.card_main_191 {
  background-position: 0% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_192,
.cardhelp.card_main_192 {
  background-position: 11.1111111111% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_193,
.cardhelp.card_main_193 {
  background-position: 22.2222222222% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_194,
.cardhelp.card_main_194 {
  background-position: 33.3333333333% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_195,
.cardhelp.card_main_195 {
  background-position: 44.4444444444% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_196,
.cardhelp.card_main_196 {
  background-position: 55.5555555556% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_197,
.cardhelp.card_main_197 {
  background-position: 66.6666666667% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_198,
.cardhelp.card_main_198 {
  background-position: 77.7777777778% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_199,
.cardhelp.card_main_199 {
  background-position: 88.8888888889% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_200,
.cardhelp.card_main_200 {
  background-position: 100% 75%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_201,
.cardhelp.card_main_201 {
  background-position: 0% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_202,
.cardhelp.card_main_202 {
  background-position: 11.1111111111% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_203,
.cardhelp.card_main_203 {
  background-position: 22.2222222222% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_204,
.cardhelp.card_main_204 {
  background-position: 33.3333333333% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_205,
.cardhelp.card_main_205 {
  background-position: 44.4444444444% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_206,
.cardhelp.card_main_206 {
  background-position: 55.5555555556% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_207,
.cardhelp.card_main_207 {
  background-position: 66.6666666667% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_208,
.cardhelp.card_main_208 {
  background-position: 77.7777777778% 100%;
  background-image: url(img/full/cards3.jpg);
}

.mfull .card_main_P36,
.cardhelp.card_main_P36 {
  background-position: 0% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P37,
.cardhelp.card_main_P37 {
  background-position: 11.1111111111% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P38,
.cardhelp.card_main_P38 {
  background-position: 22.2222222222% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P39,
.cardhelp.card_main_P39 {
  background-position: 33.3333333333% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P40,
.cardhelp.card_main_P40 {
  background-position: 44.4444444444% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P41,
.cardhelp.card_main_P41 {
  background-position: 55.5555555556% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_main_P42,
.cardhelp.card_main_P42 {
  background-position: 66.6666666667% 0%;
  background-image: url(img/prelude/pre_cards.jpg);
}

.mfull .card_prelude_P01,
.cardhelp.card_prelude_P01 {
  background-position: 0% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P02,
.cardhelp.card_prelude_P02 {
  background-position: 20% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P03,
.cardhelp.card_prelude_P03 {
  background-position: 40% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P04,
.cardhelp.card_prelude_P04 {
  background-position: 60% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P05,
.cardhelp.card_prelude_P05 {
  background-position: 80% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P06,
.cardhelp.card_prelude_P06 {
  background-position: 100% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P07,
.cardhelp.card_prelude_P07 {
  background-position: 0% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P08,
.cardhelp.card_prelude_P08 {
  background-position: 20% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P09,
.cardhelp.card_prelude_P09 {
  background-position: 40% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P1,
.cardhelp.card_prelude_P1 {
  background-position: 0% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P2,
.cardhelp.card_prelude_P2 {
  background-position: 20% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P3,
.cardhelp.card_prelude_P3 {
  background-position: 40% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P4,
.cardhelp.card_prelude_P4 {
  background-position: 60% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P5,
.cardhelp.card_prelude_P5 {
  background-position: 80% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P6,
.cardhelp.card_prelude_P6 {
  background-position: 100% 0%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P7,
.cardhelp.card_prelude_P7 {
  background-position: 0% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P8,
.cardhelp.card_prelude_P8 {
  background-position: 20% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P9,
.cardhelp.card_prelude_P9 {
  background-position: 40% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P10,
.cardhelp.card_prelude_P10 {
  background-position: 60% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P11,
.cardhelp.card_prelude_P11 {
  background-position: 80% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P12,
.cardhelp.card_prelude_P12 {
  background-position: 100% 20%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P13,
.cardhelp.card_prelude_P13 {
  background-position: 0% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P14,
.cardhelp.card_prelude_P14 {
  background-position: 20% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P15,
.cardhelp.card_prelude_P15 {
  background-position: 40% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P16,
.cardhelp.card_prelude_P16 {
  background-position: 60% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P17,
.cardhelp.card_prelude_P17 {
  background-position: 80% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P18,
.cardhelp.card_prelude_P18 {
  background-position: 100% 40%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P19,
.cardhelp.card_prelude_P19 {
  background-position: 0% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P20,
.cardhelp.card_prelude_P20 {
  background-position: 20% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P21,
.cardhelp.card_prelude_P21 {
  background-position: 40% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P22,
.cardhelp.card_prelude_P22 {
  background-position: 60% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P23,
.cardhelp.card_prelude_P23 {
  background-position: 80% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P24,
.cardhelp.card_prelude_P24 {
  background-position: 100% 60%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P25,
.cardhelp.card_prelude_P25 {
  background-position: 0% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P26,
.cardhelp.card_prelude_P26 {
  background-position: 20% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P27,
.cardhelp.card_prelude_P27 {
  background-position: 40% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P28,
.cardhelp.card_prelude_P28 {
  background-position: 60% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P29,
.cardhelp.card_prelude_P29 {
  background-position: 80% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P30,
.cardhelp.card_prelude_P30 {
  background-position: 100% 80%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P31,
.cardhelp.card_prelude_P31 {
  background-position: 0% 100%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P32,
.cardhelp.card_prelude_P32 {
  background-position: 20% 100%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P33,
.cardhelp.card_prelude_P33 {
  background-position: 40% 100%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P34,
.cardhelp.card_prelude_P34 {
  background-position: 60% 100%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.mfull .card_prelude_P35,
.cardhelp.card_prelude_P35 {
  background-position: 80% 100%;
  background-image: url(img/prelude/pre_cardsP.jpg);
}

.card_corp_2 {
  background-position: 0% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_3 {
  background-position: 20% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_4 {
  background-position: 40% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_5 {
  background-position: 60% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_6 {
  background-position: 80% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_7 {
  background-position: 100% 0%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_8 {
  background-position: 0% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_9 {
  background-position: 20% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_10 {
  background-position: 40% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_11 {
  background-position: 60% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_12 {
  background-position: 80% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.card_corp_13 {
  background-position: 100% 50%;
  background-image: url(img/full/cardsC.jpg);
}

.mfull .card_corp_19 {
  background-position: 0% 0;
  background-image: url(img/prelude/pre_cardsC.jpg);
  background-size: 600%;
}
.mfull .card_corp_19 .card_decor {
  display: none;
}
.mfull .card_corp_20 {
  background-position: 20% 0;
  background-image: url(img/prelude/pre_cardsC.jpg);
  background-size: 600%;
}
.mfull .card_corp_20 .card_decor {
  display: none;
}
.mfull .card_corp_21 {
  background-position: 40% 0;
  background-image: url(img/prelude/pre_cardsC.jpg);
  background-size: 600%;
}
.mfull .card_corp_21 .card_decor {
  display: none;
}
.mfull .card_corp_22 {
  background-position: 60% 0;
  background-image: url(img/prelude/pre_cardsC.jpg);
  background-size: 600%;
}
.mfull .card_corp_22 .card_decor {
  display: none;
}
.mfull .card_corp_23 {
  background-position: 80% 0;
  background-image: url(img/prelude/pre_cardsC.jpg);
  background-size: 600%;
}
.mfull .card_corp_23 .card_decor {
  display: none;
}

.mfull {
  /** discount */
}
.mfull #ebd-body {
  /* 
  background-image: url("img/full/tooltipbg.jpg"); 
  background-size: contain;
  */
  background-image: unset;
}
.mfull .handy .card[data-discount_cost]::after {
  content: attr(data-discount_cost);
  position: absolute;
  top: 14%;
  left: 6%;
  width: calc(var(--card-width) * 0.12);
  height: calc(var(--card-width) * 0.12);
  line-height: calc(var(--card-width) * 0.12);
  font-size: calc(var(--card-width) * 0.08);
  text-align: center;
  border-radius: 20%;
  color: #bef983;
  text-shadow: #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
  font-family: var(--mars-font);
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: -300% 0;
}
.mfull .player-board {
  background-color: unset;
  background-image: url("img/full/tooltipbg.jpg");
  background-size: contain;
}
.mfull .bgabutton_gray {
  border: none;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5019607843);
  color: #060606;
  text-shadow: none;
}
.mfull #ebd-body {
  --localsetting_mapsize: 100;
  --localsetting_cardsize: 100;
  --map-width: calc(var(--localsetting_mapsize) / 100 * 600px);
  --map-board-with: calc(var(--map-width) * 1.66);
  --map-height: calc(var(--map-width) * 0.92);
  --pb_cellsize: 3.5em;
  --card-width: calc(var(--localsetting_cardsize) / 100 * 160px);
  --card-height: calc(var(--card-width) * 1.40658174);
  --stan-width: calc(var(--map-board-with) * 0.155);
  --stan-height: calc(var(--stan-width) * 0.2);
  --stan-fullheight: calc(var(--stan-width) * 1.604095);
}
.mfull .card_effect {
  font-size: calc(var(--card-width) * 0.1);
}
.mfull .card_decor {
  pointer-events: none;
  display: none;
}
.mfull .corp .card_decor {
  display: block;
}
.mfull #main_board {
  position: relative;
  width: calc(var(--map-board-with));
  height: calc(var(--map-board-with) * 0.849);
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px 1px;
}
.mfull #main_area {
  margin-top: unset;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.mfull #main_board {
  order: 2;
}
.mfull #map_middle {
  position: absolute;
  width: 100%;
  height: 90%;
}
.mfull #map_top {
  position: absolute;
  width: 58%;
  height: 20%;
  left: 23%;
  top: 11%;
}
.mfull #map_bottom {
  width: 100%;
  position: absolute;
  bottom: 6%;
  left: 0%;
  height: 10%;
}
.mfull #map_right {
  padding: 0%;
  position: absolute;
  right: 8%;
  top: 0%;
  height: 100%;
}
.mfull #map_left {
  padding: 0%;
  height: 100%;
  width: 10%;
  left: 7%;
  position: absolute;
}
.mfull #map {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 72%;
}
.mfull #map_hexes {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mfull #oxygen_map {
  position: absolute;
  width: calc(var(--map-width) * 0.88);
  height: calc(var(--map-width) * 0.26);
  background: none;
  top: 0px;
  left: 0px;
}
.mfull #temperature_map {
  position: relative;
  top: 17%;
  height: 72%;
  width: calc(var(--map-width) * 0.157);
  background: none;
}
.mfull #standard_projects_area {
  display: block;
  background: unset;
  top: 59%;
}
.mfull #standard_projects_area .display {
  margin-top: 19%;
  display: block;
}
.mfull .stanp_decor {
  display: none;
}
.mfull #standard_projects_title_zone {
  display: none;
}
.mfull #standard_projects_area .card {
  top: unset !important;
  display: block;
  position: relative;
  margin-bottom: 0.2em;
}
.mfull #main_board .milestone,
.mfull #main_board .award {
  position: relative;
  background: none;
  width: 17%;
  height: 100%;
}
.mfull .map_milesawardsheader,
.mfull .award_label,
.mfull .milestone_label {
  display: none;
}
.mfull #main_awards,
.mfull #main_milestones {
  padding: 0;
  border: none;
  width: 50%;
  background: none;
  position: relative;
}
.mfull #main_awards .marker,
.mfull #main_milestones .marker {
  top: 40%;
  left: 35%;
}
.mfull .map_milesawardscontent {
  position: absolute;
  top: 8%;
  left: 2%;
  width: 100%;
  height: 100%;
}
.mfull #display_milestones {
  left: 13%;
}
.mfull #decks_area {
  display: block;
  position: absolute;
  top: 7%;
  width: var(--stan-width);
  height: var(--stan-height);
  color: white;
}
.mfull .carddeck,
.mfull #discard_main,
.mfull #deck_main {
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: 0 -100%;
  background-color: unset;
  width: calc(var(--map-width) * 0.05);
  height: calc(var(--map-width) * 0.07);
  outline: 1px solid #9E9E9E;
  border-radius: 20%;
}
.mfull .carddeck > .counter {
  position: absolute;
  top: 10%;
}
.mfull .carddeck > .card {
  pointer-events: none;
}
.mfull #deck_main {
  left: 10%;
  position: absolute;
}
.mfull #discard_main {
  left: 40%;
  position: absolute;
}
.mfull .hex_ganymede {
  left: 49%;
  top: 41%;
  background-image: none;
}
.mfull .hex_phobos {
  left: 58%;
  top: 13%;
  background-image: none;
}
.mfull #oceans_pile {
  position: absolute;
  top: 10%;
  left: 76%;
  width: calc(var(--stan-width) * 0.45);
  height: calc(var(--stan-width) * 0.54);
}
.mfull #outer_scoretracker {
  display: none;
}
.mfull #ebd-body #main_board {
  order: 2;
}
.mfull #ebd-body .thisplayer_zone {
  order: 1;
}
.mfull #ebd-body[data-localsetting_mapplacement=first] #main_board {
  order: 1;
}
.mfull #ebd-body[data-localsetting_mapplacement=first] .thisplayer_zone {
  order: 2;
}
.mfull #main_board::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(img/full/TMgameboard.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.mfull .map_bg {
  display: none;
}
.mfull .player_tags .badge::after,
.mfull .player_tags .tracker::after {
  color: white;
}
.mfull .card {
  background-size: 1000% auto;
}
.mfull .pboard {
  width: calc(var(--card-width) * 22.2 / 6.5);
  height: calc(var(--card-height) * 16 / 9);
  background-image: url(img/full/pboard.jpg);
  background-size: contain;
  position: relative;
}
.mfull .resarea {
  position: absolute;
  color: gray;
}
.mfull .resarea::before {
  content: attr(data-state);
  position: absolute;
  top: -6%;
  right: 1%;
}
.mfull .resarea_m {
  width: 36%;
  height: 26%;
  left: 5%;
  top: 7%;
}
.mfull .resarea_s {
  width: 25%;
  height: 26%;
  left: 43%;
  top: 7%;
}
.mfull .resarea_u {
  width: 25%;
  height: 26%;
  left: 69%;
  top: 7%;
  color: #d2cdcd;
}
.mfull .resarea_p {
  width: 31%;
  height: 22%;
  left: 5%;
  top: 71%;
}
.mfull .resarea_e {
  width: 26%;
  height: 22%;
  left: 38%;
  top: 71%;
  color: #d2cdcd;
}
.mfull .resarea_h {
  width: 28%;
  height: 22%;
  left: 66%;
  top: 71%;
}
.mfull .tableau {
  padding: 0.5em;
}
.mfull .cardstack {
  font-size: 14px;
}
.mfull .cardstack .stack_header {
  outline: 1px dashed var(--outlinecolor);
}
.mfull .cardstack .stack_header .stack_header_middle {
  display: none;
}
.mfull .cardstack .stack_sum.cards {
  width: 1.2em;
  height: 1.2em;
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hlcolor);
}
.mfull .cardstack .stack_btn {
  width: 1.2em;
  height: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0.1em;
  color: gray;
}
.mfull .cardstack .stack_btn:hover {
  background-color: rgba(102, 102, 102, 0.3333333333);
}
.mfull .cardstack[data-currentview="0"] {
  height: unset;
}
.mfull .cardstack[data-currentview="0"] .stack_content {
  --overlap: 0.99;
}
.mfull .cardstack[data-currentview="0"] .stack_content .card {
  display: unset;
}
.mfull .cardstack[data-currentview="0"] .stack_content_txt {
  display: none;
}
.mfull .cardstack[data-currentview="1"] .stack_content {
  --overlap: 0.99;
}
.mfull .cardstack[data-currentview="2"] .stack_content {
  --overlap: 0.88;
}
.mfull .cardstack[data-currentview].cardstack_cards_0 .stack_content {
  --overlap: 0;
  --columns: 1;
  max-width: unset;
  max-height: unset;
  padding-top: 0;
}
.mfull .cardstack[data-currentview].cardstack_cards_0 .stack_sum.cards {
  display: none;
}
.mfull .cardstack[data-currentview="0"] .stack_content {
  display: none;
}
.mfull .cardstack[data-currentview="3"].cardstack_cards_4.corp .stack_content {
  row-gap: calc(var(--card-height) * 0.01);
  width: unset;
  min-width: unset;
  overflow: unset;
  max-width: 99.2%;
}
.mfull .cardstack[data-currentview="3"].red .cards_3 .card::after,
.mfull .cardstack[data-currentview="2"].red .cards_3 .card::after {
  content: unset;
}
.mfull .cardstack[data-currentview="1"].corp .stack_content {
  --overlap: 1;
}
.mfull .cardstack[data-currentview="1"].corp .prelude {
  display: none;
}
.mfull .cardstack[data-currentview="0"] .stack_dd_buttons.open {
  left: auto;
  right: auto;
}
.mfull .cards_3 .card::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(img/cardback.jpg);
  background-color: black;
  border-radius: 5%;
  background-size: contain;
}
.mfull .location .card:hover {
  z-index: 10;
  transform: unset;
  transition: all 500ms;
  transition-delay: 500ms;
}
.mfull .location .card {
  transition: all 300ms;
  transition-delay: unset;
}
.mfull .card.corp {
  background-size: 600% auto;
}
.mfull .card_corp_1 {
  background-position: 0 100%;
  background-image: url(img/full/cardsC.jpg);
}
.mfull .card.prelude {
  width: var(--card-height);
  height: var(--card-width);
  background-size: 600% auto;
}
.mfull .card_corp_9 {
  background-position: 0% 50%;
}
.mfull .card_corp_8 {
  background-position: 20% 50%;
}
.mfull #oxygen_map .tracker_o,
.mfull #main_board .tracker_gen,
.mfull #temperature_map .tracker_t {
  width: 64px;
  height: 64px;
  background-image: url(img/resources.png);
  background-position: 30.5% 62%;
  background-size: 5200%;
}
.mfull #main_board .tracker_gen::after {
  display: none;
}
.mfull #oxygen_map .tracker_o {
  position: absolute;
  width: 8%;
  height: 24%;
  box-shadow: unset;
  border-radius: unset;
  padding: 0;
}
.mfull #temperature_map .tracker_t {
  position: absolute;
  height: 7%;
  width: 39%;
  left: 74%;
  box-shadow: unset;
  border-radius: unset;
  padding: 0;
}
.mfull #main_board .tracker_gen {
  position: absolute;
  width: calc(var(--stan-width) * 0.2);
  height: calc(var(--stan-width) * 0.2);
}
.mfull #main_board .tracker_gen[data-state="1"] {
  left: -74%;
  top: 100%;
}
.mfull #main_board .tracker_gen[data-state="2"] {
  left: -74%;
  top: 95.8333333333%;
}
.mfull #main_board .tracker_gen[data-state="3"] {
  left: -74%;
  top: 91.6666666667%;
}
.mfull #main_board .tracker_gen[data-state="4"] {
  left: -74%;
  top: 87.5%;
}
.mfull #main_board .tracker_gen[data-state="5"] {
  left: -74%;
  top: 83.3333333333%;
}
.mfull #main_board .tracker_gen[data-state="6"] {
  left: -74%;
  top: 79.1666666667%;
}
.mfull #main_board .tracker_gen[data-state="7"] {
  left: -74%;
  top: 75%;
}
.mfull #main_board .tracker_gen[data-state="8"] {
  left: -74%;
  top: 70.8333333333%;
}
.mfull #main_board .tracker_gen[data-state="9"] {
  left: -74%;
  top: 66.6666666667%;
}
.mfull #main_board .tracker_gen[data-state="10"] {
  left: -74%;
  top: 62.5%;
}
.mfull #main_board .tracker_gen[data-state="11"] {
  left: -74%;
  top: 58.3333333333%;
}
.mfull #main_board .tracker_gen[data-state="12"] {
  left: -74%;
  top: 54.1666666667%;
}
.mfull #main_board .tracker_gen[data-state="13"] {
  left: -74%;
  top: 50%;
}
.mfull #main_board .tracker_gen[data-state="14"] {
  left: -74%;
  top: 45.8333333333%;
}
.mfull #main_board .tracker_gen[data-state="15"] {
  left: -74%;
  top: 41.6666666667%;
}
.mfull #main_board .tracker_gen[data-state="16"] {
  left: -74%;
  top: 37.5%;
}
.mfull #main_board .tracker_gen[data-state="17"] {
  left: -74%;
  top: 33.3333333333%;
}
.mfull #main_board .tracker_gen[data-state="18"] {
  left: -74%;
  top: 29.1666666667%;
}
.mfull #main_board .tracker_gen[data-state="19"] {
  left: -74%;
  top: 25%;
}
.mfull #main_board .tracker_gen[data-state="20"] {
  left: -74%;
  top: 20.8333333333%;
}
.mfull #main_board .tracker_gen[data-state="21"] {
  left: -74%;
  top: 16.6666666667%;
}
.mfull #main_board .tracker_gen[data-state="22"] {
  left: -74%;
  top: 12.5%;
}
.mfull #main_board .tracker_gen[data-state="23"] {
  left: -74%;
  top: 8.3333333333%;
}
.mfull #main_board .tracker_gen[data-state="24"] {
  left: -74%;
  top: 4.1666666667%;
}
.mfull #main_board .tracker_gen[data-state="25"] {
  left: -74%;
  top: 0%;
}
.mfull .counters_holder {
  width: unset;
}
.mfull .player_tags .badge[data-state="0"],
.mfull .player_tags .tracker[data-state="0"],
.mfull .player_tags .tracker.tracker_eru[data-state="3"],
.mfull .player_tags .tracker.tracker_ers[data-state="2"] {
  opacity: 0.2;
  display: inline-block;
}
.mfull .card_hovertt .card_effect {
  font-size: calc(var(--card-width) * 0.07);
}
.mfull .player_area {
  position: relative;
  width: unset;
  min-width: var(--map-board-with);
  border: unset;
  border-radius: unset;
  background: unset;
  flex-grow: 1;
}
.mfull .thisplayer_zone {
  order: 1;
  flex-grow: 1;
  flex-basis: auto;
  flex-shrink: 1;
}
.mfull .thisplayer_zone ~ .player_area {
  order: 3;
}
.mfull .player_counters {
  display: none;
}
.mfull #players_area {
  display: none;
}
.mfull .playerboard_side_gear::after {
  content: "\f013";
  position: absolute;
  font-family: FontAwesome;
  color: gray;
}
.mfull .playerboard_side_gear:hover::after {
  animation: fa-spin 2s linear;
}
.mfull .player_area .playerboard_header .badge ~ .mini_counter[data-state="0"] {
  opacity: 0.2;
}
.mfull .player_area .playerboard_header .corp_logo {
  display: block;
}
.mfull .player_area .playerboard_controls {
  display: none;
}
.mfull .player_area .player_area_name {
  text-overflow: clip;
  overflow: hidden;
  z-index: 1;
  color: var(--plcolor);
  min-width: calc(var(--card-width) * 1);
  user-select: none;
  padding-left: 1em;
  font-size: x-large;
}
.mfull .corp_holder {
  justify-content: flex-start;
}
.mfull .corp_holder .corp_logo {
  display: none;
}
.mfull .pboard .marker {
  position: absolute;
}
.mfull .marker_pm {
  top: 41%;
  left: 16%;
}
.mfull .marker_ps {
  top: 35%;
  left: 43%;
}
.mfull .marker_pu {
  top: 35%;
  left: 69%;
}
.mfull .marker_pp {
  top: 56%;
  left: 8%;
}
.mfull .marker_pe {
  top: 56%;
  left: 39%;
}
.mfull .marker_ph {
  top: 56%;
  left: 68%;
}
.mfull .res,
.mfull .res_n1 {
  width: calc(var(--card-width) * 20 * 0.005);
  height: calc(var(--card-width) * 20 * 0.005);
  background-color: unset;
  box-shadow: rgba(11, 11, 11, 0.6784313725) 2px 2px 3px 1px;
  margin-top: 3px;
  background-image: url(img/resources.png);
  background-position: 84.3% 99%;
  border-radius: 25%;
  background-size: 2250%;
}
.mfull .res_n5 {
  width: calc(var(--card-width) * 25 * 0.005);
  height: calc(var(--card-width) * 25 * 0.005);
  background-position: 90.3% 99%;
}
.mfull .res_n10 {
  width: calc(var(--card-width) * 30 * 0.005);
  height: calc(var(--card-width) * 30 * 0.005);
  background-position: 98% 99%;
}
.mfull #main_board .res {
  position: absolute;
  top: 25%;
  left: 10%;
}
.mfull .tooltipimage.production {
  outline: 4px solid #b7915e;
  background-color: #b7915e;
  margin-left: 3px;
  margin-right: 3px;
}
.mfull .card[data-state="3"]::before {
  content: "";
  position: absolute;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-color: var(--plcolor);
}
.mfull .hand_sorter {
  position: absolute;
  top: unset;
  bottom: 5px;
  left: 5px;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  background-color: unset;
  color: rgba(0, 0, 0, 0.34);
  border-color: rgba(0, 0, 0, 0.34);
  border-radius: 1vh;
  padding: unset;
  z-index: 30;
  width: unset;
  height: unset;
  justify-content: center;
  align-items: center;
}
.mfull .stack_dd_buttons.open .stack_btn .stack_ddl_label {
  text-align: unset;
  padding-left: 5%;
}
.mfull .ma_selected_menu .stack_ddl_label {
  font-weight: bold;
}
.mfull .switchview {
  margin-right: calc(var(--card-width) * 0.02);
}
.mfull .switchview:hover {
  color: var(--outlinecolor);
  background-color: black;
}
.mfull .hs_direction {
  display: none;
}
.mfull #main_board .marker_tr ~ .marker_tr {
  translate: 50%;
}
.mfull #main_board .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 0% 50%;
}
.mfull #main_board .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 50% 50%;
}
.mfull #main_board .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr ~ .marker_tr {
  translate: 100% 25%;
}

.cardstack {
  --subcount: "0";
  --outlinecolor: lightgray;
  --hlcolor: gray;
  /* transition: all 400ms ease-in;*/
  position: relative;
  user-select: none;
  flex: 0 0 auto;
  max-width: 100%;
}
.cardstack .stack_content_txt {
  position: relative;
  display: none;
  width: 100%;
}
.cardstack .stack_content_txt::after {
  content: ": " var(--subcount);
}
.cardstack .stack_sum.cards::after {
  content: var(--subcount);
  position: relative;
}
.cardstack .stack_sum.cards {
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.2);
  border-radius: 20%;
  background-color: var(--hlcolor);
  text-align: center;
}
.cardstack .stack_header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cardstack .stack_header .stack_header_left {
  width: fit-content;
  padding: 3px;
  display: flex;
  align-items: center;
}
.cardstack .stack_header .stack_header_right {
  width: fit-content;
  padding: 3px;
  display: flex;
  align-items: center;
}
.cardstack .stack_header .stack_header_middle {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.mcompact .tableautoprow {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.mcompact .cardstack {
  outline: 1px dashed var(--outlinecolor);
  border-radius: calc(var(--card-width) * 0.05);
  margin: calc(var(--card-width) * 0.02) calc(var(--card-width) * 0.09) calc(var(--card-width) * 0.08) calc(var(--card-width) * 0.01);
}
.mcompact .cardstack .stack_header {
  border-radius: calc(var(--card-width) * 0.05);
  background-color: var(--outlinecolor);
}
.mcompact .cardstack .topline {
  display: flex;
  flex-direction: row;
  background-color: var(--outlinecolor);
  padding-left: calc(var(--card-width) * 0.02);
  align-items: center;
}
.mcompact .cardstack .bottomline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  /*height: calc(var(--card-width) * 0.25);*/
  align-items: center;
}
.mcompact .cardstack .stack_sum.cards {
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.18);
  border-radius: 20%;
  outline: 1px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--hlcolor);
  box-shadow: black 1px 1px 0px 1px;
}
.mcompact .cardstack .stack_label {
  /*margin-left: 1vh;*/
  font-size: calc(var(--card-height) * 0.07);
}
.mcompact .cardstack .stack_detail_txt {
  font-size: calc(var(--card-height) * 0.05);
  font-style: italic;
}
.mcompact .cardstack .stack_sum {
  display: none;
}
.mcompact .cardstack .stack_btn {
  width: calc(var(--card-width) * 0.16);
  height: calc(var(--card-width) * 0.16);
  font-size: calc(var(--card-width) * 0.1);
  border-radius: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mcompact .cardstack .stack_dd_buttons .stack_btn {
  width: 98%;
}
.mcompact .cardstack .switchview {
  margin-right: calc(var(--card-width) * 0.02);
}
.mcompact .cardstack .switchview:hover {
  color: var(--outlinecolor);
  background-color: black;
}
.mcompact .cardstack .popout {
  display: none;
}
.mcompact .cardstack .stack_content_txt {
  font-size: calc(var(--card-height) * 0.05);
  font-style: italic;
  color: white;
  width: calc(var(--card-width) * 1);
}
.mcompact .tableautoprow .cardstack {
  width: calc(var(--card-width) * 0.4);
}
.mcompact .tableautoprow .cardstack .stack_header .stack_header_middle {
  display: none;
}
.mcompact .tableautoprow .cardstack .stack_dd_buttons.open {
  right: revert;
}

.cardstack.blue {
  --outlinecolor: var(--card-outline-blue);
  --hlcolor: var(--card-background-blue);
}

.cardstack.red {
  --outlinecolor:var(--card-outline-event);
  --hlcolor: var(--card-background-event);
}

.cardstack.green {
  --outlinecolor: var(--card-outline-green);
  --hlcolor: var(--card-background-green);
}

.stack_content {
  --overlap: 0;
  --cards-in-stack: round(down,(1.5 / (1 - var(--overlap))) + 1, 1);
  --columns: round(up, calc(var(--subcount-n) / var(--cards-in-stack)),1);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  max-height: calc(var(--card-height) * (2.5 - var(--overlap)));
  min-width: calc(var(--card-width) * 1.03 * var(--columns));
  position: relative;
  padding: calc(var(--card-width) * 0.03);
  padding-top: calc(var(--card-height) * var(--overlap) + var(--card-width) * 0.03);
}
.stack_content .card {
  margin-top: calc(var(--card-height) * var(--overlap) * -1);
}
.stack_content .prelude.card {
  margin-top: calc(var(--card-width) * var(--overlap) * -1 * 0.9);
}
.stack_content .corp.card {
  margin-top: calc(var(--card-height) * -1 * var(--overlap));
  margin-bottom: calc(var(--card-width) - (1 - var(--overlap)) * var(--card-width));
}

.mcompact .cardstack[data-currentview="0"] .stack_content {
  min-width: calc(var(--card-width) * 1.03);
}

.cardstack[data-currentview="0"] {
  height: calc(var(--card-width) * 0.2);
}
.cardstack[data-currentview="0"] .stack_content .card {
  display: none;
}
.cardstack[data-currentview="0"] .stack_content_txt {
  display: none;
}

.cardstack[data-currentview="1"] .stack_content {
  min-width: calc(var(--card-width) * 1.03 * var(--columns-synth));
}
.cardstack[data-currentview="1"] .stack_content .active_slot.card {
  box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.5019607843), 0px 0px 0px 3px #ff9800 !important;
  transform: none;
  top: 0px;
  left: 0px;
}

.cardstack[data-currentview="2"] .stack_content {
  --overlap: 0.88;
}

.cardstack[data-currentview="2"].blue .stack_content {
  --overlap: 0.62;
}

.cardstack[data-currentview="3"] .stack_content {
  row-gap: calc(var(--card-height) * 0.01);
  width: calc(var(--card-width) * 1.05 * var(--columns));
  min-width: revert;
  overflow: auto;
  max-width: 99.2%;
}

.cardstack[data-currentview="2"] .stack_content.cards_4 {
  min-width: calc(var(--card-width) * 1.5 * var(--columns));
}

/*
.cardstack[data-currentview="3"] .stack_content.cards_4 {
  width: calc(var(--card-width) * 1.50 * var(--columns));
}*/
.cardstack[data-currentview="2"].red .stack_content_txt, .cardstack[data-currentview="3"].red .stack_content_txt {
  display: block;
  width: calc(var(--card-width) * 1);
}

.mcompact .player_controls {
  display: none;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="2"] {
  background-color: var(--card-background-blue);
  outline: 1px solid var(--card-outline-blue);
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="1"] {
  background-color: var(--card-background-green);
  outline: 1px solid var(--card-outline-green);
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="3"] {
  background-color: var(--card-background-event);
  outline: 1px solid var(--card-outline-event);
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="5"] {
  background-color: var(--card-background-prelude);
  outline: 1px solid var(--card-outline-prelude);
  width: var(--card-width);
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="4"] {
  background-color: var(--card-background-corp);
  outline: 1px solid var(--card-outline-corp);
  background-image: none;
  width: var(--card-width);
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-card-type="4"] .card_effect {
  display: block;
  position: relative;
  top: 0;
  left: 1%;
  width: 98%;
  height: auto;
  font-size: calc(var(--card-width) * 0.06);
  background-image: url("img/cards_bg_2_blue_action_texture.jpg");
  background-size: 100% 100%;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card {
  height: fit-content;
  margin-bottom: calc(var(--card-height) * 0.03);
  padding-bottom: calc(var(--card-height) * 0.03);
  border-radius: 0.25em;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_decor {
  position: relative;
  display: flex;
  flex-direction: column;
  height: fit-content;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_outer_action {
  position: relative;
  top: 0;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_action_bottomdecor, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_action_text {
  display: none;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_resource_holder {
  position: relative;
  margin-top: calc(var(--card-height) * 0.02);
  top: 0;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_badges, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_cost, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_bg, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_illustration, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_effect, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_prereq, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_number, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_number_binary, .mcompact .cardstack[data-currentview="1"] .stack_content .card .card_initial {
  display: none;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_title {
  position: relative;
  top: 0;
  left: 0.5em;
  display: block;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_vp {
  top: 0;
  right: 0;
  bottom: revert;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card .card_vp.vp_custom {
  position: relative;
  margin-top: calc(var(--card-height) * 0.02);
  left: 37%;
}
.mcompact .cardstack[data-currentview="1"] .stack_content .card[data-show_calc_vp="1"][data-vp]::after {
  right: 1%;
  bottom: 2%;
}
.mcompact .stack_dd_buttons_close {
  font-size: 1vh;
}

.stack_dd_buttons {
  display: none;
  opacity: 0;
  transition: all 300ms ease-in;
}

.stack_dd_buttons.open {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 100;
  opacity: 1;
  width: calc(var(--card-width) * 1.06);
  right: 2%;
  top: 100%;
  background: white;
  height: fit-content;
}
.stack_dd_buttons.open .stack_btn {
  width: calc(var(--card-width) * 1.06);
  left: 1%;
  border-radius: 3%;
  margin-bottom: 2%;
  position: relative;
}
.stack_dd_buttons.open .stack_btn .stack_ddl_icon {
  display: inline-block;
  width: 10%;
}
.stack_dd_buttons.open .stack_btn .stack_ddl_label {
  display: inline-block;
  width: 80%;
  text-align: center;
}
.stack_dd_buttons.open .stack_btn:hover {
  color: var(--outlinecolor);
  background-color: black;
}

.stack_dd_buttons_close {
  padding: 2px;
  cursor: pointer;
}

.stack_dd_buttons_close .fa {
  float: right;
}

.ma_selected_menu::after {
  content: "\f00c";
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
}

.mcompact {
  --dpiratio:1;
}
.mcompact #ebd-body.mobile_portrait {
  /*1x defaults */
  --default-map-width: 0.67vw;
  --default-stan-width: 0.17vw;
  --default-card-width: 0.2vw;
  --default-pb_cellsize: 9vw;
  --default-resourcesize: 5vw;
  --map-width: calc(var(--localsetting_mapsize) * var(--default-map-width));
  --stan-width: calc(var(--localsetting_mapsize) * var(--default-stan-width));
  --card-width: calc(var(--localsetting_cardsize) * var(--default-card-width));
  --pb_cellsize: var(--default-pb_cellsize);
}
.mcompact #ebd-body.mobile_portrait .milestone_label {
  bottom: 6%;
  font-size: calc(var(--map-width) * 0.03);
}
.mcompact #ebd-body.mobile_portrait .award_label {
  bottom: -2%;
  font-size: calc(var(--map-width) * 0.05);
}
.mcompact #ebd-body.mobile_portrait .compact_card_tt .milestone_label {
  bottom: 5%;
  font-size: calc(var(--map-width) * 0.017);
  width: 88%;
  left: 4%;
}
.mcompact #ebd-body.mobile_portrait .compact_card_tt .award_label {
  bottom: -3%;
  font-size: calc(var(--map-width) * 0.027);
}
.mcompact #ebd-body.mobile_portrait .counters_holder {
  --resourcesize: var(--default-resourcesize);
  min-width: 0;
}
.mcompact #ebd-body.mobile_portrait .player_counters {
  /* 1X --resourcesize: 7.5vw;*/
  --resourcesize: var(--default-resourcesize);
  flex-wrap: wrap;
}
.mcompact #ebd-body.mobile_portrait .player_controls {
  /* justify-content: flex-start;
   top: 6%;*/
}
.mcompact #ebd-body.mobile_portrait .hand, .mcompact #ebd-body.mobile_portrait .draw, .mcompact #ebd-body.mobile_portrait .draft {
  padding: 6px 6px 6px calc(var(--card-width) * 0.2);
}
.mcompact #ebd-body.mobile_portrait .hand::after, .mcompact #ebd-body.mobile_portrait .draw::after, .mcompact #ebd-body.mobile_portrait .draft::after {
  font-size: calc(var(--card-width) * 0.2);
}
.mcompact #ebd-body.mobile_portrait #map_bottom {
  flex-direction: column;
}
.mcompact #ebd-body.mobile_portrait #main_awards, .mcompact #ebd-body.mobile_portrait #main_milestones {
  width: 97%;
  height: calc(var(--map-height) * 0.28);
  left: 1%;
}
.mcompact #ebd-body.mobile_portrait #main_awards .milestone, .mcompact #ebd-body.mobile_portrait #main_awards .award, .mcompact #ebd-body.mobile_portrait #main_milestones .milestone, .mcompact #ebd-body.mobile_portrait #main_milestones .award {
  width: calc(var(--map-width) * 0.26);
  height: calc(var(--map-width) * 0.15);
}
.mcompact #ebd-body.mobile_portrait #main_awards .map_milesawardsheader, .mcompact #ebd-body.mobile_portrait #main_milestones .map_milesawardsheader {
  top: 10%;
}
.mcompact #ebd-body.mobile_portrait #main_awards .map_milesawardsheader .map_title, .mcompact #ebd-body.mobile_portrait #main_milestones .map_milesawardsheader .map_title {
  font-size: calc(var(--map-width) * 0.04);
}
.mcompact #ebd-body.mobile_portrait #main_awards .map_milesawardsheader .milesawardscosts .token_img, .mcompact #ebd-body.mobile_portrait #main_milestones .map_milesawardsheader .milesawardscosts .token_img {
  --resourcesize: calc(var(--map-width) * 0.06);
  font-size: calc(var(--map-width) * 0.04);
}
.mcompact #ebd-body.mobile_portrait #main_awards .map_milesawardsheader .milesawardsgains .card_vp, .mcompact #ebd-body.mobile_portrait #main_milestones .map_milesawardsheader .milesawardsgains .card_vp {
  width: calc(var(--map-width) * 0.06);
  height: calc(var(--map-width) * 0.06);
  font-size: calc(var(--map-width) * 0.04);
}
.mcompact #ebd-body.mobile_portrait #main_awards .map_milesawardscontent, .mcompact #ebd-body.mobile_portrait #main_milestones .map_milesawardscontent {
  justify-content: center;
}
.mcompact #ebd-body.mobile_portrait #scoretable {
  font-size: smaller;
}
.mcompact #ebd-body.mobile_portrait #scoretable .scorecell {
  padding: 0.2em;
}
.mcompact #ebd-body.mobile_portrait .cardstack[data-currentview="1"] .stack_content {
  min-width: revert;
  width: 100%;
  display: flex;
  flex-direction: row;
  height: fit-content;
}
.mcompact #ebd-body.mobile_portrait .cardstack[data-currentview="2"] .stack_content {
  /* --overlap: 0.88;*/
}
.mcompact #ebd-body.mobile_portrait .cardstack[data-currentview="3"] .stack_content {
  min-width: revert;
  width: 100%;
  overflow: scroll;
  flex-direction: row;
  max-height: revert;
}
.mcompact #ebd-body.mobile_portrait .cardstack .stack_sum.cards {
  width: 4vw;
  height: 5vw;
  font-size: 3vw;
}
.mcompact #ebd-body.mobile_portrait .cardstack .stack_label {
  font-size: 2vw;
}
.mcompact #ebd-body.mobile_portrait .cardstack .stack_detail_txt {
  font-size: 1.5vw;
}
.mcompact #ebd-body.mobile_portrait .cardstack .stack_btn {
  height: 4vw;
  font-size: 2.5vw;
}
.mcompact #ebd-body.mobile_portrait .cardstack .stack_btn.switchview {
  width: 4vw;
  height: 4vw;
  font-size: 3vw;
}
.mcompact #ebd-body.mobile_portrait .stack_dd_buttons_close {
  font-size: 2vw;
}
.mcompact #ebd-body.mobile_portrait #ebd-body[data-localsetting_handplace=floating] #hand_area .hand_sorter {
  left: 12%;
  top: -6%;
  width: calc(var(--card-width) * 0.3);
  height: calc(var(--card-width) * 0.3);
}
.mcompact #ebd-body.mobile_portrait #ebd-body[data-localsetting_handplace=floating] #hand_area .hand_sorter .hs_button {
  font-size: calc(var(--card-width) * 0.2);
  width: calc(var(--card-width) * 0.25);
  height: calc(var(--card-width) * 0.25);
}

html[lang=ko].mcompact .award_label,
html[lang=zh].mcompact .award_label,
html[lang=zh-cn].mcompact .award_label,
html[lang=vi].mcompact .award_label,
html[lang=th].mcompact .award_label,
html[lang=sv].mcompact .award_label,
html[lang=sr].mcompact .award_label,
html[lang=sk].mcompact .award_label,
html[lang=ru].mcompact .award_label,
html[lang=ja].mcompact .award_label,
html[lang=he].mcompact .award_label,
html[lang=he].mcompact .award_label,
html[lang=fa].mcompact .award_label,
html[lang=bg].mcompact .award_label,
html[lang=ar].mcompact .award_label {
  bottom: 3%;
  font-family: var(--mars-font);
  font-size: calc(var(--map-width) * 0.015);
}
html[lang=ko].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=zh].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=zh-cn].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=vi].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=th].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=sv].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=sr].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=sk].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=ru].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=ja].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=he].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=he].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=fa].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=bg].mcompact #ebd-body.mobile_portrait .award_label,
html[lang=ar].mcompact #ebd-body.mobile_portrait .award_label {
  bottom: 4%;
  font-size: calc(var(--map-width) * 0.025);
}

/* latin */
@font-face {
  font-family: "Tangerine";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/tangerine/v17/IurY6Y5j_oScZZow4VOxCZZM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: "SpaceFont";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOBWzVaF5NQ.woff2) format("woff2");
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: "SpaceFont";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOBWoVaF5NQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "SpaceFont";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOBWpVaF5NQ.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "SpaceFont";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOBWnVaE.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*Lighter space font*/
/* latin */
@font-face {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4-ORWnVaE.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
#ebd-body {
  background-image: url("img/space.jpg");
}

#thething {
  display: flex;
  flex-direction: column;
  font-family: var(--mars-font);
  position: relative;
}

#main_area {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  flex-direction: row;
  margin-top: 2vh;
  justify-content: center;
}

#ebd-body #main_board {
  order: 3;
}

#ebd-body .thisplayer_zone {
  order: 1;
}

#ebd-body[data-localsetting_mapplacement=first] #main_board {
  order: 1;
}

#ebd-body[data-localsetting_mapplacement=first] .thisplayer_zone {
  order: 2;
}

#decks_area {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
  height: 10%;
  position: absolute;
  top: 0%;
  width: 22%;
}

.tracker::after, .param::after {
  content: attr(data-state);
  pointer-events: none;
}

#alt_tracker_t {
  content: attr(data-sign) attr(data-state);
}

.playerboard_produce .tracker::after {
  content: attr(data-sign) attr(data-state);
}

#oceans_pile {
  position: absolute;
  clip-path: revert;
  width: calc(var(--stan-width) * 0.309);
  height: calc(var(--stan-width) * 0.35);
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: top left;
}

#oceans_pile .tracker_w {
  /*
  position: absolute;
  top: -11%;
  left: -30%;
  font-size: calc(var(--stan-width) * 0.07);
  border: 1px solid white;
  background: black;
  color: white;
  width: calc(var(--stan-width) * 0.15);
  height: calc(var(--stan-width) * 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 1%;*/
  font-size: calc(var(--stan-width) * 0.2);
  color: gold;
  background-image: unset;
}

#oceans_pile .tracker_w::after {
  content: attr(data-calc);
}

/** Temp markers */
#params {
  width: fit-content;
  display: none;
}

#params > * {
  display: inline-block;
  margin-right: 20px;
}

.card .resource {
  width: 10px;
  height: 10px;
  background-color: #e8a33d;
  position: relative;
  box-shadow: rgba(11, 11, 11, 0.6784313725) 2px 2px 3px 1px;
  margin-top: 3px;
}

.cards_2 > .card {
  display: inline-block;
}

#display_main .card .token_descr {
  display: none;
}

#display_main .card .token_rules {
  top: 55%;
}

#display_main .card .token_cost {
  top: 20%;
}

/* decks */
#decks_area .card {
  /*
  width: calc(var(--stan-width) * 0.3);
  height: calc(var(--stan-width) * 0.31);

  font-size: calc(var(--stan-width) * 0.07);*/
  width: 0;
  height: 0;
}

#decks_area .milestone,
#decks_area .award {
  width: calc(var(--stan-width) * 0.4);
  height: calc(var(--stan-width) * 0.5);
}

.deck_line {
  color: white;
  font-family: var(--mars-font);
  display: flex;
  width: fit-content;
  font-size: calc(var(--stan-width) * 0.12);
}
.deck_line .deck_line_text {
  margin-right: 3%;
  white-space: nowrap;
}
.deck_line .carddeck > .counter {
  top: 0;
  left: 0;
  position: relative;
  margin-left: 10px;
}
.deck_line .infobox {
  display: none;
}
.deck_line #discard_main {
  background-color: unset;
}

#discard_main {
  background-color: ghostwhite;
}

.carddeck .counter {
  /*
  position: absolute;
  top: -18%;
  left: -30%;
  border: 1px solid white;
  background: black;
  color: white;
  width: calc(var(--stan-width) * 0.15);
  height: calc(var(--stan-width) * 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 1%;

   */
  position: relative;
}

/** hide cards in discard */
#discard_main > .card {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.tracker_tagCity {
  background-position-x: 0;
}

.tracker_tagEvent {
  background-position-x: -100%;
}

.tracker_tagEarth {
  background-position-x: -200%;
}

.tracker_tagEventAggro {
  background-position-x: -300%;
}

.tracker_tagPlant {
  background-position-x: -400%;
}

.tracker_tagSpace {
  background-position-x: -500%;
}

.tracker_tagJovian {
  background-position-x: -600%;
}

.tracker_tagScience {
  background-position-x: -700%;
}

.tracker_tagBuilding {
  background-position-x: -800%;
}

.tracker_tagEnergy {
  background-position-x: -900%;
}

.tracker_tagMicrobe {
  background-position-x: -1000%;
}

.tracker_tagAnimal {
  background-position-x: -1100%;
}

.tracker_tagWild {
  background-position-x: -1200%;
}

:root {
  --card-background-blue: #167abf;
  --card-outline-blue: #3f98d7;
  --card-background-green: #43a31d;
  --card-outline-green: #c8e3bd;
  --card-background-event: #f66767;
  --card-outline-event: #ecc7a8;
  --card-background-prelude: #ebb8f4;
  --card-outline-prelude: #c936b8;
  --card-background-corp: #ddd;
  --card-outline-corp: gray;
}

.thisplayer_zone {
  min-width: calc(var(--map-width) * 1);
  flex-grow: 100;
  order: 2;
}

#players_area {
  margin-top: 2vh;
}

#hand_area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  position: relative;
}

.hand.location:empty {
  display: none;
}

.bgabutton.overpay {
  background: red;
}

.bgabutton.overpay:hover {
  background: red;
}

.bgabutton.otherplayer::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-color: var(--plcolor);
  outline: 1px solid white;
}

/*--------------- Floating hand -------------------- */
#hand_area_buttons {
  display: none;
}

#ebd-body[data-localsetting_handplace=floating] #hand_area {
  background-color: rgba(40, 39, 36, 0.78);
  border-right: 1px solid rgba(240, 248, 255, 0.39);
  border-top: 1px solid rgba(240, 248, 255, 0.39);
  border-top-right-radius: 8px;
  bottom: 0;
  box-shadow: 0 0 10px 1px #ff0;
  left: 0;
  position: fixed;
  transform: translateY(80%);
  transition: transform 0.8s;
  z-index: 1000;
  max-height: 82vh;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area .hand_sorter {
  left: 30%;
  top: -13%;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons {
  display: flex;
  justify-content: flex-start;
  left: 0;
  position: absolute;
  right: 0;
  transition: top 0.8s;
  z-index: 2;
  cursor: pointer;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons .icon_close {
  display: none;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons .icon_hand {
  display: flex;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons .icon_hand, #ebd-body[data-localsetting_handplace=floating] #hand_area_buttons .icon_close {
  align-items: center;
  font-size: 32px;
  height: 40px;
  justify-content: center;
  margin: 4px;
  width: 40px;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons #hand_area_button_pop {
  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;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area_buttons #hand_area_button_pop:hover {
  transform: translateY(-10px);
}
#ebd-body[data-localsetting_handplace=floating] #hand_area[data-open="1"] {
  transform: translateY(0);
}
#ebd-body[data-localsetting_handplace=floating] #hand_area[data-open="1"] #hand_area_button_pop .icon_close {
  display: flex;
}
#ebd-body[data-localsetting_handplace=floating] #hand_area[data-open="1"] #hand_area_button_pop .icon_hand {
  display: none;
}

.undomarker {
  text-decoration: unset;
  position: relative;
  text-underline-position: auto;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  padding: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.log.cancel .undomarker {
  border: unset;
  background-color: unset;
  box-shadow: unset;
  color: revert;
}

.bgabutton_orange {
  background-color: #b17300;
}

.bgabutton_targetcolor {
  background-color: rgba(33, 150, 243, 0.7803921569);
}

.bgabutton_purple {
  background-color: rgb(43, 15, 76);
}

.bgabutton.disabled {
  pointer-events: unset;
}

.bgabutton.disabled:hover {
  color: red;
}

.bgabutton.disabled:active {
  pointer-events: none;
}

.innerbutton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.innerbutton .card_icono {
  text-shadow: revert;
}
.innerbutton .card_icono .outer_production {
  padding-bottom: 2px;
  padding-top: 2px;
  flex-direction: row;
}

.bgabutton.gfx {
  padding: 2px;
}

#page-title .innerbutton .token_img {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

/* --------------- Base Resource Images ---------- */
.tracker {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
}

.token_img > .tracker {
  background-image: unset;
}

.tracker.badge {
  background-image: url("img/badges.png");
  background-size: 1300% 100%;
}

.tracker_resAnimal {
  background-position: -100% 0;
}

.tracker_resMicrobe {
  background-position: -400% 0;
}

.tracker_resFighter {
  background-position: -400% -100%;
}

.tracker_resScience {
  background-position: -600% 0;
}

.tracker_m, .tracker_s, .tracker_gen, .tracker_u, .tracker_p, .tracker_e, .tracker_h, .tracker_tr {
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
}

.tracker_pdelta {
  background-image: url("img/p_delta.png");
  background-size: contain;
}

.tracker_m {
  background-position: -300% 0;
}

.tracker_s {
  background-position: -700% 0;
}

.tracker_u {
  background-position: -800% 0;
}

.tracker_p {
  background-position: 0 0;
}

.tracker_e {
  background-position: -500% 0;
}

.tracker_h {
  background-position: -200% 0;
}

.tracker_pp {
  background-position: 0 0;
}

.tracker_ph {
  background-position: -200% 0;
}

.tracker_pm {
  background-position: -300% 0;
}

.tracker_pe {
  background-position: -500% 0;
}

.tracker_ps {
  background-position: -700% 0;
}

.tracker_pu {
  background-position: -800% 0;
}

.tracker_gen {
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: -700% -100%;
  clip-path: circle(48% at 51% 51%);
}

.tracker_tr {
  background-position: -900% 0;
}

.tracker_t {
  background-position: -200% -100%;
}

.tracker_o {
  background-position: -100% -100%;
}

.tracker_w {
  background-position: -600% -100%;
}

.tracker_ers {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: 0 -100%;
}

.tracker_eru {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -100% -100%;
}

.tracker.tracker_city {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -700% 0;
}

.tracker.tracker_forest {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -300% -100%;
}

.tracker.tracker_land {
  background-image: url("img/icons.png");
  background-size: 1400% 200%;
  background-position: -200% -100%;
}

/*don't display for now*/
.tracker.tracker_cityonmars {
  display: none !important;
}

.starting_player {
  position: relative;
  width: 36px;
  height: 36px;
  background-image: url("img/resources.png");
  background-size: 1000% 200%;
  background-position: -500% -100%;
}

.starting_player::after {
  content: "";
}

/* --------------- LOGS -------------------- */
/* Cancelled notification messages */
.log.cancel {
  color: #c62828 !important;
  text-decoration: line-through;
}

/* Desktop logs */
.log.cancel .roundedbox {
  background-color: rgba(240, 186, 117, 0.6) !important;
}

/* Mobile logs */
.log.cancel.roundedbox {
  background-color: #ef9a9a;
}

.log .token_img {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 24px;
}

.log .tracker_pm, .log .tracker_ps, .log .tracker_pu, .log .tracker_pp, .log .tracker_pe, .log .tracker_ph {
  outline: 4px solid #b7915e;
  background-color: #b7915e;
  margin-left: 3px;
  margin-right: 3px;
}

.mcompact .movestamp {
  color: gray;
}

.mcompact .log .bgabutton_gray {
  background-color: gray;
}

#page-title .token_img, .head_infomsg_item .token_img {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 30px;
}

#page-title .item_worth .token_img {
  width: var(--resourcesize);
  height: var(--resourcesize);
  display: flex;
  vertical-align: revert;
  justify-content: center;
  line-height: revert;
}

.topbar_movefrom {
  position: absolute;
  width: 1px;
  height: 1px;
  top: 0%;
}

#thething .topbar_movefrom {
  left: 50%;
  top: -42px;
}

.resmover {
  position: absolute;
  width: 30px;
  height: 30px;
}
.resmover .token_img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
}

.marker_tr {
  position: absolute;
  top: unset;
}

.card_hl_preview {
  width: 100%;
  display: flex;
  justify-content: center;
  --card-width: 220px;
  --card-height: calc(var(--card-width)*1.40658174);
  align-items: flex-start;
  height: 50px;
  margin-bottom: 0px;
  overflow: hidden;
  transition: 200ms ease-in-out;
}

.card_hl_preview:hover {
  height: calc(var(--card-width) * 1.40658174);
}

.card_hl_tt {
  text-decoration: underline;
  font-weight: bold;
  display: inline;
  text-transform: uppercase;
  cursor: help;
}

/** Pop-in dialog that capture situation for bug reports */
.mr_scrollable {
  height: 400px;
  overflow: auto;
}

/** Card reference */
.allcards {
  width: 100%;
}

.expandablecontent {
  padding: 10px;
}

.expandablecontent_cards > * {
  display: inline-block;
  margin: 2px;
}

.expandable {
  border-radius: 10px;
  box-shadow: 0px 0px 4px 0px #555;
  background-color: hsla(27deg, 28.6%, 13.7%, 0.11);
}

/*Sort*/
.hand_sorter {
  position: absolute;
  /* top: calc(var(--card-width) * -0.3);*/
  top: 0.5%;
  left: 0.5%;
  display: flex;
  flex-direction: row;
  background-color: rgba(151, 145, 145, 0.6);
  border-radius: 1vh;
  padding: 0.3vh;
  z-index: 1;
  /* width: calc(var(--card-width) * 0.8);*/
  width: calc(var(--card-width) * 0.2);
  height: calc(var(--card-width) * 0.2);
  justify-content: space-evenly;
  align-items: center;
}
.hand_sorter .hs_button {
  border: 1px solid black;
  font-size: calc(var(--card-width) * 0.11);
  width: calc(var(--card-width) * 0.15);
  height: calc(var(--card-width) * 0.18);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
}
.hand_sorter .hs_picto {
  position: absolute;
  top: 5%;
  width: 100%;
  text-align: center;
}
.hand_sorter .hs_direction {
  width: 100%;
  text-align: center;
  bottom: -20%;
  position: absolute;
}
.hand_sorter .hs_button[data-direction=""] .hs_direction::before {
  content: "";
}
.hand_sorter .hs_button[data-direction=increase] {
  background-color: rgba(238, 209, 122, 0.8509803922);
}
.hand_sorter .hs_button[data-direction=increase] .hs_direction::before {
  content: "⮕";
}
.hand_sorter .hs_button[data-direction=decrease] {
  background-color: rgba(238, 209, 122, 0.8509803922);
}
.hand_sorter .hs_button[data-direction=decrease] .hs_direction::before {
  content: "⬅";
}
.hand_sorter .hs_button[data-type=manual] .hs_direction::before {
  content: "";
}
.hand_sorter .hs_button[data-type=none] .hs_direction::before {
  content: "";
}

#ebd-body.mobile_version.touch-device #hs_button_hand_area_manual {
  display: none;
}

.hand_area[data-sort_type=cost][data-sort_direction=increase] .handy .card {
  order: var(--sort_cost);
}

.hand_area[data-sort_type=cost][data-sort_direction=decrease] .card {
  order: calc(var(--sort_cost) * -1);
}

.hand_area[data-sort_type=vp][data-sort_direction=increase] .card {
  order: var(--sort_vp);
}

.hand_area[data-sort_type=vp][data-sort_direction=decrease] .card {
  order: calc(var(--sort_vp) * -1);
}

.hand_area[data-sort_type=playable][data-sort_direction=increase] .card {
  order: var(--sort_playable);
}

.hand_area[data-sort_type=playable][data-sort_direction=decrease] .card {
  order: calc(var(--sort_playable) * -1);
}

.hand_area[data-sort_direction=increase] .card.corp {
  order: -100000;
}

.hand_area[data-sort_direction=decrease] .card.corp {
  order: 100000;
}

.dragzone {
  position: relative;
  display: block;
  height: var(--card-height);
  width: calc(var(--card-width) * 0.0001);
  transition: all 100ms ease-out;
  transition-delay: 150ms;
}

.dragzone_inside {
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 5;
  /*background-color: rgba(139, 69, 45, 0.37);*/
  width: calc(var(--card-width) * 1);
}

.dragzone_inside.dragleft {
  left: calc(var(--card-width) * -0.5);
}

.dragzone_inside.dragright {
  right: calc(var(--card-width) * -0.1);
  width: calc(var(--card-width) * 0.5);
}

.dragzone.over {
  width: calc(var(--card-width) * 0.8);
  outline: 2px dashed green;
}
.dragzone.over .dragzone_inside {
  left: 0;
  right: 0;
}
.dragzone.over .dragleft {
  left: calc(var(--card-width) * -0.35);
  width: calc(var(--card-width) * 1.75);
}
.dragzone.over .dragright {
  right: calc(var(--card-width) * -0.5);
  width: calc(var(--card-width) * 1);
}

.dragzone.outsideright.over {
  width: calc(var(--card-width) * 0.5);
}

.drag-active {
  transition: 0.01s;
  transform: translateX(-9999px);
  width: 0.1px;
}
.drag-active * {
  pointer-events: none;
}

.drag_inpg {
  user-select: none;
  touch-action: none;
}
.drag_inpg .dijitTooltip {
  display: none;
}
.drag_inpg .handy {
  box-sizing: border-box;
  /* flex-wrap: nowrap;*/
}
.drag_inpg #hand_area {
  /* flex-wrap: nowrap;*/
}

.defhidden {
  display: none;
}

/*
.handy.spaced {
  .card{
    margin-left:15%;
    margin-right: 15%;
    .dragleft{
      display: block;
      left: -15%;
      position: absolute;
      outline: 2px solid black;
      width: 15%;
      height: 100%;
    }
    .dragright{
      display: block;
      right: -15%;
      position: absolute;
      outline: 2px solid black;
      width: 15%;
      height: 100%;
    }
    .drag-active {
      margin-left:0;
      margin-right:0;
      .dragright{
        display: none;
      }
      .dragleft{
        display: none;
      }
    }

}*/