/* PLAYERMENU_20260905 — the house player's own right-click menu.
   A hairline panel at the pointer, in the house tokens; items are 44px on a
   phone. Also: the player surface keeps its long press for THIS menu, not the
   phone's own callout. No motion. */
.nwx-root { -webkit-touch-callout: none; }
.npm-menu {
  position: fixed; z-index: 100000; min-width: 220px; max-width: 300px;
  padding: 6px 0; background: var(--panel); color: var(--ink);
  border: 1px solid var(--rule); box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  font: 13px/1.35 var(--font-ui, system-ui, sans-serif);
}
.npm-item {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; margin: 0; padding: 8px 14px; background: none; border: 0;
  color: var(--ink); font: inherit; text-align: left; cursor: pointer;
}
.npm-item:hover, .npm-item:focus-visible {
  background: color-mix(in srgb, var(--accent) 10%, transparent); outline: none;
}
.npm-item.has-more .npm-l::after { content: ' ›'; color: var(--muted); }
.npm-s {
  font-family: ui-monospace, Menlo, monospace; font-size: 10.5px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--muted); white-space: nowrap;
}
.npm-rule { height: 1px; margin: 6px 0; background: var(--rule); }
.npm-foot {
  padding: 6px 14px 4px; font-family: ui-monospace, Menlo, monospace; font-size: 10.5px;
  letter-spacing: .08em; text-transform: uppercase; color: var(--muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
@media (max-width: 760px) {
  .npm-menu { min-width: 240px; font-size: 15px; }
  .npm-item { min-height: 44px; padding: 10px 16px; }
}