/* ChatBase — ⚫ Gomoku PvP (pvpgomoku.js). Reuses .du-modal / .du-box / .du-btn. */
.pgm-box { max-width: 460px; }
.pgm-row { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 13.5px; flex-wrap: wrap; }
.pgm-people { display: flex; flex-wrap: wrap; gap: 6px; }
.pgm-status { text-align: center; font-weight: 700; font-size: 14px; margin: 8px 0; }
.pgm-grid { display: grid; gap: 1px; margin: 8px auto; max-width: 360px; background: rgba(210,180,120,.15); padding: 3px; border-radius: 6px; }
.pgm-c { aspect-ratio: 1; border: 1px solid rgba(255,255,255,.07); background: rgba(210,180,120,.08); cursor: default; font-size: clamp(7px,2vw,12px); padding: 0; display: flex; align-items: center; justify-content: center; }
.pgm-c.pgm-ok { cursor: pointer; }
.pgm-c.pgm-ok:hover { background: rgba(255,255,255,.18); }