@keyframes shake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-8deg)}20%,40%,60%,80%{transform:rotate(8deg)}}@keyframes pulse-ring{0%{box-shadow:0 4px 12px #ec489a66,0 0 #ec489a80}to{box-shadow:0 4px 12px #ec489a66,0 0 0 16px #ec489a00}}.chat-lobby-toggle{position:fixed;bottom:80px;left:20px;width:56px;height:56px;touch-action:none;border-radius:50%;background:#ec489a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ec489a66;z-index:1000;backface-visibility:hidden;animation:shake .8s ease-in-out 2s infinite,pulse-ring 2s ease-out infinite}.chat-lobby-toggle:hover{background:#d93d89;animation:none}.chat-lobby-toggle-open{animation:none}.chat-lobby-toggle svg{width:28px;height:28px;fill:#fff}.chat-lobby-window{position:fixed;bottom:150px;left:20px;width:360px;height:480px;background:#111827;border-radius:12px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;z-index:1000;overflow:hidden;border:1px solid #334155}.chat-lobby-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1e293b;color:#fff;border-bottom:1px solid #334155}.chat-lobby-header h3{margin:0;font-size:16px;font-weight:600}.chat-lobby-header-info{display:flex;align-items:center;gap:8px}.chat-lobby-online{font-size:12px;color:#9ca3af}.chat-lobby-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7}.chat-lobby-close:hover{opacity:1}.chat-lobby-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:#111827}.chat-lobby-messages::-webkit-scrollbar{width:6px}.chat-lobby-messages::-webkit-scrollbar-track{background:#111827}.chat-lobby-messages::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.chat-message{max-width:85%}.chat-message-row{display:flex;gap:8px;align-items:flex-start}.chat-message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden;background:#ec489a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;margin-top:2px}.chat-message-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-message-body{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.chat-message-username{font-size:12px;font-weight:600;color:#ec489a}.chat-message-time{font-size:10px;color:#6b7280}.chat-message-content{background:#1e293b;padding:8px 12px;border-radius:4px 12px 12px;color:#e5e7eb;font-size:14px;line-height:1.4;word-break:break-word}.chat-message.own-message{align-self:flex-end}.chat-message.own-message .chat-message-row{flex-direction:row-reverse}.chat-message.own-message .chat-message-content{background:#ec489a;color:#fff;border-top-left-radius:12px;border-top-right-radius:4px}.chat-message.own-message .chat-message-username{color:#f9a8d4}.chat-lobby-username{padding:6px 12px;background:#1e293b;color:#9ca3af;font-size:12px;border-top:1px solid #334155}.chat-lobby-username strong{color:#ec489a}.chat-lobby-input-container{display:flex;padding:12px;gap:8px;background:#1e293b}.chat-lobby-input{flex:1;padding:10px 14px;border:1px solid #334155;border-radius:20px;background:#111827;color:#fff;font-size:14px;outline:none}.chat-lobby-input:focus{border-color:#ec489a}.chat-lobby-input::-moz-placeholder{color:#6b7280}.chat-lobby-input::placeholder{color:#6b7280}.chat-lobby-send{width:40px;height:40px;border-radius:50%;background:#ec489a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.chat-lobby-send:hover{background:#d93d89}.chat-lobby-send:disabled{background:#334155;cursor:not-allowed}.chat-lobby-send svg{width:18px;height:18px}.chat-lobby-login-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#9ca3af}.chat-lobby-login-prompt svg{fill:#ec489a}.chat-lobby-login-prompt p{margin-bottom:16px}.chat-lobby-login-btn{padding:10px 24px;background:#ec489a;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.chat-lobby-login-btn:hover{background:#d93d89}.chat-lobby-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#9ca3af}.chat-lobby-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.chat-lobby-error{padding:12px;background:#7f1d1d;color:#fca5a5;font-size:13px;text-align:center}.chat-mention-link{color:#7dd3fc;cursor:pointer;font-weight:600;background:#7dd3fc1a;border-radius:3px;padding:0 2px}.chat-mention-link:hover{text-decoration:underline;background:#7dd3fc33}.chat-message.own-message .chat-mention-link{color:#fff;background:#fff3}.chat-message.own-message .chat-mention-link:hover{background:#ffffff4d}.chat-mention-popup{position:absolute;bottom:100%;left:12px;right:12px;background:#1e293b;border:1px solid #334155;border-radius:8px;max-height:200px;overflow-y:auto;margin-bottom:4px;z-index:10}.chat-mention-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:#e5e7eb}.chat-mention-item:hover,.chat-mention-item.selected{background:#334155}.chat-mention-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:#ec489a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.chat-mention-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-lobby-profile-edit{padding:10px 14px;background:#1e293b;border-bottom:1px solid #334155}.chat-profile-avatar-edit{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#ec489a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:600;cursor:pointer;position:relative;flex-shrink:0}.chat-profile-avatar-edit img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-profile-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;border-radius:50%;font-size:12px;color:#fff}.chat-profile-avatar-edit:hover .chat-profile-avatar-overlay{opacity:1}@media (max-width: 480px){.chat-lobby-window{width:calc(100vw - 40px);height:400px;bottom:100px}}@media (max-width: 767px){.chat-lobby-toggle{bottom:calc(116px + env(safe-area-inset-bottom,0px))}.chat-lobby-window{bottom:180px}}