#chatModal .game-container{height:85vh;max-height:85vh;box-shadow:none;background-color:transparent;border:1px solid rgba(255,255,255,.15);-webkit-border-radius:18px;border-radius:18px;flex-direction:column;padding:0;display:flex;overflow:hidden}[data-theme=light] #chatModal .game-container{background-color:#fff;border:1px solid rgba(30,41,59,.15)}#chatModal .game-controls-top-right{background:rgba(var(--color-black-rgb),.8);z-index:1002;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0;justify-content:space-between;align-items:center;height:45px;padding:0 15px;display:flex;position:relative}[data-theme=light] #chatModal .game-controls-top-right{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(30,41,59,.15)}#chatModal .game-controls-top-right h2.modal-title{color:#00aeef;text-align:center;flex-grow:1;margin:0;font-size:1.5rem}[data-theme=light] #chatModal .game-controls-top-right h2.modal-title{color:#3b82f6}#chatRoomDropdownBtn.mobile-menu-toggle{z-index:100;cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:21px;height:17px;margin-left:auto;display:flex;position:static}#chatRoomDropdownBtn.mobile-menu-toggle span{-ms-transform-origin:50%;transform-origin:50%;background:#8090a0;-webkit-border-radius:3px;border-radius:3px;width:100%;height:2px;transition:all .3s ease-in-out;display:block}#chatRoomDropdownBtn.mobile-menu-toggle:hover span{background:#00aeef}#chatRoomDropdownBtn.mobile-menu-toggle.active span:first-child{-ms-transform:translateY(7.5px)rotate(45deg);transform:translateY(7.5px)rotate(45deg)}#chatRoomDropdownBtn.mobile-menu-toggle.active span:nth-child(2){opacity:0}#chatRoomDropdownBtn.mobile-menu-toggle.active span:nth-child(3){-ms-transform:translateY(-7.5px)rotate(-45deg);transform:translateY(-7.5px)rotate(-45deg)}.chat-room-sidebar{background:rgba(var(--color-black-rgb),.8);backdrop-filter:blur(10px);z-index:1001;border-left:1px solid rgba(255,255,255,.15);flex-direction:column;width:280px;padding:0 20px;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:45px;bottom:55px;right:-300px;box-shadow:-10px 0 30px rgba(0,0,0,.5)}.chat-room-sidebar.active{right:0}.sidebar-tabs{background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);-webkit-border-radius:12px;border-radius:12px;margin-bottom:20px;padding:5px;display:flex}.sidebar-tab-btn{color:#a0a0b0;cursor:pointer;background:0 0;border:none;-webkit-border-radius:8px;border-radius:8px;flex:1;padding:10px 0;font-size:.9rem;font-weight:500;transition:all .3s}.sidebar-tab-btn:hover:not(.active){color:#e0e1e6;background-color:rgba(255,255,255,.1)}.sidebar-tab-btn.active{color:#fff;background-color:#00aeef;font-weight:700;box-shadow:0 2px 10px rgba(0,174,239,.4)}.sidebar-content{direction:rtl;flex-grow:1;padding-top:20px;padding-left:20px;padding-right:30px;overflow-y:auto}.sidebar-content>*{direction:ltr}#chatRoomList{margin:0;padding:0;list-style:none}.chat-room-list-item{color:#e0e1e6;cursor:pointer;-webkit-border-radius:8px;border-radius:8px;margin-bottom:8px;padding:12px 15px;font-weight:500;transition:background .2s,color .2s}.chat-room-list-item:hover{color:#fff;background:rgba(255,255,255,.1)}.chat-room-list-item.active{color:#fff;background:#00aeef;font-weight:700}#activeUserListSidebar{margin:0;padding:0;list-style:none}#activeUserListSidebar .online-user-item{color:#e0e1e6;-webkit-border-radius:5px;border-radius:5px;align-items:center;gap:10px;margin-bottom:5px;padding:8px 12px;transition:background .2s;display:flex}#activeUserListSidebar .online-user-item:hover{background:rgba(255,255,255,.1)}#activeUserListSidebar .online-user-avatar{object-fit:cover;-webkit-border-radius:50%;border-radius:50%;width:30px;height:30px}#activeUserListSidebar .username{color:#e0e1e6;font-size:.9rem;font-weight:500}.chat-messages{scroll-behavior:auto;flex-direction:column;flex-grow:1;gap:25px;padding:20px 25px;display:flex;position:relative;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.1);-webkit-border-radius:3px;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);-webkit-border-radius:3px;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.online-users-toggle-btn{z-index:10000;color:#fff;cursor:pointer;background:linear-gradient(135deg,#00aeef 0%,#0099d4 100%);-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:15px;right:25px;box-shadow:0 4px 15px rgba(255,255,255,.1)}.online-users-toggle-btn:hover{-ms-transform:scale(1.1)translateY(-2px);transform:scale(1.1)translateY(-2px);box-shadow:0 8px 25px rgba(0,174,239,.6)}.chat-message-item{opacity:1;opacity:1;opacity:1;opacity:1;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;max-width:85%;margin-bottom:15px;padding:0;display:flex;position:relative;-ms-transform:translateY(0);transform:translateY(0)}.message-avatar-container{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:60px;display:flex;background-color:transparent!important}.message-body{flex-direction:column;flex-grow:1;display:flex}.message-header{flex-shrink:0;align-items:center;gap:8px;margin-bottom:6px;line-height:1.2;display:flex}.chat-avatar{object-fit:cover;border:2px solid #00aeef;-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:all .3s}.chat-avatar:hover{-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 15px rgba(255,255,255,.2)}.username{color:#00aeef;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.8rem;font-weight:600;overflow:hidden}.timestamp{color:rgba(255,255,255,.6);white-space:normal;vertical-align:baseline;margin-left:5px;font-size:.7rem;display:inline}.message-bubble{word-break:break-word;box-shadow:none;color:#e0e1e6;-webkit-border-radius:15px;border-radius:15px;flex-grow:1;padding:10px 15px;position:relative}.message-actions-container{opacity:1;z-index:10;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.message-options-btn{color:#a0a0b0;cursor:pointer;background:0 0;border:none;-webkit-border-radius:50%;border-radius:50%;padding:5px;font-size:1rem;transition:all .2s}.message-options-btn:hover{color:#fff;background:rgba(255,255,255,.1)}.message-actions{z-index:11;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);-webkit-border-radius:8px;border-radius:8px;flex-direction:column;gap:5px;padding:5px;display:flex;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);box-shadow:0 2px 10px rgba(0,0,0,.3)}.message-actions.hidden{display:none}.message-actions button{color:#e0e1e6;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;-webkit-border-radius:5px;border-radius:5px;align-items:center;padding:8px 12px;transition:background .2s,color .2s;display:flex}.message-actions button:hover{color:#00aeef;background:rgba(255,255,255,.1)}.message-actions button i{margin-right:8px}.chat-message-item.sent{flex-direction:row-reverse;align-self:flex-end}.chat-message-item.sent .message-actions-container{left:-40px}.chat-message-item.sent .message-actions{margin-left:10px;left:100%}.chat-message-item.sent .message-bubble{color:#fff;background:linear-gradient(135deg,#00aeef 0%,#0077b6 100%);-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}.chat-message-item.sent .username{color:#fff}.chat-message-item.received{flex-direction:row;align-self:flex-start}.chat-message-item.received .message-actions-container{right:-40px}.chat-message-item.received .message-actions{margin-right:10px;right:100%}.chat-message-item.received .message-bubble{background:rgba(224,225,230,.1);-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px}.chat-message-item.system{color:#d0d0d0;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);-webkit-border-radius:30px;border-radius:30px;align-self:center;max-width:75%;margin:8px auto;padding:10px 20px;font-size:.9rem;box-shadow:0 2px 10px rgba(0,0,0,.2)}.chat-input-container{box-sizing:border-box;background:rgba(var(--color-black-rgb),.8);border-top:1px solid rgba(255,255,255,.15);flex-direction:row;flex-shrink:0;align-items:center;gap:15px;padding:5px 20px;display:flex;position:relative}#chatSendBtn{box-sizing:border-box;color:#8090a0;-webkit-border-radius:50%;border-radius:50%;width:30px;height:30px;font-size:1.3rem;transition:all .3s;box-shadow:none!important;background-color:transparent!important;border:none!important}#chatSendBtn:hover{color:#00aeef;background-color:transparent!important}.hidden{display:none!important}.emoji-picker{z-index:100;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);-webkit-border-radius:15px;border-radius:15px;flex-direction:column;width:320px;max-height:300px;display:none;position:absolute;bottom:100%;right:10px;box-shadow:0 -5px 20px rgba(0,0,0,.3)}.emoji-picker.show{display:flex}.emoji-categories-container{border-bottom:1px solid rgba(255,255,255,.2);align-items:center;padding:0 10px;display:flex}.arrow-btn{color:#8090a0;cursor:pointer;background:0 0;border:none;padding:10px 5px;font-size:1.2rem;transition:color .2s}.arrow-btn:hover{color:#00aeef}.arrow-btn.hidden{visibility:hidden}.emoji-categories{white-space:nowrap;scroll-behavior:smooth;flex-grow:1;justify-content:flex-start;display:flex;overflow:hidden}.emoji-category-btn{color:#8090a0;cursor:pointer;background:0 0;border:none;-webkit-border-radius:8px;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.emoji-category-icon{font-size:1.2rem}.emoji-category-name{font-size:.9rem;font-weight:500}.emoji-category-btn:hover{color:#00aeef;background:rgba(255,255,255,.1)}.emoji-category-btn.active{color:#00aeef;background:rgba(0,174,239,.15)}.emoji-list-container{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:8px;padding:10px;display:grid;overflow-y:auto}.emoji-list-container span{cursor:pointer;text-align:center;-webkit-border-radius:8px;border-radius:8px;padding:5px;font-size:1.5rem;transition:background .2s}.emoji-list-container span:hover{background:rgba(255,255,255,.1)}.chat-input-wrapper{box-sizing:border-box;flex-grow:1;align-items:center;gap:10px;min-width:0;display:flex;position:relative}#chatInput{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#222 100%);border:1px solid #2a3b52;-webkit-border-radius:25px;border-radius:25px;outline:none;flex-grow:1;padding:5px 20px;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}#emojiBtn{box-sizing:border-box;color:#8090a0;cursor:pointer;width:44px;height:44px;box-shadow:none;background:0 0;border:none;-webkit-border-radius:50%;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;transition:all .3s;display:flex}#emojiBtn:hover{color:#00aeef}.online-users-dropdown{z-index:9999;background-color:#1a1a1a;-webkit-border-radius:15px;border-radius:15px;flex-direction:column;width:320px;max-height:calc(100% - 120px);padding:25px;animation:.4s cubic-bezier(.4,0,.2,1) fadeInScale;display:none;position:absolute;top:85px;right:25px;overflow-y:auto;box-shadow:0 15px 40px rgba(0,0,0,.6)}@keyframes fadeInScale{0%{opacity:0;-ms-transform:scale(.9)translateY(-10px);transform:scale(.9)translateY(-10px)}to{opacity:1;-ms-transform:scale(1)translateY(0);transform:scale(1)translateY(0)}}.online-users-dropdown.active{display:flex}.online-users h4{color:#00aeef;border-bottom:1px solid rgba(255,255,255,.2);margin-top:0;margin-bottom:18px;padding-bottom:15px;font-size:1.15rem;font-weight:600}#onlineUserList{margin:0;padding:0;list-style:none}.online-user-item{color:#e0e1e6;border-bottom:1px dashed rgba(224,225,230,.1);align-items:center;gap:15px;padding:12px 0;transition:all .3s;display:flex}.online-user-item:hover{color:#fff;padding-left:5px}.online-user-item:last-child{border-bottom:none}.online-user-avatar{object-fit:cover;-webkit-border-radius:50%;border-radius:50%;width:38px;height:38px;transition:all .3s}.online-user-item:hover .online-user-avatar{-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 12px rgba(255,255,255,.2)}.typing-indicator{color:#9e9e9e;text-align:left;background:rgba(var(--color-black-rgb),.8);height:20px;padding:0 25px 8px;font-size:.85rem;font-style:italic;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width:768px){#chatModal .game-container{-webkit-border-radius:0;border-radius:0;width:100%;height:100%;max-height:100vh;top:0;left:0;-ms-transform:none;transform:none}.chat-room-sidebar{width:250px;height:auto;transition:-ms-transform .3s ease-in-out,transform .3s ease-in-out;top:45px;bottom:65px;right:0;-ms-transform:translate(100%);transform:translate(100%)}.chat-room-sidebar.active{-ms-transform:translate(0);transform:translate(0)}.chat-messages{min-height:0;padding:15px}.chat-message-item{gap:10px;max-width:90%}.chat-avatar{width:35px;height:35px}.message-bubble{padding:8px 12px}.chat-input-container{background:var(--color-background-light);padding:10px 15px}#chatInput{padding:10px 15px}}@media (prefers-color-scheme:dark){.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}.chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4)}}@media print{#chatModal .game-container{height:auto;max-height:none;box-shadow:none}.online-users-toggle-btn,.chat-input-container,.chat-header-actions{display:none}.chat-messages{overflow:visible}}.load-more-messages-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00aeef 0%,#0077b6 100%);border:none;-webkit-border-radius:20px;border-radius:20px;width:fit-content;margin:15px auto;padding:8px 15px;font-size:.9rem;font-weight:600;transition:all .3s;display:block;box-shadow:0 4px 10px rgba(255,255,255,.1)}.load-more-messages-btn:hover{-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,255,255,.15)}.no-messages-yet,.error-loading-messages{text-align:center;color:#a0a0b0;padding:20px;font-style:italic}.chat-message-item .message-body{background-color:transparent!important}.chat-message-item.sent .message-actions-container{z-index:10;position:absolute;top:50%;left:-30px;-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1!important}.chat-message-item,.chat-message-item.system{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.chat-messages.messages-loading{visibility:hidden}p.replied-to-text{color:#e0e1e6;white-space:normal;word-break:break-all;opacity:.9}.reply-preview-container{background-color:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;align-items:center;padding:8px 15px;display:flex}.reply-preview-content{border-left:3px solid #00aeef;flex-grow:1;padding-left:10px;overflow:hidden}.reply-preview-header{color:#00aeef;font-size:.85rem;font-weight:600}.reply-preview-content p{color:#e0e1e6;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.9rem;overflow:hidden}.cancel-reply-btn{color:#a0a0b0;cursor:pointer;background:0 0;border:none;padding:0 10px;font-size:1.5rem;transition:color .2s}.cancel-reply-btn:hover{color:#fff}.replied-to-message{background:rgba(0,0,0,.25);border-left:3px solid #00aeef;-webkit-border-radius:8px;border-radius:8px;margin:-2px -7px 8px;padding:8px 12px;font-size:.9rem}.chat-message-item.sent .replied-to-message{border-left-color:#fff}.replied-to-header{color:#00aeef;margin-bottom:3px;font-size:.85rem;font-weight:700}.chat-message-item.sent .replied-to-header{color:#fff}.replied-to-text{color:#e0e1e6;white-space:nowrap;text-overflow:ellipsis;opacity:.9;overflow:hidden}.notification-badge{color:#fff;vertical-align:middle;background-color:#4caf50;-webkit-border-radius:10px;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-block}@keyframes flash-bubble-effect{0%{box-shadow:0 0 rgba(255,215,0,0)}50%{box-shadow:0 0 20px 8px rgba(255,215,0,.7)}to{box-shadow:0 0 rgba(255,215,0,0)}}.flash-highlight .message-bubble{animation:1.5s ease-in-out flash-bubble-effect}.message-content{width:100%;display:block}.message-content p{white-space:normal;word-break:break-word;overflow-wrap:break-word}#joinLeaveNotificationContainer{z-index:1051;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:400px;display:flex;position:absolute;top:80px;left:50%;-ms-transform:translate(-50%);transform:translate(-50%)}.join-leave-notification{background-color:rgba(var(--color-background-light-rgb),.9);border:1px solid var(--border-light);-webkit-border-radius:var(--border-radius-pill);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-black-md);opacity:0;pointer-events:all;align-items:center;width:fit-content;padding:8px 16px;transition:-ms-transform .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1),opacity .4s;display:flex;-ms-transform:translateY(-20px);transform:translateY(-20px)}.join-leave-notification.show{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}.join-leave-notification .chat-avatar{width:32px;height:32px;margin-left:12px;margin-right:12px}.join-leave-notification .username{color:var(--color-text-light);font-weight:700}.join-leave-notification i{font-size:1.1rem}.join-leave-notification.joined i{color:var(--color-success)}.join-leave-notification.left i{color:var(--color-error)}