:root{--primary-bg:#000;--secondary-bg:#1c1c1c;--accent1:#ff6f00;--accent2:#ff8c00;--sport-card-text-color:#fff;--font-family:"Poppins",sans-serif;--transition-speed:0.3s;--ax-nav-clearance:96px;--ax-page-max:1400px}.community-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-bg),var(--secondary-bg));color:var(--sport-card-text-color);display:flex;flex-direction:column;align-items:center;color:#ffffff;padding:var(--ax-nav-clearance) 16px 48px;font-family:var(--font-family);width:100%;box-sizing:border-box}.community-page-title{font-size:clamp(2.05rem,6.2vw,3.6rem);text-align:center;max-width:720px;margin:12px auto 14px;text-transform:uppercase;color:#ffffff;border-bottom:4px solid #a23c20;padding-bottom:12px;letter-spacing:.06em;line-height:1.15;font-family:inherit}.community-search-wrapper{width:100%;max-width:600px;margin:16px auto 0;display:flex;justify-content:center}.community-search-bar-form{display:flex;align-items:center;width:100%;background:#222;border-radius:50px;border:2px solid #a23c20;box-shadow:0 4px 12px rgba(255,255,255,.1);transition:box-shadow var(--ax-transition-base) var(--ax-ease),transform var(--ax-transition-fast) var(--ax-ease)}.community-search-bar-form:focus-within{box-shadow:0 0 12px rgba(162,60,32,.8);transform:scale(1.02)}.community-search-bar-input{flex-grow:1;padding:10px 16px;font-size:1rem;color:#fff;background:transparent;border:none;outline:none;border-radius:50px 0 0 50px}.community-search-bar-input::placeholder{color:rgba(255,255,255,.7);font-size:.95rem}.community-search-bar-button{width:52px;height:42px;border:none;border-radius:0 50px 50px 0;background:linear-gradient(135deg,#a23c20,#842d14);cursor:pointer;transition:transform var(--ax-transition-fast) var(--ax-ease),box-shadow var(--ax-transition-base) var(--ax-ease),filter var(--ax-transition-base) var(--ax-ease);box-shadow:0 3px 10px rgba(0,0,0,.15)}.community-search-bar-button:focus,.community-search-bar-button:hover{transform:scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.3);outline:2px solid var(--accent1);outline-offset:2px}.community-search-bar-button:active{transform:scale(.98)}.featured-sport{text-align:center;width:100%;margin-top:28px;padding:0 20px}.featured-sport h2{font-size:2.25rem;margin-bottom:22px;color:var(--sport-card-text-color);text-shadow:2px 2px 5px rgba(0,0,0,.8)}.featured-sport-card{position:relative;width:100%;max-width:600px;height:300px;margin:0 auto;background:#292929;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.6);transition:transform var(--ax-transition-base) var(--ax-ease)}.featured-sport-card:hover{transform:translateY(-10px)}.featured-sport-bg{width:100%;height:100%;background-size:cover;background-position:50%;opacity:.5;transition:opacity var(--ax-transition-base) var(--ax-ease)}.featured-sport-card:hover .featured-sport-bg{opacity:.7}.featured-sport-info{position:absolute;bottom:20px;left:30px;text-align:left}.featured-sport-info h2{font-size:2rem;font-weight:700;background:rgba(0,0,0,.5);padding:10px 15px;border-radius:10px}.sports-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:28px;width:100%;max-width:var(--ax-page-max);padding:0 8px;box-sizing:border-box}.sport-card{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;border:2px solid var(--accent1);background:linear-gradient(135deg,var(--secondary-bg),var(--primary-bg));box-shadow:0 5px 15px rgba(0,0,0,.5);transition:transform var(--ax-transition-base) var(--ax-ease),box-shadow var(--ax-transition-base) var(--ax-ease),border-color var(--ax-transition-base) var(--ax-ease);will-change:transform;outline:none}.sport-card:focus-within,.sport-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.65);border-color:var(--accent2);z-index:2}.sport-card[aria-disabled=true]{opacity:.65;pointer-events:none}.sport-card-bg{width:100%;height:200px;overflow:hidden}.sport-card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--ax-transition-base) var(--ax-ease);border-radius:12px 12px 0 0}.sport-card:focus-within .sport-card-image,.sport-card:hover .sport-card-image{transform:scale(1.05)}.sport-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(0,0,0,.47));pointer-events:none;z-index:1}.sport-card-info{padding:15px;text-align:center;position:relative;z-index:2;background:rgba(0,0,0,.62);backdrop-filter:blur(4px);border-radius:0 0 12px 12px}.sport-card-info h3{margin:0;font-size:1.8rem;font-weight:700;color:var(--sport-card-text-color);text-shadow:1px 1px 4px rgba(0,0,0,.8)}.sport-card-members{margin-top:4px;font-size:.95rem;color:#bbb}.esport-preview-card{border:2.2px solid #00f0ff;box-shadow:0 0 16px #00f0ff;animation:electricPulse 1.5s infinite alternate}.esport-card-disabled{position:relative;opacity:1}.esport-coming-soon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,240,255,.11),rgba(44,49,60,.15));display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;border-radius:15px}.esport-coming-soon-overlay span{color:#fff;font-size:1.25rem;font-weight:600;background:rgba(0,0,0,.96);padding:8px 26px;border-radius:10px;letter-spacing:.6px;text-shadow:0 2px 10px #000a;opacity:.85;font-family:inherit}@keyframes electricPulse{0%{box-shadow:0 0 10px #00f0ff}to{box-shadow:0 0 22px #00f0ff}}.sport-card:focus,.sport-card:focus-visible{outline:3px solid var(--accent2);outline-offset:2.5px}.sport-card[aria-disabled=true]:focus,.sport-card[aria-disabled=true]:focus-visible{outline:none}@media (max-width:1024px){:root{--ax-nav-clearance:92px}}@media (max-width:768px){:root{--ax-nav-clearance:86px}.community-page{padding:var(--ax-nav-clearance) 12px 40px}.sports-masonry{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:0 4px}.sport-card-bg{height:140px}.sport-card-info h3{font-size:1.2rem}.featured-sport-card{height:220px}.featured-sport-info h2{font-size:1.5rem}}@media (max-width:480px){:root{--ax-nav-clearance:80px}.sports-masonry{grid-template-columns:1fr}.sport-card-bg{height:120px}.sport-card-info h3{font-size:1.05rem}}