/* Styles spécifiques à la page Comment gagner */

.phase-timeline{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
  margin-bottom:48px;
}

.phase-step{
  background: var(--bg-card);
  border:1px solid var(--border-subtle);
  border-radius:12px;
  padding:14px 18px;
  text-align:center;
  min-width:140px;
  flex:1 1 140px;
}

.phase-step__name{
  display:block;
  font-weight:700;
  margin-bottom:4px;
  color: var(--text);
}

.phase-step__duration{
  display:block;
  font-size:0.85rem;
  color: var(--muted);
}

.win-conditions{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap:24px;
  margin-bottom:32px;
}

.win-block{
  background: var(--bg-card);
  border-left:3px solid transparent;
  border-radius:14px;
  padding:24px;
}

.win-block--survivor{ border-left-color: var(--accent-survivor); }
.win-block--killer{ border-left-color: var(--accent-killer); }

.win-block h3{
  font-family:"Friday13", serif;
  margin-top:0;
}

.win-block p{
  line-height:1.6;
  color: var(--text);
}

.edge-case{
  background: transparent;
  border:1px dashed var(--border-subtle);
  border-radius:14px;
  padding:20px 24px;
  color: var(--muted);
  text-align:center;
  margin-bottom:32px;
}

.edge-case strong{ color: var(--text); }

.min-players{
  text-align:center;
  color: var(--muted);
  font-size:0.95rem;
}