.vote-count { font-weight: 600; color: var(--primary); }

.ranking-list { list-style: none; padding: 0; margin: 0; }
.rank-item {
  display: grid; grid-template-columns: 36px 1fr 80px;
  gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border);
}
.rank-item.top1 { background: linear-gradient(90deg, rgba(255,215,0,0.12), transparent); }
.rank-item.top2 { background: linear-gradient(90deg, rgba(192,192,192,0.12), transparent); }
.rank-item.top3 { background: linear-gradient(90deg, rgba(205,127,50,0.12), transparent); }
.rank-no { font-size: 1.2rem; text-align: center; }
.rank-name { font-weight: 500; }
.rank-votes { font-size: 0.8rem; color: var(--text-muted); text-align: right; }
.rank-bar-wrap { display: none; }

@media (min-width: 480px) {
  .rank-item { grid-template-columns: 36px 120px 1fr 100px; }
  .rank-bar-wrap { display: block; height: 6px; background: #e2e8f0; border-radius: 999px; overflow: hidden; }
  .rank-bar { display: block; height: 100%; background: var(--primary); border-radius: 999px; }
}

.round-card { margin-bottom: 10px; }
.round-head { display: flex; justify-content: space-between; align-items: center; }