.voting-grid { display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 1024px) {
    .voting-grid { display: grid; grid-template-columns: 38fr 62fr; gap: 16px; align-items: start; }
    .voting-grid > * { max-height: 1068px; overflow-y: auto; }
}

.vote-seat-tag {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 38px; height: 18px; padding: 0 6px;
    font-family: 'JetBrains Mono', monospace; font-size: 10px; font-weight: 900; letter-spacing: 0.1em;
    color: var(--foundation-blue);
    background: color-mix(in srgb, var(--foundation-blue) 9%, transparent);
    border: 1px solid color-mix(in srgb, var(--foundation-blue) 33%, transparent);
    border-radius: 2px; white-space: nowrap;
}



.board-bar-track {
    height: 10px; width: 100%;
    background: var(--terminal-recess);
    border: 1px solid var(--bg-obsidian);
    border-radius: 1px; overflow: hidden;
}
.board-bar-fill { height: 100%; transition: width 1s cubic-bezier(0.22, 1, 0.36, 1); }

.bcc-cb.board-reject-cb:checked {
    background: var(--status-red);
    border-color: var(--status-red);
}
.bcc-cb.board-reject-cb:checked::after { border-color: var(--on-accent); }
@media (hover: hover) { .bcc-cb.board-reject-cb:hover { border-color: var(--status-red); } }





.badge-btn:active:not(:disabled) { transform: none; }

.legend-flip { display: grid; min-width: 0; }
.legend-flip > span { grid-area: 1 / 1; animation: legend-flip 6s steps(1, end) infinite; }
.legend-flip > span:last-child { animation-delay: -3s; }
@keyframes legend-flip { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .legend-flip > span { animation: none; }
  .legend-flip > span:last-child { display: none; }
}

.seat-head-open {
  background-image: linear-gradient(
    90deg,
    color-mix(in srgb, var(--status-amber) 22%, transparent) 0%,
    color-mix(in srgb, var(--status-amber) 8%, transparent) 38%,
    transparent 60%
  );
}

@media (max-width: 639px) {
    #leaderboard-container { grid-template-columns: auto 16px minmax(0, 1fr) 64px 10px; }
}