.clubs-page{padding:38px 38px 50px;background:#0b0e11}.clubs-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:12px 0 34px;border-bottom:1px solid #263039}.clubs-heading small{font-size:10px;color:#80ceff}.clubs-heading h1{font-size:29px;margin:13px 0}.clubs-heading p{font-size:12px;color:#7d94a5;line-height:2}.clubs-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 18px}.club-filters{display:flex;gap:8px}.club-filters button{background:none;color:#7f98aa;border:1px solid transparent;border-radius:5px;padding:10px 16px;font-size:11px}.club-filters .selected{color:#aedaff;background:#80ceff0a;border-color:#80ceff33}.clubs-tools input,#clubEditor input,#clubEditor textarea,.club-management input,.club-management textarea{background:#111a22;border:1px solid #334756;color:#d0e0ec;border-radius:5px;padding:11px;font:12px Vazirmatn,Tahoma}.clubs-tools input{width:260px;max-width:100%}#clubsStatus,.detail-status,#createClubStatus{font-size:11px;color:#95b7cf;line-height:2;min-height:20px}.club-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.club-card{background:#151b21;border:1px solid #2b3945;border-radius:9px;overflow:hidden}.club-card-cover{min-height:125px;background:repeating-linear-gradient(125deg,transparent 0 45px,#ffffff03 46px 70px),linear-gradient(110deg,#12212f,#293f50);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.club-emblem{height:70px;width:70px;display:grid;place-items:center;flex-shrink:0;border:1px solid #719bb8;border-radius:12px;color:#c3e9ff;background:#142a3d;font:800 16px Arial;letter-spacing:1px}.club-membership{font-size:9px;background:#0d1a25aa;color:#a3c8e2;border-radius:20px;padding:5px 9px}.club-card-body{padding:20px}.club-card-body h2{font-size:17px;margin:0 0 13px}.club-card-body p{font-size:11px;line-height:2;color:#809aaf;min-height:44px;overflow-wrap:anywhere}.club-card-body>small{display:block;color:#6d8ca3;font-size:10px;margin-bottom:17px}.club-action,.club-back{border:1px solid #3c5669;color:#a5d1ee;border-radius:5px;background:transparent;padding:8px 13px;font-size:10px}.club-action:hover{border-color:#80ceff;background:#80ceff09}.club-card-body .club-action{width:100%;padding:11px}.clubs-note{font-size:10px;color:#667f92;line-height:2;margin-top:30px}.club-detail-hero{border:1px solid #344c60;border-radius:10px;background:linear-gradient(120deg,#1d3448,#111b24);padding:29px;margin:22px 0}.club-detail-hero h1{font-size:28px;margin:19px 0 12px;overflow-wrap:anywhere}.club-detail-hero p{font-size:12px;color:#9eb5c7;line-height:2;max-width:650px;overflow-wrap:anywhere}.club-detail-hero small{font-size:10px;color:#85aecb}.club-detail-tools{display:flex;gap:10px}.club-members-section,.club-management{background:#141c24;border:1px solid #2c3d4a;padding:23px;border-radius:9px;margin:20px 0}.club-members-section h2,.club-management h2{font-size:16px;margin:0 0 19px}.club-member{display:flex;align-items:center;gap:12px;border-top:1px solid #293c49;padding:14px 0;flex-wrap:wrap}.club-player-avatar{width:38px;height:38px;flex-shrink:0;background:#283f50}.club-member-label{flex:1}.club-member b{font-size:12px;overflow-wrap:anywhere}.club-member small{display:block;font-size:9px;color:#7e9fb6;margin-top:5px}.club-role{color:#80ceff;font-size:10px}.club-member .club-action{font-size:9px}.club-management label{display:block;margin:18px 0;color:#9ab1c3;font-size:11px}.club-management input,.club-management textarea{display:block;width:100%;margin-top:9px}.club-delete{border:1px solid #78484c;color:#dda0a5;background:transparent;border-radius:4px;padding:10px 16px;font-size:10px;margin-right:12px}#clubEditor{background:#17212b;border:1px solid #3a5264;color:#d0e0ec;width:450px;max-width:calc(100% - 30px);border-radius:10px;padding:25px;font-family:Vazirmatn,Tahoma;max-height:90vh;overflow:auto}#clubEditor::backdrop{background:#000b;backdrop-filter:blur(5px)}.clubs-dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.clubs-dialog-title h2{font-size:19px;margin:0}.clubs-dialog-title button{background:none;border:0;color:#9bb5c8;font-size:25px}#clubEditor label{display:block;font-size:11px;margin:15px 0 8px}#clubEditor input,#clubEditor textarea{display:block;width:100%}#clubEditor small{font-size:9px;color:#7394ab;line-height:2}#clubEditor .blue-btn{width:100%;margin-top:8px}@media(max-width:900px){.clubs-page{padding:25px 22px}.clubs-heading{align-items:flex-start;flex-wrap:wrap}.clubs-heading h1{font-size:24px}.clubs-tools{flex-wrap:wrap}.clubs-tools input{width:100%}.club-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:600px){.clubs-page{padding:23px 15px}.clubs-heading h1{font-size:23px}.clubs-heading p{font-size:11px}.club-cards{grid-template-columns:1fr}.club-member{gap:9px}.club-members-section,.club-management{padding:17px}.club-detail-hero{padding:23px}.club-detail-hero h1{font-size:24px}.club-filters button{font-size:10px;padding:9px 12px}}
/* Club identity and management */
.club-detail-hero{padding:0;overflow:hidden;background:#141b22;border:1px solid #334553;border-radius:10px;margin-top:20px}.club-hero-cover{height:135px;position:relative;background:repeating-linear-gradient(128deg,transparent 0 90px,#ffffff03 91px 135px),linear-gradient(115deg,#14232e,#30495c);overflow:hidden}.club-hero-wordmark{position:absolute;right:26px;top:19px;font:600 10px Arial;letter-spacing:2px;color:#a7cce355}.club-hero-watermark{position:absolute;left:20px;top:-14px;font:900 145px Arial;letter-spacing:-8px;transform:skew(-10deg);color:#ffffff08}.club-hero-identity{position:relative;display:flex;align-items:center;gap:21px;padding:0 28px;margin-top:-36px}.club-hero-identity .club-emblem{width:94px;height:94px;font-size:21px;background:#162b3b;border:3px solid #141b22;box-shadow:0 0 0 1px #5a7b93;border-radius:15px;letter-spacing:.5px}.club-hero-heading{padding-top:38px;min-width:0}.club-hero-heading>small{font-size:9px;color:#7298b4}.club-hero-heading h1{margin:7px 0 8px;font-size:26px;font-weight:800}.club-hero-badge{display:inline-block;color:#a8d6f5;background:#80ceff0b;border:1px solid #80ceff22;font-size:9px;padding:3px 9px;border-radius:20px}.club-detail-hero .club-hero-description{padding:0 28px;margin:23px 0;max-width:800px;color:#8ca8bd;font-size:11px;line-height:2}.club-hero-stats{display:flex;gap:0;border-top:1px solid #2b3b47;padding:20px 28px;background:#101820}.club-hero-stats>div{display:flex;flex-direction:column;gap:8px;min-width:120px;border-left:1px solid #293d4d;padding-left:25px;margin-left:25px}.club-hero-stats>div:last-child{border:0}.club-hero-stats b{font-size:14px;font-weight:600;color:#d1e7f6}.club-hero-stats small{font-size:9px;color:#6c8ca3}.club-detail-tools{padding:4px 0 5px;gap:10px}.club-detail-tools .blue-btn{padding:11px 26px}.club-detail-tools .club-action{font-size:11px;padding:10px 19px}.club-back{font-size:10px;border:0;padding:0;color:#809db3}.club-members-section,.club-management{background:#141b22;border-color:#2d3d49;border-radius:9px;padding:23px}.club-section-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px}.club-section-heading h2{margin:0;font-size:15px}.club-section-heading>span{color:#7999b1;font-size:10px;background:#1e2c38;border-radius:20px;padding:4px 10px}.club-member{padding:15px 0;border-top:1px solid #263744;gap:14px}.club-player-avatar{height:40px;width:40px}.club-member b{font-weight:600;font-size:12px}.club-member small{font:10px Arial;color:#6689a4;direction:ltr;text-align:right}.club-role{font-size:9px;padding:4px 9px;border:1px solid #344c5e;border-radius:20px;color:#93bddb}.club-member .club-action{border-color:#314454;font-size:9px;padding:6px 9px;color:#829fb4}.club-member .club-action:hover{border-color:#80ceff;color:#b1e0ff}.club-management h2{margin-bottom:8px;font-size:15px}.club-admin-hint{font-size:10px;color:#6f90a9;margin:0 0 23px}.club-management label{font-size:11px}.club-management input,.club-management textarea{background:#0d161f;border-color:#2b4254;border-radius:5px;font-size:12px;outline-color:#80ceff}.club-management .blue-btn{margin-top:7px}.club-delete{border:0;color:#b88186;font-size:10px;padding:11px 16px}.club-delete:hover{background:#df7d8510}.club-management textarea{resize:vertical}.clubs-heading h1{font-weight:800}.club-card-cover{background:repeating-linear-gradient(130deg,transparent 0 50px,#ffffff03 51px 80px),linear-gradient(110deg,#14232f,#263d4f)}
/* Creation dialog */
#clubEditor{width:510px;padding:28px;background:#141d26;border:1px solid #3a5062;border-radius:12px;box-shadow:0 30px 100px #0008}.clubs-dialog-title{align-items:flex-start;margin-bottom:22px;gap:18px}.club-dialog-eyebrow{color:#80ceff!important;font-size:9px!important}.clubs-dialog-title h2{font-size:23px;margin:8px 0 6px;font-weight:800}.club-dialog-intro{font-size:10px;color:#7899b1;line-height:1.9;margin:0}.clubs-dialog-title>button{font-size:25px;padding:0;color:#6f92ac}.club-create-preview{display:flex;gap:14px;align-items:center;background:linear-gradient(110deg,#152836,#1b3448);border:1px solid #344e62;border-radius:7px;padding:17px;margin-bottom:22px}.club-create-preview>span{height:55px;width:55px;border-radius:9px;border:1px solid #6087a3;background:#142738;display:grid;place-items:center;font:800 14px Arial;color:#b6e1ff;flex-shrink:0}.club-create-preview b{font-size:13px;font-weight:600;overflow-wrap:anywhere}.club-create-preview small{display:block;margin-top:5px;color:#729ab8!important;font:9px Arial!important}.club-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#clubEditor label{font-size:10px;color:#a6c0d2;margin:16px 0 9px}#clubEditor input,#clubEditor textarea{background:#0d161f;border-color:#2b4153;padding:11px 12px;font-size:11px;outline-color:#80ceff;transition:border-color .15s}#clubEditor input:focus,#clubEditor textarea:focus{border-color:#80ceff}#clubEditor input::placeholder,#clubEditor textarea::placeholder{color:#4f728c}#clubEditor textarea{resize:vertical}#clubEditor small{font-size:8px;color:#5f819b}#newClubTag{letter-spacing:2px;text-transform:uppercase}.club-create-footer{display:flex;align-items:center;gap:15px;justify-content:space-between;border-top:1px solid #2c3e4c;padding-top:19px;margin-top:20px}.club-create-footer span{font-size:9px;color:#7898b0}.club-create-footer #createClubSubmit{width:auto;margin:0;font-size:11px;padding:11px 22px;white-space:nowrap}.club-create-footer #createClubSubmit:disabled{opacity:.5;cursor:wait}#createClubStatus:empty{display:none}#createClubStatus{font-size:11px;color:#e7b4b7;margin:15px 0 0}@media(max-width:650px){.club-hero-cover{height:115px}.club-hero-watermark{font-size:120px}.club-hero-identity{padding:0 20px;gap:16px}.club-hero-identity .club-emblem{width:77px;height:77px;font-size:17px}.club-hero-heading h1{font-size:21px}.club-detail-hero .club-hero-description{padding:0 20px;margin:20px 0;font-size:10px}.club-hero-stats{padding:17px 20px}.club-hero-stats>div{min-width:0;flex:1;margin-left:14px;padding-left:14px}.club-hero-stats b{font-size:12px;overflow-wrap:anywhere}.club-hero-stats small{font-size:8px}.club-members-section,.club-management{padding:18px}.club-member{gap:10px}.club-member .club-action{font-size:8px;padding:6px}.club-role{font-size:8px}.club-player-avatar{width:35px;height:35px}#clubEditor{padding:22px}.clubs-dialog-title h2{font-size:21px}.club-form-grid{gap:12px}.club-create-footer{flex-wrap:wrap;gap:13px}.club-create-footer #createClubSubmit{width:100%}.club-create-footer span{font-size:9px}}
.club-create-back{display:none}.club-create-page .clubs-page{min-height:100vh}.club-create-page #clubEditor{position:relative;display:block;margin:8px auto 35px;width:min(620px,100%);max-width:100%;max-height:none;box-shadow:none;padding:32px;border-color:#304758}.club-create-page .club-create-back{display:block;color:#829fb5;font-size:10px;margin-bottom:26px}.club-create-page .clubs-note{text-align:center;max-width:620px;margin:0 auto;color:#64849d}.club-create-page #clubEditor .clubs-dialog-title h2{font-size:26px}.clubs-page [hidden]{display:none!important}@media(max-width:650px){.club-create-page #clubEditor{padding:22px}.club-create-page #clubEditor .clubs-dialog-title h2{font-size:22px}}
.clubs-page .clubs-heading{padding:0 0 18px}.clubs-page .clubs-heading h1{font-size:24px;margin:8px 0}.clubs-page .clubs-tools{margin-top:20px}
/* Competitive club directory: flat surfaces and restrained accents. */
.clubs-page{background:#090b0d;padding-top:30px}.clubs-page .clubs-heading{border-color:#272b2e;min-height:64px;align-items:center}.clubs-page .clubs-heading h1{font-size:23px;font-weight:700}.clubs-heading .blue-btn{padding:11px 21px;font-size:11px;border-radius:4px}.clubs-tools{margin:23px 0 15px;gap:20px;padding-bottom:16px;border-bottom:1px solid #252b30}.club-filters{gap:20px}.club-filters button{border:0;border-radius:0;padding:12px 2px;font-size:11px;color:#909aA2;background:none}.club-filters .selected{background:none;color:#e0edf5;border-bottom:2px solid #80ceff}.clubs-tools input{border-color:#30373e;background:#1b1f23;border-radius:4px;font-size:11px}.club-cards{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.club-card{background:#141719;border-color:#2a2f33;border-radius:7px;transition:border-color .15s}.club-card:hover{border-color:#526b7d}.club-card-cover{min-height:144px;padding:19px;background:repeating-linear-gradient(135deg,transparent 0 70px,#ffffff03 71px 95px),#1c252c;position:relative;align-items:flex-end}.club-card-cover:after{content:'CS2';font:800 70px Arial;color:#ffffff04;position:absolute;left:14px;top:8px;pointer-events:none}.club-card .club-emblem{height:65px;width:65px;background:#151d23;border:1px solid #526879;border-radius:7px;color:#d3e9f7;font-size:15px;position:relative;z-index:1}.club-membership{border-radius:4px;background:#0e141ac9;padding:5px 8px;color:#a0b3c1;font-size:9px;position:relative;z-index:1}.club-card-body{padding:19px}.club-card-body h2{font-size:16px;margin-bottom:11px;font-weight:700}.club-card-body p{font-size:10px;color:#7c909f;line-height:2;min-height:42px;margin-bottom:15px}.club-card-body>small{font-size:10px;color:#7893a6;margin-bottom:18px}.club-card-body .club-action{border-color:#394954;border-radius:4px;background:transparent;color:#a9d2ed;font-size:10px;padding:10px}.club-card-body .club-action:hover{background:#80ceff09;border-color:#80ceff}.club-detail-hero{border-color:#2d363d;border-radius:7px;background:#13181c}.club-hero-cover{height:180px;background:repeating-linear-gradient(128deg,transparent 0 100px,#ffffff04 101px 136px),linear-gradient(115deg,#16212a,#25343f)}.club-hero-watermark{font-size:170px;top:-10px;color:#ffffff06}.club-hero-wordmark{color:#7c9aaf;font-size:9px}.club-hero-identity .club-emblem{border-radius:9px;background:#141e26;box-shadow:0 0 0 1px #526b7c;border-color:#13181c;width:100px;height:100px}.club-hero-heading h1{font-size:28px;font-weight:800}.club-hero-heading>small{color:#718c9f}.club-hero-badge{background:#242e36;border-color:#354957;border-radius:4px;color:#a8c4d6;padding:4px 8px;font-size:9px}.club-detail-hero .club-hero-description{color:#8a9daa;font-size:11px}.club-hero-stats{background:#11171b;border-color:#2a343c;padding:19px 28px}.club-hero-stats>div{border-color:#2e3c46}.club-hero-stats b{font-size:14px;color:#c3d8e5}.club-hero-stats small{color:#6a879b}.club-detail-tools{margin:16px 0 10px}.club-detail-tools .blue-btn{border-radius:4px;padding:11px 28px}.club-detail-tools .club-action{border-color:#3b4e5c;border-radius:4px;color:#9fb9cb}.club-members-section,.club-management{background:#13181c;border-color:#2b343c;border-radius:7px}.club-section-heading>span{background:#222d35;border:0;border-radius:4px;color:#92b0c4}.club-member{border-color:#29353e;padding:15px 0}.club-member:hover{background:#ffffff02}.club-role{border:0;border-radius:4px;background:#202c35;color:#8eb9d7}.club-management input,.club-management textarea{background:#0e151b;border-color:#344652}.club-back{color:#8fa7b7;font-size:11px}#clubEditor,.club-create-page #clubEditor{background:#14191e;border-color:#303b44;border-radius:8px;box-shadow:none}.club-create-preview{background:repeating-linear-gradient(130deg,transparent 0 90px,#ffffff02 91px 120px),#1b2731;border-color:#3b4d5b;border-radius:5px}.club-create-preview>span{border-color:#5d7a8f;background:#131f29;border-radius:6px}.clubs-dialog-title h2{font-weight:700}.club-create-footer{border-color:#303d47}#clubEditor input,#clubEditor textarea{background:#0e151c;border-color:#334652;border-radius:4px}.club-create-footer #createClubSubmit{border-radius:4px}#clubsStatus{font-size:10px;color:#718dA1;margin:15px 0}.club-create-page .club-create-back{font-size:11px}@media(max-width:900px){.club-cards{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}.clubs-tools{gap:14px}.club-hero-cover{height:150px}.club-hero-identity .club-emblem{width:85px;height:85px}.club-hero-heading h1{font-size:24px}}@media(max-width:600px){.club-cards{grid-template-columns:1fr}.club-card-cover{min-height:135px}.club-hero-cover{height:130px}.club-hero-identity .club-emblem{width:76px;height:76px}.club-hero-heading h1{font-size:22px}.club-hero-stats{padding:17px 20px}.club-hero-stats b{font-size:12px}.club-filters{gap:20px}.clubs-tools{padding-bottom:13px}.club-members-section,.club-management{padding:18px}}