#world{--chat-height:148px;--keyboard-inset:0px}#world.playing #canvas{height:calc(100% - var(--chat-height) - var(--keyboard-inset))}#world.playing #hud{bottom:calc(var(--chat-height) + var(--keyboard-inset))}#world.playing #nameplates,#world.playing #map-speech{height:calc(100% - var(--chat-height) - var(--keyboard-inset))}#chat-button{position:relative}#chat-unread{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:9px;padding:1px 4px;background:#d4bd83;color:#11251f;font-size:9px;line-height:15px;text-align:center;font-weight:700}#chat-panel{position:fixed;left:0;bottom:var(--keyboard-inset);width:100%;height:var(--chat-height);background:#191e19;border-top:2px solid #8b8a72;box-shadow:0 -2px 9px #0005;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;z-index:5}.chat-titlebar{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:24px;background:linear-gradient(#434940,#30382f);color:#e4dfc1;padding:2px 10px;font-size:10px;font-weight:600;letter-spacing:.4px;border-bottom:1px solid #777c633b}.chat-titlebar span{display:flex;gap:7px;align-items:center;padding:4px 9px;border-left:1px solid #a0a28155;border-right:1px solid #a0a28155;background:#141b1266;color:#eee4ad}.chat-titlebar svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}.chat-titlebar button{border:1px solid #9fa18455;background:#59614a44;border-radius:2px;color:#d2d8b9;font-size:12px;line-height:17px;min-width:25px;height:20px;padding:0 5px}#chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:5px 12px;font-family:Consolas,"Courier New",monospace;font-size:12px;line-height:1.4;scrollbar-width:thin;scrollbar-color:#7d917766 transparent}.chat-message{margin:1px 0;overflow-wrap:anywhere;color:#e5e9cf}.chat-message time{font-size:10px;color:#8d9c82;margin-right:8px}.chat-message strong{color:#a6dae1;font-weight:600}.chat-message.own strong{color:#ecd793}.chat-notice{font-size:10px;color:#dbbc87;margin:2px 0}#chat-form{display:flex;flex-shrink:0;gap:6px;align-items:center;border-top:1px solid #7c88624d;padding:4px 8px max(4px,env(safe-area-inset-bottom));background:#293126}#chat-input{font:inherit;font-size:12px;width:0;flex:1;border:1px solid #7e8a645c;border-radius:2px;background:#10190fd9;color:#f3f0db;padding:5px 8px;outline:none}#chat-input:focus{border-color:#d0d4a7}#chat-input::placeholder{color:#98ab90}#chat-send{border:1px solid #a9b28a77;background:linear-gradient(#65774e,#425335);color:#edf0d7;font-size:10px;font-weight:600;border-radius:2px;padding:6px 13px}#chat-send:disabled{opacity:.4;cursor:default}.keyboard-hint{display:none}#map-speech{position:absolute;inset:0;pointer-events:none;overflow:hidden}.map-speech{position:absolute;left:0;top:0;max-width:min(260px,65vw);font-family:Consolas,"Courier New",monospace;font-size:12px;line-height:1.3;font-weight:700;color:#ffeb65;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:-1px -1px 0 #14200e,1px -1px 0 #14200e,-1px 1px 0 #14200e,1px 1px 0 #14200e,0 2px 3px #000;max-height:4em;overflow:hidden;will-change:transform}@media(pointer:coarse){#world{--chat-height:104px}.chat-titlebar{height:21px;padding:1px max(8px,env(safe-area-inset-left));font-size:9px}.chat-titlebar span{padding:2px 6px}.chat-titlebar button{height:17px;line-height:14px}#chat-messages{font-size:11px;line-height:1.35;padding:3px max(10px,env(safe-area-inset-left))}.chat-message time{font-size:9px}#chat-form{padding:3px max(8px,env(safe-area-inset-left)) max(3px,env(safe-area-inset-bottom))}#chat-input{font-size:16px;padding:3px 7px}#chat-send{padding:6px 11px}.map-speech{font-size:11px;max-width:210px}}@media(pointer:coarse) and (orientation:landscape){#world{--chat-height:80px}.chat-titlebar{height:18px}.chat-titlebar span{padding:1px 5px}#world:has(#chat-input:focus){--chat-height:104px}}@media(pointer:coarse) and (max-height:280px){#world{--chat-height:76px}.chat-titlebar{height:18px}.chat-titlebar span{padding:1px 5px}}
