/* Кланы: новые элементы (ранги, достижения, уровни, задания, права). Цвета - из темы пользователя (--p, --s). */
.tier-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .18rem .6rem; border-radius: 999px; font-size: .68rem; font-weight: 800; color: var(--tc, #fff); background: rgba(255, 255, 255, .05); border: 1px solid var(--tc, rgba(255, 255, 255, .15)); border-color: color-mix(in srgb, var(--tc, #fff) 45%, transparent); }
.cc2-motto { color: #9ca3af; font-size: .74rem; font-style: italic; margin: -.1rem 0 .6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc2-footer .tier-pill { font-size: .62rem; padding: .1rem .5rem; }
.cc2-join { display: inline-flex; align-items: center; gap: .3rem; font-size: .68rem; font-weight: 700; }
.vm2-sub { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin-top: .3rem; }
.vm2-motto { color: rgba(255, 255, 255, .75); font-style: italic; font-size: .82rem; }
.vm2-announce { display: flex; gap: .8rem; align-items: flex-start; background: rgba(var(--p-rgb), .1); border: 1px solid rgba(var(--p-rgb), .3); border-radius: 12px; padding: .9rem 1rem; margin-bottom: .9rem; color: #e5e7eb; font-size: .86rem; line-height: 1.5; }
.vm2-announce > i { color: var(--p); margin-top: .2rem; }
.clv-bar { height: 10px; border-radius: 6px; background: rgba(255, 255, 255, .07); overflow: hidden; margin: .5rem 0 .4rem; }
.clv-bar > div { height: 100%; background: linear-gradient(90deg, var(--p), var(--s)); border-radius: 6px; }
.clv-bar-note { color: #6b7280; font-size: .76rem; }
.contrib-row { display: flex; align-items: center; gap: .6rem; padding: .35rem 0; border-bottom: 1px solid rgba(255, 255, 255, .04); font-size: .84rem; }
.contrib-row:last-child { border-bottom: 0; }
.cr-n { width: 18px; color: #6b7280; font-weight: 800; font-family: 'JetBrains Mono', monospace; }
.cr-name { flex: 1; color: #fff; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cr-sum { color: #fbbf24; font-weight: 800; font-family: 'JetBrains Mono', monospace; }
/* достижения */
.ach-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .7rem; }
.ach { position: relative; background: rgba(0, 0, 0, .25); border: 1px solid rgba(255, 255, 255, .05); border-radius: 12px; padding: .8rem; opacity: .55; transition: .2s; }
.ach.done { opacity: 1; border-color: var(--ac); border-color: color-mix(in srgb, var(--ac) 45%, transparent); background: linear-gradient(160deg, color-mix(in srgb, var(--ac) 12%, transparent), rgba(0, 0, 0, .25)); }
.ach-i { width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .05); color: #6b7280; font-size: 1rem; margin-bottom: .5rem; }
.ach.done .ach-i { background: var(--ac); background: color-mix(in srgb, var(--ac) 22%, transparent); color: var(--ac); }
.ach-t { color: #fff; font-weight: 800; font-size: .86rem; }
.ach-d { color: #6b7280; font-size: .72rem; margin-top: .15rem; line-height: 1.35; }
.ach-x { margin-top: .4rem; font-size: .68rem; font-weight: 800; color: #a78bfa; }
.ach-p { height: 4px; background: rgba(255, 255, 255, .07); border-radius: 3px; margin-top: .5rem; overflow: hidden; }
.ach-p > div { height: 100%; background: var(--p); }
/* таблица уровней */
.clv-wrap { overflow-x: auto; }
.clv { width: 100%; border-collapse: collapse; font-size: .8rem; }
.clv th { text-align: left; color: #6b7280; font-size: .68rem; text-transform: uppercase; letter-spacing: .4px; padding: 0 .5rem .5rem; border-bottom: 1px solid rgba(255, 255, 255, .06); white-space: nowrap; }
.clv td { padding: .45rem .5rem; border-bottom: 1px solid rgba(255, 255, 255, .03); color: #d1d5db; white-space: nowrap; }
.clv tr.cur td { background: rgba(var(--p-rgb), .14); color: #fff; }
.clv tr.past td { opacity: .5; }
.clv-note { color: #6b7280; font-size: .74rem; margin-top: .8rem; line-height: 1.5; }
/* задания и награды */
.task-card .btn-claim { margin-left: auto; }
.task-xp { font-size: .74rem; font-weight: 800; color: #a78bfa; white-space: nowrap; }
.task-card.claimed { opacity: .55; }
.pin-announce { display: flex; gap: .8rem; background: rgba(var(--p-rgb), .1); border: 1px solid rgba(var(--p-rgb), .3); border-radius: 12px; padding: .8rem 1rem; margin-bottom: 1rem; font-size: .85rem; color: #e5e7eb; line-height: 1.5; }
.pin-announce > i { color: var(--p); margin-top: .2rem; }
.mem-tools { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .8rem; align-items: center; }
.mem-tools .inp { max-width: 260px; }
.war-res { font-size: .68rem; font-weight: 800; padding: .2rem .55rem; border-radius: 999px; }
.war-res.win { color: #22c55e; background: rgba(34, 197, 94, .12); }
.war-res.lose { color: #ef4444; background: rgba(239, 68, 68, .12); }
.war-res.draw { color: #9ca3af; background: rgba(156, 163, 175, .12); }
.stat-chips { display: flex; gap: .6rem; flex-wrap: wrap; margin-bottom: 1rem; }
.stat-chip { background: rgba(0, 0, 0, .25); border: 1px solid rgba(255, 255, 255, .05); border-radius: 10px; padding: .5rem .9rem; font-size: .78rem; color: #9ca3af; }
.stat-chip b { color: #fff; font-family: 'JetBrains Mono', monospace; margin-left: .3rem; }
.perk-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .6rem; margin-top: .6rem; }
.perk { background: rgba(0, 0, 0, .25); border: 1px solid rgba(255, 255, 255, .05); border-radius: 10px; padding: .6rem .8rem; font-size: .78rem; color: #9ca3af; }
.perk b { display: block; color: #fff; font-size: .95rem; margin-top: .1rem; }
.perk .up { color: #22c55e; font-size: .7rem; font-weight: 700; }
.cd-sub .tier-pill { margin-left: .4rem; }

/* Ширина содержимого как на остальных страницах: контейнер тянется на всю доступную ширину (до max-width) */
.ct { width: 100%; }
.ct.main-content { padding-left: 2rem; padding-right: 2rem; }