:root{--bg-main:#0a0a0f;--bg-secondary:#13131a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--primary:#cf0;--primary-glow:#cf06;--text-main:#fff;--text-muted:#9ca3af;--border-glass:#ffffff14;--success:#10b981;--danger:#ef4444;--gold:gold;--sidebar-width:260px;--widget-width:340px}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden}.community-container{background-image:radial-gradient(circle at 20%,#1a1a2e 0%,#0a0a0f 60%);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-glass);backdrop-filter:blur(10px);background:#0a0a0fcc;flex-direction:column;height:100vh;padding:32px;display:flex;position:sticky;top:0}.nav-links{flex-direction:column;gap:8px;margin-top:40px;display:flex}.nav-item{color:var(--text-muted);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-card-hover);color:#fff}.nav-item.active{background:var(--bg-card);color:var(--primary);border:1px solid var(--border-glass)}.main-feed-area{flex:1;max-width:800px;margin:0 auto;padding:40px;overflow-y:auto}.page-header{margin-bottom:32px}.page-title{margin-bottom:8px;font-family:Space Grotesk;font-size:2rem}.player-search-box{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:16px;margin-bottom:32px;padding:16px;position:relative}.search-input-group{background:#0000004d;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.search-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 15px #ccff001a}.search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.feed-filters{gap:12px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-pill{border:1px solid var(--border-glass);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0d;border-radius:100px;padding:8px 20px;font-size:.9rem;transition:all .2s}.filter-pill:hover{background:#ffffff1a}.filter-pill.active{background:var(--primary);color:#000;border-color:var(--primary);font-weight:600}.activity-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;margin-bottom:20px;padding:24px;transition:all .3s}.activity-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.card-header-feed{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.user-info-feed{align-items:center;gap:12px;display:flex}.avatar-feed{object-fit:cover;border:2px solid var(--bg-secondary);border-radius:50%;width:48px;height:48px}.user-meta h4{margin-bottom:2px;font-size:1rem}.user-meta span,.time-ago{color:var(--text-muted);font-size:.8rem}.feed-content-match{background:#0000004d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:16px;display:flex}.score-display{color:var(--primary);letter-spacing:2px;font-family:Space Grotesk;font-size:1.5rem;font-weight:700}.match-versus-mini{color:var(--text-muted);text-align:center;font-size:.9rem}.feed-content-invite{border:1px dashed var(--primary);text-align:center;background:#ccff000d;border-radius:12px;margin-top:12px;padding:16px}.community-right-panel{flex-direction:column;gap:32px;padding:32px;display:flex}.community-widget{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:20px}.community-widget h4{margin-bottom:16px;font-family:Space Grotesk}.friend-request-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.friend-avatar{background:#333;border-radius:50%;flex-shrink:0;width:40px;height:40px}.friend-actions{gap:8px;display:flex}.btn-small{cursor:pointer;background:#ffffff14;border:none;border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.btn-small.check{color:var(--primary)}.btn-small.deny{color:var(--danger)}.friend-badges{flex-wrap:wrap;gap:8px;display:flex}.friend-badge{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:8px 14px;font-size:.85rem}.friend-badge.online{border-color:var(--primary);background:#10b9811a}.spinner-loader{border:2px solid var(--text-muted);border-top-color:var(--primary);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.search-results-popover{border-top:1px solid var(--border-glass);margin-top:16px;padding-top:16px;animation:.3s slideDown}.search-results-popover h5{color:var(--text-muted);margin-bottom:12px}.search-result-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.search-result-info{align-items:center;gap:8px;display:flex}.result-avatar{background:#444;border-radius:50%;width:30px;height:30px}.btn-ghost{border:1px solid var(--border-glass);color:#fff;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.level-up-badge{color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1200px){.community-right-panel{display:none}}@media (width<=768px){.community-container{flex-direction:column}.sidebar{display:none}.main-feed-area{width:100%;padding:20px}}