/* Optional humorous nomination. */
#panel-table, #finalePanel { position:relative; }
.anti-card { position:absolute; left:calc(100% + 24px); top:62px; width:220px; padding:21px 18px 17px; border:1px solid #494153; border-radius:16px; background:rgba(18,19,27,.96); box-shadow:0 8px 30px #0002; }
.anti-kicker { display:flex; align-items:center; gap:9px; color:#b8a9ce; font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.anti-symbol { display:grid; place-items:center; width:31px; height:31px; border:1px solid #4a405c; border-radius:10px; color:#c0aedb; background:#24202e; }
.anti-symbol svg { width:20px; height:20px; }
.anti-card h2 { margin:16px 0 5px; font-family:var(--font-body); font-size:18px; font-weight:700; letter-spacing:-.02em; }
.anti-card .anti-subtitle { margin:0 0 19px; color:var(--muted); font-size:12px; line-height:1.5; }
.anti-person { display:block; width:100%; padding:0; margin:0; border:0; border-bottom:1px dotted #76658e; border-radius:0; background:transparent; color:var(--ink); text-align:left; font-size:17px; font-weight:650; cursor:pointer; overflow-wrap:anywhere; }
.anti-person:hover { color:#d5c4ee; }
.anti-person .anti-expand-arrow { float:right; color:#9b8bad; font-size:13px; font-weight:400; }
.anti-metrics { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:17px 0; padding-bottom:17px; border-bottom:1px solid #35303e; }
.anti-metrics strong { display:block; color:#d1c4e4; font-size:24px; font-weight:650; line-height:1.3; }
.anti-metrics span { display:block; margin-top:2px; color:var(--muted); font-size:11px; }
.anti-card details { margin-top:17px; color:var(--muted); font-size:11px; line-height:1.6; }
.anti-card summary { cursor:pointer; width:fit-content; }
.anti-card details p { margin:8px 0 0; }
.anti-trigger { display:none; margin:0 auto 16px; padding:7px 13px; border:1px solid #494153; border-radius:24px; background:#1d1b26; color:#c7badb; font:500 12px var(--font-body); cursor:pointer; }
.anti-close { display:none; border:0; background:transparent; color:var(--muted); font-size:22px; cursor:pointer; }
.anti-backdrop { display:none; }
.anti-card.is-open { display:block; position:fixed; z-index:102; top:50%; left:50%; transform:translate(-50%,-50%); width:min(320px,calc(100vw - 36px)); max-height:calc(100svh - 64px); overflow:auto; padding:25px; }
.anti-card.is-open .anti-close { display:block; position:absolute; top:12px; right:13px; }
.anti-backdrop.is-open { display:block; position:fixed; z-index:101; inset:0; background:#070910b8; backdrop-filter:blur(5px); }
.anti-card.is-expanded { z-index:30; width:clamp(220px,calc((100vw - 940px)/2 - 48px),420px); }
.anti-card.is-open.is-expanded { z-index:102; width:min(660px,calc(100vw - 36px)); }
.anti-expand-arrow { transition:transform .18s; }
.is-expanded .anti-expand-arrow { transform:rotate(180deg); }
.anti-history-body { padding:5px 0 0; margin-top:18px; border-top:1px solid #35303e; }
.anti-card.is-expanded .anti-metrics { margin-bottom:10px; padding-bottom:12px; }
.anti-history-row { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid #292a34; }
.anti-history-row:last-child { border-bottom:0; }
.anti-history-mark { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:#c69a9e; background:#39272d; font-size:18px; }
.anti-history-row.is-correct .anti-history-mark { color:#9ccbb2; background:#22382d; font-size:14px; }
.anti-history-event strong { display:block; font-size:13px; font-weight:600; line-height:1.45; overflow-wrap:anywhere; }
.anti-history-event p { margin:5px 0 0; color:var(--muted); font-size:11px; line-height:1.7; }
.anti-history-event p > span:not(.anti-history-dot) { color:#b7bac7; }
.anti-history-dot { padding:0 7px; color:#625d6d; }
.anti-history-result { display:none; }
.is-correct .anti-history-result { color:#9ccbb2; }
.anti-history-loading { padding:15px 0; color:var(--muted); font-size:13px; }
@media(max-width:540px) {
  .anti-history-body { padding:4px 0 0; }
  .anti-history-row { grid-template-columns:24px minmax(0,1fr); gap:10px; }
  .anti-history-result { display:none; }
  .anti-history-event p { font-size:11px; }
}
@media(max-width:1480px) {
  .anti-trigger { display:block; }
  .anti-card { display:none; }
  .anti-close { display:block; position:absolute; top:12px; right:13px; }
}

html:has(.anti-card.is-open), body:has(.anti-card.is-open) { overflow:hidden; }
.anti-card { scrollbar-width:thin; scrollbar-color:#4b455a #15161e; }

/* The nomination begins as a discreet icon, then expands in two steps. */
.anti-card:not(.is-revealed) { width:64px; padding:12px; }
.anti-symbol.anti-reveal { padding:0; flex:none; cursor:pointer; }
.anti-reveal:hover { border-color:#8c76aa; background:#30283c; }
.anti-trigger { width:56px; height:56px; padding:14px; border-radius:16px; margin-left:auto; margin-right:0; }
.anti-trigger svg { display:block; width:24px; height:24px; }
.anti-kicker-label { white-space:nowrap; font-size:9px; letter-spacing:.05em; }

/* Keep the growing sidebar aligned with, and no taller than, the board. */
.anti-card { display:flex; flex-direction:column; top:var(--anti-board-top,62px); max-height:var(--anti-board-limit,800px); box-sizing:border-box; overflow:hidden; }
.anti-card .anti-kicker { flex:none; }
#antiCardContent { display:flex; flex-direction:column; flex:1; min-height:0; }
#antiCardContent > :not(.anti-history-body) { flex:none; }
.anti-history-body { flex:1 1 auto; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#4b455a #15161e; overscroll-behavior:contain; padding-right:5px; }
.anti-card.is-open { display:flex; max-height:min(var(--anti-board-limit,800px),calc(100svh - 64px)); }
.anti-card.is-sizing { overflow:hidden; }
@media(max-width:1480px) { .anti-card:not(.is-open) { display:none; } }
@media(prefers-reduced-motion:reduce) { .anti-expand-arrow { transition:none; } }

#antiCardContent[hidden], .anti-history-body[hidden], .anti-kicker-label[hidden] { display:none !important; }
.anti-card:not(.is-revealed) { height:64px; justify-content:center; }

.anti-card:not(.is-revealed) .anti-kicker { justify-content:center; }

.anti-trigger[hidden],.anti-card[hidden],.anti-winner-select[hidden],.anti-shared-note[hidden] { display:none !important; }
.anti-winner-select { display:block; width:100%; min-height:34px; margin:10px 0; border:1px solid #494153; border-radius:6px; padding:6px; color:var(--ink); background:#20202c; font:12px var(--font-body); }
.anti-shared-note { font-size:11px; color:var(--muted); margin:0 0 10px; }
.anti-more { width:100%; margin:12px 0 0; padding:9px; border:1px solid #494153; border-radius:8px; background:#24202e; color:#d1c4e4; cursor:pointer; }