voting why not lol

frontend.css

@@ -319,6 +319,71 @@ body {
   justify-content: center;
 }
 
+/* ── Votable Contestant ──────────────────────────────────────── */
+
+.contestant--votable {
+  cursor: pointer;
+  transition: background 0.2s, border-color 0.2s;
+}
+
+.contestant--votable:hover {
+  background: rgba(255, 255, 255, 0.04);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+}
+
+.contestant--votable:active {
+  background: rgba(255, 255, 255, 0.06);
+}
+
+/* ── Viewer Votes ────────────────────────────────────────────── */
+
+.viewer-vote-bar {
+  margin-top: 4px;
+}
+
+.viewer-vote-bar__fill {
+  background: #666 !important;
+}
+
+.viewer-vote-meta {
+  color: var(--text-muted);
+}
+
+.viewer-vote-meta__count {
+  color: #999 !important;
+}
+
+.viewer-vote-meta__icon {
+  margin-left: auto;
+  font-size: 14px;
+}
+
+/* ── Vote CTA ────────────────────────────────────────────────── */
+
+.vote-cta {
+  text-align: center;
+  font-family: var(--mono);
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.5px;
+  text-transform: uppercase;
+  color: var(--text-dim);
+  padding: 10px 0;
+  margin-bottom: 8px;
+  animation: vote-cta-pulse 2s ease-in-out infinite;
+}
+
+@keyframes vote-cta-pulse {
+  0%, 100% { opacity: 0.7; }
+  50% { opacity: 1; }
+}
+
+.vote-countdown {
+  color: var(--text);
+  font-weight: 700;
+  margin-left: 8px;
+}
+
 /* ── Tie ──────────────────────────────────────────────────────── */
 
 .tie-label {