.global-chat{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:80;width:300px;max-width:calc(100vw - 28px);font:13px/1.5 system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px #000}
.global-chat [hidden],.global-chat[hidden]{display:none!important}.global-chat section{background:#11192288;border:1px solid #c2cbd12a;border-radius:7px;overflow:hidden}
.global-chat header,.global-chat .chat-note,.global-chat .chat-close,.global-chat form button{display:none}.global-chat button{cursor:pointer;border:1px solid #87959f;border-radius:4px;background:#293844;color:#fff;padding:7px 10px;font:inherit}
.global-chat ol{list-style:none;margin:0;padding:6px 10px;max-height:96px;overflow:hidden}.global-chat li{height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.global-chat li strong{font-size:12px;color:#fff;margin-right:6px}.global-chat li strong::after{content:':'}.global-chat time{display:none}.global-chat li span{color:#fff}.global-chat .chat-status{font-size:11px;margin:0;padding:0 10px;color:#fff}.global-chat .chat-status:empty{display:none}.global-chat form{display:flex;gap:6px;padding:6px}.global-chat input{min-width:0;flex:1;background:#0c141b77;border:1px solid #b6c3cc44;border-radius:4px;color:#fff;padding:7px;font:inherit}.global-chat input::placeholder{color:#fff;opacity:.8}.global-chat button:focus-visible,.global-chat input:focus-visible{outline:2px solid #96caff;outline-offset:1px}.global-chat button:disabled{opacity:.5}
.global-chat.expanded{width:400px}.global-chat.expanded section{background:#101a24eb;box-shadow:0 6px 30px #0006}.global-chat.expanded header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px}.global-chat.expanded .chat-close,.global-chat.expanded form button{display:block}.global-chat.expanded .chat-note{display:block;font-size:11px;margin:0;padding:0 10px 5px;color:#fff}.global-chat.expanded ol{height:min(290px,40dvh);max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#b5c3cd #22303b}.global-chat.expanded li{height:auto;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #ffffff19;padding:5px 0}.global-chat.expanded li span{display:block;white-space:pre-wrap}.global-chat.expanded time{display:block;float:right;font-size:10px;color:#fff}.chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes chat-expire{to{visibility:hidden;height:0;padding:0;border:0;margin:0;overflow:hidden}}
@media(max-width:650px){.global-chat{left:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:240px;font-size:12px}body:has(.battle-screen) .global-chat{bottom:calc(150px + env(safe-area-inset-bottom))}.global-chat.expanded{width:min(360px,calc(100vw - 16px))}.global-chat.expanded ol{height:min(230px,30dvh)}}