@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--navy-deep: #051e47;--navy: #072f73;--navy2: #0a3f96;--navy3: #1252bd;--lime: #c8f000;--lime-bright: #d4ff00;--lime-soft: #8ade2a;--lime-tint: rgba(200, 240, 0, .14);--bg: #f4f7fb;--surface: #ffffff;--soft: #eef3f9;--soft-2: #e3ebf6;--ink: #0c1b33;--ink-2: #1e3354;--muted: #526582;--line: rgba(7, 47, 115, .11);--line-strong: rgba(7, 47, 115, .2);--cr-blue: #072f73;--cr-bg: rgba(7, 47, 115, .08);--ggs-teal: #0b6b53;--ggs-bg: rgba(11, 107, 83, .1);--success: #127c42;--success-bg: #e7f8ef;--warning: #b25e09;--warning-bg: #fef4e6;--danger: #b42318;--danger-bg: #fdeceb;--shadow-xs: 0 2px 6px rgba(6, 30, 71, .05);--shadow-sm: 0 6px 18px rgba(6, 30, 71, .06);--shadow: 0 14px 34px rgba(6, 30, 71, .09);--shadow-lg: 0 24px 56px rgba(5, 30, 71, .16);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.15}button,input,select,textarea{font-family:inherit}.shell{width:min(1320px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:60;background:#051e47f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #051e472e}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand-logo{height:44px;width:auto;display:block;background:#fff;padding:4px 8px;border-radius:10px;box-shadow:0 2px 8px #0000002e}.brand-rule{width:1px;height:28px;background:#fff3}.brand-product{display:flex;flex-direction:column;line-height:1.05}.brand-name-top{font-family:var(--font-display);font-size:.96rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff}.brand-name-bottom{font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);margin-top:2px}.nav-links{display:flex;align-items:center;gap:6px;padding:5px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.nav-links a{text-decoration:none;color:#ffffffd1;font-size:.85rem;font-weight:700;padding:8px 16px;border-radius:999px;transition:all .18s ease}.nav-links a:hover{color:#fff;background:#ffffff17}.nav-links a.is-active{background:var(--lime);color:var(--navy-deep);font-weight:800;box-shadow:0 4px 12px #c8f00040}.nav-actions{display:flex;align-items:center;gap:10px}.nav-login{text-decoration:none;color:#fff;font-size:.85rem;font-weight:700;padding:9px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;transition:all .18s ease}.nav-login:hover{background:#ffffff24}.nav-cta{display:inline-flex;align-items:center;gap:7px;text-decoration:none;padding:9px 16px;border-radius:10px;background:var(--lime);color:var(--navy-deep);font-family:var(--font-display);font-size:.84rem;font-weight:800;box-shadow:0 6px 18px #c8f0003d;transition:transform .18s ease,background .18s ease}.nav-cta:hover{transform:translateY(-1px);background:var(--lime-bright)}.nav-cta.nav-portal-btn{padding:6px 12px;font-size:.78rem;font-weight:800;gap:5px;height:34px;border-radius:9px;white-space:nowrap;box-sizing:border-box;letter-spacing:-.01em}.nav-cta.nav-admin-btn{padding:6px 12px;font-size:.78rem;font-weight:800;gap:5px;height:34px;border-radius:9px;white-space:nowrap;box-sizing:border-box;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:0 2px 8px #0000001a;letter-spacing:-.01em}.nav-cta.nav-admin-btn:hover{background:#fff;color:var(--navy);border-color:#fff;transform:translateY(-1px)}.member-menu{position:relative}.member-badge{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}.member-avatar{width:28px;height:28px;border-radius:50%;background:var(--lime);color:var(--navy-deep);display:inline-grid;place-items:center;font-size:.72rem;font-weight:800;flex-shrink:0}.member-drop{position:absolute;right:0;top:calc(100% + 10px);width:270px;padding:8px;border-radius:16px;background:#fff;border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);z-index:90}.member-drop-link,.member-drop-btn{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:background .15s ease}.member-drop-link+.member-drop-link,.member-drop-link+.member-drop-btn{margin-top:2px}.member-drop-link:hover,.member-drop-btn:hover{background:var(--soft)}.member-drop-title{font-family:var(--font-display);font-size:.82rem;font-weight:800;color:var(--navy)}.member-drop-desc{font-size:.72rem;color:var(--muted)}.mobile-menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px;color:#fff;cursor:pointer}.mobile-nav-drawer{display:none}.eyebrow{margin:0 0 8px;color:var(--lime);font-family:var(--font-display);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.eyebrow.dark{color:var(--navy2)}.btn-primary,.btn-secondary,.btn-navy{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-family:var(--font-display);font-size:.88rem;font-weight:800;text-decoration:none;cursor:pointer;transition:all .18s ease}.btn-primary{border:0;background:var(--lime);color:var(--navy-deep);box-shadow:0 8px 20px #c8f00040}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--lime-bright);box-shadow:0 12px 26px #c8f00057}.btn-navy{border:0;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;box-shadow:0 8px 20px #072f7333}.btn-navy:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,var(--navy2),var(--navy3))}.btn-secondary{border:1px solid var(--line-strong);background:#fff;color:var(--navy)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:var(--navy);background:var(--soft)}.btn-secondary.on-dark{background:#ffffff14;color:#fff;border-color:#ffffff38}.btn-secondary.on-dark:hover{background:#ffffff26}.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.platform-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.platform-badge.courtreserve{background:var(--navy);color:#fff}.platform-badge.goodgamesports{background:var(--ggs-teal);color:#fff}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.status-badge.open,.status-badge.registration_open{background:#c8f00052;color:var(--navy-deep);border:1px solid rgba(138,222,42,.55)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex-shrink:0}.status-badge.open .status-dot,.status-badge.registration_open .status-dot{background:#4d7c0f}.status-badge.active .status-dot{background:#15803d}.status-badge.upcoming .status-dot{background:#1d4ed8}.status-badge.completed .status-dot{background:#64748b}.status-badge.upcoming{background:#e2eeff;color:var(--navy2)}.status-badge.active{background:var(--success-bg);color:var(--success)}.status-badge.completed{background:#eaeff7;color:var(--muted)}.status-badge.waitlist,.status-badge.closed{background:var(--warning-bg);color:var(--warning)}.participation-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.participation-pill.bookmarked{background:var(--soft);color:var(--navy);border:1px solid var(--line)}.participation-pill.registered{background:#e2eeff;color:var(--navy2)}.participation-pill.accepted{background:#c8f00059;color:var(--navy-deep)}.participation-pill.completed{background:#eceff5;color:var(--muted)}.lc-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 86% 18%,rgba(200,240,0,.16),transparent 36%),radial-gradient(circle at 12% 85%,rgba(18,82,189,.45),transparent 42%),linear-gradient(135deg,#04193b,#072f73 58%,#0a3f96);color:#fff;padding:56px 0 64px;border-bottom:4px solid var(--lime)}.lc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.lc-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:36px;align-items:center}.lc-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#c8f00024;border:1px solid rgba(200,240,0,.38);color:var(--lime);font-family:var(--font-display);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.lc-hero-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.lc-hero-title{margin:0 0 16px;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.06;letter-spacing:-.035em;color:#fff}.lc-hero-title span{color:var(--lime)}.lc-hero-subtitle{margin:0 0 26px;max-width:60ch;font-size:1.04rem;line-height:1.65;color:#ffffffd6}.lc-quick-finder{background:#fffffffa;border-radius:18px;padding:10px;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.8fr) minmax(140px,.8fr) auto;gap:8px;box-shadow:0 20px 44px #03122e59;margin-bottom:24px}.lc-finder-field{display:flex;flex-direction:column;padding:6px 12px;border-radius:12px;background:var(--soft)}.lc-finder-field label{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px}.lc-finder-field input,.lc-finder-field select{border:0;background:transparent;color:var(--navy-deep);font-size:.88rem;font-weight:700;padding:2px 0;outline:none;width:100%}.lc-finder-submit{border:0;border-radius:12px;padding:0 22px;background:var(--navy);color:#fff;font-family:var(--font-display);font-size:.88rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .18s ease,transform .18s ease}.lc-finder-submit:hover{background:var(--navy2);transform:translateY(-1px)}.lc-hero-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.lc-hero-stats{display:flex;flex-wrap:wrap;gap:22px}.lc-hero-stat{display:flex;align-items:baseline;gap:7px}.lc-hero-stat strong{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--lime)}.lc-hero-stat span{font-size:.8rem;font-weight:600;color:#ffffffc7}.lc-hero-showcase{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:22px;box-shadow:0 24px 52px #03122e61;display:flex;flex-direction:column;gap:16px}.lc-showcase-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.lc-showcase-title-wrap{display:flex;align-items:center;gap:7px;min-width:0}.lc-showcase-icon{color:var(--lime);flex-shrink:0}.lc-showcase-title{font-family:var(--font-display);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-live-schedule-badge{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;background:#c8f0002e;color:var(--lime);border:1px solid rgba(200,240,0,.38);flex-shrink:0}.lc-live-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:lcLivePulse 2s infinite ease-in-out}@keyframes lcLivePulse{0%{transform:scale(.9);box-shadow:0 0 #c8f000b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #c8f00000}to{transform:scale(.9);box-shadow:0 0 #c8f00000}}.lc-spotlight-box{background:#fff;color:var(--ink);border-radius:18px;padding:20px;box-shadow:0 16px 36px #00081c38;border:1px solid rgba(255,255,255,.95);display:flex;flex-direction:column}.lc-spotlight-top-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.lc-spotlight-facility-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lc-spotlight-sport-row{margin-bottom:6px}.lc-spotlight-provider-badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#072f7312;color:var(--navy);border:1px solid rgba(7,47,115,.12)}.lc-spotlight-title{margin:0 0 12px;font-size:1.25rem;font-weight:800;line-height:1.3;color:var(--navy-deep)}.lc-spotlight-title a{color:var(--navy-deep);text-decoration:none;transition:color .16s ease}.lc-spotlight-title a:hover{color:var(--navy3)}.lc-spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px;background:var(--soft);border-radius:12px;border:1px solid rgba(7,47,115,.08);margin-bottom:12px}@media(max-width:440px){.lc-spotlight-grid{grid-template-columns:1fr}}.lc-spotlight-grid-item{display:flex;align-items:flex-start;gap:8px;min-width:0}.lc-grid-icon{color:var(--navy2);flex-shrink:0;margin-top:2px;opacity:.85}.lc-grid-text{display:flex;flex-direction:column;min-width:0}.lc-grid-label{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.lc-grid-value{font-size:.82rem;font-weight:700;color:var(--ink);white-space:normal;line-height:1.25;word-break:break-word}.lc-spotlight-status-banner{margin-bottom:14px}.lc-status-banner-open,.lc-status-banner-urgent,.lc-status-banner-full{display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:9px;font-size:.77rem;font-weight:700;width:100%;box-sizing:border-box}.lc-status-banner-open{color:#127c42;background:#e7f8ef;border:1px solid #b7ebd0}.lc-status-banner-urgent{color:#b25e09;background:#fef4e6;border:1px solid #fed7aa}.lc-status-banner-full{color:#b42318;background:#fdeceb;border:1px solid #fecdd3}.lc-spotlight-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lc-btn-spotlight-primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:130px;padding:10px 16px;border-radius:11px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;font-family:var(--font-display);font-size:.84rem;font-weight:800;text-decoration:none;transition:all .16s ease;box-shadow:0 4px 14px #072f7333}.lc-btn-spotlight-primary:hover{background:linear-gradient(135deg,var(--navy2),var(--navy3));transform:translateY(-1px);color:#fff}.lc-btn-spotlight-register{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:11px;background:var(--lime);color:var(--navy-deep);font-family:var(--font-display);font-size:.84rem;font-weight:800;text-decoration:none;transition:all .16s ease;box-shadow:0 4px 14px #c8f00047;border:1px solid rgba(200,240,0,.4)}.lc-btn-spotlight-register:hover{background:var(--lime-bright);transform:translateY(-1px);color:var(--navy-deep)}.lc-btn-spotlight-chat{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:11px;background:var(--soft);color:var(--navy);font-family:var(--font-display);font-size:.82rem;font-weight:700;text-decoration:none;border:1px solid rgba(7,47,115,.12);transition:all .16s ease}.lc-btn-spotlight-chat:hover{background:var(--soft-2);border-color:var(--navy3);color:var(--navy3);transform:translateY(-1px)}.lc-mini-feed{display:grid;gap:9px}.lc-mini-feed-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px}.lc-mini-feed-heading{font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.lc-mini-feed-count{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:6px;background:#ffffff1a;color:#ffffffd9}.lc-mini-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:13px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-left:4px solid rgba(255,255,255,.3);text-decoration:none;color:#fff;transition:all .18s ease}.lc-mini-item.branch-south{border-left-color:#a3e635}.lc-mini-item.branch-east{border-left-color:#2dd4bf}.lc-mini-item.branch-north{border-left-color:#60a5fa}.lc-mini-item:hover{background:#ffffff24;border-color:#ffffff38;transform:translate(3px);box-shadow:0 8px 20px #03122e40}.lc-mini-item-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.lc-mini-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.facility-pill-mini{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:#ffffff29;color:#fff}.facility-pill-mini.branch-south{background:#a3e63533;color:#d9f99d}.facility-pill-mini.branch-east{background:#2dd4bf33;color:#99f6e4}.facility-pill-mini.branch-north{background:#60a5fa33;color:#bfdbfe}.status-badge-mini{display:inline-flex;align-items:center;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:#ffffff1f;color:#ffffffd9}.status-badge-mini.open,.status-badge-mini.registration_open{background:#c8f00040;color:var(--lime)}.status-badge-mini.active{background:#127c4259;color:#86efac}.status-badge-mini.upcoming{background:#3b82f640;color:#93c5fd}.status-badge-mini.completed{background:#ffffff24;color:#ffffffb3}.lc-mini-skill-tag{font-size:.62rem;font-weight:700;color:#ffffffad}.lc-mini-item-title{font-size:.87rem;font-weight:700;color:#fff;display:block;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-mini-item-sub{font-size:.72rem;color:#ffffffb8;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.lc-mini-arrow-btn{width:32px;height:32px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:var(--lime);flex-shrink:0;transition:all .18s ease}.lc-mini-item:hover .lc-mini-arrow-btn{background:var(--lime);border-color:var(--lime);color:var(--navy-deep);transform:translate(3px)}.lc-mini-feed-all-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:11px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.22);color:#ffffffe6;font-family:var(--font-display);font-size:.79rem;font-weight:800;text-decoration:none;letter-spacing:.02em;transition:all .16s ease;margin-top:3px}.lc-mini-feed-all-link:hover{background:#ffffff24;border-color:var(--lime);color:var(--lime);transform:translateY(-1px)}.lc-clubs-section{padding:48px 0 20px}.lc-clubs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lc-club-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.lc-club-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lc-club-banner{background:linear-gradient(135deg,var(--navy-deep),var(--navy2));color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid var(--lime)}.lc-club-banner h3{margin:2px 0 0;font-size:1.22rem;color:#fff}.lc-club-count{background:var(--lime);color:var(--navy-deep);font-family:var(--font-display);font-size:.74rem;font-weight:800;padding:5px 11px;border-radius:999px;white-space:nowrap}.lc-club-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.lc-club-league-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--soft);text-decoration:none;transition:background .15s ease}.lc-club-league-row:hover{background:var(--soft-2)}.lc-club-league-name{font-size:.86rem;font-weight:700;color:var(--navy-deep);display:block}.lc-club-league-meta{font-size:.74rem;color:var(--muted);font-weight:600}.lc-club-foot{padding:12px 20px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.section{padding:44px 0 56px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.section h2{margin:0;color:var(--navy-deep);font-size:clamp(1.65rem,2.8vw,2.25rem)}.section-note{margin:0;max-width:38rem;color:var(--muted);font-size:.94rem}.filter-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:9px 16px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);font-family:var(--font-display);font-size:.8rem;font-weight:800;cursor:pointer;transition:all .16s ease}.pill:hover{border-color:var(--navy);background:var(--soft)}.pill.is-active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 4px 12px #072f7333}.league-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.league-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.league-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:4px;border-radius:0 0 6px 6px;background:var(--navy)}.league-card.branch-south:before{background:#65a30d}.league-card.branch-east:before{background:#0d9488}.league-card.branch-north:before{background:var(--navy)}.league-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#072f7338}.league-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.facility-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--soft);color:var(--navy-deep);border:1px solid rgba(7,47,115,.12)}.facility-pill.branch-south{background:#f7fee7;color:#3f6212;border-color:#d9f99d}.facility-pill.branch-east{background:#f0fdfa;color:#115e59;border-color:#99f6e4}.facility-pill.branch-north{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.league-card-header-block{display:flex;flex-direction:column;gap:4px}.league-tags-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.tag-sport{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--navy2)}.tag-format{font-size:.68rem;font-weight:600;color:var(--muted);background:#072f730d;padding:1px 7px;border-radius:6px}.league-card-title{margin:0;color:var(--navy-deep);font-size:1.15rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.league-card-title a{color:var(--navy-deep);text-decoration:none;transition:color .15s ease}.league-card-title a:hover{color:var(--navy3)}.league-card-desc{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.league-specs-box{display:flex;flex-direction:column;gap:9px;padding:12px 14px;border-radius:14px;background:var(--soft);border:1px solid rgba(7,47,115,.07)}.spec-row{display:flex;align-items:flex-start;gap:9px;min-width:0}.spec-row-icon{flex-shrink:0;margin-top:2px;color:var(--navy3);opacity:.85}.spec-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.spec-row-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.spec-row-label{font-size:.63rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.spec-row-value{font-size:.82rem;font-weight:700;color:var(--navy-deep);line-height:1.35;word-break:break-word}.spec-row-subvalue{display:block;font-size:.74rem;font-weight:600;color:var(--navy2);margin-top:1px}.roster-numbers{font-size:.78rem;font-weight:700;color:var(--navy-deep);display:inline-flex;align-items:center;gap:5px}.roster-numbers strong{font-weight:800}.roster-pct{font-size:.72rem;color:var(--muted);font-weight:600}.roster-badge-pill{display:inline-flex;padding:1px 6px;border-radius:5px;font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.roster-badge-pill.almost-full{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}.roster-badge-pill.full{background:#e2e8f0;color:#475569}.roster-capacity-wrap{width:100%;margin-top:4px}.roster-bar-track{width:100%;height:6px;background:#072f7317;border-radius:999px;overflow:hidden}.roster-bar-fill{height:100%;border-radius:999px;background:var(--navy3);transition:width .3s ease}.roster-bar-fill.is-high{background:#16a34a}.roster-bar-fill.is-almost-full{background:#ea580c}.roster-bar-fill.is-full{background:#64748b}.league-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;border-radius:14px;background:var(--soft);border:1px solid rgba(7,47,115,.06)}.league-meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.league-meta-label{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.league-meta-value{font-size:.82rem;font-weight:700;color:var(--navy-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-card-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.bookmark-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:var(--navy);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;flex-shrink:0}.bookmark-btn:hover{background:var(--soft);border-color:var(--navy)}.bookmark-btn.is-saved{background:#c8f00047;border-color:#8ade2ab3;color:var(--navy-deep)}.card-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;border-radius:10px;font-family:var(--font-display);font-size:.82rem;font-weight:800;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);flex:1;text-align:center}.card-action-btn.action-completed{background:var(--soft);color:var(--navy-deep);border:1px solid var(--line-strong)}.card-action-btn.action-completed:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);transform:translateY(-1px)}.card-action-btn.action-open{background:var(--lime);color:var(--navy-deep);border:1px solid rgba(138,222,42,.6);box-shadow:0 2px 8px #c8f00052}.card-action-btn.action-open:hover{background:var(--lime-bright);transform:translateY(-1px)}.card-action-btn.action-active{background:#e2eeff;color:var(--navy2);border:1px solid rgba(18,82,189,.25)}.card-action-btn.action-active:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}.card-action-btn.action-default{background:var(--soft);color:var(--navy);border:1px solid var(--line-strong)}.card-action-btn.action-default:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}.view-league-link{display:inline-flex;align-items:center;gap:5px;color:var(--navy);font-family:var(--font-display);font-size:.84rem;font-weight:800;text-decoration:none}.view-league-link:hover{color:var(--navy3)}.league-list-container{display:flex;flex-direction:column;gap:12px}.league-row-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:#fff;border-radius:16px;border:1px solid var(--line);border-left:5px solid var(--navy);box-shadow:var(--shadow-sm);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.league-row-card.branch-south{border-left-color:#65a30d}.league-row-card.branch-east{border-left-color:#0d9488}.league-row-card.branch-north{border-left-color:var(--navy)}.league-row-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#072f7338}.league-row-main{flex:1 1 320px;min-width:240px;display:flex;flex-direction:column;gap:6px}.league-row-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.league-row-title{margin:0;font-family:var(--font-display);font-size:1.02rem;font-weight:800;line-height:1.35}.league-row-title a{color:var(--navy-deep);text-decoration:none;transition:color .15s ease}.league-row-title a:hover{color:var(--navy);text-decoration:underline}.league-row-subspecs{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--muted)}.league-row-subspec-item{display:inline-flex;align-items:center;gap:5px}.league-row-schedule-capacity{flex:0 1 260px;min-width:200px;display:flex;flex-direction:column;gap:10px}.league-row-dates,.league-row-capacity{display:flex;flex-direction:column}.league-row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}@media(max-width:860px){.league-row-card{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.league-row-schedule-capacity{width:100%;flex:1 1 auto}.league-row-actions{width:100%;justify-content:flex-end}}.filter-bar,.filter-panel{margin-bottom:24px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.filter-top-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.filter-controls-grid{display:grid;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.filter-field{display:flex;flex-direction:column;gap:5px}.filter-field label,.filter-field>span{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}.filter-field input,.filter-field select{width:100%;height:42px;padding:9px 12px;border-radius:10px;border:1px solid var(--line-strong);background-color:var(--bg);color:var(--ink);font-size:.88rem;font-weight:600}.filter-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23072f73' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px;cursor:pointer}.filter-field input:focus,.filter-field select:focus{outline:2px solid rgba(7,47,115,.22);border-color:var(--navy);background:#fff}.filter-bar-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line)}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.step-card{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative}.step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--navy);color:var(--lime);font-family:var(--font-display);font-size:.86rem;font-weight:800;margin-bottom:14px}.step-card h3{margin:0 0 8px;color:var(--navy-deep);font-size:1.08rem}.step-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.detail-hero{padding:40px 0 36px;background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 60%,var(--navy2) 100%);color:#fff;border-bottom:4px solid var(--lime)}.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.85fr);gap:28px;align-items:start}.detail-title{margin:10px 0 12px;font-size:clamp(1.95rem,3.6vw,2.85rem);line-height:1.1}.detail-cta-card{padding:24px;border-radius:20px;background:#fff;color:var(--ink);box-shadow:var(--shadow-lg)}.detail-layout{padding:36px 0 24px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:24px;align-items:start}.detail-card{padding:26px 28px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);margin-bottom:22px}.detail-card h2{margin:0 0 14px;color:var(--navy-deep);font-size:1.38rem;letter-spacing:-.02em}.standings-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line-strong);box-shadow:var(--shadow-xs);background:#fff}.standings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.88rem;background:#fff}.standings-table th{background:var(--navy-deep);color:#fff;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:14px 16px;white-space:nowrap;border-bottom:2px solid var(--lime)}.standings-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;white-space:nowrap;vertical-align:middle}.standings-table tr:nth-child(2n) td{background:#fafcff}.standings-table tr:last-child td{border-bottom:0}.standings-table tr:hover td{background:#f0f6ff}.standings-table th.sticky-col-rank,.standings-table td.sticky-col-rank{position:sticky;left:0;z-index:2}.standings-table td.sticky-col-rank{background:#fff}.standings-table tr:nth-child(2n) td.sticky-col-rank{background:#fafcff}.standings-table tr:hover td.sticky-col-rank{background:#f0f6ff}.rank-pill{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:8px;background:var(--soft);color:var(--navy);font-weight:800;font-size:.8rem;border:1px solid rgba(7,47,115,.12)}.rank-pill.top-1{background:var(--lime);color:var(--navy-deep);border-color:#072f7333;box-shadow:0 2px 6px #c8f00073}.rank-pill.top-2{background:#e2e8f0;color:var(--navy-deep);border-color:#cbd5e1}.rank-pill.top-3{background:#ffedd5;color:#9a3412;border-color:#fdba74}.portal-mobile-toggle,.admin-mobile-toggle,.sidebar-mobile-close-btn,.portal-sidebar-backdrop,.admin-sidebar-backdrop,.chat-mobile-back-btn,.msg-mobile-more-btn,.connect-details-backdrop{display:none}.admin-layout,.portal-layout{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh;background:var(--bg);transition:grid-template-columns .22s ease}.admin-layout.is-collapsed,.portal-layout.is-collapsed{grid-template-columns:82px minmax(0,1fr)}.admin-sidebar,.portal-sidebar{background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);color:#fff;padding:20px 14px;display:flex;flex-direction:column;gap:14px;border-right:1px solid rgba(255,255,255,.1);position:sticky;top:0;height:100vh;overflow-y:auto;z-index:90}.sidebar-brand-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px 16px;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.sidebar-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:1}.sidebar-brand-logo{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff;padding:3px;flex-shrink:0;box-shadow:0 4px 12px #0003}.sidebar-brand-copy{min-width:0;flex:1}.sidebar-brand-copy span{display:block;color:var(--lime);font-family:var(--font-display);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-brand-copy strong{display:block;font-family:var(--font-display);font-size:.98rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sidebar-collapse-btn:hover{background:#ffffff2e;color:var(--lime)}.sidebar-nav-scroll{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.sidebar-nav-scroll::-webkit-scrollbar{width:4px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.sidebar-section-label{padding:6px 10px 0;font-family:var(--font-display);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}.admin-nav-list{display:flex;flex-direction:column;gap:4px}.admin-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:#ffffffc7;text-decoration:none;font-weight:600;font-size:.86rem;transition:all .18s cubic-bezier(.16,1,.3,1);border:1px solid transparent;position:relative}.admin-nav-item svg{color:#ffffffa6;transition:all .18s ease;flex-shrink:0}.admin-nav-item:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.admin-nav-item:hover svg{color:#fff}.admin-nav-item.is-active{background:linear-gradient(90deg,#c8f00029,#c8f0000f);color:#fff;border:1px solid rgba(200,240,0,.28);box-shadow:0 4px 14px #00000029,inset 0 0 16px #c8f0000f;font-weight:800}.admin-nav-item.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3.5px;border-radius:0 4px 4px 0;background:var(--lime);box-shadow:0 0 8px #c8f000cc}.admin-nav-item.is-active svg{color:var(--lime);filter:drop-shadow(0 0 6px rgba(200,240,0,.5))}.sidebar-nav-badge{margin-left:auto;padding:2px 8px;border-radius:999px;background:#ffffff24;color:#fff;font-size:.68rem;font-weight:800}.admin-nav-item.is-active .sidebar-nav-badge{background:var(--lime);color:var(--navy-deep)}.sidebar-facility-widget{margin:10px 0 4px;padding:12px 13px;border-radius:14px;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.13);box-shadow:0 8px 20px #0000002e;display:flex;flex-direction:column;gap:7px}.sidebar-facility-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-facility-tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--lime)}.sidebar-facility-sync-tag{display:inline-flex;align-items:center;gap:4px;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#c8f00026;color:var(--lime);border:1px solid rgba(200,240,0,.28)}.sidebar-facility-name{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#fff;letter-spacing:-.01em}.sidebar-facility-desc{margin:0;font-size:.72rem;line-height:1.4;color:#ffffffb3}.sidebar-facility-action-link{display:inline-flex;align-items:center;gap:6px;font-size:.73rem;font-weight:700;color:#fff;text-decoration:none;padding-top:4px;transition:all .15s ease}.sidebar-facility-action-link:hover{color:var(--lime);transform:translate(2px)}.sidebar-user-card{margin-top:auto;padding:12px 13px;border-radius:14px;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #00000038;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.sidebar-user-main{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#c8f0004d,#072f73e6);border:1.5px solid rgba(200,240,0,.4);display:grid;place-items:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0003}.sidebar-user-avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user-avatar span{font-family:var(--font-display);font-size:.78rem;font-weight:800;color:#fff;letter-spacing:.04em}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-name-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-user-name{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-club-pill{padding:1.5px 7px;border-radius:999px;background:#c8f00029;color:var(--lime);font-size:.62rem;font-weight:800;letter-spacing:.04em;white-space:nowrap;flex-shrink:0;border:1px solid rgba(200,240,0,.25)}.sidebar-user-email{display:block;font-size:.72rem;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-user-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-status-verified{display:inline-flex;align-items:center;gap:5px;font-size:.71rem;font-weight:700;color:#ffffffe6}.sidebar-status-pending{display:inline-flex;align-items:center;gap:5px;font-size:.71rem;font-weight:700;color:#fff9}.status-dot-pending{width:7px;height:7px;border-radius:50%;background:#f59e0b}.sidebar-logout-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .16s ease}.sidebar-logout-btn:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.sidebar-collapsed-user{margin-top:auto;flex-shrink:0;display:flex;justify-content:center}.sidebar-collapse-logout{width:100%;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer;transition:all .16s ease}.sidebar-collapse-logout:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.is-collapsed .sidebar-brand-head{padding:6px 0 16px;justify-content:center}.is-collapsed .sidebar-brand-link{justify-content:center}.is-collapsed .sidebar-brand-copy,.is-collapsed .sidebar-section-label,.is-collapsed .admin-nav-item span,.is-collapsed .sidebar-nav-badge,.is-collapsed .sidebar-user-card,.is-collapsed .sidebar-facility-widget{display:none}.is-collapsed .admin-nav-item{justify-content:center;padding:12px}.is-collapsed .admin-nav-item:before{display:none}.portal-content-wrap,.admin-content-wrap{display:flex;flex-direction:column;min-width:0;flex:1;background:var(--bg);min-height:100vh}.portal-topbar,.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 36px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 1px 4px #072f7308}.portal-topbar-left,.admin-topbar-left{display:flex;align-items:center;gap:12px}.portal-breadcrumbs,.admin-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700}.breadcrumb-root{color:var(--muted)}.breadcrumb-sep{color:var(--line-strong)}.breadcrumb-current{color:var(--navy-deep);font-weight:800}.portal-topbar-right,.admin-topbar-right{display:flex;align-items:center;gap:10px}.portal-topbar-btn,.admin-topbar-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9px;font-size:.78rem;font-weight:700;text-decoration:none;background:var(--soft);color:var(--navy-deep);border:1px solid var(--line);transition:all .15s ease}.portal-topbar-btn:hover,.admin-topbar-btn:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.portal-user-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}.portal-user-avatar{width:26px;height:26px;border-radius:50%;background:var(--navy);color:var(--lime);display:inline-grid;place-items:center;font-family:var(--font-display);font-size:.74rem;font-weight:800}.portal-user-name{font-size:.8rem;font-weight:700;color:var(--navy-deep);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-spinning{animation:spin .9s linear infinite}.profile-avatar-header{display:flex;align-items:center;gap:20px;padding:20px 22px;border-radius:16px;background:linear-gradient(135deg,#072f730a,#c8f00012);border:1px solid var(--line);margin-bottom:22px;flex-wrap:wrap}.profile-avatar-wrapper{position:relative;width:84px;height:84px;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 14px #072f7326}.profile-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--navy-deep) 0%,var(--navy) 100%);color:var(--lime);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.85rem;font-weight:800;border:3px solid #ffffff;box-shadow:0 4px 14px #072f7326}.profile-avatar-change-btn{position:absolute;bottom:-2px;right:-2px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;border:2px solid #ffffff;display:inline-grid;place-items:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0003}.profile-avatar-change-btn:hover{background:var(--navy-deep);transform:scale(1.08)}.profile-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.profile-header-name{margin:0;font-size:1.35rem;font-weight:800;color:var(--navy-deep);line-height:1.25}.profile-header-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}.profile-avatar-input-box{width:100%;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);margin-top:12px;display:flex;align-items:center;gap:10px}.read-only-input{background:var(--soft)!important;color:var(--navy-deep)!important;cursor:not-allowed!important;font-weight:700!important;border-color:#072f7324!important}.admin-main-content,.portal-main-content{padding:32px 36px 56px;min-width:0;max-width:1280px}.admin-layout.admin-layout-flush,.portal-layout.portal-layout-flush{height:100vh;max-height:100vh;overflow:hidden}.admin-layout.admin-layout-flush .admin-content-wrap,.portal-layout.portal-layout-flush .portal-content-wrap{height:100vh;max-height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.admin-layout.admin-layout-flush .admin-topbar,.portal-layout.portal-layout-flush .portal-topbar{flex-shrink:0}.admin-main-content.is-flush,.portal-main-content.is-flush{padding:0!important;max-width:none!important;flex:1 1 0%!important;display:flex;flex-direction:column;min-height:0!important;height:100%!important;max-height:100%!important}.admin-connect-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 3px #0c234008;flex-shrink:0;gap:12px;min-height:52px;box-sizing:border-box}.admin-card-tabs-toolbar{background:#fff!important;border:1px solid var(--line)!important;border-bottom:1px solid #f1f5f9!important;border-radius:14px 14px 0 0!important;padding:8px 16px!important;margin-bottom:0!important;box-shadow:0 1px 3px #0c234005!important}.admin-card-tabs-content{border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important;margin-top:0!important}.admin-connect-tabs{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px 4px;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.admin-connect-tabs::-webkit-scrollbar{display:none}.admin-connect-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:7px;font-size:.82rem;font-weight:600;color:#64748b;background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .16s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.admin-connect-tab-btn:hover:not(.is-active){color:var(--navy);background:#ffffffb3}.admin-connect-tab-btn.is-active{color:var(--navy-deep);background:#fff;border-color:#0c23400f;font-weight:700;box-shadow:0 1px 3px #0c234014,0 1px 2px #0c23400a}.admin-connect-tab-btn svg{flex-shrink:0;transition:color .15s ease}.admin-connect-tab-btn.is-active svg{color:var(--navy)}.admin-connect-tab-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:999px;font-size:.68rem;font-weight:800;line-height:1.35;background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;margin-left:2px}.admin-connect-tab-badge.green{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.admin-messages-panel-content{padding:28px 36px 64px;max-width:1200px;margin:0 auto;width:100%;overflow-y:auto;flex:1 1 0%;box-sizing:border-box}.portal-content-wrap:has(.portal-main-content.is-flush){height:100vh;max-height:100vh;min-height:0;overflow:hidden}.summary-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.summary-stat-card{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--navy);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.summary-stat-card.highlight{border-top-color:var(--lime-soft);background:linear-gradient(180deg,#fff,#f9fef0)}.summary-stat-value{font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:var(--navy-deep);line-height:1}.summary-stat-label{font-size:.82rem;font-weight:700;color:var(--muted)}.auth-page{min-height:calc(100vh - 140px);display:grid;place-items:center;padding:44px 0}.auth-card{width:min(500px,calc(100% - 32px));padding:34px;border-radius:22px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--navy);box-shadow:var(--shadow)}.form-stack{display:flex;flex-direction:column;gap:16px}.form-label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:700;color:var(--navy-deep)}.form-label input,.form-label select,.form-label textarea{width:100%;min-height:46px;padding:11px 14px;border-radius:12px;border:1px solid var(--line-strong);font-size:.93rem;font-weight:600;color:var(--ink);background-color:#fff;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.form-label select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23072f73' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:16px;cursor:pointer}.form-label input:focus,.form-label select:focus,.form-label textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #072f7324}.alert-box{padding:12px 16px;border-radius:12px;font-size:.86rem;font-weight:600}.alert-box.error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(180,35,24,.22)}.alert-box.success{background:var(--success-bg);color:var(--success);border:1px solid rgba(18,124,66,.22)}.alert-box.info{background:var(--soft);color:var(--navy);border:1px solid var(--line)}.site-footer{padding:40px 0;background:var(--navy-deep);color:#ffffffdb;border-top:4px solid var(--lime)}.footer-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.footer-kicker{margin:0 0 6px;color:var(--lime);font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}@media(max-width:1120px){.lc-hero-grid,.detail-hero-grid,.detail-layout{grid-template-columns:1fr}.lc-quick-finder{grid-template-columns:1fr 1fr}.lc-clubs-grid,.league-grid,.steps-grid,.summary-cards-grid,.filter-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-layout,.portal-layout,.admin-layout.is-collapsed,.portal-layout.is-collapsed{grid-template-columns:1fr!important;width:100%}.admin-sidebar,.portal-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px;max-width:85vw;height:100vh!important;z-index:2000;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:none}.admin-sidebar.is-mobile-open,.portal-sidebar.is-mobile-open{transform:translate(0);box-shadow:8px 0 32px #00000059}.admin-sidebar-backdrop,.portal-sidebar-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#051e4799;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1999}.admin-mobile-toggle,.portal-mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);cursor:pointer;flex-shrink:0}.sidebar-mobile-close-btn{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.sidebar-collapse-btn{display:none!important}.portal-topbar,.admin-topbar{padding:10px 16px;gap:10px}}@media(max-width:760px){.nav-links{display:none}.mobile-menu-toggle{display:inline-flex}.mobile-nav-drawer.is-open{display:flex;flex-direction:column;gap:8px;padding:14px 20px 20px;background:var(--navy-deep);border-bottom:1px solid rgba(255,255,255,.14)}.mobile-nav-drawer a,.mobile-nav-drawer button{padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;color:#fff;background:#ffffff14;border:0;text-align:left}.lc-quick-finder,.lc-clubs-grid,.league-grid,.steps-grid,.summary-cards-grid,.filter-controls-grid{grid-template-columns:1fr}.admin-main-content,.portal-main-content{padding:20px 16px 40px}}.connect-module-layout{display:grid;grid-template-columns:290px 1fr 280px;height:100%;max-height:100%;width:100%;min-height:0;overflow:hidden;background:var(--bg);position:relative}.connect-module-layout:not(:has(.connect-details-sidebar)),.connect-module-layout.no-details{grid-template-columns:290px 1fr}.connect-nav-sidebar{background:linear-gradient(180deg,#062354,#082d6c);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;color:#fff}.connect-nav-head{padding:16px 14px 12px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.connect-nav-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.connect-brand-pill{width:32px;height:32px;border-radius:9px;background:var(--lime);color:var(--navy-deep);display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 12px #c8f00066}.connect-eyebrow{display:block;font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.connect-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#fff;line-height:1.15}.connect-new-dm-btn{width:32px;height:32px;border-radius:8px;border:1px solid rgba(200,240,0,.35);background:#c8f00026;color:var(--lime);display:grid;place-items:center;cursor:pointer;transition:all .16s ease}.connect-new-dm-btn:hover{background:var(--lime);color:var(--navy-deep);transform:scale(1.05)}.connect-search-input-wrap{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.connect-search-input-wrap input{background:transparent;border:0;color:#fff;font-size:.82rem;width:100%;outline:none}.connect-search-input-wrap input::placeholder{color:#ffffff73}.connect-nav-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;flex-shrink:0;scrollbar-width:none}.connect-nav-tabs::-webkit-scrollbar{display:none}.connect-tab-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:#ffffffb3;font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.connect-tab-btn:hover{color:#fff;background:#ffffff14}.connect-tab-btn.is-active{background:#c8f0002e;border-color:#c8f00059;color:var(--lime);font-weight:800}.connect-list-subhead{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 4px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}.connect-list-subhead-title{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#ffffff80;display:flex;align-items:center;gap:5px}.connect-list-subhead-btn{display:inline-flex;align-items:center;gap:4px;background:#c8f00026;border:1px solid rgba(200,240,0,.3);color:var(--lime);border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800;cursor:pointer;transition:all .15s ease}.connect-list-subhead-btn:hover{background:var(--lime);color:var(--navy-deep);box-shadow:0 0 10px #c8f00066}.connect-header-actions-wrap{position:relative}.connect-action-menu{position:absolute;top:calc(100% + 6px);right:0;width:230px;background:var(--navy-deep);border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 12px 36px #00000073;padding:6px;z-index:80;display:flex;flex-direction:column;gap:3px;animation:fadeIn .15s ease}.connect-action-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:transparent;border:0;color:#fff;text-align:left;cursor:pointer;transition:all .12s ease;width:100%}.connect-action-item:hover{background:#ffffff14}.connect-action-item-icon{width:28px;height:28px;border-radius:8px;background:#c8f00026;color:var(--lime);display:grid;place-items:center;flex-shrink:0}.connect-action-item-title{font-size:.8rem;font-weight:700;color:#fff;display:block}.connect-action-item-sub{font-size:.68rem;color:#ffffff8c;display:block}.announcements-nav-list{display:flex;flex-direction:column;gap:10px;padding:4px 2px}.announcement-item-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease;box-shadow:0 4px 14px #00000026}.announcement-item-card:hover{background:#ffffff12;border-color:#c8f0004d;transform:translateY(-1px)}.ann-priority-pill{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:6px;display:inline-flex;align-items:center}.ann-priority-pill.urgent{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.ann-priority-pill.high{background:#f59e0b33;color:#fde047;border:1px solid rgba(245,158,11,.4)}.ann-priority-pill.normal{background:#c8f00024;color:var(--lime);border:1px solid rgba(200,240,0,.3)}.ann-date{font-size:.7rem;color:#ffffff80;font-weight:600}.ann-item-title{font-size:.92rem;font-weight:800;color:#fff;line-height:1.35;margin:0}.ann-item-body{font-size:.78rem;color:#ffffffc7;line-height:1.45;margin:0}.ann-acked-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;color:#4ade80;background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:3px 8px;border-radius:6px;align-self:flex-start;margin-top:4px}.ann-ack-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--lime);color:var(--navy-deep);font-size:.74rem;font-weight:800;border:0;cursor:pointer;transition:all .15s ease;align-self:flex-start;margin-top:4px}.ann-ack-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c8f00066}.saved-nav-list{display:flex;flex-direction:column;gap:10px;padding:4px 2px}.saved-item-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-left:3px solid var(--lime);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .15s ease}.saved-item-card:hover{background:#ffffff14;border-color:#c8f00059;transform:translateY(-1px)}.saved-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.saved-item-header strong{font-size:.82rem;color:#fff;font-weight:700}.saved-date{font-size:.68rem;color:#ffffff73}.saved-snippet{font-size:.76rem;color:#fffc;line-height:1.4;margin:0;font-style:italic}.saved-conv-name{font-size:.68rem;color:var(--lime);font-weight:600}.connect-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 18px 28px;margin:12px 6px;background:#ffffff08;border:1px dashed rgba(255,255,255,.12);border-radius:14px}.connect-empty-icon-wrap{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:12px;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.connect-empty-icon-wrap.channel{background:#c8f0001f;color:var(--lime);border-color:#c8f00047}.connect-empty-icon-wrap.direct{background:#38bdf81f;color:#38bdf8;border-color:#38bdf847}.connect-empty-icon-wrap.announcement{background:#f59e0b1f;color:#fde047;border-color:#f59e0b47}.connect-empty-icon-wrap.saved{background:#a855f71f;color:#c084fc;border-color:#a855f747}.connect-empty-title{display:block;font-family:var(--font-display);font-size:.92rem;font-weight:800;color:#fff;margin-bottom:5px;letter-spacing:-.01em}.connect-empty-desc{font-size:.74rem;color:#fff9;line-height:1.45;margin:0 0 14px;max-width:220px}.connect-empty-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:9px;background:var(--lime);color:var(--navy-deep);font-size:.76rem;font-weight:800;border:none;cursor:pointer;box-shadow:0 2px 8px #c8f00040;transition:all .15s ease}.connect-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #c8f00073}.connect-loading-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:#fff9;font-size:.8rem;font-weight:600;text-align:center}.connect-loading-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}.connect-nav-list-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 6px;display:flex;flex-direction:column;gap:2px}.connect-nav-list-scroll::-webkit-scrollbar{width:4px}.connect-nav-list-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.connect-conv-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;position:relative}.connect-conv-item:hover{background:#ffffff12}.connect-conv-item.is-selected{background:linear-gradient(90deg,#c8f00029,#c8f0000d);border-color:#c8f00047}.connect-conv-item.is-selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--lime);box-shadow:0 0 6px #c8f000cc}.conv-item-avatar{width:36px;height:36px;border-radius:10px;background:#ffffff1a;display:grid;place-items:center;flex-shrink:0;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:.78rem;color:var(--lime);border:1px solid rgba(255,255,255,.15)}.conv-item-avatar img{width:100%;height:100%;object-fit:cover}.conv-channel-icon{color:var(--lime)}.conv-item-info{flex:1;min-width:0}.conv-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.conv-item-title{color:#fff;font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-time{font-size:.68rem;color:#ffffff73;flex-shrink:0}.conv-item-league-context{font-size:.68rem;color:#c8f000d9;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.conv-item-snippet-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.conv-item-snippet{font-size:.73rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-unread-pill{padding:1px 6px;border-radius:999px;background:var(--lime);color:var(--navy-deep);font-size:.64rem;font-weight:800;flex-shrink:0}.connect-nav-footer{padding:10px 14px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.connect-footer-link{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.76rem;font-weight:700;text-decoration:none;transition:all .15s ease}.connect-footer-link:hover,.connect-footer-link.admin{color:var(--lime)}.connect-chat-main{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0;background:#fff;border-right:1px solid var(--line);position:relative;overflow:hidden}.connect-chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0;box-shadow:0 1px 3px #00000005}.chat-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.chat-title-icon{width:34px;height:34px;border-radius:9px;background:var(--soft);color:var(--navy);display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line)}.chat-title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--navy-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-type-badge{padding:2px 7px;border-radius:999px;background:var(--soft);color:var(--navy);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);flex-shrink:0}.chat-topic{margin:1px 0 0;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-league-subtitle{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:.74rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chat-subtitle-league-name{font-weight:700;color:var(--navy);flex-shrink:0}.chat-subtitle-dot{color:var(--line-strong);font-size:.7rem}.chat-subtitle-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-readonly-badge{padding:2px 7px;border-radius:999px;background:#fef3c7;color:#b45309;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid #fde68a;flex-shrink:0}.chat-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-topbar-tool-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--soft);color:var(--navy);display:grid;place-items:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-topbar-tool-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.chat-topbar-tool-btn.is-active{background:var(--navy);color:var(--lime);border-color:var(--navy);box-shadow:0 0 10px #aaff0040}.connect-pinned-banner{display:flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(90deg,#072f73,#0a3f96);color:#fff;font-size:.78rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.pinned-banner-label{font-weight:800;color:var(--lime);flex-shrink:0}.pinned-banner-text{font-style:italic;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-league-pinned-header{background:linear-gradient(180deg,#051e47,#072f73);border-bottom:2px solid rgba(200,240,0,.4);color:#fff;padding:10px 18px 8px;flex-shrink:0;box-shadow:0 4px 16px #0000001f;position:relative;z-index:10}.league-pinned-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.league-pinned-title-box{display:flex;align-items:center;gap:10px;min-width:0}.league-pinned-badge-icon{width:32px;height:32px;border-radius:8px;background:#c8f0002e;color:var(--lime);display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(200,240,0,.35)}.league-pinned-names{min-width:0}.league-pinned-primary-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.league-pinned-name{font-family:var(--font-display);font-size:.96rem;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-pinned-status{padding:2px 7px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.04em}.league-pinned-status.registration_open{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.league-pinned-status.active{background:#c8f00033;color:var(--lime);border:1px solid rgba(200,240,0,.4)}.league-pinned-status.upcoming{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.league-pinned-status.completed{background:#ffffff26;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.league-pinned-provider{font-size:.64rem;font-weight:700;text-transform:uppercase;color:#fff9;background:#ffffff14;padding:2px 6px;border-radius:4px}.league-pinned-topic{margin:2px 0 0;font-size:.74rem;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-pinned-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.league-pinned-view-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .15s ease}.league-pinned-view-btn:hover{background:#fff3;color:#fff}.league-pinned-register-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;background:var(--lime);border:1px solid var(--lime);color:var(--navy-deep);font-size:.72rem;font-weight:800;text-decoration:none;transition:all .15s ease}.league-pinned-register-btn:hover{box-shadow:0 0 10px #c8f00066}.league-pinned-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fffc;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .15s ease}.league-pinned-toggle-btn:hover{background:#ffffff2e;color:#fff;border-color:#ffffff4d}.connect-league-pinned-collapsed{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 18px;background:linear-gradient(180deg,#051e47,#06265c);border-bottom:1px solid rgba(200,240,0,.3);color:#fff;flex-shrink:0;box-shadow:0 2px 8px #00000026;animation:fadeInDown .15s ease-out}.league-collapsed-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.collapsed-league-title{font-family:var(--font-display);font-size:.84rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-collapsed-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.league-collapsed-link{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.68rem;font-weight:600;text-decoration:none;transition:all .15s ease}.league-collapsed-link:hover{background:#ffffff29;color:#fff}.league-collapsed-link.register{background:#aaff0026;border-color:#aaff0059;color:var(--lime);font-weight:700}.league-collapsed-link.register:hover{background:var(--lime);color:var(--navy-deep)}.league-collapsed-toggle-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--lime);font-size:.68rem;font-weight:700;cursor:pointer;transition:all .15s ease}.league-collapsed-toggle-btn:hover{background:#aaff0026;border-color:var(--lime)}.league-collapsed-close-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#ffffffb3;cursor:pointer;transition:all .15s ease;flex-shrink:0}.league-collapsed-close-btn:hover{background:#ef44444d;color:#fff;border-color:#ef444480}.league-pinned-meta-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem}.league-pinned-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pinned-chip{display:inline-flex;align-items:center;gap:5px;color:#ffffffd9;font-weight:600}.pinned-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.pinned-chip.spots{color:var(--lime);font-weight:700}.league-pinned-participants-summary{display:flex;align-items:center;gap:8px;flex-shrink:0}.pinned-participants-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.pinned-participants-pill:hover{background:#ffffff29;border-color:#c8f00066}.registered-count-badge{display:inline-flex;align-items:center;gap:3px;background:#22c55e40;border:1px solid rgba(34,197,94,.5);color:#4ade80;padding:1px 6px;border-radius:5px;font-weight:800;font-size:.65rem}.connect-role-badge.registered{background:#22c55e29;color:#15803d;border:1px solid rgba(34,197,94,.35);display:inline-flex;align-items:center;gap:3px;font-weight:800}.member-registered-pill{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4);letter-spacing:.02em}.member-unregistered-pill{display:inline-flex;align-items:center;gap:3px;font-size:.62rem;font-weight:600;padding:1px 6px;border-radius:999px;background:#ffffff14;color:#ffffff8c;border:1px solid rgba(255,255,255,.12)}.member-admin-pill{display:inline-flex;align-items:center;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:4px;background:#c8f00033;color:var(--lime);border:1px solid rgba(200,240,0,.4);text-transform:uppercase}.member-team-sub{font-size:.68rem;color:#ffffffb3;display:block}.connect-messages-stream{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 24px;display:flex;flex-direction:column;gap:14px;scroll-behavior:auto}.connect-messages-stream::-webkit-scrollbar{width:6px}.connect-messages-stream::-webkit-scrollbar-thumb{background:var(--soft-2);border-radius:999px}.connect-stream-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 24px;color:var(--muted);font-size:.88rem;font-weight:600;text-align:center;margin:auto}.stream-loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(5,30,71,.1);border-top-color:var(--navy);animation:streamSpinner .8s linear infinite}@keyframes streamSpinner{to{transform:rotate(360deg)}}.connect-stream-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;margin:auto;max-width:440px}.stream-empty-icon{width:56px;height:56px;border-radius:16px;background:var(--soft);color:var(--navy);display:grid;place-items:center;margin-bottom:16px;border:1px solid var(--line)}.connect-stream-empty h3{margin:0 0 8px;font-size:1.15rem;font-weight:800;color:var(--navy-deep)}.connect-stream-empty p{margin:0;font-size:.84rem;color:var(--muted);line-height:1.5}.connect-no-active-conv{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow-y:auto;background:radial-gradient(circle at 50% 20%,rgba(200,240,0,.05) 0%,transparent 60%),linear-gradient(180deg,#f8fafc,#fff);width:100%;height:100%}.no-conv-card{max-width:640px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin:auto}.no-conv-icon-wrap{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--navy-deep) 0%,#0c3b87 100%);color:var(--lime);display:grid;place-items:center;box-shadow:0 10px 28px #051e472e,inset 0 1px 1px #fff3;margin-bottom:2px}.no-conv-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#051e470f;border:1px solid rgba(5,30,71,.1);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.no-conv-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;color:var(--navy-deep);margin:0;line-height:1.25}.no-conv-desc{font-size:.92rem;color:var(--muted);line-height:1.55;max-width:520px;margin:0}.no-conv-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:10px;text-align:left}@media(max-width:900px){.no-conv-actions-grid{grid-template-columns:1fr}}.no-conv-action-card{padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:8px;transition:all .18s ease;cursor:pointer;text-decoration:none}.no-conv-action-card:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 8px 24px #051e4714}.action-card-header{display:flex;align-items:center;gap:8px}.action-card-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.action-card-icon.direct{background:#3b82f61f;color:#2563eb}.action-card-icon.channel{background:#10b9811f;color:#059669}.action-card-icon.broadcast{background:#f59e0b1f;color:#d97706}.action-card-header strong{font-size:.88rem;color:var(--navy-deep)}.no-conv-action-card p{margin:0;font-size:.76rem;color:var(--muted);line-height:1.45;flex:1}.action-card-cta{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:800;color:var(--navy);margin-top:4px;transition:gap .15s ease}.no-conv-action-card:hover .action-card-cta{color:var(--navy-deep);gap:6px}.no-conv-channels-section{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}.no-conv-section-subtitle{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.no-conv-channels-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.no-conv-channel-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--navy);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.no-conv-channel-pill:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-1px)}.channel-pill-league{font-size:.68rem;font-weight:600;opacity:.75;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-message-row{display:flex;flex-direction:column;gap:3px;position:relative;transition:background .15s ease;border-radius:12px;padding:4px 6px;box-sizing:border-box}.connect-message-row.is-incoming-message{align-self:flex-start;max-width:82%;margin-right:auto;margin-left:0}.connect-message-row.is-incoming-message .connect-message-main{flex-direction:row}.connect-message-row.is-incoming-message .connect-message-content{align-items:flex-start}.connect-message-row.is-incoming-message .connect-message-header{justify-content:flex-start;flex-direction:row}.connect-message-row.is-incoming-message .connect-message-body{background:#f1f5f9;color:var(--ink);padding:9px 13px;border-radius:4px 16px 16px;border:1px solid rgba(12,35,64,.06);box-shadow:0 1px 2px #0c234008;display:inline-block;min-width:0}.connect-message-row.is-author-message{align-self:flex-end;max-width:82%;margin-left:auto;margin-right:0;align-items:flex-end}.connect-message-row.is-author-message .connect-message-main{flex-direction:row-reverse}.connect-message-row.is-author-message .connect-message-content{display:flex;flex-direction:column;align-items:flex-end}.connect-message-row.is-author-message .connect-message-header{justify-content:flex-end;flex-direction:row-reverse}.connect-message-row.is-author-message .connect-message-body{background:var(--navy);color:#fff;padding:9px 13px;border-radius:16px 4px 16px 16px;box-shadow:0 2px 8px #0c234029;display:inline-block;min-width:0;text-align:left}.connect-message-row.is-author-message .connect-message-actions{left:-8px;right:auto}.connect-message-row.is-incoming-message .connect-message-actions{right:-8px;left:auto}.connect-message-row.is-author-message .message-pinned-indicator{align-self:flex-end;margin-right:44px}.connect-message-row.is-author-message.is-pinned-row{border-left:none;border-right:3px solid var(--lime)}.connect-message-row.is-author-message .message-reply-preview-chip{margin-left:auto;margin-right:44px;border-left:none;border-right:2px solid var(--navy)}.connect-message-row.is-author-message .connect-attachments-grid{justify-content:flex-end}.connect-message-row.is-author-message .mention-tag.league-mention{background:#c6f24d38;color:#c6f24d;border-color:#c6f24d80}.connect-message-row.is-author-message .mention-tag.league-mention:hover{background:#c6f24d;color:var(--navy-deep);border-color:#c6f24d}.connect-message-row.is-author-message .mention-tag.user-mention{background:#fff3;color:#fff;border-color:#ffffff59}.connect-message-row.is-author-message .mention-tag.channel-mention{background:#ffffff26;color:#fff;border-color:#ffffff40}.connect-message-row.is-author-message .mention-tag.role-mention{background:#fff3;color:#fff}.connect-message-row.is-author-message .mention-tag.role-mention.everyone-mention{background:#fecaca40;color:#fecaca;border-color:#fecaca73}@media(max-width:600px){.connect-message-row.is-incoming-message,.connect-message-row.is-author-message{max-width:90%}}.connect-message-row:hover{background:#072f7306}.connect-message-row.is-pinned-row{background:#c8f00014;border-left:3px solid var(--lime)}.message-pinned-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:800;color:var(--navy);margin-bottom:2px}.message-reply-preview-chip{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--muted);margin-left:42px;margin-bottom:2px;background:var(--soft);padding:2px 8px;border-radius:6px;border-left:2px solid var(--navy);max-width:fit-content}.reply-sender-name{font-weight:700;color:var(--navy)}.reply-body-snippet{font-style:italic}.connect-message-main{display:flex;align-items:flex-start;gap:12px;position:relative}.connect-sender-avatar{width:34px;height:34px;border-radius:10px;background:var(--soft);display:grid;place-items:center;flex-shrink:0;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:.78rem;color:var(--navy);border:1px solid var(--line)}.connect-sender-avatar img{width:100%;height:100%;object-fit:cover}.connect-message-content{flex:1;min-width:0}.connect-message-header{display:flex;align-items:center;gap:8px;margin-bottom:3px;flex-wrap:wrap}.connect-sender-name{font-family:var(--font-display);font-size:.88rem;font-weight:800;color:var(--navy-deep)}.connect-role-badge{padding:1px 6px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.connect-role-badge.admin{background:#fef2f2;color:#b91c1c;border:1px solid rgba(185,28,28,.2)}.connect-role-badge.club{background:var(--soft);color:var(--navy);border:1px solid var(--line)}.connect-message-time{font-size:.7rem;color:var(--muted)}.connect-message-edited{font-size:.68rem;color:var(--muted);font-style:italic}.connect-message-body{font-size:.88rem;line-height:1.5;color:var(--ink);word-break:break-word}.mention-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:6px;font-size:.82rem;font-weight:700;text-decoration:none;vertical-align:middle;transition:all .15s ease}.mention-tag.league-mention{background:#072f7317;color:var(--navy);border:1px solid rgba(7,47,115,.2)}.mention-tag.league-mention:hover{background:var(--navy);color:#fff;border-color:var(--navy)}button.mention-tag.league-mention{border:1px solid rgba(7,47,115,.22);background:#072f7317;color:var(--navy);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:700;line-height:1.35;padding:1px 7px;border-radius:6px;display:inline-flex;align-items:center;gap:3px;outline:none;transition:all .16s ease;vertical-align:baseline;box-sizing:border-box}button.mention-tag.league-mention:hover{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 2px 8px #0c234033;transform:translateY(-1px)}button.mention-tag.league-mention:active{transform:translateY(0)}.mention-tag.user-mention{background:#c8f00033;color:var(--navy-deep);border:1px solid rgba(138,222,42,.4)}.mention-tag.channel-mention{background:var(--soft);color:var(--navy);border:1px solid var(--line)}.mention-tag.role-mention{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.mention-tag.everyone-mention{background:#ea580c1f;color:#c2410c;border:1.5px solid rgba(234,88,12,.35);font-weight:800;display:inline-flex;align-items:center;gap:3px}.mention-tag.everyone-mention:hover{background:#ea580c;color:#fff;border-color:#ea580c}.connect-message-row.has-everyone-mention{background:linear-gradient(90deg,#f59e0b14,#f59e0b05)!important;border-left:3px solid #f59e0b!important}.connect-message-actions{display:none;position:absolute;right:6px;top:-12px;background:#fff;border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 4px 14px #072f7314;padding:2px 4px;gap:2px;z-index:10}.connect-message-row:hover .connect-message-actions{display:flex}.msg-action-btn{width:26px;height:26px;border-radius:6px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.msg-action-btn:hover,.msg-action-btn.is-active{background:var(--soft);color:var(--navy)}.msg-action-btn.danger:hover{background:#fee2e2;color:#b91c1c}.connect-attachments-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.connect-attachment-img-wrap{width:140px;height:100px;border-radius:10px;overflow:hidden;border:1px solid var(--line);cursor:pointer;background:var(--soft)}.connect-attachment-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.connect-attachment-img-wrap:hover img{transform:scale(1.05)}.connect-attachment-doc-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);text-decoration:none;color:var(--ink);max-width:260px;transition:all .15s ease}.connect-attachment-doc-card:hover{background:#fff;box-shadow:0 4px 12px #072f7314}.attachment-meta{flex:1;min-width:0}.attachment-filename{display:block;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{display:block;font-size:.68rem;color:var(--muted)}.attachment-dl-icon{color:var(--muted)}.connect-typing-indicator{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--muted);font-style:italic;padding-left:6px}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:4px;height:4px;border-radius:50%;background:var(--muted);animation:typingBounce 1s infinite alternate}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}.connect-composer-wrapper{padding:12px 18px;background:#fff;border-top:1px solid var(--line);position:relative;flex-shrink:0}.composer-context-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:var(--navy-deep);color:#fff;border-radius:8px;font-size:.74rem;margin-bottom:8px}.context-banner-left{display:flex;align-items:center;gap:6px;min-width:0}.context-banner-snippet{color:#ffffffbf;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-banner-close{background:transparent;border:0;color:#ffffffb3;cursor:pointer;display:grid;place-items:center}.composer-attachments-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.composer-attachment-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-size:.72rem;font-weight:700;color:var(--navy)}.attachment-pill-remove{background:transparent;border:0;cursor:pointer;color:var(--muted);display:grid;place-items:center}.connect-composer-box{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line-strong);transition:all .16s ease}.connect-composer-box:focus-within{background:#fff;border-color:var(--navy);box-shadow:0 0 0 3px #072f7314}.connect-composer-box textarea,.connect-composer-editor{flex:1;background:transparent;border:0;outline:none;font-family:inherit;font-size:.88rem;color:var(--ink);min-height:24px;max-height:140px;overflow-y:auto;line-height:1.45;padding:4px 0;white-space:pre-wrap;word-break:break-word}.connect-composer-box textarea{resize:none}.connect-composer-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none;font-size:.88rem}.composer-mention-pill{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;margin:0 2px;border-radius:6px;font-size:.82rem;font-weight:700;vertical-align:baseline;-webkit-user-select:none;user-select:none;cursor:default;line-height:1.35;box-shadow:0 1px 2px #0000000d}.composer-mention-pill.user{background:#c8f00038;color:var(--navy-deep);border:1px solid rgba(138,222,42,.5)}.composer-mention-pill.league{background:#072f731a;color:var(--navy);border:1px solid rgba(7,47,115,.25)}.composer-mention-pill.everyone{background:#ea580c26;color:#c2410c;border:1.5px solid rgba(234,88,12,.4)}.mention-pill-icon{font-size:.76rem;opacity:.85}.connect-composer-actions{display:flex;align-items:center;gap:4px}.composer-tool-btn{width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.composer-tool-btn:hover{background:var(--soft-2);color:var(--navy)}.composer-send-btn{width:32px;height:32px;border-radius:9px;border:0;background:var(--navy);color:var(--lime);display:grid;place-items:center;cursor:pointer;transition:all .16s ease;box-shadow:0 2px 8px #072f7333}.composer-send-btn:hover:not(:disabled){background:var(--navy-deep);transform:scale(1.06)}.composer-send-btn:disabled{background:var(--soft-2);color:var(--muted);cursor:not-allowed;box-shadow:none}.composer-mention-menu{position:absolute;bottom:calc(100% + 6px);left:18px;width:280px;max-height:220px;background:var(--navy-deep);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:50;overflow:hidden;display:flex;flex-direction:column}.mention-menu-header{padding:6px 12px;font-family:var(--font-display);font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--lime);border-bottom:1px solid rgba(255,255,255,.1)}.mention-menu-list{overflow-y:auto;padding:4px}.mention-menu-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:all .15s ease}.mention-menu-item:hover,.mention-menu-item.is-selected{background:#c8f00026}.mention-item-avatar{width:26px;height:26px;border-radius:50%;background:#ffffff1a;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:800;overflow:hidden;flex-shrink:0}.mention-item-icon{width:26px;height:26px;border-radius:6px;background:#c8f00033;color:var(--lime);display:grid;place-items:center;font-weight:800;font-size:.82rem;flex-shrink:0}.mention-item-info{flex:1;min-width:0}.mention-item-info strong{display:block;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-item-sub{display:block;font-size:.68rem;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-mention-menu.modern-mention-menu{width:340px;max-height:300px;border-radius:14px;background:linear-gradient(180deg,#0b2a5c 0%,var(--navy-deep) 100%);box-shadow:0 16px 40px #04163866,0 0 0 1px #c8f00014;animation:mentionMenuIn .14s ease-out}@keyframes mentionMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modern-mention-menu .mention-menu-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#ffffff08}.mention-header-label{display:inline-flex;align-items:center;gap:6px}.mention-header-icon{color:var(--lime)}.mention-header-hint{font-family:inherit;font-size:.6rem;font-weight:600;text-transform:none;color:#fff6;letter-spacing:0}.modern-mention-menu .mention-menu-list{padding:6px}.modern-mention-menu .mention-menu-item{gap:10px;padding:7px 9px;border:1px solid transparent}.modern-mention-menu .mention-menu-item.is-selected{background:#c8f00024;border-color:#c8f00047}.modern-mention-menu .mention-menu-item.is-everyone.is-selected,.modern-mention-menu .mention-menu-item.is-everyone:hover{background:#ea580c2e;border-color:#ea580c59}.modern-mention-menu .mention-item-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--lime),#8ade2a);color:var(--navy-deep)}.modern-mention-menu .mention-item-avatar img{width:100%;height:100%;object-fit:cover}.modern-mention-menu .mention-item-icon{width:30px;height:30px;border-radius:8px}.mention-item-icon.role-everyone{background:#ea580c38;color:#fb923c}.mention-item-icon.league-hash{background:#38bdf829;color:#7dd3fc}.mention-item-name-row{display:flex;align-items:center;gap:6px;min-width:0}.mention-item-name-row strong{min-width:0}.mention-item-name-row .connect-role-badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:.58rem;text-transform:uppercase}.mention-everyone-name{color:#fed7aa!important;font-weight:800}.mention-everyone-tag{flex-shrink:0;font-size:.58rem;font-weight:800;padding:1px 6px;border-radius:4px;background:#ea580c47;color:#fdba74;text-transform:uppercase}.composer-emoji-popup{position:absolute;bottom:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;z-index:50}.emoji-choice-btn{background:transparent;border:0;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:6px}.emoji-choice-btn:hover{background:var(--soft)}.connect-details-sidebar{background:#fff;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;border-left:1px solid var(--line)}.connect-details-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.connect-details-head h3{margin:0;font-family:var(--font-display);font-size:.96rem;font-weight:800;color:var(--navy-deep)}.details-close-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:0;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.details-close-btn:hover{background:var(--soft-2);color:var(--ink)}.connect-details-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}.details-league-card{padding:16px;border-radius:14px;background:linear-gradient(135deg,#072252,#041635);border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:0 4px 20px #00000024}.details-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.details-section-tag{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--lime);letter-spacing:.08em}.details-league-name{display:block;font-family:var(--font-display);font-size:.95rem;font-weight:800;margin:0 0 6px;line-height:1.3;color:#fff}.details-venue-row{display:flex;align-items:flex-start;gap:6px;font-size:.72rem;color:#ffffffbf;line-height:1.35;margin-bottom:8px}.details-venue-icon{color:var(--lime);flex-shrink:0;margin-top:1px}.details-card-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.details-provider-badge{padding:2px 7px;border-radius:4px;background:#ffffff1f;color:#fff;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.details-league-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:var(--lime);color:var(--navy-deep);font-size:.75rem;font-weight:800;text-decoration:none;transition:all .15s ease;width:100%}.details-league-link-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 12px #aaff0040}.details-register-link-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:#22c55e40;border:1px solid rgba(34,197,94,.5);color:#4ade80;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .15s ease;width:100%}.details-register-link-btn:hover{background:#22c55e;color:#031838;border-color:#22c55e;transform:translateY(-1px)}.details-create-channel-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%}.details-create-channel-btn:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-1px)}.details-danger-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;border-radius:8px;background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;font-size:.78rem;font-weight:800;cursor:pointer;transition:all .16s ease;width:100%}.details-danger-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc262647}.details-dm-summary-card{padding:12px 14px;border-radius:12px;background:var(--soft);border:1px solid var(--line);margin-bottom:6px}.details-section-label{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.details-members-list{display:flex;flex-direction:column;gap:4px}.details-member-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .15s ease}.details-member-item:hover{background:var(--soft)}.details-member-avatar{width:28px;height:28px;border-radius:8px;background:var(--soft);color:var(--navy);font-size:.72rem;font-weight:800;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.details-member-name{font-size:.82rem;color:var(--navy-deep);display:block}.details-member-sub{font-size:.68rem;color:var(--muted);display:block}.details-you-tag{margin-left:auto;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--soft);color:var(--navy)}.details-pinned-card{padding:8px 10px;border-radius:8px;background:var(--soft);border-left:3px solid var(--lime);margin-bottom:6px}.pinned-card-header{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-bottom:2px}.pinned-card-body{margin:0;font-size:.78rem;font-style:italic;color:var(--ink)}.pinned-card-footer{display:flex;justify-content:flex-end;margin-top:6px;padding-top:4px;border-top:1px solid rgba(0,0,0,.05)}.pinned-card-unpin-btn{display:inline-flex;align-items:center;gap:4px;background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-radius:5px;color:#dc2626;font-size:.68rem;font-weight:700;padding:3px 8px;cursor:pointer;transition:all .14s ease}.pinned-card-unpin-btn:hover{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.pinned-banner-unpin-btn{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;cursor:pointer;transition:all .14s ease;flex-shrink:0}.pinned-banner-unpin-btn:hover{background:#ef4444d9;border-color:#ef4444}.details-file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--soft);text-decoration:none;color:var(--ink);font-size:.76rem;font-weight:700;margin-bottom:4px}.notification-dropdown-container{position:relative;display:inline-flex;align-items:center}.notification-trigger-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);display:grid;place-items:center;cursor:pointer;position:relative;transition:all .16s ease}.notification-trigger-btn:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.notification-badge-count{position:absolute;top:-4px;right:-4px;padding:1px 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;border:1.5px solid #ffffff;box-shadow:0 1px 4px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:350px;max-height:480px;background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:0 16px 40px -6px #0c234038,0 0 0 1px #0c23400f;display:flex;flex-direction:column;z-index:2000;overflow:hidden;animation:dropdownFadeIn .16s ease-out}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}.notification-head-title{display:flex;align-items:center;gap:6px}.notification-head-title strong{font-size:.9rem;font-weight:800;color:var(--navy-deep);letter-spacing:-.01em}.notification-unread-pill{margin-left:6px;padding:1px 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800}.notification-mark-all-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:var(--navy);font-size:.72rem;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .12s ease}.notification-mark-all-btn:hover{background:var(--soft);color:var(--navy-deep)}.notification-dropdown-list{overflow-y:auto;flex:1}.notification-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 24px 34px;text-align:center}.notification-empty-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:12px;box-shadow:inset 0 0 0 1px var(--line)}.notification-empty-title{display:block;font-size:.9rem;font-weight:700;color:var(--navy-deep);margin-bottom:4px;line-height:1.3}.notification-empty-subtitle{display:block;font-size:.76rem;color:var(--muted);max-width:240px;line-height:1.45;margin:0 auto}.notification-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;font-size:.8rem;font-weight:600;color:var(--muted);text-align:center}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:var(--soft)}.notification-item.is-unread{background:#c8f00014}.notification-icon-wrap{width:28px;height:28px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{display:block;font-size:.8rem;color:var(--navy-deep);line-height:1.25}.notification-snippet{margin:2px 0 0;font-size:.73rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{display:block;font-size:.66rem;color:var(--muted);margin-top:2px}.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--navy);margin-top:4px;flex-shrink:0}.notification-dropdown-footer{padding:10px 14px;border-top:1px solid var(--line);text-align:center;background:#f8fafc}.notification-footer-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);font-size:.78rem;font-weight:700;color:var(--navy);cursor:pointer;width:100%;padding:8px 14px;border-radius:8px;box-shadow:0 1px 2px #0000000a;transition:all .14s ease}.notification-footer-link:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);box-shadow:0 2px 6px #072f7333}@media(max-width:640px){.notification-dropdown-menu{position:fixed;top:60px;left:12px;right:12px;width:auto;max-height:80vh}}.messages-trigger-btn{margin-right:4px}.messages-badge-count{position:absolute;top:-4px;right:-4px;padding:1px 5px;border-radius:999px;background:#10b981;color:#fff;font-size:.62rem;font-weight:800;border:1.5px solid #ffffff;box-shadow:0 1px 4px #10b98159}.messages-dropdown-menu{width:380px;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px -10px #072f7340,0 0 0 1px #072f7314}.messages-unread-pill{margin-left:6px;padding:2px 7px;border-radius:999px;background:#10b981;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.02em}.messages-new-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--navy);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .14s ease}.messages-new-btn:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep)}.messages-filter-tabs{display:flex;align-items:center;gap:4px;margin:8px 12px 6px;padding:3px;background:#f1f5f9;border-radius:10px;border:1px solid #e2e8f0}.messages-filter-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;padding:5px 6px;border-radius:7px;font-size:.72rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.messages-filter-tab:hover{color:var(--navy-deep);background:#fff9}.messages-filter-tab.is-active{background:#fff;color:var(--navy-deep);font-weight:700;box-shadow:0 1px 3px #0f172a1a,0 1px 2px #0f172a0f}.messages-tab-badge{font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:999px;background:#10b981;color:#fff;line-height:1.1}.messages-empty-action-btn{margin-top:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:var(--soft);color:var(--navy);border:1px solid var(--line);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.messages-empty-action-btn:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);transform:translateY(-1px);box-shadow:0 3px 10px #072f7326}.messages-dropdown-list{max-height:360px}.messages-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s ease;position:relative}.messages-item:hover{background:var(--soft)}.messages-item.is-unread{background:#10b98112}.messages-avatar-wrap{flex-shrink:0}.messages-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:var(--lime);font-size:.72rem;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 5px #072f732e}.messages-channel-icon{width:32px;height:32px;border-radius:8px;background:var(--soft);border:1px solid var(--line);color:var(--navy);display:grid;place-items:center}.messages-content{flex:1;min-width:0}.messages-item-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.messages-title{display:block;font-size:.82rem;font-weight:700;color:var(--navy-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-time{font-size:.66rem;color:var(--muted);flex-shrink:0}.messages-preview-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.messages-snippet{margin:0;font-size:.73rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.messages-snippet-sender{font-weight:600;color:var(--navy)}.messages-unread-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0;box-shadow:0 0 6px #10b98199}.messages-tab-badge{display:inline-block;margin-left:4px;padding:0 5px;border-radius:999px;background:var(--navy-deep);color:#fff;font-size:.6rem;font-weight:700;vertical-align:middle}.messages-filter-tab.is-active .messages-tab-badge{background:#10b981;color:#fff}.messages-mention-icon{width:32px;height:32px;border-radius:50%;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#059669;display:grid;place-items:center}.messages-mention-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#ecfdf5;border-bottom:1px solid #a7f3d0;color:#065f46;font-size:.73rem;font-weight:600;cursor:pointer;transition:background .14s ease;width:100%;text-align:left;border-left:0;border-right:0;border-top:0}.messages-mention-banner:hover{background:#d1fae5}.messages-channel-tag{display:inline-block;padding:1px 5px;margin-right:6px;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:.65rem;font-weight:700;color:var(--navy-deep)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071d3da6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-card{position:relative;width:100%;max-width:540px;background:#fff;border-radius:20px;border:1px solid rgba(12,35,64,.1);box-shadow:0 25px 60px -12px #0c234047,0 0 0 1px #0c23400d;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .22s cubic-bezier(.16,1,.3,1);margin:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-bottom:1px solid var(--line);gap:16px;flex-shrink:0}.modal-header h3{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--navy-deep);letter-spacing:-.01em}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--soft);color:var(--muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.modal-close-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;background:#f8fafc;border-top:1px solid var(--line);flex-shrink:0}.league-detail-modal-card{max-width:660px!important;max-height:90vh!important;border-radius:20px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.league-modal-header-hero{padding:24px 28px 18px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid var(--line);position:relative;flex-shrink:0}.league-modal-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.league-modal-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.league-modal-title{margin:0 0 8px;color:var(--navy);font-family:var(--font-display);font-size:1.42rem;font-weight:800;line-height:1.25;letter-spacing:-.015em}.league-modal-venue-row{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.85rem;font-weight:500}.league-modal-body-scroll{padding:24px 28px;overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch}.league-modal-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}@media(min-width:600px){.league-modal-stats-grid{grid-template-columns:repeat(4,1fr)}}.league-modal-stat-card{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.league-modal-stat-label{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.league-modal-stat-value{font-size:.94rem;font-weight:800;color:var(--navy);line-height:1.25}.league-modal-spots-meter{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:20px}.league-modal-meter-header{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;margin-bottom:8px}.league-modal-meter-track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.league-modal-meter-bar{height:100%;border-radius:999px;transition:width .3s ease}.league-modal-description-card{background:#fafbfc;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:20px}.league-modal-section-title{font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);margin:0 0 8px}.league-modal-description-text{margin:0;font-size:.88rem;line-height:1.55;color:#334155}.league-modal-chips-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.league-modal-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;font-size:.78rem;font-weight:600;color:var(--navy)}.league-modal-footer{padding:16px 28px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;flex-shrink:0}.league-modal-footer-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.league-modal-footer-right{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:600px){.league-modal-header-hero{padding:18px 20px 14px}.league-modal-title{font-size:1.2rem}.league-modal-body-scroll{padding:18px 20px}.league-modal-footer{padding:14px 20px}}.field-label{display:block;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--navy-deep);margin-bottom:6px;letter-spacing:.01em}.input-field{display:block;width:100%;box-sizing:border-box;min-height:42px;padding:9px 14px;border-radius:10px;border:1px solid var(--line-strong);background:#fff;color:var(--navy-deep);font-size:.88rem;font-family:inherit;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease}.input-field:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #072f731f}.input-field::placeholder{color:#94a3b8;font-weight:400}select.input-field{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23072f73' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;padding-right:40px;cursor:pointer;font-weight:600}textarea.input-field{min-height:84px;resize:vertical;line-height:1.5}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.connect-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#051e47a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:110;padding:20px}.connect-modal-card{width:100%;max-width:480px;background:var(--navy-deep);border:1px solid rgba(255,255,255,.16);border-radius:18px;box-shadow:0 20px 60px #0006;overflow:hidden}.connect-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.connect-modal-close-btn{width:28px;height:28px;border-radius:8px;border:0;background:#ffffff14;color:#fff;display:grid;place-items:center;cursor:pointer}.connect-modal-search-box{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0a}.connect-modal-search-box input{background:transparent;border:0;color:#fff;font-size:.88rem;width:100%;outline:none}.connect-modal-results{max-height:320px;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.connect-modal-user-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .15s ease}.connect-modal-user-item:hover{background:#ffffff14}.connect-modal-avatar{width:36px;height:36px;border-radius:10px;background:#c8f00033;color:var(--lime);display:grid;place-items:center;font-weight:800;flex-shrink:0;overflow:hidden}.connect-modal-avatar img{width:100%;height:100%;object-fit:cover}.connect-modal-user-info{flex:1;min-width:0}.connect-modal-select-btn{padding:5px 12px;border-radius:8px;background:var(--lime);color:var(--navy-deep);border:0;font-size:.76rem;font-weight:800;cursor:pointer}.connect-btn-ghost{padding:8px 16px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}.connect-btn-danger{padding:8px 16px;border-radius:8px;background:#dc2626;border:0;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer}.connect-lightbox-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:grid;place-items:center;z-index:120;padding:24px}.connect-lightbox-inner{position:relative;max-width:90vw;max-height:90vh}.connect-lightbox-inner img{max-width:100%;max-height:85vh;border-radius:12px;box-shadow:0 10px 40px #00000080}.connect-lightbox-close{position:absolute;top:-16px;right:-16px;width:32px;height:32px;border-radius:50%;background:#fff;color:#000;border:0;font-weight:800;cursor:pointer}.channel-modal-card{max-width:540px!important}.channel-modal-icon-badge{width:38px;height:38px;border-radius:10px;background:#c8f0002e;color:var(--lime);display:grid;place-items:center;flex-shrink:0}.channel-modal-error{padding:10px 14px;background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:10px;color:#fca5a5;font-size:.8rem;display:flex;align-items:center;gap:8px;margin:14px 20px 0}.channel-modal-form{padding:16px 20px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto}.channel-modal-field{display:flex;flex-direction:column;gap:6px}.channel-modal-label{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#ffffffe6}.channel-modal-select{padding:10px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:.85rem;outline:none;transition:border-color .15s ease;cursor:pointer}.channel-modal-select:focus{border-color:var(--lime)}.channel-modal-select option{background:#051e47;color:#fff}.searchable-league-select-wrap{position:relative;width:100%}.searchable-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:.86rem;text-align:left;cursor:pointer;transition:all .18s ease}.searchable-select-trigger:hover{background:#ffffff17;border-color:#ffffff4d}.searchable-select-trigger.is-open{border-color:var(--lime);background:#ffffff1a;box-shadow:0 0 0 2px #af03}.select-trigger-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.select-trigger-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.select-trigger-title{font-weight:600;color:#fff;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger-sub{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#ffffffa6}.select-trigger-placeholder{color:#ffffff73;font-size:.85rem}.select-trigger-chevron{color:#fff9;flex-shrink:0;transition:transform .2s ease,color .2s ease}.select-trigger-chevron.rotate{transform:rotate(180deg);color:var(--lime)}.searchable-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#081d45;border:1px solid rgba(255,255,255,.22);border-radius:12px;box-shadow:0 16px 40px #0009,0 0 0 1px #aaff0026;z-index:100;overflow:hidden;display:flex;flex-direction:column;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-search-box{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.12)}.select-search-icon{color:#ffffff73;flex-shrink:0}.select-search-input{background:transparent;border:0;outline:none;color:#fff;font-size:.82rem;width:100%}.select-search-input::placeholder{color:#fff6}.select-search-clear{background:#ffffff1f;border:0;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#ffffffb3;cursor:pointer;padding:0;flex-shrink:0;transition:all .15s ease}.select-search-clear:hover{background:#ffffff40;color:#fff}.searchable-select-list{max-height:220px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.searchable-select-list::-webkit-scrollbar{width:5px}.searchable-select-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.searchable-select-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.searchable-select-list::-webkit-scrollbar-thumb:hover{background:var(--lime)}.select-option-item{padding:9px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;background:transparent}.select-option-item:hover{background:#ffffff14;border-color:#ffffff1f}.select-option-item.is-selected{background:#aaff001f;border-color:#aaff0059}.select-option-body{display:flex;flex-direction:column;gap:4px}.select-option-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.select-option-name{font-size:.83rem;font-weight:600;color:#fff;line-height:1.3}.select-option-check{color:var(--lime);flex-shrink:0}.select-option-badges{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:.68rem}.select-option-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-weight:600;line-height:1.2}.select-option-badge.badge-sport{background:#ffffff14;color:#ffffffe0}.select-option-badge.badge-location{background:#ffffff0f;color:#ffffffb3}.select-option-badge.badge-status{background:#aaff0026;color:var(--lime)}.select-option-badge.badge-status.status-completed{background:#ffffff1a;color:#ffffff8c}.select-option-badge.badge-status.status-upcoming{background:#3b82f62e;color:#93c5fd}.select-option-badge.badge-dates{color:#ffffff8c}.select-no-results{padding:24px 16px;text-align:center;color:#ffffff80;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:8px}.select-no-results-clear{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--lime);font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.select-no-results-clear:hover{background:#aaff001f;border-color:var(--lime)}.channel-league-meta-hint{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#ffffffa6;padding-left:2px;margin-top:2px}.channel-preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.channel-preset-btn{display:flex;flex-direction:column;gap:3px;text-align:left;padding:8px 10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .15s ease}.channel-preset-btn:hover{background:#ffffff14;border-color:#c8f0004d}.channel-preset-btn.is-active{background:#c8f00026;border-color:var(--lime);box-shadow:0 0 12px #c8f00033}.preset-btn-top{display:flex;align-items:center;justify-content:space-between}.preset-name{color:#fff;font-size:.82rem;font-family:var(--font-display)}.preset-check{color:var(--lime)}.preset-desc{font-size:.68rem;color:#fff9;line-height:1.25}.channel-name-input-wrap{display:flex;align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;overflow:hidden;transition:border-color .15s ease}.channel-name-input-wrap:focus-within{border-color:var(--lime)}.channel-prefix{padding:0 12px;color:var(--lime);font-size:1.05rem;font-weight:800;font-family:var(--font-display);-webkit-user-select:none;user-select:none}.channel-name-input{flex:1;padding:10px 12px 10px 0;background:transparent;border:0;color:#fff;font-size:.88rem;outline:none;font-weight:600}.channel-field-hint{font-size:.7rem;color:#ffffff73;line-height:1.3}.channel-topic-input{padding:10px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:.85rem;outline:none;transition:border-color .15s ease}.channel-topic-input:focus{border-color:var(--lime)}.channel-checkbox-label{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.channel-mod-tag{font-size:.64rem;font-weight:800;text-transform:uppercase;background:#c8f00033;color:var(--lime);padding:1px 6px;border-radius:4px}.checkbox-subtext{font-size:.72rem;color:#ffffff8c;line-height:1.3;display:block;margin-top:2px}.channel-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.channel-modal-card-v2{max-width:530px!important;background:linear-gradient(180deg,#09214d,#04142f)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:20px!important;box-shadow:0 28px 75px #000000b3,0 0 0 1px #aaff001f!important;overflow:visible!important;position:relative}.channel-modal-header-v2{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05;border-radius:20px 20px 0 0}.channel-modal-header-main{display:flex;align-items:center;gap:12px}.channel-modal-icon-badge-v2{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#aaff0040,#aaff0014);border:1px solid rgba(170,255,0,.3);color:var(--lime);display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px #aaff0026}.channel-modal-title{margin:0;color:#fff;font-size:1.12rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.01em}.channel-modal-subtitle{margin:2px 0 0;color:#ffffffa6;font-size:.77rem}.channel-modal-close-v2{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.channel-modal-close-v2:hover{background:#ffffff26;color:#fff;transform:rotate(90deg)}.channel-modal-error-v2{padding:10px 14px;background:#ef44442e;border:1px solid rgba(239,68,68,.35);border-radius:10px;color:#fca5a5;font-size:.8rem;display:flex;align-items:center;gap:8px;margin:14px 22px 0}.channel-modal-form-v2{padding:18px 22px 22px;display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 70px);overflow-y:auto}.channel-modal-form-v2::-webkit-scrollbar{width:5px}.channel-modal-form-v2::-webkit-scrollbar-track{background:#00000026}.channel-modal-form-v2::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.channel-form-group{display:flex;flex-direction:column;gap:6px}.channel-group-label-row{display:flex;align-items:center;justify-content:space-between}.channel-field-label{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#ffffffe6;font-family:var(--font-display)}.label-icon-accent{color:var(--lime)}.label-required{color:var(--lime);font-size:.85rem;margin-left:-2px}.label-optional{color:#ffffff73;font-size:.72rem;font-weight:400}.channel-selected-status-badge{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#aaff0026;color:var(--lime);border:1px solid rgba(170,255,0,.25);text-transform:uppercase;letter-spacing:.04em}.channel-dropdown-loading{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffa6;font-size:.82rem}.dropdown-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.searchable-select-trigger-v2{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease}.searchable-select-trigger-v2:hover{background:#ffffff14;border-color:#ffffff47}.searchable-select-trigger-v2.is-open{border-color:var(--lime);background:#ffffff14;box-shadow:0 0 0 2px #aaff0038}.searchable-select-trigger-v2.is-empty{color:#ffffff73;font-size:.85rem}.select-trigger-meta-inline{display:flex;align-items:center;gap:6px;margin-top:2px;flex-wrap:wrap}.select-meta-chip{display:inline-flex;align-items:center;gap:3px;font-size:.69rem;color:#ffffffbf;background:#ffffff14;padding:1px 6px;border-radius:4px;font-weight:500}.select-meta-chip.sport{background:#aaff0024;color:var(--lime);font-weight:600}.select-meta-chip.muted{background:transparent;color:#ffffff8c;padding:0}.searchable-select-dropdown-v2{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#06193b;border:1px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:0 18px 45px #000000bf,0 0 0 1px #af03;z-index:120;overflow:hidden;display:flex;flex-direction:column;animation:fadeInDown .15s ease-out}.select-search-box-v2{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.1)}.select-search-input-v2{background:transparent;border:0;outline:none;color:#fff;font-size:.83rem;width:100%}.select-search-input-v2::placeholder{color:#fff6}.select-search-clear-v2{background:#ffffff1f;border:0;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#ffffffb3;cursor:pointer;padding:0;flex-shrink:0}.select-search-clear-v2:hover{background:#ffffff40;color:#fff}.searchable-select-list-v2{max-height:200px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.searchable-select-list-v2::-webkit-scrollbar{width:5px}.searchable-select-list-v2::-webkit-scrollbar-track{background:#0003}.searchable-select-list-v2::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.searchable-select-list-v2::-webkit-scrollbar-thumb:hover{background:var(--lime)}.select-option-item-v2{padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.select-option-item-v2:hover{background:#ffffff14;border-color:#ffffff1f}.select-option-item-v2.is-selected{background:#aaff001f;border-color:#aaff0059}.select-badge-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-weight:600;line-height:1.2;font-size:.67rem}.select-badge-pill.sport{background:#ffffff14;color:#ffffffe0}.select-badge-pill.location{background:#ffffff0f;color:#ffffffb3}.select-badge-pill.status{background:#aaff0026;color:var(--lime)}.select-badge-pill.dates{color:#ffffff8c}.select-no-results-v2{padding:20px 14px;text-align:center;color:#ffffff80;font-size:.78rem;display:flex;flex-direction:column;align-items:center;gap:8px}.select-no-results-reset{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--lime);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.select-no-results-reset:hover{background:#aaff001f;border-color:var(--lime)}.channel-field-preview-pill{font-size:.72rem;font-family:monospace;font-weight:700;color:var(--lime);background:#aaff001a;border:1px solid rgba(170,255,0,.25);padding:1px 8px;border-radius:999px}.channel-name-input-box{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;transition:all .2s ease}.channel-name-input-box:focus-within{border-color:var(--lime);background:#ffffff14;box-shadow:0 0 0 2px #af03}.channel-input-hash-badge{padding:0 14px;color:var(--lime);font-size:1.05rem;font-weight:800;font-family:var(--font-display);-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.08)}.channel-name-input-v2{flex:1;padding:10px 14px;background:transparent;border:0;color:#fff;font-size:.88rem;outline:none;font-weight:600;font-family:monospace}.channel-presets-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.presets-bar-header{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#ffffff80;font-weight:600;flex-shrink:0}.presets-bar-header .sparkles-icon{color:var(--lime)}.presets-pill-list{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.preset-chip-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#ffffffbf;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.preset-chip-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.preset-chip-btn.is-active{background:#aaff0026;border-color:var(--lime);color:var(--lime);box-shadow:0 0 8px #af03}.chip-hash{color:var(--lime);font-size:.72rem;font-weight:800}.chip-check{color:var(--lime)}.channel-topic-input-v2{padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#fff;font-size:.84rem;outline:none;transition:all .2s ease}.channel-topic-input-v2:focus{border-color:var(--lime);background:#ffffff14;box-shadow:0 0 0 2px #af03}.channel-permission-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.channel-permission-card:hover{background:#ffffff0f;border-color:#fff3}.channel-permission-card.is-readonly{background:#aaff000d;border-color:#aaff0040}.permission-card-info{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.permission-icon-circle{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#ffffffb3;flex-shrink:0;transition:all .2s ease}.channel-permission-card.is-readonly .permission-icon-circle{background:#aaff0026;border-color:#aaff004d;color:var(--lime)}.permission-text-col{display:flex;flex-direction:column;gap:2px;min-width:0}.permission-heading-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.permission-main-title{font-size:.84rem;font-weight:700;color:#fff}.permission-tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:4px;letter-spacing:.02em}.permission-tag.tag-open{background:#ffffff14;color:#ffffffb3}.permission-tag.tag-restricted{background:#af03;color:var(--lime)}.permission-desc-text{margin:2px 0 0;font-size:.71rem;color:#ffffff8c;line-height:1.3}.channel-toggle-switch{width:40px;height:22px;border-radius:999px;background:#ffffff26;position:relative;flex-shrink:0;transition:all .2s ease;cursor:pointer}.channel-toggle-switch.is-on{background:var(--lime)}.toggle-switch-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000004d}.channel-toggle-switch.is-on .toggle-switch-slider{transform:translate(18px);background:#031631}.channel-modal-footer-v2{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.channel-modal-btn-cancel{padding:10px 18px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);color:#ffffffd9;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .18s ease}.channel-modal-btn-cancel:hover:not(:disabled){background:#ffffff21;color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.channel-modal-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:10px;background:linear-gradient(135deg,#d4ff00,#a3e635);border:0;color:#021329;font-size:.84rem;font-weight:800;font-family:var(--font-display);cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #aaff004d}.channel-modal-btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #af06}.channel-modal-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1023px){.connect-module-layout{grid-template-columns:280px 1fr!important;height:100%!important;width:100%!important}.connect-nav-sidebar{display:flex!important;width:280px!important;flex-shrink:0!important}.connect-chat-main{display:flex!important;min-width:0!important}.chat-mobile-back-btn{display:none!important}.connect-details-sidebar{position:fixed!important;top:0;right:0;bottom:0;width:320px;max-width:88vw;height:100vh!important;z-index:1500;background:#fff;border-left:1px solid var(--line);box-shadow:-8px 0 28px #00000038;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex!important}.connect-module-layout:not(.no-details) .connect-details-sidebar{transform:translate(0)!important}.connect-details-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#051e478c;z-index:1499;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.connect-league-pinned-header{padding:8px 14px}.league-pinned-chips{gap:4px}}@media(max-width:767px){html,body{overflow-x:hidden!important;width:100%!important}input,select,textarea{font-size:16px!important}.connect-module-layout{display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;min-height:0!important;grid-template-columns:1fr!important}.connect-module-layout.no-active-conv .connect-nav-sidebar{display:flex!important;width:100%!important;height:100%!important;flex:1 1 0%!important}.connect-module-layout.no-active-conv .connect-chat-main,.connect-module-layout.has-active-conv .connect-nav-sidebar{display:none!important}.connect-module-layout.has-active-conv .connect-chat-main{display:flex!important;width:100%!important;height:100%!important;flex:1 1 0%!important;min-width:0!important}.chat-mobile-back-btn{display:inline-flex!important;align-items:center;gap:4px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);font-size:.78rem;font-weight:700;cursor:pointer;flex-shrink:0;min-height:36px}.chat-mobile-back-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.connect-chat-topbar{padding:8px 12px;gap:8px}.chat-topbar-left{gap:8px;min-width:0;flex:1}.chat-title{font-size:.95rem}.chat-type-badge{display:none}.chat-topic{font-size:.7rem}.chat-topbar-tool-btn{width:36px;height:36px;flex-shrink:0}.connect-league-pinned-header{padding:8px 10px}.league-pinned-header-top{flex-direction:column;align-items:flex-start;gap:6px}.league-pinned-header-actions{width:100%;display:flex;gap:6px;margin-top:4px}.league-pinned-view-btn,.league-pinned-register-btn{flex:1;justify-content:center;text-align:center;padding:6px 8px;font-size:.72rem}.league-pinned-toggle-btn{padding:6px 10px;font-size:.72rem;flex-shrink:0}.connect-league-pinned-collapsed{padding:6px 10px;gap:8px}.connect-league-pinned-collapsed .collapsed-league-title{max-width:140px}.league-pinned-meta-bar{flex-direction:column;align-items:flex-start;gap:6px;margin-top:6px}.league-pinned-chips{flex-wrap:wrap;gap:4px;width:100%}.pinned-chip{padding:2px 7px;font-size:.68rem}.league-pinned-participants-summary{width:100%}.pinned-participants-pill{width:100%;justify-content:space-between}.connect-messages-stream{padding:10px 12px;gap:12px}.connect-message-row{padding:8px 10px}.connect-message-actions{display:none}.msg-mobile-more-btn{display:inline-flex!important;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;margin-left:auto;flex-shrink:0}.msg-mobile-more-btn:hover{background:var(--soft-2);color:var(--navy)}.connect-message-row.mobile-actions-open .connect-message-actions{display:flex!important;position:static;margin-top:8px;justify-content:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:4px 6px;gap:6px;flex-wrap:wrap}.connect-message-row.mobile-actions-open .msg-action-btn{width:34px;height:34px;border-radius:7px;background:#fff;border:1px solid var(--line)}.connect-composer-wrapper{padding:8px 10px 10px}.connect-composer-box{padding:6px 10px;gap:6px}.connect-composer-box textarea,.connect-composer-editor{font-size:16px!important;padding:6px 0;max-height:90px}.connect-composer-editor:empty:before{font-size:15px}.mention-header-hint{display:none}.connect-composer-actions{gap:6px}.composer-tool-btn{width:36px;height:36px}.composer-send-btn{width:38px;height:38px}.composer-mention-menu{position:absolute;bottom:calc(100% + 4px);left:8px!important;right:8px!important;width:auto!important;max-width:none!important;max-height:200px;z-index:100;box-shadow:0 -8px 24px #00000059}.mention-menu-item{padding:8px 12px;min-height:44px}.connect-details-sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;height:100vh!important;z-index:1600;background:#fff;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex!important}.connect-module-layout:not(.no-details) .connect-details-sidebar{transform:translate(0)!important}.details-close-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--soft)}.portal-topbar,.admin-topbar{padding:8px 12px}.breadcrumb-root,.breadcrumb-sep{display:none}.portal-topbar-right,.admin-topbar-right{gap:6px}.portal-topbar-btn span,.admin-topbar-btn span{display:none}.portal-topbar-btn,.admin-topbar-btn{padding:6px 8px;min-height:34px}.portal-user-name{display:none}.connect-nav-tabs{padding:6px 8px;gap:3px}.connect-tab-btn{padding:5px 8px;font-size:.72rem}.connect-modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:18px 14px!important;max-height:calc(100vh - 30px)!important;overflow-y:auto!important}.admin-tab-bar{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:8px}.admin-tab-bar button{white-space:nowrap;flex-shrink:0;font-size:.78rem;padding:6px 12px}.summary-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.summary-stat-value{font-size:1.6rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:374px){.summary-cards-grid{grid-template-columns:1fr!important}.chat-title{font-size:.88rem}.connect-search-input-wrap{padding:5px 8px}.connect-tab-btn span{font-size:.68rem}}