/* Region build context: green = actually unlocked, gold = planned, red = excluded by the locked-in three-region build. */
#buildView #actualRegions .regionToggle{
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease,filter .16s ease,transform .16s ease;
}

/* Confirmed/default region state. */
#buildView #actualRegions .regionToggle.ll-region-selected{
  border-color:rgba(85,217,138,.82)!important;
  background:linear-gradient(180deg,rgba(17,55,38,.92),rgba(10,31,23,.95))!important;
  box-shadow:0 0 0 1px rgba(85,217,138,.18),0 0 18px rgba(85,217,138,.16),inset 0 1px 0 rgba(143,255,188,.05)!important;
}
#buildView #actualRegions .regionToggle.ll-region-selected .regionName{color:#e1ffeb!important}
#buildView #actualRegions .regionToggle.ll-region-selected .regionStatus{color:#65e99b!important}

/* A build choice is selected, but the region has not actually been unlocked yet. */
#buildView #actualRegions .regionToggle.ll-region-planned{
  border-color:rgba(242,198,107,.92)!important;
  background:linear-gradient(180deg,rgba(58,47,18,.88),rgba(30,25,12,.95))!important;
  box-shadow:0 0 0 1px rgba(242,198,107,.16),0 0 20px rgba(242,198,107,.15),inset 0 1px 0 rgba(255,229,157,.05)!important;
}
#buildView #actualRegions .regionToggle.ll-region-planned .regionName{color:#fff1c5!important}
#buildView #actualRegions .regionToggle.ll-region-planned .regionStatus{color:#f6ca6a!important;font-weight:900!important}

/* Three optional choices are already committed to the plan, or all six regions are unlocked. */
#buildView #actualRegions .regionToggle.ll-region-cap-locked{
  border-color:rgba(237,116,128,.78)!important;
  background:linear-gradient(180deg,rgba(58,20,27,.84),rgba(31,12,17,.94))!important;
  box-shadow:0 0 0 1px rgba(237,116,128,.09),0 0 14px rgba(225,81,95,.08)!important;
  opacity:.72!important;
  cursor:not-allowed!important;
  filter:saturate(.68)!important;
}
#buildView #actualRegions .regionToggle.ll-region-cap-locked .regionName{color:#e8bcc1!important}
#buildView #actualRegions .regionToggle.ll-region-cap-locked .regionStatus{color:#ff8d98!important;font-weight:900!important}
#buildView #actualRegions .regionToggle.ll-region-cap-locked:hover{transform:none!important}

/* Make the three route-order selectors visually read as planned build choices too. */
#buildView #plannedRegions .plannedRegionCard{
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#buildView #plannedRegions .plannedRegionCard.ll-region-plan-filled{
  border-color:rgba(242,198,107,.62)!important;
  background:linear-gradient(180deg,rgba(40,34,18,.44),rgba(12,21,30,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,231,166,.035)!important;
}
#buildView #plannedRegions .plannedRegionCard.ll-region-plan-filled .plannedRegionIndex strong{color:#f4c866!important}
#buildView #plannedRegions.ll-region-plan-complete .plannedRegionCard.ll-region-plan-filled{
  border-color:rgba(242,198,107,.76)!important;
}