/* Vem i rummet?: frågan i TV:ns kort, rummets spelare som val i mobilens nederdel och anonyma
 * röstantal i facitpanelen. Laddas efter round-view.css. */

/* Mobil: en knapp per person, även en själv; vid facit står knapparna kvar med antal röster. */
.group-vote-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:44vh;overflow:auto}
.group-vote-choices.is-dense{grid-template-columns:repeat(3,minmax(0,1fr))}
.group-vote-choice{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:56px;margin:0;padding:8px 10px;border:2px solid transparent;border-radius:16px;background:#2f2847;color:var(--ink);font-size:16px;font-weight:800;text-align:left}
.group-vote-choices.is-dense .group-vote-choice{min-height:50px;padding:6px 8px;font-size:14px}
.group-vote-choice .avatar{width:34px;flex:none;font-size:13px}
.group-vote-choices.is-dense .group-vote-choice .avatar{width:28px;font-size:11px}
.group-vote-choice small{font-size:11px;font-weight:600;color:var(--muted)}
.group-vote-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-vote-votes{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
.group-vote-choices.is-dense .group-vote-votes{font-size:15px;font-weight:850}
.group-vote-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px #d8fd7855}
.group-vote-choice.is-top{background:linear-gradient(120deg,#3e3c36,#2f2847)}.group-vote-choice.is-top .group-vote-votes{color:var(--accent)}
.group-vote-choice.not-selected:not(.is-top){opacity:.5}
.group-vote-choice:disabled{opacity:1;cursor:default}
.stage-countdown .group-vote-choice{filter:saturate(.55);opacity:.7}
/* Valt markeras med kant och en liten bock i hörnet (som svarskorten); antalet röster får plats bredvid. */
.group-vote-choice.selected{padding-right:20px}
.group-vote-choice .answer-check{top:3px;right:4px;width:16px;height:16px;font-size:13px;color:var(--accent)}
.group-vote-verdict strong{color:var(--accent)}

/* TV-facit: bara antal röster per person, ingen koppling till vem som röstade. */
.group-vote-results{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:calc(var(--u)*1.4);align-content:start}
.group-vote-ranking{list-style:none;margin:0;padding:2px;min-height:0;overflow:auto;display:grid;align-content:start;gap:calc(var(--u)*1.2)}
.group-vote-ranking.is-dense{grid-template-columns:1fr 1fr;column-gap:calc(var(--u)*1.4)}
.group-vote-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:calc(var(--u)*1.2);height:calc(var(--u)*7.4);padding:0 calc(var(--u)*1.6);border-radius:calc(var(--u)*2.2);background:#29223d;border:2px solid #c5adff30}
.group-vote-result.is-top{border-color:var(--accent);background:linear-gradient(120deg,#3e3c36,#292639)}
.group-vote-result.is-empty{opacity:.55}
.group-vote-result .group-vote-name{font-size:calc(var(--u)*2.1)}
.group-vote-pips{color:var(--player-color);letter-spacing:2px;font-size:calc(var(--u)*1.5);overflow:hidden;white-space:nowrap;max-width:calc(var(--u)*14)}
.group-vote-result meter{display:none}
.group-vote-count{font-size:calc(var(--u)*3.2);font-variant-numeric:tabular-nums;color:var(--ink)}
.group-vote-result.is-top .group-vote-count{color:var(--accent)}
.group-vote-empty{margin:0;align-self:center;text-align:center;font-size:calc(var(--u)*2.6);color:var(--muted)}
@media(max-width:899px),(max-height:540px){.group-vote-ranking{overflow:visible}.group-vote-ranking.is-dense{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){
  .group-vote-reveal.phase-enter .group-vote-result{animation:round-enter .4s ease-out both}
  .group-vote-reveal.phase-enter .group-vote-result.is-top{animation-delay:.5s}
}