/* Açılır kartlar (rozet / rütbe / üye) – kompakt, tıklamayla açılır (Admina + koyu kart). */
[data-kf-bpop]{cursor:pointer}
[data-kf-bpop]:focus-visible{outline:2px solid #6c47dc;outline-offset:3px;border-radius:10px}
.kf-bpop{position:absolute;z-index:100000;box-sizing:border-box;width:min(260px,calc(100vw - 16px));padding:.6rem .7rem .65rem;border-radius:12px;background:#1c1c26;color:#e5e7eb;box-shadow:0 12px 28px rgba(16,24,40,.32);font:400 .8rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;text-align:left}
.kf-bpop[hidden]{display:none}
.kf-bpop:focus{outline:none}
.kf-bpop:focus-visible{box-shadow:0 0 0 2px #a78bfa,0 12px 28px rgba(16,24,40,.32)}
.kf-bpop::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#20b5b5,#e3bf20)}
.kf-bpop *{box-sizing:border-box}
.kf-bpop__head,.kf-upop__head{display:flex;gap:.55rem;align-items:center}
.kf-bpop__img{flex:0 0 48px;width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.kf-bpop__hw{min-width:0}
.kf-bpop__type{margin:0;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#a78bfa}
.kf-bpop .kf-bpop__name{margin:0;padding:0;font-family:inherit;font-size:.92rem;font-weight:700;letter-spacing:0;line-height:1.25;color:#fff;overflow-wrap:anywhere;border:0;text-transform:none}
.kf-bpop__desc{margin:.1rem 0 0;color:#d1d5db;font-size:.76rem}
.kf-bpop__how{margin:.5rem 0 0;padding:.4rem .5rem;border-radius:8px;background:rgba(255,255,255,.06)}
.kf-bpop__how strong{display:block;color:#e3bf20;font-size:.7rem}
.kf-bpop__how p{margin:.1rem 0 0;color:#f3f4f6;font-size:.78rem}
.kf-bpop__holders{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.5rem}
.kf-bpop__count{margin:0;font-weight:600;color:#fff;font-size:.76rem}
.kf-bpop__recent{display:flex;margin:0;padding:0;list-style:none}
.kf-bpop__recent li+li{margin-left:-6px}
.kf-bpop__recent a{display:block;border-radius:50%;line-height:0;box-shadow:0 0 0 2px #1c1c26}
.kf-bpop__recent a:focus-visible{outline:2px solid #a78bfa;outline-offset:1px}
.kf-bpop__recent img{width:24px;height:24px;border-radius:50%}
.kf-bpop__all{margin-left:auto;color:#20b5b5;font-weight:700;font-size:.76rem;text-decoration:none}
.kf-bpop__all:hover,.kf-bpop__all:focus-visible{text-decoration:underline;outline:none}
.kf-bpop a:focus-visible{box-shadow:0 0 0 2px #a78bfa;border-radius:6px}
.kf-bpop__loading,.kf-bpop__err{margin:0;color:#d1d5db}
.kf-bpop__err{color:#fca5a5}
/* Üye kartı */
.kf-upop__av{flex:0 0 48px;width:48px;height:48px;border-radius:50%;object-fit:cover}
.kf-upop__nick{margin:0;color:#9ca3af;font-size:.72rem;overflow-wrap:anywhere}
.kf-upop__notice{margin:.5rem 0 0;color:#d1d5db}
.kf-upop__meta{display:flex;flex-wrap:wrap;gap:.25rem .6rem;margin:.5rem 0 0;padding:0;list-style:none;color:#d1d5db;font-size:.74rem}
.kf-upop__rank{display:flex;align-items:center;gap:.3rem;color:#fff;font-weight:600}
.kf-upop__rank img{width:20px;height:20px;object-fit:contain}
.kf-upop__pts{color:#e3bf20;font-weight:600}
.kf-upop__joined{flex-basis:100%}
.kf-upop__badges{display:flex;align-items:center;gap:.3rem;margin-top:.45rem}
.kf-upop__badges ul{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}
.kf-upop__badges img{width:28px;height:28px;object-fit:contain}
.kf-upop__more{color:#a78bfa;font-weight:700;font-size:.74rem;text-decoration:none}
.kf-upop__acts{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}
.kf-upop__btn{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:32px;padding:.25rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;font:600 .76rem/1 inherit;text-decoration:none;cursor:pointer}
.kf-upop__btn:hover{background:rgba(255,255,255,.08);color:#fff}
.kf-upop__btn--primary{background:#6c47dc;border-color:#6c47dc}
.kf-upop__btn--primary:hover{background:#5b3bc4}
.kf-upop__btn[aria-pressed=true]{border-color:#20b5b5;color:#20b5b5}
.kf-upop__btn[disabled]{opacity:.6;cursor:progress}
.kf-upop__btn:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
.kf-upop__live{margin:.35rem 0 0;font-size:.72rem;color:#86efac;min-height:0}
.kf-upop__live:empty{display:none}
.kf-upop__live.is-err{color:#fca5a5}
@media (max-width:640px){.kf-upop__btn,.kf-bpop__all{min-height:44px}.kf-bpop__all{display:inline-flex;align-items:center}.kf-bpop__recent img{width:32px;height:32px}}
/* Sahipler sayfası */
.kf-bholders{margin:0 0 1.5rem;padding:1.1rem 1.2rem;border:1px solid var(--kf-line,#e4e7ec);border-radius:var(--kf-radius-lg,14px);background:var(--kf-surface,#fff)}
.kf-bholders__head{display:flex;gap:1rem;align-items:flex-start}
.kf-bholders__head img{flex:0 0 72px;object-fit:contain}
.kf-bholders__head h2{margin:.1rem 0 .3rem}
.kf-bholders__type{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#6c47dc}
.kf-bholders__how{margin:.4rem 0 0}
.kf-bholders__count{margin:1rem 0 .5rem;font-size:1rem}
.kf-bholders__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.4rem;margin:0;padding:0;list-style:none}
.kf-bholders__list a{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.3rem .5rem;border-radius:10px;color:var(--kf-heading,#101828);text-decoration:none}
.kf-bholders__list a:hover,.kf-bholders__list a:focus-visible{background:var(--kf-surface-alt,#f2f4f7)}
.kf-bholders__list img{border-radius:50%}
.kf-bholders__pager{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:1rem}
.kf-bholders__pager a{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--kf-line,#e4e7ec);text-decoration:none}
.kf-bholders__pager a[aria-current]{background:#6c47dc;color:#fff;border-color:#6c47dc}
.kf-bholders__empty{color:var(--kf-muted,#667085)}