.mu-chat { position: absolute; inset: 0; pointer-events: none; z-index: 31; --chat-scale: 1; --chat-text-scale: var(--chat-scale); --chat-rows: 4; --chat-opacity: .65; --chat-line-alpha: .588235; font: calc(12px / var(--chat-text-scale)) Tahoma, Arial, sans-serif; letter-spacing: 0; color: #eee; }
.mu-chat-bubbles { position: absolute; inset: 0; pointer-events: none; z-index: 8; }
.mu-chat [hidden] { display: none !important; }
.mu-chat button, .mu-chat label { cursor: url(assets/cursor/mano.png) 2 2, pointer; }
.mu-chat-editor { position: absolute; left: 0; bottom: var(--chat-bottom); width: 560px; height: 67px; transform: scale(var(--chat-scale)); transform-origin: bottom left; pointer-events: auto; }
.mu-chat-toolbar { display: flex; align-items: center; height: 27px; gap: 10px; }
.mu-chat-channels { display: flex; gap: 10px; }
.mu-chat button { flex: 0 0 50px; width: 50px; height: 27px; padding: 0; border: 0; background-color: transparent; background-image: var(--chat-atlas); background-size: 363px 132px; background-position: -74px 0; color: #fff; font: calc(10px / var(--chat-text-scale)) Tahoma, Arial, sans-serif; letter-spacing: 0; text-shadow: 0 1px #000; }
.mu-chat button[aria-pressed="true"] { background-position: -129px 0; }
.mu-chat button:hover { filter: brightness(1.25); }
.mu-chat button:focus-visible, .mu-chat input:focus-visible { outline: 1px solid #be954c; outline-offset: 1px; }
.mu-chat button.mu-chat-icon { width: 26px; flex-basis: 26px; }
.mu-chat button.mu-chat-settings { background-position: -109px -63px; margin-right: -10px; }
.mu-chat button.mu-chat-frame { background-position: -214px 0; margin-left: 0; }
.mu-chat button.mu-chat-frame[aria-pressed="true"] { background-position: -184px 0; }
.mu-chat button.mu-chat-size { background-position: -272px 0; margin-left: -1px; }
.mu-chat button.mu-chat-alpha { background-position: -302px 0; margin-left: -1px; }
.mu-chat-inputs { display: grid; grid-template-columns: 120px 1fr; gap: 5px; margin: 6px 5px 0 32px; height: 34px; }
.mu-chat-inputs input { box-sizing: border-box; width: 100%; height: 100%; min-width: 0; padding: 3px 10px; border: 1px solid #4e4b39; border-radius: 4px; background: rgba(0,0,0,.8); color: #ffe6d2; font: inherit; letter-spacing: 0; text-align: left; caret-color: white; box-shadow: none; }
.mu-chat-log { position: absolute; left: 10px; bottom: var(--chat-log-bottom); width: 548px; max-height: calc(var(--chat-rows) * 28px); transform: scale(var(--chat-scale)); transform-origin: bottom left; overflow: hidden; scrollbar-width: thin; scrollbar-color: #746c51 #14140f; }
.mu-chat-log > div { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; min-height: 28px; padding: 0; overflow-wrap: anywhere; color: #cddcef; }
.mu-chat-log span { background: rgba(0,0,0,var(--chat-line-alpha)); line-height: calc(14px / var(--chat-text-scale)); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.mu-chat-log [data-channel="global"] { color: #000; }
.mu-chat-log [data-channel="global"] span { background: rgba(230,230,233,.784314); }
.mu-chat-log [data-channel="party"] { color: #67c9ff; }
.mu-chat-log [data-channel="guild"], .mu-chat-log [data-channel="alliance"] { color: #d2f17b; }
.mu-chat-log [data-channel="gens"] { color: #e3abff; }
.mu-chat-log [data-channel="whisper"] { color: #f6bb56; }
.mu-chat-log [data-channel="error"] { color: #ff7e72; }
.mu-chat-log [data-channel="system"] { color: rgb(100,150,255); }
.mu-chat-log .mu-chat-line { display: block; flex: none; overflow: hidden; }
.mu-chat-log .mu-chat-line canvas { display: block; image-rendering: pixelated; }
.mu-chat-log .mu-chat-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; background: none; }
.mu-chat.has-frame { --chat-line-alpha: .392157; }
.mu-chat.is-open .mu-chat-log { overflow-y: auto; pointer-events: auto; }
.mu-chat.has-frame .mu-chat-log { background: rgba(0,0,0,var(--chat-opacity)); min-height: calc(var(--chat-rows) * 28px); }
.mu-chat-bubble { position: absolute; width: max-content; transform: translate(-50%,-100%); font: 12px/14px Tahoma, Arial, sans-serif; color: rgb(230,220,200); white-space: nowrap; }
.mu-chat-speaker { display: block; color: rgb(200,220,255); background: rgba(20,50,80,.59); }
.mu-chat-bubble.is-hero .mu-chat-speaker { background: rgba(60,100,0,.59); }
.mu-chat-bubble > div { background: rgba(10,30,50,.59); }
.mu-chat-bubble > div > .is-fading { color: rgba(230,220,200,.5); }
.mu-chat-npc .mu-chat-speaker { color: rgb(150,255,240); }
.mu-chat-npc > div:empty { display: none; }
.mu-chat-bubbles.is-gdi .mu-chat-bubble { left: 0; top: 0; width: 0; height: 0; transform: none; }
.mu-chat-bubbles.is-gdi .mu-chat-bubble > .mu-chat-speaker, .mu-chat-bubbles.is-gdi .mu-chat-bubble > div:not(.mu-chat-gdi) { visibility: hidden; }
.mu-chat-bubble > .mu-chat-gdi { position: absolute; left: 0; top: 0; background: none; }
.mu-chat-gdi > i, .mu-chat-gdi > b { position: absolute; display: block; overflow: hidden; }
.mu-chat-gdi canvas { display: block; image-rendering: pixelated; }
.mu-chat-error { position: absolute; bottom: 70px; left: 32px; max-width: 520px; color: #ffc5ae; background: #211713; padding: 3px 5px; }
.mu-chat-filters { position: absolute; left: 0; bottom: 72px; margin: 0; padding: 8px; background: #141714; border: 1px solid #716146; display: grid; gap: 5px; }
.mu-chat-filters label { display: flex; align-items: center; gap: 6px; }
.mu-chat-filters input { width: 14px; height: 14px; padding: 0; margin: 0; box-shadow: none; }
.chat-writing .classic-clock { visibility: hidden; }
@media (max-width: 1150px) {
  .mu-chat { --chat-text-scale: 1; }
  .mu-chat-editor { width: min(560px, 100%); transform: none; }
  .mu-chat-toolbar { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  .mu-chat-channels { flex-shrink: 0; }
  .mu-chat-log { width: min(548px, calc(100% - 16px)); transform: none; }
  .mu-chat-inputs { grid-template-columns: 84px 1fr; }
  .mu-chat-error { max-width: calc(100% - 42px); }
}