/* ═══════ TOURNOIS À CAGNOTTE — styles propres à l'onglet ═══════
   Complète multiplayer.css : réutilise .tourney / .standings / .room / .btn /
   .chip / .mp__section / .online__grid. On n'ajoute ici QUE le manquant, préfixé
   .tn-. Palette ivoire/or sur gris sombre, opacités ≥ 0.72, responsive. */

.tn { color: rgba(250,246,238,0.9); }

.tn__loading { color: rgba(250,246,238,0.8); padding: 1.5rem 0; }
.tn__error {
  background: rgba(240,116,110,0.12); border: 1px solid rgba(240,116,110,0.34);
  border-radius: 12px; padding: 0.95rem 1.1rem; color: rgba(250,246,238,0.92); line-height: 1.5;
}
.tn__banner {
  background: linear-gradient(135deg, rgba(224,185,111,0.16), rgba(124,197,154,0.1));
  border: 1px solid rgba(224,185,111,0.3); border-radius: 12px;
  padding: 0.85rem 1.1rem; color: rgba(250,246,238,0.92); font-size: 0.92rem; line-height: 1.5; margin: 0 0 1.2rem;
}
.tn__banner b { color: #e0b96f; }

.tn__bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.4rem; }
.tn__bal { font-size: 0.9rem; color: rgba(250,246,238,0.82); }
.tn__bal b { color: #e0b96f; font-weight: 700; }

.tn-badge { font-size: 0.74rem; color: #e0b96f; font-weight: 700; white-space: nowrap; }

/* ── Formulaire de création ── */
.tn-form {
  max-width: 480px; background: rgba(26,20,16,0.72); border: 1px solid rgba(224,185,111,0.22);
  border-radius: 18px; padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem;
}
.tn-field { display: flex; flex-direction: column; gap: 0.4rem; font-size: 0.85rem; font-weight: 600; color: rgba(250,246,238,0.82); }
.tn-field input, .tn-field select {
  background: rgba(0,0,0,0.35); border: 1px solid rgba(224,185,111,0.25); border-radius: 10px;
  color: #faf6ee; padding: 0.65rem 0.75rem; font: inherit; font-size: 0.92rem; font-weight: 400;
}
.tn-field input:focus, .tn-field select:focus { outline: none; border-color: #e0b96f; }
.tn-note { margin: 0; font-size: 0.84rem; color: rgba(250,246,238,0.74); line-height: 1.5; }
.tn-note b { color: #e0b96f; }
.tn-form__act { display: flex; gap: 0.7rem; justify-content: flex-end; flex-wrap: wrap; }

/* ── Vue détail d'un tournoi ── */
.tn-back { margin-bottom: 1rem; }
.tn-detail {
  background: rgba(26,20,16,0.72); border: 1px solid rgba(224,185,111,0.2);
  border-radius: 18px; padding: 1.5rem;
}
.tn-detail__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap; margin-bottom: 1.2rem; }
.tn-detail__name { font-family: 'Fraunces', serif; color: #faf6ee; margin: 0 0 0.35rem; font-size: 1.4rem; }
.tn-detail__sub { margin: 0; font-size: 0.86rem; color: rgba(250,246,238,0.78); }

.tn-status { font-weight: 700; }
.tn-status--open { color: #7cc59a; }
.tn-status--running { color: #e0b96f; }
.tn-status--settled { color: rgba(250,246,238,0.78); }
.tn-status--cancelled { color: #f0746e; }

.tn-pot {
  display: flex; flex-direction: column; align-items: flex-end; gap: 0.15rem;
  background: rgba(224,185,111,0.12); border: 1px solid rgba(224,185,111,0.32);
  border-radius: 14px; padding: 0.7rem 1.1rem; min-width: 120px;
}
.tn-pot__label { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(250,246,238,0.74); }
.tn-pot__val { font-family: 'Fraunces', serif; font-size: 1.6rem; color: #e0b96f; }
.tn-pot__entry { font-size: 0.76rem; color: rgba(250,246,238,0.74); }

.tn-join {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
  background: rgba(124,197,154,0.1); border: 1px solid rgba(124,197,154,0.3);
  border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1.2rem;
}
.tn-join p { margin: 0; color: rgba(250,246,238,0.88); font-size: 0.9rem; }

.tn-detail__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; margin-top: 0.4rem; }
.tn-col__h { font-family: 'Fraunces', serif; color: #e0b96f; margin: 0 0 0.7rem; font-size: 1.05rem; }
.tn-empty { color: rgba(250,246,238,0.74); font-size: 0.86rem; padding: 0.6rem 0; text-align: center; }

.tn-players { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.55rem; }
.tn-player { display: flex; align-items: center; gap: 0.6rem; }
.tn-player__av { width: 34px; height: 34px; font-size: 0.9rem; }
.tn-player__n { flex: 1; min-width: 0; color: rgba(250,246,238,0.9); font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tn-player__defy { padding: 0.4rem 0.8rem; font-size: 0.82rem; }

/* ── Contrôles de l'hôte / résultat ── */
.tn-host {
  margin-top: 1.4rem; background: rgba(224,185,111,0.1); border: 1px solid rgba(224,185,111,0.3);
  border-radius: 14px; padding: 1.1rem 1.2rem;
}
.tn-host__note { margin: 0 0 0.9rem; font-size: 0.85rem; color: rgba(250,246,238,0.82); line-height: 1.5; }
.tn-host__note b { color: #e0b96f; }
.tn-host__act { display: flex; gap: 0.7rem; flex-wrap: wrap; }
.tn-host__done { margin-top: 1.2rem; color: rgba(250,246,238,0.82); font-size: 0.88rem; }

.tn-outcome {
  margin-top: 1.4rem; background: rgba(124,197,154,0.1); border: 1px solid rgba(124,197,154,0.32);
  border-radius: 14px; padding: 1.1rem 1.2rem;
}
.tn-outcome__list { list-style: none; margin: 0 0 0.6rem; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; color: rgba(250,246,238,0.9); font-size: 0.92rem; }
.tn-outcome__list b { color: #e0b96f; }
.tn-outcome__note { margin: 0; font-size: 0.8rem; color: rgba(250,246,238,0.74); }

@media (max-width: 720px) {
  .tn-detail__grid { grid-template-columns: 1fr; }
  .tn-detail__head { flex-direction: column; }
  .tn-pot { align-self: stretch; align-items: flex-start; }
}