/* games-css-build */
.plans__card[data-tier="settler"]   { background: linear-gradient(160deg, rgba(120, 140, 160, 0.5) 0%, rgba(120, 140, 160, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #788ca0; box-shadow: inset 0 0 0 1px rgba(120, 140, 160, 0.25); }
.plans__card[data-tier="miner"]   { background: linear-gradient(160deg, rgba(90, 150, 190, 0.5) 0%, rgba(90, 150, 190, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5a96be; box-shadow: inset 0 0 0 1px rgba(90, 150, 190, 0.25); }
.plans__card[data-tier="ranger"]   { background: linear-gradient(160deg, rgba(70, 175, 185, 0.5) 0%, rgba(70, 175, 185, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #46afb9; box-shadow: inset 0 0 0 1px rgba(70, 175, 185, 0.25); }
.plans__card[data-tier="mage"]   { background: linear-gradient(160deg, rgba(95, 180, 120, 0.5) 0%, rgba(95, 180, 120, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5fb478; box-shadow: inset 0 0 0 1px rgba(95, 180, 120, 0.25); }
.plans__card[data-tier="berserker-nc"]   { background: linear-gradient(160deg, rgba(215, 165, 60, 0.5) 0%, rgba(215, 165, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #d7a53c; box-shadow: inset 0 0 0 1px rgba(215, 165, 60, 0.25); }
.plans__card[data-tier="champion"]   { background: linear-gradient(160deg, rgba(200, 110, 70, 0.5) 0%, rgba(200, 110, 70, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #c86e46; box-shadow: inset 0 0 0 1px rgba(200, 110, 70, 0.25); }
.plans__card[data-tier="forest"]   { background: linear-gradient(160deg, rgba(120, 140, 160, 0.5) 0%, rgba(120, 140, 160, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #788ca0; box-shadow: inset 0 0 0 1px rgba(120, 140, 160, 0.25); }
.plans__card[data-tier="swamp"]   { background: linear-gradient(160deg, rgba(90, 150, 190, 0.5) 0%, rgba(90, 150, 190, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5a96be; box-shadow: inset 0 0 0 1px rgba(90, 150, 190, 0.25); }
.plans__card[data-tier="desert-nc"]   { background: linear-gradient(160deg, rgba(70, 175, 185, 0.5) 0%, rgba(70, 175, 185, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #46afb9; box-shadow: inset 0 0 0 1px rgba(70, 175, 185, 0.25); }
.plans__card[data-tier="snow-nc"]   { background: linear-gradient(160deg, rgba(95, 180, 120, 0.5) 0%, rgba(95, 180, 120, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5fb478; box-shadow: inset 0 0 0 1px rgba(95, 180, 120, 0.25); }
.plans__card[data-tier="caves"]   { background: linear-gradient(160deg, rgba(215, 165, 60, 0.5) 0%, rgba(215, 165, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #d7a53c; box-shadow: inset 0 0 0 1px rgba(215, 165, 60, 0.25); }
.plans__card[data-tier="dungeon"]   { background: linear-gradient(160deg, rgba(200, 110, 70, 0.5) 0%, rgba(200, 110, 70, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #c86e46; box-shadow: inset 0 0 0 1px rgba(200, 110, 70, 0.25); }
.plans__card[data-tier="copper-nc"]   { background: linear-gradient(160deg, rgba(120, 140, 160, 0.5) 0%, rgba(120, 140, 160, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #788ca0; box-shadow: inset 0 0 0 1px rgba(120, 140, 160, 0.25); }
.plans__card[data-tier="iron-nc"]   { background: linear-gradient(160deg, rgba(90, 150, 190, 0.5) 0%, rgba(90, 150, 190, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5a96be; box-shadow: inset 0 0 0 1px rgba(90, 150, 190, 0.25); }
.plans__card[data-tier="gold-nc"]   { background: linear-gradient(160deg, rgba(70, 175, 185, 0.5) 0%, rgba(70, 175, 185, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #46afb9; box-shadow: inset 0 0 0 1px rgba(70, 175, 185, 0.25); }
.plans__card[data-tier="tungsten"]   { background: linear-gradient(160deg, rgba(95, 180, 120, 0.5) 0%, rgba(95, 180, 120, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #5fb478; box-shadow: inset 0 0 0 1px rgba(95, 180, 120, 0.25); }
.plans__card[data-tier="obsidian-nc"]   { background: linear-gradient(160deg, rgba(215, 165, 60, 0.5) 0%, rgba(215, 165, 60, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #d7a53c; box-shadow: inset 0 0 0 1px rgba(215, 165, 60, 0.25); }
.plans__card[data-tier="crystal"]   { background: linear-gradient(160deg, rgba(200, 110, 70, 0.5) 0%, rgba(200, 110, 70, 0.12) 50%, rgba(10, 8, 18, 0.92) 100%); --tier-color: #c86e46; box-shadow: inset 0 0 0 1px rgba(200, 110, 70, 0.25); }

.plans__card[data-tier="settler"] .plans__card-btn,
.plans__card[data-tier="miner"] .plans__card-btn,
.plans__card[data-tier="ranger"] .plans__card-btn,
.plans__card[data-tier="mage"] .plans__card-btn,
.plans__card[data-tier="berserker-nc"] .plans__card-btn,
.plans__card[data-tier="champion"] .plans__card-btn,
.plans__card[data-tier="forest"] .plans__card-btn,
.plans__card[data-tier="swamp"] .plans__card-btn,
.plans__card[data-tier="desert-nc"] .plans__card-btn,
.plans__card[data-tier="snow-nc"] .plans__card-btn,
.plans__card[data-tier="caves"] .plans__card-btn,
.plans__card[data-tier="dungeon"] .plans__card-btn,
.plans__card[data-tier="copper-nc"] .plans__card-btn,
.plans__card[data-tier="iron-nc"] .plans__card-btn,
.plans__card[data-tier="gold-nc"] .plans__card-btn,
.plans__card[data-tier="tungsten"] .plans__card-btn,
.plans__card[data-tier="obsidian-nc"] .plans__card-btn,
.plans__card[data-tier="crystal"] .plans__card-btn { color: #0d0b14; }