@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.avatar-upload-wrapper{display:flex;align-items:center;gap:1rem}.avatar-upload-label{background:#f3f3f3;border:1px solid #ccc;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem}.avatar-upload-label:hover{background:#e0e0e0}.avatar-preview{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #bbb;margin-right:8px;display:block}.app-header{background:#fff;border-bottom:1px solid #dadde1;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-container{max-width:1200px;margin:0 auto;padding:0 4px;display:flex;align-items:center;justify-content:space-between;height:56px;flex-direction:row}.menu-icon-left{font-size:1.5rem;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;color:#667eea;margin-left:-80px}.menu-icon-left:hover{background-color:rgba(102,126,234,.1);color:#5a67d8}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:block}}@media (min-width:769px){.header-nav{gap:1rem}.header-nav,.nav-btn{display:flex;align-items:center}.nav-btn{gap:8px;padding:8px 16px;border:none;background:none;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#666}.nav-btn:hover{background-color:rgba(102,126,234,.1);color:#667eea}.nav-btn.active{background-color:rgba(102,126,234,.2);color:#667eea;font-weight:600}}@media (max-width:768px){.nav-text{display:none}.nav-btn{min-width:30px;height:44px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:50%;transition:all .2s ease}.nav-icon{font-size:1.2rem}}.header-title{width:auto;text-align:left;margin-bottom:0}.header-right{gap:16px}.header-actions,.header-right{display:flex;align-items:center}.header-actions{gap:6px}.app-logo{font-size:24px;font-weight:700;color:#667eea;text-decoration:none}.accept-frint-request-button,.send-friend-request-button{background-color:#667eea;margin-top:10px;margin-right:10px}.header-nav{display:flex;gap:8px}.notification-dropdown li[style*=pointer]{cursor:pointer}.notification-dropdown li[style*=pointer]:hover{background:#f8f9fa;transform:translateX(2px)}.notification-dropdown li[style*=default]{cursor:default}.notification-action-hint{font-size:.7rem;color:#667eea;font-style:italic}.accept-friend-request-button,.notification-dropdown .ant-btn{font-size:.8rem;padding:4px 8px;height:auto}.add-friend-section{margin-bottom:24px;max-width:400px}.notification-menu{position:relative;display:inline-block;margin-right:16px}.notification-sender{display:flex;align-items:center;gap:8px;margin-bottom:8px}.notification-sender-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #667eea}.notification-sender-info{display:flex;flex-direction:column;gap:2px}.notification-sender-info strong{font-size:.9rem;color:#333}.notification-sender-info span{font-size:.8rem;color:#666}.notification-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.notification-dropdown .notification-actions .ant-btn{font-size:.8rem;padding:4px 8px;height:auto;border-radius:4px}@media (max-width:767px){.notification-sender{flex-direction:column;align-items:flex-start;gap:4px}.notification-sender-avatar{width:28px;height:28px}.notification-actions{width:100%;justify-content:space-between}.notification-dropdown .notification-actions .ant-btn{flex:1}}.notification-btn{background:none;border:none;position:relative;cursor:pointer;font-size:1.5rem}.notification-badge{position:absolute;top:-4px;right:-4px;background:#e53e3e;color:#fff;border-radius:50%;font-size:.8rem;padding:2px 6px;min-width:20px;text-align:center;font-weight:700}.notification-dropdown{position:fixed;right:16px;top:80px;left:16px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0002;width:auto;max-width:400px;max-height:60vh;overflow-y:auto;z-index:1000;padding:16px;margin:0 auto}.nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:none;border-radius:8px;cursor:pointer;transition:background-color .2s;font-size:15px;font-weight:600;color:#65676b}.nav-btn:hover{background-color:#f0f2f5}.nav-btn.active{color:#1877f2;background-color:#e7f3ff}.nav-icon{font-size:20px;margin-left:0}.nav-text{display:none}@media (min-width:768px){.nav-text{display:inline}.notification-dropdown{position:absolute;right:0;top:56px;left:auto;width:320px;max-height:400px;margin:0}}@media (max-width:767px){.notification-menu{position:relative;display:inline-block;margin-right:8px}.notification-btn{background:none;border:none;position:relative;cursor:pointer;font-size:1.3rem;padding:4px}.notification-badge{position:absolute;top:-2px;right:-2px;background:#e53e3e;color:#fff;border-radius:50%;font-size:.7rem;padding:2px 5px;min-width:18px;text-align:center;font-weight:700}.notification-dropdown h3{font-size:1.1rem;margin-bottom:12px;color:#333}.notification-dropdown li{padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;font-size:.9rem;line-height:1.4}.notification-dropdown li:hover{background:#f8f9fa}.notification-dropdown li.unread{background:#f7f7fa;font-weight:600}.notification-dropdown li.read{background:#fff;color:#666}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:999;display:none}@media (max-width:767px){.notification-overlay{display:block}.header-container{padding:0 12px}.header-actions,.header-right{display:flex;align-items:center;gap:8px}}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:none;border-radius:20px;cursor:pointer;transition:background-color .2s}.user-menu-btn:hover{background-color:#f0f2f5}.user-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden;background-color:#1877f2;display:flex;align-items:center;justify-content:center}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:14px}.user-name{font-weight:600;color:#1c1e21;display:none}@media (min-width:768px){.user-name{display:inline}}.dropdown-arrow{font-size:12px;color:#65676b}.user-dropdown{position:absolute;top:100%;right:0;background:white;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.15);min-width:280px;z-index:1001;margin-top:8px;border:1px solid #dadde1}.dropdown-header{padding:16px;display:flex;align-items:center;gap:12px}.squad-header-actions{display:flex;gap:.5rem;align-items:center}@media (max-width:768px){.squad-container{padding:1rem}.squad-header{flex-direction:column;gap:1rem;text-align:center}.squad-grid{grid-template-columns:1fr}.squad-actions{flex-direction:column}.squad-header-actions{width:100%;justify-content:center}}.squad-container{padding:2rem 1rem;max-width:1200px;margin:0 auto}.squad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.squad-header h1{color:#333;margin:0}.create-squad-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.create-squad-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.squad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.squad-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .2s ease}.squad-card:hover{transform:translateY(-2px)}.squad-info h3{color:#333;margin-bottom:.5rem}.squad-info p{color:#666;margin-bottom:1rem}.squad-games{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.game-tag{background:#667eea;color:white;padding:4px 8px;border-radius:12px;font-size:.8rem}.squad-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:#666}.leader-badge{background:#ffd700;color:#333;padding:2px 6px;border-radius:8px;font-size:.8rem;font-weight:600}.squad-actions{display:flex;gap:.5rem}.squad-btn{flex:1;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.squad-btn.primary{background:#667eea;color:white}.squad-btn.secondary{background:#f0f0f0;color:#333}.squad-btn:hover{transform:translateY(-1px)}.no-squads{text-align:center;padding:3rem 1rem;color:#666}.no-squads h3{color:#333;margin-bottom:1rem}.no-squads-icon{font-size:3rem;margin-bottom:1rem}.create-first-squad-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem}.squad-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.squad-modal-content{background:white;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2)}.squad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.squad-modal-header h2{margin:0;color:#333}.squad-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.create-squad-form{padding:1.5rem}.squad-form-group{margin-bottom:1.5rem}.squad-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.squad-form-group input,.squad-form-group select,.squad-form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.squad-form-group input:focus,.squad-form-group select:focus,.squad-form-group textarea:focus{outline:none;border-color:#667eea}.squad-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.5rem}.squad-game-toggle{padding:.5rem;border:1px solid #ddd;border-radius:6px;background:white;cursor:pointer;transition:all .2s;font-size:.9rem}.squad-game-toggle:hover{border-color:#667eea}.squad-game-toggle.selected{background:#667eea;color:white;border-color:#667eea}.squad-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.squad-btn-primary,.squad-btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.squad-btn-primary{background:#667eea;color:white}.squad-btn-primary:hover:not(:disabled){background:#5a67d8}.squad-btn-secondary{background:#f0f0f0;color:#333}.squad-btn-secondary:hover{background:#e0e0e0}.squad-btn-primary:disabled{opacity:.6;cursor:not-allowed}.squad-loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}@media (max-width:768px){.squad-container{padding:1rem}.squad-header{flex-direction:column;gap:1rem;text-align:center}.squad-grid{grid-template-columns:1fr}.squad-actions{flex-direction:column}.squad-modal-content{width:95%}.squad-games-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.squad-modal-actions{flex-direction:column}.squad-btn-primary,.squad-btn-secondary{width:100%}}.squad-detail-container{padding:2rem 1rem;max-width:1200px;margin:0 auto}.squad-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.squad-back-btn{background:none;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;color:#666;transition:all .2s}.squad-back-btn:hover{background:#f5f5f5;border-color:#bbb}.squad-detail-actions{display:flex;gap:.5rem}.squad-btn-danger{background:#dc3545;color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.squad-btn-danger:hover{background:#c82333}.squad-detail-info{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);margin-bottom:2rem}.squad-detail-main h1{color:#333;margin-bottom:1rem}.squad-detail-description{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.squad-detail-games{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.squad-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.stat-label{font-weight:600;color:#333}.stat-value{color:#666}.squad-members-section{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.squad-members-section h2{color:#333;margin-bottom:1.5rem}.squad-members-list{display:grid;gap:1rem}.squad-member-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:8px;transition:all .2s;margin-bottom:1em}.squad-member-card:hover{background:#f9f9f9;border-color:#ddd}.squad-member-info{display:flex;align-items:center;gap:3rem}.squad-member-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.squad-member-details h4{margin:0 0 .25rem;color:#333}.squad-member-role{margin:0 0 .25rem;font-size:.9rem;color:#667eea;font-weight:600}.squad-member-joined{margin:0;font-size:.8rem;color:#999}.squad-member-actions{display:flex;gap:.5rem}.squad-member-btn{padding:6px 12px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.squad-member-btn:hover{background:#f5f5f5}.squad-member-btn.danger{border-color:#dc3545;color:#dc3545}.squad-member-btn.danger:hover{background:#dc3545;color:white}@media (max-width:768px){.squad-detail-header{flex-direction:column;gap:1rem}.squad-detail-actions{width:100%;justify-content:center}.squad-member-card{flex-direction:column;gap:1rem}.squad-member-actions{width:100%;justify-content:center}}.squad-invites-container{padding:2rem 1rem;max-width:800px;margin:0 auto}.squad-invites-container h2{color:#333;margin-bottom:1.5rem}.no-invites{text-align:center;padding:3rem 1rem;color:#666}.no-invites h3{color:#333;margin-bottom:1rem}.invites-list{display:grid;gap:1.5rem}.invite-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #eee;transition:transform .2s ease}.invite-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.invite-header{margin-bottom:1rem}.inviter-info{display:flex;align-items:center;gap:1rem}.inviter-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.inviter-details h4{margin:0 0 .25rem;color:#333;font-size:1rem}.invite-time{margin:0;color:#666;font-size:.9rem}.squad-invite-info{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.squad-invite-info h3{margin:0 0 .5rem;color:#333}.squad-invite-info p{margin:0 0 1rem;color:#666}.squad-invite-stats{color:#667eea;font-weight:600;font-size:.9rem}.invite-actions{display:flex;gap:1rem}.invite-btn{flex:1;padding:.75rem 1rem;font-weight:600}.invite-btn.accept{background:#28a745;color:white}.invite-btn.accept:hover:not(:disabled){background:#218838}.invite-btn.decline{background:#dc3545;color:white}.invite-btn.decline:hover:not(:disabled){background:#c82333}@media (max-width:768px){.inviter-info{text-align:center;gap:.5rem}.invite-actions,.inviter-info{flex-direction:column}}.chat-container{display:flex;flex-direction:column;height:100vh;max-height:800px;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden}.squad-chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:rgb(187,187,187);border-bottom:1px solid #eee}.chat-header h2{margin:0;font-size:1.1rem;flex:1;text-align:center}.chat-back-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:rgb(187,187,187);padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.chat-back-btn:hover{background:rgba(255,255,255,.3)}.chat-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.online-indicator{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}.chat-messages{background:#f8f9fa}.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.no-messages-icon{font-size:3rem;margin-bottom:1rem}.message{margin-bottom:1rem;align-items:flex-start;gap:.75rem}.message.own-message{justify-content:flex-end}.message.own-message .message-content{background:#667eea;color:white;border-radius:18px 18px 4px 18px}.message.other-message .message-content{background:white;color:#333;border-radius:18px 18px 18px 4px;box-shadow:0 1px 4px rgba(0,0,0,.1)}.message-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content{padding:.75rem 1rem;word-wrap:break-word}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.message-author{font-weight:600;font-size:.9rem;color:#667eea}.message-time{font-size:.8rem;color:#666}.own-time{text-align:right;margin-top:.25rem;font-size:.8rem;color:rgba(255,255,255,.8)}.message-text{line-height:1.4;white-space:pre-wrap}.chat-error{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-top:1px solid #fecaca;text-align:center}.chat-input-container{display:flex;gap:.75rem;align-items:flex-end}.chat-input{padding:.75rem 1rem;resize:none;font-family:inherit;transition:border-color .2s;max-height:100px}.chat-send-btn{width:44px;height:44px;border:none;background:#667eea;color:white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#5a6fd8;transform:scale(1.05)}.chat-send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#666}@media (max-width:768px){.chat-container{height:100vh;border-radius:0}.chat-header h2{font-size:1rem}.message-content{max-width:85%}.chat-input-container{gap:.5rem}}.role-selector{display:flex;flex-direction:column;gap:5px;position:relative}.role-select{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.role-select:hover{background:rgba(255,255,255,.2);border-color:#00d4ff}.role-select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 2px rgba(0,212,255,.2)}.role-select option{background:#1a1a2e;color:#fff;padding:8px}.role-badge.changing{opacity:.7;animation:pulse 1.5s infinite}.loading-spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:5px}@media (max-width:768px){.role-selector{gap:3px}.role-select{font-size:.75rem;padding:3px 6px}}.user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:#1877f2;align-items:center}.user-avatar img{width:100%;height:100%}.user-avatar .avatar-placeholder{color:white;font-weight:700;font-size:18px}.user-details h4{font-size:16px;font-weight:600;color:#1c1e21;margin-bottom:2px}.user-details p{font-size:14px;color:#65676b}.dropdown-divider{height:1px;background-color:#dadde1;margin:8px 0}.dropdown-actions{padding:8px 0}.dropdown-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:15px;color:#1c1e21;transition:background-color .2s;text-align:left}.dropdown-btn:hover{background-color:#f0f2f5}.dropdown-btn.logout-btn{color:#e41e3f}.btn-icon{font-size:16px;width:20px;text-align:center}.dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.profile-back-btn{position:absolute;top:1%;left:1%;color:#fff;border:none;border-radius:30%;padding:8px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-connect-valorant-account,.profile-back-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-icon-back{font-size:20px;width:20px;text-align:center;margin-right:2px;border-radius:"15px"}.profile-header span[style*="color: #888"]{display:inline-flex;align-items:center;gap:4px}.profile-header span[style*="color: #888"]:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccc}.profile-header span:contains("Amigo"):before{background:#22c55e}.profile-header span:contains("Seu Perfil"):before{background:#667eea}.no-posts h4{display:flex;align-items:center;gap:8px;justify-content:center}.no-posts h4:before{content:"🔒";font-size:1.2em}.profile-posts-section h3{display:flex;align-items:center;gap:8px}.profile-posts-section h3:before{content:"📝";font-size:1.2em}.profile-posts-loading{display:flex;flex-direction:column;align-items:center}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;margin-bottom:1rem}.profile-container{max-width:480px;margin:10px auto;background:#fff;border-radius:18px;padding:32px 28px 28px;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001;position:relative}.profile-container,.profile-header{display:flex;flex-direction:column;align-items:center}.profile-header{width:100%;margin-bottom:24px}.profile-avatar{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #667eea;box-shadow:0 2px 8px #667eea22;margin-bottom:16px;background:#f3f3f3}.profile-actions{margin-top:70px;width:100%;display:flex;justify-content:space-between;margin-bottom:18px}.profile-edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #667eea22;transition:background .2s,transform .2s}.profile-edit-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.03)}.profile-delete-btn{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:1rem;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #ff5f6d22;transition:background .2s,transform .2s}.profile-delete-btn:hover{background:linear-gradient(135deg,#ff2e4c,#ffb347);transform:translateY(-2px) scale(1.03)}.profile-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.profile-info-row{width:100%;display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.profile-info-row:last-child{border-bottom:none}.profile-label{color:#888;font-size:.98rem;font-weight:500}.profile-value{color:#333;font-size:1.05rem;font-weight:600;text-align:right;word-break:break-all}.feed-container{max-width:680px;margin:0 auto}.feed-content{gap:16px}.feed-content,.feed-loading{display:flex;flex-direction:column}.feed-loading{align-items:center;justify-content:center;padding:40px;color:#65676b}.loading-spinner{width:32px;height:32px;border:3px solid #f0f2f5;border-top-color:#1877f2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.feed-error{background:white;border-radius:8px;padding:20px;text-align:center;border:1px solid #dadde1}.retry-btn{margin-top:12px;padding:8px 16px;background:#1877f2;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:600}.retry-btn:hover{background:#166fe5}.no-posts{background:white;border-radius:8px;padding:40px;border:1px solid #dadde1}.no-posts h3{color:#1c1e21;margin-bottom:8px}.no-posts p{color:#65676b}.create-post-card{background:white;border-radius:8px;padding:16px;border:1px solid #dadde1;box-shadow:0 1px 2px rgba(0,0,0,.1)}.create-post-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.create-post-form{display:flex;flex-direction:column;gap:12px}.post-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #dadde1;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}.post-textarea:focus{border-color:#1877f2}.post-textarea::placeholder{color:#65676b}.post-actions{justify-content:space-between;align-items:center}.char-counter{font-size:14px;color:#65676b}.char-counter .over-limit{color:#e41e3f}.post-btn{padding:8px 24px;background:#1877f2;color:white;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s}.post-btn:hover:not(:disabled){background:#166fe5}.post-btn:disabled{background:#e4e6ea;color:#bcc0c4;cursor:not-allowed}.post-error{padding:8px 12px;background:#ffebee;border:1px solid #f8bbd9;border-radius:6px;color:#c41e3a;font-size:14px}.posts-list .post-card{margin-bottom:24px}.posts-list .post-card:last-child{margin-bottom:0}.post-card{background:white;border-radius:8px;border:1px solid #dadde1;box-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden}.post-header{gap:12px;padding:16px 16px 0}.post-header,.post-user-avatar{display:flex;align-items:center}.post-user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#1877f2;justify-content:center}.post-user-avatar img{width:100%;height:100%;object-fit:cover}.post-user-avatar .avatar-placeholder{color:white;font-weight:700;font-size:16px}.post-user-name{font-size:15px;font-weight:600;color:#1c1e21;margin-bottom:2px}.post-time{font-size:13px;color:#65676b}.post-content{padding:16px}.post-image{max-width:100%;max-height:320px;border-radius:12px;margin-top:12px;object-fit:cover;display:block}.post-content p{font-size:15px;line-height:1.33;color:#1c1e21;white-space:pre-wrap;word-wrap:break-word}.post-stats{padding:0 16px 8px;border-bottom:1px solid #dadde1}.likes-count{font-size:13px;color:#65676b;display:flex;align-items:center;gap:4px}.post-actions{display:flex;padding:4px}.comment-box{margin-top:12px;margin-left:5px;margin-right:5px;display:flex;flex-direction:column;gap:8px}.comment-box textarea{resize:vertical;border-radius:8px;padding:8px;border:1px solid #ccc}.comment-box .btn-primary{align-self:flex-end;padding:6px 16px}.post-comments{margin-top:16px;padding-top:12px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:12px}.comment{display:flex;align-items:flex-start;gap:8px;background:#f7f7fa;border-radius:8px;padding:8px 12px}.comment-avatar .avatar-placeholder,.comment-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.comment-body{display:flex;flex-direction:column}.comment-user{color:#333;font-weight:600;margin-bottom:2px}.comment-content{color:#444;font-size:.98rem;word-break:break-word}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;background:none;cursor:pointer;border-radius:6px;transition:background-color .2s;font-size:15px;font-weight:600;color:#65676b}.action-btn:hover{background-color:#f0f2f5}.action-btn.liked{color:#e41e3f}.action-icon{font-size:16px}.action-text{display:none}@media (min-width:480px){.action-text{display:inline}}.header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.8rem;font-weight:700;margin:0}.user-info{display:flex;align-items:center;gap:1rem}.user-info span{font-size:.9rem;opacity:.9}.logout-btn{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.logout-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.app-main{flex:1;max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.auth-form{max-width:400px;width:100%;margin:1rem auto;padding:1rem;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.auth-form h2{text-align:center;margin-bottom:1.5rem;color:#333;font-size:1.8rem;font-weight:600}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555;font-size:.9rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:white}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.25)}.form-group select[multiple]{width:100%;min-height:120px;padding:10px;border:1.5px solid #667eea;border-radius:8px;background:#f7f7fa;color:#333;font-size:1rem;outline:none;transition:border .2s;box-shadow:0 1px 4px #667eea11;cursor:pointer}.form-group select[multiple]:focus{border-color:#764ba2;background:#f0f0ff}.form-group option{padding:8px 10px;border-radius:6px;margin:2px 0;cursor:pointer}.form-group select[multiple] option:checked{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:1rem;font-weight:500}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-users{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.demo-users h4{margin:0 0 .5rem;color:#495057;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.demo-info{margin:0 0 1rem;color:#6c757d;font-size:.8rem}.demo-buttons{display:flex;flex-direction:column;gap:.5rem}.demo-button{padding:.5rem;background:white;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease;color:#495057;font-weight:500}.demo-button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.demo-button:disabled{opacity:.6;cursor:not-allowed}.toggle-form{text-align:center;margin-top:.5rem;color:#666;font-size:.9rem}.link-button{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;margin-left:.25rem;font-weight:500;font-size:.9rem}.link-button:hover{color:#764ba2}.error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb;font-size:.9rem}.dashboard{width:100%}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h2{font-size:2rem;color:#333;margin-bottom:.5rem;font-weight:600}.dashboard-header p,.loading{color:#666;font-size:1.1rem}.loading{text-align:center;padding:3rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.profile-link-button{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.profile-posts-section{margin-top:2rem;padding:1.5rem;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.profile-posts-section h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem;font-weight:600;border-bottom:2px solid #667eea;padding-bottom:.5rem}.profile-posts-loading{text-align:center;padding:2rem;color:#666}.profile-posts-error{text-align:center;padding:2rem;color:#e53e3e;background:#fff5f5;border-radius:8px;border:1px solid #feb2b2}.profile-posts-error .retry-btn{background:#e53e3e;color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:1rem}.profile-posts-error .retry-btn:hover{background:#c53030}.no-posts{text-align:center;padding:3rem 2rem;color:#666}.no-posts h4{color:#333;margin-bottom:1rem}.go-to-feed-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;margin-top:1rem;transition:all .3s ease}.go-to-feed-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.profile-posts-list{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.profile-posts-section{padding:1rem;margin-top:1rem}.profile-posts-section h3{font-size:1.1rem}.no-posts{padding:2rem 1rem}}.no-users{grid-column:1/-1;text-align:center;padding:3rem;background:white;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.no-users p{color:#666;font-size:1.1rem;margin-bottom:.5rem}.user-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid #eee}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.user-avatar{display:flex;justify-content:center;margin-bottom:1rem}.user-avatar img{object-fit:cover}.avatar-placeholder,.user-avatar img{width:60px;height:60px;border-radius:50%}.avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;font-weight:700}.user-info{text-align:center;margin-bottom:1.5rem}.user-info h3{font-size:1.2rem;color:#333;margin-bottom:.5rem;font-weight:600}.user-email{color:#666;font-size:.9rem;margin-bottom:.25rem}.user-joined{color:#999;font-size:.8rem}.user-actions{display:flex;justify-content:center}.chat-button{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.chat-button:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.chat-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;justify-content:flex-end}.chat-drawer{width:400px;height:100vh;background:white;display:flex;flex-direction:column;box-shadow:-2px 0 10px rgba(0,0,0,.1)}.chat-header{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.chat-header h3{margin:0;color:#333;font-size:1.1rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background:#e9ecef;color:#333}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.no-messages{text-align:center;color:#666;font-style:italic;margin-top:2rem;padding:2rem}.message{display:flex;margin-bottom:.5rem}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;padding:.75rem;border-radius:18px;position:relative}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.message.received .message-content{background:#e9ecef;color:#333}.message-content p{margin:0 0 .25rem;word-wrap:break-word;font-size:.9rem}.message-time{font-size:.75rem;opacity:.7}.chat-input-form{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem;background:white}.chat-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:20px;outline:none;font-size:.9rem}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.25)}.send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.send-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.content-lol-page,.content-valorant-page{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f0f2f5}.content-lol-page{min-height:calc(100vh - 80px)}.lol-title{color:#667eea;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-connect-lol-account{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:white;font-weight:600;height:45px;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-connect-lol-account:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4);background:linear-gradient(135deg,#764ba2,#667eea)}.content-lol-page .ant-form{background:white;border:1px solid #dadde1;border-radius:12px;padding:2rem;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001;max-width:400px;width:100%}.content-lol-page .ant-form-item-label>label{color:#333;font-weight:600;font-size:1rem}.content-lol-page .ant-input,.content-lol-page .ant-select-selector{background:white;border:1px solid #dadde1;color:#333;transition:border-color .2s}.content-lol-page .ant-input:focus,.content-lol-page .ant-select-focused .ant-select-selector,.content-lol-page .ant-select-selector:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.content-lol-page .ant-input::placeholder{color:#65676b}.content-lol-page .ant-select-selection-placeholder{color:#65676b}.content-lol-page .lol-connected-info{background:white;border:1px solid #dadde1;border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001;max-width:600px;width:100%}.content-lol-page .lol-connected-info p{color:#333;font-size:1.1rem;margin-bottom:1rem}.content-lol-page .lol-connected-info b{color:#667eea}.content-lol-page .lol-action-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:2rem}.content-lol-page .lol-action-buttons .ant-btn{background:white;border:1px solid #667eea;color:#667eea;font-weight:600;height:40px;border-radius:8px;transition:all .3s ease;min-width:160px}.content-lol-page .lol-action-buttons .ant-btn:hover{background:#f0f2f5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.content-lol-page .lol-action-buttons .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none}.content-lol-page .lol-action-buttons .ant-btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.content-lol-page .ant-table{background:white;border-radius:12px;overflow:hidden;margin-top:2rem;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001;max-width:100%;width:100%}.content-lol-page .ant-table-thead>tr>th{background:#f0f2f5;color:#333;font-weight:600;border-bottom:1px solid #dadde1}.content-lol-page .ant-table-tbody>tr>td{background:white;color:#333;border-bottom:1px solid #f0f2f5}.content-lol-page .ant-table-tbody>tr:hover>td{background:#f8f9fa}.content-lol-page .ant-modal-content{background:white;border-radius:12px;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001}.content-lol-page .ant-modal-header{background:#f0f2f5;border-bottom:1px solid #dadde1;border-radius:12px 12px 0 0}.content-lol-page .ant-modal-title{color:#333;font-weight:600}.content-lol-page .ant-modal-body{color:#333}.content-lol-page .ant-alert-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px}@media (max-width:768px){.content-lol-page{padding:1rem}.lol-title{font-size:2rem}.content-lol-page .ant-form{padding:1.5rem;margin:0 1rem}.content-lol-page .lol-connected-info{margin:0 1rem 2rem}.content-lol-page .lol-action-buttons{flex-direction:column;gap:8px}.content-lol-page .ant-table{font-size:.9rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:1.5rem}.app-main{padding:1rem}.users-grid{grid-template-columns:1fr;gap:1rem}.dashboard-header h2{font-size:1.5rem}.dashboard-header p{font-size:1rem}.chat-drawer{width:100vw}.auth-form{margin:1rem;padding:1.5rem}.auth-container{padding:.5rem}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}.drawer-mobile{display:block}.sidebar-desktop{display:none}@media (min-width:1024px){.drawer-mobile{display:none}.sidebar-desktop{display:block;position:fixed;left:0;top:56px;width:250px;height:calc(100vh - 56px);background:#fff;border-right:1px solid #dadde1;z-index:999;padding-top:16px}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0f2f5;border-bottom:1px solid #dadde1;margin-bottom:2em}.drawer-content{padding:0;flex:1}.valorant-icon{display:flex;width:24px;height:24px;background-size:contain;cursor:pointer;margin-bottom:2em}.val-tittle{margin-left:.5em;padding-bottom:1em;font-size:.8rem;font-weight:600;color:#e6abff;width:100%}@media (max-width:600px){.header-container{flex-direction:column;align-items:center;height:auto;gap:0;padding:8px 0 0}.menu-icon-left{align-self:flex-start;padding:8px 0 6px;cursor:pointer}.header-title{width:100%;text-align:center;margin-bottom:4px}.app-logo{font-size:20px;font-weight:700;color:#1877f2;text-decoration:none;display:block;width:100%}.header-actions,.header-nav{width:100%;display:flex;justify-content:center}.header-nav{gap:12px}.profile-container{padding:1px 6vw;max-width:98vw}.profile-edit-btn{top:16px;right:16px;padding:7px 12px;font-size:.95rem}.profile-avatar{width:80px;height:80px}}@media (max-width:480px){.demo-buttons{grid-template-columns:1fr}.auth-form,.user-card{padding:1rem}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loading{animation:pulse 2s infinite}button:focus-visible,input:focus-visible{outline:2px solid #667eea;outline-offset:2px}*{transition:color .3s ease,background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.lol-connected-info,.valorant-connected-info{background:white;border:1px solid #dadde1;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px rgba(102,126,234,.1),0 1.5px 8px #0001;max-width:600px;width:100%}.connected-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f2f5}.success-icon{width:32px;height:32px;background:linear-gradient(135deg,#52c41a,#73d13d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:700;box-shadow:0 2px 8px rgba(82,196,26,.3)}.connected-header h4{margin:0;font-size:1.2rem;font-weight:600;color:#333}.account-details{display:flex;flex-direction:column;gap:16px;margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.detail-label{font-weight:600;color:#666;font-size:.9rem}.detail-value{font-weight:700;color:#333;font-size:1rem}.detail-value.game-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.lol-action-buttons,.valorant-action-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lol-action-buttons .ant-btn,.valorant-action-buttons .ant-btn{background:white;border:1px solid #667eea;color:#667eea;font-weight:600;height:40px;border-radius:8px;transition:all .3s ease;min-width:160px}.lol-action-buttons .ant-btn:hover,.valorant-action-buttons .ant-btn:hover{background:#f0f2f5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.lol-action-buttons .ant-btn-primary,.valorant-action-buttons .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none}.lol-action-buttons .ant-btn-primary:hover,.valorant-action-buttons .ant-btn-primary:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.invite-friend-content{padding:1.5rem}.success-message{background:#d4edda;color:#155724;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #c3e6cb}.friends-list{max-height:400px;overflow-y:auto;margin:1rem 0}.friends-grid{display:grid;gap:1rem}.friend-invite-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #eee;border-radius:8px;transition:all .2s}.friend-invite-card:hover{background:#f9f9f9;border-color:#ddd}.friend-info{display:flex;align-items:center;gap:1rem;flex:1}.friend-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.friend-details h4{margin:0 0 .25rem;color:#333;font-size:1rem}.friend-details p{margin:0;color:#666;font-size:.9rem}.invite-btn{background:#667eea;color:white;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem;min-width:90px;justify-content:center}.invite-btn:hover:not(:disabled){background:#5a67d8}.invite-btn:disabled{opacity:.7;cursor:not-allowed}.mini-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.no-friends{text-align:center;padding:2rem;color:#666}.no-friends p{margin:0}@media (max-width:768px){.friend-invite-card{flex-direction:column;gap:1rem;text-align:center}.invite-btn{width:100%}}