.comm.chat-box { min-width: 0; }
.community-chat { display: grid; gap: 10px; }
.chat-messages { display: grid; gap: 8px; max-height: 210px; overflow: auto; padding: 4px 2px; scrollbar-width: thin; }
.chat-message { padding: 9px 10px; border: 1px solid var(--line); border-radius: 10px; background: rgba(3, 12, 32, .55); }
.chat-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; }
.chat-meta b { color: var(--cyan); font-size: 11px; }
.chat-meta time { color: var(--muted); font-size: 10px; }
.chat-message p { margin: 0; color: #d8e5f7; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.chat-form { display: grid; grid-template-columns: 92px 1fr auto; gap: 6px; }
.chat-form input, .chat-form button { min-width: 0; border: 1px solid var(--line-strong); border-radius: 8px; padding: 8px 9px; background: rgba(3, 14, 34, .8); color: var(--text); font: 11px var(--font-body); }
.chat-form input::placeholder { color: #7187a4; }
.chat-form button { background: var(--cyan); color: #01111f; font-weight: 800; cursor: pointer; }
.chat-form button:disabled { opacity: .55; cursor: wait; }
.chat-status { color: #78dfff; font-size: 10px; }
.chat-status[data-kind="live"] { color: #66f0b2; }
.chat-status[data-kind="warn"] { color: #ffd27a; }
@media (max-width: 560px) { .chat-form { grid-template-columns: 1fr 1fr; } .chat-form input[data-chat-input] { grid-column: 1 / -1; } }