.cf-clan { outline: 2px solid var(--cc, #8a8a8a); outline-offset: -2px; }
.cf-dash { outline: 2px dashed var(--cc, #8a8a8a); outline-offset: -2px; }
.cf-double { outline: 1px solid var(--cc, #8a8a8a); outline-offset: -1px; box-shadow: inset 0 0 0 1px var(--cc, #8a8a8a); }
.cf-gold { outline: 2px solid #c9a646; outline-offset: -2px; box-shadow: inset 0 0 0 1px #7a6428; }

.cr-on .kl-ros-av img,
.cr-on .kl-mem-av > img:first-child { outline: 2px solid var(--cc, #8a8a8a); outline-offset: 1px; }

.cc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.cc-it { display: flex; flex-direction: column; padding: 0; border: 0; background: none; }
.cc-it.is-on .cc-pv { box-shadow: inset 0 0 0 1px #3a3a3a; }
.cc-pv { display: flex; align-items: center; justify-content: center; height: 76px; margin-bottom: 10px; border-radius: 8px; background: #111; }
.cc-emb { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 3px solid #111; border-radius: 16px; background: #1c1c1c; overflow: hidden; color: #6a6a6a; font-size: 1.1rem; }
.cc-emb img { width: 40px; height: 40px; object-fit: contain; image-rendering: pixelated; }
.cc-nick { font-size: 17px; color: #9a9a9a; }
.cc-nick b { font-weight: 700; color: var(--cc, #8a8a8a); }
.cc-ring { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #1c1c1c; color: #6a6a6a; font-size: .9rem; outline: 2px solid var(--cc, #8a8a8a); outline-offset: 1px; }
.cc-n { font-size: 15px; font-weight: 700; color: var(--text); }
.cc-d { margin-top: 4px; font-size: 13px; line-height: 1.4; color: #8a8a8a; }
.cc-act { margin-top: auto; padding-top: 10px; }
.cc-act .kl-btn { width: 100%; }
.cc-buy.is-short { opacity: .55; }
.cc-buy { gap: 6px; }
.cc-eq.is-on { color: #22c55e; }
.cc-on { display: flex; align-items: center; justify-content: center; min-height: 38px; font-size: 14px; font-weight: 700; color: #22c55e; }