/* Player menu + profile window (item 64, src/player-menu.js). The menu itself is #game-context-menu (context-menu.css);
   here only: nine entries scroll on short phone screens, and the read-only profile window #player-inspect-dialog in the
   paper/gold theme of the character window (its body reuses the character sheet, styles/character-sheet.css). */
#game-context-menu:has([data-player-action]){max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain}
#game-context-menu [data-player-action]{min-height:38px}
#game-context-menu:has([data-player-action]) .game-context-title{position:sticky;top:-6px;z-index:1;margin:-6px -6px 2px;padding:11px 16px 7px;border-radius:10px 10px 0 0;background:#fff9ea}
/* Short screens (phones in landscape): two columns, still read left to right in the order of ถาม 9. */
@media(max-height:500px){#game-context-menu:has([data-player-action]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:340px;align-content:start}#game-context-menu:has([data-player-action]) .game-context-title{grid-column:1 / -1}#game-context-menu:has([data-player-action]) [role="menuitem"]{padding:6px 10px;font-size:14px}}
#game #player-inspect-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 24px));margin:auto;padding:12px 14px;border:2px solid #c9a272;border-radius:14px;background:linear-gradient(#fff9ea,#f1dfbf);color:#584637;font:13px Tahoma,"Noto Sans Thai",sans-serif;box-shadow:0 12px 30px #2a1a0c88;overflow:hidden;display:none;flex-direction:column;gap:8px}
#game #player-inspect-dialog[open]{display:flex}
#game #player-inspect-dialog::backdrop{background:#0007}
#player-inspect-dialog .player-inspect-head{display:flex;align-items:center;gap:12px;min-width:0}
#player-inspect-dialog .player-inspect-portrait{flex:none;width:72px;height:72px;border:2px solid #dcc2a4;border-radius:50%;background:radial-gradient(#fff4e5,#ead8c5)}
#player-inspect-dialog .player-inspect-heading{flex:1;min-width:0}
#player-inspect-dialog .player-inspect-title{margin:0;color:#3e342c;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#player-inspect-dialog .player-inspect-sub{margin:2px 0 0;color:#7c5b37;font-weight:700;font-size:14px}
#player-inspect-dialog .player-inspect-close{flex:none;width:40px;height:40px;min-height:0;padding:0;border:1px solid #c9a272;border-radius:50%;background:#fff3da;color:#6d573e;font:bold 22px/1 Tahoma,sans-serif;cursor:pointer}
#player-inspect-dialog .player-inspect-close:hover,#player-inspect-dialog .player-inspect-close:focus-visible{outline:0;background:#f2d397}
#player-inspect-dialog .player-inspect-status{margin:6px 0;color:#7d6a56}
#player-inspect-dialog .player-inspect-status[hidden],#player-inspect-dialog .player-inspect-extra[hidden]{display:none}
#player-inspect-dialog .player-inspect-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
#player-inspect-dialog .player-inspect-sheet{flex:none;overflow:visible;margin:0;padding:2px 2px 0;grid-column:auto}
#player-inspect-dialog .player-inspect-sheet:empty{display:none}
#player-inspect-dialog .player-inspect-item{width:30px;height:30px;object-fit:contain}
#player-inspect-dialog .player-inspect-extra{flex:none;padding:6px 10px;border:1px solid #dcc2a4;border-radius:12px;background:#fff4e578}
#player-inspect-dialog .player-inspect-extra-title{margin:0 0 4px;font-size:14px;color:#584637}
#player-inspect-dialog .player-inspect-record{margin:0;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:12px}
#player-inspect-dialog .player-inspect-record dt{color:#93806b}
#player-inspect-dialog .player-inspect-record dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
/* Without the character sheet script: a plain list. */
#player-inspect-dialog .player-inspect-slots{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#player-inspect-dialog .player-inspect-slot{display:flex;align-items:center;gap:8px}
#player-inspect-dialog .player-inspect-stats{display:grid;grid-template-columns:auto 1fr;gap:2px 12px}
#player-inspect-dialog .player-inspect-stats dd{margin:0;font-weight:700}
@media(max-width:600px){#game #player-inspect-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:10px}#player-inspect-dialog .player-inspect-portrait{width:56px;height:56px}#player-inspect-dialog .player-inspect-title{font-size:17px}}
/* Phones in landscape: the window uses the whole short height, the sheet keeps two narrow columns and scrolls. */
@media(pointer:coarse) and (max-height:500px){#game #player-inspect-dialog{max-height:calc(100dvh - 12px);padding:8px 10px;gap:4px}#player-inspect-dialog .player-inspect-portrait{width:48px;height:48px}#player-inspect-dialog .player-inspect-title{font-size:16px}#player-inspect-dialog .player-inspect-extra{padding:4px 8px}}
@media(prefers-reduced-motion:reduce){#player-inspect-dialog *{transition:none!important;animation:none!important}}