/* games-css-build */
.plans__card[data-tier="assistant"]   { 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="janitor"]   { 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="technician"]   { 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="engineer"]   { 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="scientist"]   { 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="captain"]   { 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="cargo"]   { 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="medbay"]   { 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="engineering"]   { 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="science"]   { 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="security"]   { 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="bridge"]   { 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="ensign"]   { 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="lieutenant"]   { 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="commander"]   { 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="admiral"]   { 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="centcom"]   { 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="flagship"]   { 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="assistant"] .plans__card-btn,
.plans__card[data-tier="janitor"] .plans__card-btn,
.plans__card[data-tier="technician"] .plans__card-btn,
.plans__card[data-tier="engineer"] .plans__card-btn,
.plans__card[data-tier="scientist"] .plans__card-btn,
.plans__card[data-tier="captain"] .plans__card-btn,
.plans__card[data-tier="cargo"] .plans__card-btn,
.plans__card[data-tier="medbay"] .plans__card-btn,
.plans__card[data-tier="engineering"] .plans__card-btn,
.plans__card[data-tier="science"] .plans__card-btn,
.plans__card[data-tier="security"] .plans__card-btn,
.plans__card[data-tier="bridge"] .plans__card-btn,
.plans__card[data-tier="ensign"] .plans__card-btn,
.plans__card[data-tier="lieutenant"] .plans__card-btn,
.plans__card[data-tier="commander"] .plans__card-btn,
.plans__card[data-tier="admiral"] .plans__card-btn,
.plans__card[data-tier="centcom"] .plans__card-btn,
.plans__card[data-tier="flagship"] .plans__card-btn { color: #0d0b14; }

.plans__card.plans__card--popular[data-tier="commander"] {
  overflow: visible;
  box-shadow: 0 0 0 2px var(--tier-color), 0 0 40px rgba(70, 175, 185, 0.25), 0 12px 40px rgba(0, 0, 0, 0.4);
}

.plans__card.plans__card--popular[data-tier="commander"]:hover {
  box-shadow: 0 0 0 3px var(--tier-color), 0 0 56px rgba(70, 175, 185, 0.35), 0 20px 56px rgba(0, 0, 0, 0.5);
}

.plans__card.plans__card--popular[data-tier="commander"] .plans__card-overlay {
  border-radius: 18px;
}