.tds-wrap { max-width: 1200px; margin: 20px auto; }
.tds-stats { display: flex; gap: 20px; margin-bottom: 20px; }
.tds-card { background: #fff; padding: 20px; border-radius: 8px; flex: 1; border: 1px solid #ddd; }
.tds-card.live-border { border-left: 5px solid red; }
.number { font-size: 24px; font-weight: bold; }
.tds-row { display: flex; gap: 20px; }
.tds-col { flex: 1; }
.tds-box { background: #fff; padding: 20px; border: 1px solid #ccc; margin-bottom: 20px; }
.tds-badge { padding: 5px 10px; border-radius: 4px; font-weight: bold; color: #fff; }
.tds-badge.live { background: red; }
.tds-badge.scheduled { background: blue; }
.tds-badge.ended { background: gray; }

/* Frontend Player */
.tds-player-box { background: #000; padding: 10px; color: #fff; }
.tds-live-bar { background: #b00; padding: 10px; font-weight: bold; }
.blink { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }
.tds-offline { text-align: center; padding: 50px; background: #eee; border: 2px dashed #999; }
.tds-join-wrap { text-align: center; padding: 50px; background: #f9f9f9; border: 1px solid #ddd; max-width: 600px; margin: 0 auto; }