.chat{height:100%;display:flex;flex-direction:column;background:#05070a;border:1px solid #222a32;border-radius:0;overflow:hidden}
.chat-link-notice{margin:0 0 10px}
.chat-status{padding:10px 16px;color:var(--muted);border-bottom:1px solid #222a32;flex:0 0 auto}
.chat-status.online{color:var(--green)}
.chat-status.offline{color:#ffc7cc}
.chat-messages{min-height:220px;flex:1 1 auto;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:9px}
.chat-line{padding:9px 12px;background:#0c1117;border-radius:8px;overflow-wrap:anywhere}
.chat-line.from-web strong{color:var(--gold)}
.chat-line.from-game strong{color:var(--green)}
.chat form{display:flex;gap:10px;padding:14px;border-top:1px solid #222a32;flex:0 0 auto}
.chat form input{flex:1}
.chat form button{white-space:nowrap}
.floating-chat[hidden]{display:none}
.floating-chat{position:fixed;right:18px;bottom:18px;z-index:30;width:min(760px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));min-width:340px;min-height:360px;display:flex;flex-direction:column;background:#05070a;border:1px solid #29313c;box-shadow:0 18px 70px #000c;resize:both;overflow:hidden}
.floating-chat-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #222a32;background:#0b0e12}
.floating-chat-head button{width:34px;height:34px;border-radius:50%;padding:0;background:transparent;color:#d8e2ec;font-size:1.5rem}
.floating-chat .chat{border:0;min-height:0;flex:1}
.floating-chat .chat-messages{min-height:0}
@media(max-width:760px){
  .floating-chat{left:10px;right:10px;bottom:10px;width:auto;height:min(70vh,620px);min-width:0;min-height:320px;resize:vertical}
  .chat form{flex-direction:column}
}