/* ============================================================================
   He / She / It / They — picture game on the Pronouns lesson.
   Shares every card, tile, answer and score style with assets/noun-sort.css;
   this file only adds the round tabs and the fill-the-blank sentence line.
   ========================================================================== */
.ps-tabs { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 14px; }
.ps-tab { padding: 9px 15px; border-radius: 999px; cursor: pointer; min-height: 44px;
          border: 1.5px solid var(--border); background: var(--surface); color: var(--text);
          font-family: inherit; font-size: .8125rem; font-weight: 600; white-space: nowrap;
          transition: border-color .18s ease, transform .18s ease; }
.ps-tab:hover { border-color: var(--module, #7c3aed); transform: translateY(-1px); }
.ps-tab:focus-visible { outline: 2px solid var(--module, #7c3aed); outline-offset: 2px; }
.ps-tab.is-on { background: linear-gradient(135deg, #7c3aed, #ec4899); border-color: transparent;
                color: #fff; box-shadow: 0 6px 16px -8px rgba(124, 58, 237, .8); }

/* "Look at ___." — sits under the noun, above the answers */
.ps-frame { display: flex; align-items: center; justify-content: center; gap: 9px;
            margin: -8px 0 18px; font-size: 1.25rem; font-weight: 600; color: var(--text); }
.ps-blank { display: inline-block; min-width: 2.6em; text-align: center; letter-spacing: .08em;
            color: var(--module, #7c3aed); border-bottom: 2px solid currentColor; line-height: 1; }

@media (max-width: 560px) {
  .ps-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
  .ps-tabs::-webkit-scrollbar { display: none; }
  .ps-tab { flex: 0 0 auto; }
  .ps-frame { font-size: 1.0625rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ps-tab { transition: none; }
  .ps-tab:hover { transform: none; }
}

/* verb game: word-only answers (no icon), so the word carries the button */
.vs-opt { min-height: 72px; justify-content: center; }
.vs-opt .ns-lbl { font-size: 1.125rem; }

/* conjunction game, round 3: the answers are whole phrases */
.cj-opts.cj-long { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cj-opts.cj-long .ns-lbl { font-size: .95rem; line-height: 1.35; }