/* :shortcode: emoji suggestions (GM chat bar + player chat) */
.esc-picker {
  --cut: 10px; --edge: #6d5a2a;
  position: absolute; left: 8px; bottom: calc(100% + 10px); z-index: 260;
  width: min(300px, calc(100vw - 24px)); box-sizing: border-box; padding: 0 0 4px;
  background: #0b1214; color: #e9f1f0;
  clip-path: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  box-shadow: inset 0 0 0 1px var(--edge), inset 0 0 28px rgba(212, 168, 67, .07);
}
.esc-picker[hidden] { display: none; }
.esc-head { padding: 9px 14px 8px 18px; font: 800 10px/1 Consolas, "Courier New", monospace; letter-spacing: .2em; color: #8f9c9a; box-shadow: inset 0 -1px 0 rgba(212, 168, 67, .22); }
.esc-head b { color: #e8c565; letter-spacing: .06em; font-weight: 800; }
.esc-row { display: flex; align-items: center; gap: 12px; width: 100%; height: 38px; padding: 0 16px 0 14px; border: 0; background: transparent; color: #cfdad8; text-align: left; cursor: pointer; box-shadow: inset 3px 0 0 transparent; }
.esc-row:hover, .esc-row.active { background: linear-gradient(90deg, rgba(212, 168, 67, .2), rgba(212, 168, 67, .04)); box-shadow: inset 3px 0 0 #d4a843; color: #fff; }
.esc-glyph { flex: none; width: 28px; text-align: center; font-size: 22px; line-height: 1; font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif; }
.esc-glyph img.esc-commander { width: 26px; height: 26px; object-fit: contain; vertical-align: middle; }
.esc-name { font: 700 13px/1 Consolas, "Courier New", monospace; letter-spacing: .04em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.esc-foot { padding: 7px 14px 4px 18px; font: 700 8.5px/1 Consolas, monospace; letter-spacing: .16em; color: #5f706f; }