/* v0.4.35: put help where writing begins, and arcade controls where play begins. */
.arcade-heading-compact { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 18px; }
.arcade-heading-compact .arcade-heading-copy { flex:1 1 210px; min-width:0; }
.arcade-heading-compact h3 { margin:0; }
.arcade-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:8px 12px; flex-wrap:wrap; min-width:0; }
.arcade-toolbar .arcade-score { display:inline-flex; align-items:center; gap:5px; margin:0; white-space:nowrap; font-size:.875rem; line-height:1.5; }
.arcade-toolbar button { margin:0; min-height:44px; padding:8px 12px; line-height:1.4; font-size:.875rem; }
.arcade-toolbar .more-mini-games { margin:0; }
.arcade-heading-copy:empty { display:none; }
.lobby-room-card .invite-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; background:#6740b7; color:#fff; }
html[data-theme="dark"] .lobby-room-card .invite-button { background:#cfb6ff; color:#2c1945; }
.invite-button .invite-link-icon { flex:0 0 20px; width:20px; height:20px; stroke:currentColor; opacity:1; filter:none; mix-blend-mode:normal; }
.invite-button:focus-visible { outline:3px solid var(--ux-purple,var(--purple)); outline-offset:4px; }
.compose-shell .compose-paper .compose-assist { margin:12px 0 14px; gap:8px; align-items:center; }
.compose-assist > button { margin:0; min-height:44px; }
.compose-assist .emoji-disclosure { margin:0; }
.compose-assist .emoji-disclosure summary { min-height:44px; }
.compose-paper textarea { scroll-margin-top:18px; }
.main-character-preference { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }
.main-character-preference button { width:100%; margin:0; min-height:44px; text-align:center; }
.main-character-preference .meta { margin:8px 0 0; font-size:.875rem; line-height:1.5; overflow-wrap:anywhere; }
.main-character-select.karma-forced { cursor:pointer; }
@media (max-width:599px) {
  .arcade-heading-compact { gap:10px; }
  .arcade-heading-compact .arcade-heading-copy { flex-basis:100%; }
  .arcade-toolbar { justify-content:flex-start; width:100%; gap:8px; }
  .arcade-toolbar button { padding:8px 10px; }
  .arcade-toolbar .arcade-score { margin-inline:2px; }
  .compose-shell .compose-paper .compose-assist { column-gap:6px; }
  .compose-assist .compact-assist { font-size:.9375rem; padding:8px 10px; }
}