/* ChatBase — 🏆 Tournaments (tournaments.js). Reuses .dg-entry / .du-modal / .du-box / .du-btn. */
.tn-box { max-width: 560px; }
.tn-setup { display: flex; flex-direction: column; gap: 8px; }
.tn-setup input, .tn-setup select { padding: 9px 11px; border-radius: 9px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.25); color: inherit; font: inherit; }
.tn-join { background: var(--gradient-purple, linear-gradient(135deg,#8ab4ff,#b69cff)) !important; color: #10132a !important; border: none !important; }
.tn-in { color: #5ef0c0; font-weight: 700; }
.tn-players { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.tn-chip { background: rgba(255,255,255,.08); border-radius: 999px; padding: 4px 11px; font-size: 12.5px; }
.tn-owner { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.tn-bracket { display: flex; gap: 16px; overflow-x: auto; padding: 8px 0; }
.tn-round { min-width: 130px; }
.tn-round h4 { margin: 0 0 8px; font-size: 12px; color: var(--neo-dim, rgba(235,235,245,.6)); }
.tn-match { border: 1px solid rgba(255,255,255,.1); border-radius: 8px; margin-bottom: 14px; overflow: hidden; }
.tn-slot { padding: 7px 10px; font-size: 12.5px; border-bottom: 1px solid rgba(255,255,255,.08); }
.tn-slot:last-child { border-bottom: none; }
.tn-slot.tn-win { background: rgba(52,232,176,.18); color: #5ef0c0; font-weight: 700; }
.tn-slot.tn-pick { cursor: pointer; }
.tn-slot.tn-pick:hover { background: rgba(138,180,255,.2); }
.tn-champ { text-align: center; font-size: 18px; font-weight: 800; margin-top: 12px; color: #ffd166; }