.day-participants-toggle { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0 0; border:0; border-top:1px solid var(--line); background:transparent; color:var(--accent); font:600 15px var(--font-body); text-align:left; cursor:pointer; }
.day-participants-toggle > span { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
[data-participants-count] { color:var(--muted); font-size:13px; font-weight:400; font-variant-numeric:tabular-nums; }
.day-participants-toggle[aria-expanded="true"] > span:last-child .icon { transform:rotate(90deg); }
.day-participants-toggle:focus-visible, .participants-table-wrap:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
.day-participants-host { grid-column:1 / -1; min-width:0; }
.participants-panel { border-top:1px solid var(--line); padding-top:24px; }
.participants-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.participants-heading .eyebrow { font-size:10px; margin-bottom:6px; }
.participants-heading h3 { font:700 24px/1.15 var(--font-body); margin:0; letter-spacing:-.025em; }
.participants-live { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; color:#98d8c2; }
#participants-status::before { content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:7px; }
.participants-live .is-offline { color:#edbb87; }
.participants-totals { display:flex; flex-wrap:wrap; gap:20px 32px; padding:22px 0; border-bottom:1px solid var(--line); }
.participants-totals > span { display:flex; align-items:baseline; gap:9px; color:var(--muted); font-size:13px; }
.participants-totals strong { color:var(--text); font-size:26px; font-variant-numeric:tabular-nums; }
.participants-filters { display:grid; grid-template-columns:minmax(220px, 2fr) minmax(150px, 1fr) minmax(170px, 1fr) auto; align-items:end; gap:14px; margin-block:22px; }
.participants-filters .field { gap:7px; }
.participants-filters label { font-size:12px; }
.participants-filters .input, .participants-filters .select { min-height:44px; padding:10px 12px; font-size:14px; }
.participants-results-bar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; font-size:12px; color:var(--muted); }
#participants-new { color:var(--accent); }
.participants-table-wrap { position:relative; overflow:auto; border-block:1px solid var(--line); }
.participants-table { width:100%; min-width:960px; border-collapse:collapse; text-align:left; font-size:14px; }
.participants-table th { padding:12px 14px; color:var(--muted); background:#11151b; font-weight:500; font-size:12px; }
.participants-table td { padding:16px 14px; vertical-align:middle; border-top:1px solid var(--line); max-width:300px; overflow-wrap:anywhere; }
.participants-table time { font-variant-numeric:tabular-nums; font-weight:600; }
.participants-table strong { font-weight:600; }
.participants-table small { display:block; color:var(--muted); font-size:12px; line-height:1.5; margin-top:6px; }
.participant-game { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.participant-game .icon { color:var(--accent); }
.participant-result { font-size:12px; color:var(--muted); }
.participant-result.awarded { color:#99ddbf; background:#18322a; border-radius:4px; padding:5px 8px; white-space:nowrap; }
.participant-muted { color:var(--muted); }
.participants-table tbody tr:hover { background:#1a232b; }
.participant-new { animation:participant-arrive 2s ease-out; }
@keyframes participant-arrive { from { background:#20424b; } to { background:transparent; } }
.participants-empty { display:grid; justify-items:center; padding:38px 20px; background:#11151b; text-align:center; }
.participants-empty > .icon { color:var(--accent); }
.participants-empty h4 { margin:14px 0 8px; font-size:18px; }
.participants-empty p { margin:0; color:var(--muted); font-size:14px; max-width:54ch; line-height:1.5; }
.participants-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:18px; }
.participants-footer p { max-width:62ch; margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.participants-footer nav, .day-winner-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#participants-page { font-size:13px; font-variant-numeric:tabular-nums; }
.day-winner-entry { margin-top:24px; padding:24px; border-left:3px solid var(--accent); background:#192129; }
.day-winner-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:20px; }
.day-winner-form > p, .day-winner-actions { grid-column:1 / -1; margin:0; }
@media (max-width:1200px) { .participants-filters { grid-template-columns:1fr 1fr; }.participants-filters .field:first-child { grid-column:1 / -1; }.participants-heading, .participants-footer { align-items:flex-start; flex-direction:column; } }
@media (max-width:550px) { .participants-totals { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.participants-totals > span { align-items:flex-start; flex-direction:column; gap:4px; }.participants-filters, .day-winner-form { grid-template-columns:1fr; }.participants-footer nav { flex-wrap:wrap; }.day-participants-toggle > span:last-child { display:none; }.participants-heading h3 { font-size:22px; }.day-winner-entry { padding:18px 12px; } }
@media (prefers-reduced-motion:reduce) { .participant-new { animation:none; } }
@media (max-width:550px) {
  .participants-table { min-width:0; display:block; }
  .participants-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .participants-table tbody { display:block; }
  .participants-table tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; padding:18px 0; border-top:1px solid var(--line); }
  .participants-table td { display:block; min-width:0; padding:0; border:0; }
  .participants-table td:nth-child(2) { grid-column:1 / -1; grid-row:1; }
  .participants-table td:last-child { grid-column:1 / -1; }
  .participants-table td:last-child:empty { display:none; }
  .participants-table .button { width:100%; }
  .participant-game { white-space:normal; }
}
.day-screen-list, .day-screen-card, .participants-panel, .participants-filters .field { min-width:0; }
.participants-filters .input, .participants-filters .select { min-width:0; width:100%; }