cards-list.html

<!DOCTYPE html>

<head>
  <meta charset="UTF-8" />
  <meta name="description" content="TERRAFORMING MARS COMPLETE ANIMATED LIST" />
  <meta name="keywords" content="HTML,CSS,JavaScript" />
  <meta name="viewport" content="width=930" />

  <link rel="shortcut icon" type="image/png" href="images/favicon.png" />
  <link rel="stylesheet" type="text/css" href="css/mystyles.css" />
  <link rel="stylesheet" href="css/odometer.css" />
  <link rel="stylesheet" href="css/odometer-cards-list.css" />
  <title>TM Cards List</title>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=UA-116626580-1"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());
    gtag("config", "UA-116626580-1");
  </script>
</head>

<html>
  <body>
    <div class="app-container">
      <div class="list-container">
        <div id="buttonsContainer">
          <div id="buttonsContainer-header">
            <div id="titleContainer">
              <div class="title-style">TERRAFORMING MARS CARDS LIST</div>
            </div>
            <a
              disabled
              id="btn-selectedCards"
              class="button btn-selected-cards disabled"
              title="open selected cards"
              href="no-selected-card.html"
              target="_blank"
              >SELECTED
              <div id="selectedCardsAmount">0</div>
            </a>
          </div>

          <div id="buttonsContainer-body">
            <div
              id="myBtnContainer1"
              style="line-height: 55px; margin-bottom: 10px"
            >
              <button
                id="automated"
                class="button btn1 background-color-automated"
                onclick="filterFunction(id)"
                title="filter Automated Project Cards"
              >
                AUTOMATED
              </button>
              <button
                id="active"
                class="button btn1 background-color-active"
                onclick="filterFunction(id)"
                title="filter Active Project Cards"
              >
                ACTIVE
              </button>
              <button
                id="events"
                class="button btn1 background-color-events"
                onclick="filterFunction(id)"
                title="filter Space Events Project Cards"
              >
                EVENTS
              </button>
              <button
                id="corporation"
                class="button btn1 background-color-corporation"
                onclick="filterFunction(id)"
                title="filter Corporations Cards"
              >
                CORPS
              </button>
              <button
                id="prelude-card"
                class="button btn1 background-color-prelude"
                onclick="filterFunction(id)"
                title="filter Preludes Cards"
              >
                PRELUDES
              </button>
              <button
                id="colony-card"
                class="button btn1 background-color-colony"
                onclick="filterFunction(id)"
                title="filter Colonies cards"
              >
                COLONIES
              </button>
              <button
                id="global-card"
                class="button btn1 background-color-global"
                onclick="filterFunction(id)"
                style="margin-right: 0px"
                title="filter Global Events cards"
              >
                GLOBALS
              </button>
            </div>

            <div id="myBtnContainer2" style="line-height: 55px">
              <button
                id="buildingTag"
                class="button btn2 tag-building"
                onclick="filterFunction(id)"
                title="filter by Building tag"
              ></button>
              <button
                id="spaceTag"
                class="button btn2 tag-space"
                onclick="filterFunction(id)"
                title="filter by Space tag"
              ></button>
              <button
                id="scienceTag"
                class="button btn2 tag-science"
                onclick="filterFunction(id)"
                title="filter by Science tag"
              ></button>

              <button
                id="plantTag"
                class="button btn2 tag-plant"
                onclick="filterFunction(id)"
                title="filter by Plant tag"
              ></button>
              <button
                id="microbeTag"
                class="button btn2 tag-microbe"
                onclick="filterFunction(id)"
                title="filter by Microbe tag"
              ></button>
              <button
                id="animalTag"
                class="button btn2 tag-animal"
                onclick="filterFunction(id)"
                title="filter by Animal tag"
              ></button>

              <button
                id="powerTag"
                class="button btn2 tag-power"
                onclick="filterFunction(id)"
                title="filter by Power tag"
              ></button>
              <button
                id="jovianTag"
                class="button btn2 tag-jovian"
                onclick="filterFunction(id)"
                title="filter by Jovian tag"
              ></button>
              <button
                id="earthTag"
                class="button btn2 tag-earth"
                onclick="filterFunction(id)"
                title="filter by Earth tag"
              ></button>

              <button
                id="cityTag"
                class="button btn2 tag-city"
                onclick="filterFunction(id)"
                title="filter by City tag"
              ></button>
              <button
                id="eventTag"
                class="button btn2 tag-event"
                onclick="filterFunction(id)"
                title="filter by Event tag"
              ></button>
              <button
                id="venusTag"
                class="button btn2 tag-venus"
                onclick="filterFunction(id)"
                title="filter by Venus tag"
              ></button>

              <button
                id="wildTag"
                class="button btn2 tag-wild"
                onclick="filterFunction(id)"
                title="filter by Wild tag"
              ></button>
              <button
                id="noneTag"
                class="button btn2 tag-none"
                onclick="filterFunction(id)"
                title="filter cards with no tags"
              ></button>
            </div>

            <div id="myBtnContainer4" style="display: inline-block">
              <button
                id="content"
                class="button btn-content"
                onclick="toggleContentDiv();"
                title="reveal Card Content filters"
              >
                CONTENT
              </button>
              <input
                type="text"
                id="myInput"
                oninput="filterFunction(id);"
                placeholder="Search by text ..."
                title="Search by card's title, number or keywords"
              />
              <button
                id="standard"
                class="button btn3 standard-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Base game cards"
              ></button>
              <button
                id="corporate"
                class="button btn3 corporate-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Corporate Era cards"
              ></button>
              <button
                id="venusNext"
                class="button btn3 venus-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Venus Next cards"
              ></button>
              <button
                id="prelude"
                class="button btn3 prelude-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Prelude cards"
              ></button>
              <button
                id="prelude2"
                class="button btn3 prelude2-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Prelude 2 cards"
              ></button>
              <button
                id="colonies"
                class="button btn3 colonies-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Colonies cards"
              ></button>
              <button
                id="turmoil"
                class="button btn3 turmoil-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Turmoil cards"
              ></button>
              <button
                id="promo"
                class="button btn3 promo-icon button-icon"
                onclick="filterFunction(id)"
                title="filter Promo cards"
              ></button>
            </div>

            <div id="contentFilters">
              <form id="sortButtons">
                <fieldset style="margin-bottom: -30px">
                  <legend class="sort-title">SORT PROJECT CARDS BY</legend>
                  <input
                    type="radio"
                    name="radio"
                    id="radio-choice-1"
                    value="on"
                    checked="checked"
                    onclick="sortByID();"
                    style="display: none"
                  />
                  <label class="btn-sort" for="radio-choice-1">ID</label>
                  <input
                    type="radio"
                    name="radio"
                    id="radio-choice-2"
                    value="off"
                    onclick="sortByPriceUp();"
                    style="display: none"
                  />
                  <label class="btn-sort" for="radio-choice-2">MC UP</label>
                  <input
                    type="radio"
                    name="radio"
                    id="radio-choice-3"
                    value="other"
                    onclick="sortByPriceDown();"
                    style="display: none"
                  />
                  <label class="btn-sort" for="radio-choice-3">MC Down</label>
                </fieldset>
              </form>

              <button
                title="decrease Price filter by 1"
                class="button2 btn-price"
                onclick="reduceOne()"
                title="decrease Price filter by 1"
              >
                -
              </button>
              <input
                type="number"
                title="filter by Price"
                id="price"
                oninput="filterFunction(id);"
                value="0"
                min="0"
                max="50"
              />
              <button
                class="button2 btn-price"
                style="margin-right: 10px"
                onclick="increaseOne()"
                title="increase Price filter by 1"
              >
                +
              </button>

              <button
                id=".production.money"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with money production"
                style="margin-left: 6px"
              >
                <div class="production money">M</div>
              </button>
              <button
                id=".production.steel"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with steel production"
              >
                <div class="production steel"></div>
              </button>
              <button
                id=".production.titanium"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with titanium production"
              >
                <div class="production titanium"></div>
              </button>
              <button
                id=".production.plant"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with plant production"
              >
                <div class="production plant"></div>
              </button>
              <button
                id=".production.energy"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with enery production"
              >
                <div class="production energy"></div>
              </button>
              <button
                id=".production.heat"
                class="button btn-production"
                onclick="filterFunction(id)"
                title="filter cards with heat production"
              >
                <div class="production heat"></div>
              </button>
              <br />

              <button
                id="reqs"
                class="button btn-req"
                onclick="filterFunction(id);toggleRequirementsFilters();"
                title="filter cards having Requirements"
              >
                REQUIREMENTS
              </button>
              <button
                id="vp"
                class="button btn-vp points"
                onclick="filterFunction(id)"
                title="filter cards with VP"
              >
                VP
              </button>

              <button
                id="rating"
                class="button btn-tile rating"
                onclick="filterFunction(id)"
                title="filter cards which increase TR"
                style="
                  background-size: 36px 30px !important;
                  background-position: 10px;
                "
              ></button>
              <button
                id="temperature-tile"
                class="button btn-tile temperature-tile"
                onclick="filterFunction(id)"
                title="filter cards which increase Temperature"
                style="
                  background-size: 11px 34px !important;
                  background-position: 22px;
                "
              ></button>
              <button
                id="ocean-tile"
                class="button btn-tile ocean-tile"
                onclick="filterFunction(id)"
                title="filter cards which place Ocean tiles"
                style="background-position: 10px"
              ></button>
              <button
                id="greenery-tile"
                class="button btn-tile greenery-tile"
                onclick="filterFunction(id)"
                title="filter cards which place Greenery tiles"
                style="
                  background-position: 10px;
                  background-size: 40px 34px !important;
                "
              ></button>
              <button
                id="oxygen-tile"
                class="button btn-tile oxygen-tile"
                onclick="filterFunction(id)"
                title="filter cards which increase Oxygen"
                style="background-position: 10px 3px"
              ></button>
              <button
                id="venus-tile"
                class="button btn-tile venus-tile"
                onclick="filterFunction(id)"
                title="filter cards which increase Venus"
                style="
                  background-size: 45px 30px !important;
                  background-position: 5px 4px;
                "
              ></button>

              <div id="subfilterReqs" class="subfilterReqs-disabled">
                <output
                  id="output1"
                  for="slider1"
                  class="output-label"
                  style="color: #f25540; margin-left: 225px"
                  >-30</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider1"
                  type="range"
                  min="-30"
                  max="8"
                  value="-30"
                  step="2"
                  list="tickmarks"
                  oninput="output1.value = slider1.value; filterFunction(id);"
                  class="track-temp-background track-temp-thumb"
                  style="width: 200px; margin-right: 70px; margin-left: 15px"
                />

                <output
                  id="output3"
                  for="slider3"
                  class="output-label"
                  style="margin-left: 110px"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider3"
                  type="range"
                  min="0"
                  max="9"
                  value="-0"
                  step="1"
                  list="tickmarks"
                  oninput="output3.value = slider3.value; filterFunction(id);"
                  class="track-oceans-thumb"
                  style="width: 100px"
                />

                <output
                  id="output2"
                  for="slider2"
                  class="output-label"
                  style="color: rgb(246, 241, 175)"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider2"
                  type="range"
                  min="0"
                  max="14"
                  value="0"
                  step="1"
                  list="tickmarks"
                  oninput="output2.value = slider2.value; filterFunction(id);"
                  class="track-oxygen-background track-oxygen-thumb"
                />

                <output
                  id="output4"
                  for="slider4"
                  class="output-label"
                  style="color: #8bb8da"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider4"
                  type="range"
                  min="0"
                  max="30"
                  value="0"
                  step="2"
                  list="tickmarks"
                  oninput="output4.value = slider4.value; filterFunction(id);"
                  class="track-venus-background track-venus-thumb"
                  style="margin-right: 0px"
                />
                <br />
                <p></p>
                <output
                  id="output5"
                  for="slider5"
                  class="output-label"
                  style="color: white; margin-left: 198px"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  style="margin-left: 60px"
                  id="slider5"
                  type="range"
                  min="0"
                  max="7"
                  value="0"
                  step="1"
                  list="tickmarks"
                  oninput="output5.value = slider5.value; filterFunction(id);"
                  class="track-science-background track-science-thumb thumb-tab"
                />

                <output
                  id="output8"
                  for="slider8"
                  class="output-label"
                  style="margin-left: 90px; color: rgb(15, 96, 151)"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider8"
                  type="range"
                  min="0"
                  max="3"
                  value="0"
                  step="1"
                  list="tickmarks"
                  oninput="output8.value = slider8.value; filterFunction(id);"
                  class="track-earth-background track-earth-thumb thumb-tab"
                  style="width: 80px"
                />

                <output
                  id="output6"
                  for="slider6"
                  class="output-label"
                  style="margin-left: 70px; color: rgb(255, 223, 149)"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider6"
                  type="range"
                  min="0"
                  max="2"
                  value="0"
                  step="1"
                  list="tickmarks"
                  oninput="output6.value = slider6.value; filterFunction(id);"
                  class="track-jovian-background track-jovian-thumb thumb-tab"
                  style="width: 60px"
                />

                <output
                  id="output7"
                  for="slider7"
                  class="output-label"
                  style="margin-left: 70px; color: rgb(84, 150, 201)"
                  >0</output
                >
                <!-- Just to display selected value -->
                <input
                  id="slider7"
                  type="range"
                  min="0"
                  max="2"
                  value="0"
                  step="1"
                  list="tickmarks"
                  oninput="output7.value = slider7.value; filterFunction(id);"
                  class="track-venusTag-background track-venusTag-thumb thumb-tab"
                  style="width: 60px"
                />
              </div>
            </div>
          </div>
          <div id="buttonsContainer-footer">
            <button
              id="reset"
              class="button2 btn-reset"
              onclick="clearInput();showAll();"
              title="Reset all selected filters"
            >
              RESET
            </button>
            <div
              class="card-footer card-footer-projects"
              style="margin-left: 0px"
            ></div>
            <div
              id="totalProjects"
              class="totalCardsCount odometer"
              data-minintegerlen="3"
            ></div>

            <div class="card-footer card-footer-corp"></div>
            <div id="totalCorporations" class="totalCardsCount odometer"></div>

            <div class="card-footer card-footer-prelude"></div>
            <div id="totalPreludes" class="totalCardsCount odometer"></div>

            <div class="card-footer card-footer-colony"></div>
            <div id="totalColonies" class="totalCardsCount odometer"></div>

            <div class="card-footer card-footer-globals"></div>
            <div id="totalGlobals" class="totalCardsCount odometer">00</div>
          </div>
        </div>

        <!--PROJECT CARDS-->
        <ul class="myUL" id="projectCards">
          <!--1-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag jovianTag standard reqs"
            data-oxygen="5"
          >
            <div class="title background-color-automated">
              Colonizer Training Camp
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#001</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements requirements-max">max 5% O2</div>
              <div class="description">(Oxygen must be 5% or less.)</div>
            </div>
          </li>

          <!--2-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated jovianTag corporate reqs"
          >
            <div class="title background-color-automated">
              Asteroid Mining Consortium
            </div>
            <div class="price">13</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#002</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">Titanium production</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="titanium production red-outline"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="titanium production"></div>
              </div>
              <div class="description" style="margin-top: 0px">
                (Requires that you have titanium production. Decrease any
                titanium production 1 step and increase your own 1 step.)
              </div>
            </div>
          </li>

          <!--3-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">
              Deep Well Heating
            </div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#003</div>
            <div class="content">
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div
                class="tile temperature-tile"
                style="margin-left: 20px"
              ></div>
              <div class="description">
                (Increase your Energy production 1 step. Increase temperature 1
                step.)
              </div>
            </div>
          </li>

          <!--4-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard reqs noneTag"
            data-oceans="3"
          >
            <div class="title background-color-automated">Cloud Seeding</div>
            <div class="price">11</div>
            <div class="number">#004</div>
            <div class="content">
              <div class="requirements">3 Oceans</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">1</div>
                <div class="heat production red-outline"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="description">
                (Requires 3 ocean tiles. Decrease your MC production 1 step and
                any heat production 1 step. Increase your Plant production 2
                steps.)
              </div>
            </div>
          </li>

          <!--5-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag standard reqs"
            data-oxygen="6"
          >
            <div class="title background-color-active">Search for Life</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#005</div>
            <div class="content">
              <div class="points points-big">
                <span style="margin-right: -8px">3/</span>
                <span class="resource science"></span>
              </div>
              <div class="requirements requirements-max">max 6% O2</div>
              <div class=" ">
                <span class="money resource">1</span>
                <div class="red-arrow"></div>
                <span class="resource-tag tag-microbe"></span> * :
                <div class="resource science"></div>
              </div>
              <div class="description">
                (Action: Spend 1 MC to reveal the top card of the draw deck. If
                that card has a Microbe tag, add a Science resource here.)<br /><br />
                (3 VPs if you have one or more Science resources here.)
              </div>
            </div>
          </li>

          <!--6-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag corporate"
          >
            <div class="title background-color-active">Inventors' Guild</div>
            <div class="price">9</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#006</div>
            <div class="content">
              <div class="red-arrow"></div>
              <span style="font-size: 14px; font-weight: normal"
                >ACTION: LOOK AT THE TOP CARD AND EITHER BUY IT OR DISCARD
                IT</span
              >
            </div>
          </li>

          <!--7-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Martian Rails</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#007</div>
            <div class="content">
              <span class="energy resource"></span>
              <div class="red-arrow"></div>
              <span class="money resource">1</span> /
              <div
                class="tile city-tile-small"
                style="
                  filter: brightness(0.8) drop-shadow(1px 0px 1px #c33)
                    drop-shadow(-1px 0px 1px #c33) drop-shadow(0px 1px 1px #c33)
                    drop-shadow(0px -1px 1px #c33);
                "
              ></div>
              *
              <div class="description">
                (Action: Spend 1 Energy to gain 1 MC for each City tile ON
                MARS.)
              </div>
            </div>
          </li>

          <!--8-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard reqs"
            data-oceans="4"
          >
            <div class="title background-color-automated">Capital</div>
            <div class="price">26</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#008</div>
            <div class="content">
              <div class="points">
                1/<span class="resource ocean-resource"></span>
              </div>
              <div class="requirements">4 Oceans</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">5</div>
              </div>
              <div
                class="tile city-tile"
                style="
                  margin-top: -10px;
                  width: 60px;
                  height: 69px;
                  background-size: 60px 69px;
                  filter: none;
                "
              ></div>
              <div class="description" style="text-align: left">
                (Requires 4 ocean tiles. Place this tile. Decrease your Energy
                production 2 steps and increase your MC production 5 steps.<br />
                <div
                  style="font-size: 9px; line-height: 12px; margin-top: 10px"
                >
                  1 ADDITIONAL VP FOR EACH <br />OCEAN TILE ADJACENT <br />
                  TO THIS CITY TILE.
                </div>
              </div>
            </div>
          </li>
          <!--9-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Asteroid</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#009</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <br />
              <div class="titanium resource"></div>
              <div class="titanium resource"></div>
              <br />
              <div class="minus"></div>
              <div class="resource plant red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="description">
                (Raise temperature 1 step and gain 2 titanium. Remove up to 3
                Plants from any player.)
              </div>
            </div>
          </li>

          <!--10-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Comet</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#010</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile ocean-tile"></div>
              <br />
              <div class="minus"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="description">
                (Raise temperature 1 step and place an ocean tile. Remove up to
                3 Plants from any player.)
              </div>
            </div>
          </li>

          <!--11-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Big Asteroid</div>
            <div class="price">27</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#011</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="titanium resource"></div>
              <div class="titanium resource"></div>
              <div class="titanium resource"></div>
              <div class="titanium resource"></div>
              <br />
              <div class="minus"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="description">
                (Raise temperature 2 steps and gain 4 titanium. Remove up to 4
                Plants from any player.)
              </div>
            </div>
          </li>

          <!--12-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag jovianTag standard"
          >
            <div class="title background-color-active">
              Water Import from Europa
            </div>
            <div class="price">25</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#012</div>
            <div class="content">
              <div class="points points-big">
                1/<span class="tag-jovian resource-tag"></span>
              </div>
              <div class="money resource">12</div>
              (<span class="resource titanium"></span>)
              <div class="red-arrow"></div>
              <div class="ocean-tile tile"></div>
              <div class="description">
                (Action: Pay 12 MC to place an ocean tile. TITANIUM MAY BE USED
                as if playing a Space card.)<br /><br />
                (1 VP for each Jovian tag you have.)
              </div>
            </div>
          </li>

          <!--13-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag buildingTag corporate"
          >
            <div class="title background-color-active">Space Elevator</div>
            <div class="price">27</div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#013</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <span class="steel resource"></span>
              <div class="red-arrow"></div>
              <span class="money resource">5</span>
              <div class="description">
                (Action: Spend 1 steel to gain 5 MC.)
              </div>
              <br />
              <div class="production-box">
                <div class="titanium production"></div>
              </div>
              <div class="description">
                (Increase your titanium production 1 step.)
              </div>
            </div>
          </li>

          <!--14-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag corporate"
          >
            <div class="title background-color-active">Development Center</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#014</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <span class="energy resource"></span>
              <div class="red-arrow"></div>
              <span class="card resource"></span>
              <div class="description">
                (Action: Spend 1 Energy to draw a card.)
              </div>
            </div>
          </li>

          <!--15-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">
              Equatorial Magnetizer
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#015</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
              </div>
              <span class="red-arrow" style="margin-left: 5px"></span>
              <div class="rating tile"></div>
              <div class="description">
                (Action: Decrease your Energy production 1 step to increase your
                terraform rating 1 step.)
              </div>
            </div>
          </li>

          <!--16-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard reqs"
            data-oxygen="7"
          >
            <div class="title background-color-automated">Domed Crater</div>
            <div class="price">24</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#016</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements requirements-max">max 7% O2</div>
              <div
                class="production-box production-box-size1a"
                style="margin-bottom: 5px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div
                class="tile city-tile"
                style="margin-left: 20px; margin-bottom: 5px"
              ></div>
              <br />
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div
                class="description"
                style="margin-top: -7px; font-size: 11px; text-align: left"
              >
                (Oxygen must be 7% or less. Gain 3 plants. Place a City tile.
                Decrease<br />your Energy production 1 <br />step and increase
                your <br />MC production 3 steps.)
              </div>
            </div>
          </li>

          <!--17-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard"
          >
            <div class="title background-color-automated">Noctis City</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#017</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <br />
              <div class="description">
                (Decrease your Energy production 1 step and increase your MC
                production 3 steps. Place a city ON THE RESERVED AREA,
                disregarding normal placement restrictions.)
              </div>
            </div>
          </li>

          <!--18-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag standard reqs"
            data-oxygen="2"
          >
            <div class="title background-color-automated">
              Methane from Titan
            </div>
            <div class="price">28</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#018</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">2% O2</div>
              <div class="production-box production-box-size2">
                <div class="production heat"></div>
                <div class="production heat"></div>
                <div class="production plant"></div>
                <div class="production plant"></div>
              </div>
              <div class="description">
                (Requires 2% oxygen. Increase your heat production 2 steps and
                your Plant production 2 steps.)
              </div>
            </div>
          </li>

          <!--19-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag spaceTag eventTag standard"
          >
            <div class="title background-color-events">Imported Hydrogen</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#019</div>
            <div class="content">
              <span>3</span>
              <div class="resource plant"></div>
              OR <span>3</span>
              <div class="resource microbe"></div>
              * OR <span>2</span>
              <div class="resource animal"></div>
              * <br />
              <div class="tile ocean-tile"></div>
              <div class="description">
                (Gain 3 Plants, or add 3 Microbes or 2 Animals to ANOTHER card.
                Place an ocean tile.)
              </div>
            </div>
          </li>

          <!--20-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active cityTag buildingTag scienceTag standard"
          >
            <div class="title background-color-active">Research Outpost</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#020</div>
            <div class="content">
              : <span class="money resource">-1</span>
              <div class="description">
                (Effect: When you play a card, you pay 1 MC less for it.)
              </div>
              <br />
              <div class="tile city-tile"></div>
              <div class="description">
                (Place a city tile NEXT TO NO OTHER TILE.)
              </div>
            </div>
          </li>

          <!--21-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag cityTag standard"
          >
            <div class="title background-color-automated">
              Phobos Space Haven
            </div>
            <div class="price">25</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#021</div>
            <div class="content">
              <div class="points points-big">3</div>
              <div class="production-box">
                <div class="titanium production"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <div class="description">
                (Increase your titanium production 1 step and place a City tile
                ON THE RESERVED AREA.)
              </div>
            </div>
          </li>

          <!--22-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard noneTag"
          >
            <div class="title background-color-automated">Black Polar Dust</div>
            <div class="price">15</div>
            <div class="number">#022</div>
            <div class="content">
              <div class="production-box production-box-size3a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">2</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="tile ocean-tile"></div>

              <div class="description">
                (Place an ocean tile. Decrease your MC production 2 steps and
                increase your heat production 3 steps.)
              </div>
            </div>
          </li>

          <!--23-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active plantTag standard reqs"
            data-temperature="-12"
          >
            <div class="title background-color-active">Arctic Algae</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#023</div>
            <div class="content">
              <div class="requirements requirements-max">max -12 C</div>
              <div class="tile ocean-tile red-outline"></div>
              :
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <br />
              <div class="description">
                (Effect: When anyone places an ocean tile, gain 2 Plants.)
              </div>
              <div class="resource plant"></div>
              <div class="description">
                (It must be -12 C or colder to play. Gain 1 Plant.)
              </div>
            </div>
          </li>

          <!--24-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-oxygen="11"
          >
            <div class="title background-color-active">Predators</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#024</div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements">11% O2</div>
              <div class="resource animal red-outline"></div>
              <div class="red-arrow"></div>
              <div class="animal resource"></div>
              <div class="description">
                (Action: Remove 1 Animal from any card and add it to this card.)
              </div>
              <br />
              <div class="description">
                (Requires 11% oxygen. 1 VP per Animal on this card.)
              </div>
            </div>
          </li>

          <!--25-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag corporate"
          >
            <div class="title background-color-active">Space Station</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#025</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-space"></div>
              :
              <div class="money resource">-2</div>
              <div class="description">
                (Effect: When you play a Space card, you pay 2 MC less for it.)
              </div>
            </div>
          </li>

          <!--26-->
          <li
            onclick="getClickedCard();"
            class="filterDiv plantTag buildingTag automated standard reqs"
            data-temperature="-12"
          >
            <div class="title background-color-automated">
              Eos Chasma National Park
            </div>
            <div class="price">16</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="number">#026</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">-12 C</div>
              <div class="resource animal"></div>
              *
              <div class="resource plant" style="margin-left: 15px"></div>
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <br />
              <div class="production-box production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Requires -12 C or warmer. Add 1 Animal TO ANY ANIMAL CARD. Gain
                3 Plants. Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--27-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag earthTag spaceTag corporate events reqs"
            data-science="5"
          >
            <div class="title background-color-events">
              Interstellar Colony Ship
            </div>
            <div class="price">24</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#027</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">4</div>
              <div class="requirements">5 Science</div>
            </div>
          </li>

          <!--28-->
          <li
            onclick="getClickedCard();"
            class="filterDiv spaceTag corporate active"
          >
            <div class="title background-color-active">Security Fleet</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#028</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/
                <div class="resource fighter"></div>
              </div>
              <div class="resource titanium"></div>
              <div class="red-arrow"></div>
              <div class="resource fighter"></div>
              <div class="description">
                (Action: Spend 1 titanium to add 1 fighter resource to this
                card.)
              </div>
              <div class="description">
                (1 VP for each fighter resource on this card.)
              </div>
            </div>
          </li>

          <!--29-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard reqs"
            data-oxygen="9"
          >
            <div class="title background-color-automated">Cupola City</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#029</div>
            <div class="content">
              <div class="requirements requirements-max">max 9% O2</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <div class="description">
                (Oxygen must be 9% or less. Place a City tile. Decrease your
                Energy production 1 step and increase your MC production 3
                steps.)
              </div>
            </div>
          </li>

          <!--30-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag powerTag standard"
          >
            <div class="title background-color-automated">Lunar Beam</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-power"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#030</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">2</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease your MC production 2 steps and increase your heat
                production and Energy production 2 steps each.)
              </div>
            </div>
          </li>

          <!--31-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag standard"
          >
            <div class="title background-color-active">Optimal Aerobraking</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#031</div>
            <div class="content">
              <div class="resource-tag tag-space"></div>
              <div class="resource-tag tag-event"></div>
              :
              <div class="resource money">3</div>
              <div class="resource heat" style="margin-right: 0px"></div>
              <div class="resource heat" style="margin-right: 0px"></div>
              <div class="resource heat"></div>
              <div class="description">
                (Effect: When you play a Space Event, you gain 3 MC and 3 heat.)
              </div>
            </div>
          </li>

          <!--32-->
          <li
            onclick="getClickedCard();"
            class="filterDiv cityTag buildingTag standard automated"
          >
            <div class="title background-color-automated">Underground city</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#032</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="steel production"></div>
                <div class="steel production"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <div class="description">
                (Place a City tile. Decrease your Energy production 2 steps and
                increase your steel production 2 steps.)
              </div>
            </div>
          </li>

          <!--33-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active scienceTag microbeTag"
          >
            <div class="title background-color-active">Regolith Eaters</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#033</div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <br />
              OR
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              <div class="red-arrow"></div>
              <div class="tile oxygen-tile"></div>
              <div class="description">
                (Action: Add 1 Microbe to this card, or remove 2 Microbes from
                this card to raise oxygen level 1 step.)
              </div>
            </div>
          </li>

          <!--34-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active scienceTag microbeTag reqs"
            data-oxygen="4"
          >
            <div class="title background-color-active">
              GHG Producing Bacteria
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#034</div>
            <div class="content">
              <div class="requirements">4% O2</div>
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <br />
              OR
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              <div class="red-arrow"></div>
              <div class="tile temperature-tile"></div>
              <div class="description">
                (Action: Add 1 Microbe to this card, or remove 2 Microbes to
                raise temperature 1 step.)<br /><br />
                (Requires 4% oxygen.)
              </div>
            </div>
          </li>

          <!--35-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active microbeTag reqs"
            data-oxygen="4"
          >
            <div class="title background-color-active">Ants</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#035</div>
            <div class="content">
              <div class="points">
                1/2
                <div class="resource microbe"></div>
              </div>
              <div class="requirements">4% O2</div>
              <div class="microbe resource red-outline"></div>
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <div class="description">
                (Action: Remove 1 Microbe from any card to add 1 to this card.)
                <br /><br />
                (Requires 4% oxygen. 1 VP per 2 Microbes on this card.)
              </div>
            </div>
          </li>

          <!--36-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">
              Release of Inert Gases
            </div>
            <div class="price">14</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#036</div>
            <div class="content">
              <div class="tile rating"></div>
              <div class="tile rating"></div>

              <div class="description">
                (Raise your terraform rating 2 steps.)
              </div>
            </div>
          </li>

          <!--37-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">
              Nitrogen-Rich Asteroid
            </div>
            <div class="price">31</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#037</div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production plant" style="margin-left: 37px"></div>
                OR <br />
                3
                <div class="tag-plant resource-tag"></div>
                : 4
                <div class="plant production"></div>
              </div>
              <br />
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="description">
                (Raise your terraforming rating 2 steps and temperature 1 step.
                Increase your Plant production 1 step, or 4 steps if you have 3
                Plant tags.)
              </div>
            </div>
          </li>

          <!--38-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Rover Construction</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#038</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div
                class="tile city-tile"
                style="
                  filter: brightness(0.8) drop-shadow(1px 0px 1px #c33)
                    drop-shadow(-1px 0px 1px #c33) drop-shadow(0px 1px 1px #c33)
                    drop-shadow(0px -1px 1px #c33);
                "
              ></div>
              :
              <div class="money resource">2</div>
              <div class="description">
                (Effect: When any City tile is placed, gain 2 MC.)
              </div>
            </div>
          </li>

          <!--39-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Deimos Down</div>
            <div class="price">31</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#039</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <br />
              <div class="minus"></div>
              8
              <div class="resource plant red-outline"></div>
              <div class="description">
                (Raise temperature 3 steps and gain 4 steel. Remove up to 8
                Plants from any player.)
              </div>
            </div>
          </li>

          <!--40-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag standard"
          >
            <div class="title background-color-automated">Asteroid Mining</div>
            <div class="price">30</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#040</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="production-box production-box-size2">
                <div class="production titanium"></div>
                <div class="production titanium"></div>
              </div>
              <div class="description">
                (Increase your titanium production 2 steps.)
              </div>
            </div>
          </li>

          <!--41-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">Food Factory</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#041</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">4</div>
              </div>
              <div class="description">
                (Decrease your Plant production 1 step and increase your MC
                production 4 steps.)
              </div>
            </div>
          </li>

          <!--42-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated microbeTag standard reqs"
            data-temperature="-18"
          >
            <div class="title background-color-automated">Archaebacteria</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#042</div>
            <div class="content">
              <div class="requirements requirements-max">max -18 C</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="description">
                (It must be -18 C or colder. Increase your Plant production 1
                step.)
              </div>
            </div>
          </li>

          <!--43-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">
              Carbonate Processing
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#043</div>
            <div class="content">
              <div class="production-box production-box-size3a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Decrease your Energy production 1 step and increase your heat
                production 3 steps.)
              </div>
            </div>
          </li>

          <!--44-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag scienceTag standard reqs"
            data-oxygen="4"
          >
            <div class="title background-color-automated">Natural Preserve</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#044</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements requirements-max">max 4% O2</div>
              <div class="production-box">
                <div class="money production">1</div>
              </div>
              <div
                class="tile special-tile"
                style="font-size: 24px; margin-left: 20px"
              >
                &#x2642;
              </div>
              *
              <div class="description">
                (Oxygen must be 4% or less. Place this tile NEXT TO NO OTHER
                TILE. Increase your MC production 1 step.)
              </div>
            </div>
          </li>

          <!--45-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Nuclear Power</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#045</div>
            <div class="content">
              <div class="production-box production-box-size3a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">2</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease your MC production 2 steps and increase your Energy
                production 3 steps.)
              </div>
            </div>
          </li>

          <!--46-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag corporate reqs"
            data-science="3"
          >
            <div class="title background-color-automated">
              Lightning Harvest
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#046</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Science</div>
              <div class="production-box production-box-size2">
                <div class="energy production"></div>
                <div class="money production">1</div>
              </div>
              <div class="description">
                (Requires 3 Science tags. Increase your Energy production and
                your MC production up one step each.)
              </div>
            </div>
          </li>

          <!--47-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-oceans="5"
          >
            <div class="title background-color-automated">Algae</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#047</div>
            <div class="content">
              <div class="requirements">5 Oceans</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="description">
                (Requires 5 ocean tiles. Gain 1 Plant and increase your Plant
                production 2 steps.)
              </div>
            </div>
          </li>

          <!--48-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard"
          >
            <div class="title background-color-automated">Adapted Lichen</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#048</div>
            <div class="content">
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="description">
                (Increase your Plant production 1 step.)
              </div>
            </div>

            <!--49-->
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv corporate active microbeTag"
          >
            <div class="title background-color-active">Tardigrades</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#049</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/4
                <div class="resource microbe"></div>
              </div>
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <br />
              <div class="description">
                (Action: Add 1 Microbe to this card.)
                <br /><br />
                (1 VP per 4 Microbes on this card.)
              </div>
            </div>
          </li>

          <!--50-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events microbeTag eventTag corporate"
          >
            <div class="title background-color-events">Virus</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="number">#050</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="minus"></div>
              2
              <div class="resource animal red-outline"></div>
              OR
              <div class="minus"></div>
              5
              <div class="resource plant red-outline"></div>
              <div class="description">
                (Remove up to 2 Animals or 5 Plants from any player.)
              </div>
            </div>
          </li>

          <!--51-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag corporate"
          >
            <div class="title background-color-automated">Miranda Resort</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#051</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size2a">
                <div class="production money">1</div>
                /
                <div class="resource-tag production-tag tag-earth"></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for each Earth tag you
                have.)
              </div>
            </div>
          </li>

          <!--52-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-temperature="2"
          >
            <div class="title background-color-active">Fish</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#052</div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements">+2 C</div>
              <span class="red-arrow"></span>
              <div class="animal resource"></div>
              <div class="description">
                (Action: Add 1 Animal to this card.)
              </div>
              <br />
              <div
                class="production-box production-box-size1a"
                style="margin-top: -10px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
              </div>
              <div
                class="description"
                style="text-align: left; margin-top: -5px"
              >
                (Requires +2 C or warmer. Decrease any Plant production 1
                step.<br />
                1 VP for each Animal <br />
                on this card.)
              </div>
            </div>
          </li>

          <!--53-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard reqs noneTag"
            data-temperature="0"
          >
            <div class="title background-color-automated">Lake Marineris</div>
            <div class="price">18</div>
            <div class="number">#053</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">0 C</div>
              <div class="tile ocean-tile"></div>
              <div class="tile ocean-tile"></div>
              <br />
              <div class="description">
                (Requires 0 C or warmer. Place 2 ocean tiles.)
              </div>
            </div>
          </li>

          <!--54-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-oxygen="6"
          >
            <div class="title background-color-active">Small Animals</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#054</div>
            <div class="content">
              <div class="points">
                1/2
                <div class="animal resource"></div>
              </div>
              <div class="requirements">6% O2</div>
              <span class="red-arrow"></span>
              <div class="animal resource"></div>
              <div class="description" style="margin-bottom: 5px">
                (Action: Add 1 Animal to this card.)
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
              </div>
              <div class="description" style="text-align: left">
                (Requires 6% oxygen. Decrease any Plant production 1 step.
                <br />1 VP per 2 Animals <br />on this card.)
              </div>
            </div>
          </li>

          <!--55-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-oceans="6"
          >
            <div class="title background-color-automated">Kelp Farming</div>
            <div class="price">17</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#055</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">6 Oceans</div>
              <div class="production-box production-box-size3">
                <div class="money production">2</div>
                <br />
                <div class="plant production"></div>
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Requires 6 ocean tiles. Increase your MC production 2 steps and
                your Plant production 3 steps. Gain 2 Plants.)
              </div>
            </div>
          </li>

          <!--56-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">Mine</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#056</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="steel production"></div>
              </div>
              <div class="description">
                (Increase your steel production 1 step.)
              </div>
            </div>
          </li>

          <!--57-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag corporate"
          >
            <div class="title background-color-automated">Vesta Shipyard</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#057</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box">
                <div class="production titanium"></div>
              </div>
              <div class="description">
                (Increase your titanium production 1 step.)
              </div>
            </div>
          </li>

          <!--58-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag powerTag standard reqs"
            data-jovian="1"
          >
            <div
              class="title background-color-automated"
              style="font-size: 14px"
            >
              Beam from a Thorium Asteroid
            </div>
            <div class="price">32</div>
            <div class="tag tag1 tag-power"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-jovian"></div>
            <div class="number">#058</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">Jovian</div>

              <div class="production-box production-box-size3">
                <div class="production heat"></div>
                <div class="production heat"></div>
                <div class="production heat"></div>
                <br />
                <div class="production energy"></div>
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <div class="description">
                (Requires a Jovian tag. Increase your heat production and Energy
                production 3 steps each.)
              </div>
            </div>
          </li>

          <!--59-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="4"
          >
            <div class="title background-color-automated">Mangrove</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#059</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">+4 C</div>
              <div class="tile greenery-tile"></div>

              <div class="description">
                (Requires +4 C or warmer. Place a greenery tile ON AN AREA
                RESERVED FOR OCEAN and raise oxygen 1 step. Disregard normal
                placement restrictions for this.)
              </div>
            </div>
          </li>

          <!--60-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-4"
          >
            <div class="title background-color-automated">Trees</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#060</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">-4 C</div>
              <div class="production-box production-box-size3">
                <div class="plant production"></div>
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>

              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="description">
                (Requires -4 C or warmer. Increase your Plant production 3
                steps. Gain 1 Plant.)
              </div>
            </div>
          </li>

          <!--61-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated corporate reqs noneTag"
          >
            <div
              class="title background-color-automated"
              style="font-size: 14px"
            >
              Great Escarpment Consortium
            </div>
            <div class="price">6</div>
            <div class="number">#061</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Steel production</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="production steel red-outline"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="production steel"></div>
              </div>
              <div class="description">
                (Requires that you have steel production. Decrease any steel
                production 1 step and increase your own 1 step.)
              </div>
            </div>
          </li>

          <!--62-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">Mineral Deposit</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#062</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              5
              <div class="resource steel"></div>
              <div class="description">(Gain 5 steel.)</div>
            </div>
          </li>

          <!--63-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">Mining Expedition</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#063</div>
            <div class="content">
              <div class="tile oxygen-tile"></div>
              <br />
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource plant red-outline"></div>
              <div class="resource plant red-outline"></div>
              <div class="description">
                (Raise oxygen 1 step. Remove 2 plants from any player. Gain 2
                steel.)
              </div>
            </div>
          </li>

          <!--64-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">Mining Area</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#064</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="tile special-tile">&#x2692;</div>
              *<br />
              <div class="production-box production-box-size3">
                <div class="steel production"></div>
                OR
                <div class="titanium production"></div>
              </div>
              *
              <div class="description">
                (Place this tile on an area with a steel or titanium placement
                bonus, adjacent to another of your tiles. Increase your
                production of that resource 1 step.)
              </div>
            </div>
          </li>

          <!--65-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">
              Building Industries
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#065</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="steel production"></div>
                <div class="steel production"></div>
              </div>
              <div class="description">
                (Decrease your Energy production 1 step and increase your steel
                production 2 steps.)
              </div>
            </div>
          </li>

          <!--66-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">Land Claim</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#066</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content" style="font-size: 14px; font-weight: normal">
              PLACE YOUR MARKER ON A NON-RESERVED AREA. ONLY YOU MAY PLACE A
              TILE HERE.
            </div>
          </li>

          <!--67-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">Mining Rights</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#067</div>
            <div class="content">
              <div class="tile special-tile">&#x2692;</div>
              *<br />
              <div class="production-box production-box-size3">
                <div class="steel production"></div>
                OR
                <div class="titanium production"></div>
              </div>
              *
              <div class="description">
                (Place this tile on an area with a steel or titanium placement
                bonus. Increase that production 1 step.)
              </div>
            </div>
          </li>

          <!--68-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag corporate"
          >
            <div class="title background-color-automated">Sponsors</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#068</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--69-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag corporate reqs"
            data-oxygen="8"
          >
            <div class="title background-color-active">Electro Catapult</div>
            <div class="price">17</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#069</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements requirements-max">max 8% O2</div>
              <div class="resource plant"></div>
              /
              <div class="resource steel"></div>
              <div class="red-arrow"></div>
              <div class="resource money">7</div>
              <br />
              <div
                class="description"
                style="margin-top: -5px; margin-bottom: 2px"
              >
                (Action: Spend 1 plant or 1 steel to gain 7MC.)
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="description" style="text-align: left">
                (Oxygen must be 8% or less. Decrease your energy production 1
                step.)
              </div>
            </div>
          </li>

          <!--70-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag corporate"
          >
            <div class="title background-color-active">Earth Catapult</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#070</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              : <span class="money resource">-2</span>
              <div class="description">
                (Effect: When you play a card, you pay 2 MC less for it.)
              </div>
            </div>
          </li>

          <!--71-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag corporate"
          >
            <div class="title background-color-active">Advanced Alloys</div>
            <div class="price">9</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#071</div>
            <div class="content">
              <div class="resource titanium"></div>
              : +
              <div class="resource money">1</div>
              <br />
              <div class="resource steel"></div>
              : +
              <div class="resource money">1</div>
              <div class="description">
                (Effect: Each titanium you have is worth 1 MC extra. Each steel
                you have is worth 1 MC extra. )
              </div>
            </div>
          </li>

          <!--72-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-oxygen="13"
          >
            <div class="title background-color-active">Birds</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#072</div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements" style="margin-bottom: 5px">13% O2</div>
              <div class="red-arrow"></div>
              <div class="animal resource"></div>
              <div
                class="description"
                style="margin-top: -5px; margin-bottom: 5px"
              >
                (Action: Add an animal to this card.)
              </div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
                <div class="plant production red-outline"></div>
              </div>
              <div class="description" style="margin-top: -5px">
                (Requires 13% oxygen. Decrease any plant production 2 steps. 1
                VP per Animal on this card.)
              </div>
            </div>
          </li>

          <!--73-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag corporate"
          >
            <div class="title background-color-active">Mars University</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#073</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-science"></div>
              : - <span class="card resource"></span> +
              <span class="card resource"></span>
              <div class="description">
                (Effect: When you play a Science tag, including this, you may
                discard a card from hand to draw a card.)
              </div>
            </div>
          </li>

          <!--74-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag microbeTag corporate"
          >
            <div class="title background-color-active">Viral Enhancers</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#074</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="resource-tag tag-plant"></div>
              /
              <div class="resource-tag tag-microbe"></div>
              /
              <div class="resource-tag tag-animal"></div>
              : <br />
              <div class="plant resource"></div>
              /
              <div class="microbe resource"></div>
              * /
              <div class="animal resource"></div>
              *
              <div class="description">
                (Effect: When you play a plant, microbe, or an animal tag,
                including this, gain 1 plant or add 1 resource to THAT CARD.)
              </div>
            </div>
          </li>

          <!--75-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Towing a Comet</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#075</div>
            <div class="content">
              <div class="tile oxygen-tile"></div>
              <div class="tile ocean-tile"></div>
              <br />
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Gain 2 plants. Raise oxygen level 1 step and place an ocean
                tile.)
              </div>
            </div>
          </li>

          <!--76-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag spaceTag standard"
          >
            <div class="title background-color-active">Space Mirrors</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#076</div>
            <div class="content">
              <div class="resource money">7</div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Action: Spend 7 MC to increase your energy production 1 step.)
              </div>
            </div>
          </li>

          <!--77-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag powerTag spaceTag standard"
          >
            <div class="title background-color-automated">Solar Wind Power</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-power"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#077</div>
            <div class="content">
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <br />
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="description">
                (Increase your energy production 1 step and gain 2 titanium.)
              </div>
            </div>
          </li>

          <!--78-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Ice Asteroid</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#078</div>
            <div class="content">
              <div class="tile ocean-tile"></div>
              <div class="tile ocean-tile"></div>
              <div class="description">(Place 2 ocean tiles.)</div>
            </div>
          </li>

          <!--79-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag scienceTag corporate reqs"
            data-science="4"
          >
            <div class="title background-color-active">Quantum Extractor</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-power"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#079</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="requirements">4 Science</div>
              <div class="resource-tag tag-space"></div>
              :
              <div class="money resource">-2</div>
              <div class="description">
                (Effect: When you play a Space card, you pay 2 MC less for it.)
              </div>
              <div
                class="production-box production-box-size1a"
                style="margin-top: 10px"
              >
                4
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 4 science tags. Increase your energy production 4
                steps.)
              </div>
            </div>
          </li>

          <!--80-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Giant Ice Asteroid</div>
            <div class="price">36</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#080</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="tile ocean-tile"></div>
              <div class="tile ocean-tile"></div>
              <br />
              <div class="minus"></div>
              6
              <div class="plant resource red-outline"></div>
              <div class="description">
                (Raise temperature 2 steps and place 2 ocean tiles. Remove up to
                6 plants from any player.)
              </div>
            </div>
          </li>

          <!--81-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag cityTag standard"
          >
            <div class="title background-color-automated">Ganymede Colony</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-city"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-jovian"></div>
            <div class="number">#081</div>
            <div class="content">
              <div class="points points-big">
                1/<span class="resource-tag tag-jovian"></span>
              </div>
              <div class="tile city-tile"></div>
              *
              <div class="description">
                (Place a city tile ON THE RESERVED AREA. 1 VP per Jovian tag you
                have.)
              </div>
            </div>
          </li>

          <!--82-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag corporate"
          >
            <div class="title background-color-automated">
              Callisto Penal Mines
            </div>
            <div class="price">24</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#082</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="production-box">
                <div class="production money">3</div>
              </div>
              <div class="description">
                (Increase your MC production 3 steps.)
              </div>
            </div>
          </li>

          <!--83-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag powerTag standard"
          >
            <div class="title background-color-automated">
              Giant Space Mirror
            </div>
            <div class="price">17</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#083</div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production energy"></div>
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <div class="description">
                (Increase your energy production 3 steps.)
              </div>
            </div>
          </li>

          <!--84-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag scienceTag corporate"
          >
            <div class="title background-color-automated">
              Trans-Neptune Probe
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#084</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
            </div>
          </li>

          <!--85-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">
              Commercial District
            </div>
            <div class="price">16</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#085</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points big">
                1/
                <div class="tile city-tile-small"></div>
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">4</div>
              </div>
              <div class="description" style="margin-top: -5px">
                (Decrease your energy production 1 step and increase your MC
                production 4 steps.)
              </div>
              <div class="tile special-tile">&#x20ac;</div>
              <div class="description" style="text-align: left">
                (Place this tile. 1 VP PER<br />
                ADJACENT CITY TILE.)
              </div>
            </div>
          </li>

          <!--86-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag corporate"
          >
            <div class="title background-color-automated">
              Robotic Workforce
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#086</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              COPY A &nbsp;
              <div class="production-box">
                <div class="resource-tag production-tag tag-building"></div>
              </div>
              <div class="description">
                (Duplicate only the production box of one of your building
                cards.)
              </div>
            </div>
          </li>

          <!--87-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-16"
          >
            <div class="title background-color-automated">Grass</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#087</div>
            <div class="content">
              <div class="requirements">-16 C</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Requires -16 C or warmer. Increase your plant production 1
                step. Gain 3 plants.)
              </div>
            </div>
          </li>

          <!--88-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-14"
          >
            <div class="title background-color-automated">Heather</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#088</div>
            <div class="content">
              <div class="requirements">-14 C</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="description">
                (Requires -14 C or warmer. Increase your plant production 1
                step. Gain 1 plant.)
              </div>
            </div>
          </li>

          <!--89-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Peroxide Power</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#089</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">1</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease your MC production 1 step and increase your Energy
                production 2 steps.)
              </div>
            </div>
          </li>

          <!--90-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag corporate"
          >
            <div class="title background-color-automated">Research</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-science"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#090</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Counts as playing 2 science cards. Draw 2 cards.)
              </div>
            </div>
          </li>

          <!--91-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag corporate reqs"
            data-science="3"
          >
            <div class="title background-color-automated">Gene Repair</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#091</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>

              <div class="requirements">3 Science</div>
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <div class="description">
                (Requires 3 science tags. Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--92-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag corporate"
          >
            <div class="title background-color-automated">
              Io Mining Industries
            </div>
            <div class="price">41</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#092</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">
                1/<span class="tag-jovian resource-tag"></span>
              </div>
              <div class="production-box production-box-size3">
                <div class="production titanium"></div>
                <div class="production titanium"></div>
                <div class="production money">2</div>
              </div>
              <div class="description">
                (Increase your titanium production 2 steps and your MC
                production 2 steps. 1 VP per Jovian tag you have.)
              </div>
            </div>
          </li>

          <!--93-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-10"
          >
            <div class="title background-color-automated">Bushes</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#093</div>
            <div class="content">
              <div class="requirements">-10 C</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Requires -10 C or warmer. Increase your plant production 2
                steps. Gain 2 plants.)
              </div>
            </div>
          </li>

          <!--94-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag powerTag corporate reqs"
            data-science="5"
          >
            <div class="title background-color-active">Mass Converter</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-power"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#094</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="requirements">5 Science</div>
              <div class="resource-tag tag-space"></div>
              :
              <div class="money resource">-2</div>
              <div class="description">
                (Effect: When you play a Space card, you pay 2 MC less for it.)
              </div>
              <div
                class="production-box production-box-size1a"
                style="margin-top: 10px"
              >
                6
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 5 science tags. Increase your energy production 6
                steps.)
              </div>
            </div>
          </li>

          <!--95-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag corporate"
          >
            <div class="title background-color-active">Physics Complex</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#095</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">
                <span style="margin-left: -8px">2/</span>
                <div class="science resource"></div>
              </div>
              6
              <div class="energy resource"></div>
              <div class="red-arrow"></div>
              <div class="resource science"></div>
              <div class="description">
                (Action: Spend 6 Energy to add a science resource to this card.)
              </div>
              <br /><br /><br />
              <div class="description">
                (2 VP for each science resource on this card.)
              </div>
            </div>
          </li>

          <!--96-->
          <li
            onclick="getClickedCard();"
            class="filterDiv plantTag buildingTag automated standard"
          >
            <div class="title background-color-automated">Greenhouses</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="number">#096</div>
            <div class="content">
              <div class="resource plant"></div>
              /
              <div class="tile city-tile red-outline"></div>
              <div class="description">
                (Gain 1 plant for each city tile in play.)
              </div>
            </div>
          </li>

          <!--97-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag standard"
          >
            <div class="title background-color-automated">Nuclear Zone</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#097</div>
            <div class="content">
              <div class="points points-big">-2</div>
              <div class="tile special-tile">&#x2622;</div>
              <br />
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="description">
                (Place this tile and raise temperature 2 steps.)
              </div>
            </div>
          </li>

          <!--98-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">Tropical Resort</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#098</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div class="description">
                (Reduce your heat production 2 steps and increase your MC
                production 3 steps.)
              </div>
            </div>
          </li>

          <!--99-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag corporate"
          >
            <div class="title background-color-automated">Toll Station</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#099</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production money">1</div>
                /
                <div
                  class="resource-tag production-tag tag-space red-outline"
                ></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for each space tag your
                OPPONENTS have.)
              </div>
            </div>
          </li>

          <!--100-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">
              Fueled Generators
            </div>
            <div class="price">1</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#100</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">1</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease your MC production 1 step and increase your Energy
                production 1 step.)
              </div>
            </div>
          </li>

          <!--101-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Ironworks</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#101</div>
            <div class="content">
              4 <span class="energy resource"></span>
              <div class="red-arrow"></div>
              <div class="steel resource"></div>
              <div class="tile oxygen-tile"></div>
              <div class="description">
                (Action: Spend 4 energy to gain 1 steel and raise oxygen 1
                step.)
              </div>
            </div>
          </li>

          <!--102-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag standard"
          >
            <div class="title background-color-automated">Power Grid</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#102</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="energy production"></div>
                /
                <div class="resource-tag production-tag tag-power"></div>
              </div>
              <div class="description">
                (Increase your Energy production step for each Power tag you
                have, including this.)
              </div>
            </div>
          </li>

          <!--103-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Steelworks</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#103</div>
            <div class="content">
              4 <span class="energy resource"></span>
              <div class="red-arrow"></div>
              <div class="steel resource"></div>
              <div class="resource steel"></div>
              <div class="tile oxygen-tile" style="margin-left: 0px"></div>
              <div class="description">
                (Action: Spend 4 energy to gain 2 steel and increase oxygen 1
                step.)
              </div>
            </div>
          </li>

          <!--104-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Ore Processor</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#104</div>
            <div class="content">
              4 <span class="energy resource"></span>
              <div class="red-arrow"></div>
              <div class="titanium resource"></div>
              <div class="tile oxygen-tile"></div>
              <div class="description">
                (Action: Spend 4 energy to gain 1 titanium and increase oxygen 1
                step.)
              </div>
            </div>
          </li>

          <!--105-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag corporate"
          >
            <div class="title background-color-active">Earth Office</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#105</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="resource-tag tag-earth"></div>
              :
              <div class="money resource">-3</div>
              <div class="description">
                (Effect: When you play an Earth card, you pay 3 MC less for it.)
              </div>
            </div>
          </li>

          <!--106-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag corporate"
          >
            <div class="title background-color-automated">Acquired Company</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#106</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="money production">3</div>
              </div>
              <div class="description">
                (Increase your MC production 3 steps.)
              </div>
            </div>
          </li>

          <!--107-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag corporate"
          >
            <div class="title background-color-automated">Media Archives</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#107</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="money resource">1</div>
              /
              <div class="resource-tag tag-event red-outline"></div>
              <div class="description">
                (Gain 1 MC for each event EVER PLAYED by all players.)
              </div>
            </div>
          </li>

          <!--108-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard reqs"
            data-oxygen="12"
          >
            <div class="title background-color-automated">Open City</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#108</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">12% O2</div>
              <div
                class="production-box production-box-size1a"
                style="margin-bottom: 5px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">4</div>
              </div>
              <div
                class="tile city-tile"
                style="margin-left: 20px; margin-bottom: 5px"
              ></div>
              <br />
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div
                class="description"
                style="margin-top: -10px; font-size: 11px; text-align: left"
              >
                (Requires 12% oxygen. Gain 2 plants. Place a City tile.
                Decrease<br />your Energy production 1 <br />step and increase
                your <br />MC production 4 steps.)
              </div>
            </div>
          </li>

          <!--109-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag corporate"
          >
            <div class="title background-color-active">Media Group</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#109</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="resource-tag tag-event"></div>
              :
              <div class="money resource">3</div>
              <div class="description">
                (Effect: After you play an event card, you gain 3MC.)
              </div>
            </div>
          </li>

          <!--110-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag corporate"
          >
            <div class="title background-color-active">Business Network</div>
            <div class="price">4</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#110</div>
            <div class="content">
              <div class="red-arrow"></div>
              <span style="font-size: 14px"
                >ACTION: LOOK AT THE TOP CARD AND EITHER BUY IT OR DISCARD
                IT</span
              >
              <br /><br />
              <div class="production-box">
                <div class="production money">-1</div>
              </div>
              <div class="description">
                (Decrease your MC production 1 step.)
              </div>
            </div>
          </li>

          <!--111-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag eventTag corporate"
          >
            <div class="title background-color-events">Business Contacts</div>
            <div class="price">7</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#111</div>
            <div class="content">
              <span style="font-size: 14px"
                >LOOK AT THE TOP 4 CARDS FROM THE DECK. TAKE 2 OF THEM INTO HAND
                AND DISCARD THE OTHER 2</span
              >
            </div>
          </li>

          <!--112-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag eventTag corporate"
          >
            <div class="title background-color-events">Bribed Committee</div>
            <div class="price">7</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#112</div>
            <div class="content">
              <div class="points points-big">-2</div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description">(Raise your TR 2 steps.)</div>
            </div>
          </li>

          <!--113-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Solar Power</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#113</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Increase your energy production 1 step.)
              </div>
            </div>
          </li>

          <!--114-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag standard reqs"
            data-oxygen="7"
          >
            <div class="title background-color-automated">
              Breathing Filters
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#114</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">7% O2</div>
              <div class="description">(Requires 7% oxygen.)</div>
            </div>
          </li>

          <!--115-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag standard"
          >
            <div class="title background-color-automated">
              Artificial Photosynthesis
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#115</div>
            <div class="content">
              <div class="production-box production-box-size4">
                <div class="production plant"></div>
                OR
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <div class="description">
                (Increase your plant production 1 step or your energy production
                2 steps.)
              </div>
            </div>
          </li>

          <!--116-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard reqs"
            data-temperature="-6"
          >
            <div class="title background-color-automated">Artificial Lake</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#116</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">-6 C</div>
              <div class="tile ocean-tile"></div>
              *
              <div class="description">
                (Requires -6 C or warmer. Place 1 ocean tile ON AN AREA NOT
                RESERVED FOR OCEAN.)
              </div>
            </div>
          </li>

          <!--117-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Geothermal Power</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#117</div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Increase your energy production 2 step.)
              </div>
            </div>
          </li>

          <!--118-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="4"
          >
            <div class="title background-color-automated">Farming</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#118</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">+4 C</div>
              <div class="production-box production-box-size2">
                <div class="money production">2</div>
                <br />
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Requires +4 C or warmer. Increase your MC production 2 steps
                and your plant production 2 steps. Gain 2 Plants.)
              </div>
            </div>
          </li>

          <!--119-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard noneTag reqs"
            data-oceans="3"
          >
            <div class="title background-color-automated">Dust Seals</div>
            <div class="price">2</div>
            <div class="number">#119</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements requirements-max">max 3 Oceans</div>
              <div class="description">(Requires 3 or less ocean tiles.)</div>
            </div>
          </li>

          <!--120-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag standard"
          >
            <div class="title background-color-automated">Urbanized Area</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#120</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              *<br />
              <div class="description">
                (Decrease your energy production 1 step and increase your MC
                production 2 steps. Place a city tile ADJACENT TO AT LEAST 2
                OTHER CITY TILES.)
              </div>
            </div>
          </li>

          <!--121-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">Sabotage</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#121</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              -3
              <div class="resource titanium red-outline"></div>
              OR -4
              <div class="resource steel red-outline"></div>
              OR -
              <div class="resource money red-outline">7</div>
              <div class="description">
                (Remove up to 3 titanium from any player, or 4 steel, or 7 MC.)
              </div>
            </div>
          </li>

          <!--122-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-oceans="3"
          >
            <div class="title background-color-automated">Moss</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#122</div>
            <div class="content">
              <div class="requirements">3 Oceans</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              &nbsp;&nbsp; -
              <div class="plant resource"></div>
              <div class="description">
                (Requires 3 oean tiles and that you lose 1 plant. Increase your
                plant production 1 step.)
              </div>
            </div>
          </li>

          <!--123-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag corporate"
          >
            <div class="title background-color-active">Industrial Center</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#123</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="money resource">7</div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="steel production"></div>
              </div>
              <div class="description">
                (Action: Spend 7 MC to increase your steel production 1 step.)
              </div>
              <br />
              <div class="tile special-tile" style="font-size: 17px">
                &#x1f3ed;
              </div>
              *
              <div class="description">
                (Place this tile adjacent to a city tile.)
              </div>
            </div>
          </li>

          <!--124-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">Hired Raiders</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#124</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              STEAL 2
              <div class="resource steel red-outline"></div>
              <br />OR STEAL
              <div class="resource money red-outline">3</div>
              <div class="description">
                (Steal up to 2 steel, or 3 MC from any player.)
              </div>
            </div>
          </li>

          <!--125-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated corporate noneTag"
          >
            <div class="title background-color-automated">Hackers</div>
            <div class="price">3</div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#125</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="money production red-outline">2</div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Decrease your energy production 1 step and any MC production 2
                steps. increase your MC production 2 steps.
              </div>
            </div>
          </li>

          <!--126-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">GHG Factories</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#126</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix" style="margin-left: -8px">
                  <div class="minus"></div>
                </div>
                <div class="energy production"></div>
                <br />
                4
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Decrease your Energy production 1 step and increase your heat
                production 4 steps.)
              </div>
            </div>
          </li>

          <!--127-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">
              Subterranean Reservoir
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#127</div>
            <div class="content">
              <div class="tile ocean-tile"></div>
              <div class="description">(Place 1 ocean tile.)</div>
            </div>
          </li>

          <!--128-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active plantTag animalTag standard reqs"
          >
            <div class="title background-color-active">Ecological Zone</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-animal"></div>
            <div class="number">#128</div>
            <div class="content">
              <div class="points">
                1/2
                <div class="resource animal"></div>
              </div>
              <div class="requirements">Forest</div>
              <div class="tag-animal resource-tag"></div>
              /
              <div class="tag-plant resource-tag"></div>
              :
              <div class="animal resource"></div>
              <div class="description">
                (Effect: When you play an animal or plant tag (including these),
                add an animal to this card.)
              </div>
              <div
                class="tile special-tile"
                style="margin-left: 143px; font-size: 22px"
              >
                &#x1F43e;&#xFE0E;
              </div>
              <div
                class="description"
                style="text-align: left; margin-top: -55px"
              >
                (Requires that you have a <br />greenery tile. Place this tile
                <br />
                adjacent to any greenery <br />tile. <br /><br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 VP per 2 Animals<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                on this card.)
              </div>
            </div>
          </li>

          <!--129-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard reqs noneTag"
            data-oxygen="5"
          >
            <div class="title background-color-automated">Zeppelins</div>
            <div class="price">13</div>
            <div class="number">#129</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">5% O2</div>
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div
                  class="tile city-tile-small red-outline"
                  style="margin-bottom: 0px"
                ></div>
                <br />
              </div>
              <div class="description">
                (Requires 5% oxygen. Increase your MC production 1 step for each
                City tile ON MARS.)
              </div>
            </div>
          </li>

          <!--130-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard microbeTag reqs"
            data-oxygen="4"
          >
            <div class="title background-color-automated">Worms</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#130</div>
            <div class="content">
              <div class="requirements">4% O2</div>
              <div class="production-box production-box-size3">
                <div class="plant production"></div>
                / 2
                <div class="resource-tag production-tag tag-microbe"></div>
                <br />
              </div>
              <div class="description">
                (Requires 4% oxygen. Increase your Plant production 1 step for
                every 2 Microbe tags you have, including this.)
              </div>
            </div>
          </li>

          <!--131-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag standard reqs"
            data-oxygen="3"
          >
            <div class="title background-color-active">Decomposers</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#131</div>
            <div class="content">
              <div class="points">
                1/3
                <div class="resource microbe"></div>
              </div>
              <div class="requirements">3% O2</div>
              <div class="tag-animal resource-tag"></div>
              /
              <div class="tag-plant resource-tag"></div>
              /
              <div class="tag-microbe resource-tag"></div>
              :
              <div class="microbe resource"></div>
              <div class="description">
                (Effect: When you play an Animal, Plant, or Microbe tag,
                including this, add a Microbe to this card.)
              </div>
              <div class="description" style="margin-top: 10px">
                (Requires 3% oxygen. 1 VP per 3 Microbes on this card.)
              </div>
            </div>
          </li>

          <!--132-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag scienceTag standard reqs"
          >
            <div class="title background-color-automated">Fusion Power</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#132</div>
            <div class="content">
              <div class="requirements">2 Power</div>
              <div class="production-box production-box-size3">
                <div class="energy production"></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 2 Power tags. Increase your Energy production 3
                steps.)
              </div>
            </div>
          </li>

          <!--133-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active microbeTag reqs"
            data-temperature="-14"
          >
            <div class="title background-color-active">Symbiotic Fungus</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#133</div>
            <div class="content">
              <div class="requirements">-14 C</div>
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              *
              <div class="description">
                (Action: Add a microbe to ANOTHER card.)
                <br /><br />
                (Requires -14 C or warmer.)
              </div>
            </div>
          </li>

          <!--134-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active microbeTag reqs"
            data-temperature="-10"
          >
            <div class="title background-color-active">Extreme-Cold Fungus</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#134</div>
            <div class="content">
              <div class="requirements requirements-max">max -10 C</div>
              <div class="red-arrow" style="margin-left: -9px"></div>
              <div class="plant resource"></div>
              <br />
              OR
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              *

              <div class="description">
                (Action: Gain 1 plant or add 2 microbes to ANOTHER card.)
                <br /><br />
                (It must be -10 C or colder.)
              </div>
            </div>
          </li>

          <!--135-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag animalTag microbeTag standard reqs"
          >
            <div class="title background-color-automated">
              Advanced Ecosystems
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="tag tag3 tag-plant"></div>
            <div class="number">#135</div>
            <div class="content">
              <div class="points points-big">3</div>
              <div class="requirements">Plant Microbe Animal</div>
              <div class="description">
                (Requires a Plant tag, a Microbe tag, and an Animal tag.)
              </div>
            </div>
          </li>

          <!--136-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard reqs"
            data-oceans="4"
          >
            <div class="title background-color-automated">Great Dam</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#136</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">4 Oceans</div>
              <div class="production-box production-box-size2">
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 4 ocean tiles. Increase your Energy production 2
                steps.)
              </div>
            </div>
          </li>

          <!--137-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag corporate"
          >
            <div class="title background-color-automated">Cartel</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#137</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div class="tag-earth production-tag resource-tag"></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for each Earth tag you have,
                including this.)
              </div>
            </div>
          </li>

          <!--138-->
          <li
            onclick="getClickedCard();"
            class="filterDiv buildingTag standard automated"
          >
            <div class="title background-color-automated">Strip Mine</div>
            <div class="price">25</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#138</div>
            <div class="content">
              <div class="production-box production-box-size3a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="steel production"></div>
                <div class="steel production"></div>
                <div class="titanium production"></div>
              </div>
              <br />
              <div class="tile oxygen-tile"></div>
              <div class="tile oxygen-tile"></div>
              <div class="description">
                (Decrease your Energy production 2 steps. Increase your steel
                production 2 steps and your titanium production 1 step. Raise
                oxygen 2 steps.)
              </div>
            </div>
          </li>

          <!--139-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag standard reqs"
            data-oceans="3"
          >
            <div class="title background-color-automated">Wave Power</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#139</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Oceans</div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 3 ocean tiles. Increase your energy production 1
                step.)
              </div>
            </div>
          </li>

          <!--140-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">Lava Flows</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#140</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="tile special-tile" style="font-size: 18px">
                &#x1f30b;
              </div>
              *
              <div class="description">
                (Raise temperature 2 steps and place this tile ON EITHER THARSIS
                THOLUS, ASCRAEUS MONS, PAVONIS MONS OR ARSIA MONS.)
              </div>
            </div>
          </li>

          <!--141-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Power Plant</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#141</div>
            <div class="content">
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Increase your Energy production 1 step.)
              </div>
            </div>
          </li>

          <!--142-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">Mohole Area</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#142</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                4
                <div class="heat production"></div>
              </div>
              <br />
              <div class="tile special-tile">&#x2668;</div>
              *
              <div class="description">
                (Increase your heat production 4 steps. Place this tile ON AN
                AREA RESERVED FOR OCEAN.)
              </div>
            </div>
          </li>

          <!--143-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag spaceTag eventTag standard"
          >
            <div class="title background-color-events">Large Convoy</div>
            <div class="price">36</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#143</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="tile ocean-tile"></div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <br />
              5
              <div class="resource plant"></div>
              OR 4
              <div class="resource animal"></div>
              *
              <div class="description">
                (Place an ocean tile and draw 2 cards. Gain 5 Plants or add 4
                Animals to ANOTHER card.)
              </div>
            </div>
          </li>

          <!--144-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">Titanium Mine</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#144</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="titanium production"></div>
              </div>
              <div class="description">
                (Increase your titanium production 1 step.)
              </div>
            </div>
          </li>

          <!--145-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard reqs"
            data-science="2"
          >
            <div class="title background-color-automated">
              Tectonic Stress Power
            </div>
            <div class="price">18</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#145</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">2 Science</div>
              <div class="production-box production-box-size3">
                <div class="energy production"></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 2 Science tags. Increase your Energy production 3
                steps.)
              </div>
            </div>
          </li>

          <!--146-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-oceans="3"
          >
            <div class="title background-color-automated">Nitrophilic Moss</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#146</div>
            <div class="content">
              <div class="requirements">3 Oceans</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              &nbsp;&nbsp; -
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Requires 3 ocean tiles and that you lose 2 plants. Increase
                your plant production 2 steps.)
              </div>
            </div>
          </li>

          <!--147-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-oxygen="8"
          >
            <div class="title background-color-active">Herbivores</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#147</div>
            <div class="content">
              <div class="points">
                1/2
                <div class="animal resource"></div>
              </div>
              <div class="requirements">8% O2</div>
              <div class="tile greenery-tile" style="margin-top: -3px"></div>
              :
              <div class="animal resource"></div>
              <div class="description" style="margin-top: -8px">
                (Effect: When you place a greenery tile, add an Animal to this
                card.)
              </div>
              <div class="animal resource" style="margin-left: 105px"></div>
              <div
                class="production-box production-box-size1a"
                style="margin-top: 2px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
              </div>
              <div
                class="description"
                style="position: absolute; text-align: left; margin-top: -25px"
              >
                (Requires 8% oxygen.<br />
                Add 1 Animal to this card.<br />
                Decrease any Plant <br />production 1 step. 1 VP<br />
                per 2 Animals on this card.)
              </div>
            </div>
          </li>

          <!--148-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard microbeTag reqs"
            data-oxygen="6"
          >
            <div class="title background-color-automated">Insects</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#148</div>
            <div class="content">
              <div class="requirements">6% O2</div>
              <div class="production-box production-box-size2a">
                <div class="plant production"></div>
                /
                <div class="resource-tag production-tag tag-plant"></div>
                <br />
              </div>
              <div class="description">
                (Requires 6% oxygen. Increase your Plant production 1 step for
                each plant tag you have.)
              </div>
            </div>
          </li>

          <!--149-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">
              CEO's Favorite Project
            </div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#149</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content" style="font-size: 14px; font-weight: normal">
              ADD 1 RESOURCE TO A CARD WITH AT LEAST 1 RESOURCE ON IT
            </div>
          </li>

          <!--150-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag corporate reqs"
            data-science="7"
          >
            <div class="title background-color-active">
              Anti-gravity Technology
            </div>
            <div class="price">14</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#150</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">3</div>
              <div class="requirements">7 Science</div>
              : <span class="money resource">-2</span>
              <div class="description">
                (Effect: When you play a card, you pay 2 MC less for it.)
              </div>
              <br /><br />
              <div class="description">(Requires 7 science tags.)</div>
            </div>
          </li>

          <!--151-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag eventTag corporate"
          >
            <div class="title background-color-events">Investment Loan</div>
            <div class="price">3</div>
            <div class="corporate-icon project-icon"></div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#151</div>
            <div class="content">
              <div class="production-box">
                <div class="production money">-1</div>
              </div>
              <div class="resource money" style="margin-left: 20px">10</div>
              <div class="description">
                (Decrease your MC production 1 step. Gain 10 MC.)
              </div>
            </div>
          </li>

          <!--152-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard noneTag"
          >
            <div class="title background-color-automated">Insulation</div>
            <div class="price">2</div>
            <div class="number">#152</div>
            <div class="content">
              <div class="production-box production-box-size3">
                -X
                <div class="heat production"></div>
                +
                <div class="money production">X</div>
              </div>
              <div class="description">
                (Decrease your heat production any number of steps and increase
                your MC production the same number of steps.)
              </div>
            </div>
          </li>

          <!--153-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag standard"
          >
            <div class="title background-color-active">
              Adaptation Technology
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#153</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="tile globals-box">Temp / O2 / Ocean</div>
              : +/- 2
              <div class="description">
                (Effect: Your global requirements are +2 or -2 steps, your
                choice in each case.)
              </div>
            </div>
          </li>

          <!--154-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active corporate reqs noneTag"
            data-temperature="0"
          >
            <div class="title background-color-active">Caretaker Contract</div>
            <div class="price">3</div>
            <div class="number">#154</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="requirements">0 C</div>
              8 <span class="heat resource"></span>
              <div class="red-arrow"></div>
              <span class="rating tile"></span>
              <div class="description">
                (Action: Spend 8 heat to increase your terraform rating 1 step.)
              </div>
              <br />
              <div class="description">(Requires 0 C or warmer.)</div>
            </div>
          </li>

          <!--155-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard microbeTag scienceTag reqs"
            data-temperature="-14"
          >
            <div class="title background-color-automated">
              Designed Microorganisms
            </div>
            <div class="price">16</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#155</div>
            <div class="content">
              <div class="requirements requirements-max">max -14 C</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div class="description">
                (It must be -14 C or colder. Increase your Plant production 2
                steps.)
              </div>
            </div>
          </li>

          <!--156-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag corporate"
          >
            <div class="title background-color-active">Standard Technology</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-science"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#156</div>
            <div class="content">
              <div class="tile globals-box">Standard projects</div>
              :
              <div class="money resource">3</div>
              <div class="description">
                (Effect: After you pay for a standard project, except selling
                patents, you gain 3 MC.)
              </div>
            </div>
          </li>

          <!--157-->
          <li
            onclick="getClickedCard();"
            class="filterDiv standard active microbeTag"
          >
            <div class="title background-color-active">
              Nitrite Reducing Bacteria
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#157</div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <br />
              OR 3
              <div class="microbe resource"></div>
              <div class="red-arrow"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Action: Add 1 Microbe to this card, or remove 3 Microbes to
                increase your TR 1 step.
              </div>
              <br />
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              <div class="description">(Add 3 Microbes to this card.)</div>
            </div>
          </li>

          <!--158-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag microbeTag standard"
          >
            <div class="title background-color-automated">
              Industrial Microbes
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="number">#158</div>
            <div class="content">
              <div class="production-box">
                <div class="energy production"></div>
                <div class="steel production"></div>
              </div>
              <div class="description">
                (Increase your Energy production and your steel production 1
                step each.)
              </div>
            </div>
          </li>

          <!--159-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-24"
          >
            <div class="title background-color-automated">Lichen</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#159</div>
            <div class="content">
              <div class="requirements">-24 C</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="description">
                (Requires -24 C or warmer. Increase your Plant production 1
                step.)
              </div>
            </div>
          </li>

          <!--160-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag corporate reqs"
          >
            <div class="title background-color-automated">
              Power Supply Consortium
            </div>
            <div class="price">5</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#160</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="requirements">2 Power</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production red-outline"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 2 Power tags. Decrease any Energy production 1 step
                and increase your own 1 step.)
              </div>
            </div>
          </li>

          <!--161-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events">Convoy From Europa</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#161</div>
            <div class="content">
              <div class="tile ocean-tile"></div>
              <div class="resource card" style="margin-left: 20px"></div>
              <div class="description">
                (Place 1 ocean tile and draw 1 card.)
              </div>
            </div>
          </li>

          <!--162-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag spaceTag eventTag standard"
          >
            <div class="title background-color-events">Imported GHG</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#162</div>
            <div class="content">
              <div class="production-box">
                <div class="heat production"></div>
              </div>
              <div class="heat resource" style="margin-left: 20px"></div>
              <div class="heat resource"></div>
              <div class="heat resource"></div>
              <div class="description">
                (Increase your heat production 1 step and gain 3 heat.)
              </div>
            </div>
          </li>

          <!--163-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag spaceTag eventTag standard"
          >
            <div class="title background-color-events">Imported Nitrogen</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#163</div>
            <div class="content">
              <div class="rating tile"></div>
              4
              <div class="plant resource"></div>
              3
              <div class="microbe resource"></div>
              * 2
              <div class="animal resource"></div>
              *
              <div class="description">
                (Raise your TR 1 step and gain 4 Plants. Add 3 Microbes to
                ANOTHER card and 2 Animals to ANOTHER card.)
              </div>
            </div>
          </li>

          <!--164-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated standard noneTag"
          >
            <div class="title background-color-automated">Micro-Mills</div>
            <div class="price">3</div>
            <div class="number">#164</div>
            <div class="content">
              <div class="production-box">
                <div class="heat production"></div>
              </div>
              <br />
              <div class="description">
                (Increase your heat production 1 step.)
              </div>
            </div>
          </li>

          <!--165-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">
              Magnetic Field Generators
            </div>
            <div class="price">20</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#165</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                4
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <br />
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Decrease your Energy production 4 steps and increase your Plant
                production 2 steps. Raise your TR 3 steps.)
              </div>
            </div>
          </li>

          <!--166-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag standard reqs"
            data-oxygen="5"
          >
            <div class="title background-color-active">Shuttles</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#166</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">5% O2</div>
              <div class="resource-tag tag-space"></div>
              :
              <div class="money resource">-2</div>
              <div class="description">
                (Effect: When you play a Space card, you pay 2 MC less for it.)
              </div>
              <div
                class="production-box production-box-size1a"
                style="margin-top: 10px; margin-right: 130px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <div
                class="description"
                style="
                  position: absolute;
                  margin-top: -90px;
                  text-align: left;
                  margin-left: 86px;
                "
              >
                (Requires 5% oxygen. Decrease your Energy production 1 step and
                increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--167-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events earthTag spaceTag eventTag standard"
          >
            <div class="title background-color-events">
              Import of Advanced GHG
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#167</div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Increase your heat production 2 steps.)
              </div>
            </div>
          </li>

          <!--168-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard reqs"
            data-oxygen="7"
          >
            <div class="title background-color-automated">Windmills</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#168</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">7% O2</div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 7% oxygen. Increase your Energy production 1 step.)
              </div>
            </div>
          </li>

          <!--169-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-temperature="-6"
          >
            <div class="title background-color-automated">Tundra Farming</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#169</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">-6 C</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="money production">2</div>
                <br />
              </div>
              <div class="plant resource" style="margin-left: 20px"></div>
              <div class="description">
                (Requires -6 C or warmer. Increase your Plant production 1 step
                and your MC production 2 steps. Gain 1 Plant.)
              </div>
            </div>
          </li>

          <!--170-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag standard"
          >
            <div class="title background-color-events" style="font-size: 14px">
              Aerobraked Ammonia Asteroid
            </div>
            <div class="price">26</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#170</div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="heat production"></div>
                <div class="heat production"></div>
                <div class="heat production"></div>
                <div class="plant production"></div>
              </div>
              <br />
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              *
              <div class="description">
                (Add 2 Microbes to ANOTHER card. Increase your heat production 3
                steps and your Plant productions 1 step.)
              </div>
            </div>
          </li>

          <!--171-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">
              Magnetic Field Dome
            </div>
            <div class="price">5</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#171</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="plant production"></div>
              </div>
              &nbsp;&nbsp;&nbsp;
              <div class="tile rating"></div>
              <div class="description">
                (Decrease your Energy production 2 steps and increase your Plant
                production 1 step. Raise your TR 1 step.)
              </div>
            </div>
          </li>

          <!--172-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag animalTag standard"
          >
            <div class="title background-color-active">Pets</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#172</div>
            <div class="content" style="font-weight: normal">
              <div class="points">
                1/2
                <div class="animal resource"></div>
              </div>
              <div class="tile city-tile-small red-outline"></div>
              :
              <div class="animal resource"></div>
              <br />
              ANIMALS MAY NOT BE REMOVED FROM THIS CARD
              <div class="description">
                (Effect: When any City tile is placed, add an Animal to this
                card.)
              </div>
              <br />
              <div class="animal resource"></div>
              <div
                class="description"
                style="text-align: left; margin-top: 10px"
              >
                (Add 1 Animal to this card.<br />
                1 VP per 2 Animals here.)
              </div>
            </div>
          </li>

          <!--173-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active corporate noneTag"
          >
            <div class="title background-color-active">Protected Habitats</div>
            <div class="price">5</div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#173</div>
            <div class="content" style="font-weight: normal">
              OPPONENTS MAY NOT REMOVE YOUR<br />
              <div class="plant resource"></div>
              <div class="animal resource"></div>
              <div class="microbe resource"></div>
            </div>
          </li>

          <!--174-->
          <li
            onclick="getClickedCard();"
            class="filterDiv plantTag buildingTag automated standard"
          >
            <div class="title background-color-automated">Protected Valley</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="number">#174</div>
            <div class="content">
              <div class="production-box production-box">
                <div class="money production">2</div>
              </div>
              <div class="tile greenery-tile" style="margin-left: 30px"></div>
              *
              <div class="description">
                (Increase your MC production 2 steps. Place on a greenery tile
                ON AN AREA RESERVED FOR OCEAN, disregarding normal placement
                restrictions, and increase oxygen 1 step.)
              </div>
            </div>
          </li>

          <!--175-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag corporate"
          >
            <div class="title background-color-automated">Satellites</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#175</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production money">1</div>
                /
                <div class="resource-tag production-tag tag-space"></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for each space tag your
                have, including this one.)
              </div>
            </div>
          </li>

          <!--176-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag plantTag standard reqs"
            data-temperature="-20"
          >
            <div class="title background-color-automated">Noctis Farming</div>
            <div class="price">10</div>
            <div class="tag tag2 tag-plant"></div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#176</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">-20 C</div>
              <div class="production-box">
                <div class="money production">1</div>
              </div>
              <div class="resource plant" style="margin-left: 20px"></div>
              <div class="resource plant"></div>
              <div class="description">
                (Requires -20 C or warmer. Increase your MC production 1 step
                and gain 2 Plants.)
              </div>
            </div>
          </li>

          <!--177-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard reqs"
            data-oceans="2"
          >
            <div class="title background-color-active">
              Water Splitting Plant
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#177</div>
            <div class="content">
              <div class="requirements">2 Oceans</div>
              <div class="energy resource"></div>
              <div class="energy resource"></div>
              <div class="energy resource"></div>
              <div class="red-arrow"></div>
              <div class="tile oxygen-tile"></div>
              <div class="description">
                (Action: Spend 3 Energy to raise oxygen 1 step.)
                <br /><br /><br /><br />
                (Requires 2 ocean tiles.)
              </div>
            </div>
          </li>

          <!--178-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard"
          >
            <div class="title background-color-automated">Heat Trappers</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#178</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="heat production red-outline"></div>
                <div class="heat production red-outline"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease any heat production 2 steps and increase your Energy
                production 1 step.)
              </div>
            </div>
          </li>

          <!--179-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">Soil Factory</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#179</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="plant production"></div>
              </div>
              <div class="description">
                (Decrease your Energy production 1 step and increase your Plant
                production 1 step.)
              </div>
            </div>
          </li>

          <!--180-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag corporate"
          >
            <div class="title background-color-automated">Fuel Factory</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#180</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="titanium production"></div>
                <div class="money production">1</div>
              </div>
              <div class="description">
                (Decrease your Energy production 1 step and increase your
                titanium and your MC production 1 step each.)
              </div>
            </div>
          </li>

          <!--181-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard reqs"
            data-temperature="2"
          >
            <div class="title background-color-events">Ice Cap Melting</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#181</div>
            <div class="content">
              <div class="requirements">+2 C</div>
              <div class="tile ocean-tile"></div>
              <div class="description">
                (Requires +2 C or warmer. Place 1 ocean tile.)
              </div>
            </div>
          </li>

          <!--182-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag corporate"
          >
            <div class="title background-color-automated">
              Corporate Stronghold
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#182</div>
            <div class="content">
              <div class="points points-big">-2</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <br />
              <div class="description">
                (Decrease your Energy production 1 step and increase your MC
                production 3 steps. Place a City tile.)
              </div>
            </div>
          </li>

          <!--183-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag standard reqs"
            data-oxygen="6"
          >
            <div class="title background-color-automated">
              Biomass Combustors
            </div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#183</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="requirements">6% O2</div>
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 6% oxygen. Decrease any Plant production 1 step and
                increase your Energy production 2 steps.)
              </div>
            </div>
          </li>

          <!--184-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag standard reqs"
            data-oxygen="9"
          >
            <div class="title background-color-active">Livestock</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#184</div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements">9% O2</div>
              <span class="red-arrow"></span>
              <div class="animal resource"></div>
              <div class="description" style="margin-bottom: 5px">
                (Action: Add 1 Animal to this card.)
              </div>
              <div
                class="production-box production-box-size1a"
                style="margin-top: 10px; margin-right: 150px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <div
                class="description"
                style="
                  position: absolute;
                  margin-top: -85px;
                  text-align: left;
                  margin-left: 80px;
                  font-size: 10px;
                "
              >
                (Requires 9% oxygen. Decrease your Plant production 1 step and
                increase your MC production 2 steps. 1 VP for each Animal on
                this card.
              </div>
            </div>
          </li>

          <!--185-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag earthTag corporate"
          >
            <div class="title background-color-active">Olympus Conference</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#185</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-science"></div>
              :
              <div class="resource science"></div>
              OR -
              <div class="resource science"></div>
              +
              <div class="card resource"></div>
              <div class="description">
                (When you play a Science tag, including this, either add a
                Science resource to this card, or remove a Science resource from
                this card to draw a card.)
              </div>
            </div>
          </li>

          <!--186-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated corporate reqs noneTag"
          >
            <div class="title background-color-automated">Rad-Suits</div>
            <div class="price">6</div>
            <div class="number">#186</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">2 Cities</div>
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <div class="description">
                (Requires two cities in play. Increase your MC up 1 step.)
              </div>
            </div>
          </li>

          <!--187-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">Aquifer Pumping</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#187</div>
            <div class="content">
              <div class="money resource">8</div>
              (
              <div class="resource steel"></div>
              )
              <div class="red-arrow"></div>
              <div class="ocean-tile tile"></div>
              <div class="description">
                (Action: Spend 8 MC to place 1 ocean tile. STEEL MAY BE USED as
                if you were playing a Building card.)
              </div>
            </div>
          </li>

          <!--188-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">Flooding</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#188</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="tile ocean-tile" style="margin-right: 20px"></div>
              <div class="minus"></div>
              <div class="resource money red-outline">4</div>
              *
              <div class="description">
                (Place an ocean tile. IF THERE ARE TILES ADJACENT TO THIS OCEAN
                TILE, YOU MAY REMOVE 4 MC FROM THE OWNER OF ONE OF THOSE TILES.)
              </div>
            </div>
          </li>

          <!--189-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag standard"
          >
            <div class="title background-color-automated">Energy Saving</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#189</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div
                  class="energy production"
                  style="vertical-align: middle"
                ></div>
                /
                <div
                  class="tile city-tile-small red-outline"
                  style="margin-bottom: 3px"
                ></div>
              </div>
              <div class="description">
                (Increase your Energy production 1 step for each City tile in
                play.)
              </div>
            </div>
          </li>

          <!--190-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard"
          >
            <div class="title background-color-events">Local Heat Trapping</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#190</div>
            <div class="content">
              -5
              <div class="resource heat" style="margin-right: 10px"></div>
              + &nbsp;&nbsp;4
              <div class="resource plant"></div>
              OR 2
              <div class="resource animal"></div>
              *
              <div class="description">
                (Spend 5 heat to gain either 4 Plants, or to add 2 Animals to
                ANOTHER card.)
              </div>
            </div>
          </li>

          <!--191-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag standard reqs"
            data-temperature="-8"
          >
            <div class="title background-color-events">
              Permafrost Extraction
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#191</div>
            <div class="content">
              <div class="requirements">-8 C</div>
              <div class="tile ocean-tile"></div>
              <div class="description">
                (Requires -8 C or warmer. Place 1 ocean tile.)
              </div>
            </div>
          </li>

          <!--192-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag scienceTag corporate"
          >
            <div class="title background-color-events">Invention Contest</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#192</div>
            <div class="content" style="font-size: 14px; font-weight: normal">
              LOOK AT THE TOP 3 CARDS FROM THE DECK. TAKE 1 OF THEM INTO HAND
              AND DISCARD THE OTHER 2
            </div>
          </li>

          <!--193-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag standard reqs"
            data-science="2"
          >
            <div class="title background-color-automated">Plantation</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="number">#193</div>
            <div class="content">
              <div class="requirements">2 Science</div>
              <div class="tile greenery-tile"></div>
              <div class="description">
                (Requires 2 Science tags. Place a greenery tile and raise oxygen
                1 step.)
              </div>
            </div>
          </li>

          <!--194-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag buildingTag corporate"
          >
            <div class="title background-color-active">
              Power Infrastructure
            </div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#194</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              X
              <div class="energy resource"></div>
              <div class="red-arrow"></div>
              <div class="money resource">X</div>
              <div class="description">
                (Action: Spend any amount of Energy and gain that amount of MC.)
              </div>
            </div>
          </li>

          <!--195-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag corporate"
          >
            <div class="title background-color-events">Indentured Workers</div>
            <div class="price">0</div>
            <div class="tag tag1 tag-event"></div>
            <div class="corporate-icon project-icon"></div>
            <div class="number">#195</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <span style="font-size: 14px">NEXT CARD: </span>
              <div class="resource money">-8</div>
              <div class="description">
                (The next card you play this generation costs 8 MC less.)
              </div>
            </div>
          </li>

          <!--196-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag scienceTag corporate"
          >
            <div class="title background-color-automated">
              Lagrange Observatory
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#196</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource card"></div>
              <div class="description">(Draw 1 card.)</div>
            </div>
          </li>

          <!--197-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag corporate"
          >
            <div class="title background-color-automated">
              Terraforming Ganymede
            </div>
            <div class="price">33</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#197</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="tile rating"></div>
              /
              <div class="resource-tag tag-jovian"></div>
              <div class="description">
                (Raise your TR 1 step for each Jovian tag you have, including
                this.)
              </div>
            </div>
          </li>

          <!--198-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag earthTag standard"
          >
            <div class="title background-color-automated">
              Immigration Shuttles
            </div>
            <div class="price">31</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#198</div>
            <div class="content">
              <div class="points big" style="font-size: 24px">
                1/3
                <div class="tile city-tile-small red-outline"></div>
              </div>
              <div class="production-box">
                <div class="money production">5</div>
              </div>
              <div class="description" style="margin-top: -5px">
                (Increase your MC production 5 steps. 1 VP for every 3rd City in
                play.)
              </div>
            </div>
          </li>

          <!--199-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag corporate"
          >
            <div class="title background-color-active">Restricted Area</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#199</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="money resource">2</div>
              <div class="red-arrow"></div>
              <div class="card resource"></div>
              <div class="description">
                (Action: Spend 2 MC to draw a card.)
              </div>
              <br />
              <div class="tile special-tile" style="font-size: 24px">
                &#x20e0;
              </div>
              <div class="description">(Place this tile.)</div>
            </div>
          </li>

          <!--200-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active cityTag buildingTag standard"
          >
            <div class="title background-color-active">Immigrant City</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#200</div>
            <div class="content">
              <div class="tile city-tile red-outline"></div>
              :&nbsp;
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <div class="description">
                (Effect: When a City tile is placed, including this, increase
                your MC production 1 step.)
              </div>
              <br />
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="production energy"></div>
                <div class="production money">-2</div>
              </div>
              <div class="tile city-tile"></div>
              <div class="description">
                (Decrease your Energy production 1 step and decrease your MC
                production 2 steps. Place a City tile.)
              </div>
            </div>
          </li>

          <!--201-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag corporate"
          >
            <div class="title background-color-automated">Energy Tapping</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#201</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production red-outline"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Decrease any Energy production 1 step and increase your own 1
                step.)
              </div>
            </div>
          </li>

          <!--202-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag standard"
          >
            <div class="title background-color-active">
              Underground Detonations
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#202</div>
            <div class="content">
              <div class="money resource">10</div>
              <div class="red-arrow" style="margin-left: 5px"></div>
              &nbsp;
              <div class="production-box production-box-size2">
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Action: Spend 10MC to increase your heat production 2 steps.)
              </div>
            </div>
          </li>

          <!--203-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag standard"
          >
            <div class="title background-color-automated">Soletta</div>
            <div class="price">35</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#203</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                7
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Increase your heat production 7 steps.)
              </div>
            </div>
          </li>

          <!--204-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag scienceTag spaceTag corporate events"
          >
            <div class="title background-color-events">
              Technology Demonstration
            </div>
            <div class="price">5</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#204</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">(Draw two cards.)</div>
            </div>
          </li>

          <!--205-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag standard"
          >
            <div class="title background-color-automated">Rad-Chem Factory</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#205</div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <br />
              </div>
              <br />
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Decrease your Energy production 1 step. Raise your TR 2 steps.)
              </div>
            </div>
          </li>

          <!--206-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events scienceTag eventTag standard"
          >
            <div class="title background-color-events">Special Design</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#206</div>
            <div class="content">
              <div class="tile globals-box">Temp / O2 / Ocean</div>
              : +/- 2
              <div class="description">
                (The next card you play this generation is +2 or -2 steps in
                global requirements, your choice.)
              </div>
            </div>
          </li>

          <!--207-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag scienceTag corporate"
          >
            <div class="title background-color-automated">Medical Lab</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#207</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size3">
                <div class="money production">1</div>
                / 2
                <div class="resource-tag production-tag tag-building"></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for every 2 Building tags
                you have, including this.)
              </div>
            </div>
          </li>

          <!--208-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag corporate reqs"
            data-science="3"
          >
            <div class="title background-color-active">AI Central</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#208</div>
            <div class="corporate-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Science</div>
              <div class="red-arrow"></div>
              <span class="card resource"></span
              ><span class="card resource"></span>
              <div class="description">(Action: Draw 2 cards.)</div>
              <div
                class="production-box production-box-size1a"
                style="margin-right: 135px; margin-top: 10px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
              </div>
              <div
                class="description"
                style="
                  position: absolute;
                  text-align: left;
                  margin-top: -53px;
                  margin-left: 85px;
                "
              >
                (Requires 3 Science tags to play. Decrease your Energy
                production 1 step.)
              </div>
            </div>
          </li>

          <!--209-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag promo"
          >
            <div class="title background-color-events">Small Asteroid</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#209</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <br />
              <div class="minus"></div>
              <div class="resource plant red-outline"></div>
              <div class="plant resource red-outline"></div>
              <div class="description">
                (Increase temperature 1 step. Remove up to 2 plants from any
                player.)
              </div>
            </div>
          </li>

          <!--210-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active promo reqs noneTag"
            data-science="2"
          >
            <div class="title background-color-active">
              Self-replicating robots
            </div>
            <div class="price">7</div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#210</div>
            <div class="content">
              <div class="requirements">2 Science</div>
              <div class="red-arrow" style="margin-left: -6px"></div>
              <div class="resource card">
                <div
                  class="production"
                  style="
                    position: absolute;
                    background: white;
                    color: black;
                    margin-left: -12px;
                    width: 24px;
                    height: 20px;
                    line-height: 20px;
                    margin-top: 16px;
                    border-radius: 5px;
                  "
                >
                  2
                </div>
                <div class="card-icon tag-space"></div>
                <div
                  class="card-icon tag-building"
                  style="margin-left: 37px"
                ></div>
              </div>
              &nbsp;&nbsp;&nbsp;OR&nbsp;&nbsp;&nbsp;
              <div class="red-arrow"></div>
              <div
                class="production"
                style="
                  background: white;
                  color: black;
                  vertical-align: middle;
                  border-radius: 7px;
                  width: 36px;
                "
              >
                X
              </div>
              x2
              <div class="description">
                (Action: Reveal and place a SPACE OR BUILDING card here from
                hand, and place 2 resources on it, OR double the resources on a
                card here.) <br />
                (Effect: Cards here may be played as if from hand with its cost
                reduced by the number of resources on it.)<br /><br />
                (Requires 2 Science tags.)
              </div>
            </div>
          </li>

          <!--211-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag promo reqs"
            data-oceans="2"
          >
            <div class="title background-color-automated">Snow Algae</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#211</div>
            <div class="content">
              <div class="requirements">2 Oceans</div>
              <div class="production-box production-box-size2">
                <div class="plant production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Requires 2 oceans. Increase your Plant production and your heat
                production 1 step each.)
              </div>
            </div>
          </li>

          <!--212-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag promo reqs"
            data-oceans="8"
          >
            <div class="title background-color-active">Penguins</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#212</div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements">8 Oceans</div>
              <div class="red-arrow"></div>
              <div class="animal resource"></div>
              <div class="description">
                (Action: Add 1 animal to this card.)
              </div>
              <br /><br />
              <div class="description">
                (Requires 8 oceans. 1 VP for each animal on this card.)
              </div>
            </div>
          </li>

          <!--Project Cards - VenusNext ---------------------------------------->

          <!--213-->
          <li
            onclick="getClickedCard();"
            class="filterDiv venusNext active venusTag"
          >
            <div class="title background-color-active">Aerial Mappers</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#213</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              * OR
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="card resource"></div>
              <br />
              <div class="description">
                (Action: Add 1 Floater to ANY card or spend 1 Floater here to
                draw 1 card).
              </div>
            </div>
          </li>

          <!--214-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext events reqs"
          >
            <div class="title background-color-events">
              Aerosport Tournament
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#214</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">5 Floaters</div>
              <div class="resource money">1</div>
              /
              <div class="tile city-tile-small red-outline"></div>
              <div class="description">
                (Requires that you have 5 Floaters. Gain 1 MC per each City tile
                in play)
              </div>
            </div>
          </li>

          <!--215-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext venusTag events"
          >
            <div class="title background-color-events">
              Air-Scrapping Expedition
            </div>
            <div class="price">13</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#215</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              &nbsp;&nbsp;
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="description">
                (Raise Venus 1 step. Add 3 Floaters to ANY Venus CARD)
              </div>
            </div>
          </li>

          <!--216-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag venusTag venusNext reqs"
            data-science="3"
          >
            <div class="title background-color-automated">
              Atalanta Planitia Lab
            </div>
            <div class="price">10</div>
            <div class="tag tag1 tag-science"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#216</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">3 Science</div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Requires 3 science tags. Draw 2 cards.)
              </div>
            </div>
          </li>

          <!--217-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated jovianTag spaceTag venusNext reqs"
            data-science="3"
          >
            <div class="title background-color-automated">Atmoscoop</div>
            <div class="price">22</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#217</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Science</div>
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              OR
              <div class="tile venus-tile"></div>
              <div class="tile venus-tile"></div>
              <div class="resource floater" style="margin-left: 140px"></div>
              <div class="resource floater"></div>
              *

              <div
                class="description"
                style="text-align: left; position: absolute; margin-top: -25px"
              >
                (Requires 3 Science tags. <br />
                Either raise the temperature <br />
                2 steps, or raise Venus 2 steps.<br />
                Add 2 Floaters to ANY card).
              </div>
            </div>
          </li>

          <!--218-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext spaceTag events"
          >
            <div class="title background-color-events">Comet for Venus</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#218</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              &nbsp;&nbsp; -
              <div class="resource money red-outline">
                4
                <div
                  class="card-icon tag-venus"
                  style="color: white; margin-top: -39px"
                ></div>
              </div>
              <div class="description">
                (Raise Venus 1 step. Remove up to 4MC from any player WITH A
                VENUS TAG IN PLAY.).
              </div>
            </div>
          </li>

          <!--219-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag venusNext"
          >
            <div class="title background-color-automated">Corroder Suits</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#219</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <div class="resource wild" style="margin-left: 20px">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="description">
                (Increase your MC production 2 steps. Add 1 resource to ANY
                Venus CARD).
              </div>
            </div>
          </li>

          <!--220-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag cityTag venusNext reqs"
            data-science="4"
          >
            <div class="title background-color-automated">Dawn City</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-city"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#220</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">3</div>
              <div class="requirements">4 Science</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="titanium production"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              *
              <div class="description" style="margin-top: -5px">
                (Requires 4 Science tags. Decrease your energy production 1
                step. Increase your titanium production 1 step. Place a City
                tile on the RESERVED AREA).
              </div>
            </div>
          </li>

          <!--221-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag powerTag venusTag venusNext"
          >
            <div class="title background-color-active">Deuterium Export</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="tag tag3 tag-venus"></div>
            <div class="number">#221</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow" style="margin-left: 53px"></div>
              <div class="floater resource"></div>
              <br />
              OR
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Action: add 1 Floater to this card OR spend 1 Floater here to
                increase your energy production 1 step).
              </div>
            </div>
          </li>

          <!--222-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext"
          >
            <div class="title background-color-active">Dirigibles</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#222</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              * &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
              <div class="resource-tag tag-venus"></div>
              :
              <div class="floater resource"></div>
              =
              <div class="money resource">3</div>
              <div class="description">
                (Action: add 1 Floater to ANY card.)<br /><br />
                (Effect: when playing a Venus tag, Floaters here may be used as
                payment, and are worth 3MC each)
              </div>
            </div>
          </li>

          <!--223-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext"
          >
            <div class="title background-color-active">Extractor Balloons</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#223</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow" style="margin-left: 95px"></div>
              <div class="floater resource"></div>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
              OR
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: add 1 Floater to this card, or remove 2 Floaters here
                to raise Venus 1 step).
              </div>
              <br />
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <div class="description">(Add 3 Floaters to this card).</div>
            </div>
          </li>

          <!--224-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag microbeTag venusNext reqs"
            data-science="2"
          >
            <div class="title background-color-active">Extremophiles</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#224</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/3
                <div class="resource microbe"></div>
              </div>
              <div class="requirements">2 Science</div>
              <div class="red-arrow"></div>
              <div class="resource microbe"></div>
              *
              <div class="description">(Action: add 1 Microbe to ANY card)</div>
              <br />
              <div class="description">
                (Requires 2 Science tags. 1 VP for every 3rd Microbe on this
                card).
              </div>
            </div>
          </li>

          <!--225-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext reqs"
            data-science="2"
          >
            <div class="title background-color-active">Floating Habs</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#225</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/2
                <div class="resource floater"></div>
              </div>
              <div class="requirements">2 Science</div>
              <div class="resource money">2</div>
              <div class="red-arrow"></div>
              <div class="resource floater"></div>
              *
              <div class="description">
                (Action: spend 2 MC to add 1 Floater to ANY card).
              </div>
              <br />
              <div class="description">
                (Requires 2 Science tags. 1 VP for every 2nd Floater on this
                card).
              </div>
            </div>
          </li>

          <!--226-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext"
          >
            <div class="title background-color-active">
              Forced Precipitation
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#226</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="money resource" style="margin-left: 60px">2</div>
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
              OR
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: Spend 2 MC to add 1 Floater to this card, OR spend 2
                Floaters here to increase Venus 1 step).
              </div>
            </div>
          </li>

          <!--227-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag plantTag venusNext reqs"
            data-venus="10"
          >
            <div class="title background-color-automated">Freyja Biodomes</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#227</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">10% Venus</div>
              <div class="resource microbe">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource microbe">
                <div class="card-icon tag-venus"></div>
              </div>
              &nbsp;&nbsp; OR &nbsp;&nbsp;
              <div class="resource animal">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource animal">
                <div class="card-icon tag-venus"></div>
              </div>

              <div
                class="production-box production-box-size1a"
                style="margin-left: 135px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <div
                class="description"
                style="
                  position: absolute;
                  margin-top: -90px;
                  margin-left: 10px;
                  text-align: left;
                "
              >
                (Requires 10% on the <br />
                Venus track. Add 2 <br />
                Microbes or 2 Animals<br />
                to another Venus card. <br />
                Decrease your energy <br />
                production 1 step and <br />
                increase your MC <br />
                production 2 steps).
              </div>
            </div>
          </li>

          <!--228-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext venusTag spaceTag events"
          >
            <div class="title background-color-events">
              GHG Import From Venus
            </div>
            <div class="price">23</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-venus"></div>
            <div class="number">#228</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              &nbsp;&nbsp;
              <div class="production-box production-box-size3">
                <div class="production heat"></div>
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              <div class="description">
                (Raise Venus 1 step. Increase your heat production 3 steps).
              </div>
            </div>
          </li>

          <!--229-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag spaceTag venusNext"
          >
            <div class="title background-color-automated">
              Giant Solar Shade
            </div>
            <div class="price">27</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#229</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <div class="tile venus-tile"></div>
              <div class="tile venus-tile"></div>
              <div class="description">(Raise Venus 3 steps).</div>
            </div>
          </li>

          <!--230-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag venusNext"
          >
            <div class="title background-color-automated">Gyropolis</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#230</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">1</div>
                /
                <div class="resource-tag tag-venus"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">1</div>
                /
                <div class="resource-tag tag-earth"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              <div class="description">
                (Decrease your energy production 2 steps. Increase your MC
                production 1 step for each Venus and Earth tag you have. Place a
                City tile).
              </div>
            </div>
          </li>

          <!--231-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext spaceTag events"
          >
            <div class="title background-color-events">Hydrogen to Venus</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#231</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <br /><br />
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              /
              <div class="resource-tag tag-jovian"></div>
              <br /><br />
              <div class="description">
                (Raise Venus 1 step. Add 1 Floater to A Venus CARD for each
                Jovian tag you have).
              </div>
            </div>
          </li>

          <!--232-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated jovianTag scienceTag venusNext"
          >
            <div class="title background-color-automated">
              IO Sulphur Research
            </div>
            <div class="price">17</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#232</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="resource card"></div>
              OR <br />
              <div class="resource-tag tag-venus"></div>
              <div
                class="resource-tag tag-venus"
                style="margin-left: -15px"
              ></div>
              <div
                class="resource-tag tag-venus"
                style="margin-left: -15px"
              ></div>
              :
              <div class="resource card"></div>
              <div class="resource card" style="margin-left: -15px"></div>
              <div class="resource card" style="margin-left: -15px"></div>
              <div class="description">
                (Draw 1 card, or draw 3 if you have at least 3 Venus tags).
              </div>
            </div>
          </li>

          <!--233-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag venusNext reqs"
            data-venus="8"
          >
            <div class="title background-color-automated">Ishtar Mining</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#233</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">8% Venus</div>
              <div class="production-box">
                <div class="titanium production"></div>
              </div>
            </div>
            <div class="description">
              (Requires Venus 8%. Increase your titanium production 1 step).
            </div>
          </li>

          <!--234-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext"
          >
            <div class="title background-color-active">
              Jet Stream Microscrappers
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#234</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="titanium resource"></div>
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <br />
              OR
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: Spend 1 titanium to add 2 Floaters here, OR spend 2
                Floaters here to raise Venus 1 step).
              </div>
            </div>
          </li>

          <!--235-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext"
          >
            <div class="title background-color-active">Local Shading</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#235</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              <br />
              OR
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="money production">1</div>
              </div>
              <div class="description">
                (Action: add 1 Floater to this card, or spend 1 Floater here to
                raise your MC production 1 step).
              </div>
            </div>
          </li>

          <!--236-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag spaceTag cityTag venusNext"
          >
            <div class="title background-color-automated">Luna Metropolis</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-city"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="tag tag3 tag-space"></div>
            <div class="number">#236</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div class="resource-tag production-tag tag-earth"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              *
              <div class="description">
                (Increase your MC production 1 step for each Earth tag you have,
                including this. Place a City tile on the RESERVED AREA).
              </div>
            </div>
          </li>

          <!--237-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusNext reqs noneTag"
            data-jovian="1"
            data-venustag="1"
            data-earth="1"
          >
            <div class="title background-color-automated">Luxury Foods</div>
            <div class="price">8</div>
            <div class="number">#237</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">Venus Earth Jovian</div>
            </div>
          </li>

          <!--238-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active cityTag venusTag venusNext reqs"
            data-venus="12"
          >
            <div class="title background-color-active">Maxwell Base</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-city"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#238</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">3</div>
              <div class="requirements">12% Venus</div>
              <div class="red-arrow"></div>
              <div class="resource wild">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="description" style="margin-top: -5px">
                (Action: Add 1 resource to ANOTHER VENUS CARD).
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
              </div>
              <div class="tile city-tile" style="margin-left: 20px"></div>
              *
              <div
                class="description"
                style="text-align: left; margin-top: -5px"
              >
                (Requires Venus 12%. Decrease your energy production 1 step.
                <br />
                Place a City tile ON THE <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RESERVED AREA.)
              </div>
            </div>
          </li>

          <!--239-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag venusNext reqs"
            data-jovian="1"
            data-venustag="1"
            data-earth="1"
          >
            <div class="title background-color-automated">Mining Quota</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#239</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Venus Earth Jovian</div>
              <div class="production-box production-box-size2">
                <div class="steel production"></div>
                <div class="steel production"></div>
              </div>
              <div class="description">
                (Requires Venus, Earth and Jovian tags. Increase your steel
                production 2 steps).
              </div>
            </div>
          </li>

          <!--240-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag venusNext reqs"
            data-venus="10"
          >
            <div class="title background-color-automated">
              Neutralizer Factory
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#240</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">10% Venus</div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Requires Venus 10%. Increase the Venus track 1 step).
              </div>
            </div>
          </li>

          <!--241-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag venusNext reqs"
            data-jovian="1"
            data-venustag="1"
            data-earth="1"
          >
            <div class="title background-color-automated">Omnicourt</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#241</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Venus Earth Jovian</div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Requires Venus, Earth and Jovian tags. Increase your TR 2
                steps.)
              </div>
            </div>
          </li>

          <!--242-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag spaceTag venusNext"
          >
            <div class="title background-color-automated">
              Orbital Reflectors
            </div>
            <div class="price">26</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#242</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <div class="tile venus-tile"></div>
              <br />
              <div class="production-box production-box-size2">
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Raise Venus 2 steps. Increase your heat production 2 steps).
              </div>
            </div>
          </li>

          <!--243-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag venusNext reqs"
            data-venus="14"
          >
            <div class="title background-color-active">Rotator Impacts</div>
            <div class="price">6</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#243</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements requirements-max">max 14% Venus</div>
              <div class="money resource">6</div>
              (
              <div class="resource titanium"></div>
              )
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              <br />
              OR
              <div class="resource asteroid"></div>
              <div class="red-arrow"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: spend 6 MC to add an asteroid resource to this card
                (TITANIUM MAY BE USED), or spend 1 resource from this card to
                increase Venus 1 step).
                <br /><br />(Venus must be 14% or lower).
              </div>
            </div>
          </li>

          <!--244-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag earthTag venusNext reqs"
            data-venustag="1"
            data-earth="1"
          >
            <div class="title background-color-automated">
              Sister Planet Support
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#244</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Venus Earth</div>
              <div class="production-box">
                <div class="money production">3</div>
              </div>
              <div class="description">
                (Requires Venus and Earth tags. Increase your MC production 3
                steps).
              </div>
            </div>
          </li>

          <!--245-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusNext noneTag reqs"
            data-jovian="1"
            data-earth="1"
            data-venustag="1"
          >
            <div class="title background-color-automated">Solarnet</div>
            <div class="price">7</div>
            <div class="number">#245</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">Venus Earth Jovian</div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Requires Venus, Earth and Jovian tags. Draw 2 cards).
              </div>
            </div>
          </li>

          <!--246-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext spaceTag events reqs"
            data-venus="10"
          >
            <div class="title background-color-events">
              Spin-Inducing Asteroid
            </div>
            <div class="price">16</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#246</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements requirements-max">max 10% Venus</div>
              <div class="tile venus-tile"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Venus must be 10% or lower. Raise Venus 2 steps).
              </div>
            </div>
          </li>

          <!--247-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag earthTag venusNext"
          >
            <div class="title background-color-automated">
              Sponsored Academies
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#247</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              -
              <div class="resource card"></div>
              <br />
              +
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              * +
              <div class="resource card red-outline"></div>
              *
              <div class="description">
                (Discard 1 card from your hand and THEN draw 3 cards. All
                OPPONENTS draw 1 card).
              </div>
            </div>
          </li>

          <!--248-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active cityTag venusTag venusNext reqs"
            data-science="2"
          >
            <div class="title background-color-active">Stratopolis</div>
            <div class="price">22</div>
            <div class="tag tag1 tag-city"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#248</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/3
                <div class="resource floater"></div>
              </div>
              <div class="requirements" style="margin-bottom: 15px">
                2 Science
              </div>
              <div class="red-arrow"></div>
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource floater">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="description" style="margin-top: -5px">
                (Action: Add 2 floaters to ANY VENUS CARD.)
              </div>
              <div class="production-box" style="margin-left: 85px">
                <div class="money production">2</div>
              </div>
              &nbsp;
              <div class="tile city-tile"></div>
              *
              <div
                class="description"
                style="text-align: left; margin-top: -54px"
              >
                (Requires 2 <br />
                science tags.<br />
                Increase your <br />
                MC production <br />2 steps. Place a City tile ON <br />THE
                RESERVED AREA.<br />
                1 VP for every 3rd Floater
                <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; on this card.)
              </div>
            </div>
          </li>

          <!--249-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag venusTag venusNext reqs"
            data-venus="12"
          >
            <div class="title background-color-active">Stratospheric Birds</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#249</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/
                <div class="resource animal"></div>
              </div>
              <div class="requirements">12% Venus</div>
              <div class="red-arrow"></div>
              <div class="resource animal"></div>
              <div class="description" style="margin-top: -5px">
                (Action: Add 1 animal to this card.)
              </div>
              <div class="minus"></div>
              <div class="resource floater"></div>
              <div class="description">
                (Requires Venus 12% and that you spend 1 Floater from any card.
                1 VP for each Animal on this card.)
              </div>
            </div>
          </li>

          <!--250-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag spaceTag venusNext"
          >
            <div class="title background-color-automated">Sulphur Exports</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#250</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <br />
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div class="resource-tag production-tag tag-venus"></div>
              </div>
              <div class="description">
                (Increase Venus 1 step. Increase your MC production1 step for
                each Venus tag you have, including this.)
              </div>
            </div>
          </li>

          <!--251-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag venusTag venusNext reqs"
            data-venus="6"
          >
            <div class="title background-color-active">
              Sulphur-eating Bacteria
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#251</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">6% Venus</div>
              <div class="red-arrow" style="margin-left: 76px"></div>
              <div class="microbe resource"></div>
              <br />
              OR X
              <div class="microbe resource"></div>
              <div class="red-arrow"></div>
              <div class="resource money">3X</div>
              <div class="description">
                (Action: add 1 Microbe to this card, or spend any number of
                Microbes here to gain triple amount of MC).
                <br /><br />
                (Requires Venus 6%).
              </div>
            </div>
          </li>

          <!--252-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag venusNext reqs"
          >
            <div class="title background-color-automated">
              Terraforming Contract
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#252</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">25 TR</div>
              <div class="production-box">
                <div class="money production">4</div>
              </div>
              <div class="description">
                (Requires that you have at least 25 TR. Increase your MC
                production 4 steps.)
              </div>
            </div>
          </li>

          <!--253-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag venusTag venusNext reqs"
            data-venus="6"
          >
            <div class="title background-color-active">Thermophiles</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#253</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">6% Venus</div>
              <div class="red-arrow" style="margin-left: 76px"></div>
              <div class="resource microbe">
                <div class="card-icon tag-venus"></div>
              </div>
              <br />
              OR
              <div class="microbe resource"></div>
              <div class="microbe resource"></div>
              <div class="red-arrow"></div>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: add 1 Microbe to ANY Venus CARD or spend 2 Microbes
                here to raise Venus 1 step).
                <br /><br />
                (Requires Venus 6%).
              </div>
            </div>
          </li>

          <!--254-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag venusNext spaceTag events"
          >
            <div class="title background-color-events">Water to Venus</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#254</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <div class="description">(Raise Venus 1 step.)</div>
            </div>
          </li>

          <!--255-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag venusNext reqs"
            data-venustag="2"
          >
            <div class="title background-color-automated">Venus Governor</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#255</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Venus Venus</div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Requires 2 Venus tags. Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--256-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag venusNext reqs"
            data-venus="10"
          >
            <div class="title background-color-active">Venus Magnetizer</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-venus"></div>
            <div class="number">#256</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="requirements">10% Venus</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
              </div>
              <span class="red-arrow" style="margin-left: 5px"></span>
              <div class="tile venus-tile"></div>
              <div class="description">
                (Action: Decrease your Energy production 1 step to raise Venus 1
                step.)
                <br /><br />
                (Requires Venus 10%.)
              </div>
            </div>
          </li>

          <!--257-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag plantTag venusNext"
          >
            <div class="title background-color-automated">Venus Soils</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#257</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="tile venus-tile"></div>
              <br />
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="resource microbe" style="margin-left: 20px"></div>
              <div class="resource microbe"></div>
              *
              <div class="description">
                (Raise Venus 1 step. Increase your Plant production 1 step. Add
                2 Microbes to ANOTHER card).
              </div>
            </div>
          </li>

          <!--258-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag venusTag venusNext"
          >
            <div class="title background-color-active">Venus Waystation</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#258</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-venus"></div>
              :
              <div class="money resource">-2</div>
              <div class="description">
                (Effect: When you play a Venus tag, you pay 2 MC less for it.)
              </div>
            </div>
          </li>

          <!--259-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag venusTag scienceTag venusNext reqs"
            data-venus="18"
          >
            <div class="title background-color-active">Venusian Animals</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="tag tag3 tag-venus"></div>
            <div class="number">#259</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/
                <div class="animal resource"></div>
              </div>
              <div class="requirements">18% Venus</div>
              <div class="resource-tag tag-science"></div>
              :
              <div class="animal resource"></div>
              <div class="description">
                (Effect: when you play a Science tag, including this, add 1
                Animal to this card).
              </div>
            </div>
          </li>

          <!--260-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active venusTag microbeTag venusNext reqs"
            data-venus="12"
          >
            <div class="title background-color-active">Venusian Insects</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#260</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/2
                <div class="resource microbe"></div>
              </div>
              <div class="requirements">12% Venus</div>
              <div class="red-arrow"></div>
              <div class="resource microbe"></div>
              <div class="description">
                (Action: add 1 Microbe to this card.)
              </div>
              <br />
              <div class="description">
                (Requires Venus 12%. 1 VP for every 2nd Microbe on this card.)
              </div>
            </div>
          </li>

          <!--261-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated venusTag plantTag venusNext reqs"
            data-venus="16"
          >
            <div class="title background-color-automated">Venusian Plants</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="number">#261</div>
            <div class="venus-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">16% Venus</div>
              <div class="tile venus-tile"></div>
              <br />
              <div class="microbe resource">
                <div class="card-icon tag-venus"></div>
              </div>
              OR
              <div class="animal resource">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="description">
                (Requires Venus 16%. Raise Venus 1 step. Add 1 Microbe or 1
                Animal to ANOTHER VENUS CARD).
              </div>
            </div>
          </li>

          <!--Project Cards - Prelude ---------------------------------------->

          <!--p36-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag prelude"
          >
            <div class="title background-color-automated">House Printing</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#P36</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box">
                <div class="production steel"></div>
              </div>
              <br />
              <div class="description">
                (Increase your steel production 1 step.)
              </div>
            </div>
          </li>

          <!--p37-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag cityTag prelude"
          >
            <div class="title background-color-automated">
              Lava Tube Settlement
            </div>
            <div class="price">15</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#P37</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">2</div>
              </div>
              <br />
              <div class="tile city-tile"></div>
              *
              <div class="description">
                (Decrease your energy production 1 step and increase your MC
                production 2 steps. Place a City Tile on a VOLCANIC AREA
                regardless of adjacent cities.)
              </div>
            </div>
          </li>

          <!--p38-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag scienceTag prelude reqs"
            data-oxygen="4"
          >
            <div class="title background-color-events">Martian Survey</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#P38</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements requirements-max">max 4% O2</div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Oxygen must be 4% or lower. Draw two cards.)
              </div>
            </div>
          </li>

          <!--p39-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag prelude reqs"
            data-temperature="-20"
          >
            <div class="title background-color-active">PSYCHROPHILES</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#P39</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="requirements requirements-max">max -20 C</div>
              <div class="red-arrow"></div>
              <div class="microbe resource"></div>
              <br />
              <div class="resource-tag tag-plant"></div>
              :
              <div class="microbe resource"></div>
              =
              <div class="money resource">2</div>
              <div class="description">
                (Action: Add 1 microbe to this card.)<br /><br />
                (Effect: When paying for a plant card, microbes here may be used
                as 2 MC each.)
                <br /><br />
                (Temperature must be -20 C or lower.)
              </div>
            </div>
          </li>

          <!--p40-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated prelude wildTag"
          >
            <div class="title background-color-automated">
              RESEARCH COORDINATION
            </div>
            <div class="price">4</div>
            <div class="tag tag1 tag-wild"></div>
            <div class="number">#P40</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              After being played, when you perform an action, the wild tag
              counts as any tag of your choice.
            </div>
          </li>

          <!--p41-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated prelude buildingTag"
          >
            <div class="title background-color-automated">SF MEMORIAL</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#P41</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource card"></div>
              <div class="description">(Draw 1 card.)</div>
            </div>
          </li>

          <!--p42-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated prelude earthTag spaceTag reqs"
            data-earth="2"
          >
            <div class="title background-color-automated">Space Hotels</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#P42</div>
            <div class="prelude-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Earth Earth</div>
              <div class="production-box">
                <div class="production money">4</div>
              </div>
              <br />
              <div class="description">
                (Requires 2 Earth tags. Increase MC production 4 steps.)
              </div>
            </div>
          </li>

          <!--Project Cards - Colonies ---------------------------------------->
          <!--C01-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies reqs noneTag"
          >
            <div class="title background-color-automated">Airliners</div>
            <div class="price">11</div>
            <div class="number">#C01</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Floaters</div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <br />
              <div class="floater resource"></div>
              <div class="floater resource"></div>
              *
              <div class="description">
                (Requires that you have 3 floaters. Increase your MC production
                2 steps. Add 2 floaters to ANY card.)
              </div>
            </div>
          </li>

          <!--C02-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag colonies"
          >
            <div class="title background-color-events">Air Raid</div>
            <div class="price">0</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#C02</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="resource floater" style="margin-right: 20px"></div>
              STEAL
              <div class="resource money red-outline">5</div>
              <div class="description">
                (Requires that you lose 1 floater. Steal 5 MC from any player.)
              </div>
            </div>
          </li>

          <!--C03-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies noneTag"
          >
            <div class="title background-color-active">Atmo Collectors</div>
            <div class="price">15</div>
            <div class="number">#C03</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; OR <br />
              <div class="floater resource" style="margin-left: -3px"></div>
              <div class="red-arrow"></div>
              2
              <div class="titanium resource"></div>
              /3
              <div class="energy resource"></div>
              /4
              <div class="heat resource"></div>
              <div class="description">
                (Action: Add 1 floater here, or spend 1 floater here to gain 2
                titanium, or 3 energy, or 4 heat.)
              </div>
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              *
              <br />
              <div class="description">(Add 2 floaters to ANY card.)</div>
            </div>
          </li>

          <!--C04-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies noneTag"
          >
            <div class="title background-color-automated">
              Community Services
            </div>
            <div class="price">13</div>
            <div class="number">#C04</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box">
                <div class="money production">1</div>
              </div>
              /
              <div
                class="resource-tag"
                style="
                  font-size: 42px;
                  vertical-align: middle;
                  background: white;
                  font-family: Arial;
                "
              >
                X
              </div>
              *
              <div class="description">
                (Increase your MC production 1 step per CARD WITH NO TAGS,
                including this.)
              </div>
            </div>
          </li>

          <!--C05-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag earthTag colonies reqs"
            data-earth="2"
          >
            <div class="title background-color-events">Conscription</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C05</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="requirements">Earth Earth</div>
              <span style="font-size: 14px">NEXT CARD: </span>
              <div class="resource money">-16</div>
              <div class="description">
                (Requires 2 Earth tags. The next card you play this generation
                costs 16 MC less.)
              </div>
            </div>
          </li>

          <!--C06-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated powerTag spaceTag colonies reqs"
            data-science="4"
          >
            <div class="title background-color-automated">Corona Extractor</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#C06</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="requirements">4 Science</div>
              <div class="production-box production-box-size1a">
                4
                <div class="energy production"></div>
              </div>
              <div class="description">
                (Requires 4 science tags. Increase your energy production 4
                steps.)
              </div>
            </div>
          </li>

          <!--C07-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag colonies"
          >
            <div class="title background-color-active">Cryo Sleep</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#C07</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="tile trade"></div>
              :
              <div class="resource" style="background: white">-1</div>
              <div class="description">
                (Effect: When you trade, you pay 1 less resource for it.)
              </div>
            </div>
          </li>

          <!--C08-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag earthTag colonies"
          >
            <div class="title background-color-automated">Earth Elevator</div>
            <div class="price">43</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#C08</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">4</div>
              <div class="production-box production-box-size3">
                <div class="production titanium"></div>
                <div class="production titanium"></div>
                <div class="production titanium"></div>
              </div>
              <div class="description">
                (Increase your titanium production 3 steps.)
              </div>
            </div>
          </li>

          <!--C09-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies scienceTag animalTag microbeTag plantTag"
          >
            <div class="title background-color-automated">Ecology Research</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="tag tag3 tag-animal"></div>
            <div class="tag tag-science" style="margin-left: 56px"></div>
            <div class="number">#C09</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size2a">
                <div class="plant production"></div>
                /
                <div
                  class="tile colony"
                  style="
                    vertical-align: middle;
                    width: 32px;
                    height: 27px;
                    background-size: 32px 27px;
                    margin-bottom: 5px;
                    margin-left: -5px;
                  "
                ></div>
              </div>
              <br />
              <div class="resource animal"></div>
              *
              <div class="resource microbe" style="margin-left: 20px"></div>
              <div class="resource microbe"></div>
              *
              <div class="description">
                (Increase your plant production 1 step for each colony you own.
                Add 1 animal to ANOTHER card and 2 microbes to ANOTHER card.)
              </div>
            </div>
          </li>

          <!--C10-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies noneTag"
          >
            <div class="title background-color-automated">Floater Leasing</div>
            <div class="price">3</div>
            <div class="number">#C10</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="money production">1</div>
              </div>
              &nbsp;/ 3
              <div class="resource floater"></div>
              <div class="description">
                (Increase your MC production 1 step per 3 floaters you have.)
              </div>
            </div>
          </li>

          <!--C11-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag scienceTag colonies"
          >
            <div class="title background-color-events">Floater Prototypes</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C11</div>
            <div class="content">
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              *
              <div class="description">(Add two floaters to ANOTHER card.)</div>
            </div>
          </li>

          <!--C12-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag colonies"
          >
            <div class="title background-color-active">Floater Technology</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#C12</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="floater resource"></div>
              *
              <div class="description">
                (Action: Add 1 floater to ANOTHER card.)
              </div>
            </div>
          </li>

          <!--C13-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies spaceTag"
          >
            <div class="title background-color-automated">
              Galilean Waystation
            </div>
            <div class="price">15</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C13</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div
                  class="resource-tag production-tag tag-jovian red-outline"
                ></div>
              </div>
              <div class="description">
                (Increase your MC production 1 step for every Jovian tag in
                play.)
              </div>
            </div>
          </li>

          <!--C14-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag colonies reqs"
            data-earth="2"
          >
            <div class="title background-color-automated">Heavy Taxation</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C14</div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="requirements">Earth Earth</div>
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <div style="margin-left: 20px" class="resource money">4</div>
              <div class="description">
                (Requires 2 Earth tags. Increase your MC production 2 steps, and
                gain 4MC.)
              </div>
            </div>
          </li>

          <!--C15-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies"
          >
            <div class="title background-color-automated">Ice Moon Colony</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C15</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="tile colony"></div>
              <div class="tile ocean-tile" style="margin-left: 20px"></div>
              <div class="description">(Place 1 colony and 1 ocean tile.)</div>
            </div>
          </li>

          <!--C16-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag spaceTag colonies reqs"
            data-jovian="2"
          >
            <div class="title background-color-events">Impactor Swarm</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C16</div>
            <div class="content">
              <div class="requirements">Jovian Jovian</div>
              12
              <div class="resource heat"></div>
              <br />
              <div class="minus"></div>
              <div class="resource plant red-outline"></div>
              <div class="resource plant red-outline"></div>
              <div class="description">
                (Requires 2 Jovian tags. Gain 12 heat. Remove up to 2 plants
                from any player.)
              </div>
            </div>
          </li>

          <!--C17-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag spaceTag earthTag colonies"
          >
            <div class="title background-color-events">
              Interplanetary Colony Ship
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C17</div>
            <div class="content">
              <br />
              <div class="tile colony"></div>
              <br /><br />
              <div class="description">(Place a colony.)</div>
            </div>
          </li>

          <!--C18-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag reqs"
            data-jovian="1"
          >
            <div class="title background-color-active">Jovian Lanterns</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#C18</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/2
                <div class="resource floater"></div>
              </div>
              <div class="requirements">Jovian</div>
              <div class="resource titanium"></div>
              <div class="red-arrow"></div>
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              <div class="description">
                (Action: Spend 1 titanium to add 2 floaters here.)
              </div>
              <div class="tile rating"></div>
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              *
              <div
                class="description"
                style="margin-top: -5px; text-align: left"
              >
                (Requires 1 Jovian tag. Increase your TR 1 step. Add 2 floaters
                to ANY <br />
                card. 1VP per 2 floaters.)
              </div>
            </div>
          </li>

          <!--C19-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag reqs"
            data-science="3"
          >
            <div class="title background-color-active">
              Jupiter Floating Station
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#C19</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">3 Science</div>
              <div class="red-arrow"></div>
              <div class="resource floater" style="margin-right: 10px">
                <div class="card-icon tag-jovian"></div>
              </div>
              OR<br />
              <div class="red-arrow"></div>
              <div class="resource money">1</div>
              /
              <div class="resource floater"></div>
              * (max 4)
              <div class="description">
                (Action: Add 1 floater to a JOVIAN CARD, or gain 1 MC for every
                floater here (MAX 4).)
              </div>
              <br />
              <div class="description" style="margin-left: -90px">
                (Requires 3 Science tags.)
              </div>
            </div>
          </li>

          <!--C20-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag colonies reqs"
            data-earth="3"
          >
            <div class="title background-color-automated">Luna Governor</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C20</div>
            <div class="content">
              <div class="requirements">Earth Earth Earth</div>
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <div class="description">
                (Requires 3 Earth tags. Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--C21-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag earthTag colonies"
          >
            <div class="title background-color-automated">Lunar Exports</div>
            <div class="price">19</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#C21</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size4">
                <div class="plant production"></div>
                <div class="plant production"></div>
                OR
                <div class="money production">5</div>
              </div>
              <div class="description">
                (Increase your plant production 2 steps, or your MC production 5
                steps.)
              </div>
            </div>
          </li>

          <!--C22-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated earthTag colonies"
          >
            <div class="title background-color-automated">Lunar Mining</div>
            <div class="price">11</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#C22</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="titanium production"></div>
                / 2
                <div class="resource-tag production-tag tag-earth"></div>
              </div>
              <div class="description">
                (Increase your titanium production 1 step for every 2 Earth tags
                you have in play, including this.)
              </div>
            </div>
          </li>

          <!--C23-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag earthTag colonies"
          >
            <div class="title background-color-events">Market Manipulation</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="colonies-icon project-icon"></div>
            <div class="number">#C23</div>
            <div class="content" style="font-weight: normal">
              INCREASE ONE COLONY TILE TRACK 1 STEP. <br />
              DECREASE ANOTHER COLONY TILE TRACK 1 STEP.
            </div>
          </li>

          <!--C24-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active coloniess buildingTag animalTag reqs"
          >
            <div class="title background-color-active">Martian Zoo</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-animal"></div>
            <div class="number">#C24</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">2 Cities</div>
              <div class="resource-tag tag-earth"></div>
              :
              <div class="resource animal"></div>
              <br />
              <div class="red-arrow"></div>
              <div class="resource money">1</div>
              /
              <div class="resource animal"></div>
              <div class="description">
                (Effect: When you play an Earth tag, place an animal here.)
                <br /><br />
                (Action: Gain 1MC per animal here.)<br /><br />
                <div style="margin-left: -75px">
                  (Requires 2 city <br />tiles in play.)
                </div>
              </div>
            </div>
          </li>

          <!--C25-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies"
          >
            <div class="title background-color-automated">Mining Colony</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C25</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production titanium"></div>
              </div>
              <div class="tile colony" style="margin-left: 20px"></div>
              <div class="description">
                (Increase your titanium production 1 step. Place a colony.)
              </div>
            </div>
          </li>

          <!--C26-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies"
          >
            <div class="title background-color-automated">Minority Refuge</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C26</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">-2</div>
              </div>
              <div class="tile colony" style="margin-left: 20px"></div>
              <div class="description">
                (Decrease your MC production 2 steps. Place a colony.)
              </div>
            </div>
          </li>

          <!--C27-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag colonies"
          >
            <div class="title background-color-automated">
              Molecular Printing
            </div>
            <div class="price">11</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#C27</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource money">1</div>
              /
              <div class="tile city-tile red-outline"></div>
              <br />
              <div class="resource money">1</div>
              /
              <div class="colony tile red-outline"></div>
              <div class="description">
                (Gain 1Mc for each city tile in play.<br />
                Gain 1MC for each colony in play.)
              </div>
            </div>
          </li>

          <!--C28-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag jovianTag colonies"
          >
            <div class="title background-color-automated">
              Nitrogen From Titan
            </div>
            <div class="price">25</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#C28</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="resource floater">
                <div class="card-icon tag-jovian"></div>
              </div>
              <div class="resource floater">
                <div class="card-icon tag-jovian"></div>
              </div>
              <div class="description">
                (Raise your TR 2 steps. Add 2 floaters to a JOVIAN CARD.)
              </div>
            </div>
          </li>

          <!--C29-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies reqs"
          >
            <div class="title background-color-automated">
              Pioneer Settlement
            </div>
            <div class="price">13</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C29</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements requirements-max">max 1 Colony</div>
              <div class="production-box">
                <div class="production money">-2</div>
              </div>
              <div class="tile colony" style="margin-left: 20px"></div>
              <div class="description">
                (Requires that you have no more than 1 colony. Decrease your MC
                production 2 steps. Place a colony.)
              </div>
            </div>
          </li>

          <!--C30-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies noneTag"
          >
            <div class="title background-color-automated">
              Productive Outpost
            </div>
            <div class="price">0</div>
            <div class="number">#C30</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">GAIN ALL YOUR COLONY BONUSES</div>
          </li>

          <!--C31-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated colonies reqs noneTag"
            data-science="4"
          >
            <div class="title background-color-automated">
              Quantum Communications
            </div>
            <div class="price">8</div>
            <div class="number">#C31</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">4 Science</div>
              <div class="production-box production-box-size2a">
                <div class="money production">1</div>
                /
                <div
                  class="tile colony red-outline"
                  style="
                    vertical-align: middle;
                    width: 32px;
                    height: 27px;
                    background-size: 32px 27px;
                    margin-bottom: 5px;
                    margin-left: 0px;
                  "
                ></div>
              </div>
              <br />
              <div class="description">
                (Requires 4 Science tags. Increase your MC production 1 step for
                each colony in play.)
              </div>
            </div>
          </li>

          <!--C32-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag scienceTag reqs"
            data-science="3"
          >
            <div class="title background-color-active">
              Red Spot Observatory
            </div>
            <div class="price">17</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#C32</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">3 Science</div>
              <div class="red-arrow"></div>
              <div class="resource floater"></div>
              OR
              <div class="resource floater"></div>
              <div class="red-arrow"></div>
              <div class="resource card"></div>
              <div class="description">
                (Action: Add 1 floater to this card, or spend 1 floater here to
                draw a card.)
              </div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div
                class="description"
                style="margin-top: -5px; text-align: left"
              >
                (Requires 3 Science tags.<br />&nbsp; Draw 2 cards.)
              </div>
            </div>
          </li>

          <!--C33-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag colonies"
          >
            <div class="title background-color-active">Refugee Camps</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#C33</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">
                1/
                <div class="resource camp" style="vertical-align: middle"></div>
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">1</div>
              </div>
              <span class="red-arrow" style="margin-left: 5px"></span>
              <div class="resource camp"></div>
              <div class="description">
                (Action: Decrease your MC production 1 step to add a camp
                resource to this card.)<br /><br />
                (1 VP for each camp resource on this card.)
              </div>
            </div>
          </li>

          <!--C34-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag scienceTag colonies"
          >
            <div class="title background-color-automated">Research Colony</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#C34</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="tile colony"></div>
              *
              <div class="resource card" style="margin-left: 20px"></div>
              <div class="resource card"></div>
              <div class="description">
                (Place a colony. MAY BE PLACED WHERE YOU ALREADY HAVE A COLONY.
                Draw 2 cards.)
              </div>
            </div>
          </li>

          <!--C35-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag colonies"
          >
            <div class="title background-color-active">Rim Freighters</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C35</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="tile trade"></div>
              :
              <div class="resource" style="background: white">-1</div>
              <div class="description">
                (Effect: When you trade, you pay 1 less resource for it.)
              </div>
            </div>
          </li>

          <!--C36-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag spaceTag colonies reqs"
            data-earth="2"
          >
            <div class="title background-color-active">Sky Docks</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#C36</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">Earth Earth</div>
              : <span class="money resource">-1</span>
              <div class="description">
                (Effect: When you play a card, you pay 1 MC less for it.)
              </div>
              <div class="tile fleet"></div>
              <div class="description">
                (Requires 2 Earth tags. Gain 1 Trade Fleet.)
              </div>
            </div>
          </li>

          <!--C37-->
          <li
            onclick="getClickedCard();"
            class="filterDiv eventTag scienceTag spaceTag colonies events"
          >
            <div class="title background-color-events">Solar Probe</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-science"></div>
            <div class="number">#C37</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource card"></div>
              /
              <div class="resource-tag tag-science"></div>
              <div
                class="resource-tag tag-science"
                style="margin-left: -10px"
              ></div>
              <div
                class="resource-tag tag-science"
                style="margin-left: -10px"
              ></div>
              <div class="description">
                (Draw 1 card for every 3 science tags you have, including this.)
              </div>
            </div>
          </li>

          <!--C38-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies"
          >
            <div class="title background-color-automated">Solar Reflectors</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C38</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size1a">
                5
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Increase your heat production 5 steps.)
              </div>
            </div>
          </li>

          <!--C39-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag colonies reqs"
          >
            <div class="title background-color-automated">Space Port</div>
            <div class="price">22</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#C39</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Colony</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">4</div>
              </div>
              <div class="tile city-tile" style="margin-left: 10px"></div>
              <div class="tile fleet"></div>
              <br />
              <div class="description">
                (Requires 1 colony. Decrease your Energy production 1 step and
                increase your MC production 4 steps. Place a City tile. Gain 1
                Trade Fleet.)
              </div>
            </div>
          </li>

          <!--C40-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag colonies reqs"
          >
            <div class="title background-color-automated">
              Space Port Colony
            </div>
            <div class="price">27</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C40</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/2
                <div
                  class="tile colony red-outline"
                  style="
                    vertical-align: middle;
                    width: 26px;
                    height: 23px;
                    background-size: 26px;
                  "
                ></div>
              </div>
              <div class="requirements">Colony</div>
              <div class="tile colony"></div>
              *
              <div class="tile fleet" style="margin-left: 20px"></div>
              <br />
              <div class="description">
                (Requires a colony. Place a colony.<br />
                MAY BE PLACED ON A COLONY TILE WHERE YOU ALREADY HAVE A
                COLONY.<br />
                Gain 1 Trade Fleet. 1VP per 2 colonies in play.)
              </div>
            </div>
          </li>

          <!--C41-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag colonies"
          >
            <div class="title background-color-active">Spin-off Department</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#C41</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="resource money">20</div>
              * :
              <div class="resource card"></div>
              <div class="description">
                (Effect: WHEN PLAYING A CARD WITH A BASIC COST OF 20MC OR MORE,
                draw a card.)
              </div>
              <br />
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <div class="description">
                (Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--C42-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active animalTag colonies reqs"
            data-temperature="-6"
          >
            <div class="title background-color-active">Sub-Zero Salt Fish</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-animal"></div>
            <div class="number">#C42</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/2
                <div class="animal resource"></div>
              </div>
              <div class="requirements">-6 C</div>
              <span class="red-arrow"></span>
              <div class="animal resource"></div>
              <div class="description" style="margin-bottom: 5px">
                (Action: Add 1 Animal to this card.)
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="plant production red-outline"></div>
              </div>
              <div class="description" style="text-align: left">
                (Requires -6 C. Decrease any Plant production 1 step. 1 VP
                per<br />
                2 Animals on this card.)
              </div>
            </div>
          </li>

          <!--C43-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag"
          >
            <div class="title background-color-active">Titan Air-scrapping</div>
            <div class="price">21</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#C43</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="resource titanium"></div>
              <div class="red-arrow"></div>
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              <br />
              OR
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              <div class="red-arrow"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Action: Spend 1 titanium to add 2 floaters here, or spend 2
                floaters here to increase your TR 1 step.)
              </div>
            </div>
          </li>

          <!--C44-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag"
          >
            <div class="title background-color-active">
              Titan Floating Launch-Pad
            </div>
            <div class="price">18</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#C44</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="red-arrow"></div>
              <div class="resource floater">
                <div class="card-icon tag-jovian"></div>
              </div>
              <br />
              OR
              <div class="resource floater"></div>
              <div class="red-arrow"></div>
              <div class="tile trade"></div>
              <div class="description">
                (Action: Add 1 floater to ANY JOVIAN CARD, or spend 1 floater
                here to trade for free.)
              </div>
              <div
                class="resource floater"
                style="margin-left: -130px; margin-top: 15px"
              >
                <div class="card-icon tag-jovian"></div>
              </div>
              <div class="resource floater" style="margin-top: 15px">
                <div class="card-icon tag-jovian"></div>
              </div>
              <div
                class="description"
                style="position: absolute; margin-left: 87px; margin-top: -36px"
              >
                (Add two floaters to ANY JOVIAN CARD.)
              </div>
            </div>
          </li>

          <!--C45-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies jovianTag spaceTag"
          >
            <div class="title background-color-active">Titan Shuttles</div>
            <div class="price">23</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#C45</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="red-arrow"></div>
              <div class="resource floater">
                <div class="card-icon tag-jovian"></div>
              </div>
              <div class="resource floater">
                <div class="card-icon tag-jovian"></div>
              </div>
              <br />
              OR X
              <div class="resource floater"></div>
              <div class="red-arrow"></div>
              X
              <div class="resource titanium"></div>
              <div class="description">
                (Action: Add 2 floaters to ANY JOVIAN CARD, or spend any number
                of floaters here to gain the same number of titanium.)
              </div>
            </div>
          </li>

          <!--C46-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active colonies noneTag"
          >
            <div class="title background-color-active">Trade Envoys</div>
            <div class="price">6</div>
            <div class="number">#C46</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="tile trade"></div>
              :
              <span
                style="
                  font-family: Prototype;
                  font-size: 23px;
                  font-weight: normal;
                  vertical-align: middle;
                "
                >+1</span
              >
              <div class="description" style="margin-top: 5px">
                (Effect: When you trade, you may first increase that Colony Tile
                track 1 step.)
              </div>
            </div>
          </li>

          <!--C47-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag colonies"
          >
            <div class="title background-color-active">Trading Colony</div>
            <div class="price">18</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#C47</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="tile trade"></div>
              :
              <span
                style="
                  font-family: Prototype;
                  font-size: 23px;
                  font-weight: normal;
                  vertical-align: middle;
                "
                >+1</span
              >
              <br />
              <div
                class="description"
                style="margin-top: 5px; margin-bottom: 5px"
              >
                (Effect: When you trade, you may first increase that Colony Tile
                track 1 step.)
              </div>
              <div class="tile colony"></div>
              <br />
              <div class="description" style="margin-top: 5px">
                (Place a colony.)
              </div>
            </div>
          </li>

          <!--C48-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated microbeTag colonies reqs"
          >
            <div class="title background-color-automated">
              Urban Decomposers
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#C48</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Colony City</div>
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <div class="resource microbe" style="margin-left: 20px"></div>
              <div class="resource microbe"></div>
              *
              <div class="description">
                (Requires that you have 1 city tile and 1 colony in play.
                Increase your plant production 1 step, and add 2 microbes to
                ANOTHER card.)
              </div>
            </div>
          </li>

          <!--C49-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag colonies reqs"
            data-science="5"
          >
            <div class="title background-color-active">Warp Drive</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#C49</div>
            <div class="colonies-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">5 Science</div>
              <div class="resource-tag tag-space"></div>
              :
              <div class="money resource">-4</div>
              <div class="description">
                (Effect: When you play a Space card, you pay 4 MC less for it.)
              </div>
              <br />
              <div class="description">(Requires 5 Science tags.)</div>
            </div>
          </li>

          <!--T01-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil reqs noneTag"
          >
            <div class="title background-color-automated">Aerial Lenses</div>
            <div class="price">2</div>
            <div class="number">#T01</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">-1</div>
              <div class="requirements">
                <div class="party party-kelvinists"></div>
              </div>
              <br />
              <div class="minus"></div>
              <div class="resource plant red-outline"></div>
              <div class="resource plant red-outline"></div>

              <div class="production-box production-box-size2">
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Requires that Kelvinists are ruling or that you have 2
                delegates there. Remove up to 2 plants from any player. Increase
                your heat production 2 steps.)
              </div>
            </div>
          </li>

          <!--T02-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag turmoil reqs"
          >
            <div class="title background-color-events">Banned Delegate</div>
            <div class="price">0</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#T02</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements" style="margin-bottom: 20px">
                <div class="chairman" style="margin-top: -6px"></div>
              </div>
              <div class="minus"></div>
              <div class="delegate red-outline"></div>
              <br /><br />
              <div class="description">
                (Requires that you are Chairman. Remove any NON-LEADER
                delegate.)
              </div>
            </div>
          </li>

          <!--T03-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag buildingTag turmoil reqs"
          >
            <div class="title background-color-automated">
              Cultural Metropolis
            </div>
            <div class="price">20</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#T03</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-unity"></div>
              </div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="energy production"></div>
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="money production">3</div>
              </div>
              <div class="tile city-tile" style="margin-left: 10px"></div>
              <div class="delegate"></div>
              <div class="delegate" style="margin-left: 5px"></div>
              <div class="description">
                (Requires that Unity is ruling or that you have 2 delegates
                there. Decrease your energy production 1 step and increase your
                MC production 3 steps. Place a city tile. Place 2 delegates in 1
                party.)
              </div>
            </div>
          </li>

          <!--T04-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil jovianTag reqs"
          >
            <div class="title background-color-automated">
              Diaspora Movement
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="number">#T04</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">
                <div class="party party-reds"></div>
              </div>
              <div class="money resource">1</div>
              /
              <div class="resource-tag tag-jovian red-outline"></div>
              <div class="description" style="margin-top: 5px">
                (Requires that Reds are ruling or that you have 2 delegates
                there. Gain 1MC for each Jovian tag in play.)
              </div>
            </div>
          </li>

          <!--T05-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag turmoil"
          >
            <div class="title background-color-active">Event Analysts</div>
            <div class="price">5</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#T05</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-scientists"></div>
              </div>
              <br />
              <div class="plus"></div>
              <div class="influence"></div>
              <br />
              <div class="description" style="margin-top: 5px">
                (Effect: You have influence +1. )
              </div>
              <br />
              <div class="description">
                (Requires that Scientists are ruling or that you have 2
                delegates there.)
              </div>
            </div>
          </li>

          <!--T06-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag scienceTag turmoil reqs"
          >
            <div class="title background-color-active">GMO Contract</div>
            <div class="price">3</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#T06</div>
            <div class="content">
              <div class="requirements">
                <div class="party party-greens"></div>
              </div>
              <br />
              <div class="tag-animal resource-tag"></div>
              /
              <div class="tag-plant resource-tag"></div>
              /
              <div class="tag-microbe resource-tag"></div>
              :
              <div class="money resource">2</div>
              <div class="description">
                (Effect: Each time you play a plant,animal, or microbe tag,
                including this, gain 2MC.)
              </div>
              <div class="description" style="margin-top: 10px">
                (Requires that Greens are ruling or that you have 2 delegates
                there.)
              </div>
            </div>
          </li>

          <!--T07-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag turmoil reqs"
          >
            <div class="title background-color-active">
              Martian Media Center
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#T07</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-mars-first"></div>
              </div>
              <div class="money resource">3</div>
              <div class="red-arrow"></div>
              <div class="delegate"></div>
              <div class="description" style="margin-bottom: 10px">
                (Action: Pay 3 MC to add a delegate to any party.)
              </div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Requires that Mars First is ruling or that you have 2 delegates
                there.Increase your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--T08-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil buildingTag reqs"
          >
            <div class="title background-color-automated">Parliament Hall</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#T08</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">
                <div class="party party-mars-first"></div>
              </div>
              <br />
              <div class="production-box production-box-size4a">
                <div class="money production">1</div>
                /
                <div class="resource-tag production-tag tag-building"></div>
                <div class="resource-tag production-tag tag-building"></div>
                <div class="resource-tag production-tag tag-building"></div>
              </div>
              <div class="description">
                (Requires that Mars First are ruling or that you have 2
                delegates there. Increase your MC production 1 step for every 3
                Building tag you have, including this.)
              </div>
            </div>
          </li>

          <!--T09-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil earthTag reqs"
          >
            <div class="title background-color-automated">PR Office</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="number">#T09</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-unity"></div>
              </div>
              <div class="tile rating"></div>
              <br />
              <div class="resource money">1</div>
              /
              <div class="resource-tag tag-earth"></div>
              <div class="description">
                (Requires that Unity are ruling or that you have 2 delegates
                there. Gain 1 TR. Gain 1 MC for each Earth tag you have,
                including this.)
              </div>
            </div>
          </li>

          <!--T10-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events turmoil eventTag reqs"
          >
            <div class="title background-color-events">Public Celebrations</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#T10</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">
                <div class="chairman" style="margin-top: -6px"></div>
              </div>
              <div class="description">(Requires that you are Chairman.)</div>
            </div>
          </li>

          <!--T11-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events turmoil eventTag"
          >
            <div class="title background-color-events">Recruitment</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#T11</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="delegate red-outline"></div>
              * &nbsp;&nbsp; +
              <div class="delegate"></div>
              <br /><br />
              <div class="description">
                (Exchange one NEUTRAL NON-LEADER delegate with one of your own
                from the reserve.)
              </div>
            </div>
          </li>

          <!--T12-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events turmoil eventTag earthTag reqs"
          >
            <div class="title background-color-events">Red Tourism Wave</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#T12</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-reds"></div>
              </div>
              <div class="resource money">1</div>
              /
              <div class="tile empty-tile-small"></div>
              *

              <div class="description">
                (Requires that Reds are ruling or that you have 2 delegates
                there. Gain 1 MC from each EMPTY AREA ADJACENT TO YOUR TILES.)
              </div>
            </div>
          </li>

          <!--T13-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil buildingTag reqs"
          >
            <div class="title background-color-automated">Sponsored Mohole</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#T13</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-kelvinists"></div>
              </div>
              <br />
              <div class="production-box production-box-size2">
                <div class="heat production"></div>
                <div class="heat production"></div>
              </div>
              <div class="description">
                (Requires that Kelvinists are ruling or that you have 2
                delegates there. Increase your heat production 2 steps.)
              </div>
            </div>
          </li>

          <!--T14-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil scienceTag reqs"
          >
            <div class="title background-color-automated">
              Supported Research
            </div>
            <div class="price">3</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#T14</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-scientists"></div>
              </div>
              <br />
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Requires that Scientists are ruling or that you have 2
                delegates there. Draw 2 cards.)
              </div>
            </div>
          </li>

          <!--T15-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated turmoil buildingTag animalTag plantTag reqs"
          >
            <div class="title background-color-automated">Wildlife Dome</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="tag tag3 tag-animal"></div>
            <div class="number">#T15</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="party party-greens"></div>
              </div>
              <div class="tile greenery-tile"></div>
              <div class="description">
                (Requires that Greens are ruling or that you have 2 delegates
                there. Place a greenery tile and raise oxygen 1 step.)
              </div>
            </div>
          </li>

          <!--T16-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events turmoil eventTag reqs"
          >
            <div class="title background-color-events">
              Vote of no Confidence
            </div>
            <div class="price">5</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#T16</div>
            <div class="turmoil-icon project-icon"></div>
            <div class="content">
              <div class="requirements">
                <div class="leader" style="margin-top: -6px"></div>
              </div>
              -
              <div class="chairman red-outline"></div>
              * &nbsp;&nbsp; +
              <div class="leader"></div>
              <br />
              <div class="tile rating"></div>
              <div class="description">
                (Requires that you have a Party Leader in any party and that the
                sitting Chairman is neutral. Remove the NEUTRAL Chairman and
                move your own delegate(from the reserve) there instead. Gain 1
                TR.)
              </div>
            </div>
          </li>

          <!--X01-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated promo spaceTag reqs"
            data-science="2"
          >
            <div class="title background-color-automated">
              Dusk Laser Mining
            </div>
            <div class="price">8</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#X01</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Science Science</div>
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="production energy"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="production titanium"></div>
              </div>

              <span style="margin-left: 20px; font-size: 20px">4</span>
              <div class="resource titanium"></div>
              <div class="description">
                (Requires 2 Science tags. Decrease your energy production 1
                step, and increase your titanium production 1 step. Gain 4
                titanium.)
              </div>
            </div>
          </li>

          <!--X02-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo eventTag"
          >
            <div class="title background-color-events">Project Inspection</div>
            <div class="price">0</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#X02</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <span style="font-weight: normal"
                >USE A CARD ACTION THAT HAS ALREADY BEEN USED THIS GENERATION
              </span>
            </div>
          </li>

          <!--X03-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag promo"
          >
            <div class="title background-color-active">Energy Market</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#X03</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="money resource">2X</div>
              <div class="red-arrow"></div>
              X
              <div class="energy resource"></div>
              <br />
              OR
              <div class="production-box">
                <div class="production energy"></div>
              </div>
              <div class="red-arrow"></div>
              <div class="money resource">8</div>
              <div class="description">
                (Action: Spend 2X MC to gain X energy, or decrease energy
                production 1 step to gain 8 MC.)
              </div>
            </div>
          </li>

          <!--X04-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag buildingTag promo"
          >
            <div class="title background-color-active">Hi-Tech Lab</div>
            <div class="price">17</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#X04</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              X
              <div class="energy resource"></div>
              <div class="red-arrow"></div>
              X
              <div class="card resource"></div>
              *
              <div class="description">
                (Action: Spend any amount of energy to draw the same number of
                cards. TAKE 1 INTO HAND AND DISCARD THE REST.)
              </div>
            </div>
          </li>

          <!--X05-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag promo"
          >
            <div class="title background-color-automated">
              Interplanetary Trade
            </div>
            <div class="price">27</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#X05</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              /
              <div
                class="resource-tag"
                style="
                  background: linear-gradient(
                    to bottom right,
                    green,
                    yellow,
                    red
                  );
                "
              ></div>
              <div class="description">
                (Increase your MC production 1 step per different tag you have
                in play, including this.)
              </div>
            </div>
          </li>

          <!--X06-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events eventTag earthTag promo"
          >
            <div class="title background-color-events">Law Suit</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#X06</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big red-outline">-1</div>
              STEAL
              <div class="resource money red-outline">3</div>
              *
              <div class="description">
                (Steal 3 MC from a player that REMOVED YOUR RESOURCES OR
                DECREASED YOUR PRODUCTION this generation. Place this card face
                down in THAT PLAYER'S EVENT PILE.)
              </div>
            </div>
          </li>

          <!--X07-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active promo reqs spaceTag"
            data-science="2"
          >
            <div class="title background-color-active">Mercurian Alloys</div>
            <div class="price">3</div>
            <div class="tag tag1 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X07</div>
            <div class="content">
              <div class="requirements">2 Science</div>
              <div class="resource titanium"></div>
              : +
              <div class="resource money">1</div>
              <div class="description">
                (Effect: Your titanium resources are worth 1 MC extra.)
              </div>
              <br />
              <div class="description">(Requires 2 Science tags.)</div>
            </div>
          </li>

          <!--X08-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag earthTag promo"
          >
            <div class="title background-color-active">Orbital Cleanup</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#X08</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="red-arrow"></div>
              <div class="money resource">1</div>
              /
              <div class="resource-tag tag-science"></div>
              <div class="description" style="margin-bottom: 10px">
                (Action: Gain 1 MC per Science tag you have.)
              </div>
              <div class="production-box">
                <div class="money production">-2</div>
              </div>
              <div class="description">
                (Decrease your MC production 2 steps.)
              </div>
            </div>
          </li>

          <!--X09-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo turmoil eventTag reqs"
          >
            <div class="title background-color-events">Political Alliance</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#X09</div>
            <div class="promo-icon project-icon"></div>
            <div
              class="turmoil-icon project-icon"
              style="margin-top: -25px; margin-left: 241px"
            ></div>
            <div class="content">
              <div class="requirements">
                <div class="leader" style="margin-top: -6px"></div>
                <div class="leader" style="margin-top: -6px"></div>
              </div>
              <div class="tile rating"></div>
              <div class="description">
                (Requires that you have 2 Party Leaders. Gain 1 TR.)
              </div>
            </div>
          </li>

          <!--X10-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active promo buildingTag"
          >
            <div class="title background-color-active">Rego Plastics</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-building"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X10</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource steel"></div>
              : +
              <div class="resource money">1</div>
              <div class="description">
                (Effect: Your steel resources are worth 1 MC extra.)
              </div>
            </div>
          </li>

          <!--X11-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active jovianTag earthTag promo"
          >
            <div class="title background-color-active">Saturn Surfing</div>
            <div class="price">13</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#X11</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="floater resource"></div>
              <div class="red-arrow"></div>
              <div class="money resource">1</div>
              /
              <div class="resource floater"></div>
              * (max 5)
              <div class="description" style="margin-bottom: 10px">
                (Action: Spend 1 floater from here to gain 1 MC for each floater
                here, INCLUDING THE PAID FLOATER (max 5).)
              </div>
              <div class="floater resource"></div>
              /
              <div class="resource-tag tag-earth"></div>
              <div class="description">
                (Add 1 floater here for every Earth tag you have, including
                this.)
              </div>
            </div>
          </li>

          <!--X12-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated cityTag spaceTag promo"
          >
            <div class="title background-color-automated">Stanford Torus</div>
            <div class="price">12</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="number">#X12</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="tile city-tile"></div>
              *
              <div class="description">
                (Place a city tile IN SPACE, outside and separate from the
                planet.)
              </div>
            </div>
          </li>

          <!--X13-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active earthTag promo"
          >
            <div class="title background-color-active">Advertising</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X13</div>
            <div class="content">
              <div class="resource card">
                <div
                  class="card-icon money"
                  style="border-radius: 4px; margin-left: -7px; font-size: 12px"
                >
                  20
                </div>
              </div>
              :
              <div class="production-box" style="margin-left: 5px">
                <div class="production money">1</div>
              </div>
              <div class="description">
                (Effect: When you play a card with basic cost of 20MC or more,
                increase your MC production 1 step.)
              </div>
            </div>
          </li>

          <!--X14-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag spaceTag earthTag promo"
          >
            <div class="title background-color-active">
              Asteroid Deflection System
            </div>
            <div class="price">13</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X14</div>
            <div class="content">
              <div class="points points-big">
                1/
                <div
                  class="resource asteroid"
                  style="vertical-align: middle"
                ></div>
              </div>
              <div class="red-arrow"></div>
              <div class="resource card"></div>
              *
              <div
                class="resource-tag tag-space"
                style="margin-left: 20px; margin-right: 5px"
              ></div>
              :
              <div class="resource asteroid"></div>
              <div class="description">
                (Action: REVEAL AND DISCARD the top card of the deck. If it has
                a space tag, add an asteroid here.)
              </div>
              <div
                style="
                  font-weight: normal;
                  line-height: 15px;
                  margin-bottom: 5px;
                "
              >
                OPPONENTS MAY NOT REMOVE YOUR PLANTS
              </div>
              <div
                class="production-box production-box-size1a"
                style="position: absolute; margin-left: -110px"
              >
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="production energy"></div>
              </div>
              <div
                class="description"
                style="margin-left: 80px; text-align: left"
              >
                (Decrease your energy production 1 step. 1VP per asteroid on
                this card.)
              </div>
            </div>
          </li>

          <!--X15-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag promo"
          >
            <div class="title background-color-active">Asteroid Hollowing</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X15</div>
            <div class="content">
              <div class="points">
                1/2
                <div
                  class="resource asteroid"
                  style="vertical-align: middle"
                ></div>
              </div>
              <div class="resource titanium"></div>
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <div class="description">
                (Action: Spend 1 titanium to add 1 asteroid resource here and
                increase MC production 1 step.)
              </div>
              <br /><br />
              <div class="description">
                (1VP for each 2 asteroids on this card.)
              </div>
            </div>
          </li>

          <!--X16-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag promo"
          >
            <div class="title background-color-active">Comet Aiming</div>
            <div class="price">17</div>
            <div class="tag tag1 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X16</div>
            <div class="content">
              <div class="resource titanium"></div>
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              *
              <br />
              OR
              <div class="resource asteroid"></div>
              <div class="red-arrow"></div>
              <div class="tile ocean-tile"></div>
              <div class="description">
                (Action: Spend 1 titanium to add 1 asteroid resource to ANY CARD
                or remove 1 asteroid here to place an ocean.)
              </div>
            </div>
          </li>

          <!--X17-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo eventTag reqs"
          >
            <div class="title background-color-events">Crash site Cleanup</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#X17</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">- Plant</div>
              <div class="resource titanium"></div>
              OR
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (REQUIRES THAT A PLAYER REMOVED ANOTHER PLAYER'S PLANTS THIS
                GENERATION. Gain 1 titanium or 2 steel.)
              </div>
            </div>
          </li>

          <!--X18-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active scienceTag promo"
          >
            <div class="title background-color-active">
              Cutting Edge Technology
            </div>
            <div class="price">12</div>
            <div class="tag tag1 tag-science"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X18</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource card">
                <div
                  class="card-icon"
                  style="
                    background: linear-gradient(
                      to right,
                      #e28c22,
                      rgb(255, 204, 100),
                      rgb(255, 204, 100),
                      #e28c22
                    );
                    border-radius: 1px;
                    margin-left: 3px;
                    font-size: 11px;
                    width: 24px;
                    margin-top: 10px;
                    line-height: 22px;
                  "
                >
                  REQ
                </div>
              </div>
              :
              <div class="resource money">-2</div>
              <div class="description">
                (Effect: When playing a card with a requirement, pay 2MC less.)
              </div>
            </div>
          </li>

          <!--X19-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag promo"
          >
            <div class="title background-color-active">Directed Impactors</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#X19</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="money resource">6</div>
              (
              <div class="titanium resource"></div>
              )
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              * <br />
              OR
              <div class="resource asteroid"></div>
              <div class="red-arrow"></div>
              <div class="tile temperature-tile"></div>
              <div class="description">
                (Action: Spend 6 MC to add 1 asteroid to ANY CARD (titanium may
                be used to pay for this), or remove 1 asteroid here to raise
                temperature 1 step).
              </div>
            </div>
          </li>

          <!--X20-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo eventTag reqs"
          >
            <div class="title background-color-events">Diversity Support</div>
            <div class="price">1</div>
            <div class="tag tag1 tag-event"></div>
            <div class="number">#X20</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">9 different resources</div>
              <div class="tile rating"></div>
              <div class="description">
                (Requires that you have 9 different types of resources. Gain 1
                TR.)
              </div>
            </div>
          </li>

          <!--X21-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag cityTag powerTag promo"
          >
            <div class="title background-color-automated">
              Field-Capped City
            </div>
            <div class="price">29</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="tag tag3 tag-power"></div>
            <div class="number">#X21</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production money">2</div>
                <div class="production energy"></div>
              </div>
              <br />
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="tile city-tile"></div>
              <div class="description">
                (Increase your MC production 2 steps, increase your energy
                production 1 step, gain 3 plants, and place a city tile.)
              </div>
            </div>
          </li>

          <!--X22-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo eventTag spacetag earthTag"
          >
            <div class="title background-color-events">Imported Nutrients</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="number">#X22</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              4
              <div class="resource plant" style="margin-right: 20px"></div>
              4
              <div class="resource microbe"></div>
              *
              <div class="description">
                (Gain 4 plants and add 4 microbes to ANOTHER CARD.)
              </div>
            </div>
          </li>

          <!--X23-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated jovianTag buildingTag promo"
          >
            <div class="title background-color-automated">Jovian Embassy</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-jovian"></div>
            <div class="number">#X23</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="tile rating"></div>
              <div class="description">(Raise your TR 1 step.)</div>
            </div>
          </li>

          <!--X24-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag promo reqs"
            data-power="2"
          >
            <div class="title background-color-automated">Magnetic Shield</div>
            <div class="price">24</div>
            <div class="tag tag1 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X24</div>
            <div class="content">
              <div class="requirements">3 Power</div>
              <span style="font-size: 20px">4</span>
              <div class="tile rating"></div>
              <div class="description">
                (Requires 3 power tags. Raise your TR 4 steps.)
              </div>
            </div>
          </li>

          <!--X25-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag promo"
          >
            <div class="title background-color-active">Meat Industries</div>
            <div class="price">5</div>
            <div class="tag tag1 tag-building"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X25</div>
            <div class="content">
              <div class="resource animal"></div>
              * :
              <div class="resource money">2</div>
              <div class="description">
                (Effect: When you gain an animal to ANY CARD, gain 2MC.)
              </div>
            </div>
          </li>

          <!--X26-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag promo"
          >
            <div class="title background-color-active">Meltworks</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X26</div>
            <div class="content">
              5
              <div class="resource heat"></div>
              <div class="red-arrow"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (Action: Spend 5 heat to gain 3 steel.)
              </div>
            </div>
          </li>

          <!--X27-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag promo"
          >
            <div class="title background-color-active">Mohole Lake</div>
            <div class="price">31</div>
            <div class="tag tag1 tag-building"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X27</div>
            <div class="content">
              <div class="red-arrow"></div>
              <div class="resource microbe"></div>
              * OR
              <div class="resource animal"></div>
              *
              <div class="description">
                (Action: Add a microbe or animal to ANOTHER card.)
              </div>
              <br />
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="tile temperature-tile"></div>
              <div class="tile ocean-tile"></div>
              <div class="description">
                (Effect: Gain 3 plant. Raise temperature 1 step, and place 1
                ocean tile.)
              </div>
            </div>
          </li>

          <!--X28-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated plantTag promo"
          >
            <div class="title background-color-automated">Potatoes</div>
            <div class="price">2</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X28</div>
            <div class="content">
              <div class="minus"></div>
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <br />
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Lose 2 plants. Increase your MC production 2 steps)
              </div>
            </div>
          </li>

          <!--X29-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag scienceTag earthTag promo reqs"
            data-science="2"
          >
            <div class="title background-color-active">
              Sub-Crust Measurements
            </div>
            <div class="price">20</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="tag tag3 tag-earth"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X29</div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="requirements">Science Science</div>
              <div class="red-arrow"></div>
              <div class="resource card"></div>
              <div class="description">(Action: Draw a card.)</div>
              <br /><br />
              <div class="description">(Requires 2 science tags.)</div>
            </div>
          </li>

          <!--X30-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active microbeTag earthTag promo"
          >
            <div class="title background-color-active">Topsoil Contract</div>
            <div class="price">8</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X30</div>
            <div class="content">
              <div class="resource microbe"></div>
              * :
              <div class="resource money">1</div>
              <div class="description">
                (Effect: When you gain a microbe to ANY CARD, also gain 1MC.)
              </div>
              <br />
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="description">(Gain 3 plants.)</div>
            </div>
          </li>

          <!--X31-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events spaceTag eventTag promo"
          >
            <div class="title background-color-events">Deimos Down</div>
            <div class="price">31</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="number">#X31</div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              <div class="tile special-tile" style="font-size: 28px">✷</div>
              *
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <div class="steel resource"></div>
              <br />
              <div class="minus"></div>
              6
              <div class="resource plant red-outline"></div>
              <div class="description">
                (Raise temperature 3 steps and gain 4 steel. Place this tile
                ADJACENT TO no other city tile. Remove up to 6 Plants from any
                player.)
              </div>
            </div>
          </li>

          <!--X32-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag powerTag promo reqs"
            data-oceans="4"
          >
            <div class="title background-color-automated">Great Dam</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#X32</div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">4 Oceans</div>
              <div class="production-box production-box-size2">
                <div class="energy production"></div>
                <div class="energy production"></div>
              </div>
              <div class="tile special-tile" style="font-size: 18px">
                &#127754;&#xFE0E;
              </div>
              *
              <div class="description">
                (Requires 4 ocean tiles. Increase your Energy production 2
                steps. Place this tile ADJECENT TO an ocean tile.)
              </div>
            </div>
          </li>

          <!--X33-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag promo"
          >
            <div class="title background-color-automated">
              Magnetic Field Generators
            </div>
            <div class="price">22</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#X33</div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                4
                <div class="energy production"></div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="plant production"></div>
                <div class="plant production"></div>
              </div>
              <div
                class="tile special-tile"
                style="font-size: 24px; margin-left: 16px"
              >
                &#x1f4e1;&#xFE0E;
              </div>
              <br />
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description">
                (Decrease your Energy production 4 steps and increase your Plant
                production 2 steps. Raise your TR 3 steps. Place this tile.)
              </div>
            </div>
          </li>

          <!--X34-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag earthTag promo"
          >
            <div class="title background-color-active">Asteroid Rights</div>
            <div class="price">10</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X34</div>
            <div class="content">
              <div class="resource money">1</div>
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              *
              <br />
              <div class="resource asteroid" style="margin-left: 0px"></div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              OR
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="description">
                (Action: Spend 1 MC to add 1 asteroid to ANY card, OR spend 1
                asteroid here to raise your MC production 1 step or gain 2
                titanium.)
              </div>
              <div class="resource asteroid"></div>
              <div class="resource asteroid"></div>
              <div class="description">(Gain 2 asteroids to this card.)</div>
            </div>
          </li>

          <!--X35-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated microbeTag scienceTag promo"
          >
            <div class="title background-color-automated">
              Bactoviral Research
            </div>
            <div class="price">10</div>
            <div class="tag tag1 tag-science"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="number">#X35</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="resource card"></div>
              <br />
              <div class="resource microbe"></div>
              */
              <div class="resource-tag tag-science"></div>
              <div class="description">
                (Draw 1 card. Choose 1 of your played cards and add 1 microbe to
                it for each science tag you have, including this.)
              </div>
            </div>
          </li>

          <!--X36-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag promo"
          >
            <div class="title background-color-active">
              Bio Printing Facility
            </div>
            <div class="price">7</div>
            <div class="tag tag1 tag-building"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X36</div>
            <div class="content">
              <div class="resource energy"></div>
              <div class="resource energy"></div>
              <div class="red-arrow"></div>
              <br />
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              OR
              <div class="resource animal"></div>
              *
              <br />
              <div class="description">
                (Action: Spend 2 energy to gain 2 plants OR to add 1 animal to
                ANOTHER card.)
              </div>
            </div>
          </li>

          <!--X37-->
          <li
            onclick="getClickedCard();"
            class="filterDiv events promo eventTag plantTag reqs"
          >
            <div class="title background-color-events">Harvest</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-event"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="number">#X37</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">3 Forests</div>
              <div class="resource money">12</div>
              <div class="description">
                (Requires that you have 3 greenery tiles in play. Gain 12MC.)
              </div>
            </div>
          </li>

          <!--X38-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated noneTag promo reqs"
          >
            <div class="title background-color-automated">Outdoor Sports</div>
            <div class="price">8</div>
            <div class="number">#X38</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">City/Ocean</div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description">
                (Requires any city adjacent to ocean.Increase your MC production
                2 steps.)
              </div>
            </div>
          </li>

          <!--X44-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated spaceTag promo"
          >
            <div class="title background-color-automated">16 Psych</div>
            <div class="price">31</div>
            <div class="tag tag1 tag-space"></div>
            <div class="number">#X44</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">2</div>
              <div class="production-box production-box-size2">
                <div class="titanium production"></div>
                <div class="titanium production"></div>
              </div>
              <br />
              <div class="titanium production"></div>
              <div class="titanium production"></div>
              <div class="titanium production"></div>
              <br />
              <div class="description">
                (Increase titanium production 2 steps. Gain 3 titanium.)
              </div>
            </div>
          </li>

          <!--X45-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated noneTag promo reqs"
            data-oxygen="4"
          >
            <div class="title background-color-automated">
              Robot Pollinators
            </div>
            <div class="price">9</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="number">#X45</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">4% O2</div>
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <br />
              <div class="plant resource"></div>
              /
              <div class="plant resource-tag"></div>
              <div class="description">
                (Requires 4% oxygen. Increase your plant production 1 step. Gain
                1 plant for each plant tag you have.)
              </div>
            </div>
          </li>

          <!--X46-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag buildingTag promo"
          >
            <div class="title background-color-active">Supercapacitors</div>
            <div class="price">4</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#X46</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              EFFECT: CONVERTING ENERGY TO HEAT DURING PRODUCTION IS OPTIONAL
              FOR EACH ENERGY RESOURCE
              <br />
              <br />
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <div class="description">(Increase MC production 1 step.)</div>
            </div>
          </li>

          <!--X47-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag promo"
          >
            <div class="title background-color-active">Icy Impactors</div>
            <div class="price">15</div>
            <div class="tag tag1 tag-space"></div>
            <div class="promo-icon project-icon"></div>
            <div class="number">#X47</div>
            <div class="content">
              <div class="resource money">10</div>
              (<span class="resource titanium"></span>)
              <div class="red-arrow"></div>
              <div class="resource asteroid"></div>
              <div class="resource asteroid"></div>
              <br />
              OR
              <div class="resource asteroid"></div>
              <div class="red-arrow"></div>
              <div class="tile ocean-tile"></div>
              *
              <div class="description">
                (Action: Spend 10 MC (titanium may be used) to add 2 asteroids
                here, or spend 1 asteroid here to place an ocean tile. FIRST
                PLAYER CHOOSES WHERE YOU MUST PLACE IT.)
              </div>
            </div>
          </li>

          <!--X48-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active noneTag promo"
          >
            <div class="title background-color-active">Directed Heat Usage</div>
            <div class="price">1</div>
            <div class="number">#X48</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              3
              <div class="heat resource"></div>
              <div class="red-arrow"></div>
              <br />
              <span class="money resource">4</span> OR
              <div class="plant resource"></div>
              <div class="plant resource"></div>
              <div class="description">
                (Action: Spend 3 heat to either gain 4 MC or 2 plants.)
              </div>
            </div>
          </li>

          <!--X50-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag promo reqs"
            data-oxygen="4"
          >
            <div class="title background-color-automated">Aqueduct Systems</div>
            <div class="price">9</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#X50</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="requirements">City/Ocean</div>
              <br />
              <div class="resource card">
                <div class="card-icon tag-building"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-building"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-building"></div>
              </div>
              <div class="description">
                (Requires that you have a city next to an ocean. Reveal cards
                from the deck until you have revealed 3 building-tag cards. Take
                those into hand and discard the rest.)
              </div>
            </div>
          </li>

          <!--X51-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated scienceTag promo"
            data-oxygen="4"
          >
            <div class="title background-color-automated">Astra Mechanica</div>
            <div class="price">7</div>
            <div class="tag tag1 tag-science"></div>
            <div class="number">#X51</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="resource card">
                <div class="card-icon tag-event"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-event"></div>
              </div>
              *
              <div class="description">
                (RETURN 2 OF YOUR PLAYED EVENTS TO YOUR HAND. IT MAY NOT BE
                CARDS THAT PLACE SPECIAL TILES.)
              </div>
            </div>
          </li>

          <!--X52-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag scienceTag promo"
          >
            <div class="title background-color-active">Carbon Nanosystems</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="number">#X52</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-science"></div>
              :
              <div
                class="resource"
                style="background: linear-gradient(darkgrey, black)"
              >
                &nbsp;
              </div>
              <div class="description">
                (Effect: When you play a science tag, including this, add a
                graphene resource here.
              </div>
              <div class="resource-tag tag-space"></div>
              /
              <div class="resource-tag tag-city"></div>
              :
              <div
                class="resource"
                style="background: linear-gradient(darkgrey, black)"
              >
                &nbsp;
              </div>
              =
              <div class="money resource">4</div>
              <div class="description">
                Effect: When paying for a space or city tag, graphenes may be
                used as 4 MC each.)
              </div>
            </div>
          </li>

          <!--X53-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated buildingTag promo"
          >
            <div class="title background-color-automated">Cyberia Systems</div>
            <div class="price">17</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#X53</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production steel"></div>
              </div>
              <br />
              COPY
              <div class="production-box">
                <div class="resource-tag production-tag tag-building"></div>
              </div>
              &nbsp;
              <div class="production-box">
                <div class="resource-tag production-tag tag-building"></div>
              </div>
              <div class="description">
                (Increase steel production 1 step. Copy the production boxes of
                2 of your other cards with building tags.)
              </div>
            </div>
          </li>

          <!--X56-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated noneTag promo reqs"
            data-oxygen="4"
          >
            <div class="title background-color-automated">
              Hermetic Order of Mars
            </div>
            <div class="price">10</div>
            <div class="number">#X56</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements requirements-max">max 4% O2</div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <br />
              <div class="resource money">1</div>
              /
              <div class="tile empty-tile-small"></div>
              *
              <div class="description">
                (Oxygen must be 4% or less. Increase your MC production 2 steps.
                Gain 1 MC per empty area adjacent to your tiles.)
              </div>
            </div>
          </li>

          <!--X57-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active buildingTag promo"
          >
            <div class="title background-color-active">Homeostasis Bureau</div>
            <div class="price">16</div>
            <div class="tag tag1 tag-building"></div>
            <div class="number">#X57</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              :
              <div class="money resource">3</div>
              <div class="description">
                (Effect: When you raise temperature, gain 3 MC.)
              </div>
              <br />
              <div class="production-box production-box-size2">
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              <div class="description">
                (Increase your heat production 2 steps.)
              </div>
            </div>
          </li>

          <!--X58-->
          <li
            onclick="getClickedCard();"
            class="filterDiv automated noneTag promo"
          >
            <div class="title background-color-automated">Kaguya Tech</div>
            <div class="price">10</div>
            <div class="number">#X58</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="production-box" style="margin-right: 20px">
                <div class="money production">2</div>
              </div>
              <div class="card resource"></div>
              <br />
              <div class="minus"></div>
              <div class="tile greenery-tile"></div>
              <div class="plus"></div>
              <div class="tile city-tile"></div>
              *
              <div class="description">
                (Increase MC production 2 steps. Draw 1 card. Remove 1 of your
                greenery tiles (does not affect oxygen). Place a city tile
                there, regardless of other restrictions. Gain placement bonuses
                as usual.)
              </div>
            </div>
          </li>

          <!--X60-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active noneTag promo"
          >
            <div class="title background-color-active">Mars Nomads</div>
            <div class="price">13</div>
            <div class="number">#X60</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="red-arrow"></div>
              MOVE
              <div
                class="resource"
                style="background: linear-gradient(yellow, gold)"
              >
                &nbsp;
              </div>
              *
              <div class="description">
                (Action: Move the Nomads to an adjacent non-reserved, empty area
                and gain THE PLACEMENT BONUS as if placing a special tile there.
                No tiles may be placed on the Nomad area.)
              </div>
              <br />
              <div
                class="resource"
                style="background: linear-gradient(yellow, gold)"
              >
                &nbsp;
              </div>
              *
              <div class="description">
                (PLACE THE NOMADS (a gold cube) on a non-reserved, empty area on
                the game board.)
              </div>
            </div>
          </li>

          <!--X61-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag promo"
          >
            <div class="title background-color-active" style="font-size: 12px">
              Neptunian Power Consultants
            </div>
            <div class="price">14</div>
            <div class="tag tag1 tag-power"></div>
            <div class="number">#X61</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/
                <div
                  class="resource"
                  style="background: linear-gradient(skyblue, cyan)"
                >
                  &nbsp;
                </div>
              </div>
              <div class="tile ocean-tile red-outline"></div>
              :
              <div class="minus"></div>
              <div class="money resource">5</div>
              (<span class="resource steel"></span>)
              <br />
              <div class="plus"></div>
              <div class="production-box">
                <div class="energy production"></div>
              </div>
              <div class="plus"></div>
              <div
                class="resource"
                style="background: linear-gradient(skyblue, cyan)"
              >
                &nbsp;
              </div>
              <div class="description">
                (Effect: When any ocean is placed, you MAY pay 5 M€ (steel may
                be used) to raise energy production 1 step and add 1
                hydroelectric resource to this card.)
              </div>
              <div class="description">
                (1 VP per hydroelectric resource on this card.)
              </div>
            </div>
          </li>

          <!--X62-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active plantTag buildingTag promo reqs"
          >
            <div class="title background-color-active">
              Martian Lumber Corps
            </div>
            <div class="price">6</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-building"></div>
            <div class="number">#X62</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">Forest Forest</div>
              <div class="resource-tag tag-building"></div>
              :
              <div class="resource plant"></div>
              =
              <div class="money resource">3</div>
              <div class="description">
                (Effect: When paying for a building card, plants may be used as
                3 MC each.)
              </div>
              <br />
              <div class="production-box">
                <div class="plant production"></div>
              </div>
              <div class="description">
                (Requires that you have 2 greenery tiles. Increase plant
                production 1 step.)
              </div>
            </div>
          </li>

          <!--X63-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active noneTag promo reqs"
            data-oxygen="4"
          >
            <div class="title background-color-active">Red Ships</div>
            <div class="price">2</div>
            <div class="number">#X63</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="requirements">4% O2</div>
              <div class="red-arrow"></div>
              <div class="money resource">1</div>
              /
              <div class="tile special-tile red-outline"></div>
              <div class="tile ocean-tile" style="margin-left: -3px;"">
            </div>
            *
            <div class="description">
              (Action: Gain 1 M€ for each CITY AND SPECIAL TILE ADJACENT TO
              OCEAN, regardless of owner.)
            </div>
            <br />
            <div class="description">(Requires 4% oxygen or more.)</div>
          </li>

          <!--X64-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active spaceTag earthTag promo"
          >
            <div class="title background-color-active">Solar Logistics</div>
            <div class="price">20</div>
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="number">#X64</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points points-big">1</div>
              <div class="resource-tag tag-earth"></div>
              :
              <div class="resource money">-2</div>
              <div class="description">
                (Effect: When you play an Earth tag, you pay 2 M€ less.
              </div>
              <div class="resource-tag tag-space red-outline"></div>
              <div class="resource-tag tag-event red-outline"></div>
              &nbsp;:
              <div class="resource card"></div>
              <div class="description">
                Effect: When any player plays a space event, you may draw a
                card.)
              </div>
              <div class="resource titanium" style="margin-left: -64px"></div>
              <div class="resource titanium"></div>
              <div class="description" style="margin-left: -64px">
                (Gain 2 titanium.)
              </div>
            </div>
          </li>

          <!--X65-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active powerTag buildingTag promo"
          >
            <div class="title background-color-active">Teslaract</div>
            <div class="price">14</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="number">#X65</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production energy"></div>
              </div>
              <div class="red-arrow"></div>
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <div class="description">
                (Action: Spend energy production to increase plant production by
                the same amount.)
              </div>
              <br />
              <div class="tile rating"></div>
              <div class="description">(Raise your TR 1 step.)</div>
            </div>
          </li>

          <!--X66-->
          <li
            onclick="getClickedCard();"
            class="filterDiv active noneTag promo"
          >
            <div class="title background-color-active" style="font-size: 12px">
              St. Joseph of Cupertino Mission
            </div>
            <div class="price">7</div>
            <div class="number">#X65</div>
            <div class="promo-icon project-icon"></div>
            <div class="content">
              <div class="points">
                1/
                <div
                  class="resource"
                  style="background: linear-gradient(white, lightgrey)"
                >
                  &nbsp;
                </div>
              </div>
              <div class="money resource">5</div>
              (
              <div class="steel resource"></div>
              )
              <div class="red-arrow"></div>
              <div
                class="resource"
                style="background: linear-gradient(white, lightgrey)"
              >
                &nbsp;
              </div>
              *
              <div class="description">
                (Action: Pay 5 M€ (steel may be used) to place a cathedral
                (silver cube) on a city tile. Max 1 per city. THE CITY OWNER MAY
                PAY 2 M€ TO DRAW 1 CARD.)
              </div>
              <br />
              <div class="description">(1 VP per cathedral in play.)</div>
            </div>
          </li>
        </ul>

        <!--CORPORATIONS-->
        <ul class="myUL" style="clear: both">
          <li
            id="#CORP01"
            onclick="getClickedCard();"
            class="filterDiv corporation standard noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                -
                <div class="resource money">20</div>
                :
                <div class="resource money">4</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: After you pay for a card or standard project with a
                  basic cost of 20MC or more, you gain 4MC.)
                </div>
              </div>
              <span
                style="
                  font-size: 40px;
                  color: white;
                  font-family: 'Times New Roman';
                  font-weight: normal;
                  line-height: 60px;
                  border: 2px solid purple;
                  padding-left: 5px;
                  padding-bottom: 5px;
                  padding-right: 5px;
                  margin-left: 10px;
                  box-shadow: 6px 6px 10px grey;
                  text-shadow: -1px 0 purple, 0 1px purple, 1px 0 purple,
                    0 -1px purple, 6px 6px 10px grey;
                "
              >
                credicor </span
              ><br /><br />
              <div class="description" style="text-align: center">
                <div class="resource money" style="margin-top: -10px">57</div>
                <br />
                (You start with 57 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP02"
            onclick="getClickedCard();"
            class="filterDiv corporation plantTag standard"
          >
            <div class="tag tag1 tag-plant"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                7
                <div class="resource plant"></div>
                <span class="red-arrow"></span>
                <div class="greenery-tile tile"></div>
                <br />
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: You may always pay 7 plants, instead of 8, to place
                  greenery.)
                </div>
              </div>
              <span
                style="
                  font-size: 50px;
                  font-weight: normal;
                  color: rgb(0, 180, 0);
                  letter-spacing: 2px;
                  margin-left: 5px;
                  text-shadow: -1px 0 #404040, 0 1px #404040, 1px 0 #404040,
                    0 -1px #404040, 5px 5px 5px grey;
                "
              >
                ecoline </span
              ><br />
              <div
                class="production-box production-box-size2"
                style="margin-top: 5px; margin-right: 10px"
              >
                <div class="production plant"></div>
                <div class="production plant"></div>
              </div>
              <div class="resource money">36</div>
              3
              <div class="resource plant"></div>
              <div
                class="description"
                style="margin-top: 0px; text-align: center"
              >
                (You start with 2 plant production, 3 plants, and 36MC)
              </div>
            </div>
          </li>

          <li
            id="#CORP03"
            onclick="getClickedCard();"
            class="filterDiv corporation spaceTag standard"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                X
                <div class="resource heat"></div>
                :
                <div class="resource money">X</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Your may use heat as MC. You may not use MC as heat.)
                </div>
              </div>
              <div
                style="
                  font-size: 34px;
                  width: 140px;
                  text-align: center;
                  margin-top: 5px;
                  border: 2px solid black;
                  margin-left: 8px;
                  background: #e6e600;
                  box-shadow: 6px 6px 6px grey;
                  border-radius: 2px;
                "
              >
                helion
              </div>
              <br />
              <div
                class="production-box production-box-size3"
                style="margin-left: 20px; margin-top: -50px"
              >
                <div class="production heat"></div>
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">42</div>
              <div class="description" style="text-align: center">
                (You start with 3 heat production and 42 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP04"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag standard"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource steel"></div>
                /
                <div class="resource titanium"></div>
                :
                <div class="production-box">
                  <div class="production steel"></div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Each time you get any steel or titanium as a
                  placement bonus on the map, increase your steel production 1
                  step.)
                </div>
              </div>
              <span
                class="mining guild"
                style="
                  font-size: 24px;
                  margin-left: 20px;
                  color: #c9380e;
                  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333,
                    0 -1px #333333, 2px 2px 2px black;
                  display: inline-block;
                  -webkit-transform: scale(1.5, 1); /* Safari and Chrome */
                  -moz-transform: scale(1.5, 1); /* Firefox */
                  -ms-transform: scale(1.5, 1); /* IE 9 */
                  -o-transform: scale(1.5, 1); /* Opera */
                  transform: scale(1.5, 1); /* W3C */
                "
              >
                MINING<br />GUILD </span
              ><br />
              <div class="resource money" style="margin-left: 35px">30</div>
              &nbsp;&nbsp; 5
              <div class="resource steel"></div>
              <div
                class="production-box"
                style="margin-top: 5px; margin-left: 20px"
              >
                <div class="production steel"></div>
              </div>
              <div
                class="description"
                style="margin-top: -5px; text-align: center"
              >
                (You start with 30 MC, 5 steel, and 1 steel production)
              </div>
            </div>
          </li>

          <li
            id="#CORP05"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag standard"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-event"></div>
                :
                <div class="resource money">2</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Each time you play an event, you gain 2 MC.)
                </div>
              </div>
              <div class="INTERPLANETARY CINEMATICS" style="font-size: 17px">
                INTERPLANETARY
              </div>
              <div
                style="
                  height: 5px;
                  margin-top: -2px;
                  width: 143px;
                  background: linear-gradient(
                    to right,
                    yellow,
                    black,
                    yellow,
                    black,
                    yellow
                  );
                  border: 5px solid #cc3333;
                  box-shadow: 3px 3px 6px grey;
                "
              ></div>
              <div
                class="INTERPLANETARY CINEMATICS"
                style="
                  font-size: 24px;
                  margin-left: 3px;
                  margin-top: -5px;
                  display: inline-block;
                  -webkit-transform: scale(0.5, 1); /* Safari and Chrome */
                  -moz-transform: scale(0.5, 1); /* Firefox */
                  -ms-transform: scale(0.5, 1); /* IE 9 */
                  -o-transform: scale(0.5, 1); /* Opera */
                  transform: scale(1, 0.5); /* W3C */
                  margin-bottom: 15px;
                "
              >
                CINEMATICS
              </div>
              <br />
              <div class="resource money" style="margin-left: 40px">30</div>
              &nbsp;&nbsp;&nbsp;&nbsp; 20
              <div class="resource steel"></div>
              <div class="description" style="text-align: center">
                (You start with 20 steel and 30 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP06"
            onclick="getClickedCard();"
            class="filterDiv corporation scienceTag standard"
          >
            <div class="tag tag1 tag-science"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="tile globals-box">Temp / O2 / Ocean</div>
                : +/- 2
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Your temperature, oxygen and ocean requirements are
                  +2 or -2 steps, your choice in each case.)
                </div>
              </div>
              <span
                style="
                  font-size: 24px;
                  padding-left: 5px;
                  padding-bottom: 5px;
                  text-shadow: 6px 6px 5px grey;
                "
              >
                <span
                  style="
                    background-color: #6bb5c7;
                    padding-left: 4px;
                    padding-right: 4px;
                    font-size: 26px;
                    box-shadow: 6px 6px 10px grey;
                  "
                  >X</span
                >
                INVENTRIX
              </span>
              <div
                class="description"
                style="text-align: center; margin-top: 15px"
              >
                <div class="resource money" style="margin-left: 20px">45</div>
                <div class="resource card" style="margin-left: 20px"></div>
                <div class="resource card"></div>
                <div class="resource card"></div>
                <br />
                (As your first action in the game, draw 3 cards. Start with
                45MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP07"
            onclick="getClickedCard();"
            class="filterDiv corporation spaceTag standard"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource titanium"></div>
                : +
                <div class="resource money">1</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Your titanium resources are each worth 1 MC extra.)
                </div>
              </div>
              <span
                style="
                  font-size: 24px;
                  margin-left: 15px;
                  color: white;
                  line-height: 40px;
                  background: #32004d;
                  padding-left: 5px;
                  padding-right: 5px;
                  border: 1px solid #444;
                  border-radius: 10px;
                  font-family: 'Times New Roman';
                  display: inline-block;
                  -webkit-transform: scale(1.2, 1); /* Safari and Chrome */
                  -moz-transform: scale(1.2, 1); /* Firefox */
                  -ms-transform: scale(1.2, 1); /* IE 9 */
                  -o-transform: scale(1.2, 1); /* Opera */
                  transform: scale(1.2, 1); /* W3C */
                  box-shadow: 6px 6px 5px grey;
                "
              >
                PHOBOLOG </span
              ><br /><br />
              <div
                class="resource money"
                style="margin-left: 45px; margin-right: 20px"
              >
                23
              </div>
              10
              <div class="resource titanium"></div>
              <div class="description" style="text-align: center">
                (You start with 10 titanium and 23 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP08"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag standard"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div
                  class="tile city-tile-small"
                  style="
                    filter: brightness(0.8) drop-shadow(1px 0px 1px #c33)
                      drop-shadow(-1px 0px 1px #c33)
                      drop-shadow(0px 1px 1px #c33)
                      drop-shadow(0px -1px 1px #c33);
                  "
                ></div>
                *:
                <div class="production-box">
                  <div class="production money">1</div>
                </div>
                &nbsp;&nbsp;
                <div class="tile city-tile-small"></div>
                :
                <div class="resource money">3</div>

                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When any city tile is placed ON MARS, increase your
                  MC production 1 step. When you place a city tile, gain 3 MC.)
                </div>
              </div>
              <div style="font-size: 24px; text-shadow: 6px 6px 6px grey">
                <div
                  style="
                    text-shadow: none;
                    box-shadow: 3px 3px 6px grey;
                    margin-right: 2px;
                    border: 1px solid red;
                    display: inline-block;
                    background-color: #ff5f00;
                  "
                >
                  <span>&#x25b2;</span>
                  <span
                    style="
                      font-size: 14px;
                      padding: 0px;
                      border: none;
                      margin-left: -5px;
                    "
                    >&#x25b2;</span
                  >
                </div>
                THARSIS<br />&nbsp; REPUBLIC
              </div>
              <div class="description" style="text-align: center">
                <div class="resource money" style="margin-left: 20px">40</div>
                <div
                  class="tile city-tile"
                  style="margin-left: 40px; margin-top: -20px"
                ></div>
                <br />
                (You start with 40 MC. As your first action in the game, place a
                city tile.)
              </div>
            </div>
          </li>

          <li
            id="#CORP09"
            onclick="getClickedCard();"
            class="filterDiv corporation powerTag standard"
          >
            <div class="tag tag1 tag-power"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-power"></div>
                * :
                <div class="resource money">-3</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When playing a power card OR THE STANDARD PROJECT
                  POWER PLANT, you pay 3 MC less for it.)
                </div>
              </div>
              <span
                style="
                  font-size: 32px;
                  font-family: 'Arial Narrow', 'Verdana';
                  font-weight: normal;
                  text-shadow: 6px 3px 5px grey;
                "
              >
                THORGATE </span
              ><br /><br />
              <div
                class="production-box"
                style="margin-left: 45px; margin-top: -10px"
              >
                <div class="production energy"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">48</div>

              <div class="description" style="text-align: center">
                (You start with 1 energy production and 48 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP10"
            onclick="getClickedCard();"
            class="filterDiv corporation earthTag standard"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="resource money">3</div>
                <span class="red-arrow"></span>
                <div class="tile rating"></div>
                *
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action:If your Terraform Rating was raised this generation,
                  you may pay 3 MC to raise it 1 step more.)
                </div>
              </div>
              <div
                class="background-color-active"
                style="
                  font-size: 16px;
                  width: 100px;
                  color: white;
                  margin-left: 19px;
                  margin-bottom: 10px;
                  padding: 5px;
                  padding-top: 10px;
                  text-align: center;
                  font-weight: normal;
                  box-shadow: 3px 3px 6px grey;
                  text-shadow: 0 0 2px black;
                "
              >
                UNITED NATIONS MARS INITIATIVE
              </div>
              <div
                class="description"
                style="text-align: center; margin-left: 50px"
              >
                <div class="resource money">40</div>
                &nbsp;&nbsp;&nbsp;(You start with 40 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP11"
            onclick="getClickedCard();"
            class="filterDiv corporation earthTag corporate"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="corporate-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-earth"></div>
                :
                <div class="resource money">-3</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When playing an Earth card, you pay 3 MC less for
                  it.)
                </div>
              </div>
              <span
                style="
                  font-size: 34px;
                  color: orangered;
                  font-family: 'Times New Roman';
                  font-weight: normal;
                  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333,
                    0px -1px #333333, 6px 3px 5px grey;
                "
              >
                TERACTOR </span
              ><br /><br />
              <div class="description" style="text-align: center">
                <div class="resource money">60</div>
                <br />
                (You start with 60 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP12"
            onclick="getClickedCard();"
            class="filterDiv corporation jovianTag corporate"
          >
            <div class="tag tag1 tag-jovian"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="corporate-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <span class="resource-tag tag-jovian red-outline"></span>&nbsp;:
                <div class="production-box">
                  <div class="production money">1</div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Each time any Jovian tag is put into play, including
                  this, increase your MC production 1 step.)
                </div>
              </div>
              <span
                style="
                  font-size: 14px;
                  color: white;
                  line-height: 40px;
                  background: #32004d;
                  padding-top: 8px;
                  padding-bottom: 8px;
                  padding-left: 20px;
                  padding-right: 20px;
                  border-radius: 50%;
                  font-weight: normal;
                  border: 2px solid white;
                  box-shadow: 6px 6px 5px grey;
                "
              >
                SATURN
                <span style="font-size: 20px; display: inline-block"
                  >&#x25CF;</span
                >
                SYSTEMS </span
              ><br /><br />

              <div
                class="production-box"
                style="margin-left: 45px; margin-top: -10px"
              >
                <div class="production titanium"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">42</div>
              <div
                class="description"
                style="text-align: center; margin-top: 0px"
              >
                (You start with 1 titanium production and 42 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP13"
            onclick="getClickedCard();"
            class="filterDiv corporation venusTag plantTag venusNext"
          >
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-venus"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="venus-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="tile venus-tile red-outline"></div>
                :
                <div class="resource money">2</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Whenever Venus is terraformed 1 step, you gain 2MC.)
                </div>
              </div>
              <div
                style="
                  font-size: 23px;
                  color: orange;
                  font-weight: bold;
                  margin-top: 10px;
                  text-shadow: 6px 6px 6px grey;
                  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333,
                    0px -1px #333333, 6px 3px 5px grey;
                "
              >
                APHRODITE
              </div>
              <br />
              <div
                class="production-box"
                style="margin-top: 5px; margin-left: 50px"
              >
                <div class="production plant"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">47</div>

              <div class="description" style="text-align: center">
                (You start with 1 plant production and 47 MC)
              </div>
            </div>
          </li>

          <li
            id="#CORP14"
            onclick="getClickedCard();"
            class="filterDiv corporation venusTag venusNext"
          >
            <div class="tag tag1 tag-venus"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="venus-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div
                class="points"
                style="z-index: 1; margin-top: 240px; margin-left: 130px"
              >
                1/3
                <div class="resource floater"></div>
              </div>
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="red-arrow"></div>
                <div class="resource floater"></div>
                *
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Add a floater to ANY card.) <br />
                </div>
                <div
                  class="description"
                  style="margin-top: 17px; margin-left: 17px; text-align: left"
                >
                  (1 VP per 3 floaters <br />
                  on this card.)
                </div>
              </div>
              <div
                class="celestic"
                style="
                  font-size: 24px;
                  box-shadow: 6px 6px 6px grey;
                  margin-left: 9px;
                  width: 100px;
                  margin-bottom: -10px;
                "
              >
                <span
                  style="
                    background: linear-gradient(
                      to right,
                      rgb(251, 192, 137),
                      rgb(251, 192, 137),
                      rgb(23, 185, 236)
                    );
                    padding-left: 5px;
                  "
                  >CEL</span
                ><span
                  style="
                    background: linear-gradient(
                      to right,
                      rgb(23, 185, 236),
                      rgb(251, 192, 137)
                    );
                  "
                  >ES</span
                ><span
                  style="background: rgb(251, 192, 137); padding-right: 5px"
                  >TIC</span
                >
              </div>
              <br />
              <div class="resource money" style="margin-left: 30px">42</div>
              <div class="resource card" style="margin-left: 15px">
                <div class="card-icon floater" style="border-radius: 0"></div>
              </div>
              <div class="resource card">
                <div class="card-icon floater" style="border-radius: 0"></div>
              </div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                (You start with 42 MC. As your first action, reveal cards from
                the deck until you have revealed 2 cards with a floater icon on
                it. Take those 2 cards into hand and discard the rest.)
              </div>
            </div>
          </li>

          <li
            id="#CORP15"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag venusNext"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="venus-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="production-box">
                  <div class="production wild"></div>
                </div>
                :
                <div class="resource wild"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: For each step you increase the production of a
                  resource, including this, you also gain that resource.)
                </div>
              </div>
              <span
                class="manutech"
                style="
                  font-size: 30px;
                  color: #e63900;
                  text-shadow: 6px 3px 5px grey;
                "
              >
                <span
                  style="
                    color: white;
                    background: #e63900;
                    text-shadow: none;
                    padding-left: 2px;
                  "
                  >MA</span
                >NUTECH </span
              ><br />
              <div
                class="production-box"
                style="margin-top: 15px; margin-left: 50px"
              >
                <div class="production steel"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">35</div>

              <div class="description" style="text-align: center">
                (You start with 1 steel production, and 35 MC)
              </div>
            </div>
          </li>

          <li
            id="#CORP16"
            onclick="getClickedCard();"
            class="filterDiv corporation venusTag venusNext"
          >
            <div class="tag tag1 tag-venus"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="venus-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="tile globals-box" style="height: 22px">Venus</div>
                : +/- 2
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Your Venus requirements are +/- 2 steps, your choice
                  in each case.)
                </div>
              </div>
              <div
                style="
                  font-size: 18px;
                  color: white;
                  margin-top: 5px;
                  margin-bottom: -10px;
                  text-shadow: -1px 0 black, 0 1px black, 1px 0 black,
                    0 -1px black, 6px 3px 5px grey;
                "
              >
                MORNING STAR INC.
              </div>
              <br />
              <div class="resource money" style="margin-left: 10px">50</div>
              <div class="resource card" style="margin-left: 15px">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-venus"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-venus"></div>
              </div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                (You start with 50 MC. As your first action, reveal cards from
                the deck until you have revealed 3 Venus-tag cards. Take those
                into hand and discard the rest.)
              </div>
            </div>
          </li>

          <li
            id="#CORP17"
            onclick="getClickedCard();"
            class="filterDiv corporation microbeTag venusNext"
          >
            <div class="tag tag1 tag-microbe"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="venus-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="red-arrow" style="font-size: 30px"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Use a blue card action that has already been used
                  this generation.)
                </div>
              </div>
              <div
                style="
                  font-size: 50px;
                  font-family: Prototype;
                  margin-left: 15px;
                  text-shadow: -1px 0 white, 0 1px white, 1px 0 white,
                    0 -1px white, 6px 3px 5px grey;
                "
              >
                VIRON
              </div>
              <div class="resource money" style="margin-left: 65px">48</div>
              <div class="description" style="text-align: center">
                (You start with 48 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP18"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag prelude"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-building"></div>
                :
                <div class="resource money">-2</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When you play a building tag, you pay 2 MC less for
                  it.)
                </div>
              </div>
              <div style="margin-top: 20px; width: 50px; display: inline-block">
                <span
                  style="
                    color: red;
                    border: 4px solid red;
                    border-radius: 50%;
                    padding: 3px 5px 3px 5px;
                    font-size: 30px;
                    line-height: 14px;
                    box-shadow: 3px 3px 3px grey, inset 0 0 3px 3px grey;
                    text-shadow: 3px 3px 3px grey;
                  "
                  >㨐</span
                >
              </div>
              <div
                style="
                  display: inline-block;
                  width: 140px;
                  font-size: 19px;
                  line-height: 22px;
                  vertical-align: middle;
                  margin-bottom: 15px;
                  font-family: 'Prototype';
                  font-weight: normal;
                "
              >
                &nbsp;Cheung Shing <br />
                <div style="margin-left: 10px">■■MARS■■</div>
              </div>
              <div
                class="production-box"
                style="margin-left: 45px; margin-top: -10px"
              >
                <div class="production money">3</div>
              </div>
              <div class="resource money" style="margin-left: 20px">44</div>

              <div class="description" style="text-align: center">
                (You start with 3 MC production and 44 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP19"
            onclick="getClickedCard();"
            class="filterDiv corporation prelude earthTag spaceTag"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-earth"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-earth"></div>
                :
                <div class="resource card"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When you play an Earth tag, including this, draw a
                  card.)
                </div>
              </div>
              <div
                class="point luna"
                style="
                  font-size: 22px;
                  font-family: Prototype;
                  font-weight: normal;
                  display: inline-block;
                  margin-top: 35px;
                  margin-bottom: 10px;
                  text-decoration: underline;
                  margin-left: 40px;
                  -webkit-transform: scale(1.5, 1); /* Safari and Chrome */
                  -moz-transform: scale(1.5, 1); /* Firefox */
                  -ms-transform: scale(1.5, 1); /* IE 9 */
                  -o-transform: scale(1.5, 1); /* Opera */
                  transform: scale(1.5, 1); /* W3C */
                "
              >
                POINT<span>&nbsp;</span>LUNA
              </div>
              <br />
              <div
                class="production-box"
                style="margin-left: 30px; margin-top: -5px; margin-bottom: -5px"
              >
                <div class="production titanium"></div>
              </div>
              <div class="resource money" style="margin-left: 20px">38</div>
              <div
                class="description"
                style="text-align: center; margin-left: 80px"
              >
                (You start with 1 titanium production and 38 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP20"
            onclick="getClickedCard();"
            class="filterDiv corporation prelude noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="resource money">4</div>
                <div class="red-arrow"></div>
                <div class="production-box">
                  <div class="production wild"></div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Spend 4 MC to increase (one of) your LOWEST
                  PRODUCTION 1 step.)
                </div>
              </div>
              <div
                class="robinson"
                style="
                  letter-spacing: 4px;
                  border-bottom: 3px solid #ccc;
                  margin-top: 5px;
                "
              >
                ROBINSON
              </div>
              <div class="robinson" style="border-bottom: 3px solid #ccc">
                •—•—•—•—•—•—•&nbsp;
              </div>
              <div class="robinson" style="letter-spacing: 2px">INDUSTRIES</div>
              <div
                class="resource money"
                style="margin-left: 59px; margin-top: 20px"
              >
                47
              </div>
              <div class="description" style="text-align: center">
                (You start with 47 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP21"
            onclick="getClickedCard();"
            class="filterDiv corporation prelude earthTag"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-science"></div>
                :
                <div class="resource money">-2</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When you play an Science tag, you pay 2MC less for
                  it.)
                </div>
              </div>

              <div
                style="
                  color: rgb(2, 125, 195);
                  background: linear-gradient(
                    to right,
                    rgb(2, 125, 195) 10%,
                    white,
                    white,
                    white,
                    white,
                    white,
                    white,
                    white
                  );
                  box-shadow: 3px 3px 10px 1px rgb(58, 58, 58);
                  width: 135px;
                  line-height: 24px;
                  border-radius: 10px 0px 0px 10px;
                "
              >
                <div
                  style="
                    display: inline-block;
                    margin-left: 25px;
                    margin-top: 3px;
                    font-size: 26px;
                    text-shadow: 2px 2px #ccc;
                    text-align: center;
                  "
                >
                  VALLEY TRUST
                </div>
              </div>
              <div class="description" style="text-align: center">
                <div
                  class="resource money"
                  style="margin-left: 12px; margin-top: 10px"
                >
                  37
                </div>
                <div
                  class="resource card-corporation"
                  style="margin-left: 50px"
                >
                  <span
                    style="
                      background: linear-gradient(
                        to right,
                        rgb(235, 118, 171),
                        #e64d91
                      );
                      padding-left: 4px;
                      padding-right: 4px;
                      border-radius: 2px;
                    "
                    >PREL</span
                  >
                </div>
                <div class="description" style="margin-top: -2px">
                  (You start with 37 MC. As your first action, draw 3 Prelude
                  cards, and play one of them. Discard the other two.)
                </div>
              </div>
            </div>
          </li>

          <li
            id="#CORP22"
            onclick="getClickedCard();"
            class="filterDiv corporation prelude earthTag"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div
                  class="points"
                  style="
                    position: relative;
                    margin-top: 0;
                    margin-left: 0;
                    display: inline-block;
                    width: 60px;
                  "
                >
                  ?
                </div>
                :
                <div class="resource money">3</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When you play a card with a NON-NEGATIVE VP icon,
                  including this, gain 3MC.)
                </div>
              </div>
              <div
                class="vitor"
                style="
                  font-size: 24px;
                  margin-top: 10px;
                  margin-left: 50px;
                  margin-bottom: 35px;
                  display: inline-block;
                  box-shadow: 6px 6px 6px grey;
                  -webkit-transform: scale(2, 1); /* Safari and Chrome */
                  -moz-transform: scale(2, 1); /* Firefox */
                  -ms-transform: scale(2, 1); /* IE 9 */
                  -o-transform: scale(2, 1); /* Opera */
                  transform: scale(2, 1); /* W3C */
                "
              >
                <span
                  style="color: white; background: orangered; padding-left: 3px"
                  >VIT</span
                >
                <span
                  style="
                    background: linear-gradient(to right, orangered, white);
                    margin-left: -8px;
                  "
                  >O</span
                >
                <span
                  style="
                    margin-left: -7px;
                    background: white;
                    padding-right: 3px;
                  "
                  >R</span
                >
              </div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                <div class="resource money">45</div>
                <span
                  style="
                    background: orange;
                    padding: 2px;
                    padding-left: 25px;
                    padding-right: 25px;
                    font-size: 14px;
                    font-weight: bold;
                    margin-left: 20px;
                    border-radius: 3px;
                    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6),
                      0 0 0 2px rgba(0, 0, 0, 0.3);
                  "
                  >AWARDS</span
                >
                <br />
                (You start with 45 MC. As your first action, fund an award for
                free.)
              </div>
            </div>
          </li>

          <li
            id="#CORP23"
            onclick="getClickedCard();"
            class="filterDiv corporation colonies noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="colonies-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <span
                  class="resource-tag"
                  style="
                    background: linear-gradient(
                      to bottom right,
                      green,
                      yellow,
                      red
                    );
                  "
                  >&nbsp;</span
                >&nbsp;:
                <div class="production-box">
                  <div class="production money">1</div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (When you get a new type of tag in play (event cards do not
                  count), increase your MC production 1 step.)
                </div>
              </div>
              <div class="aridor">ARIDOR</div>
              <div class="resource money" style="margin-left: 20px">40</div>
              <span
                style="
                  background: #444;
                  color: #eee;
                  padding: 4px;
                  padding-left: 8px;
                  padding-right: 8px;
                  border-radius: 20px;
                  font-weight: normal;
                  margin-left: 20px;
                  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6),
                    0 0 0 2px rgba(0, 0, 0, 0.3);
                  border: 1px solid #eee;
                "
                >COLONY</span
              >
              <div
                class="description"
                style="text-align: center; margin-top: 0px"
              >
                (You start with 40MC. As your first action add a colony tile.)
              </div>
            </div>
          </li>

          <li
            id="#CORP24"
            onclick="getClickedCard();"
            class="filterDiv corporation animalTag colonies"
          >
            <div class="tag tag1 tag-animal"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="colonies-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div
                class="points"
                style="z-index: 1; margin-top: 236px; margin-left: 124px"
              >
                1/2
                <div class="resource animal"></div>
              </div>
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource-tag tag-animal"></div>
                /
                <div class="resource-tag tag-plant"></div>
                :
                <div class="resource animal"></div>
                <div
                  class="description"
                  style="margin-top: 0px; text-align: left; margin-left: 20px"
                >
                  (Effect: When you play an animal or plant tag, including<br />
                  this, add 1 animal<br />
                  to this card.) <br />
                </div>
              </div>
              <div
                class="arklight"
                style="
                  font-size: 19px;
                  font-family: Prototype;
                  margin-left: 74px;
                  letter-spacing: 1px;
                  background: linear-gradient(
                    to right,
                    #000089,
                    lightblue,
                    white
                  );
                  -webkit-background-clip: text;
                  -webkit-text-fill-color: transparent;
                  -webkit-transform: scale(2, 1); /* Safari and Chrome */
                  -moz-transform: scale(2, 1); /* Firefox */
                  -ms-transform: scale(2, 1); /* IE 9 */
                  -o-transform: scale(2, 1); /* Opera */
                  transform: scale(2, 1); /* W3C */
                  margin-top: 3px;
                  margin-bottom: -12px;
                "
              >
                ARKLIGHT
              </div>
              <br />
              <div
                class="resource money"
                style="margin-right: 30px; margin-left: 30px"
              >
                45
              </div>
              <div class="production-box">
                <div class="money production">2</div>
              </div>
              <div class="description" style="text-align: center">
                (You start with 45 MC. Increase your MC production 2 steps. 1 VP
                per 2 animals on this card.)
              </div>
            </div>
          </li>

          <li
            id="#CORP25"
            onclick="getClickedCard();"
            class="filterDiv corporation colonies noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="colonies-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource card"></div>
                * &nbsp;:
                <div class="resource money">5</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When you buy a card to hand, pay 5MC instead of 3,
                  including the starting hand.)
                </div>
              </div>
              <div class="polyphemos">
                <span class="polyphemos2">POL</span>YPHEMOS
              </div>
              <div class="resource money" style="margin-left: 20px">50</div>
              <div
                style="margin-left: 15px; margin-right: 15px"
                class="production-box"
              >
                <div class="production money">5</div>
              </div>
              5
              <div class="resource titanium"></div>

              <div
                class="description"
                style="text-align: center; margin-top: 0px"
              >
                (You start with 50MC. Increase your MC production 5 steps. Gain
                5 titanium.)
              </div>
            </div>
          </li>

          <li
            id="#CORP26"
            onclick="getClickedCard();"
            class="filterDiv corporation colonies noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="colonies-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="tile colony red-outline"></div>
                :
                <div class="production-box">
                  <div class="production money">1</div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When any colony is placed, including this, raise your
                  MC production 1 step.)
                </div>
              </div>
              <div class="poseidon">POSEIDON</div>
              <div
                class="resource money"
                style="margin-left: 50px; margin-right: 20px"
              >
                45
              </div>
              <div class="tile colony"></div>

              <div
                class="description"
                style="text-align: center; margin-top: -8px"
              >
                (You start with 45MC. As your first action, place a colony.)
              </div>
            </div>
          </li>

          <li
            id="#CORP27"
            onclick="getClickedCard();"
            class="filterDiv corporation jovianTag colonies"
          >
            <div class="tag tag1 tag-jovian"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="colonies-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 5px"
                >
                  ACTION
                </div>
                <div class="red-arrow"></div>
                <div class="resource floater" style="margin-bottom: 5px"></div>
                * <br />
                <div class="resource floater"></div>
                =
                <div class="resource heat"></div>
                <div class="resource heat"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: -5px"
                >
                  (Action: Add a floater to ANY card.<br />
                  Effect: Floaters on this card may be used as 2 heat each.)
                  <br />
                </div>
              </div>
              <div class="stormcraft1">STORM</div>
              <div class="stormcraft2">CRAFT</div>
              <div class="stormcraft3">INCOR</div>
              <div class="stormcraft4">PORATED</div>
              <div class="resource money" style="margin-left: 60px">48</div>
              <div class="description" style="margin-left: 20px">
                (You start with 48 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP28"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag turmoil"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="turmoil-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 0px"
                >
                  EFFECT
                </div>
                <div class="resource ocean-resource red-outline"></div>
                *:
                <div class="production-box" style="margin-top: 10px">
                  <div class="production money">1</div>
                </div>
                &nbsp;&nbsp;
                <div
                  class="resource ocean-resource"
                  style="margin-left: -7px"
                ></div>
                <div
                  class="tile empty-tile-small"
                  style="margin-left: -8px; margin-right: 2px"
                ></div>
                :
                <div class="resource money">3</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When any ocean tile is placed, increase your MC
                  production 1 step. Your bonus for placing adjacent to oceans
                  is 3MC instead of 2MC.)
                </div>
              </div>
              <div
                style="
                  font-size: 22px;
                  margin-top: 10px;
                  margin-left: 10px;
                  font-family: Times;
                  color: white;
                  text-shadow: 0 1px 0px #444, 0px -1px 0px #444,
                    -1px 0px 0px #444, 1px 0px 0px #444;
                  letter-spacing: 4px;
                "
              >
                LAKEFRONT <br />
                &nbsp;&nbsp;RESORTS
              </div>
              <div
                class="resource money"
                style="margin-left: 75px; margin-top: 10px"
              >
                54
              </div>
              <div
                class="description"
                style="text-align: center; margin-left: 15px"
              >
                (You start with 54 MC.)
              </div>
            </div>
          </li>

          <li
            id="#CORP29"
            onclick="getClickedCard();"
            class="filterDiv corporation turmoil noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="turmoil-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div
                class="points"
                style="z-index: 1; margin-top: 245px; margin-left: 130px"
              >
                1/
                <div class="resource pristar"></div>
              </div>
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 5px"
                >
                  EFFECT
                </div>

                <div class="tile rating">
                  <div class="left-line"></div>
                  <div class="right-line"></div>
                </div>
                :
                <div class="resource pristar"></div>
                <div class="resource money">6</div>
                <div
                  class="description"
                  style="text-align: center; text-align: left"
                >
                  (Effect: During production phase, if you did not get TR so far
                  this <br />
                  generation, add one <br />
                  preservation resource<br />
                  here and gain 6MC.)
                </div>
              </div>
              <div
                style="
                  color: #ff5d21;
                  text-shadow: 3px 3px 3px black;
                  font-size: 30px;
                  transform: scaleX(0.8);
                  letter-spacing: 1px;
                "
              >
                PRISTAR
              </div>
              <div
                class="resource money"
                style="margin-left: 10px; margin-right: 15px"
              >
                53
              </div>
              <div class="minus"></div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="description" style="text-align: center">
                (You start with 53 MC. Decrease your TR 2 steps.<br />
                1 VP per preservation resource here.)
              </div>
            </div>
          </li>

          <li
            id="#CORP30"
            onclick="getClickedCard();"
            class="filterDiv corporation wildTag turmoil"
          >
            <div class="tag tag1 tag-wild"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="turmoil-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="red-arrow"></div>
                <div class="resource money">2</div>
                /
                <div class="delegate"></div>
                *
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Gain 2MC for EACH PARTY WHERE YOU HAVE AT LEAST 1
                  DELEGATE.)
                </div>
              </div>
              <div class="septem">Septem Tribus</div>
              <div
                class="resource money"
                style="margin-left: 70px; margin-right: 20px; margin-top: 20px"
              >
                36
              </div>
              <div
                class="description"
                style="margin-top: 0px; text-align: center"
              >
                (You start with 36 MC. When you perform an action, the wild tag
                counts as any tag of your choice.)
              </div>
            </div>
          </li>

          <li
            id="#CORP31"
            onclick="getClickedCard();"
            class="filterDiv corporation earthTag scienceTag turmoil"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="turmoil-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="resource card"></div>
                :
                <div class="resource money">1</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Buying cards to hand costs 1MC.)
                </div>
              </div>
              <div
                style="
                  font-size: 16px;
                  margin-top: 33px;
                  margin-left: 75px;
                  margin-bottom: 5px;
                  font-family: Prototype;
                  color: #222;
                  transform: scale(2, 1);
                "
              >
                TERRALABS
              </div>
              <div
                style="
                  font-size: 8px;
                  letter-spacing: 2px;
                  font-family: Prototype;
                  margin-left: 100px;
                  margin-top: -5px;
                  transform: scale(2, 1);
                "
              >
                RESEARCH
              </div>
              <div
                class="resource money"
                style="margin-left: 25px; margin-right: 15px"
              >
                14
              </div>
              <div class="minus"></div>
              <div class="tile rating"></div>
              <div class="description" style="text-align: center">
                (You start with 14 MC. Lower your TR 1 step.)
              </div>
            </div>
          </li>

          <li
            id="#CORP32"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag turmoil"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="turmoil-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="production-box">
                  <div class="production wild"></div>
                </div>
                <div class="red-arrow"></div>
                4
                <div class="resource wild"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Decrease any production to gain 4 resources of that
                  kind.)
                </div>
              </div>
              <div class="utopia">
                <div class="utopia1">UTOPIA</div>
                <div class="utopia2">INVEST</div>
              </div>
              <div
                class="resource money"
                style="margin-left: 35px; margin-right: 20px"
              >
                40
              </div>
              <div class="production-box production-box-size2">
                <div class="production steel"></div>
                <div class="production titanium"></div>
              </div>
              <div
                class="description"
                style="margin-top: -5px; text-align: center"
              >
                (You start with 40 MC. Increase your steel and titanium
                production 1 step each.)
              </div>
            </div>
          </li>

          <li
            id="#CORP33"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag powerTag promo"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div class="red-arrow" style="margin-left: -12px"></div>
                <div class="production-box">
                  <div class="production energy"></div>
                </div>
                * OR
                <div class="resource money">3</div>
                <div class="red-arrow"></div>
                <div class="resource card">
                  <div class="card-icon tag-building"></div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Increase your energy production 1 step IF YOU HAVE NO
                  ENERGY RESOURCES, or spend 3MC to draw a building card.)
                </div>
              </div>
              <div class="factorum">FACTORUM</div>
              <div
                class="resource money"
                style="margin-left: 35px; margin-right: 20px"
              >
                37
              </div>
              <div class="production-box">
                <div class="production steel"></div>
              </div>
              <div class="description" style="text-align: center">
                (You start with 37 MC. Increase your steel production 1 step.)
              </div>
            </div>
          </li>

          <li
            id="#CORP34"
            onclick="getClickedCard();"
            class="filterDiv corporation promo noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div class="production-box" style="width: 50px">
                  -
                  <div class="production red-outline wild"></div>
                </div>
                OR -
                <div class="resource red-outline wild"></div>
                : PAY
                <div class="resource money">3</div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: When a player causes another player to decrease
                  production or lose resources, pay 3MC to the victim, or as
                  much as possible.)
                </div>
              </div>
              <div class="mons">
                <div class="mons0">&#x25b2;</div>
                <div class="mons1">mons</div>
                <div class="mons2">INSURANCE</div>
              </div>
              <div
                class="resource money"
                style="
                  margin-left: 145px;
                  margin-right: 20px;
                  margin-top: -80px;
                  position: absolute;
                "
              >
                48
              </div>
              <div
                class="production-box production-box-size2a"
                style="position: absolute; margin-top: -46px; margin-left: 92px"
              >
                <div class="production money">4</div>
                <div class="production money red-outline">-2</div>
                *
              </div>
              <div
                class="description"
                style="margin-top: 2px; text-align: center"
              >
                (You start with 48 MC. Increase your MC production 4 steps. ALL
                OPPONENTS DECREASE THEIR MC PRODUCTION 2 STEPS. THIS DOES NOT
                TRIGGER THE EFFECT BELOW.)
              </div>
            </div>
          </li>

          <li
            id="#CORP35"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag promo"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div
                  class="tile empty-tile-small red-outline"
                  style="margin-right: -3px"
                ></div>
                <div class="tile empty-tile-small"></div>
                :
                <div class="resource wild"></div>
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Effect: Each new adjacency between your tile and an
                  opponent's tile gives you a standard resource of your choice
                  (regardless of who just placed a tile).)
                </div>
              </div>
              <div class="philares">
                PHIL<span style="color: #ff5858">A</span>RES
              </div>
              <div
                class="resource money"
                style="margin-left: 35px; margin-right: 20px"
              >
                47
              </div>
              <div class="tile greenery-tile"></div>
              <div
                class="description"
                style="margin-top: -5px; text-align: center"
              >
                (You start with 47 MC. As your first action, place a greenery
                tile and raise the oxygen 1 step.)
              </div>
            </div>
          </li>

          <li
            id="#CORP36"
            onclick="getClickedCard();"
            class="filterDiv corporation promo noneTag"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION</div>
                <div
                  style="
                    font-size: 10px;
                    line-height: 12px;
                    margin-top: -5px;
                    margin-bottom: 10px;
                  "
                >
                  <span class="red-arrow"></span>ACTION: PLACE A PLAYER MARKER
                  ON A NON-RESERVED AREA ADJACENT TO ONE OF YOUR TILES OR MARKED
                  AREAS
                </div>
                <div class="corporationEffectBoxLabel" style="margin-top: 0px">
                  EFFECT
                </div>
                <div
                  style="font-size: 10px; line-height: 12px; margin-top: -5px"
                >
                  EFFECT: MARKED AREAS ARE RESERVED FOR YOU. WHEN YOU PLACE A
                  TILE THERE, GAIN 3 MC
                </div>
              </div>
              <div
                style="
                  font-size: 20px;
                  padding-left: 3px;
                  width: 147px;
                  background: #eeeeee;
                  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 3px 3px 3px grey;
                  margin-left: 10px;
                  border-radius: 5px;
                  border-top: 2px solid rgb(221, 221, 221);
                  border-left: 2px solid rgb(221, 221, 221);
                  border-bottom: 2px solid rgb(137, 137, 137);
                  border-right: 2px solid rgb(137, 137, 137);
                  font-family: Arial;
                "
              >
                &nbsp;&nbsp;&nbsp;ARCADIAN <br />COMMUNITIES
              </div>
              <div
                class="resource money"
                style="margin-left: 15px; margin-right: 15px"
              >
                40
              </div>
              10
              <div class="resource steel" style="margin-right: 20px"></div>
              <div
                class="resource"
                style="background: linear-gradient(orange, orangered)"
              >
                &nbsp;
              </div>
              *
              <div
                class="description"
                style="margin-top: -5px; text-align: center"
              >
                (You start with 40 MC and 10 steel.<br />
                AS YOUR FIRST ACTION, PLACE A COMMUNITY (PLAYER MARKER) ON A
                NON-RESERVED AREA.)
              </div>
            </div>
          </li>

          <li
            id="#CORP37"
            onclick="getClickedCard();"
            class="filterDiv corporation buildingTag microbeTag promo"
          >
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 10px"
                >
                  EFFECT
                </div>
                <div
                  class="resource-tag tag-building"
                  style="margin-left: -2px"
                ></div>
                :
                <div class="resource microbe"></div>
                OR 2
                <div class="resource microbe"></div>
                :
                <div class="production-box" style="margin-left: 5px">
                  <div class="production plant"></div>
                </div>
                <br />
                <div
                  class="description"
                  style="margin-top: -3px; text-align: center"
                >
                  (Effect: When you play a building tag, including this, gain 1
                  microbe to this card, or remove 2 microbes here and raise your
                  plant production 1 step.)
                </div>
              </div>
              <div
                style="
                  font-size: 20px;
                  margin-top: 5px;
                  margin-bottom: 5px;
                  border-radius: 25px;
                  padding: 10px;
                  background: red;
                  color: white;
                  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6),
                    0 0 0 2px rgba(0, 0, 0, 0.3), 3px 3px 3px #444;
                  font-family: Prototype;
                  font-weight: normal;
                  text-shadow: 0 0 1px black;
                  width: 100px;
                "
              >
                RECYCLON
              </div>
              <div
                class="resource money"
                style="margin-left: 50px; margin-right: 25px"
              >
                38
              </div>
              <div class="production-box">
                <div class="production steel"></div>
              </div>
              <div
                class="description"
                style="margin-top: 0px; text-align: center"
              >
                (You start with 38 MC and 1 steel production.)
              </div>
            </div>
          </li>

          <li
            id="#CORP38"
            onclick="getClickedCard();"
            class="filterDiv corporation microbeTag promo"
          >
            <div class="tag tag1 tag-microbe"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 2px"
                >
                  EFFECT
                </div>
                <div class="resource-tag tag-microbe red-outline"></div>
                :
                <div class="resource money red-outline">2</div>
                * OR
                <div class="resource microbe red-outline"></div>
                *<br />
                <div
                  class="resource-tag tag-microbe red-outline"
                  style="margin-top: -4px"
                ></div>
                :
                <div
                  class="resource money"
                  style="margin-right: 97px; margin-top: 2px"
                >
                  2
                </div>
                <br />
                <div
                  class="description"
                  style="margin-top: -3px; text-align: center"
                >
                  (Effect: when a microbe tag is played, incl. this, THAT PLAYER
                  gains 2 MC, or adds a microbe to THAT card, and you gain 2
                  MC.)
                </div>
              </div>
              <div
                class="splice"
                style="
                  margin-left: 19px;
                  font-size: 29px;
                  font-family: Arial;
                  font-weight: bold;
                  width: 109px;
                  background: #eeeeee;
                  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 3px 3px 3px grey;
                "
              >
                <div style="margin-left: 2px">
                  SPLI<span style="color: red">C</span>E
                </div>
                <div
                  style="height: 3px; background: red; margin-top: -3px"
                ></div>
                <div style="font-size: 10px">TACTICAL GENOMICS</div>
              </div>
              <div
                class="resource money"
                style="margin-left: 60px; margin-right: 25px"
              >
                44
              </div>
              <div class="resource card" style="margin-left: 20px">
                <div class="card-icon tag-microbe"></div>
              </div>
              <div
                class="description"
                style="margin-top: -8px; text-align: center"
              >
                (You start with 44 MC. As your first action, reveal cards until
                you have revealed a microbe tag. Take that card into hand, and
                discard the rest.)
              </div>
            </div>
          </li>

          <li
            id="#CORP39"
            onclick="getClickedCard();"
            class="filterDiv corporation spaceTag promo"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 2px"
                >
                  ACTION
                </div>
                <div class="red-arrow"></div>
                <div class="resource asteroid"></div>
                * /
                <div class="resource wild"></div>
                <br />
                OR
                <div class="resource asteroid"></div>
                <div class="red-arrow"></div>
                3
                <div class="resource titanium"></div>
                <div class="description">
                  (Action: Either add 1 asteroid to ANY CARD or gain any
                  standard resource OR remove 1 asteroid here to gain 3
                  titanium.)
                </div>
              </div>
              <div class="astrodrill">ASTRODRILL</div>
              <div
                class="astrodrill"
                style="margin-top: -5px; margin-bottom: -20px"
              ></div>
              <div
                class="resource money"
                style="margin-left: 40px; margin-right: 25px"
              >
                35
              </div>
              3
              <div class="resource asteroid"></div>
              <div class="description" style="text-align: center">
                (You start with 35MC, and 3 asteroid resources here.)
              </div>
            </div>
          </li>

          <li
            id="#CORP40"
            onclick="getClickedCard();"
            class="filterDiv corporation microbeTag promo"
          >
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div
                class="corporationEffectBox"
                style="
                  margin-top: 85px;
                  height: 213px;
                  text-align: left;
                  padding-left: 5px;
                "
              >
                <div
                  class="corporationEffectBoxLabel"
                  style="margin-bottom: 2px"
                >
                  EFFECT
                </div>
                <div
                  class="resource-tag red-outline tag-microbe"
                  style="margin-left: 3px"
                ></div>
                :
                <div class="resource biohazard" style="margin-left: 9px"></div>
                <div class="resource money">-4</div>
                <br />
                <div
                  class="resource-tag tag-science"
                  style="margin-left: 3px"
                ></div>
                :-
                <div class="resource biohazard"></div>
                <div
                  class="tile rating"
                  style="margin-left: -10px; transform: scale(0.7)"
                ></div>
                <br />
                OR 3
                <div
                  class="tile rating"
                  style="margin-left: -7px; transform: scale(0.7)"
                ></div>
                <div class="down-arrow"></div>
                <div
                  class="description"
                  style="
                    position: absolute;
                    margin-top: -142px;
                    margin-left: 125px;
                  "
                >
                  (Effect: When ANY microbe is played, including these, add a
                  disease here and lose 4MC or as much as possible. When you
                  play a science tag, remove 1 disease)
                </div>
                <div class="description" style="margin-top: -10px">
                  from here and raise your TR 1 step, OR, if there are no
                  diseases here, you MAY raise your TR 3 steps and TURN THIS
                  CARD FACE DOWN (lose this card tags/effects).)
                </div>
              </div>
              <div style="font-size: 16px; margin-bottom: 5px">
                PHARMACY UNION
              </div>
              <div class="resource money" style="margin-right: 5px">54</div>
              <div class="resource card">
                <div
                  class="card-icon tag-science"
                  style="color: black; font-size: 20px"
                ></div>
              </div>
              <div
                class="description"
                style="margin-top: -40px; margin-left: 90px; width: 110px"
              >
                (You start with 54MC. Draw a science card.)
              </div>
            </div>
          </li>

          <li
            id="#CORP41"
            onclick="getClickedCard();"
            class="filterDiv corporation plantTag microbeTag prelude2"
          >
            <div class="tag tag1 tag-plant"></div>
            <div class="tag tag2 tag-microbe"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude2-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>

                <div class="resource-tag tag-plant"></div>
                /
                <div class="resource-tag tag-microbe"></div>
                /
                <div class="resource-tag tag-animal"></div>
                : <br />

                <div class="resource plant"></div>
                OR
                <div class="resource microbe"></div>
                *
                <div class="description">
                  (Effect: When playing a bio tag, imcluding these 2, gai 1
                  plant or add 1 microbe to ANY card.)
                </div>
              </div>
              <span
                class="ecotec"
                style="
                  font-size: 30px;
                  padding-bottom: 5px;
                  font-weight: normal;
                  color: yellow;
                  letter-spacing: 2px;
                  margin-left: 5px;
                  background-color: green;
                  padding-left: 5px;
                  border-radius: 5px 0 0 5px;
                "
              >
                eco</span
              ><span
                style="
                  font-size: 30px;
                  padding-bottom: 5px;
                  font-weight: normal;
                  color: green;
                  letter-spacing: 2px;
                  background-color: yellow;
                  padding-right: 5px;
                  border-radius: 0px 5px 5px 0px;
                "
                >tec</span
              >
              <br />
              <div class="resource money" style="margin-left: 75px">42</div>

              <div
                class="production-box"
                style="margin-top: 15px; margin-left: 10px; margin-top: 10px"
              >
                <div class="production plant"></div>
              </div>
              <div class="description" style="text-align: center">
                (You start with 42MC and 1 plant production.)
              </div>
            </div>
          </li>

          <li
            id="#CORP42"
            onclick="getClickedCard();"
            class="filterDiv corporation powerTag scienceTag promo prelude2"
          >
            <div class="tag tag1 tag-science"></div>
            <div class="tag tag2 tag-power"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                X
                <div class="resource energy"></div>
                <div class="red-arrow"></div>
                X
                <div class="resource card"></div>
                KEEP 1
                <div
                  class="description"
                  style="text-align: center; margin-top: 0px"
                >
                  (Action: Spend any number of energy to draw that many cards.
                  Keep 1 and discard the rest.)
                </div>
              </div>
              <span
                style="
                  font-size: 32px;
                  font-family: 'Arial Narrow', 'Verdana';
                  font-weight: normal;
                  text-shadow: 6px 3px 5px grey;
                  border: 1px solid black;
                  border-right: none;
                  padding-left: 5px;
                "
              >
                TYCHO
              </span>
              <br />
              <span
                style="
                  border: 1px solid black;
                  margin-left: 20px;
                  border-right: none;
                  padding-left: 5px;
                "
                >MAGNETICS</span
              >
              <br />

              <div class="resource money" style="margin-left: 60px">42</div>
              <div class="production-box" style="margin-left: 30px">
                <div class="production energy"></div>
              </div>

              <div class="description" style="text-align: center">
                (You start with 42MC. Increase your energy production 1 step.)
              </div>
            </div>
          </li>

          <li
            id="#CORP43"
            onclick="getClickedCard();"
            class="filterDiv corporation spaceTag promo prelude2"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="tag tag2 tag-space"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="promo-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">ACTION/EFFECT</div>
                <div style="margin-top: -10px">
                  <div class="red-arrow"></div>
                  <div class="resource asteroid"></div>
                  /
                  <div class="resource-tag tag-space"></div>
                </div>
                <div style="margin-top: -10px">
                  <div
                    class="tile globals-box"
                    style="height: 25px; font-size: 14px; line-height: 11px"
                  >
                    Asteroid OR Aquifer
                  </div>
                  :
                  <div class="resource asteroid"></div>
                  = 1
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: -8px"
                >
                  (Action: Add 1 asteroid here for every space tag you have.<br />
                  Effect: When paying for the ASTEROID or AQUIFER standard
                  projects, each asteroid here maybe used as 1MC.)
                </div>
              </div>
              <div
                style="
                  background-color: rgb(98, 126, 219);
                  width: 120px;
                  border: 2px solid #aaa;
                  border-bottom: 5px solid rgb(8, 8, 88);
                  padding-left: 5px;
                  color: white;
                  letter-spacing: 1px;
                  font-size: 16px;
                "
              >
                KUIPER
              </div>
              <div
                style="
                  width: 120px;
                  padding-left: 5px;
                  color: #cc3333;
                  letter-spacing: 1px;
                  font-size: 16px;
                  border: 2px solid rgb(146, 163, 219);
                  border-top: none;
                "
              >
                COOPERATIVE
              </div>
              <div class="resource money" style="margin-left: 20px">33</div>
              <div
                class="production-box"
                style="margin-left: 20px; margin-top: 10px"
              >
                <div class="production titanium"></div>
              </div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                (You start with 33MC. Increase your titanium production 1 step.)
              </div>
            </div>
          </li>

          <li
            id="#CORP44"
            onclick="getClickedCard();"
            class="filterDiv corporation cityTag earthTag prelude2"
          >
            <div class="tag tag1 tag-earth"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude2-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div style="margin-top: -10px">
                  <div
                    class="resource-tag"
                    style="background-color: white"
                  ></div>
                  <div
                    class="resource-tag"
                    style="background-color: white"
                  ></div>
                  * :
                  <div class="resource science"></div>
                </div>
                <div style="margin-top: -10px">
                  <div
                    class="tile globals-box"
                    style="height: 25px; font-size: 14px; line-height: 11px"
                  >
                    Standard Project
                  </div>
                  :
                  <div class="resource science"></div>
                  = 2
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: -8px"
                >
                  (Effect: When you play a card with AT LEAST 2 tags, including
                  this, add 1 science resource here. When you pay for standard
                  project, science resources here maybe be used as 2MC each.)
                </div>
              </div>
              <div
                style="
                  color: white;
                  letter-spacing: 1px;
                  font-size: 16px;
                  padding-top: 15px;
                  transform: scaleX(1.5);
                  width: 80px;
                  text-align: center;
                  margin-left: 25px;
                  margin-top: 5px;
                  border: 1px solid white;
                  box-shadow: 0 0 0 2px black;
                  background: linear-gradient(#222 40%, #aaa 40%, black 90%);
                  font-family: 'Times New Roman', Times, serif;
                "
              >
                SPIRE
              </div>
              <div class="resource money" style="margin-left: 20px">50</div>

              +4
              <div class="resource card"></div>
              -3
              <div class="resource card"></div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                (You start with 50MC. As your first action draw 4 cards, then
                discard 3 cards from hand.)
              </div>
            </div>
          </li>

          <li
            id="#CORP45"
            onclick="getClickedCard();"
            class="filterDiv corporation prelude2"
          >
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude2-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT</div>
                <div
                  class="resource-tag"
                  style="
                    background-color: white;
                    font-size: 42px;
                    margin-right: 10px;
                  "
                >
                  X
                </div>
                :
                <div class="resource money">4</div>
                <div style="margin-top: -10px">
                  <div
                    class="resource-tag"
                    style="background-color: white"
                  ></div>
                  * :
                  <div class="resource money">1</div>
                </div>
                <div class="description">
                  (Effect: When you play a card with no tags, including this,
                  gain 4MC. When you play a card with EXACTLY 1 TAG, you gain
                  1MC.)
                </div>
              </div>
              <div
                style="
                  color: rgb(82, 190, 82);
                  text-shadow: 0 0 2px black;
                  font-family: Georgia, 'Times New Roman', Times, serif,
                    sans-serif;
                  letter-spacing: 5px;
                  font-size: 30px;
                "
              >
                SAGITTA
              </div>
              <div
                class="resource money"
                style="margin-left: 10px; margin-right: 10px"
              >
                31
              </div>

              <div class="production-box production-box-size2">
                <div class="production energy"></div>
                <div class="production money">2</div>
              </div>
              <div class="resource card" style="margin-left: 20px">
                <div
                  class="card-icon"
                  style="background-color: white; text-align: center"
                >
                  X
                </div>
              </div>
              <div
                class="description"
                style="text-align: center; margin-top: -5px"
              >
                (You start with 31MC. Increase your energy production 1 step and
                your MC production 2 steps. Draw a card that has no tags.)
              </div>
            </div>
          </li>

          <li
            id="#CORP46"
            onclick="getClickedCard();"
            class="filterDiv corporation spaceTag prelude2"
          >
            <div class="tag tag1 tag-space"></div>
            <div class="corporationLabel">CORPORATION</div>
            <div class="prelude2-icon corporation-icon"></div>
            <div class="contentCorporation">
              <div class="corporationEffectBox">
                <div class="corporationEffectBoxLabel">EFFECT/ACTION</div>
                <div style="margin-top: -10px">
                  <div class="resource-tag tag-space"></div>
                  <div class="resource-tag tag-event"></div>
                  :
                  <div class="resource titanium"></div>
                </div>
                <div style="margin-top: -10px">
                  <div class="resource titanium"></div>
                  <div class="resource titanium"></div>
                  <div class="red-arrow"></div>
                  <div class="tile temperature-tile"></div>
                </div>
                <div
                  class="description"
                  style="text-align: center; margin-top: -8px"
                >
                  (Effect: When you play a space event, gain 1 titanium.
                  <br />
                  Action: Spend 2 titanium to raise temperature 1 step.)
                </div>
              </div>
              <div
                style="
                  box-shadow: 0 2px 5px 2px black;
                  background: rgb(218, 218, 115);
                  border-radius: 40%;
                  width: 150px;
                  color: #444;
                  letter-spacing: 2px;
                  text-align: center;
                  margin: 15px;
                "
              >
                <div style="margin-left: -10px">PALLADIN</div>
                <div style="margin-left: 20px">SHIPPING</div>
              </div>
              <div
                class="resource money"
                style="margin-left: 40px; margin-right: 10px"
              >
                36
              </div>
              5
              <div class="resource titanium"></div>
              <div class="description" style="text-align: center">
                (You start with 36MC. Gain 5 titanium.)
              </div>
            </div>
          </li>
        </ul>

        <!--PRELUDES-->
        <ul class="myUL" style="clear: both">
          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card earthTag"
          >
            <div class="title background-color-prelude">Allied Banks</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P01</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">4</div>
              </div>
              <br />
              <div class="resource money">3</div>
              <div class="description">
                (Increase your MC production 4 steps. Gain 3 MC .)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card powerTag"
          >
            <div class="title background-color-prelude">Aquifer Turbines</div>
            <div class="tag tag1 tag-power"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P02</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile ocean-tile"></div>
              <div class="production-box production-box-size2">
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <br />
              -
              <div class="resource money">3</div>
              <div class="description">
                (Place an Ocean. Increase your energy production 2 steps. Pay 3
                MC .)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card microbeTag"
          >
            <div class="title background-color-prelude">Biofuels</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P03</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production energy"></div>
                <div class="production plant"></div>
              </div>
              <br />
              <div class="resource plant"></div>
              <div class="resource plant"></div>
              <div class="description">
                (Increase your energy and plant production 1 step. Gain 2
                plants.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card scienceTag"
          >
            <div class="title background-color-prelude">Biolab</div>
            <div class="tag tag1 tag-science"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P04</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <br />
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Increase your plant production 1 step. Draw 3 cards.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card plantTag"
          >
            <div class="title background-color-prelude">Biosphere Support</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P05</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="production money">1</div>
                <br />
                <div class="production-prefix"><div class="plus"></div></div>
                <div class="production plant"></div>
                <div class="production plant"></div>
              </div>
              <br />
              <div class="description">
                (Increase your plant production 2 steps. Decrease your MC
                production 1 step.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card earthTag"
          >
            <div class="title background-color-prelude">Business Empire</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P06</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">6</div>
              </div>
              <br />
              -
              <div class="resource money">6</div>
              <div class="description">
                (Increase your MC production 6 steps. Pay 6 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag plantTag"
          >
            <div class="title background-color-prelude">Dome Farming</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P07</div>
            <div class="tag tag2 tag-plant"></div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">2</div>
                <div class="production plant"></div>
              </div>
              <br />
              <div class="description">
                (Increase your MC production 2 steps and plant production 1
                step.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Donation</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P08</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="resource money">21</div>
              <div class="description">(Gain 21 MC.)</div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag cityTag"
          >
            <div class="title background-color-prelude">Early Settlement</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P09</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <div class="tile city-tile"></div>
              <div class="description">
                (Increase your plant production 1 step. Place a city tile.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card plantTag microbeTag"
          >
            <div class="title background-color-prelude">Ecology Experts</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P10</div>
            <div class="tag tag1 tag-microbe"></div>
            <div class="tag tag2 tag-plant"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <br />
              <div class="requirements" style="margin-left: 31px; width: 70%">
                <div style="color: red; font-size: 56px; display: inline-block">
                  X
                </div>
                <div
                  style="
                    position: absolute;
                    margin-top: -40px;
                    margin-left: 6px;
                  "
                >
                  Project Requirements
                </div>
              </div>
              <div class="description">
                (Increase your plant production 1 step. Play a card from hand,
                ignoring global requirements.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Excentric Sponsor</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P11</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="resource card"></div>
              :
              <div class="resource money">-25</div>
              <div class="description">
                (Play 1 card from hand with a 25 MC reduction.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card plantTag"
          >
            <div class="title background-color-prelude">
              Experimental Forest
            </div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P12</div>
            <div class="tag tag1 tag-plant"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile greenery-tile"></div>
              <div class="resource card">
                <div class="card-icon tag-plant"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-plant"></div>
              </div>
              <div class="description">
                ( Place 1 Greenery tile. Reveal cards until you reveal two cards
                with plant tags on them. Take them into your hand and discard
                the rest.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card jovianTag"
          >
            <div class="title background-color-prelude">Galilean Mining</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P13</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production titanium"></div>
                <div class="production titanium"></div>
              </div>
              <br />
              -
              <div class="resource money">5</div>
              <div class="description">
                (Increase your titanium production 2 steps. Pay 5 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Great Aquifer</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P14</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile ocean-tile"></div>
              <div class="tile ocean-tile"></div>
              <div class="description">(Place 2 Ocean tiles.)</div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Huge Asteroid</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P15</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <br />
              -
              <div class="resource money">5</div>
              <div class="description">
                (Increase Temperature 3 steps. Pay 5 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card jovianTag scienceTag"
          >
            <div class="title background-color-prelude">
              Io Research Outpost
            </div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P16</div>
            <div class="tag tag1 tag-jovian"></div>
            <div class="tag tag2 tag-science"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production titanium"></div>
              </div>
              <br />
              <div class="resource card"></div>
              <div class="description">
                (Increase your titanium production 1 step. Draw a card.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Loan</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P17</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size1a">
                <div class="production-prefix"><div class="minus"></div></div>
                <div class="money production">2</div>
              </div>
              <br />
              <div class="resource money">30</div>
              <div class="description">
                (Gain 30 MC. Decrease your MC production 2 steps.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Martian Industries</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P18</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div
                class="production-box production-box-size2"
                style="vertical-align: bottom"
              >
                <div class="production energy"></div>
                <div class="production steel"></div>
              </div>
              <br />
              <div class="resource money">6</div>
              <div class="description">
                (Increase your energy and steel production 1 step. Gain 6 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">
              Metal-rich Asteroid
            </div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P19</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <br />
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (Increase temperature 1 step. Gain 4 titanium and 4 steel.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Metals Company</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P20</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production money">1</div>
                <div class="production steel"></div>
                <div class="production titanium"></div>
              </div>
              <br />
              <div class="description">
                (Increase your MC, steel and titanium production 1 step.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Mining Operations</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P21</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production steel"></div>
                <div class="production steel"></div>
              </div>
              <br />
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (Increase your steel production 2 steps. Gain 4 steel.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Mohole</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P22</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production heat"></div>
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              <br />
              <div class="resource heat"></div>
              <div class="resource heat"></div>
              <div class="resource heat"></div>
              <div class="description">
                (Increase your heat production 3 steps. Gain 3 heat.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Mohole Excavation</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P23</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production steel"></div>
                <br />
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              &nbsp;&nbsp;
              <div class="resource heat"></div>
              <div class="resource heat"></div>
              <div class="description">
                (Increase your steel production 1 step and heat production 2
                steps. Gain 2 heat.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Nitrogen Shipment</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P24</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              &nbsp;
              <div class="tile rating"></div>
              <br />
              <div class="resource money">5</div>
              <div class="description">
                (Increase your plant production 1 step. Increase your TR 1 step.
                Gain 5 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card spaceTag"
          >
            <div class="title background-color-prelude">
              Orbital Construction Yard
            </div>
            <div class="tag tag1 tag-space"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P25</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production titanium"></div>
              </div>
              <br />
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="description">
                (Increase your titanium production 1 step. Gain 4 titanium.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Polar Industries</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P26</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production heat"></div>
                <div class="production heat"></div>
              </div>
              &nbsp;
              <div class="tile ocean-tile"></div>
              <br />
              <div class="description">
                (Increase your heat production 2 steps. Place an Ocean tile.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card powerTag"
          >
            <div class="title background-color-prelude">Power Generation</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P27</div>
            <div class="tag tag1 tag-power"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size3">
                <div class="production energy"></div>
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <div class="description">
                (Increase your energy production 3 steps.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card wildTag"
          >
            <div class="title background-color-prelude">Research Network</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P28</div>
            <div class="tag tag1 tag-wild"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <br />
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="description">
                (Increase your money production 1 step. Draw 3 cards.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card cityTag buildingTag"
          >
            <div class="title background-color-prelude">
              Self-Sufficient Settlement
            </div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P29</div>
            <div class="tag tag1 tag-building"></div>
            <div class="tag tag2 tag-city"></div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">2</div>
              </div>
              <br />
              <div class="tile city-tile"></div>
              <div class="description">
                (Increase your money production 2 step. Place a City tile.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card buildingTag"
          >
            <div class="title background-color-prelude">Smelting Plant</div>
            <div class="tag tag1 tag-building"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P30</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile oxygen-tile"></div>
              <div class="tile oxygen-tile"></div>
              <br />
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (Raise oxygen 2 steps. Gain 5 steel.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Society Support</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P31</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production money">-1</div>
                <div class="production plant"></div>
                <br />
                <div class="production energy"></div>
                <div class="production heat"></div>
              </div>
              <div class="description">
                (Increase your plant, energy and heat production 1 step.
                Decrease money production 1 step.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card powerTag"
          >
            <div class="title background-color-prelude">Supplier</div>
            <div class="tag tag1 tag-power"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P32</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="production-box production-box-size2">
                <div class="production energy"></div>
                <div class="production energy"></div>
              </div>
              <br />
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <div class="description">
                (Increase your energy production 2 steps. Gain 4 steel.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">Supply Drop</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P33</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              3
              <div class="resource titanium"></div>
              8
              <div class="resource steel"></div>
              3
              <div class="resource plant"></div>
              <div class="description">
                (Gain 3 titanium, 8 steel and 3 plants.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card earthTag"
          >
            <div class="title background-color-prelude">UNMI Contractor</div>
            <div class="tag tag1 tag-earth"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P34</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="tile rating"></div>
              <div class="resource card"></div>
              <div class="description">
                (Increase your TR 3 steps. Draw a card.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag"
          >
            <div class="title background-color-prelude">
              Acquired Space Agency
            </div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#P35</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div class="content">
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource titanium"></div>
              <div class="resource card">
                <div class="card-icon tag-space"></div>
              </div>
              <div class="resource card">
                <div class="card-icon tag-space"></div>
              </div>
              <div class="description">
                (Gain 6 titanium. Reveal cards until you reveal two cards with
                Space Tags. Take them into your hand, discard the rest.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card scienceTag promo"
          >
            <div class="title background-color-prelude">Corporate Archives</div>
            <div class="tag tag1 tag-science"></div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#X39</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div
              class="promo-icon"
              style="top: 190px; position: absolute; left: 9px"
            ></div>
            <div class="content">
              <div class="resource money">13</div>
              <br />
              LOOK AT THE TOP 7 CARDS FROM THE DECK. TAKE 2 OF THEM INTO HAND
              AND DISCARD THE OTHER 5
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card promo"
          >
            <div class="title background-color-prelude">Double Down</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#X40</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div
              class="promo-icon"
              style="top: 190px; position: absolute; left: 9px"
            ></div>
            <div class="content">
              <br />
              COPY YOUR OTHER PRELUDE'S DIRECT EFFECT
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag promo"
          >
            <div class="title background-color-prelude">Merger</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#X41</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div
              class="promo-icon"
              style="top: 190px; position: absolute; left: 9px"
            ></div>
            <div class="content">
              <div class="resource card-corporation" style="margin-right: 10px">
                <span
                  style="
                    background: rgb(255, 204, 100);
                    padding-left: 4px;
                    padding-right: 4px;
                    border-radius: 2px;
                  "
                  >CORP</span
                >
              </div>
              <div class="resource money">-42</div>
              <div class="description">
                (Draw 4 corporation cards. Play one of them and discard the
                other 3. Then pay 42 MC.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag promo"
          >
            <div class="title background-color-prelude">New partner</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#X42</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div
              class="promo-icon"
              style="top: 190px; position: absolute; left: 9px"
            ></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              <div class="resource card-corporation" style="margin-left: 20px">
                <span
                  style="
                    background: linear-gradient(
                      to right,
                      rgb(235, 118, 171),
                      #e64d91
                    );
                    padding-left: 4px;
                    padding-right: 4px;
                    border-radius: 2px;
                  "
                  >PREL</span
                >
              </div>
              <div class="description">
                (Raise your MC production 1 step. Immediately draw 2 prelude
                cards. Play 1 of them, and discard the other.)
              </div>
            </div>
          </li>

          <li
            onclick="getClickedCard();"
            class="filterDiv prelude prelude-card noneTag promo"
          >
            <div class="title background-color-prelude">Head start</div>
            <div class="prelude-label">PRELUDE</div>
            <div class="number" style="margin-left: 99px">#X43</div>
            <div class="prelude-icon preludeCard-icon"></div>
            <div
              class="promo-icon"
              style="top: 190px; position: absolute; left: 9px"
            ></div>
            <div class="content">
              <div class="description">
                (Gain 2 steel. Gain 2Mc per project card you have in hand.
                Immediately take two actions.)
              </div>
            </div>
          </li>
        </ul>

        <!--COLONIES-->
        <ul class="myUL" style="clear: both">
          <!--EUROPA-->
          <li
            id="#EUROPA"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/europa.png');
              background-size: 220px 220px;
              background-position: bottom 65px right -5px;
              box-shadow: inset 0 0 4px 4px rgb(188, 149, 120),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(188, 149, 120),
                    black
                  );
                "
                >EUROPA</span
              >
            </div>
            <div class="colony-content">
              <div class="resource money">1</div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div
                style="margin-bottom: 10px; margin-top: 8px; margin-left: 10px"
              >
                <span class="colony-background-color" style="margin-left: -8px">
                  Trade Income: Gain the indicated production
                </span>
              </div>
              <div class="colony-grid-container">
                <div>
                  <div class="tile ocean-tile" style="margin-top: 3px"></div>
                </div>
                <div>
                  <div class="tile ocean-tile" style="margin-top: 3px"></div>
                </div>
                <div>
                  <div class="tile ocean-tile" style="margin-top: 3px"></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production money">1</div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production money">1</div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production energy"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production energy"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production plant"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production plant"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box" style="transform: scale(0.8)">
                    <div class="production plant"></div>
                  </div>
                </div>
              </div>
            </div>
          </li>

          <!--TRITON-->
          <li
            id="#TRITON"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/triton.jpg');
              background-size: 150px 150px;
              background-position: bottom 90px right 35px;
              box-shadow: inset 0 0 4px 4px #c2e0f6, 0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="background: linear-gradient(to right, #c2e0f6, black)"
                >TRITON</span
              >
            </div>
            <div class="colony-content">
              <div class="resource titanium"></div>
              <span class="colony-background-color">Colony Bonus</span><br />
              <div class="resource titanium" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color">Trade Income</span>
              <div class="colony-grid-container">
                <div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource titanium resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
              </div>
            </div>
          </li>

          <!--CALLISTO-->
          <li
            id="#CALLISTO"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/callisto.png');
              background-size: 300px 300px;
              background-position: bottom -11px right -55px;
              box-shadow: inset 0 0 4px 4px rgb(158, 79, 150), 0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(158, 79, 150),
                    transparent
                  );
                "
                >CALLISTO</span
              >
            </div>
            <div class="colony-content">
              <div class="resource energy"></div>
              <div class="resource energy"></div>
              <div class="resource energy"></div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div class="resource energy" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="production-box">
                    <div class="production energy"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production energy"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production energy"></div>
                  </div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>2</div>
                <div>3</div>
                <div>5</div>
                <div>7</div>
                <div>10</div>
                <div>13</div>
              </div>
            </div>
          </li>

          <!--CERES-->
          <li
            id="#CERES"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/ceres.jpg');
              background-size: 100px 100px;
              background-position: bottom 150px right 60px;
              box-shadow: inset 0 0 4px 4px rgb(124, 157, 200),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(124, 157, 200),
                    black
                  );
                "
                >CERES</span
              >
            </div>
            <div class="colony-content">
              <div class="resource steel"></div>
              <div class="resource steel"></div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div class="resource steel" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="production-box">
                    <div class="production steel"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production steel"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production steel"></div>
                  </div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>6</div>
                <div>8</div>
                <div>10</div>
              </div>
            </div>
          </li>

          <!--ENCELADUS-->
          <li
            id="#ENCELADUS"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/enceladus.png');
              background-size: 150px 150px;
              background-position: bottom 120px right -15px;
              box-shadow: inset 0 0 4px 4px rgb(163, 201, 152),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(163, 201, 152),
                    black
                  );
                "
                >ENCELADUS</span
              >
            </div>
            <div class="colony-content">
              <div class="resource microbe"></div>
              <span class="colony-background-color">Colony Bonus</span><br />
              <div class="resource microbe" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color">Trade Income</span>
              <div class="colony-grid-container">
                <div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource microbe resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>4</div>
                <div>5</div>
              </div>
            </div>
          </li>

          <!--TITAN-->
          <li
            id="#TITAN"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/titan.jpg');
              background-size: 250px 250px;
              background-position: bottom 30px right -8px;
              box-shadow: inset 0 0 4px 4px rgb(255, 204, 100),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(255, 204, 100),
                    black
                  );
                "
                >TITAN</span
              >
            </div>
            <div class="colony-content">
              <div class="resource floater"></div>
              <span class="colony-background-color">Colony Bonus</span><br />
              <div class="resource floater" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color">Trade Income</span>
              <div class="colony-grid-container">
                <div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-bottom: 0px; margin-top: 1px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -10px; margin-left: 20px"
                  ></div>
                  <div
                    class="resource floater resource-stacked"
                    style="margin-top: -73px; margin-left: -13px"
                  ></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>3</div>
                <div>4</div>
              </div>
            </div>
          </li>

          <!--MIRANDA-->
          <li
            id="#MIRANDA"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/miranda.jpg');
              background-size: 100px 100px;
              background-position: bottom 145px right 55px;
              box-shadow: inset 0 0 4px 4px rgb(115, 216, 255),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(115, 216, 255),
                    black
                  );
                "
                >MIRANDA</span
              >
            </div>
            <div class="colony-content" style="margin-top: -10px">
              <div class="resource card" style="box-shadow: 0 0 2px #ccc"></div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div
                class="resource animal"
                style="margin-left: 20px; margin-top: -10px"
              ></div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="resource animal" style="margin-top: 11px"></div>
                </div>
                <div>
                  <div class="resource animal" style="margin-top: 11px"></div>
                </div>
                <div>
                  <div class="resource animal" style="margin-top: 11px"></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>1</div>
                <div>2</div>
                <div>2</div>
                <div>3</div>
                <div>3</div>
              </div>
            </div>
          </li>

          <!--GANYMEDE-->
          <li
            id="#GANYMEDE"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/ganymede.jpg');
              background-position: bottom 5px right 10px;
              box-shadow: inset 0 0 4px 4px rgb(150, 150, 150),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(150, 150, 150),
                    rgba(0, 0, 0, 0)
                  );
                "
                >GANYMEDE</span
              >
            </div>
            <div class="colony-content">
              <div class="resource plant"></div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div class="resource plant" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="production-box">
                    <div class="production plant"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production plant"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production plant"></div>
                  </div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
              </div>
            </div>
          </li>

          <!--LUNA-->
          <li
            id="#LUNA"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/luna.jpg');
              background-position: bottom -5px right 0px;
              box-shadow: inset 0 0 4px 4px rgb(106, 185, 244),
                0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="
                  background: linear-gradient(
                    to right,
                    rgb(106, 185, 244),
                    black
                  );
                "
                >LUNA</span
              >
            </div>
            <div class="colony-content">
              <div class="resource money">2</div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div class="resource money" style="margin-left: 20px">&nbsp;</div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="production-box">
                    <div class="production money">2</div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production money">2</div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production money">2</div>
                  </div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>1</div>
                <div>2</div>
                <div>4</div>
                <div>7</div>
                <div>10</div>
                <div>13</div>
                <div>17</div>
              </div>
            </div>
          </li>

          <!--IO-->
          <li
            id="#IO"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/io.jpg');
              background-size: 200px 200px;
              background-position: bottom 60px right -20px;
              box-shadow: inset 0 0 4px 4px #eee, 0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="background: linear-gradient(to right, #eee, black)"
                >IO</span
              >
            </div>
            <div class="colony-content">
              <div class="resource heat"></div>
              <div class="resource heat"></div>
              <span class="colony-background-color"> Colony Bonus </span><br />
              <div class="resource heat" style="margin-left: 20px"></div>
              <div class="white-x"></div>
              <span class="colony-background-color"> Trade Income </span>
              <div class="colony-grid-container">
                <div>
                  <div class="production-box">
                    <div class="production heat"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production heat"></div>
                  </div>
                </div>
                <div>
                  <div class="production-box">
                    <div class="production heat"></div>
                  </div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>6</div>
                <div>8</div>
                <div>10</div>
                <div>13</div>
              </div>
            </div>
          </li>

          <!--PLUTO-->
          <li
            id="#PLUTO"
            onclick="getClickedCard();"
            class="filterDiv colony-card colonies"
            style="
              background-image: url('images/colonies-planets/pluto.jpg');
              background-size: 150px 150px;
              background-position: bottom 117px right 7px;
              box-shadow: inset 0 0 4px 4px #c2e0f6, 0 0 2px 1px black;
            "
          >
            <div class="colony-card-title-div">
              <span
                class="colony-card-title-span"
                style="background: linear-gradient(to right, #c2e0f6, black)"
                >PLUTO</span
              >
            </div>
            <div class="colony-content" style="margin-top: -10px">
              <span class="white-char" style="margin-left: 5px">+</span>
              <div class="resource card" style="box-shadow: 0 0 2px #ccc"></div>
              <span class="white-char">-</span>
              <div class="resource card" style="box-shadow: 0 0 2px #ccc"></div>
              <span class="colony-background-color">Colony Bonus</span>
              <br />
              <div
                class="resource card"
                style="
                  box-shadow: 0 0 2px #ccc;
                  margin-top: -4px;
                  margin-left: 40px;
                "
              ></div>
              <div class="white-x"></div>
              <span class="colony-background-color">Trade Income</span>
              <div class="colony-grid-container">
                <div>
                  <div
                    class="resource card"
                    style="margin-top: 9px; box-shadow: 0 0 2px #ccc"
                  ></div>
                  <div
                    class="resource card"
                    style="
                      margin-left: -48px;
                      margin-top: -2px;
                      box-shadow: 0 0 2px #ccc;
                    "
                  ></div>
                </div>
                <div>
                  <div
                    class="resource card"
                    style="margin-top: 9px; box-shadow: 0 0 2px #ccc"
                  ></div>
                  <div
                    class="resource card"
                    style="
                      margin-left: -48px;
                      margin-top: -2px;
                      box-shadow: 0 0 2px #ccc;
                    "
                  ></div>
                </div>
                <div>
                  <div
                    class="resource card"
                    style="margin-top: 9px; box-shadow: 0 0 2px #ccc"
                  ></div>
                  <div
                    class="resource card"
                    style="
                      margin-left: -48px;
                      margin-top: -2px;
                      box-shadow: 0 0 2px #ccc;
                    "
                  ></div>
                </div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="colony-grid-container2">
                <div>0</div>
                <div>1</div>
                <div>2</div>
                <div>2</div>
                <div>3</div>
                <div>3</div>
                <div>4</div>
              </div>
            </div>
          </li>
        </ul>

        <!--GLOBAL EVENTS-->
        <ul class="myUL" style="clear: both">
          <!--GE02-->
          <li
            id="#GE02"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div
                class="title-global-sub-section-three background-color-global"
              >
                Improved Energy Template
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-kelvinists"></div>
            <div class="content">
              <div class="production-box">
                <div class="production energy"></div>
              </div>
              /
              <div class="resource-tag tag-power"></div>
              <div class="resource-tag tag-power"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Increase energy production 1 step per 2 power tags (no limit).
                Influence counts as power tags.)
              </div>
            </div>
          </li>

          <!--GE03-->
          <li
            id="#GE03"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Scientific Communities
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-reds"></div>
            <div class="party party-bottom party-scientists"></div>
            <div class="content">
              <div class="resource money">1</div>
              /
              <div class="resource card"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 1 MC for each card in hand (no limit) and influence.)
              </div>
            </div>
          </li>

          <!--GE04-->
          <li
            id="#GE04"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Eco <br />Sabotage
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-greens"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <span style="font-size: 22px">max 3</span>
              <div class="resource plant"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose all plants except 3 + influence.)
              </div>
            </div>
          </li>

          <!--GE05-->
          <li
            id="#GE05"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Productivity
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content">
              <div class="resource steel"></div>
              /
              <div class="production-box">
                <div class="production steel"></div>
              </div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 1 steel for each steel production (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE06-->
          <li
            id="#GE06"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Red <br />Influence
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <div class="resource money" style="margin-left: -2px">-3</div>
              /
              <div
                class="tile rating"
                style="
                  line-height: 39px;
                  font-size: 30px;
                  color: #eee;
                  text-shadow: 0 0 5px black;
                "
              >
                5
              </div>
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              /
              <div class="influence"></div>
              <div
                style="
                  margin-left: -61px;
                  font-size: 14px;
                  margin-top: -14px;
                  margin-bottom: 5px;
                "
              >
                OVER 10
              </div>
              <div class="description">
                (Lose 3 MC for each set of 5TR over 10 (max 5 sets.). Increase
                MC production 1 step per influence.)
              </div>
            </div>
          </li>

          <!--GE07-->
          <li
            id="#GE07"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Generous <br />
                Funding
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="resource money" style="margin-bottom: 5px">2</div>
              /
              <div class="influence"></div>
              <div class="plus"></div>
              <div
                class="tile rating"
                style="
                  line-height: 39px;
                  font-size: 30px;
                  color: #eee;
                  text-shadow: 0 0 5px black;
                "
              >
                5
              </div>
              <div
                style="
                  margin-left: 110px;
                  font-size: 14px;
                  margin-top: -12px;
                  margin-bottom: 5px;
                "
              >
                OVER 15
              </div>
              <div class="description">
                (Gain 2 MC for each influence and each complete set of 5 TR over
                15 (max 5 sets).)
              </div>
            </div>
          </li>

          <!--GE08-->
          <li
            id="#GE08"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Miners on <br />
                Strike
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="resource titanium"></div>
              /
              <div class="resource-tag tag-jovian"></div>
              <div class="description">
                (Lose 1 titanium for each Jovian tag (max 5, then reduced by
                influence).)
              </div>
            </div>
          </li>

          <!--GE09-->
          <li
            id="#GE09"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Asteroid <br />
                Mining
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-reds"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="resource titanium"></div>
              /
              <div class="resource-tag tag-jovian"></div>
              <div class="description">
                (Gain 1 titanium for each Jovian tag (max 5) and influence).)
              </div>
            </div>
          </li>

          <!--GE10-->
          <li
            id="#GE10"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Strong Society
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-reds"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="tile city-tile"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC for each city tile (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE11-->
          <li
            id="#GE11"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Diversity
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-scientists"></div>
            <div class="content">
              <span style="font-size: 22px">9</span>
              <div
                class="resource-tag"
                style="
                  background: linear-gradient(
                    to bottom right,
                    green,
                    yellow,
                    red
                  );
                "
              ></div>
              <div class="influence-top"></div>
              :
              <div class="resource money">10</div>
              <div class="description">
                (Gain 10 MC if you have 9 or more different tags. Influence
                counts as unique tags.)
              </div>
            </div>
          </li>

          <!--GE12-->
          <li
            id="#GE12"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div
                class="title-global-sub-section-two background-color-global"
                style="font-size: 12px; line-height: 17px"
              >
                Interplanetary Trade
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="resource-tag tag-space"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC for each space tag (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE13-->
          <li
            id="#GE13"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Sabotage
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <div class="production-box production-box-size2a">
                <div class="minus"></div>
                <div class="production energy"></div>
                <div class="production steel"></div>
              </div>
              <div class="resource steel" style="margin-left: 15px"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (Decrease steel and energy production 1 step each. Gain 1 steel
                per influence.)
              </div>
            </div>
          </li>

          <!--GE14-->
          <li
            id="#GE14"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Snow <br />
                Cover
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-kelvinists"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="resource card" style="margin-left: 15px"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (Decrease temperature 2 steps. Draw 1 card per influence.)
              </div>
            </div>
          </li>

          <!--GE15-->
          <li
            id="#GE15"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Mud <br />
                Slides
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="resource money">-4</div>
              /
              <div class="tile ocean-tile"></div>
              <div class="tile" style="margin-left: -5px"></div>
              <div class="description">
                (Lose 4 MC for each tile adjacent to ocean (max 5, then reduced
                by influence).)
              </div>
            </div>
          </li>

          <!--GE16-->
          <li
            id="#GE16"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Dry <br />
                Deserts
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-reds"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="tile ocean-tile"></div>
              <div class="resource wild" style="margin-left: 20px"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (First player removes 1 ocean tile from the gameboard. Gain 1
                standard resource per influence.)
              </div>
            </div>
          </li>

          <!--GE17-->
          <li
            id="#GE17"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Homeworld <br />
                Support
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-reds"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="resource-tag tag-earth"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC for each Earth tag (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE18-->
          <li
            id="#GE18"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Solar <br />Flare
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-kelvinists"></div>
            <div class="content">
              <div class="resource money">-3</div>
              /
              <div class="resource-tag tag-space"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose 3 MC for each Space tag (max 5, then reduced by
                influence).)
              </div>
            </div>
          </li>

          <!--GE19-->
          <li
            id="#GE19"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Spin-off<br />
                Products
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-greens"></div>
            <div class="party party-bottom party-scientists"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="resource-tag tag-science"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC for each Science tag (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE20-->
          <li
            id="#GE20"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                War on<br />Earth
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-kelvinists"></div>
            <div class="content">
              <div class="minus"></div>
              <span style="font-size: 22px">4</span>
              <div class="tile rating"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Reduce TR 4 steps. Eech influence prevents 1 step.)
              </div>
            </div>
          </li>

          <!--GE21-->
          <li
            id="#GE21"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Global<br />Dust Storm
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div
                class="resource heat"
                style="
                  font-family: Arial, Helvetica, sans-serif;
                  font-size: 40px;
                "
              >
                X
              </div>
              <div class="resource money" style="margin-left: 20px">-2</div>
              /
              <div class="resource-tag tag-building"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose all heat. Lose 2 MC for each building tag (max 5, then
                reduced by influence).)
              </div>
            </div>
          </li>

          <!--GE22-->
          <li
            id="#GE22"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Sponsored<br />Projects
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="resource card-face">RES</div>
              :
              <div class="plus"></div>
              <div class="resource wild"></div>
              <div class="resource card" style="margin-left: 20px"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (All cards with resources on them gain 1 resource. Draw 1 card
                for each influence.)
              </div>
            </div>
          </li>

          <!--GE23-->
          <li
            id="#GE23"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Pandemic
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-greens"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content">
              <div class="resource money">-3</div>
              /
              <div class="resource-tag tag-building"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose 3 MC for each building tag (max 5, then reduced by
                influence).)
              </div>
            </div>
          </li>

          <!--GE24-->
          <li
            id="#GE24"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Successful <br />
                Organisms
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-scientists"></div>
            <div class="content">
              <div class="resource plant"></div>
              /
              <div class="production-box">
                <div class="production plant"></div>
              </div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 1 plant for each plant production (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE25-->
          <li
            id="#GE25"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Paradigm<br />Breakdown
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="resource card"></div>
              <div class="resource card"></div>
              <div class="resource money" style="margin-left: 20px">2</div>
              /
              <div class="influence"></div>
              <div class="description">
                (Discard 2 cards from hand. Gain 2 MC per influence.)
              </div>
            </div>
          </li>

          <!--GE26-->
          <li
            id="#GE26"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Revolution
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content" style="margin-top: -15px">
              <div class="resource-tag tag-earth"></div>
              <div class="plus"></div>
              <div class="influence"></div>
              <br />
              <div class="minus"></div>
              <div
                style="position: absolute; margin-top: -25px; margin-left: -3px"
              >
                1st
              </div>
              <div class="tile rating"></div>
              <div
                class="tile rating"
                style="margin-left: -5px; margin-right: 20px"
              ></div>
              <div class="minus"></div>
              <div
                style="
                  position: absolute;
                  margin-top: -25px;
                  margin-left: 134px;
                "
              >
                2nd
              </div>
              <div class="tile rating"></div>
              <div class="description">
                (Count Earth tags and ADD influence.<br />
                The player(s) with most (at least 1) loses 2 TR, and 2nd most
                (at least 1) loses 1 TR.
                <br />SOLO: Lose 2 TR if the sum is 4 or more.)
              </div>
            </div>
          </li>

          <!--GE27-->
          <li
            id="#GE27"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Solarnet Shutdown
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content">
              <div class="resource money" style="margin-left: -3px">-3</div>
              /
              <div class="resource card-face"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose 3 MC for each blue card (max 5, then reduced by
                influence).)
              </div>
            </div>
          </li>

          <!--GE28-->
          <li
            id="#GE28"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Volcanic<br />Eruptions
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-kelvinists"></div>
            <div class="content">
              <div class="tile temperature-tile"></div>
              <div class="tile temperature-tile"></div>
              <div class="production-box" style="margin-left: 15px">
                <div class="production heat"></div>
              </div>
              /
              <div class="influence"></div>
              <div class="description">
                (Increase temperature 2 steps. Increase heat production 1 step
                per influence.)
              </div>
            </div>
          </li>

          <!--GE29-->
          <li
            id="#GE29"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Celebrity<br />Leaders
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="resource-tag tag-event"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC for each event played (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE30-->
          <li
            id="#GE30"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Riots
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <div class="resource money">-4</div>
              /
              <div class="tile city-tile"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Lose 4 MC for each city tile (max 5, then reduced by
                influence).)
              </div>
            </div>
          </li>

          <!--GE31-->
          <li
            id="#GE31"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div
                class="title-global-sub-section-three background-color-global"
              >
                Aquifer Released by Public Council
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="tile ocean-tile" style="margin-right: 25px"></div>
              <div class="resource plant"></div>
              <div class="resource steel"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (First player places an ocean tile. Gain 1 plant and 1 steel per
                influence.)
              </div>
            </div>
          </li>

          <!--GE01-->
          <li
            id="#GE01"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil"
          >
            <div class="title-global">
              <div class="title-global-sub-section-one background-color-global">
                Election
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div class="party party-top party-greens"></div>
            <div class="party party-bottom party-mars-first"></div>
            <div class="content" style="margin-top: -15px">
              <div class="influence"></div>
              <div class="plus"></div>
              <div class="resource-tag tag-building"></div>
              <div class="plus"></div>
              <div class="tile city-tile"></div>
              <br />
              1st
              <div class="tile rating"></div>
              <div class="tile rating" style="margin-left: -5px"></div>
              2nd
              <div class="tile rating"></div>
              <div class="description">
                (Count your influence plus building tags and city tiles (no
                limits). The player with most (or 10 in solo) gains 2 TR, the
                2nd (or counting 5 in solo) gains 1 TR.)<br />(ties are
                friendly)
              </div>
            </div>
          </li>

          <!--GE32-->
          <li
            id="#GE32"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil promo venusNext"
          >
            <div class="title-global">
              <div
                class="title-global-sub-section-two background-color-global"
                style="font-size: 12px; line-height: 17px"
              >
                Venus Infrastructure
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div
              class="venus-icon"
              style="position: absolute; margin-top: 135px; margin-left: 9px"
            ></div>
            <div
              class="promo-icon"
              style="position: absolute; margin-top: 111px; margin-left: 9px"
            ></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="resource money">2</div>
              /
              <div class="resource-tag tag-venus"></div>
              <div class="influence-top"></div>
              <div class="description">
                (Gain 2 MC per Venus Tag (max 5) and influence.)
              </div>
            </div>
          </li>

          <!--GE33-->
          <li
            id="#GE33"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil colonies promo"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Jovian Tax Rights
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div
              class="colonies-icon"
              style="position: absolute; margin-top: 135px; margin-left: 9px"
            ></div>
            <div
              class="promo-icon"
              style="position: absolute; margin-top: 111px; margin-left: 9px"
            ></div>
            <div class="party party-top party-scientists"></div>
            <div class="party party-bottom party-unity"></div>
            <div class="content">
              <div class="production-box">
                <div class="production money">1</div>
              </div>
              /
              <div
                class="tile colony"
                style="margin-right: 20px; margin-left: -10px"
              ></div>
              <div class="resource titanium"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (Increase MC production 1 step for each colony. Gain 1 titanium
                for each influence.)
              </div>
            </div>
          </li>

          <!--GE34-->
          <li
            id="#GE34"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil colonies promo"
          >
            <div class="title-global">
              <div
                class="title-global-sub-section-three background-color-global"
              >
                Microgravity Health Problems
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div
              class="colonies-icon"
              style="position: absolute; margin-top: 135px; margin-left: 9px"
            ></div>
            <div
              class="promo-icon"
              style="position: absolute; margin-top: 111px; margin-left: 9px"
            ></div>
            <div class="party party-top party-mars-first"></div>
            <div class="party party-bottom party-scientists"></div>
            <div class="content">
              <div class="resource money">-3</div>
              /
              <div class="tile colony"></div>
              <div class="influence-top" style="margin-left: -15px"></div>
              <div class="description">
                (Lose 3 MC for each colony (max 5), then reduced by influence.)
              </div>
            </div>
          </li>

          <!--GE35-->
          <li
            id="#GE35"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil colonies venusNext promo"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Cloud Societies
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div
              class="venus-icon"
              style="position: absolute; margin-top: 135px; margin-left: 9px"
            ></div>
            <div
              class="colonies-icon"
              style="position: absolute; margin-top: 111px; margin-left: 9px"
            ></div>
            <div
              class="promo-icon"
              style="position: absolute; margin-top: 87px; margin-left: 9px"
            ></div>
            <div class="party party-top party-unity"></div>
            <div class="party party-bottom party-reds"></div>
            <div class="content">
              <div class="resource card-face">
                <div class="card-icon floater" style="border-radius: 0"></div>
              </div>
              :
              <div class="resource floater"></div>
              <div class="resource floater" style="margin-left: 20px"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (Add a floater to each card <br />
                that can collect floaters. <br />
                Add 1 floater for each <br />
                influence to a card.)
              </div>
            </div>
          </li>

          <!--GE36-->
          <li
            id="#GE36"
            onclick="getClickedCard();"
            class="filterDiv global-card turmoil venusNext colonies promo"
          >
            <div class="title-global">
              <div class="title-global-sub-section-two background-color-global">
                Corrosive Rain
              </div>
            </div>
            <div class="turmoil-icon global-icon"></div>
            <div
              class="venus-icon"
              style="position: absolute; margin-top: 135px; margin-left: 9px"
            ></div>
            <div
              class="colonies-icon"
              style="position: absolute; margin-top: 111px; margin-left: 9px"
            ></div>
            <div
              class="promo-icon"
              style="position: absolute; margin-top: 87px; margin-left: 9px"
            ></div>
            <div class="party party-top party-kelvinists"></div>
            <div class="party party-bottom party-greens"></div>
            <div class="content">
              <div class="minus"></div>
              <div class="resource floater"></div>
              <div class="resource floater"></div>
              OR
              <div class="resource money">-10</div>
              <br />
              <div class="resource card"></div>
              /
              <div class="influence"></div>
              <div class="description">
                (Lose 2 floaters from a card,<br />
                or lose 10MC.<br />
                Draw 1 card for each influence.)
              </div>
            </div>
          </li>
        </ul>

        <button
          id="button-load-more"
          class="button button2 btn-load-more"
          onClick="displayCards()"
        >
          LOAD MORE
        </button>
      </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="js/odometer.js"></script>
    <script src="js/myscripts.js"></script>
  </body>
</html>