/* Guess the Flag additions to the pinned Codex-4 hosted shell. */
html.tt-shell .input-grid .wide { grid-column: 1 / -1; }
html.tt-shell .practice-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: end; }
html.tt-shell .practice-form button { min-height: 44px; }
html.tt-shell .practice-panel .effects { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.tt-shell .bank-codes { max-height: 190px; overflow: auto; margin-top: 12px; padding: 12px; border-radius: 9px; background: var(--field); color: var(--copy); white-space: pre-wrap; font-size: 14px; line-height: 1.65; }
html.tt-shell .license { margin-top: 20px; color: var(--muted); font-size: 14px; }
html.tt-shell .license a, html.tt-shell .setup-panel a { color: var(--accent-text); }
html.tt-shell #copy-feedback:empty, html.tt-shell #practice-feedback:empty, html.tt-shell #settings-feedback:empty { display: none; }
html.tt-shell .settings-foot .button-row { margin: 0 0 0 auto; }
@media (max-width: 600px) {
  html.tt-shell .practice-form { grid-template-columns: 1fr; }
  html.tt-shell .practice-panel .effects { grid-template-columns: 1fr; }
  html.tt-shell .input-grid .wide { grid-column: auto; }
  html.tt-shell .settings-foot .button-row { width: 100%; margin-left: 0; }
  html.tt-shell .settings-foot .button-row button { flex: 1 1 100%; }
}