.cs-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cs-tile{border-radius:var(--r);background:var(--card);border:1px solid var(--line);cursor:pointer;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 4px;transition:transform .15s,box-shadow .15s;display:flex}.cs-tile:hover{box-shadow:var(--sh);transform:translateY(-2px)}.cs-tile.me{border:2px solid var(--brand)}.cs-tile img{border-radius:50%;width:56px;height:56px}.cs-tile .n{white-space:nowrap;font-size:14px;font-weight:600}.cs-tile .d{color:var(--mut);white-space:nowrap;font-size:11px}.cs-hero{align-items:center;gap:16px;display:flex}.cs-hero img.big{background:#1f2340;border-radius:50%;flex:none;width:96px;height:96px}.cs-el{border-radius:50%;width:8px;height:8px;margin-right:2px;display:inline-block}.cs-vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.cs-sel{border-radius:var(--r);border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);flex-direction:column;align-items:center;gap:4px;min-width:0;padding:12px 8px;display:flex}.cs-sel:hover{background:var(--bg2)}.cs-sel img{border-radius:50%;width:64px;height:64px}.cs-bar{grid-template-columns:96px 1fr 40px;align-items:center;gap:8px;font-size:13px;display:grid}.cs-lk{background:var(--indigoS);color:var(--indigo);border-radius:12px;gap:8px;padding:12px;font-size:13px;display:flex}.cs-lk svg{flex:none}@media (width>=1024px){.cs-grid{grid-template-columns:repeat(6,1fr);gap:16px}.cs-tile img{width:72px;height:72px}}