.nw-game{--chat-height:clamp(205px,29dvh,275px);grid-template-rows:61px 108px minmax(0,1fr) var(--chat-height)}
.nw-game.chat-collapsed{--chat-height:40px}
.ninja-chat{position:relative;min-width:0;color:#57391d;background:linear-gradient(#332318,#281b14);z-index:7;font-family:Arial,sans-serif;isolation:isolate}
.chat-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.chat-title,.chat-online-title{position:absolute;top:15.4%;height:8%;margin:0;display:flex;align-items:center;font-size:14px;color:#ffe6ac;text-shadow:0 1px #3d2114;white-space:nowrap}
.chat-title{right:10%;gap:12px}.chat-title small{font-size:10px;color:#e8c592;font-weight:normal}
.chat-online-title{left:10%;width:12%;justify-content:center;gap:5px;font-size:12px}
.chat-online-list{position:absolute;left:5.8%;width:16.3%;top:28.5%;bottom:17%;overflow:auto;scrollbar-width:thin;scrollbar-color:#a27939 transparent;direction:rtl}
.chat-person{display:grid;grid-template-columns:9px minmax(0,1fr);align-items:center;column-gap:5px;width:100%;padding:5px 4px;background:transparent;border:0;border-bottom:1px solid #b27e302c;text-align:right;color:#63431e}
.chat-person b{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chat-person small{grid-column:2;font-size:9px;color:#967140;margin-top:1px}.chat-person:hover{background:#c28c3e22}.chat-presence-dot{width:6px;height:6px;background:#618946;border-radius:50%;box-shadow:0 0 0 2px #8c995b22}
.chat-messages{position:absolute;left:25.5%;right:5.5%;top:27.2%;bottom:31.7%;overflow:auto;scrollbar-width:thin;scrollbar-color:#a27939 transparent;direction:rtl;padding:2px 4px;overscroll-behavior:contain}
.chat-message{font-size:12px;line-height:1.6;padding:2px 5px;border-radius:3px;overflow-wrap:anywhere;white-space:pre-wrap}.chat-message time{display:inline-block;font-size:9px;color:#9b7d51;margin-left:7px;direction:ltr;unicode-bidi:isolate}.chat-sender{color:#874d20;margin-left:5px;unicode-bidi:isolate}.chat-message-text{unicode-bidi:plaintext}.chat-mention{background:#e6bf6c;color:#59350e;border:1px solid #c9964044;border-radius:4px;padding:1px 4px;white-space:pre-wrap;unicode-bidi:isolate;font-weight:800}.chat-directed{background:#e9be623d;box-shadow:inset -3px 0 #b58432}.chat-mention-self{background:#c89338;color:#fff9e8;border-color:#ae7b25}
.chat-empty{position:absolute;top:43%;left:26%;right:6%;text-align:center;font-size:12px;color:#aa814a;margin:0;pointer-events:none}
.chat-form{display:contents}.chat-input{position:absolute;left:34.3%;right:6.6%;top:74.1%;height:9.4%;padding:0 6px;resize:none;overflow:auto;font:12px/1.65 Arial,sans-serif;color:#5d3c19;background:transparent;border:0;outline:none;direction:rtl;scrollbar-width:thin;box-shadow:none;color-scheme:light}.chat-input::placeholder{color:#9c7845}.chat-input:focus-visible{outline:2px solid #b57a2a;outline-offset:3px;border-radius:2px}.chat-input:disabled{opacity:.6}
.chat-send{position:absolute;left:26.3%;width:6.4%;top:73%;height:11.3%;background:transparent;border:0;border-radius:6px;padding:0}.chat-send:hover{box-shadow:0 0 0 2px #ffe39980,0 0 14px #ffe39940}.chat-send:disabled{background:#57392155;opacity:1;cursor:default}.chat-send:focus-visible{outline-offset:0}
.chat-toggle{position:absolute;left:26.2%;top:15.2%;height:8.4%;padding:0 8px;border:1px solid #ce9b5666;border-radius:3px;background:#42281366;color:#edd1a0;font-size:10px;line-height:1}
.chat-suggestions{position:absolute;bottom:28.2%;right:6.2%;width:min(300px,65%);max-height:190px;overflow:auto;z-index:10;background:#fae6bc;border:2px solid #a86b27;border-radius:5px;box-shadow:0 5px 16px #26180c66;color:#5a3818;scrollbar-width:thin;direction:rtl;padding:4px}
.chat-option{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;border-radius:3px;font-size:13px}.chat-option small{font-size:10px;color:#927041}.chat-option[aria-selected=true],.chat-option:hover{background:#ddb76c88;box-shadow:inset -3px 0 #a76b20}.chat-option b{unicode-bidi:isolate;overflow-wrap:anywhere}.chat-no-match{font-size:12px;padding:10px}
.chat-new{position:absolute;bottom:32%;left:53%;padding:3px 10px;border:1px solid #aa782f;border-radius:12px;color:#63431d;background:#f6dc9c;font-size:10px}.chat-offline .chat-title small{color:#ffd1a1}
.ninja-chat.is-collapsed{background:#58351f url('assets/ui/wood-panel.svg') center/100% 100%}.ninja-chat.is-collapsed>:not(.chat-title):not(.chat-toggle){display:none}.ninja-chat.is-collapsed .chat-title{top:0;height:100%;right:18px;font-size:12px}.ninja-chat.is-collapsed .chat-toggle{left:18px;top:8px;height:24px}.ninja-chat.is-collapsed .chat-title small{display:none}
@media(max-width:700px){.chat-title{font-size:12px;right:10%}.chat-title small{font-size:8px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.chat-online-title{font-size:10px;left:9%;width:13%}.chat-person b,.chat-message,.chat-input{font-size:11px}.chat-person small{font-size:8px}.chat-toggle{font-size:9px;padding-inline:5px}}
@media(max-width:560px){.nw-game{--chat-height:215px;grid-template-rows:53px 99px minmax(0,1fr) var(--chat-height)}.nw-game.chat-collapsed{--chat-height:40px}.chat-title small{display:none}.chat-online-title{left:7%;width:15%;font-size:9px}.chat-online-list{left:5.8%;width:16.5%}.chat-person{padding:5px 0;column-gap:2px;grid-template-columns:6px minmax(0,1fr)}.chat-person b{font-size:10px}.chat-person small{font-size:7px}.chat-presence-dot{width:4px;height:4px}.chat-messages{left:25.4%;right:5.5%;padding-inline:0}.chat-message{font-size:11px;padding-inline:2px}.chat-message time{display:none}.chat-input{font-size:12px;line-height:1.4}.chat-mention{padding:0 2px}}