.chat-panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.95));border-radius:20px;box-shadow:0 15px 40px rgba(0,0,0,.15);border:2px solid rgba(78,205,196,.15);display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#4ecdc4,#06ffa5);padding:1rem 1.25rem;border-bottom:none}.chat-title{display:flex;align-items:center;gap:.75rem}.chat-icon{font-size:1.5rem;animation:chatBounce 2s ease-in-out infinite}@keyframes chatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.chat-title h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.chat-status{margin-left:auto}.online-indicator{background:rgba(255,255,255,.2);padding:.375rem .75rem;border-radius:20px;font-size:.8rem;color:#fff;font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(180deg,#f8f9fa,#fff);scroll-behavior:smooth}.chat-message{padding:.875rem 1rem;border-radius:15px;animation:messageSlideIn .3s ease;position:relative;max-width:100%;word-wrap:break-word}@keyframes messageSlideIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-message{text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(78,205,196,.1),rgba(6,255,165,.1));border-radius:15px;border:2px dashed rgba(78,205,196,.3)}.chat-welcome-message .welcome-icon{font-size:2.5rem;margin-bottom:.5rem;animation:welcomeBounce 2s ease-in-out infinite}@keyframes welcomeBounce{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}.chat-welcome-message p{color:#5d6d7e;font-size:.95rem;margin:0}.chat-message.system{background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(41,128,185,.1));border-left:4px solid #3498db;color:#2980b9;font-weight:500;font-size:.9rem}.chat-message.room-event{background:linear-gradient(135deg,rgba(155,89,182,.1),rgba(142,68,173,.1));border-left:4px solid #9b59b6;color:#8e44ad;font-weight:600}.chat-message.correct-guess{background:linear-gradient(135deg,rgba(6,255,165,.15),rgba(78,205,196,.15));border-left:4px solid #06ffa5;color:#00a86b;font-weight:700;padding:1rem 1.25rem;animation:correctGuessPop .5s ease}@keyframes correctGuessPop{0%{transform:scale(1)}30%{transform:scale(1.03);background:rgba(6,255,165,.3)}100%{transform:scale(1)}}.chat-message.correct-guess::before{content:'✓';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#06ffa5}.chat-message.your-correct-guess{background:linear-gradient(135deg,rgba(255,210,63,.2),rgba(247,147,30,.2));border-left:4px solid #ffd23f;border:2px solid rgba(255,210,63,.4);color:#d68910;font-weight:700;box-shadow:0 4px 15px rgba(255,210,63,.3)}.chat-message.round-start{background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(247,147,30,.1));border-left:4px solid #ff6b35;color:#d35400;font-weight:700;font-size:.95rem;text-align:center;padding:1rem}.chat-message.word-reveal{background:linear-gradient(135deg,rgba(46,204,113,.1),rgba(39,174,96,.1));border-left:4px solid #27ae60;color:#27ae60;font-weight:600;font-size:.95rem}.chat-message.word-reveal .revealed-word,.chat-message.word-reveal strong{color:#1e8449;font-weight:800;background:rgba(46,204,113,.2);padding:.15rem .5rem;border-radius:5px}.chat-message.player-message{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.05);padding:0;overflow:hidden}.chat-message.player-message .message-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(0,0,0,.04));border-bottom:1px solid rgba(0,0,0,.05)}.chat-message.player-message .player-name{font-weight:700;color:#2c3e50;font-size:.9rem}.chat-message.player-message .message-time{font-size:.75rem;color:#95a5a6;margin-left:auto}.chat-message.player-message .message-content{padding:.75rem 1rem;color:#2c3e50;font-size:1rem;line-height:1.5}.chat-message.game-complete{background:linear-gradient(135deg,rgba(255,210,63,.2),rgba(255,107,53,.2));border:2px solid rgba(255,210,63,.5);color:#d35400;font-weight:700;text-align:center;padding:1.25rem;font-size:1.1rem;animation:gameCompleteGlow 2s ease-in-out infinite}@keyframes gameCompleteGlow{0%,100%{box-shadow:0 0 15px rgba(255,210,63,.3)}50%{box-shadow:0 0 30px rgba(255,210,63,.6)}}.chat-message.winner{background:linear-gradient(135deg,rgba(255,215,0,.25),rgba(255,165,0,.25));border:2px solid gold;color:#b7950b;font-weight:800;text-align:center;padding:1.5rem;font-size:1.15rem;position:relative;overflow:hidden}.chat-message.winner::before{content:'🏆';position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:2rem;animation:trophySpin 3s ease-in-out infinite}.chat-message.winner::after{content:'🏆';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:2rem;animation:trophySpin 3s ease-in-out infinite .5s}@keyframes trophySpin{0%,100%{transform:translateY(-50%) rotate(0) scale(1)}50%{transform:translateY(-50%) rotate(10deg) scale(1.1)}}.chat-message.thanks{background:linear-gradient(135deg,rgba(155,89,182,.1),rgba(142,68,173,.1));color:#8e44ad;text-align:center;font-style:italic;font-weight:500}.chat-message.new-game-prompt{background:linear-gradient(135deg,rgba(78,205,196,.15),rgba(6,255,165,.15));border:2px dashed #4ecdc4;color:#16a085;text-align:center;font-weight:600;cursor:pointer;transition:all .3s ease}.chat-message.new-game-prompt:hover{background:linear-gradient(135deg,rgba(78,205,196,.25),rgba(6,255,165,.25));transform:scale(1.02)}.chat-input-container{padding:1rem;background:linear-gradient(180deg,#f8f9fa,#fff);border-top:1px solid rgba(0,0,0,.08)}.chat-input{display:flex;gap:.75rem}.input-wrapper{flex:1}.chat-input input{width:100%;padding:.875rem 1.25rem;border:2px solid rgba(78,205,196,.3);border-radius:25px;font-size:1rem;transition:all .3s ease;background:#fff}.chat-input input:focus{outline:0;border-color:#4ecdc4;box-shadow:0 0 0 4px rgba(78,205,196,.15)}.chat-input input::placeholder{color:#95a5a6}.chat-input button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#4ecdc4,#06ffa5);border:none;border-radius:25px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);box-shadow:0 4px 15px rgba(78,205,196,.4)}.chat-input button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px rgba(78,205,196,.5)}.typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#7f8c8d;font-size:.85rem;font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:#4ecdc4;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,100%,80%{transform:translateY(0)}40%{transform:translateY(-6px)}}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ecdc4,#06ffa5);border-radius:10px}@media (max-width:768px){.chat-messages{padding:.75rem;gap:.5rem}.chat-message{padding:.75rem;font-size:.9rem}.chat-input input{padding:.75rem 1rem}.chat-input button{padding:.75rem 1rem}}