/* Styles for the clubs area (#/clubs, #/club/<id>, club slots on home / profile / player). Black & gold. */
.crest{display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
.clogo{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:22%;overflow:hidden;position:relative}
.clogo img{width:100%;height:100%;object-fit:cover;display:block}
.clogo:not(.cr){border:2px solid var(--gd);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 4px 12px rgba(242,193,78,.18);background:#0B0B0C}
.clogo.cr{border-radius:0;overflow:visible}
.ctag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:6px;font-size:10.5px;font-weight:800;letter-spacing:.04em;flex:none;
  color:#241800;background:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.55);font-family:'Poppins','IBM Plex Sans Arabic',sans-serif;line-height:1}
h1+.ctag.by-name,h2+.ctag,h1+.ctag{height:20px;font-size:11.5px}
.lvn.rd{background:var(--rd);color:#fff}

/* home / profile / player entry points */
.club-home{align-items:center}
.club-home .clogo.cr{margin:-4px 0}
.club-row{gap:12px;padding:12px 14px;align-items:center}
.club-pslot{padding:0 14px 16px}
.club-pslot:empty{display:none}

/* #/clubs */
.clubs-scr{gap:14px}
.cl-mine{gap:12px}
.cl-mine h2{font-size:18px}
.cl-stats{gap:6px;border-top:1px solid #26262B;padding-top:10px}
.cl-stats>div,.club-stats>div{display:flex;flex-direction:column;gap:2px}
.cl-stats b{font-size:16px;color:var(--gd)}
.cl-cta{align-items:center}
.cl-cta h3{font-size:16px}
.cl-list,.cl-board,.cm-list{padding:2px 14px}
.cl-item{gap:10px}
.cl-item>a{gap:10px}
.cl-meta{gap:10px;flex-wrap:wrap}
.cl-meta .row{gap:3px}
.cl-side{align-items:flex-end;gap:6px;flex:none}
.cl-side .sbt{height:32px;font-size:12px}
.cl-empty{padding:28px 0}
.tabs.seg-sm{padding:3px;border-radius:12px}
.tabs.seg-sm>*{height:36px;font-size:12px;padding:0 12px;flex:none}
.cl-rank{gap:10px}
.cl-rank.me{background:linear-gradient(90deg,rgba(242,193,78,.14),rgba(242,193,78,.02));border-radius:12px;padding-inline:8px;margin-inline:-8px;width:auto}
.cl-rank .cl-mem{gap:3px}
.clubs-scr input[type=search]::-webkit-search-cancel-button,.cl-sheet input[type=search]::-webkit-search-cancel-button,.md input[data-iq]::-webkit-search-cancel-button{display:none}
.clubs-scr .inp-w .inp,.md .inp-w .inp{padding-inline-end:44px}
.cl-rank .rk{width:34px;display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:13px;color:var(--mu);flex:none;line-height:1}
.cl-rank .rk.r1{color:#FFD45C}.cl-rank .rk.r2{color:#D9DEE8}.cl-rank .rk.r3{color:#E0965A}
.pn.cl-rank.me{margin:0;padding:12px 14px}

/* create sheet */
.cl-sheet{max-height:92vh;overflow-y:auto}
.cl-form{gap:12px}
.cl-form .fld{gap:6px}
.cl-form textarea.inp{height:auto;padding:10px 14px;resize:none;line-height:1.5}
.cl-form select.inp{appearance:none;-webkit-appearance:none}
.cl-logo-row{gap:14px}
.cl-preview{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:20px;flex:none;
  background:radial-gradient(60% 60% at 50% 40%,rgba(242,193,78,.22),rgba(242,193,78,0) 70%),#0B0B0C;border:1px solid var(--ln)}
.cl-up{align-self:flex-start;cursor:pointer}
.cl-embs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.cl-emb{height:52px;border-radius:12px;background:var(--s2);border:1.5px solid var(--ln);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.cl-emb.on{border-color:var(--gd);background:linear-gradient(180deg,rgba(242,193,78,.2),rgba(242,193,78,.04))}
.cl-emb .crest{filter:none}
.cl-tag-in{text-transform:uppercase;font-weight:700;letter-spacing:.06em}
.cl-privs{gap:6px}
.cl-priv{border-radius:12px;background:var(--s2);border:1.5px solid var(--ln);padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.cl-priv b{font-size:13px}.cl-priv .xs{line-height:1.3}
.cl-priv.on{border-color:var(--gd);background:linear-gradient(180deg,rgba(242,193,78,.18),rgba(242,193,78,.04))}
.cl-priv.on svg{color:var(--gd)}

/* #/club/<id> */
.club-scr{gap:12px}
.club-hero{gap:12px}
.club-hero h1{font-size:20px}
.club-stats{gap:4px;border-top:1px solid #26262B;padding-top:10px}
.club-stats b{font-size:15px;color:var(--gd)}
.club-stats span{font-size:10.5px;color:var(--mu)}
.club-pane{gap:12px}
.club-chat{gap:8px}
.cc-msgs{height:clamp(260px,calc(100dvh - 470px),640px);overflow-y:auto;gap:4px;padding:12px;border-radius:18px;border:1px solid var(--ln);
  background:radial-gradient(90% 60% at 50% 0%,rgba(242,193,78,.06),rgba(242,193,78,0) 70%),var(--suits),#0A0A0B;scrollbar-width:thin}
.cc-day,.cc-more{align-self:center;margin:6px 0}
.cc-empty{margin:auto}
.cc-sys{align-self:center;font-size:11.5px;color:var(--mu);background:rgba(255,255,255,.04);border:1px solid #232328;border-radius:999px;padding:3px 12px;margin:4px 0;text-align:center}
.cc-row{display:flex;align-items:flex-end;gap:6px;max-width:88%}
.cc-row.first{margin-top:6px}
.cc-row.out{align-self:flex-end}
.cc-row.in{align-self:flex-start}
.cc-gap{width:30px;flex:none}
.club-chat .bub{padding:7px 12px 5px;border-radius:16px;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:1px;word-break:break-word;white-space:pre-wrap;min-width:0}
.club-chat .bub.in{background:var(--s3)}
.club-chat .cc-row.in.first .bub{border-start-start-radius:4px}
.club-chat .bub.out{background:var(--gold);color:#241800}
.club-chat .cc-row.out.first .bub{border-start-end-radius:4px}
.club-chat .bub .tm{font-style:normal;font-size:10px;opacity:.6;align-self:flex-end}
.cc-name{font-size:11.5px;color:var(--gd)}
.cc-form .inp{height:46px}
.cc-form .send{background:var(--gold);color:#241800;border:0;width:46px;height:46px}
.cm-row{gap:10px}
.cm-row>a{gap:10px}
.cm-role{height:20px;padding:0 7px;font-size:10.5px;gap:3px}
.cm-pts{align-items:flex-end;flex:none;gap:0}
.cl-inv{max-height:50vh;overflow-y:auto}
.ci-desc{line-height:1.7;white-space:pre-wrap}
.cl-upl{position:relative}
/* ---- redesign pass: skeletons, list cards, section headers ---- */
.cl-list,.cl-board,.cm-list{background:var(--surf);box-shadow:var(--hl),var(--sh1)}
.cl-sk{height:58px;border-radius:12px;margin:8px 0}
.club-skh{height:176px;border-radius:var(--r3)}.club-skt{height:48px;border-radius:var(--r2)}.club-skb{height:260px;border-radius:18px}
.cl-invs{padding-block:4px}
.cm-head .tabs{order:2}
.cc-empty.emp{padding:18px 10px}
.ci-about{background:radial-gradient(80% 90% at 88% 0%,rgba(242,193,78,.12),rgba(242,193,78,0) 65%),var(--surf)}
.club-hero,.cl-mine{position:relative;overflow:hidden;isolation:isolate}
.club-hero::after,.cl-mine::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--suits);opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.cl-rank.me{box-shadow:inset 0 0 0 1px rgba(242,193,78,.25)}

@media (min-width:900px){
  .cc-msgs{height:clamp(280px,calc(100vh - 480px),680px)}
  .cl-embs{grid-template-columns:repeat(12,minmax(0,1fr))}
  .clubs-scr,.club-scr{padding-top:18px}
}