.chat-toggle{position:relative;min-height:48px;border:1px solid #dec286;border-radius:12px;background:linear-gradient(140deg,#51412b,#152629);color:#fff0cc;padding:12px 18px;font-weight:700;box-shadow:0 5px 20px #0009;cursor:pointer}.chat-unread{display:inline-block;margin-left:7px;background:#c89a45;color:#171b1c;border-radius:20px;padding:2px 7px;font-size:.8rem}.chat-unread[hidden]{display:none}.chat-panel{position:fixed;right:18px;bottom:18px;z-index:87;display:flex;flex-direction:column;width:min(400px,calc(100vw - 36px));max-height:min(620px,calc(100dvh - 110px));box-sizing:border-box;border:1px solid #b99961;border-radius:14px;background:#102023f5;color:#eee5d3;box-shadow:0 12px 45px #000c;overflow:hidden}.chat-panel[hidden]{display:none}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #98784566;gap:12px}.chat-header h2{margin:0;color:#f1d59d;font:600 1.1rem Georgia,serif}.chat-header p{font-size:.75rem;color:#becfc9;margin:5px 0 0}.chat-panel button{min-height:44px;border:1px solid #b99961;background:#304b42;border-radius:7px;padding:8px 13px;color:#fff0cc;cursor:pointer}.chat-panel button:disabled{opacity:.5;cursor:default}.chat-messages{list-style:none;padding:12px;margin:0;overflow-y:auto;min-height:100px;max-height:340px;flex:1;overscroll-behavior:contain}.chat-messages li{padding:10px 12px;background:#203337;border:1px solid #ffffff0d;border-radius:9px;margin-bottom:8px;overflow-wrap:anywhere}.chat-messages .chat-own{background:#304032;border-color:#8f985544}.chat-messages li>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.chat-messages strong{color:#edd49a;font-size:.85rem}.chat-messages time{font-size:.7rem;color:#a9bab7;white-space:nowrap}.chat-messages p{margin:6px 0 0;font:14px/1.5 system-ui;white-space:pre-wrap}.chat-empty{padding:12px;color:#b7c9c4;font-size:.85rem;margin:0}.chat-form{padding:12px;border-top:1px solid #98784566}.chat-form label{font-size:.8rem;display:block;margin-bottom:7px;color:#d2dfd9}.chat-form textarea{width:100%;min-height:65px;max-height:120px;box-sizing:border-box;border:1px solid #81968d;border-radius:8px;resize:vertical;background:#09181b;color:#eee5d3;padding:10px;font:14px/1.5 system-ui}.chat-compose-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.chat-compose-footer small{color:#afc4ba}.chat-status{font-size:.78rem;line-height:1.5;margin:0;padding:0 12px 12px;color:#cce0d5;overflow-wrap:anywhere}.chat-panel button:focus-visible,.chat-toggle:focus-visible,.chat-form textarea:focus-visible{outline:3px solid #f3d292;outline-offset:2px}
@media(max-width:650px){.chat-toggle{right:10px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 14px}.chat-panel{right:10px;bottom:74px;width:calc(100vw - 20px);max-height:calc(100dvh - 150px)}.chat-messages{max-height:280px}.chat-header{padding:12px}.chat-header p{font-size:.7rem}}

/* Chat is a toolbar action, so it never covers battle or raid commands. */
.premium-topbar .chat-toggle{margin:0;box-shadow:none;padding:10px 12px;font-size:12px;white-space:nowrap}.premium-topbar .chat-unread{margin-left:4px;padding:2px 5px}.chat-header,.chat-form,.chat-status{flex-shrink:0}
@media(max-width:650px){.premium-topbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}.premium-topbar .premium-vip-control>a{height:100%;box-sizing:border-box}.premium-topbar .premium-header-wallet{flex-direction:row;justify-content:center}.premium-topbar .chat-toggle{right:auto;bottom:auto;min-height:46px;padding:5px 7px;font-size:11px}.online-world{padding-top:146px!important}.square-welcome{top:148px!important}.premium-vip-tooltip{top:126px}.chat-panel{bottom:max(12px,env(safe-area-inset-bottom))}.chat-messages{min-height:40px}}
.chat-compact .chat-header p{display:none}.chat-compact .chat-header{padding:8px 12px}.chat-compact .chat-form{padding:8px}.chat-compact .chat-form textarea{height:46px;min-height:46px}.chat-compact .chat-messages{min-height:0}.chat-compact .chat-status{padding-bottom:8px}