/* Lightweight world chat: no external assets and no overlays over touch buttons. */
#chatPanel{
 position:fixed;z-index:7;bottom:46px;left:14px;
 width:min(342px,calc(100vw - 28px));color:#e4faff;
 background:rgba(1,37,63,.9);border:1px solid rgba(110,226,250,.7);
 border-radius:11px;box-shadow:0 5px 22px rgba(0,15,34,.5);
 pointer-events:auto;overflow:hidden;font:13px/1.4 "Segoe UI",Arial,sans-serif;
}
#chatPanel>summary{list-style-position:inside;cursor:pointer;padding:7px 10px;font-weight:700;color:#e4fbff;user-select:none}
#chatPanel[open]>summary{border-bottom:1px solid #ffffff29}
#chatUnread{color:#ffd65c;font-weight:900;font-size:18px}
#chatMessages{height:165px;overflow:auto;overscroll-behavior:contain;padding:8px;background:#00283e77}
.chat-line{overflow-wrap:anywhere;margin-bottom:5px;font-size:12px}
.chat-line .chat-sender{font-weight:800;color:#9cfbc1}
.chat-line .chat-sender.admin{color:#ffdf75}
.chat-line.system{font-style:italic;color:#f7d8a6}
#chatForm{display:flex;gap:5px;padding:7px;margin:0;align-items:center}
#chatInput{flex:1;min-width:0;max-width:none;height:32px;padding:5px 7px;font-size:12px;text-align:left;border-radius:6px}
#chatSend{flex:0 0 45px;margin:0;padding:6px 3px;min-height:32px;font-size:12px;border-radius:6px;box-shadow:none}
#chatAdminHint{font-size:11px;color:#d9ebfd;padding:0 9px 8px}
#onlineAdminSplit{display:block;font-size:12px;color:#b1ffe0;margin-top:2px}
#hud.touch-active #chatPanel{bottom:calc(200px + env(safe-area-inset-bottom));max-width:260px;max-height:45vh}
#hud.touch-active #chatPanel[open] #chatMessages{height:110px}
@media (max-height:510px) and (orientation:landscape){
 #hud.touch-active #chatPanel{bottom:12px;left:calc(190px + env(safe-area-inset-left));width:220px;max-height:65vh}
 #hud.touch-active #chatPanel[open] #chatMessages{height:75px}
}