/* Scoped above the legacy HUD overrides, including the mobile chat styles. */
html body #game-chat#game-chat.chat-compact{overflow:visible!important}
html body #game-chat#game-chat.chat-compact .chat-message:not(.chat-promo-inline):not(.vote-reward-card){padding:4px 6px!important;margin:2px 0!important;min-height:0!important;border-radius:5px!important}
html body #game-chat#game-chat.chat-compact .chat-message:not(.chat-promo-inline) .chat-message-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:6px!important;padding:0!important;position:relative!important}
html body #game-chat#game-chat.chat-compact .chat-message:not(.chat-promo-inline) .chat-message-content{display:block!important;min-width:0!important;font:12px/1.5 Arial,sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body #game-chat#game-chat.chat-compact .chat-message-identity{display:inline!important;position:static!important;min-height:0!important;padding:0!important;margin:0 4px 0 0!important;line-height:inherit!important;white-space:normal!important}
html body #game-chat#game-chat.chat-compact .chat-message-text{display:inline!important;padding:0!important;margin:0!important;font:inherit!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
html body #game-chat#game-chat.chat-compact .chat-message-name{display:inline!important;font-weight:700!important;line-height:inherit!important}
html body #game-chat#game-chat.chat-compact .chat-message-meta{display:inline!important;margin-left:4px!important;font-size:9px!important;white-space:nowrap!important}
html body #game-chat#game-chat.chat-compact .chat-message-badge{display:inline-block!important;vertical-align:-3px!important;width:14px!important;height:14px!important;margin:0 4px 0 0!important}
html body #game-chat#game-chat.chat-compact .chat-pack-tag,html body #game-chat#game-chat.chat-compact .chat-guild-tag{display:inline!important;vertical-align:baseline!important;margin:0 4px 0 0!important;line-height:inherit!important}
html body #game-chat#game-chat.chat-compact .chat-message-time{position:static!important;inset:auto!important;display:block!important;align-self:start!important;margin:2px 0 0!important;padding:0!important;font:9px/14px Arial,sans-serif!important;white-space:nowrap!important}
html body #game-chat#game-chat.chat-compact .chat-social-menu{display:inline-flex!important;position:static!important;inset:auto!important;vertical-align:middle!important;margin:0 0 0 5px!important}
html body #game-chat#game-chat.chat-compact .chat-social-gear{position:static!important;inset:auto!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:16px!important;opacity:.8}
html body #game-chat#game-chat.chat-compact .chat-social-gear:hover,html body #game-chat#game-chat.chat-compact .chat-social-gear:focus-visible{opacity:1}
html body #game-chat#game-chat.chat-compact #chat-unread-badge{position:absolute!important;z-index:60!important;top:-7px!important;right:-5px!important;left:auto!important;display:none!important;place-items:center!important;box-sizing:border-box!important;min-width:20px!important;height:20px!important;padding:0 4px!important;border:2px solid #081b28!important;border-radius:999px!important;background:#ff526c!important;color:#fff!important;font:800 10px/1 Arial,sans-serif!important;box-shadow:0 0 0 2px #ff526c25,0 2px 6px #0008!important;cursor:pointer!important;pointer-events:auto!important}
html body #game-chat#game-chat.chat-compact #chat-unread-badge.visible{display:grid!important}
html body #game-chat#game-chat.chat-compact #chat-unread-badge:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}
html body #game-chat#game-chat.chat-compact .chat-tab{position:relative!important}
html body #game-chat#game-chat.chat-compact .chat-tab.has-unread::before{content:""!important;position:absolute!important;z-index:4!important;top:3px!important;right:3px!important;display:block!important;width:7px!important;height:7px!important;border:1px solid #061923!important;border-radius:50%!important;background:#ff526c!important;box-shadow:0 0 5px #ff526c88!important;pointer-events:none!important}
@media(prefers-reduced-motion:no-preference){html body #game-chat#game-chat.chat-compact #chat-unread-badge.visible{animation:chat-unread-arrival .5s ease-out 1!important}}
@keyframes chat-unread-arrival{0%{transform:scale(.75)}60%{transform:scale(1.15)}100%{transform:scale(1)}}