/* Star Sailors Character List – Rarity backgrounds for Tier cards */

/* Base dimensions (match Character-SR/SSR) */
#starsailors-formation-preview .Character-Tier-1,
#starsailors-formation-preview .Character-Tier-2,
#starsailors-formation-preview .Character-Tier-3,
#starsailors-adventurer-list .Character-Tier-1,
#starsailors-adventurer-list .Character-Tier-2,
#starsailors-adventurer-list .Character-Tier-3,
#starsailors-battle-partners-list .Character-Tier-1,
#starsailors-battle-partners-list .Character-Tier-2,
#starsailors-battle-partners-list .Character-Tier-3,
#starsailors-assist-partners-list .Character-Tier-1,
#starsailors-assist-partners-list .Character-Tier-2,
#starsailors-assist-partners-list .Character-Tier-3 {
  width: 140px !important;
  height: 200px !important;
  margin: 0 !important;
  transition: all 0.3s ease;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* Tier 1 = gray (like Star Savior N) */
#starsailors-formation-preview .Character-Tier-1,
#starsailors-adventurer-list .Character-Tier-1,
#starsailors-battle-partners-list .Character-Tier-1,
#starsailors-assist-partners-list .Character-Tier-1 {
  background: linear-gradient(160deg, #2d2d2d 0%, #6b7280 65%);
  border: none;
}

/* Tier 2 = purple (like Star Savior SR) */
#starsailors-formation-preview .Character-Tier-2,
#starsailors-adventurer-list .Character-Tier-2,
#starsailors-battle-partners-list .Character-Tier-2,
#starsailors-assist-partners-list .Character-Tier-2 {
  background: linear-gradient(160deg, #2d2f4d 0%, #7a5af8 65%);
  border: none;
}

/* Tier 3 = gold (like Star Savior SSR) */
#starsailors-formation-preview .Character-Tier-3,
#starsailors-adventurer-list .Character-Tier-3,
#starsailors-battle-partners-list .Character-Tier-3,
#starsailors-assist-partners-list .Character-Tier-3 {
  background: linear-gradient(160deg, #6e4c42 0%, #e0c870 65%);
  border: none;
}

@media (max-width: 768px) {
  #starsailors-formation-preview .Character-Tier-1,
  #starsailors-formation-preview .Character-Tier-2,
  #starsailors-formation-preview .Character-Tier-3,
  #starsailors-adventurer-list .Character-Tier-1,
  #starsailors-adventurer-list .Character-Tier-2,
  #starsailors-adventurer-list .Character-Tier-3,
  #starsailors-battle-partners-list .Character-Tier-1,
  #starsailors-battle-partners-list .Character-Tier-2,
  #starsailors-battle-partners-list .Character-Tier-3,
  #starsailors-assist-partners-list .Character-Tier-1,
  #starsailors-assist-partners-list .Character-Tier-2,
  #starsailors-assist-partners-list .Character-Tier-3 {
    width: 105px !important;
    height: 150px !important;
  }
}

/* Formation preview table - Star Sailors Introduction */
.formation-preview {
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.formation-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 16px;
}
.formation-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.formation-label {
  font-size: 0.8rem;
  color: #a0a0a0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.formation-card-link {
  text-decoration: none;
  display: block;
}
.formation-placeholder {
  width: 140px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: linear-gradient(160deg, #2d2d2d 0%, #6b7280 65%);
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}
.formation-placeholder-monster {
  background: linear-gradient(160deg, #1a2d1a 0%, #2d4a2d 65%);
}
.placeholder-text {
  color: rgba(255,255,255,0.6);
  font-size: 0.85rem;
  text-align: center;
  padding: 8px;
}
@media (max-width: 768px) {
  .formation-placeholder {
    width: 105px;
    height: 150px;
  }
}