:root {
  --pane-w: min(92vw, 280px);
  --pane-bg: rgba(0,0,0,.7);
  --pane-fg: #e2e8f0;
  --shadow: 0 20px 40px rgba(0,0,0,.5);
  --overlayleft: 83vw;
}

body {
  font-family: 'Cinzel', serif;
  overflow-y: scroll;
}

.disable-scrollbars::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}

.disable-scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

#swap_button button {
  cursor: pointer;
  display: block;
  width: 180px;
  margin: 0 auto;
  padding: 10px;
  border: 1px SOLID #999;
  border-radius: 10px;
  color: #eee;
  background-color: rgba(12, 192, 32, 0.7);
}

#swap_button button #swap_button button:hover {
  color: #fff;
  border: 1px SOLID #CCC;
}

.bomchron-coverimage {
  color: #FFF;
  text-shadow: 0 0 7px #000;
  display: block;
  background: url(/Portals/0/Images/BOMChron_Background_repeat.jpg) repeat-y;
  background-position: center top;
  background-size: cover;
  padding: 10% 0;
  margin: -52px auto 0;
  text-align: center;
  width: 100%;
  height: 90vh;
}

#bomchron-game-root {
  color: #FFF;
  text-align: center;
  background-color: #3e5b21;
  padding: 4rem 0 2rem 0;
  margin: -3.3rem 0 0 0;
  display: block;
  width: 100%;
  justify-content: center;
}

.bomchron-game-logo {
  padding: 30px auto;
  margin: 0 auto;
  width: 300px;
  height: 140px;
  background: url(/portals/0/images/BOMChron_Logo_Web_03.png) no-repeat;
  background-size: contain;
}

#BOMChronLoader {
  display: flex;
  width: 100%;
  height: 30vh;
  padding: 0 42%;
  align-items: center;
}

.bomchron-loader {
  position: fixed;
  top: 25%;
  left: auto;
  width: 280px;
  height: 240px;
  background: url(../images/loading.gif) no-repeat center center;
  z-index: 9999;
  color: #fff;
  padding: 93px 40px;
  margin: 0 auto;
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  background-color: rgba(12, 32, 12, 0.5);
}

.hidden { display: none!important; }

.bomchron-version {
  position: relative;
  margin-top:9px;
}

.bomchron-version p {
  font-size: .8em!important;
}

.bomchron-tabs {
  position: fixed;
  top: 9%;
  left: calc(var(--overlayleft) - (40px));
  justify-content: left;
  align-items: left;
  gap: 10px;
  padding: 5px;
  width: 40px;
  background-color: rgba(34, 34, 34, 0.7);
  border-radius: 10px;
}

.bomchron-tabs ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-items: center;
  align-items: center;
  gap: 10px;
}

.bomchron-tabs ul li , .bomchron-tabs div {
  list-style-type: none;
  width: 30px;
  height: 30px;
  border: 1px DASHED #696;
  border-radius: 10px;
}

.bomchron-slider.close, .bomchron-slider.open {
  transition: all 0.5s ease-in-out;
}

div.close-slider {
  width: 30px;
  height: 30px;
  background: url(../images/tabs/close.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-bottom: 10px;
}

div.open-slider {
  width: 30px;
  height: 30px;
  background: url(../images/tabs/open.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  margin-bottom: 10px;
}

li.civil-tab {
  background: url(../images/tabs/civilian.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

li.infra-tab {
  background: url(../images/tabs/infrastructure.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

li.milit-tab {
  background: url(../images/tabs/military.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

li.relig-tab {
  background: url(../images/tabs/religious.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

li.strat-tab {
  background: url(../images/tabs/strategic.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.bomchron-palette {
  position: fixed;
  top: 9%;
  left: var(--overlayleft);
  justify-content: left;
  align-items: left;
  gap: 10px;
  padding: 5px;
  width: 19%;
  max-width: 300px;
  background-color: rgba(34, 34, 34, 0.7);
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}

.bomchron-palette .unit {
  margin: 3px;
  padding: 7px 0 0 0;
  vertical-align: middle;
  border: 1px DASHED #696;
  border-radius: 10px;
  color: #eee;
  cursor: grab;
  display:inline-flex;
  width: 47%;
  transition: visibility 0.5s ease-in-out;
}

.bomchron-palette .unit:hover {
  background-color: rgba(12, 12, 12, 0.5);
  border: 1px DASHED #CCC;
  color: #fff;
}

.bomchron-palette p {
  margin: 0 !important;
  padding: 5px 0;
}

.bomchron-tabs, .bomchron-palette {
  transition: all 0.5s ease-in-out;
}

/* Civilian Unit Styles */
.farmer {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farmer.png) no-repeat; background-size: contain;}
.miller {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/miller.png) no-repeat; background-size: contain;}
.weaver {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/weaver.png) no-repeat; background-size: contain;}
.hunter {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.fisher {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.mason {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.cooper {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.armourer {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.carpenter {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
.potter {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/hunter.png) no-repeat; background-size: contain;}
/* Infrastructure Unit Styles */
.home {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farm.png) no-repeat; background-size: contain;}
.farm {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farm.png) no-repeat; background-size: contain;}
.mill {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/mill.png) no-repeat; background-size: contain;}
.roads {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/roads.png) no-repeat; background-size: contain;}
.boat {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/boat.png) no-repeat; background-size: contain;}
.raft {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farm.png) no-repeat; background-size: contain;}
.ditch {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farm.png) no-repeat; background-size: contain;}
.moat {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/farm.png) no-repeat; background-size: contain;}
.village {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/village.png) no-repeat; background-size: contain;}
.city {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/city.png) no-repeat; background-size: contain;}
/* Military Unit Styles */
.soldier {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/soldier.png) no-repeat; background-size: contain;}
.garrison {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/soldier.png) no-repeat; background-size: contain;}
.chariot {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/soldier.png) no-repeat; background-size: contain;}
.army {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/soldier.png) no-repeat; background-size: contain;}
/* Religious Unit Styles */
.prophet {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.synagogue {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.temple {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.missionary {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
/* Strategic Unit Styles */
.attack {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.retreat {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.spy {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
.defend {width:30px;height:30px;margin:-5px 7px;background: url(../images/units/prophet.png) no-repeat; background-size: contain;}
/* Unit Category Styles */
.civilian {background-color: rgba(0, 64, 0, 0.5)}
.infrastructure {background-color: rgba(92, 64, 64, 0.5)}
.military {background-color: rgba(64, 0, 0, 0.5)}
.religious {background-color: rgba(32, 0, 32, 0.5)}
.strategic {background-color: rgba(32, 32, 32, 0.5)}

/* Tile Styles */
.meadow {background: #38610f url(../images/tiles/meadow.png) no-repeat;}
.field {background: #38610f url(../images/tiles/field.png) no-repeat;}
.hills {background: #466613 url(../images/tiles/hills.png) no-repeat;}
.low-mountains {background: #466613 url(../images/tiles/low-mountains.png) no-repeat;}
.high-mountains {background: #466613 url(../images/tiles/high-mountains.png) no-repeat;}
.sea {background: #031693 url(../images/tiles/sea.png) no-repeat;}
.river {background: #1366a3 url(../images/tiles/river.png) no-repeat;}
.desert {background: #c39710 url(../images/tiles/desert.png) no-repeat;}
.sandy-rocks {background: #628221 url(../images/tiles/sandy-rocks.png) no-repeat;}
.rocks {background: #525221 url(../images/tiles/rocks.png) no-repeat;}
.forest {background: #036710 url(../images/tiles/forest.png) no-repeat;}
.marsh {background: #139710 url(../images/tiles/marsh.png) no-repeat;}
.swamp {background: #139750 url(../images/tiles/swamp.png) no-repeat;}
.wasteland {background: #639710 url(../images/tiles/wasteland.png) no-repeat;}
.jungle {background: #037700 url(../images/tiles/jungle.png) no-repeat;}
.orchard {background: #139710 url(../images/tiles/orchard.png) no-repeat;}

#game_menu {
  display: inline-flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 22%;
  padding: 10px;
  z-index: 999;
  background-color: rgba(34, 34, 34, 0.7);
}

#BOMChronGameboard {
  margin: 0 auto;
  padding: 0;
  width: 98%;
  list-style-type: none;
  display: grid;
  grid-gap: 1.8em 2.1em;
}

#BOMChronGameboard li {
  position: relative;
  grid-column: 2/span 1;
  grid-row: calc(var(--rowcounter) + var(--rowcounter))/span 2;
  filter: drop-shadow(0 0 1rem rgba(0, 33, 0, 0.5));
  height: 0;
  padding-bottom: 60%;
  margin-bottom: 30px;
}

#BOMChronGameboard li div {
  position: absolute;
  height: 100%;
  width: 100%;
  clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4.4em 4.4em;
  text-decoration: none;
  text-align: center;
  transition: transform 1s ease-out;
  background-size: cover;
}

#BOMChronGameboard li div:hover {
  cursor: pointer;
  background-color: #88cc88;
  transform: scale(1.1);
}

#BOMChronGameboard li div:active {
  background-color: #ffffff;
}

@media screen and (min-width: 2880px) and (max-width: 3840px) {
  #BOMChronGameboard {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style-type: none;
    display: grid;
    grid-gap: 3em 4em;
  }
  #BOMChronGameboard li {
    position: relative;
    grid-column: 2/span 1;
    grid-row: calc(var(--rowcounter) + var(--rowcounter))/span 2;
    filter: drop-shadow(0 0 1rem rgba(0, 33, 0, 0.5));
    height: 0;
    padding-bottom: 50%;
    margin-bottom: 2em;
  }
  #BOMChronGameboard li div {
    position: absolute;
    height: 100%;
    width: 100%;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3em 4em;
    text-decoration: none;
    text-align: center;
    transition: transform 1s ease-out;
    background-size: cover;
  }
}
@media screen and (min-width: 1440px) and (max-width: 2879px) {
  #BOMChronGameboard {
    --amount: 13;
    --rowcounter: 1;
  }
  #BOMChronGameboard li:nth-of-type(13n + 1) {
    grid-column: 1/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 2) {
    grid-column: 3/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 3) {
    grid-column: 5/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 4) {
    grid-column: 7/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 5) {
    grid-column: 9/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 6) {
    grid-column: 11/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 7) {
    grid-column: 13/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 8) {
    grid-column: 15/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 9) {
    grid-column: 17/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 10) {
    grid-column: 19/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 11) {
    grid-column: 21/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 12) {
    grid-column: 23/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 13) {
    grid-column: 25/span 3;
  }
  /*1st row is 1*/
  /*2nd row is 14 (1 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 14) {
    --rowcounter: 2;
  }
  /*3rd row begins at 27 (2 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 27) {
    --rowcounter: 3;
  }
  /*4th row begins at 40 (3 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 40) {
    --rowcounter: 4;
  }
  /*5th row begins at 53 (4 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 53) {
    --rowcounter: 5;
  }
  /*6th row begins at 66 (5 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 66) {
    --rowcounter: 6;
  }
  /*7th row begins at 79 (6 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 79) {
    --rowcounter: 7;
  }
  /*8th row begins at 92 (7 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 92) {
    --rowcounter: 8;
  }
  /*9th row begins at 105 (8 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 105) {
    --rowcounter: 9;
  }
  /*10th row begins at 118 (9 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 118) {
    --rowcounter: 10;
  }
  /*11th row begins at 131 (10 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 131) {
    --rowcounter: 11;
  }
  /*12th row begins at 144 (11 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 144) {
    --rowcounter: 12;
  }
  /*13th row begins at 157 (12 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 157) {
    --rowcounter: 13;
  }
}
@media screen and (min-width: 920px) and (max-width: 1439px) {
  #BOMChronGameboard {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style-type: none;
    display: grid;
    grid-gap: 30px 40px;
  }
  #BOMChronGameboard li {
    position: relative;
    grid-column: 2/span 1;
    grid-row: calc(var(--rowcounter) + var(--rowcounter))/span 2;
    filter: drop-shadow(0 0 1rem rgba(0, 33, 0, 0.5));
    height: 0;
    padding-bottom: 40%;
    margin-bottom: 20px;
  }
  #BOMChronGameboard li div {
    position: absolute;
    height: 100%;
    width: 100%;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 51px 59px;
    text-decoration: none;
    text-align: center;
    transition: transform 1s ease-out;
    background-size: cover;
  }
}
@media screen and (min-width: 500px) and (max-width: 919px) {
  #BOMChronGameboard {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style-type: none;
    display: grid;
    grid-gap: 30px 40px;
  }
  #BOMChronGameboard li {
    position: relative;
    grid-column: 2/span 1;
    grid-row: calc(var(--rowcounter) + var(--rowcounter))/span 2;
    filter: drop-shadow(0 0 1rem rgba(0, 33, 0, 0.5));
    height: 0;
    padding-bottom: 30%;
    margin-bottom: 10px;
  }
  #BOMChronGameboard li div {
    position: absolute;
    height: 100%;
    width: 100%;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 41px 49px;
    text-decoration: none;
    text-align: center;
    transition: transform 1s ease-out;
    background-size: cover;
  }
}
@media screen and (min-width: 240px) and (max-width: 499px) {
  body {
    font-size: .7em;
  }
  .bomchron-game-logo {
    margin: 1em auto;
    width: 150px;
    height: 50px;
  }
  #bomchron-game-root {
    overflow:scroll;
    align-content: center;
  }
  #BOMChronGameboard {
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1em 1.5em;
  }
  #BOMChronGameboard li {
    position: relative;
    grid-column: 2/span 1;
    grid-row: calc(var(--rowcounter) + var(--rowcounter))/span 2;
    filter: drop-shadow(0 0 1rem rgba(0, 33, 0, 0.5));
    height: 0;
    padding-bottom: 20%;
    margin-bottom: .3em;
  }
  #BOMChronGameboard li div {
    position: absolute;
    height: 100%;
    width: 100%;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em 1.3em;
    text-decoration: none;
    text-align: center;
    transition: transform 1s ease-out;
    background-size: cover;
  }
  #BOMChronGameboard {
    --amount: 13;
    --rowcounter: 1;
  }
  #BOMChronGameboard li:nth-of-type(13n + 1) {
    grid-column: 1/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 2) {
    grid-column: 3/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 3) {
    grid-column: 5/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 4) {
    grid-column: 7/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 5) {
    grid-column: 9/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 6) {
    grid-column: 11/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 7) {
    grid-column: 13/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 8) {
    grid-column: 15/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 9) {
    grid-column: 17/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 10) {
    grid-column: 19/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 11) {
    grid-column: 21/span 3;
  }
  #BOMChronGameboard li:nth-of-type(13n + 12) {
    grid-column: 23/span 3;
    grid-row: calc(var(--rowcounter) + var(--rowcounter) - 1)/span 2;
  }
  #BOMChronGameboard li:nth-of-type(13n + 13) {
    grid-column: 25/span 3;
  }
  /*1st row is 1*/
  /*2nd row is 14 (1 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 14) {
    --rowcounter: 2;
  }
  /*3rd row begins at 27 (2 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 27) {
    --rowcounter: 3;
  }
  /*4th row begins at 40 (3 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 40) {
    --rowcounter: 4;
  }
  /*5th row begins at 53 (4 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 53) {
    --rowcounter: 5;
  }
  /*6th row begins at 66 (5 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 66) {
    --rowcounter: 6;
  }
  /*7th row begins at 79 (6 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 79) {
    --rowcounter: 7;
  }
  /*8th row begins at 92 (7 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 92) {
    --rowcounter: 8;
  }
  /*9th row begins at 105 (8 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 105) {
    --rowcounter: 9;
  }
  /*10th row begins at 118 (9 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 118) {
    --rowcounter: 10;
  }
  /*11th row begins at 131 (10 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 131) {
    --rowcounter: 11;
  }
  /*12th row begins at 144 (11 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 144) {
    --rowcounter: 12;
  }
  /*13th row begins at 157 (12 x 13 + 1)*/
  #BOMChronGameboard li:nth-of-type(n + 157) {
    --rowcounter: 13;
  }
}

/*# sourceMappingURL=bomchron.css.map */