/* Tournament state styling. Loaded after play_challenge.css. */

/* Fighter cards: active roster items get a visible diagonal status ribbon. */
.fighter-card { position: relative; overflow: hidden; }
.fighter-card::after {
  content: "ACTIVE";
  position: absolute;
  top: 15px;
  right: -29px;
  width: 112px;
  padding: 6px 0;
  transform: rotate(38deg);
  transform-origin: center;
  text-align: center;
  color: #211408;
  background: linear-gradient(180deg, #ffe2a0, #d89b43);
  border-top: 1px solid rgba(255,255,255,.45);
  border-bottom: 1px solid rgba(66,38,12,.55);
  box-shadow: 0 3px 10px rgba(0,0,0,.45);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 1px;
  pointer-events: none;
  z-index: 4;
}
.fighter-card.eliminated::after {
  content: "☠ ELIMINATED";
  color: #f4eee4;
  background: linear-gradient(180deg, #69645d, #403d39);
  border-color: rgba(255,255,255,.2);
}
.fighter-card.eliminated img {
  filter: grayscale(.72) brightness(.78);
}
.fighter-card.eliminated:hover img {
  filter: grayscale(.72) brightness(.84);
}
.fighter-card.eliminated { border-color: rgba(190,184,174,.24); }
.fighter-card.eliminated:hover { border-color: rgba(210,202,190,.48); }

/* Played/published bouts receive a warm finished-match treatment. */
.match-card.played-match {
  background: linear-gradient(145deg, rgba(153,99,37,.25), rgba(87,52,23,.20));
  border-color: rgba(225,174,91,.52);
  box-shadow: 0 16px 34px rgba(0,0,0,.25), inset 0 0 24px rgba(214,157,67,.065);
}
.match-card.played-match:hover {
  border-color: rgba(255,210,120,.76);
  box-shadow: 0 20px 38px rgba(0,0,0,.3), 0 0 20px rgba(224,173,83,.12);
}
.match-card.played-match .match-top b { color: #ffe0a0; }
.match-card.played-match .match-fighters span {
  background: rgba(90,57,27,.34);
  border-color: rgba(255,216,151,.13);
}
.match-card.played-match .match-fighters span:first-child {
  border-left-color: #e6b55e;
}
.match-card.played-match .match-footer > span { color: #e5c894; }

/* Distinguish the losing name in the result without removing it from history. */
.match-fighters .eliminated-fighter {
  color: #c4bcb0;
  background: rgba(66,62,57,.36);
  border-color: rgba(190,181,168,.22);
  text-decoration: line-through;
  text-decoration-color: rgba(220,210,194,.62);
}
.match-fighters .eliminated-fighter i {
  float: right;
  color: #d3c8b8;
  font-style: normal;
  text-decoration: none;
}