/* v1.2.1 Topluluk: rütbe, klan, Dünya Sohbeti, arkadaşlar (özel mesaj yok) */
.so { padding-bottom: 28px; }
.so-head { display: flex; gap: 12px; align-items: flex-start; margin: 4px 0 12px; }
.so-head h1 { font-family: var(--f-display); font-size: 30px; margin: 2px 0 0; background: linear-gradient(180deg, #fff2c9, #d9a94e); -webkit-background-clip: text; background-clip: text; color: transparent; }
.so-head p { margin: 2px 0 0; color: var(--muted); font-size: 13px; }
.so-back { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(214,178,106,.3); color: var(--gold); flex: none; margin-top: 6px; }
.so-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 14px; padding: 5px; border-radius: 16px; background: linear-gradient(180deg, rgba(30,24,16,.9), rgba(14,12,10,.9)); box-shadow: inset 0 0 0 1px rgba(214,178,106,.25); }
.so-tabs a { display: grid; justify-items: center; gap: 2px; padding: 7px 2px; border-radius: 12px; color: var(--muted); font-size: 11px; font-weight: 600; text-align: center; text-decoration: none; }
.so-tabs a .ico { width: 19px; height: 19px; }
.so-tabs a.is-on { color: #2a1a06; background: linear-gradient(180deg, #ffe7a3, #d9a443); box-shadow: 0 4px 14px rgba(217,164,67,.35); }
.so-ranks { display: grid; gap: 10px; }
.so-rank { display: grid; grid-template-columns: 84px 1fr; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 20px; position: relative; overflow: hidden;
  background: radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--c1) 26%, transparent), transparent 60%), linear-gradient(180deg, #221a12, #120e0b);
  box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--c1) 60%, #6b5023), 0 10px 30px rgba(0,0,0,.45); }
.so-rank__badge { filter: drop-shadow(0 6px 14px color-mix(in srgb, var(--c1) 45%, transparent)); animation: soFloat 4s ease-in-out infinite; }
.so-rank__body small { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.so-rank__body b { display: block; font-family: var(--f-display); font-size: 25px; color: #fff3d1; margin: 1px 0 6px; }
.so-rank__body span { font-size: 12px; color: var(--muted); }
.so-bar { height: 9px; border-radius: 9px; background: rgba(0,0,0,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); overflow: hidden; margin-bottom: 4px; }
.so-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--c2), var(--c1)); box-shadow: 0 0 10px var(--c1); }
@keyframes soFloat { 50% { transform: translateY(-3px); } }
.so-ladder { margin: 12px 0; padding: 10px 14px; border-radius: 16px; background: rgba(255,255,255,.03); box-shadow: inset 0 0 0 1px rgba(214,178,106,.18); }
.so-ladder summary { cursor: pointer; font-weight: 700; color: var(--gold); }
.so-ladder ol { list-style: none; padding: 0; margin: 10px 0 6px; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.so-ladder li { display: grid; grid-template-columns: 36px 1fr; column-gap: 8px; align-items: center; }
.so-ladder li svg { grid-row: span 2; } .so-ladder li b { font-size: 14px; color: var(--c1); } .so-ladder li small { color: var(--muted); font-size: 11px; }
.so-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 14px; background: rgba(0,0,0,.35); margin: 12px 0 10px; }
.so-seg button { padding: 9px; border-radius: 11px; border: 0; background: transparent; color: var(--muted); font-weight: 700; }
.so-seg button.is-on { background: linear-gradient(180deg, #3a2c18, #241a0f); color: #ffe39a; box-shadow: inset 0 0 0 1px rgba(214,178,106,.5); }
.so-board { padding: 12px; border-radius: 20px; background: linear-gradient(180deg, #1d1711, #110e0b); box-shadow: 0 0 0 1.5px #5c4420, 0 10px 30px rgba(0,0,0,.4); margin-top: 12px; }
.so-board header { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 8px; }
.so-board header b { font-family: var(--f-display); font-size: 19px; color: #ffe39a; } .so-board header small { color: var(--muted); font-size: 12px; }
.so-me { margin: 0 0 8px; padding: 9px 12px; border-radius: 12px; background: rgba(214,178,106,.12); font-size: 14px; }
.so-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 5px; }
.so-list li { display: grid; grid-template-columns: 34px 1fr auto auto; gap: 8px; align-items: center; padding: 8px 10px; border-radius: 12px; background: rgba(255,255,255,.035); }
.so-list li span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(0,0,0,.4); font-weight: 800; font-size: 13px; color: var(--muted); }
.so-list li b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .so-list li b small { display: block; font-weight: 500; font-size: 11px; color: var(--muted); }
.so-list li em { font-style: normal; font-weight: 800; color: #ffe39a; }
.so-list li.is-me { box-shadow: inset 0 0 0 1.5px #d9a443; background: rgba(217,164,67,.12); }
.so-list li.is-top--1 span { background: linear-gradient(180deg, #ffe7a3, #c88a22); color: #2a1a06; } .so-list li.is-top--2 span { background: linear-gradient(180deg, #f1f4f8, #8d98a6); color: #1b1f24; } .so-list li.is-top--3 span { background: linear-gradient(180deg, #f0b07c, #8c4d22); color: #2a1206; }
.so-list li.is-empty { display: block; text-align: center; color: var(--muted); }
.so-off { text-align: center; padding: 22px; border-radius: 16px; background: rgba(255,255,255,.04); } .so-off p { color: var(--muted); }
.so-chat { display: grid; gap: 8px; padding: 10px; border-radius: 20px; background: linear-gradient(180deg, #1a1510, #0f0c0a); box-shadow: 0 0 0 1.5px #5c4420; }
.so-chat__log { list-style: none; margin: 0; padding: 4px; height: min(52vh, 420px); overflow-y: auto; display: flex; flex-direction: column; gap: 6px; overscroll-behavior: contain; }
.so-chat__log li { position: relative; max-width: 86%; padding: 7px 30px 7px 11px; border-radius: 14px 14px 14px 4px; background: rgba(255,255,255,.06); align-self: flex-start; }
.so-chat__log li.is-mine { align-self: flex-end; border-radius: 14px 14px 4px 14px; background: linear-gradient(180deg, rgba(217,164,67,.28), rgba(217,164,67,.14)); }
.so-chat__log li b { display: block; font-size: 12px; color: #ffd47a; } .so-chat__log li span { font-size: 14px; word-break: break-word; } .so-chat__log li time { display: block; font-size: 10px; color: var(--muted); text-align: right; }
.so-chat__log li.is-empty { align-self: center; background: none; color: var(--muted); padding: 30px 0; }
.so-rep { position: absolute; top: 5px; right: 6px; width: 20px; height: 20px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08); color: var(--muted); font-weight: 800; font-size: 11px; opacity: .7; }
.so-chat__form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.so-chat__form input, .so-create input { min-width: 0; padding: 11px 13px; border-radius: 12px; border: 1px solid rgba(214,178,106,.35); background: rgba(0,0,0,.4); color: inherit; font: inherit; }
.so-chat__rule, .so-note { display: flex; gap: 6px; align-items: flex-start; margin: 0; font-size: 11.5px; color: var(--muted); line-height: 1.4; } .so-chat__rule .ico, .so-note .ico { width: 14px; height: 14px; flex: none; margin-top: 1px; }
.so-note { margin: 0 0 10px; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.04); }
.so-h { display: flex; align-items: center; gap: 8px; font-family: var(--f-display); font-size: 19px; color: #ffe39a; margin: 14px 0 8px; }
.so-clan, .so-code, .so-gift { display: grid; grid-template-columns: 54px 1fr auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 20px; background: radial-gradient(120% 140% at 0 0, rgba(214,178,106,.22), transparent 55%), linear-gradient(180deg, #221a12, #120e0b); box-shadow: 0 0 0 1.5px #8c6a2f, 0 10px 26px rgba(0,0,0,.4); }
.so-clan__crest { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(180deg, #ffe7a3, #b9842c); color: #2a1a06; } .so-clan__crest .ico { width: 30px; height: 30px; }
.so-clan small, .so-code small { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; } .so-clan b { display: block; font-family: var(--f-display); font-size: 22px; } .so-clan span { font-size: 12px; color: var(--muted); }
.so-code { grid-template-columns: 1fr auto; } .so-code b { display: block; font-size: 28px; letter-spacing: .18em; font-weight: 800; color: #ffe39a; }
.so-gift { grid-template-columns: 30px 1fr auto; margin-top: 10px; } .so-gift .ico { color: #ff6b6b; width: 26px; height: 26px; }
.so-members { margin: 10px 0 0; padding: 8px 12px; border-radius: 14px; background: rgba(255,255,255,.03); } .so-members summary { cursor: pointer; font-weight: 700; color: var(--gold); }
.so-members ol { list-style: none; padding: 0; margin: 8px 0 0; display: grid; gap: 4px; } .so-members li { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; } .so-members li em { font-style: normal; font-size: 10px; color: #2a1a06; background: #e9b955; border-radius: 6px; padding: 1px 5px; } .so-members li small { color: var(--muted); }
.so-create { display: grid; gap: 6px; padding: 12px 14px; border-radius: 18px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(214,178,106,.25); margin-top: 10px; }
.so-create > div { display: grid; grid-template-columns: 1fr auto; gap: 8px; } .so-create p { margin: 0; }
.so-friends { list-style: none; padding: 0; margin: 12px 0; display: grid; gap: 6px; }
.so-friends li { display: grid; grid-template-columns: 1fr auto; column-gap: 8px; align-items: center; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.04); }
.so-friends li small { grid-column: 1; color: var(--muted); font-size: 12px; } .so-friends li button { grid-row: span 2; grid-column: 2; grid-row-start: 1; }
.so-friends li.is-empty { display: block; color: var(--muted); text-align: center; }
.btn--xs { padding: 6px 10px; font-size: 12px; min-height: 0; }
/* Merkez: topluluk kartı */
.card-social { margin: 12px 0; padding: 12px; border-radius: 20px; background: linear-gradient(180deg, #1f1811, #120e0b); box-shadow: 0 0 0 1.5px #6b5023, 0 10px 26px rgba(0,0,0,.35); }
.card-social__rank { display: grid; grid-template-columns: 48px 1fr 48px 1fr; gap: 8px; align-items: center; text-decoration: none; color: inherit; padding-bottom: 10px; border-bottom: 1px solid rgba(214,178,106,.18); }
.card-social__rank small { display: block; font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; } .card-social__rank b { font-family: var(--f-display); font-size: 17px; color: #ffe8b0; }
.card-social nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 10px; }
.card-social nav a { display: grid; justify-items: center; gap: 3px; padding: 9px 4px; border-radius: 14px; background: rgba(255,255,255,.045); box-shadow: inset 0 0 0 1px rgba(214,178,106,.2); color: inherit; text-decoration: none; font-size: 12px; }
.card-social nav a .ico { color: var(--gold); width: 20px; height: 20px; }
@media (max-width: 380px) { .so-head h1 { font-size: 26px; } .so-tabs a { font-size: 10px; } .so-rank { grid-template-columns: 66px 1fr; } .so-rank__badge svg { width: 64px; height: 64px; } .card-social__rank { grid-template-columns: 40px 1fr 40px 1fr; } .card-social__rank svg { width: 40px; height: 40px; } }
@media (prefers-reduced-motion: reduce) { .so-rank__badge { animation: none; } }

/* v1.2.11: Engelle */
.so-chat__log li .so-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.so-chat__log li .so-meta time { margin-left: auto; }
.so-blk { border: 0; background: none; color: var(--muted); font: inherit; font-size: 10.5px; padding: 4px 0 0; min-height: 22px; text-decoration: underline; text-underline-offset: 2px; opacity: .8; cursor: pointer; }