/* /hockey/sync: rooms on the Hockey Timer sync server */
.hsy-status { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 999px; font-size: .8rem; font-weight: 600; border: 1px solid var(--border); color: var(--text-secondary); }
.hsy-status::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--text-muted); }
.hsy-status.is-on::before { background: var(--accent); box-shadow: 0 0 8px var(--accent); }
.hsy-status.is-off::before { background: var(--red); }

.hsy-rooms { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.hsy-room { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--radius-lg); border: 1px solid var(--border); background: var(--bg-card); }

.hsy-score { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.hsy-score b { font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.hsy-team { display: flex; align-items: center; gap: 6px; font-weight: 700; color: var(--c); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hsy-team:last-child { justify-content: flex-end; }
.hsy-team::before { content: ''; flex: none; width: 4px; height: 1em; border-radius: 2px; background: var(--c); }
.hsy-team:last-child::before { order: 2; }
.hsy-clock { color: var(--text-muted); font-size: .84rem; font-variant-numeric: tabular-nums; text-align: center; }
.hsy-clock.is-running { color: var(--accent); }
.hsy-clock a { color: inherit; }

.hsy-members { list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 6px; }
.hsy-members li { display: flex; align-items: center; gap: 8px; font-size: .9rem; }
.hsy-members img { border-radius: 4px; image-rendering: pixelated; }
.hsy-members em { margin-left: auto; font-style: normal; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--accent); }
.hsy-members li.is-away { opacity: .55; }
.hsy-members li.is-away em { color: var(--yellow); }