.chat-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px}.chat-title{font-size:1.1rem;font-weight:500;color:#fff}.chat-title i{margin-right:5px;color:#3498db}.chat-online{font-size:.9rem;color:#4cd964}.chat-online i{font-size:.7rem;margin-right:5px}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;align-items:stretch}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.timestamp-divider{text-align:center;margin:.5rem 0;padding:.15rem 0;color:#666;font-size:.7rem;position:relative}.timestamp-divider::after,.timestamp-divider::before{content:'';position:absolute;top:50%;width:45%;height:1px;background:rgba(255,255,255,.05)}.timestamp-divider::before{left:0}.timestamp-divider::after{right:0}.chat-message-container{display:flex;margin-bottom:1rem;position:relative;transition:.2s;max-width:85%;min-width:300px;width:fit-content;box-sizing:border-box}.chat-message-container:not(.my-message){align-self:flex-start;margin-right:auto}.chat-message-container.my-message{align-self:flex-end;margin-left:auto;margin-right:0;flex-direction:row-reverse}.message-content-wrapper{display:flex;flex-direction:column;flex-grow:1}.message-bubble{background-color:#242b3d;padding:.75rem 1rem;border-radius:1rem;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:.25rem 0;transition:.15s;font-size:14px;font-weight:500}.message-bubble:active{transform:scale(.98);opacity:.9}.chat-message-container:not(.my-message) .message-bubble{color:#e0e0e0;border-top-left-radius:.3rem;margin-left:.5rem}.chat-message-container:not(.my-message) .message-bubble:before{content:'';position:absolute;left:-.5rem;top:.75rem;width:.5rem;height:1rem;background-color:#2a2a2a;clip-path:polygon(100% 0,0 50%,100% 100%)}.chat-message-container.my-message .message-bubble{background:linear-gradient(135deg,#3a7bd5,#24a9d5);color:#fff;border-top-right-radius:.3rem;margin-right:.5rem}.chat-message-container.my-message .message-bubble:before{content:'';position:absolute;right:-.5rem;top:.75rem;width:.5rem;height:1rem;background-color:#24a9d5;clip-path:polygon(0 0,0 100%,100% 50%)}.chat-message-container.sending .message-bubble{opacity:.8}.chat-message-container.failed .message-bubble{border:1px solid #dc3545}.message-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative}.message-avatar img{width:100%;height:100%;object-fit:cover;transition:.2s}.chat-message-container:hover .message-avatar img{transform:scale(1.05)}.user-badge{position:absolute;bottom:0;right:0;background:#4cd964;color:#fff;font-size:.6rem;padding:1px 3px;border-radius:2px;line-height:1}.message-sender-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem;padding:0 .5rem;width:100%}.sender-left{display:flex;align-items:center;gap:.5rem}.chat-message-container:not(.my-message) .message-sender-info{flex-direction:row}.chat-message-container.my-message .message-sender-info{flex-direction:row-reverse}.chat-message-container.my-message .message-time{margin-right:auto}.chat-message-container:not(.my-message) .message-time{margin-left:auto}.message-sender{font-weight:500;color:rgba(255,255,255,.8);font-size:.8rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.message-time{font-size:.7rem;color:rgba(255,255,255,.5)}.rank-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:3px;font-size:.7rem;font-weight:500;gap:3px;color:#fc0;background:rgba(255,204,0,.1);border:1px solid rgba(255,204,0,.2)}.rank-badge i{font-size:.65rem}.gender-icon{font-size:.8rem;opacity:.7}.gender-icon .bi-gender-male{color:#0d6efd}.gender-icon .bi-gender-female{color:#d63384}.message-footer{display:flex;align-items:center;font-size:.7rem;color:rgba(255,255,255,.6);padding:0 .75rem}.chat-message-container:not(.my-message) .message-footer{justify-content:flex-start}.chat-message-container.my-message .message-footer{justify-content:flex-end}.message-status{display:flex;align-items:center}.message-status-icon{margin-left:.15rem}.system-message{text-align:center;padding:.5rem;background:rgba(255,255,255,.03);border-radius:4px;width:70%;margin:1rem auto}.system-message .time{color:#888;font-size:.75rem;margin-right:.5rem}.system-message .content{color:#aaa;font-size:.85rem;display:inline-flex;align-items:center;font-style:italic}.system-message .content i{margin-right:.35rem;color:#3498db}.recruit-chat-message-container{display:flex;margin-bottom:1rem;position:relative;transition:.2s;max-width:85%;min-width:300px;width:fit-content;box-sizing:border-box}.recruit-chat-message-container:not(.my-message){align-self:flex-start;margin-right:auto}.recruit-chat-message-container.my-message{align-self:flex-end;margin-left:auto;margin-right:0;flex-direction:row-reverse}.recruit-chat-message-container:not(.my-message) .message-bubble:before{content:'';position:absolute;left:-.5rem;top:.75rem;width:.5rem;height:1rem;background-color:#2a2a2a;clip-path:polygon(100% 0,0 50%,100% 100%)}.recruit-chat-message-container.my-message .message-bubble{color:#fff;border-top-right-radius:.3rem;margin-right:.5rem}.recruit-chat-message-container.my-message .message-bubble:before{content:'';position:absolute;right:-.5rem;top:.75rem;width:.5rem;height:1rem;background-color:#2a2a2a;clip-path:polygon(0 0,0 100%,100% 50%)}.recruit-chat-message-container.sending .message-bubble{opacity:.8}.recruit-chat-message-container.failed .message-bubble{border:1px solid #dc3545}.recruit-chat-message-container:hover .message-avatar img{transform:scale(1.05)}.recruit-chat-message-container:not(.my-message) .message-sender-info{flex-direction:row}.recruit-chat-message-container.my-message .message-sender-info{flex-direction:row-reverse}.recruit-chat-message-container.my-message .message-time{margin-right:auto}.recruit-chat-message-container:not(.my-message) .message-time{margin-left:auto}.recruit-chat-message-container:not(.my-message) .message-footer{justify-content:flex-start}.recruit-chat-message-container.my-message .message-footer{justify-content:flex-end}.recruit-chat-message-container.recruit-message .message-bubble{border-left:none;position:relative;padding:.85rem 1.1rem;background-color:rgba(0,0,0,.15);width:300px;box-sizing:border-box}.recruit-chat-message-container:not(.my-message).recruit-message .message-bubble{border-right:3px solid #2196f3;background-color:rgba(33,150,243,.08)}.recruit-chat-message-container.my-message.recruit-message .message-bubble{background-color:#242b3d!important;border-left:3px solid #4caf50}.recruit-chat-message-container:not(.my-message).recruit-message .message-bubble:before{background-color:rgba(33,150,243,.08)}.recruit-chat-message-container.my-message.recruit-message .message-bubble:before{background-color:rgba(76,175,80,.08)}.recruit-chat-message-container.recruit-message .message-content-wrapper,.recruit-chat-message-container:not(.my-message).recruit-message .message-content-wrapper{align-items:flex-end}.recruitment-title{font-size:.85rem;font-weight:500;color:#fff;margin-bottom:.75rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:center;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recruitment-title i{margin-right:.5rem;font-size:.95rem}.recruit-chat-message-container.my-message .recruitment-title{color:rgba(255,255,255,.95)}.recruit-chat-message-container.my-message .recruitment-title i{color:#4caf50}.recruit-chat-message-container:not(.my-message) .recruitment-title{color:rgba(255,255,255,.95)}.recruit-chat-message-container:not(.my-message) .recruitment-title i{color:#2196f3}.recruitment-tags{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:.75rem}.recruitment-tag{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;letter-spacing:.02em;box-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}.recruitment-description{margin:.6rem 0 1rem;line-height:1.4;color:rgba(255,255,255,.85);font-size:.85rem;padding:.5rem;background-color:rgba(0,0,0,.1);border-radius:.3rem;max-height:80px;overflow-y:auto}.recruitment-description::-webkit-scrollbar{width:4px}.recruitment-description::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}.recruitment-description::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.mode-tag{background-color:rgba(33,150,243,.15);color:#2196f3}.difficulty-tag{background-color:rgba(255,152,0,.15);color:#ff9800}.size-tag{background-color:rgba(156,39,176,.15);color:#0dff00}.recruitment-actions{display:flex;justify-content:center;margin-top:.5rem}.recruit-chat-message-container.my-message .recruitment-actions,.recruit-chat-message-container:not(.my-message) .recruitment-actions{justify-content:center}.join-btn{background-color:#3498db;color:#fff;border:none;padding:.4rem 1.5rem;border-radius:1.25rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.15);width:85%}.join-btn:hover:not(:disabled){background-color:#3498db;transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.2)}.rank-1{background:rgba(205,127,50,.2);border-color:rgba(205,127,50,.4)}.rank-2{background:rgba(192,192,192,.2);border-color:rgba(192,192,192,.4)}.rank-3{background:rgba(255,215,0,.2);border-color:rgba(255,215,0,.4)}.rank-4{background:rgba(229,228,226,.2);border-color:rgba(229,228,226,.4)}.rank-5{background:rgba(185,242,255,.2);border-color:rgba(185,242,255,.4)}.rank-6{background:rgba(147,112,219,.2);border-color:rgba(147,112,219,.4)}.rank-7{background:rgba(255,69,0,.2);border-color:rgba(255,69,0,.4)}.warning-tag{background-color:rgba(255,152,0,.15);color:#ff9800;border-left:2px solid #ff9800}.danger-tag{background-color:rgba(244,67,54,.15);color:#f44336;border-left:2px solid #f44336}@media (max-width:576px){.chat-message-container.recruit-message .message-bubble{width:280px}.recruitment-title{font-size:.95rem}.recruitment-tag{padding:.2rem .4rem;font-size:.7rem}}.chat-team-card-header{display:flex;justify-content:space-between;align-items:center}.lobby-team-card-join{padding:3px 10px;border-radius:20px;border:none;background:linear-gradient(135deg,#3a7bd5,#24a9d5);color:#fff;font-size:12px;font-weight:500;display:flex;align-items:center;gap:3px;transition:.3s}.lobby-team-card-join:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(58,123,213,.3)}