.live-action { padding: 10px 14px; border: 1px solid #e5e5e9; border-radius: 12px; background: transparent; color: inherit; cursor: pointer; font: inherit; }
.live-comment-form { margin: 18px 0 24px; padding: 16px; border: 1px solid #e9ebef; border-radius: 16px; background: #f7f8fa; color: #262b33; }
.live-comment-form:focus-within { border-color: var(--brand-line); box-shadow: 0 0 0 3px #00853e08; }
.comment-composer-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.comment-composer-heading > strong { font-size: 14px; font-weight: 650; }
.comment-composer-heading .comment-avatar { width: 28px; height: 28px; }
.live-comment-form label { display: block; }
.comment-field-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.live-comment-form textarea { box-sizing: border-box; display: block; width: 100%; min-width: 0; min-height: 76px; max-height: 240px; padding: 4px 0; resize: vertical; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; font-size: 16px; font-weight: 400; line-height: 1.65; }
.live-comment-form textarea::placeholder { color: #9299a4; }
.live-comment-form-actions { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #e7e9ed; }
.live-comment-form-actions small { color: #747d89; font-size: 14px; }
.live-comment-submit { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 14px; min-height: 38px; border-radius: 10px; background: var(--brand-action); border-color: var(--brand-action); color: #fff; white-space: nowrap; font-size: 14px; font-weight: 650; }
.live-comment-submit svg { width: 16px; height: 16px; flex-shrink: 0; }
.live-comment-submit:disabled { opacity: .6; cursor: wait; }
.live-comment-status { margin: 8px 0 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.live-comment-status:empty { display: none; }
.live-comment-form textarea:focus-visible { outline: none; }
html[data-theme="dark"] .live-comment-form { background: #20242b; border-color: #454b55; color: #f3f4f6; }
.live-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.live-tabs [aria-pressed=true] { background: var(--brand-action); color: white; border-color: var(--brand-action); }
.live-comment { padding: 20px 0; border-bottom: 1px solid #ececf0; overflow-wrap: anywhere; }
.live-comment p, .live-post-detail p { white-space: pre-wrap; line-height: 1.7; }
.live-comment small { color: #777; }
.live-comment img { display: block; max-width: 100%; max-height: 320px; margin: 12px 0; object-fit: contain; }
.comment-author { display: flex; align-items: center; gap: 10px; min-width: 0; }
.comment-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: #eceff3; color: #929baa; overflow: hidden; }
.comment-avatar > svg { width: 20px; height: 20px; }
.comment-avatar > img, .live-comment .comment-avatar > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-height: none; margin: 0; border-radius: 50%; object-fit: cover; }
.comment-author-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.live-comment .comment-author-info strong { font-size: 14px; line-height: 1.4; font-weight: 650; color: inherit; }
.comment-author-info time { color: #949ba6; font-size: 14px; line-height: 1.4; }
.live-comment > .comment-content { margin: 10px 0 12px 46px; font-size: 14px; line-height: 1.75; color: inherit; }
.comment-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-left: 46px; }
.comment-actions .live-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 6px 10px; border: 1px solid transparent; border-radius: 8px; background: #f5f6f8; color: #727b89; font-size: 14px; line-height: 1.4; }
.comment-actions .live-action svg { width: 15px; height: 15px; flex-shrink: 0; }
.comment-actions .live-action:is(:hover, [aria-expanded="true"]) { background: #eaedf2; color: #343b46; }
.comment-actions .live-action[aria-pressed="true"] { color:var(--brand-text); background: var(--brand-tint); }
.comment-actions .live-action:focus-visible { outline: 2px solid var(--brand-text); outline-offset: 2px; }
.live-comment > [role="status"] { display: block; margin: 6px 0 0 46px; }
.live-comment > [role="status"]:empty { display: none; }
.live-replies { padding-left: 14px; border-left: 2px solid #eceff3; margin: 16px 0 0 18px; }
.live-replies:empty, .live-replies[hidden] { display: none; }
.live-replies .live-comment-form { margin-top: 12px; }
.live-replies .comment-content, .live-replies .comment-actions { margin-left: 0; }
html[data-theme="dark"] .comment-avatar { background: #343b47; color: #a6afbd; }
html[data-theme="dark"] .comment-actions .live-action { background: #2a3039; color: #bcc4d0; }
html[data-theme="dark"] .comment-actions .live-action[aria-pressed="true"] { background: var(--brand-tint); color: var(--brand-text); }
html[data-theme="dark"] .live-comment, html[data-theme="dark"] .live-replies, html[data-theme="dark"] .live-comment-form-actions { border-color: #363d48; }
.live-post-link { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: 100%; padding: 18px 0; text-align: left; border: 0; border-bottom: 1px solid #eee; background: transparent; color: inherit; }
.live-community, .live-arcade, .live-comments { width: 100%; line-height: 1.6; }
.live-comments > div:last-child { margin: 16px 0; }
.live-game-card, .live-arcade .panel-game-grid button.live-game-card { display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
.live-game-card:focus-visible { outline: 2px solid var(--brand-action); outline-offset: 4px; }
.live-game-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 12px; }
.live-arcade .panel-game-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; margin-bottom: 20px; }
#workCommentsPanel select, .live-work-comments select { max-width: 100%; padding: 10px; margin: 12px 0; font: inherit; color: inherit; background: transparent; border: 1px solid #ddd; border-radius: 10px; }
#arcadeRail { display: block; }
#arcadeRail .panel-game-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 31%; }
.live-arcade .live-game-card strong, #arcadeRail .live-game-card strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; line-height: 1.6; min-height: 3.2em; max-height: 3.2em; overflow-wrap: anywhere; }
#arcadeRail .live-game-card strong { font-size: 14px; }
.live-arcade-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 0 0 16px; margin-bottom: 8px; }
.live-arcade-tabs .live-action { flex: 0 0 auto; border: 0; border-radius: 24px; padding: 10px 24px; background: #fff; color: #222; }
.live-arcade-tabs .live-action[aria-pressed="true"] { background: var(--brand-action); color: #fff; }
.arcade-category-filter[hidden], .arcade-pagination[hidden] { display: none !important; }
html[data-theme="dark"] .live-arcade-tabs .live-action:not([aria-pressed="true"]) { background: #292d35; color: #f4f4f5; }
@media(min-width: 800px) { .arcade-game-grid .panel-game-grid, .arcade-games .panel-game-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.arcade-player-dialog { box-sizing: border-box; width: min(1080px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; border: 0; border-radius: 18px; color: #f9fafb; background: #16191f; overflow: auto; box-shadow: 0 24px 80px #0008; }
.arcade-player-dialog::backdrop { background: #000b; }
.arcade-player-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; }
.arcade-player-dialog h2 { font-size: 18px; margin: 0; line-height: 1.4; }
.arcade-player-actions { display: flex; flex-shrink: 0; gap: 8px; }
.arcade-player-dialog .live-action { color: #fff; background: #282e38; border-color: #46505f; white-space: nowrap; }
.arcade-player-stage { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; width: 100%; aspect-ratio: 853 / 550; max-height: calc(100dvh - 180px); min-height: 240px; background: #000; }
.arcade-player-stage iframe { display: block; width: 100%; height: 100%; flex: 1; border: 0; }
.arcade-player-stage:fullscreen { max-height: none; height: 100dvh; }
.arcade-player-note { margin: 0; padding: 12px 20px; font-size: 14px; line-height: 1.5; color: #c0c6d0; }
body:has(.arcade-player-dialog[open]) { overflow: hidden; }
@media(max-width: 600px) { .arcade-player-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); } .arcade-player-dialog header { align-items: flex-start; flex-direction: column; padding: 12px; } .arcade-player-dialog h2 { font-size: 15px; } .arcade-player-stage { min-height: 260px; max-height: none; } .arcade-player-actions { width: 100%; justify-content: flex-end; } }

/* Shared reader/community comment surface, matching the supplied compact reference. */
html .live-comments { --brand-text:#00853e; --brand-tint:#e9faef; --brand-line:#a8dfbc; --comment-bg: #ffffff; --comment-field: #f7f8fa; --comment-line: #e1e3e8; --comment-muted: #737783; --comment-accent: var(--brand-action); box-sizing: border-box; background: var(--comment-bg); color: #30343b; font-size: 14px; color-scheme: light; text-align: left; }
html .live-comments *, html .live-comments *::before, html .live-comments *::after { box-sizing: border-box; }
html .live-comments [hidden] { display: none !important; }
html .live-comments .live-action { font-family: inherit; font-size: 14px; line-height: 1.4; }
html .live-comments .live-action:focus-visible, html .live-comments input:focus-visible, html .live-comments textarea:focus-visible { outline: 2px solid var(--brand-line); outline-offset: 3px; }
html .live-comments > .comment-section-toggle { display: flex; align-items: center; gap: 16px; width: 100%; min-height: 44px; padding: 10px 18px; color: #292d35; background: transparent; border: 0; border-bottom: 1px solid #e9ebef; border-radius: 0; text-align: left; font-size: 14px; font-weight: 700; }
.comment-section-toggle::before { content: ''; width: 6px; height: 6px; border-right: 1.5px solid #747986; border-bottom: 1.5px solid #747986; transform: rotate(45deg); margin: -3px 3px 0 0; }
.comment-section-toggle[aria-expanded="false"]::before { transform: rotate(-45deg); }
html .live-comments > div.comment-section-body { margin: 0; padding: 12px 14px 20px; }
.comment-list-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.comment-list-toolbar > strong { margin-right: auto; font-size: 14px; }
.comment-sort { display: flex; overflow: hidden; border: 1px solid var(--comment-line); border-radius: 8px; }
.comment-sort .live-action { padding: 5px 10px; border: 0; border-radius: 0; color: var(--comment-muted); font-weight: 650; }
.comment-sort .live-action[aria-pressed="true"] { background: #eceef2; color: #252932; }
html .live-comments .comment-refresh { padding: 5px 0; border: 0; color: var(--comment-muted); }
html .live-comments .live-comment-form { margin: 0 0 28px; padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: inherit; }
html .live-comments .comment-composer-heading { display: none; }
html .live-comments .live-comment-form textarea { min-height: 64px; height: 64px; padding: 10px 12px; background: var(--comment-field); border: 1px solid var(--comment-line); border-radius: 8px; color: #30343b; font-size: 14px; line-height: 1.5; resize: vertical; }
html .live-comments .live-comment-form textarea::placeholder { color: #909097; }
html .live-comments .live-comment-form-actions { display: flex; flex-wrap: nowrap; gap: 8px; padding: 0; border: 0; margin-top: 8px; }
.comment-composer-tools { display: flex; flex-wrap: wrap; gap: 4px; min-width: 0; }
html .live-comments .comment-composer-tools .live-action { min-height: 32px; border: 0; border-radius: 6px; padding: 5px 8px; color: #616671; font-weight: 650; }
html .live-comments .comment-composer-tools [aria-expanded="true"] { background: var(--brand-tint); color:var(--brand-text); }
html .live-comments .comment-composer-tools [aria-disabled="true"] { opacity: .65; cursor: help; }
html .live-comments .live-comment-submit { flex-shrink: 0; min-height: 32px; min-width: 58px; padding: 7px 14px; border: 0; background: var(--comment-accent); color: #fff; border-radius: 8px; font-size: 14px; }
html .live-comments .comment-composer-hint { display: block; margin-top: 6px; color: var(--comment-muted); font-size: 14px; }
html .live-comments .live-comment-status { color: var(--brand-text); }
html .live-comments .live-comment { border: 0; border-bottom: 1px solid #e9ebef; padding: 18px 0; margin: 0; background: transparent; border-radius: 0; color: inherit; }
html .live-comments .comment-author { align-items: flex-start; gap: 12px; }
html .live-comments .comment-avatar { width: 32px; height: 32px; background: #e9ebef; color: #747986; }
html .live-comments .comment-author-info { flex-direction: row; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 1px; }
html .live-comments .comment-author-info strong { font-size: 14px; color: #252932; }
html .live-comments .comment-author-info time { font-size: 14px; color: #737783; }
html .live-comments .live-comment > .comment-content { margin: -8px 0 4px 44px; line-height: 1.7; font-size: 14px; }
html .live-comments .comment-actions { margin-left: 38px; gap: 2px; }
html .live-comments .comment-actions .live-action { border: 0; border-radius: 6px; background: transparent; color: #686e79; padding: 5px 6px; min-height: 30px; }
html .live-comments .comment-actions .live-action[aria-pressed="true"] { color:var(--brand-text); background: var(--brand-tint); }
html .live-comments .comment-actions .live-action:hover { background: #f0f1f5; color: #30343b; }
html .live-comments .comment-actions svg { width: 13px; height: 13px; }
html .live-comments .live-replies { margin: 8px 0 0 44px; padding: 0 0 0 12px; border-left: 2px solid #e9ebef; }
html .live-comments .live-comments-nested > .comment-section-body { padding: 0; }
.live-comments-nested .live-comment-form textarea { height: 42px; min-height: 42px; }
html .live-comments .live-comments-nested .live-comment-form { margin-bottom: 14px; }
html .live-comments .live-comment > img { margin-left: 44px; max-width: calc(100% - 44px); }
html .live-comments .comment-list-status { color: #737783; padding-top: 8px; }
html .live-comments .comment-list:empty { display: none; }
.comment-weekly-spotlight { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-height: 42px; margin: 16px 0 6px; padding: 10px 12px; border: 1px solid #eee1ae; border-radius: 8px; background: #fffbee; font-size: 14px; }
.comment-weekly-spotlight strong { color: #856800; }
.comment-weekly-spotlight span { color: #807553; }
html .live-comments .comment-composer-tools [aria-pressed="true"] { background: #fff1df; color: #915316; }
html .live-comments .comment-body { margin: -8px 0 4px 44px; }
html .live-comments .comment-body .comment-content { margin: 0 0 8px; font-size: 14px; line-height: 1.7; white-space: pre-wrap; }
html .live-comments .comment-spoiler-reveal { margin: 4px 0 12px 44px; padding: 8px 12px; color: #865020; background: #fff8ed; border: 1px solid #eedbbc; }
html .live-comments .comment-spoiler-reveal + .comment-body { margin-top: 0; }
html .live-comments .comment-attachment { margin: 8px 0; max-width: 100%; }
html .live-comments .comment-attachment img { margin: 0; max-width: 100%; max-height: 320px; border-radius: 8px; }
html .live-comments .comment-attachment figcaption { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding-top: 8px; font-size: 14px; color: #656a76; }
html .live-comments .comment-attachment-preview { display: flex; gap: 12px; align-items: center; padding: 10px; margin-top: 10px; background: #f7f8fa; border: 1px solid #e1e3e8; border-radius: 8px; }
html .live-comments .comment-attachment-preview > img { width: 68px; height: 76px; object-fit: contain; border-radius: 6px; margin: 0; flex: 0 0 auto; }
html .live-comments .comment-attachment-preview > div { flex: 1; min-width: 0; }
html .live-comments .comment-attachment-preview strong, html .live-comments .comment-attachment-preview span { display: block; overflow-wrap: anywhere; font-size: 14px; }
html .live-comments .comment-attachment-preview span { margin-top: 5px; color: #737783; }
html .live-comments .comment-attachment-preview button { flex-shrink: 0; padding: 8px; background: #fff; border-radius: 6px; color: #5f6470; }
html .live-comments .comment-scene-picker { padding: 12px; margin-top: 14px; border: 1px solid #e1e3e8; border-radius: 10px; background: #fff; }
.comment-scene-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
html .live-comments .comment-scene-heading .live-action { border: 0; padding: 6px; }
.comment-scene-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-height: 300px; overflow-y: auto; gap: 10px; }
html .live-comments .comment-scene-grid .live-action { min-width: 0; padding: 6px; display: flex; flex-direction: column; align-items: center; gap: 6px; border-radius: 8px; color: #3f4550; }
html .live-comments .comment-scene-grid img { width: 100%; height: 112px; object-fit: cover; object-position: top; margin: 0; border-radius: 4px; }
@media(max-width: 480px) {
  .comment-scene-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
  html .live-comments .comment-attachment-preview { flex-wrap: wrap; }
  html .live-comments .comment-attachment-preview > button { margin-left: auto; }
}
.comment-sticker-picker { margin-top: 18px; border: 1px solid #e9ebef; border-radius: 9px; padding: 8px; background: #ffffff; }
.comment-sticker-search { display: flex; align-items: center; gap: 8px; }
.comment-sticker-search input { min-width: 0; width: 100%; height: 28px; background: #f7f8fa; color: #30343b; border: 1px solid #e1e3e8; border-radius: 6px; font: inherit; font-size: 14px; padding: 5px 8px; }
html .live-comments .comment-sticker-search .live-action { border: 0; padding: 4px 0; flex-shrink: 0; color: #737783; }
.comment-sticker-tabs { display: flex; flex-wrap: wrap; gap: 5px; padding: 8px 0; }
html .live-comments .comment-sticker-tabs .live-action { border: 0; padding: 4px 8px; border-radius: 6px; color: #737783; }
html .live-comments .comment-sticker-tabs [aria-pressed="true"] { background: var(--brand-tint); color:var(--brand-text); }
.comment-sticker-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; max-height: 240px; overflow-y: auto; scrollbar-color: #bdc1ca #f3f4f7; }
html .live-comments .comment-sticker-grid .live-action { min-width: 0; height: 56px; padding: 5px; border: 0; border-radius: 8px; display: grid; place-items: center; }
html .live-comments .comment-sticker-grid .live-action:hover { background: #f0f1f5; }
html .live-comments .comment-sticker-grid img { width: 48px; height: 48px; max-width: 100%; object-fit: contain; margin: 0; }
html .live-comments .comment-sticker-grid img[hidden], html .live-comments .comment-sticker-grid .comment-sticker-fallback[hidden] { display: none; }
.comment-sticker-grid > p { grid-column: 1/-1; margin: 12px 4px; font-size: 14px; }
html .live-comments .comment-sticker-grid .comment-sticker-fallback { font-family: 'Segoe UI Emoji','Apple Color Emoji',sans-serif; font-size: 40px; line-height: 1.25; }
html .live-comments .comment-sticker-grid .comment-sticker-fallback.is-phrase {
  display: block; max-width: 100%; font-family: inherit; font-size: 17px; font-weight: 800;
  line-height: 1.35; letter-spacing: -.5px; text-align: center; white-space: normal;
  word-break: keep-all; overflow-wrap: anywhere; text-shadow: 0 1px 0 #fff;
}
.comment-sticker-grid.is-text-pack { grid-template-columns: repeat(auto-fill,minmax(80px,1fr)); gap: 8px; padding: 3px; }
html .live-comments .comment-sticker-grid .live-action.is-phrase {
  height: 72px; padding: 8px 5px; overflow: hidden; border: 1px solid #e4e7ee;
  background: #f6f7fb; color: #4b5368; border-radius: 12px;
}
html .live-comments .comment-sticker-grid .is-phrase[data-preset="pop-red"] { background: #fff0ed; border-color: #ffd3c9; color: #cc3e2e; }
html .live-comments .comment-sticker-grid .is-phrase[data-preset="shout"] { background: #fff7df; border-color: #f3df9e; color: #805400; }
html .live-comments .comment-sticker-grid .is-phrase[data-preset="neon"] { background: #f1edff; border-color: #ded3ff; color: #7040bf; }
html .live-comments .comment-sticker-grid .is-phrase[data-preset="soft-pink"] { background: #fff0f7; border-color: #f6d2e4; color: #b52c71; }
html .live-comments .comment-sticker-grid .is-phrase[data-preset="tears"] { background: #edf7ff; border-color: #c9e5fa; color: #226a9f; }
html .live-comments .comment-sticker-grid .is-phrase[data-preset="gold"] { background: #fff4e5; border-color: #f4d6aa; color: #985813; }
html .live-comments .comment-sticker-grid .live-action.is-phrase:hover { border-color: currentColor; box-shadow: inset 0 0 0 1px currentColor; }
html .live-comments .comment-sticker-grid .live-action:focus-visible { outline: 2px solid var(--brand-action); outline-offset: -2px; }
html .live-comments .comment-sort .live-action, html .live-comments .comment-sticker-tabs .live-action, html .live-comments .comment-sticker-search .live-action { min-height: 26px; }
html .comments-sidebar:has(.live-comments) { width: min(660px,100vw); background: #ffffff; }
html .comments-sidebar:has(.live-comments) .cs-body { padding: 0; }
html .comments-sidebar:has(.live-comments) .cs-header { border-color: #e9ebef; }
html .comments-sidebar:has(.live-comments) .cs-header h3, .comments-sidebar:has(.live-comments) .cs-close { color: #30343b; }
html .reader-comments-sheet:has(.live-comments) { padding-left: 0; padding-right: 0; background: #ffffff; color: #30343b; }
html .reader-comments-sheet:has(.live-comments) > header { padding-left: 14px; padding-right: 14px; border-color: #e9ebef; }
html .reader-comments-sheet:has(.live-comments) .reader-comments-note { border-color: #e9ebef; color: #737783; }
html .reader-comments-sheet:has(.live-comments) .reader-comments-close { background: #f0f1f5; color: #30343b; }
@media (max-width: 480px) {
  html .live-comments > .comment-section-body { padding: 12px 10px 16px; }
  .comment-list-toolbar { gap: 8px; }
  .comment-list-toolbar > strong { flex: 1 0 100%; }
  html .live-comments .comment-refresh { margin-left: auto; }
  html .live-comments .comment-composer-tools { gap: 0; }
  html .live-comments .comment-composer-tools .live-action { padding: 5px; font-size: 14px; }
  html .live-comments .live-comment-form textarea { font-size: 16px; }
  html .live-comments .live-replies { margin-left: 12px; padding-left: 9px; }
  html .live-comments .comment-author-info { gap: 4px 8px; }
  .comment-sticker-grid { gap: 3px; grid-template-columns: repeat(4,minmax(0,1fr)); }
  html .live-comments .live-comment-form-actions { flex-wrap: wrap; }
  html .live-comments .comment-composer-tools { flex: 1 0 100%; }
  html .live-comments .live-comment-submit { margin-left: auto; min-height: 40px; }
  html .live-comments .comment-composer-tools .live-action { min-height: 40px; }
  html .live-comments .comment-sort .live-action, html .live-comments .comment-refresh, html .live-comments .comment-actions .live-action { min-height: 40px; }
}