.club-detail-panel{--cdp-navy:#0f1b2e;--cdp-red:#e63946;--cdp-bg:#f7f8fa;--cdp-line:#e1e6ec;inset:0;pointer-events:none;position:fixed;z-index:4200}
.club-detail-panel[aria-hidden="true"]{visibility:hidden}
.club-detail-panel__backdrop{background:rgba(15,27,46,.55);border:0;inset:0;opacity:0;padding:0;position:absolute;transition:opacity .2s;width:100%}
.club-detail-panel__shell{background:var(--cdp-bg);box-shadow:-20px 0 54px rgba(15,27,46,.24);display:flex;flex-direction:column;height:100dvh;max-width:520px;min-width:420px;position:absolute;right:0;top:0;transform:translateX(102%);transition:transform .22s ease;width:min(44vw,520px)}
.club-detail-panel.is-open{pointer-events:auto;visibility:visible}.club-detail-panel.is-open .club-detail-panel__backdrop{opacity:1}.club-detail-panel.is-open .club-detail-panel__shell{transform:none}
.club-detail-panel__header{align-items:center;background:#fff;border-bottom:1px solid var(--cdp-line);display:grid;flex:none;gap:10px;grid-template-columns:44px 48px minmax(0,1fr) 44px;padding:14px 16px}
.club-detail-panel__back,.club-detail-panel__actions>button{align-items:center;background:#f2f4f7;border:1px solid #dce2e8;border-radius:12px;color:var(--cdp-navy);display:flex;height:44px;justify-content:center;width:44px}
.club-detail-panel__avatar{align-items:center;background:#edf1f5;border:1px solid #dce2e8;border-radius:50%;color:var(--cdp-navy);display:flex;font-size:.75rem;font-weight:800;height:48px;justify-content:center;overflow:hidden;width:48px}.club-detail-panel__avatar img{height:100%;object-fit:cover;width:100%}
.club-detail-panel__identity{min-width:0}.club-detail-panel__identity h2{color:var(--cdp-navy);font-size:1rem;font-weight:800;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-detail-panel__identity p{color:#667085;font-size:.7rem;font-weight:650;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
.club-detail-panel__actions{position:relative}.club-detail-panel__actions>div{background:#fff;border:1px solid var(--cdp-line);border-radius:12px;box-shadow:0 16px 38px rgba(15,27,46,.18);display:grid;min-width:190px;padding:6px;position:absolute;right:0;top:50px;z-index:3}.club-detail-panel__actions>div[hidden]{display:none}.club-detail-panel__actions a{border-radius:8px;color:#344054;font-size:.8rem;font-weight:650;padding:10px;text-decoration:none}.club-detail-panel__actions a:hover{background:#fff2f3;color:var(--cdp-navy)}.club-detail-panel__actions a i{color:#7a8594;margin-right:8px;width:16px}
.club-detail-panel__tabs{background:#fff;border-bottom:1px solid var(--cdp-line);display:flex;flex:none;gap:7px;overflow-x:auto;padding:10px 14px;scrollbar-width:thin}.club-detail-panel__tabs button{align-items:center;background:#f1f3f6;border:1px solid transparent;border-radius:999px;color:#596579;display:flex;flex:none;font-size:.74rem;font-weight:750;gap:7px;min-height:40px;padding:8px 13px}.club-detail-panel__tabs button.is-active{background:var(--cdp-navy);color:#fff}.club-detail-panel__tabs button i{color:#8b96a5}.club-detail-panel__tabs button.is-active i{color:#ff8c94}
.club-detail-panel__content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px}.club-detail-panel__content>.club-tab-section,.club-detail-panel__content>.club-overview-section{background:transparent;border:0;padding:0}.club-detail-panel__content .club-section-heading h2{color:var(--cdp-navy)}
.club-detail-panel__skeleton{display:grid;gap:14px}.club-detail-panel__skeleton>span,.club-detail-panel__skeleton article{animation:clubDetailPulse 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e8ebef,#f6f7f8,#e8ebef);background-size:200% 100%;border-radius:12px}.club-detail-panel__skeleton>span{height:24px;width:52%}.club-detail-panel__skeleton article{height:92px}.club-detail-panel__error{align-items:center;color:#667085;display:flex;flex-direction:column;justify-content:center;min-height:280px;text-align:center}.club-detail-panel__error i{color:var(--cdp-red);font-size:1.6rem}.club-detail-panel__error strong{color:var(--cdp-navy);margin:12px 0 4px}.club-detail-panel__error button{background:var(--cdp-red);border:0;border-radius:9px;color:#fff;font-weight:700;margin-top:14px;padding:10px 18px}
.club-detail-panel__content .club-members-card,.club-detail-panel__content .club-secondary-card,.club-detail-panel__content .club-game-card,.club-detail-panel__content .challenge-card,.club-detail-panel__content .club-about-description{border-color:var(--cdp-line);box-shadow:none}.club-detail-panel__content .club-members-table{min-width:680px}.club-detail-panel__content img{max-width:100%;object-fit:cover}
body.club-detail-panel-open{overflow:hidden}
@keyframes clubDetailPulse{50%{background-position:100% 0;opacity:.72}}
@media(max-width:767.98px){.club-detail-panel__shell{max-width:none;width:100%}.club-detail-panel__backdrop{display:none}.club-detail-panel__header{padding:calc(10px + env(safe-area-inset-top)) 12px 10px}.club-detail-panel__content{padding:18px 16px calc(26px + env(safe-area-inset-bottom))}.club-detail-panel__content .club-members-table{min-width:0}.club-detail-panel__content .club-members-table thead{display:none}.club-detail-panel__content .club-members-table,.club-detail-panel__content .club-members-table tbody,.club-detail-panel__content .club-members-table tr,.club-detail-panel__content .club-members-table td{display:block;width:100%}.club-detail-panel__content .club-members-table tr{background:#fff;border:1px solid var(--cdp-line);border-radius:14px;margin-bottom:10px;padding:14px}.club-detail-panel__content .club-members-table td{border:0;padding:5px 0}.club-detail-panel__content .club-games-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.club-detail-panel__backdrop,.club-detail-panel__shell,.club-detail-panel__skeleton>*{animation:none;transition:none}}
@media(max-width:767.98px){.club-detail-panel__shell{min-width:0}}
.club-detail-panel__actions [data-club-detail-share]{background:transparent;border:0;border-radius:8px;color:#344054;font-size:.8rem;font-weight:650;padding:10px;text-align:left;width:100%}.club-detail-panel__actions [data-club-detail-share]:hover{background:#fff2f3;color:var(--cdp-navy)}.club-detail-panel__actions [data-club-detail-share] i{color:#7a8594;margin-right:8px;width:16px}
.club-detail-panel__content .table-responsive{overflow:visible}.club-detail-panel__content .club-members-table{border:0;min-width:0}.club-detail-panel__content .club-members-table thead{display:none}.club-detail-panel__content .club-members-table,.club-detail-panel__content .club-members-table tbody,.club-detail-panel__content .club-members-table tr{display:block;width:100%}.club-detail-panel__content .club-members-table tr{background:#fff;border:1px solid var(--cdp-line);border-radius:14px;box-shadow:0 5px 16px rgba(15,27,46,.045);margin-bottom:10px;padding:14px}.club-detail-panel__content .club-members-table tbody td{border:0;display:none!important;padding:0;text-align:left!important}.club-detail-panel__content .club-members-table tbody td[data-label="Member"],.club-detail-panel__content .club-members-table tbody td.text-end{display:block!important}.club-member-meta{display:none}.club-detail-panel__content .club-member-person{display:grid;align-items:center;gap:16px;grid-template-columns:54px minmax(0,1fr)}.club-detail-panel__content .club-member-avatar{width:54px;height:54px;border:1px solid var(--cdp-line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.club-detail-panel__content .club-member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.club-detail-panel__content .club-member-meta{display:block;color:#687284;font-size:12px;margin-top:3px}.club-detail-panel__content .club-members-table tbody td.text-end{margin-top:10px}.club-detail-panel__content .club-member-actions{display:flex;gap:8px;justify-content:flex-end;width:100%}
#addMemberModal.modal{z-index:4500}#addMemberModal~.modal-backdrop{z-index:4450}#clubShareModal.modal{z-index:4500}#clubShareModal~.modal-backdrop{z-index:4450}.club-member-heading-actions{display:flex;gap:8px}.club-add-member-search{position:relative;margin-bottom:18px}.club-add-member-search>i{color:#8b96a5;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.club-add-member-search input{background:#f6f8fb;border:1px solid #dce2e8;border-radius:12px;font-size:.95rem;padding:13px 15px 13px 42px;width:100%}.club-add-member-search input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14);outline:0}.club-add-member-results{display:grid;gap:9px;max-height:420px;overflow-y:auto}.club-add-member-hint{color:#7a8798;font-size:.9rem;margin:22px 0 0;text-align:center}.club-add-member-loading i{margin-right:8px}.club-add-member-user{align-items:center;background:#f9fafb;border:1px solid #e4e9ef;border-radius:12px;display:grid;gap:13px;grid-template-columns:44px minmax(0,1fr) auto;padding:11px 13px}.club-add-member-user__body{min-width:0}.club-add-member-user__body strong{color:#202b3c;display:block;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-add-member-user__body small{color:#7a8798;display:block;font-size:.75rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.club-add-member-user .club-member-avatar{align-items:center;background:#edf1f5;border:1px solid #dce2e8;border-radius:50%;display:flex;height:44px;justify-content:center;overflow:hidden;width:44px}.club-add-member-user .club-member-avatar img{height:100%;object-fit:cover;width:100%}.club-add-member-initials{color:#344054;font-size:.68rem;font-weight:800}.club-add-member-invite{background:#2563eb;border:1px solid #2563eb;border-radius:9px;color:#fff;font-size:.78rem;font-weight:650;padding:8px 12px}.club-add-member-invite:disabled{background:#c7d7f7;border-color:#c7d7f7;cursor:not-allowed}
@media(max-width:767.98px){.club-add-member-user{grid-template-columns:40px minmax(0,1fr)}.club-add-member-user .club-member-avatar{height:40px;width:40px}.club-add-member-invite{grid-column:1/-1;justify-self:end;min-width:120px}}