/* Guess the Logo 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 .category-list { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 16px; }
html.tt-shell .category-list label { display: flex; align-items: center; gap: 7px; }
html.tt-shell .mark-list { margin: 10px 0 0; padding: 0; list-style: none; }
html.tt-shell .mark-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
html.tt-shell .mark-status { min-height: 1.2em; color: var(--muted); font-size: 13px; }
html.tt-shell .settings-foot .button-row { margin: 0 0 0 auto; }
html.tt-shell .gift-actions { display: flex; justify-content: flex-end; }
html.tt-shell #copy-feedback:empty, html.tt-shell #practice-feedback:empty, html.tt-shell #settings-feedback:empty, html.tt-shell #gift-picker-status:empty { display: none; }
@media (max-width: 600px) {
  html.tt-shell .practice-form, 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%; }
}
/* Notion #3: section 05 body text matches the Battle Arena reference. */
html.tt-shell .category-list>legend{color:var(--ink);font-weight:600}