/* Pestaña 3: Resultados */
.res{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.res-card{border-radius:var(--r);border:1px solid var(--stroke);background:radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--c) 16%,transparent),transparent 60%),var(--panel);padding:22px;display:grid;gap:18px;min-width:0}
.res-card h3{font:700 20px/1.1 var(--f-display);letter-spacing:-.03em;margin:8px 0 0}

/* Ganador */
.winner{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center}
.winner .photo{aspect-ratio:1;border-radius:20px;box-shadow:0 0 0 2px var(--gold)}
.winner .photo .ini{font-size:30px}
.winner b{font:800 24px/1.05 var(--f-display);letter-spacing:-.04em;display:block;margin-top:6px}
.crown{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--gold-ink);padding:5px 9px;border-radius:999px}

/* Barras de conteo (también se usan en el panel del organizador) */
.rows{display:grid;gap:10px}
.row{display:grid;grid-template-columns:minmax(0,150px) 1fr 36px;gap:12px;align-items:center;font-size:13px}
.row > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track{height:8px;background:var(--field);border-radius:999px;overflow:hidden}
.fill{height:100%;border-radius:999px;background:var(--c);animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
@keyframes grow{from{transform:scaleX(.04)}}
.row .num{font:700 12px/1 var(--f-mono);text-align:right;font-variant-numeric:tabular-nums}
