/* Phone and tablet Whisper window (js/ui/mobile-whisper.js), opened from the Chat button above the orb.
   Conversations on the left, the open one on the right with Trade, Team and Add Friend while the player is in view. */
.m-dm-btn{position:absolute;left:calc(var(--safe-l) + 2px);bottom:calc(var(--safe-b) + 132px);width:40px;height:40px}
.m-dm-btn>img{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 3px #000c)}
.m-dm-btn:active{transform:scale(.92)}
.m-dm-badge{position:absolute;right:-5px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#d0302a;box-shadow:0 0 0 1.5px #1a1612;color:#fff;font:700 10px/17px system-ui;text-align:center}
/* Like the chat box, the button waits for the HUD to come back, and steps aside while a chat window is open. */
.m-root:is(.m-hud-collapsed,.m-chatting) .m-dm-btn{display:none}
.m-dm{position:absolute;left:calc(var(--safe-l) + 40px);right:calc(var(--safe-r) + 40px);top:calc(var(--kb-top,0px) + 8px);height:calc(var(--kb-height,100%) - 16px);max-height:calc(100% - 16px);
 display:flex;flex-direction:column;background:#14171bf5;border:1px solid #a8894a88;border-radius:6px;box-shadow:0 10px 40px #000d;z-index:8}
.m-dm-title{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 14px;border-bottom:1px solid #e2c47c33;flex:none}
.m-dm-title .m-close,.m-dm-title .m-close img{width:28px;height:28px}
.m-dm-body{flex:1;display:flex;min-height:0}
.m-dm-side{width:200px;flex:none;display:flex;flex-direction:column;gap:6px;padding:8px;border-right:1px solid #ffffff12;min-height:0}
.m-dm-searchrow{display:flex;gap:4px;align-items:center;flex:none}
.m-dm-searchrow .m-cin{height:30px;font-size:12px;padding:0 8px}
.m-dm-searchbtn,.m-dm-searchbtn img{width:30px;height:32px;display:block;flex:none}
.m-dm-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px;min-height:0}
.m-dm-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;background:#ffffff08;border:1px solid transparent;text-align:left;position:relative;flex:none}
.m-dm-item.on{border-color:var(--gold);background:#e2c47c14}
.m-dm-face{width:38px;height:38px;border-radius:50%;overflow:hidden;flex:none;background:#222;display:grid;place-items:center;box-shadow:0 0 0 1px #e2c47c66}
.m-dm-face img{width:100%;height:100%;object-fit:cover;display:block}
.m-dm-face b{font:700 15px var(--serif);color:var(--gold)}
.m-dm-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.m-dm-meta b{font:600 13px system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-dm-meta small{font-size:10.5px;color:var(--mute)}
.m-dm-count{min-width:18px;height:18px;border-radius:9px;background:#c0392b;color:#fff;font:700 10px/18px system-ui;text-align:center;padding:0 4px;flex:none}
.m-dm-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}
.m-dm-head{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid #ffffff12;min-height:50px;flex:none}
.m-dm-acts{display:flex;gap:4px;flex:none}
.m-dm-act,.m-dm-act img{width:34px;height:40px;display:block}
.m-dm-act:disabled{opacity:.35;filter:grayscale(1)}
.m-dm-name{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.m-dm-name b{font:600 14px system-ui}
.m-dm-name small{font-size:10px;color:var(--mute)}
.m-dm-more,.m-dm-more img{width:28px;height:28px;display:block;flex:none}
.m-dm-log{flex:1;overflow:auto;padding:8px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}
.m-dm-time{align-self:center;font-size:10.5px;color:var(--mute)}
.m-dm-system{align-self:center;font-size:11px;color:#ff8a80;text-align:center}
.m-dm-row{display:flex;gap:8px;align-items:flex-start;max-width:80%;flex:none}
.m-dm-row.me{flex-direction:row-reverse;align-self:flex-end}
.m-dm-col{display:flex;flex-direction:column;gap:3px;min-width:0}
.m-dm-row.me .m-dm-col{align-items:flex-end}
.m-dm-who{font-size:11px;color:var(--gold)}
.m-dm-row.me .m-dm-who{color:var(--mute)}
.m-dm-bubble{background:#2a2d31;border:1px solid #ffffff14;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.35;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}
.m-dm-row.me .m-dm-bubble{background:#3a3326;border-color:#e2c47c40}
.m-dm-empty{color:var(--mute);font-size:12px;text-align:center;margin:auto 0}
.m-dm-bar{display:flex;gap:6px;align-items:center;padding:6px 10px;border-top:1px solid #ffffff12;flex:none}
.m-dm-send{min-width:84px;height:32px}
.m-dm-menu{position:absolute;right:10px;top:44px;background:#0b0c0ef2;border:1px solid var(--gold2);border-radius:6px;padding:4px;z-index:2}
.m-dm-menu button{display:block;padding:8px 12px;font-size:12px;color:var(--ink);white-space:nowrap}
.m-root.m-chatting .m-xpbar{display:none!important}