.live-row{align-items:center;gap:var(--space-2);width:100%;padding:calc(var(--space-2) + var(--space-0-5)) var(--space-1);text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:48px minmax(0,1fr) 112px 116px 30px;display:grid}.live-row__avatar{border-radius:var(--radius-md);background:var(--color-white-15);width:48px;height:48px;display:block;overflow:hidden}.live-row__avatar img,.live-row__avatar .mesh-avatar{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%}.live-row__body{gap:var(--space-0-5);flex-direction:column;min-width:0;display:flex}.live-row__q{min-width:0;color:var(--color-text-primary)}.live-row:hover .live-row__q{text-underline-offset:2px;text-decoration:underline}.live-row__stats{align-items:center;gap:var(--space-1);flex-direction:row;min-width:0;display:flex}.live-row__pct{color:var(--color-text-primary)}.live-row__side{white-space:nowrap;color:var(--color-text-secondary);align-items:center;display:inline-flex}.live-row__delta{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.live-row__delta>span{display:inline-flex}.live-row__delta--up{color:var(--color-positive)}.live-row__delta--down{color:var(--color-negative)}.live-row__resolving{background:var(--color-white-15);white-space:nowrap;color:var(--color-text-primary);border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.live-row__resolving-pulse{background:var(--color-accent);border-radius:999px;flex:none;width:6px;height:6px;animation:1.2s ease-in-out infinite live-row-resolving-pulse}@keyframes live-row-resolving-pulse{0%,to{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.live-row__resolving-pulse{opacity:.85;animation:none}}.live-row__stats{flex-wrap:wrap;row-gap:4px}.live-row__vol{justify-self:start;align-items:flex-start;gap:var(--space-0-5);white-space:nowrap;flex-direction:column;min-width:0;display:flex}.live-row__vol-unit{color:var(--color-text-secondary)}.live-row__vol-value{height:1lh;color:var(--color-text-primary);align-items:center;gap:4px;display:inline-flex}.live-row__results{justify-self:start;align-items:flex-end;gap:var(--space-1);white-space:nowrap;flex-direction:column;min-width:0;display:flex}.live-row__results-unit{color:var(--color-text-secondary)}.live-row__results-strip{align-items:center;gap:4px;min-width:0;display:inline-flex}.live-row__results--row{gap:var(--space-0-5)}.live-row__results--row .live-row__result{width:22px;height:22px}.live-row__result{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex;position:relative}.live-row__result--up{background:color-mix(in srgb, var(--color-positive) 16%, transparent);color:var(--color-positive)}.live-row__result--down{background:color-mix(in srgb, var(--color-negative) 16%, transparent);color:var(--color-negative)}.live-row__result--empty{box-shadow:inset 0 0 0 1px var(--color-white-10);background:0 0}.live-row__result--resolving{background:var(--color-white-15);animation:1.2s ease-in-out infinite live-row-result-resolving}.live-row__result--resolving:after{content:"";background:var(--color-accent);border-radius:999px;width:6px;height:6px}@keyframes live-row-result-resolving{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.live-row__result--resolving{opacity:.85;animation:none}}.live-row__result[data-time]:hover:after{content:attr(data-time);background:var(--base-700);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;z-index:5;padding:4px 8px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.live-row__results:hover .live-row__result:not(:hover){opacity:.35}.live-row__save{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background-color .12s;display:inline-flex}.live-row__save:hover{background:var(--color-white-15);color:var(--color-text-primary)}.live-row__save.is-saved{color:var(--color-text-primary)}@container app-content (max-width:620px){.live-row{gap:var(--space-2);grid-template-columns:40px minmax(0,1fr) auto;align-items:center}.live-row__avatar{width:40px;height:40px}.live-row__body{align-items:center;gap:var(--space-2);flex-direction:row}.live-row__q{flex:auto}.live-row__stats{flex-direction:column;flex:none;align-items:flex-end;row-gap:0}.live-row__vol,.live-row__results{display:none}}
