div#researchboardwrapper {
  left: 422px;
  top: 5px;
  width: 1139px;
  height: 861px;
  border: 1px solid white;
  background-color:black;
  z-index: 1;
  /* display: none; */
}

/* Research Track */

div#researchtrackwrapper {
  left: 5px;
  top: 206px;
  width: 720px;
  height: 460px;
  border: 1px solid white;
}

div.tracklevel0 {
  bottom: 0px;
  width: 100%;
  height: 36px;
  border-top: 1px solid white;
}

div.tracklevel1 {
  bottom: 37px;
  width: 100%;
  height: 64px;
  border-top: 1px solid white;
}

div.tracklevel2 {
  bottom: 102px;
  width: 100%;
  height: 64px;
}

div.trackpowerline {
  bottom: 167px;
  width: 100%;
  height: 19px;
  background-color: #b200ff;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

div.tracklevel3 {
  bottom: 188px;
  width: 100%;
  height: 64px;
  border-top: 1px solid white;
}

div.tracklevel4 {
  bottom: 253px;
  width: 100%;
  height: 90px;
  border-top: 1px solid white;
}

div.tracklevel5 {
  top: 0px;
  width: 100%;
  height: 116px;
}

div.researchmarkerwrapper {
  bottom: 7px;
  height: 22px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 6px;
}

div.researchmarker {
  position: relative;
  width: 19px;
  height: 19px;
  border-radius: 12px;
  border: 2px solid black;
}

div.tracklevel5 div.researchmarkerwrapper {
  bottom: 68px;
}

/* Terra */

div#track_Terra {
  width: 120px;
  height: 100%;
  background-color: #7b4f40;
}

div#track_Terra.activated:hover {
  background-color: #d88c72;
}

div#track_Terra div.tracklevel1 div.text, div#track_Terra div.tracklevel4 div.text {
  bottom: 34px;
  left: 40px;
}
div#track_Terra div.tracklevel1 div.text div.ore, div#track_Terra div.tracklevel4 div.text div.ore {
  top: 1px;
  left: 18px;
}
div#track_Terra div.tracklevel2 div.text, div#track_Terra div.tracklevel3 div.text {
  bottom: 34px;
  left: 40px;
}
div#track_Terra div.tracklevel2 div.text div.terraform, div#track_Terra div.tracklevel3 div.text div.terraform {
  top: 1px;
  left: -24px;
}
div#track_Terra div.tracklevel2 div.text div.ore, div#track_Terra div.tracklevel3 div.text div.ore {
  top: 1px;
  left: 36px;
}
div#track_Terra div.tracklevel5 div.fed {
  top: 1px;
  left: 29px;
}
div#track_Terra div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.fed { display: none; }

/* Nav */

div#track_Nav {
  left: 120px;
  width: 120px;
  height: 100%;
  background-color: #6c84a3;
}

div#track_Nav.activated:hover {
  background-color: #94b5dd;
}

div#track_Nav div.tracklevel1 div.qic, div#track_Nav div.tracklevel3 div.qic {
  top: 5px;
  left: 51px;
}
div#track_Nav div.tracklevel2 div.text, div#track_Nav div.tracklevel4 div.text {
  bottom: 34px;
  left: 36px;
}
div#track_Nav div.tracklevel2 div.text div.range, div#track_Nav div.tracklevel4 div.text div.range {
  top: 0px;
  left: 16px;
}
div#track_Nav div.tracklevel5 div.text {
  bottom: 66px;
  left: 74px;
}
div#track_Nav div.tracklevel5 div.text div.range {
  top: 0px;
  left: 16px;
}
div#track_Nav div.tracklevel5 div.lostplanet {
  top: 5px;
  left: 5px;
  width: 64px;
  height: 64px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url('lostplanet.png');
}
div#track_Nav div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.text { display: none; }
div#track_Nav div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.lostplanet { display: none; }

/* AI */

div#track_AI {
  left: 240px;
  width: 120px;
  height: 100%;
  background-color: #53a235;
}

div#track_AI.activated:hover {
  background-color: #73db4a;
}

div#track_AI div.tracklevel1 div.qic, div#track_AI div.tracklevel2 div.qic {
  top: 5px;
  left: 51px;
}
div#track_AI div.tracklevel3 div.text, div#track_AI div.tracklevel4 div.text {
  bottom: 34px;
  left: 40px;
}
div#track_AI div.tracklevel5 div.text {
  bottom: 66px;
  left: 40px;
}
div#track_AI div.tracklevel3 div.text div.qic, div#track_AI div.tracklevel5 div.text div.qic,div#track_AI div.tracklevel4 div.text div.qic {
  top: 1px;
  left: 18px;
}
div#track_AI div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.text { display: none; }

/* Gaia */

div#track_Gaia {
  left: 360px;
  width: 120px;
  height: 100%;
  background-color: #a81874;
}

div#track_Gaia.activated:hover {
  background-color: #ef23a8;
}

div#track_Gaia div.tracklevel1 div.gaiaformer, div#track_Gaia div.tracklevel3 div.gaiaformer, div#track_Gaia div.tracklevel4 div.gaiaformer {
  bottom: 31px;
  left: 12px;
}
div#track_Gaia div.tracklevel1 div.text, div#track_Gaia div.tracklevel3 div.text, div#track_Gaia div.tracklevel4 div.text {
  bottom: 34px;
  left: 56px;
}
div#track_Gaia div.tracklevel1 div.text div.powertoken, div#track_Gaia div.tracklevel3 div.text div.powertoken, div#track_Gaia div.tracklevel4 div.text div.powertoken {
  top: 1px;
  left: 38px;
}
div#track_Gaia div.tracklevel2 div.text {
  bottom: 34px;
  left: 44px;
}
div#track_Gaia div.tracklevel2 div.text div.powertoken {
  top: 1px;
  left: 16px;
}
div#track_Gaia div.tracklevel5 div.text {
  bottom: 66px;
  left: 40px;
}
div#track_Gaia div.tracklevel5 div.text div.vp4 {
  top: 1px;
  left: -24px;
}
div#track_Gaia div.tracklevel5 div.text div.vp1 {
  top: 1px;
  left: 16px;
}
div#track_Gaia div.tracklevel5 div.text div.gaiaplanet {
  top: -1px;
  left: 46px;
  width: 24px;
  height: 24px;
  background-image: url('planet_gaia.png');
  background-size: 100%;
  background-position:center;
}
div#track_Gaia div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.text { display: none; }

/* Econ */

div#track_Econ {
  left: 480px;
  width: 120px;
  height: 100%;
  background-color: #f0a108;
}

div#track_Econ.activated:hover {
  background-color: #efc069;
}

div#track_Econ div.tracklevel1 div.text {
  bottom: 34px;
  left: 18px;
}
div#track_Econ div.tracklevel1 div.text div.credit {
  top: 1px;
  left: 28px;
}
div#track_Econ div.tracklevel1 div.text div.powercharge {
  top: 1px;
  left: 66px;
}
div#track_Econ div.tracklevel2 div.text, div#track_Econ div.tracklevel3.cond_pw div.text, div#track_Econ div.tracklevel4.cond_pw div.text {
  bottom: 34px;
  left: 2px;
}
div#track_Econ div.tracklevel2 div.text div.credit, div#track_Econ div.tracklevel3.cond_pw div.text div.credit, div#track_Econ div.tracklevel4.cond_pw div.text div.credit {
  top: 1px;
  left: 28px;
}
div#track_Econ div.tracklevel2 div.text div.ore, div#track_Econ div.tracklevel3.cond_pw div.text div.ore, div#track_Econ div.tracklevel4.cond_pw div.text div.ore {
  top: 1px;
  left: 63px;
}
div#track_Econ div.tracklevel2 div.text div.powercharge, div#track_Econ div.tracklevel3.cond_pw div.text div.powercharge, div#track_Econ div.tracklevel4.cond_pw div.text div.powercharge {
  top: 1px;
  left: 98px;
}
div#track_Econ div.tracklevel3.cond_vp div.text, div#track_Econ div.tracklevel4.cond_vp div.text {
  bottom: 34px;
  left: 4px;
}
div#track_Econ div.tracklevel3.cond_vp div.text div.credit, div#track_Econ div.tracklevel4.cond_vp div.text div.credit {
  top: 1px;
  left: 28px;
}
div#track_Econ div.tracklevel3.cond_vp div.text div.ore, div#track_Econ div.tracklevel4.cond_vp div.text div.ore {
  top: 1px;
  left: 63px;
}
div#track_Econ div.tracklevel3.cond_vp div.text div.vp1, div#track_Econ div.tracklevel4.cond_vp div.text div.vp1 {
  top: 1px;
  left: 90px;
}
div#track_Econ div.tracklevel5 div.text {
  bottom: 66px;
  left: 10px;
}
div#track_Econ div.tracklevel5 div.text div.credit {
  top: 1px;
  left: 16px;
}
div#track_Econ div.tracklevel5 div.text div.ore {
  top: 1px;
  left: 51px;
}
div#track_Econ div.tracklevel5 div.text div.powercharge {
  top: 1px;
  left: 86px;
}
div#track_Econ div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.text { display: none; }

/* Sci */

div#track_Sci {
  left: 600px;
  width: 120px;
  height: 100%;
  background-color: #1ea9db;
}

div#track_Sci.activated:hover {
  background-color: #22bcf4;
}

div#track_Sci div.tracklevel1 div.text, div#track_Sci div.tracklevel2 div.text, div#track_Sci div.tracklevel3 div.text, div#track_Sci div.tracklevel4 div.text {
  bottom: 34px;
  left: 34px;
}
div#track_Sci div.tracklevel1 div.text div.knowledge, div#track_Sci div.tracklevel2 div.text div.knowledge, div#track_Sci div.tracklevel3 div.text div.knowledge, div#track_Sci div.tracklevel4 div.text div.knowledge{
  top: 1px;
  left: 30px;
}
div#track_Sci div.tracklevel5 div.text {
  bottom: 66px;
  left: 40px;
}
div#track_Sci div.tracklevel5 div.text div.knowledge {
  top: 1px;
  left: 18px;
}
div#track_Sci div.tracklevel5:has(div.researchmarkerwrapper > div.researchmarker) > div.text { display: none; }

/* Common */

div#track_Common {
  left: 600px;
  top: -116px;
  width: 119px;
  height: 116px;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
}

div#track_Common div.commonadvcond {
  left: 4px;
  top: 4px;
  width: 111px;
  height: 30px;
  background-size: 100%;
  background-position: center;
}

div#track_Refuse {
  left: 606px;
  top: -110px;
  width: 107px;
  height: 102px;
  border: 1px solid white;
  background-color: black;
  display: none;
  justify-content: center;
  align-items: center;
}
div#track_Refuse.activated {
  display: flex;
}
div#track_Refuse.activated:hover { background-color: gray; }

div#adv_Terra {
  left: 14px;
  top: 73px;
}
div#adv_Nav {
  left: 134px;
  top: 73px;
}
div#adv_AI {
  left: 254px;
  top: 73px;
}
div#adv_Gaia {
  left: 374px;
  top: 73px;
}
div#adv_Econ {
  left: 494px;
  top: 73px;
}
div#adv_Sci {
  left: 614px;
  top: 73px;
}
div#adv_Common {
  left: 614px;
  top: -78px;
}

div#tech_Terra {
  top: 467px;
  left: 2px;
}
div#tech_Nav {
  top: 467px;
  left: 122px;
}
div#tech_AI {
  top: 467px;
  left: 242px;
}
div#tech_Gaia {
  top: 467px;
  left: 362px;
}
div#tech_Econ {
  top: 467px;
  left: 482px;
}
div#tech_Sci {
  top: 467px;
  left: 602px;
}
div#tech_Common1 {
  top: 560px;
  left: 62px;
}
div#tech_Common2 {
  top: 560px;
  left: 302px;
}
div#tech_Common3 {
  top: 560px;
  left: 542px;
}

div#researchtrackwrapper div.advtech.activated:hover, div#researchtrackwrapper div.tech.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

/* Fed Tokens Left */

div#fedtokenwrapper {
  top: 10px;
  left: 603px;
}
div#fedtokenwrapper div.fed.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

div#fedtokenwrapper div.fed_c.fed1 { left: 5px; }
div#fedtokenwrapper div.fed_c.fed2 { left: 15px; }
div#fedtokenwrapper div.fed_c.fed3 { left: 25px; }
div#fedtokenwrapper div.fed_o.fed1 { left: 94px; }
div#fedtokenwrapper div.fed_o.fed2 { left: 104px; }
div#fedtokenwrapper div.fed_o.fed3 { left: 114px; }
div#fedtokenwrapper div.fed_k.fed1 { left: 183px; }
div#fedtokenwrapper div.fed_k.fed2 { left: 193px; }
div#fedtokenwrapper div.fed_k.fed3 { left: 203px; }
div#fedtokenwrapper div.fed_q.fed1 { left: 272px; }
div#fedtokenwrapper div.fed_q.fed2 { left: 282px; }
div#fedtokenwrapper div.fed_q.fed3 { left: 292px; }
div#fedtokenwrapper div.fed_pwt.fed1 { left: 361px; }
div#fedtokenwrapper div.fed_pwt.fed2 { left: 371px; }
div#fedtokenwrapper div.fed_pwt.fed3 { left: 381px; }
div#fedtokenwrapper div.fed_vp.fed1 { left: 450px; }
div#fedtokenwrapper div.fed_vp.fed2 { left: 460px; }
div#fedtokenwrapper div.fed_vp.fed3 { left: 470px; }

/* Boosters */

div#boosterwrapper {
  left: 600px;
  top: 8px;
}

div#boosterwrapper > div.booster1 { right: 0px; }
div#boosterwrapper > div.booster2 { right: 68px; }
div#boosterwrapper > div.booster3 { right: 136px; }
div#boosterwrapper > div.booster4 { right: 204px; }
div#boosterwrapper > div.booster5 { right: 272px; }
div#boosterwrapper > div.booster6 { right: 340px; }
div#boosterwrapper > div.booster7 { right: 408px; }

div#boosterwrapper > div.booster.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

div#endgamewrapper {
  width: 166px;
  height: 80px;
  border: 1px solid white;
  left: 415px;
  top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div#endgamewrapper:not(.activated) {
  display: none;
}
div#endgamewrapper.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

/* Fleets */

div#fleetwrapper {
  left: 732px;
  top: 91px;
}

div#fleetwrapper div.fleet {
  width: 400px;
  height: 132px;
  border: 1px solid white;
}

div#fleetwrapper div.fleet div.shuttle { left: 6px; }
div#fleetwrapper div.fleet div.shuttle1 { top: 6px; }
div#fleetwrapper div.fleet div.shuttle2 { top: 36px; }
div#fleetwrapper div.fleet div.shuttle3 { top: 66px; }
div#fleetwrapper div.fleet div.shuttle4 { top: 96px; }

div#fleetwrapper div.fleet div.powercharge.powercharge1 { left: 5px; top: 12px; }
div#fleetwrapper div.fleet div.powercharge2 { width: 20px; left: 5px; top: 41px; color: #b200ff; }
div#fleetwrapper div.fleet div.powercharge3 { width: 20px; left: 5px; top: 71px; color: #b200ff; }
div#fleetwrapper div.fleet div.powercharge4 { width: 20px; left: 5px; top: 101px; color: #b200ff; }

div#fleetwrapper div.fleet div.shiplogo {
  width: 50px;
  height: 50px;
  background-size: 100%;
}

div#fleetwrapper div.action.poweraction.activated:hover:not(.done) { background-color: #d37cff; }
div#fleetwrapper div.action.creditaction.activated:hover:not(.done) { background-color: #ffe677; }
div#fleetwrapper div.action.knowledgeaction.activated:hover:not(.done) { background-color: #59b9ff; }
div#fleetwrapper div.action.qicaction.activated:hover:not(.done) { background-color: #70d847; }

div#fleetwrapper div.tech.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

div#fleetwrapper div.fed.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

div#fleetwrapper div.fleet div.fleetmask {
  left: 7.5%;
  width: 92.5%;
  height: 100%;
  background-color: #00000080;
  background-image: url('locked.png');
  background-position: 45.8% 4px;
  background-size: 30px;
}

/* Rebellion */

div#fleetwrapper div.fleet#Rebellion { top: 0px; }

div#Rebellion div.shiplogo {
  left: 40px;
  top: 8px;
  background-image: url('shiplogo_rebellion.png');
}
div#Rebellion div.text_action_3q {
  left: 114px;
  top: 2px;
}
div#Rebellion div.text_action_3q div.qic {
  left: 14px;
  top: 1px;
}
div#Rebellion div.Rebellion_action_3q {
  left: 100px;
  top: 24px;
}
div.Rebellion_action_3q:not(.done) {
  background-image: url('gaintech.png');
  background-size: 75% !important;
}

div#Rebellion div.text_action_3pw1o {
  left: 32px;
  top: 65px;
}
div#Rebellion div.text_action_3pw1o div.powerspend {
  left: 13px;
  top: 1px;
}
div#Rebellion div.text_action_3pw1o div.ore {
  left: 46px;
  top: 1px;
}
div#Rebellion div.Rebellion_action_3pw1o {
  left: 35px;
  top: 88px;
}
div.Rebellion_action_3pw1o:not(.done) {
  background-image: url('TS.png');
  background-size: 45% !important;
}

div#Rebellion div.text_action_2k {
  left: 114px;
  top: 65px;
}
div#Rebellion div.text_action_2k div.knowledge {
  left: 14px;
  top: 1px;
}
div#Rebellion div.Rebellion_action_2k {
  left: 100px;
  top: 88px;
}
div.Rebellion_action_2k:not(.done) div.text {
  font-size: 16px;
  left: 2px;
  top: 12px;
}
div.Rebellion_action_2k:not(.done) div.text div.credit {
  left: 10px;
  top: -1px;
}
div.Rebellion_action_2k:not(.done) div.text div.qic {
  left: 38px;
  top: -1px;
}

div#Rebellion div.fed {
  left: 183px;
  top: 34px;
}
div#Rebellion div.tech {
  left: 265px;
  top: 22px;
}

/* Eclipse */

div#fleetwrapper div.fleet#Eclipse { top: 139px; }

div#Eclipse div.shiplogo {
  left: 40px;
  top: 8px;
  background-image: url('shiplogo_eclipse.png');
}
div#Eclipse div.text_action_2q {
  left: 114px;
  top: 2px;
}
div#Eclipse div.text_action_2q div.qic {
  left: 14px;
  top: 1px;
}
div#Eclipse div.Eclipse_action_2q {
  left: 100px;
  top: 24px;
}
div.Eclipse_action_2q:not(.done) div.text {
  font-size: 16px;
  left: 18px;
  top: 2px;
}
div.Eclipse_action_2q:not(.done) div.text div.vp2 {
  left: -4px;
  top: -2px;
}
div.Eclipse_action_2q:not(.done) div.text div.vp1 {
  left: -12px;
  top: 18px;
}
div.Eclipse_action_2q:not(.done) div.text div.planettype_lostfleet {
  left: 17px;
  top: 19px;
}

div#Eclipse div.text_action_3pw2k {
  left: 32px;
  top: 65px;
}
div#Eclipse div.text_action_3pw2k div.powerspend {
  left: 13px;
  top: 1px;
}
div#Eclipse div.text_action_3pw2k div.knowledge {
  left: 46px;
  top: 1px;
}
div#Eclipse div.Eclipse_action_3pw2k {
  left: 35px;
  top: 88px;
}
div.Eclipse_action_3pw2k:not(.done) {
  background-image: url('advancetrack.png');
  background-size: 32% !important;
}

div#Eclipse div.text_action_6c {
  left: 114px;
  top: 65px;
}
div#Eclipse div.text_action_6c div.credit {
  left: 14px;
  top: 1px;
}
div#Eclipse div.Eclipse_action_6c {
  left: 100px;
  top: 88px;
}
div.Eclipse_action_6c:not(.done) {
  background-image: url('mineonasteroid.png');
  background-size: 60% !important;
}

div#Eclipse div.fed {
  left: 183px;
  top: 34px;
}
div#Eclipse div.tech {
  left: 265px;
  top: 22px;
}

/* TFMars */

div#fleetwrapper div.fleet#TFMars { top: 278px; }

div#TFMars div.shiplogo {
  left: 40px;
  top: 8px;
  background-image: url('shiplogo_tfmars.png');
}
div#TFMars div.text_action_2q {
  left: 114px;
  top: 2px;
}
div#TFMars div.text_action_2q div.qic {
  left: 14px;
  top: 1px;
}
div#TFMars div.TFMars_action_2q {
  left: 100px;
  top: 24px;
}
div.TFMars_action_2q:not(.done) div.text {
  font-size: 16px;
  left: 18px;
  top: 2px;
}
div.TFMars_action_2q:not(.done) div.text div.vp2 {
  left: -4px;
  top: -2px;
}
div.TFMars_action_2q:not(.done) div.text div.vp1 {
  left: -12px;
  top: 18px;
}
div.TFMars_action_2q:not(.done) div.text div.basetech {
  left: 17px;
  top: 19px;
}

div#TFMars div.text_action_2pw {
  left: 51px;
  top: 65px;
}
div#TFMars div.text_action_2pw div.powerspend {
  left: 13px;
  top: 1px;
}
div#TFMars div.TFMars_action_2pw {
  left: 35px;
  top: 88px;
}
div.TFMars_action_2pw:not(.done) {
  background-image: url('instagaiaform.png');
  background-size: 60% !important;
}

div#TFMars div.text_action_3c {
  left: 114px;
  top: 65px;
}
div#TFMars div.text_action_3c div.credit {
  left: 14px;
  top: 1px;
}
div#TFMars div.TFMars_action_3c {
  left: 100px;
  top: 88px;
}
div.TFMars_action_3c:not(.done) {
  background-image: url('oneterra.png');
  background-size: 40% !important;
}

div#TFMars div.fed {
  left: 183px;
  top: 34px;
}
div#TFMars div.tech {
  left: 265px;
  top: 22px;
}

/* Twilight */

div#fleetwrapper div.fleet#Twilight { top: 417px; height: 240px; }

div#Twilight div.shiplogo {
  left: 40px;
  top: 8px;
  background-image: url('shiplogo_twilight.png');
}
div#Twilight div.text_action_3q {
  left: 114px;
  top: 2px;
}
div#Twilight div.text_action_3q div.qic {
  left: 14px;
  top: 1px;
}
div#Twilight div.Twilight_action_3q {
  left: 100px;
  top: 24px;
}
div.Twilight_action_3q:not(.done) {
  background-image: url('rescorefed.png');
  background-size: 70% !important;
}

div#Twilight div.text_action_3pw2o {
  left: 32px;
  top: 65px;
}
div#Twilight div.text_action_3pw2o div.powerspend {
  left: 13px;
  top: 1px;
}
div#Twilight div.text_action_3pw2o div.ore {
  left: 46px;
  top: 1px;
}
div#Twilight div.Twilight_action_3pw2o {
  left: 35px;
  top: 88px;
}
div.Twilight_action_3pw2o:not(.done) {
  background-image: url('RL.png');
  background-size: 50% !important;
}

div#Twilight div.text_action_1k {
  left: 114px;
  top: 65px;
}
div#Twilight div.text_action_1k div.knowledge {
  left: 14px;
  top: 1px;
}
div#Twilight div.Twilight_action_1k {
  left: 100px;
  top: 88px;
}
div.Twilight_action_1k:not(.done) div.text {
  font-size: 16px;
  left: 7px;
  top: 10px;
}
div.Twilight_action_1k:not(.done) div.text div.range {
  left: 20px;
  top: -2px;
}

div#Twilight div.fed {
  left: 68px;
  top: 148px;
}

div#Twilight div.artifact0 {
  left: 170px;
  top: 2px;
  background-image: url('artifact_1k1o.png');
}
div#Twilight div.artifact1 {
  left: 276px;
  top: 48px;
  background-image: url('artifact_1k1o.png');
}
div#Twilight div.artifact2 {
  left: 170px;
  top: 96px;
  background-image: url('artifact_1k1o.png');
}
div#Twilight div.artifact3 {
  left: 276px;
  top: 144px;
  background-image: url('artifact_1k1o.png');
}
div#Twilight div.artifact.activated:hover {
  background-color: rgba(255, 255, 255, 0.5);
  background-blend-mode: lighten;
}

/* Common Power Actions */

div#commonactionwrapper {
  left: 730px;
  top: 754px;
}

div#commonactionwrapper div.action.poweraction.activated:hover:not(.done) { background-color: #d37cff; }

div#commonactionwrapper div.text_action_3k {
  left: 14px;
  top: 36px;
}
div#commonactionwrapper div.text_action_3k div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_3k {
  left: 0px;
  top: 60px;
}
div.action_3k:not(.done) div.text {
  font-size: 16px;
  left: 14px;
  top: 11px;
}
div.action_3k:not(.done) div.text div.knowledge {
  left: 12px;
  top: 0px;
}

div#commonactionwrapper div.text_action_2terra {
  left: 71px;
  top: 0px;
}
div#commonactionwrapper div.text_action_2terra div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_2terra {
  left: 57px;
  top: 24px;
}
div.action_2terra:not(.done) {
  background-image: url('twoterra.png');
  background-size: 65% !important;
}

div#commonactionwrapper div.text_action_2o {
  left: 128px;
  top: 36px;
}
div#commonactionwrapper div.text_action_2o div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_2o {
  left: 114px;
  top: 60px;
}
div.action_2o:not(.done) div.text {
  font-size: 16px;
  left: 14px;
  top: 11px;
}
div.action_2o:not(.done) div.text div.ore {
  left: 12px;
  top: -1px;
}

div#commonactionwrapper div.text_action_7c {
  left: 185px;
  top: 0px;
}
div#commonactionwrapper div.text_action_7c div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_7c {
  left: 171px;
  top: 24px;
}
div.action_7c:not(.done) div.text {
  font-size: 16px;
  left: 14px;
  top: 11px;
}
div.action_7c:not(.done) div.text div.credit {
  top: -1px;
  left: 12px;
}

div#commonactionwrapper div.text_action_2k {
  left: 242px;
  top: 36px;
}
div#commonactionwrapper div.text_action_2k div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_2k {
  left: 228px;
  top: 60px;
}
div.action_2k:not(.done) div.text {
  font-size: 16px;
  left: 14px;
  top: 11px;
}
div.action_2k:not(.done) div.text div.knowledge {
  left: 12px;
  top: 0px;
}

div#commonactionwrapper div.text_action_1terra {
  left: 299px;
  top: 0px;
}
div#commonactionwrapper div.text_action_1terra div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_1terra {
  left: 285px;
  top: 24px;
}
div.action_1terra:not(.done) {
  background-image: url('oneterra.png');
  background-size: 40% !important;
}

div#commonactionwrapper div.text_action_2pwt {
  top: 36px;
  left: 356px;
}
div#commonactionwrapper div.text_action_2pwt div.powerspend {
  left: 14px;
  top: 1px;
}
div#commonactionwrapper div.action_2pwt {
  top: 60px;
  left: 342px;
}
div.action_2pwt:not(.done) div.text {
  font-size: 16px;
  top: 11px;
  left: 14px;
}
div.action_2pwt:not(.done) div.text div.powertoken {
  left: 12px;
  top: -1px;
}

/* View Map Button */

div#viewmapbutton {
  width: 152px;
  height: 40px;
  left: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
}
div#viewmapbutton:hover { background-color: gray; }
div#viewmapbutton > p { font-size: 16px; }