/* Топ воркеров (views/Top.js). Спокойно: нейтральные карточки, один синий акцент — первое место и своя строка. */
.lb .sp-seg { display: grid; width: 100%; }
.lb-body { display: flex; flex-direction: column; gap: 14px; transition: opacity var(--sp-t-fast); }
.lb-body.busy { opacity: 0.55; pointer-events: none; }

/* подиум: 2 · 1 · 3, ступени разной высоты */
.lb-pod { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: 8px; padding: 20px 12px 0; overflow: hidden; }
.lb-pod-slot { display: flex; flex-direction: column; align-items: center; gap: 3px; min-width: 0; text-align: center; }
.lb-pod-ava { position: relative; margin-bottom: 10px; }
.lb-pod-slot.p1 .lb-ava { box-shadow: 0 0 0 3px var(--sp-panel), 0 0 0 5px var(--sp-ion); }
.lb-pod-n { position: absolute; z-index: 2; left: 50%; bottom: -9px; transform: translateX(-50%); min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px; display: grid; place-items: center;
  font: 650 12px/1 var(--sp-body); color: var(--sp-dust); background: var(--sp-panel2); box-shadow: 0 0 0 2px var(--sp-panel); }
.lb-pod-slot.p1 .lb-pod-n { color: var(--sp-on-ion); background: var(--sp-ion); }
.lb-pod-slot .lb-name { justify-content: center; max-width: 100%; }
.lb-pod-sum { font-size: 15px; font-weight: 650; color: var(--sp-star); }
.lb-pod-slot.p1 .lb-pod-sum { color: var(--sp-ion); }
.lb-pod-cnt { font-size: 12px; color: var(--sp-dust); }
.lb-pod-step { align-self: stretch; height: 20px; margin-top: 10px; border-radius: 12px 12px 0 0; background: var(--sp-panel2); }
.lb-pod-slot.p1 .lb-pod-step { height: 44px; background: var(--sp-ion-soft); }
.lb-pod-slot.p2 .lb-pod-step { height: 30px; }

/* список с 4-го места и карточка «Ваше место» */
.lb-list { list-style: none; margin: 0; padding: 6px; display: flex; flex-direction: column; gap: 2px; }
.lb-row, .lb-me { display: grid; grid-template-columns: 26px auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px; border-radius: var(--sp-r-m); }
.lb-row.me { background: var(--sp-ion-soft); }
.lb-me { grid-template-columns: 26px minmax(0, 1fr) auto; padding: 14px 16px; }
.lb-place { font-size: 14px; font-weight: 600; color: var(--sp-dust); text-align: center; }
.lb-me .lb-place, .lb-row.me .lb-place { color: var(--sp-ion); }
.lb-who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.lb-who small { font-size: 12.5px; color: var(--sp-dust); }
.lb-name { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.lb-name b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; color: var(--sp-star); }
.lb-pod-slot .lb-name b { font-size: 14px; }
.lb-you { flex: none; font: 600 12px/1 var(--sp-body); font-style: normal; color: var(--sp-ion); }
.lb-sum { font-size: 15px; font-weight: 600; color: var(--sp-star); }
.lb-ava.anon { color: var(--sp-faint); }