#gameChat{--chat-u:clamp(1.15px,.15625vw,2.5px);--chat-v:clamp(1px,.208333vh,2px);position:fixed;left:0;bottom:var(--hud-height);width:calc(var(--chat-u)*254);z-index:7;font:clamp(11px,.7vw,14px) Arial;display:none;color:#efdfcc}
.playing #gameChat{display:block}#gameChat [hidden]{display:none!important}.chatComposer{position:relative;width:100%;height:calc(var(--chat-v)*47);background-size:100% 100%;margin:0;padding:0;border:0;box-shadow:none;display:block}
#gameChat .chatButton{position:absolute;top:0;width:calc(var(--chat-u)*27);height:calc(var(--chat-v)*26);padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;min-width:0;cursor:pointer}#gameChat .chatButton:hover{filter:brightness(1.35)}#gameChat .chatButton.active{background-image:var(--active-art);background-size:100% 100%}#gameChat .chatButton[data-id=size].active,#gameChat .chatButton[data-id=alpha].active{background-size:100% 200%}#gameChat .chatButton[data-id=size]:active,#gameChat .chatButton[data-id=alpha]:active{background-position:bottom}
#gameChat input{position:absolute;top:calc(var(--chat-v)*29);height:calc(var(--chat-v)*16);box-sizing:border-box;margin:0;padding:0 5px;background:transparent;border:0;border-radius:0;color:inherit;font:inherit;outline:0;min-width:0;box-shadow:none}#gameChat input:focus{box-shadow:inset 0 -1px #c6a77770}#gameChat .chatRecipient{left:calc(var(--chat-u)*3);width:calc(var(--chat-u)*59);color:#c9c9c9}#gameChat .chatMessage{left:calc(var(--chat-u)*70);width:calc(var(--chat-u)*181)}#gameChat input::placeholder{color:#b3aaa0;font-size:.9em}#gameChat .chatSend{position:absolute;visibility:hidden}
.chatLog{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--chat-lines)*19px + 16px);max-height:65vh;box-sizing:border-box;pointer-events:none;overflow:hidden}.editing .chatLog{bottom:calc(var(--chat-v)*47)}.chatLines{position:absolute;left:8px;right:18px;bottom:4px;max-height:calc(100% - 20px);overflow:hidden;overflow-wrap:anywhere;line-height:19px;text-shadow:1px 1px #000,-1px -1px #000;scrollbar-width:thin;scrollbar-color:#b2a17b #171717}.chatLine{width:fit-content;max-width:100%;background:#0006;padding:0 2px}.chatLine button{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-shadow:inherit;box-shadow:none;display:inline}.framed .chatLog{pointer-events:auto;background:rgb(0 0 0 / var(--chat-alpha));border-right:calc(var(--chat-u)*6) solid transparent;border-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_m.tga') 2 stretch}.framed .chatLines{overflow-y:auto;pointer-events:auto}.framed .chatLine{background:transparent}.chatResize{display:none;position:absolute;left:0;right:0;top:0;height:13px;cursor:ns-resize;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_stretch.jpg') center/100% 100%;touch-action:none}.framed .chatResize{display:block}.chatResize:before,.chatResize:after{content:'◆';position:absolute;top:-2px;color:#b7a35b;font-size:12px}.chatResize:before{left:8px}.chatResize:after{right:8px}
#gameChat .chatLine button:not(:empty){margin-right:.3em}.framed .chatLog{border-right:0}.framed .chatLines{right:0;overflow-y:scroll;padding-right:5px}.chatLines::-webkit-scrollbar{width:14px}.chatLines::-webkit-scrollbar-track{background:#141414 url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scrollbar_m.tga') center/100% 100%}.chatLines::-webkit-scrollbar-thumb{min-height:30px;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scroll_off.tga') center/100% 100% no-repeat}.chatLines::-webkit-scrollbar-thumb:hover{background-image:url('https://servidor.muworld.net/api/texture?dir=Interface&file=newui_scroll_on.tga')}

#globalNotices{position:fixed;z-index:22;left:18%;right:18%;bottom:calc(var(--hud-height) + 16px);text-align:center;color:#efc34e;font:bold clamp(11px,.8vw,15px)/1.55 Arial,sans-serif;text-shadow:1px 1px 2px #000,-1px -1px 2px #000;pointer-events:none;}#globalNotices[hidden]{display:none;}
#gameChat .chatStaffButton{position:absolute;left:calc(var(--chat-u)*255);top:0;width:calc(var(--chat-u)*48);height:calc(var(--chat-v)*26);padding:0;margin:0 2px;border:0;border-radius:0;color:#dfca98;font:bold clamp(10px,.65vw,13px) Tahoma,Arial;background:url('https://servidor.muworld.net/api/texture?dir=Interface&file=op1_b_all.tga') 0 0/100% 400%;text-shadow:1px 1px #000;box-shadow:none}#gameChat .chatStaffButton:hover,#gameChat .chatStaffButton.active{background-position:0 66.6667%;color:#ffe16d}#gameChat .chatStaffButton:focus-visible{outline:1px solid #dfcf8f;outline-offset:1px}#gameChat .chatRecipient:disabled{opacity:.45}
#staffBroadcastNotices{position:fixed;z-index:22;left:50%;top:62.5vh;transform:translateX(-50%);width:calc(100vw - 20px);text-align:center;pointer-events:none;font:700 clamp(11px,calc(8px + .46875vw),14px)/1 Arial,sans-serif;color:#ffc850;text-shadow:none;}
#staffBroadcastNotices .staffNoticeRow{height:calc(100vh * 13 / 480);white-space:nowrap;}
#staffBroadcastNotices .staffNoticeLine{display:inline-block;max-width:100%;overflow:hidden;vertical-align:top;background:rgba(0,0,0,.502);padding:0 1px;line-height:1.05;}
#staffBroadcastNotices .staffNoticeLine>span{animation:muStaffNoticeInk .4s steps(1,end) infinite;}
@keyframes muStaffNoticeInk{0%,49.999%{color:rgba(255,200,80,.502)}50%,100%{color:rgb(255,200,80)}}
#gameChat .staffChatLine{font-weight:bold;}
#gameChat .staffChatLine button,#gameChat .staffChatLine{color:#fac832;}
#staffPanel .staffAnnouncementPreview{color:#ffc850;font-weight:bold;text-shadow:none;}
@media(prefers-reduced-motion:reduce){#staffBroadcastNotices .staffNoticeLine>span{animation:none;color:#ffc850}}