:root {
  --border: #d8d8d8;
  --bg: #f5f7fb;
  --panel: #ffffff;
  --text: #222;
  --blue: #2563eb;
  --red: #b42318;
  --yellow: #fff4cc;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: Meiryo, 'Yu Gothic', system-ui, sans-serif; color: var(--text); background: var(--bg); }
.app-header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; padding:10px 14px; background:#fff; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:10; }
.app-title { font-weight:800; font-size:18px; margin-bottom:4px; }
.room-header-wrap { display:flex; flex-direction:column; gap:2px; line-height:1.35; }
.room-header-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.room-header-meta-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; color:#444; }
.room-name-profile-link { font-weight:700; text-decoration:none; color:#1d4ed8; }
.status-badge { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; background:#eee; color:#333; }
.status-badge.connected { background:#dcfce7; color:#166534; }
.status-badge.error, .status-badge.timeout { background:#fee2e2; color:#991b1b; }
.status-badge.reconnecting, .status-badge.waiting-live { background:#fef9c3; color:#854d0e; }
.status-badge.memory-released { background:#e0f2fe; color:#075985; }
.main-layout { display:flex; gap:10px; padding:10px; }
.control-panel { flex:0 0 330px; max-width:330px; }
.log-panel { flex:1 1 auto; min-width:0; }
.main-layout.left-hidden .control-panel { display:none; }
.main-layout.left-hidden .log-panel { width:100%; }
.control-card { background:var(--panel); border:1px solid var(--border); border-radius:8px; padding:10px; margin-bottom:10px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.control-card label { display:block; font-size:13px; font-weight:700; margin:0 0 6px; }
input[type=text], input[type=number], select { width:100%; padding:7px 8px; border:1px solid #cfcfcf; border-radius:6px; font:inherit; background:#fff; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.button-row { display:flex; gap:8px; margin-top:8px; flex-wrap:wrap; }
.primary-row .btn { flex:1 1 120px; }
.btn { border:1px solid #bbb; background:#fff; color:#222; border-radius:6px; padding:7px 10px; cursor:pointer; font-weight:700; }
.btn:hover { filter:brightness(.98); }
.btn.primary { background:#2563eb; border-color:#2563eb; color:#fff; }
.btn.danger { background:#dc2626; border-color:#dc2626; color:#fff; }
.btn.secondary { background:#f8fafc; }
.btn.small { padding:5px 8px; font-size:12px; }
.checkbox { display:flex !important; align-items:center; gap:6px; font-weight:700; line-height:1.35; }
.checkbox input { width:auto; }
.radio-row { display:flex; gap:12px; flex-wrap:wrap; }
.radio-row label { display:flex; gap:4px; align-items:center; font-weight:500; }
.metrics div { display:flex; justify-content:space-between; border-bottom:1px dashed #e5e7eb; padding:3px 0; }
.tabs { display:flex; gap:2px; overflow-x:auto; border-bottom:1px solid var(--border); background:#fff; }
.tab-btn { border:1px solid var(--border); border-bottom:none; background:#f8fafc; padding:8px 10px; font-weight:700; cursor:pointer; white-space:nowrap; border-radius:7px 7px 0 0; }
.tab-btn.active { background:#fff; color:#1d4ed8; }
.tab-pane { display:none; background:#fff; border:1px solid var(--border); border-top:none; padding:8px; }
.tab-pane.active { display:block; }
.log-box { height:calc(100vh - 205px); min-height:420px; overflow-y:auto; overflow-x:auto; border:1px solid #ccc; background:#fff; }
.log-box.embedded { height:100%; min-height:0; border:none; }
.log-row { display:flex; border-bottom:1px solid #ddd; align-items:flex-start; font-family:Meiryo, 'Yu Gothic', sans-serif; font-size:14px; background:#fff; min-width:max-content; }
.log-cell { padding:3px 5px; overflow-wrap:break-word; word-break:break-word; }
.col-time { flex:0 0 207px; width:207px; white-space:nowrap; }
.col-name { flex:0 0 300px; width:300px; white-space:normal; }
.col-msg { flex:1 1 520px; min-width:320px; white-space:normal; }
.col-gift { flex:0 0 220px; width:220px; white-space:normal; }
.col-img { flex:0 0 50px; width:50px; white-space:nowrap; }
.col-gift-cumulative { flex:0 0 170px; width:170px; white-space:nowrap; font-weight:bold; color:#7a4b00; }
.col-gift-current { flex:0 0 170px; width:170px; white-space:nowrap; font-weight:bold; color:#7a4b00; }
.col-gift-summary { flex:0 0 180px; width:180px; white-space:nowrap; font-weight:bold; color:#7a4b00; }
.col-total { flex:0 0 150px; width:150px; white-space:nowrap; }
.col-formula { flex:0 0 360px; width:360px; white-space:nowrap; color:#444; }
body.gift-formula-none .col-formula { display:none !important; }
body.gift-formula-simple .formula-detail { display:none !important; }
body.gift-formula-detail .formula-simple { display:none !important; }
.user-name-link { color:#000; text-decoration:none; font-size:calc(1em + 1px); }
.user-name-link:hover { text-decoration:underline; }
.blank-user-name { color:#000; font-style:italic; font-size:calc(1em + 1px); }
.avatar-name-wrap { display:inline-flex; align-items:center; gap:5px; max-width:100%; }
.avatar-name-text { color:#000; font-size:calc(1em + 1px); }
.user-avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; flex:0 0 32px; background:#eee; border:1px solid #ddd; }
.gift-img { max-width:40px; max-height:40px; object-fit:contain; }
.comment-row { background:#f3f8ff; border-left:5px solid #3f7fd2; font-size:16px; }
.comment-row .col-name, .comment-row .col-msg { font-weight:700; }
.comment-row .col-msg { color:#123f74; line-height:1.45; }
.gift-row { font-size:16px; font-weight:700; }
.gift-current-high-row { background:#fff1f2; }
.server-msg { color:red; font-weight:bold; }
.system-info-msg { color:#1d5f8f; font-weight:700; background:#eef8ff; border-left:5px solid #8ecdf5; }
body.hide-timeline-free-gifts .hide-log-gift-row,
body.hide-timeline-free-gifts [data-hide-free-gift="1"] {
  display:none !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide [data-hide-free-gift="1"][data-twinkle-100="1"] {
  display:flex !important;
}
.dual-screen-panel { height:calc(100vh - 205px); min-height:420px; display:grid; grid-template-columns:minmax(260px, 1fr) 8px minmax(260px, 1fr); }
.triple-screen-panel { height:calc(100vh - 205px); min-height:420px; display:grid; grid-template-columns:minmax(220px, 40fr) 8px minmax(180px, 30fr) 8px minmax(180px, 30fr); }
.pane { min-width:0; min-height:0; display:flex; flex-direction:column; border:1px solid #ccc; background:#fff; overflow:hidden; }
.pane-title { flex:0 0 auto; padding:6px 10px; font-weight:700; background:#f7f7f7; border-bottom:1px solid #ddd; }
.splitter { background:#e5e7eb; }
.toolbar { display:flex; align-items:center; gap:12px; padding:8px 0 10px; flex-wrap:wrap; }
.event-highlight-toggle { display:inline-flex; align-items:center; gap:4px; font-weight:700; white-space:nowrap; }
.event-highlight-toggle input { margin:0; }
.ranking-box { border:1px solid #ddd; border-radius:8px; background:#fff; min-height:100px; padding:10px; overflow:auto; }
.ranking-table { border-collapse:collapse; width:100%; min-width:560px; }
.ranking-table th, .ranking-table td { border-bottom:1px solid #e5e7eb; padding:6px 8px; text-align:left; vertical-align:middle; }
.ranking-table th { background:#f8fafc; font-weight:800; }
.ranking-avatar { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.user-log-selected-header { padding:8px 10px; background:#fff7e6; border:1px solid #ead7b7; border-bottom:none; font-weight:bold; }
#notification-panel { position:fixed; top:12px; right:12px; z-index:99999; max-width:460px; }
.notice { margin-bottom:6px; padding:9px 12px; border-radius:10px; border:1px solid #7db7f0; background:#e8f3ff; color:#084b8a; font-weight:700; box-shadow:0 4px 14px rgba(0,0,0,.18); }
.notice.warning { background:#fff4cc; color:#7a4b00; border-color:#f0c14b; }
.notice.error { background:#ffe5e5; color:#9b1c1c; border-color:#e06666; }
body.log-size-s .log-row, body.log-size-s .gift-row { font-size:12px; }
body.log-size-l .log-row, body.log-size-l .gift-row { font-size:17px; }
.gift-id { color:#777; font-size:11px; }
@media (max-width: 1200px) {
  .main-layout { display:block; }
  .control-panel { max-width:100%; width:100%; }
  .log-box { height:calc(100dvh - 260px); min-height:300px; }
  .dual-screen-panel, .triple-screen-panel { grid-template-columns:1fr; height:auto; }
  .splitter { height:8px; }
  .pane { min-height:260px; }
  .log-row { display:grid; grid-template-columns:1fr; min-width:0; }
  .log-row .log-cell { width:auto; flex:auto; }
  .col-time, .col-name, .col-msg, .col-gift, .col-img, .col-total, .col-gift-current, .col-gift-cumulative, .col-gift-summary, .col-formula { width:auto; flex:auto; }
}

/* Ver_p.0.0.1 rank fix: R版ヘッダー相当の配信サマリー */
.summary-panel {
  margin: 8px 10px 0;
  padding: 0;
  border: 1px solid #ddd;
  background: #fafafa;
}
.summary-grid {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 6px 8px;
}
.summary-col {
  flex: 1 1 0;
  min-width: 0;
}
.summary-col-left {
  border-right: 1px solid #e0e0e0;
  padding-right: 14px;
}
.summary-col-right {
  padding-left: 2px;
}
.summary-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 2px 0;
  padding: 3px 8px;
  border: 1px solid #cfe4ff;
  border-radius: 6px;
  background: #eef6ff;
  font-family: Meiryo, 'Yu Gothic', sans-serif;
  line-height: 1.35;
}
.summary-label {
  display: inline-block;
  flex: 0 0 150px;
  min-width: 150px;
  font-weight: 700;
}
.summary-value {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}
@media (max-width: 1200px) {
  .summary-grid { flex-direction: column; gap: 4px; }
  .summary-col-left { border-right: none; padding-right: 0; }
  .summary-col-right { padding-left: 0; }
  .summary-item { font-size: 12px; }
  .summary-label { flex-basis: 130px; min-width: 130px; }
}

/* Ver_p.0.1.5: dashboard font and visibility toggle */
.summary-panel {
  font-size: 13px;
}
body.dashboard-hidden .summary-panel {
  display: none !important;
}
body.dashboard-hidden .log-box,
body.dashboard-hidden .dual-screen-panel,
body.dashboard-hidden .triple-screen-panel {
  height: calc(100vh - 165px);
}
@media (max-width: 1200px) {
  .summary-panel { font-size: 11px; }
  .summary-item { font-size: 11px; }
  body.dashboard-hidden .log-box { height: calc(100dvh - 220px); }
}


/* Ver_p.0.0.1 r-ui-fix */
.event-ranking-meta { margin: 0 0 8px; font-size: 13px; color: #444; line-height: 1.55; }
.event-ranking-meta > div { margin: 1px 0; }
.event-ranking-note { margin-top: 4px !important; }
.event-ranking-table th:nth-child(1), .event-ranking-table td:nth-child(1) { text-align: center; white-space: nowrap; width: 72px; }
.event-ranking-table th:nth-child(2), .event-ranking-table td:nth-child(2),
.event-ranking-table th:nth-child(3), .event-ranking-table td:nth-child(3) { text-align: right; white-space: nowrap; width: 120px; }
.event-ranking-table th:nth-child(4), .event-ranking-table td:nth-child(4) { text-align: left; word-break: break-word; }
.event-ranking-current-room { background: #f4efff; font-weight: 800; }
.event-ranking-empty { padding: 14px; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: #555; font-weight: 700; }

.event-block-ranking-panel { margin: 8px 0 12px 0; padding: 8px; border: 1px solid #dfe8d8; border-radius: 8px; background: #fbfff8; }
.event-block-ranking-title { font-weight: 700; margin-bottom: 6px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.event-block-ranking-table-wrap { max-height: none; overflow: visible; border: 1px solid #e0e6d8; border-radius: 6px; background: #fff; padding: 6px; }
.event-block-ranking-section { margin: 0 0 12px 0; }
.event-block-ranking-section:last-child { margin-bottom: 0; }
.event-block-ranking-block-title { font-weight: 700; padding: 5px 8px; background: #f1f8e8; border: 1px solid #e0e6d8; border-bottom: none; border-radius: 6px 6px 0 0; }
.event-block-ranking-table th, .event-block-ranking-table td { border-bottom: 1px solid #e0e6d8; padding: 6px 8px; }
.event-block-ranking-table th { background: #f1f8e8; text-align: center; }
.event-block-ranking-table td:nth-child(1) { text-align: center; white-space: nowrap; }
.event-block-ranking-table td:nth-child(2), .event-block-ranking-table td:nth-child(3) { text-align: right; white-space: nowrap; }
.event-block-ranking-table td:nth-child(4) { text-align: left; word-break: break-word; }
.event-ranking-overall-heading { margin: 10px 0 0 0; padding: 6px 8px; background: #f7f7f7; border: 1px solid #ddd; border-bottom: none; border-radius: 8px 8px 0 0; font-weight: 700; }
.event-ranking-jump-link { font-weight: 400; font-size: 12px; white-space: nowrap; text-decoration: underline; }

/* Ver_p.0.0.1 header/color fix: R版表示に近い背景色を復帰 */
.room-input-panel,
.control-card:first-of-type {
  border-color: #cfe3ff;
  background: #E6F2FF;
}
#room_input {
  background-color: #E6F2FF;
}
.room-metric-info,
.room-show-rank,
.room-event-status {
  white-space: nowrap;
  font-size: 14px;
  color: #444;
}
.room-metric-info .room-metric-label {
  font-weight: 700;
  color: #333;
}
.room-event-link {
  font-weight: 700;
  font-size: 14px;
}
.twinkle-100-row {
  background: #CCFFCC !important;
}
.twinkle-100-row .log-cell {
  background: transparent !important;
}
#log_gift .gift-current-high-row,
#log_timeline .gift-current-high-row,
#log_dual_gift .gift-current-high-row,
#log_triple_gift_special .gift-current-high-row,
#log_triple_gift_normal .gift-current-high-row,
#log_user .gift-current-high-row {
  background: #FFE5CC !important;
}
#log_gift .gift-current-high-row .log-cell,
#log_timeline .gift-current-high-row .log-cell,
#log_dual_gift .gift-current-high-row .log-cell,
#log_triple_gift_special .gift-current-high-row .log-cell,
#log_triple_gift_normal .gift-current-high-row .log-cell,
#log_user .gift-current-high-row .log-cell {
  background: transparent !important;
}
#log_triple_gift_special .special-gift-row,
#log_dual_gift .special-gift-row,
.gift-row.special-gift-row {
  border-left: 5px solid #d9534f;
}
#log_triple_gift_special .special-gift-row {
  background: #fff7f7;
}
#log_triple_gift_normal .normal-gift-row {
  border-left: 5px solid #6aa6d8;
  background: #f7fbff;
}
#log_dual_comment .comment-row,
#log_triple_comment .comment-row {
  background: #f3f8ff;
  border-left: 5px solid #3f7fd2;
}
#log_dual_comment .system-info-msg,
#log_triple_comment .system-info-msg {
  background: #eef8ff;
  border-left: 5px solid #8ecdf5;
}
/* 計算式表示UIは廃止。行内計算式も常時非表示。 */
.col-formula { display: none !important; }

/* Ver_p.0.0.1 log layout/resizer fix
   - room_id / room_url_key header display removed in HTML
   - comment/gift/system rows use wrapping two-line layouts
   - 2-screen/3-screen vertical splitters are draggable again
*/
.room-event-link.disabled-link {
  color: #444;
  text-decoration: none;
  cursor: default;
}

.log-row {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.log-cell {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* コメントログ: 1段目=時刻+ユーザー、2段目=コメント */
.comment-row {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-areas:
    "time name"
    "msg msg";
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  min-width: 0 !important;
  width: 100%;
  background: #f3f8ff;
  border-left: 5px solid #3f7fd2;
}
.comment-row .col-time { grid-area: time; width:auto !important; flex:none !important; white-space:nowrap; color:#444; }
.comment-row .col-name { grid-area: name; width:auto !important; flex:none !important; white-space:normal; }
.comment-row .col-msg {
  grid-area: msg;
  width:auto !important;
  min-width:0 !important;
  flex:none !important;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:#123f74;
  line-height:1.45;
  padding-top: 0;
}

/* ギフトログ: 1段目=時刻+ユーザー、2段目=ギフト画像+ギフト名+累計+今回+総得点 */
.gift-row {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-areas:
    "time name"
    "giftline giftline";
  align-items: center;
  column-gap: 8px;
  row-gap: 3px;
  min-width: 0 !important;
  width: 100%;
}
.gift-row .col-time { grid-area: time; width:auto !important; flex:none !important; white-space:nowrap; color:#444; }
.gift-row .col-name { grid-area: name; width:auto !important; flex:none !important; white-space:normal; }
.gift-row .col-img,
.gift-row .col-gift,
.gift-row .col-gift-cumulative,
.gift-row .col-gift-current,
.gift-row .col-total {
  width:auto !important;
  flex:none !important;
  white-space:normal !important;
}
.gift-row .col-img { grid-area: giftline; justify-self:start; padding-left:5px; }
.gift-row .col-gift { grid-area: giftline; margin-left:50px; min-width:0 !important; }
.gift-row .col-gift-cumulative { grid-area: giftline; margin-left:260px; }
.gift-row .col-gift-current { grid-area: giftline; margin-left:380px; }
.gift-row .col-total { grid-area: giftline; margin-left:540px; }
.gift-row .col-gift-summary { display:none !important; }
.gift-row .col-formula { display:none !important; }

/* 狭い幅では2段目の要素を自然に折り返す */
@media (max-width: 1280px) {
  .gift-row {
    grid-template-columns: max-content minmax(0, 1fr) !important;
  }
  .gift-row .col-img,
  .gift-row .col-gift,
  .gift-row .col-gift-cumulative,
  .gift-row .col-gift-current,
  .gift-row .col-total {
    grid-area: auto !important;
    margin-left: 0 !important;
  }
  .gift-row {
    grid-template-areas:
      "time name"
      "giftline giftline" !important;
  }
  .gift-row .col-img { grid-column: 1 / 2 !important; grid-row: 2; }
  .gift-row .col-gift { grid-column: 2 / 3 !important; grid-row: 2; }
  .gift-row .col-gift-cumulative { grid-column: 1 / -1 !important; grid-row: 3; }
  .gift-row .col-gift-current { grid-column: 1 / -1 !important; grid-row: 4; }
  .gift-row .col-total { grid-column: 1 / -1 !important; grid-row: 5; }
}

/* システムログ: 背景白・折り返し */
.system-info-msg,
.server-msg,
#log_dual_comment .system-info-msg,
#log_triple_comment .system-info-msg {
  background: #ffffff !important;
  border-left: 0 !important;
}
.system-info-msg,
.server-msg {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-areas:
    "time name"
    "msg msg";
  min-width: 0 !important;
  width: 100%;
}
.system-info-msg .col-time,
.server-msg .col-time { grid-area: time; width:auto !important; flex:none !important; white-space:nowrap; }
.system-info-msg .col-name,
.server-msg .col-name { grid-area: name; width:auto !important; flex:none !important; }
.system-info-msg .col-msg,
.server-msg .col-msg {
  grid-area: msg;
  width:auto !important;
  min-width:0 !important;
  flex:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

.avatar-name-wrap {
  max-width: 100%;
  min-width: 0;
}
.avatar-name-text {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* 2画面・3画面の縦間仕切り */
.dual-screen-panel {
  --dual-left-width: 50%;
  display: grid !important;
  grid-template-columns: minmax(220px, var(--dual-left-width)) 8px minmax(220px, 1fr) !important;
  gap: 0 !important;
  align-items: stretch;
}
.triple-screen-panel {
  --triple-comment-width: 40%;
  --triple-special-width: 30%;
  display: grid !important;
  grid-template-columns: minmax(180px, var(--triple-comment-width)) 8px minmax(160px, var(--triple-special-width)) 8px minmax(160px, 1fr) !important;
  gap: 0 !important;
  align-items: stretch;
}
.splitter,
.dual-screen-resizer,
.triple-screen-resizer {
  display:block !important;
  width:8px;
  min-width:8px;
  cursor: col-resize;
  background: linear-gradient(to right, #f4f4f4, #d2d2d2, #f4f4f4);
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  user-select: none;
  touch-action: none;
}
body.resizing-layout,
body.resizing-layout * {
  cursor: col-resize !important;
  user-select: none !important;
}

@media (max-width: 1200px) {
  .dual-screen-panel,
  .triple-screen-panel {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
    align-items: stretch;
  }
  .dual-screen-panel {
    grid-template-rows:
      var(--dual-top-height, minmax(260px, 42dvh))
      8px
      var(--dual-bottom-height, minmax(260px, 42dvh)) !important;
  }
  .triple-screen-panel {
    grid-template-rows:
      var(--triple-comment-height, minmax(220px, 30dvh))
      8px
      var(--triple-special-height, minmax(220px, 30dvh))
      8px
      var(--triple-normal-height, minmax(220px, 30dvh)) !important;
  }
  .splitter,
  .dual-screen-resizer,
  .triple-screen-resizer {
    width: auto;
    min-width: 100%;
    height: 8px;
    min-height: 8px;
    cursor: row-resize;
    background: linear-gradient(to bottom, #f4f4f4, #d2d2d2, #f4f4f4);
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
  }
  body.resizing-layout,
  body.resizing-layout * {
    cursor: row-resize !important;
  }
}

/* Row wrapper layout generated by Python side. This block intentionally comes last. */
.log-main-line {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  flex-wrap:wrap;
  padding:3px 5px 1px;
}
.log-time {
  flex:0 0 auto;
  white-space:nowrap;
  color:#444;
  font-weight:700;
}
.log-user {
  flex:1 1 220px;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.comment-row,
.gift-row,
.system-row {
  display:block !important;
  min-width:0 !important;
  width:100%;
  max-width:100%;
}
.comment-message,
.system-message {
  display:block;
  padding:0 5px 5px;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  min-width:0;
  max-width:100%;
}
.comment-message {
  color:#123f74;
  font-weight:700;
  line-height:1.45;
}
.system-message {
  line-height:1.45;
}
.gift-detail-line {
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
  max-width:100%;
  padding:0 5px 5px;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.gift-icon-cell { flex:0 0 auto; display:inline-flex; align-items:center; }
.gift-name-cell { flex:1 1 220px; min-width:120px; overflow-wrap:anywhere; word-break:break-word; }
.gift-cumulative-cell,
.gift-current-cell,
.gift-total-cell {
  flex:0 1 auto;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  font-weight:bold;
  color:#7a4b00;
}
.system-info-msg .log-main-line,
.server-msg .log-main-line,
.system-info-msg .system-message,
.server-msg .system-message {
  background:#ffffff !important;
}

/* Ver_p.0.0.1 search/bookmark fix */
.header-tools {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.header-log-size-label {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.header-log-size-select {
  width:72px;
  padding:4px 6px;
  font-size:12px;
}
.room-search-card {
  background:#fff;
}
.room-search-row {
  display:flex;
  gap:8px;
  align-items:center;
}
.room-search-row input { flex:1 1 auto; }
.room-search-row button { flex:0 0 auto; }
#room_search_results {
  margin-top:8px;
  min-height:118px;
  font-size:13px;
}
.room-search-message {
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
/* 詳細設定画面は抑止し、内部値だけ hidden input で保持 */
.start-stop-card input[type=hidden] { display:none !important; }
/* ギフトID表示は抑止 */
.gift-id { display:none !important; }
/* 文字サイズは1px刻み: XS/S/M/L/XL */
body.log-size-xs .log-row, body.log-size-xs .gift-row, body.log-size-xs .comment-row, body.log-size-xs .system-row { font-size:12px !important; }
body.log-size-s  .log-row, body.log-size-s  .gift-row, body.log-size-s  .comment-row, body.log-size-s  .system-row { font-size:13px !important; }
body.log-size-m  .log-row, body.log-size-m  .gift-row, body.log-size-m  .comment-row, body.log-size-m  .system-row { font-size:14px !important; }
body.log-size-l  .log-row, body.log-size-l  .gift-row, body.log-size-l  .comment-row, body.log-size-l  .system-row { font-size:15px !important; }
body.log-size-xl .log-row, body.log-size-xl .gift-row, body.log-size-xl .comment-row, body.log-size-xl .system-row { font-size:16px !important; }
body.log-size-xs .user-avatar { width:28px; height:28px; flex-basis:28px; }
body.log-size-xl .user-avatar { width:36px; height:36px; flex-basis:36px; }

/* コメントログタブ・タイムラインタブ: 1行目=時刻+名前、2行目=コメント。はみ出しは折り返す。 */
#log_all .comment-row,
#log_timeline .comment-row {
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "main"
    "message";
  align-items:start !important;
  gap:2px !important;
  width:100%;
}
#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line {
  grid-area:main;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:3px 5px 0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message {
  grid-area:message;
  min-width:0;
  padding:0 5px 4px;
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
/* 2画面・3画面は前回の2段構成を維持 */
#log_dual_comment .comment-row,
#log_triple_comment .comment-row,
#log_user .comment-row {
  display:block !important;
}

/* しおり機能 */
.log-row { cursor:pointer; }
.log-row a, .log-row button, .log-row input, .log-row select { cursor:auto; }
.log-row.log-bookmarked,
.log-row.log-bookmarked.comment-row,
.log-row.log-bookmarked.gift-row,
.log-row.log-bookmarked.system-row,
#log_triple_gift_special .log-row.log-bookmarked,
#log_triple_gift_normal .log-row.log-bookmarked {
  background:#FFFFCC !important;
}
.log-row.log-bookmarked .log-main-line,
.log-row.log-bookmarked .comment-message,
.log-row.log-bookmarked .system-message,
.log-row.log-bookmarked .gift-detail-line {
  background:#FFFFCC !important;
}

@media (max-width: 1200px) {
  .header-tools { justify-content:flex-start; }
  .room-search-row { flex-direction:column; align-items:stretch; }
  #log_all .comment-row .comment-message,
  #log_timeline .comment-row .comment-message { min-width:0; flex-basis:100%; }
}


/* Ver_p.0.0.1 bookmark/score/search refinement */
.metrics-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #1f2937;
}
.tab-log-toolbar {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin:0 0 6px;
}
.pane-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.pane-title .tab-bookmark-clear-btn {
  flex:0 0 auto;
}
.gift-total-cell { display:none !important; }
#startup_points { font-weight:800; color:#7a4b00; }


/* deploy_oneline_tabs_fix_20260531_1918: コメントログ/ギフトログ/タイムラインの単独タブは1行表示。
   2画面・3画面タブは既存の2段表示を維持する。 */
#log_all .comment-row,
#log_timeline .comment-row,
#log_gift .gift-row,
#log_timeline .gift-row,
#log_all .system-row,
#log_timeline .system-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  width: 100% !important;
  min-width: 0 !important;
}

#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line,
#log_gift .gift-row .log-main-line,
#log_timeline .gift-row .log-main-line,
#log_all .system-row .log-main-line,
#log_timeline .system-row .log-main-line {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message {
  display: inline !important;
  flex: 1 1 auto !important;
  min-width: 180px !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 220px !important;
  gap: 8px !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-detail-line > *,
#log_timeline .gift-row .gift-detail-line > * {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  flex: 0 0 auto !important;
}

/* log_no_forced_breaks_fix_20260531_1930
   コメントログタブ・ギフトログタブ・タイムラインタブでは、ログ内に意図的な改行を入れない。
   1行の横並びを基本にし、長いコメント・ギフト名・SYSTEM文のみ同一行内の領域で折り返す。
   2画面・3画面・ユーザーログのレイアウトは既存指定を維持する。 */
#log_all .comment-row,
#log_gift .gift-row,
#log_timeline .comment-row,
#log_timeline .gift-row,
#log_all .system-row,
#log_timeline .system-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 4px 8px !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#log_all .comment-row .log-main-line,
#log_gift .gift-row .log-main-line,
#log_timeline .comment-row .log-main-line,
#log_timeline .gift-row .log-main-line,
#log_all .system-row .log-main-line,
#log_timeline .system-row .log-main-line {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 45% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message {
  display: block !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: inline-flex !important;
  flex: 1 1 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-detail-line > *,
#log_timeline .gift-row .gift-detail-line > * {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  flex: 0 0 auto !important;
}


/* freegift_filter_fix_20260531_2015
   コメントログ・ギフトログ・タイムラインでは、各項目を横方向の表示エリアに区分する。
   強制改行は入れず、各エリア内で長い文字列だけ折り返す。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: 238px minmax(208px, 390px) minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time {
  grid-area: time !important;
}
#log_all .comment-row .log-user,
#log_timeline .comment-row .log-user {
  grid-area: name !important;
}
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message {
  grid-area: message !important;
}

#log_all .system-row,
#log_timeline .system-row {
  display: grid !important;
  grid-template-columns: 238px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_all .system-row .log-main-line,
#log_timeline .system-row .log-main-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
#log_all .system-row .log-time,
#log_timeline .system-row .log-time {
  grid-area: time !important;
}
#log_all .system-row .log-user,
#log_timeline .system-row .log-user {
  grid-area: name !important;
}
#log_all .system-row .system-message,
#log_timeline .system-row .system-message {
  grid-area: message !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: 238px minmax(208px, 364px) 48px minmax(160px, 1fr) minmax(150px, 170px) minmax(150px, 170px) !important;
  grid-template-areas: "time name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_gift .gift-row .log-main-line,
#log_timeline .gift-row .log-main-line,
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time {
  grid-area: time !important;
}
#log_gift .gift-row .log-user,
#log_timeline .gift-row .log-user {
  grid-area: name !important;
}
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  grid-area: icon !important;
  justify-content: center;
}
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell {
  grid-area: gift !important;
}
#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell {
  grid-area: cumulative !important;
}
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  grid-area: current !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_all .comment-row .log-user,
#log_timeline .comment-row .log-user,
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time,
#log_all .system-row .log-user,
#log_timeline .system-row .log-user,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_gift .gift-row .log-user,
#log_timeline .gift-row .log-user,
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell,
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell,
#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  align-content: center;
}
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  border-right: 0;
}
#log_all .comment-row .user-avatar,
#log_gift .gift-row .user-avatar,
#log_timeline .comment-row .user-avatar,
#log_timeline .gift-row .user-avatar {
  display: none !important;
}
#log_all .comment-row .avatar-name-wrap,
#log_gift .gift-row .avatar-name-wrap,
#log_timeline .comment-row .avatar-name-wrap,
#log_timeline .gift-row .avatar-name-wrap {
  display: inline !important;
}
#log_all .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  display: inline !important;
}

@media (max-width: 1180px) {
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: 203px minmax(156px, 286px) 42px minmax(120px, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
  }
  #log_all .comment-row,
  #log_timeline .comment-row {
    grid-template-columns: 203px minmax(156px, 286px) minmax(0, 1fr) !important;
  }
  #log_all .system-row,
  #log_timeline .system-row {
    grid-template-columns: 203px 78px minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row {
    grid-template-columns: 182px minmax(130px, 221px) minmax(0, 1fr) !important;
  }
  #log_all .system-row,
  #log_timeline .system-row {
    grid-template-columns: 182px 70px minmax(0, 1fr) !important;
  }
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: 182px minmax(130px, 221px) 40px minmax(100px, 1fr) minmax(105px, 130px) minmax(105px, 130px) !important;
  }
}

/* time_jst_removed_logfont_fix_20260531_2025
   ログ表示欄のフォントを統一。M=14px、XS/S/L/XLは1px刻みで増減。
   ユーザー名だけ1px大きくなる過去指定を上書きし、ログ欄内は全て太字にする。 */
body.log-size-xs .log-box .log-row,
body.log-size-xs .log-box .log-row * { font-size:12px !important; font-weight:700 !important; }
body.log-size-s .log-box .log-row,
body.log-size-s .log-box .log-row * { font-size:13px !important; font-weight:700 !important; }
body.log-size-m .log-box .log-row,
body.log-size-m .log-box .log-row * { font-size:14px !important; font-weight:700 !important; }
body.log-size-l .log-box .log-row,
body.log-size-l .log-box .log-row * { font-size:15px !important; font-weight:700 !important; }
body.log-size-xl .log-box .log-row,
body.log-size-xl .log-box .log-row * { font-size:16px !important; font-weight:700 !important; }

.log-box .log-row .user-name-link,
.log-box .log-row .avatar-name-text,
.log-box .log-row .blank-user-name,
.log-box .log-row .log-user,
.log-box .log-row .log-time,
.log-box .log-row .comment-message,
.log-box .log-row .system-message,
.log-box .log-row .gift-name-cell,
.log-box .log-row .gift-cumulative-cell,
.log-box .log-row .gift-current-cell {
  font-size: inherit !important;
  font-weight: 700 !important;
}
.log-box .log-row .user-name-link,
.log-box .log-row .avatar-name-text,
.log-box .log-row .blank-user-name,
.log-box .log-row .log-user { color:#000 !important; }


/* time_width_twinkle_layout_fix_20260531_2035
   - ログ時刻表示からJSTを削除済み。
   - コメント/ギフト/タイムライン単独タブで時刻幅+40%、ユーザー名幅+30%。
   - 3画面Normalでキラキラ星100例外表示時にdisplay:flexで崩れる問題をgridへ戻す。
*/
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  grid-template-areas:
    "time name"
    "giftline giftline" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .log-main-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .log-main-line {
  display: contents !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-detail-line {
  grid-area: giftline !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

/* time_width_twinkle_layout_forcefix_20260531_2050
   最終上書き: コメントログ/ギフトログ/タイムライン単独タブの時刻欄+40%、ユーザー名欄+30%、
   ログ時刻のJST除去はサーバ側+JS側で実施、3画面Normalのキラキラ星100例外行を安定化。 */
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: 290px 390px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time {
  grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
#log_all .comment-row .log-user,
#log_timeline .comment-row .log-user {
  grid-area: name !important;
  width: 390px !important;
  min-width: 0 !important;
  max-width: 390px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message {
  grid-area: message !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .system-row,
#log_timeline .system-row {
  display: grid !important;
  grid-template-columns: 290px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_all .system-row .log-main-line,
#log_timeline .system-row .log-main-line { display: contents !important; padding: 0 !important; }
#log_all .system-row .log-time,
#log_timeline .system-row .log-time {
  grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
#log_all .system-row .log-user,
#log_timeline .system-row .log-user { grid-area: name !important; }
#log_all .system-row .system-message,
#log_timeline .system-row .system-message {
  grid-area: message !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: 290px 390px 48px minmax(160px, 1fr) minmax(150px, 170px) minmax(150px, 170px) !important;
  grid-template-areas: "time name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_gift .gift-row .log-main-line,
#log_timeline .gift-row .log-main-line,
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time {
  grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
#log_gift .gift-row .log-user,
#log_timeline .gift-row .log-user {
  grid-area: name !important;
  width: 390px !important;
  min-width: 0 !important;
  max-width: 390px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell { grid-area: icon !important; justify-content: center !important; }
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell { grid-area: gift !important; }
#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell { grid-area: cumulative !important; }
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell { grid-area: current !important; }

#log_all .log-time,
#log_gift .log-time,
#log_timeline .log-time {
  white-space: nowrap !important;
}

body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  background: #CCFFCC !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .log-main-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .log-main-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 3px 5px 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-detail-line {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 5px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .log-user,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .log-user {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}


/* avatar_time_width_fix_20260531_2105
   - 各ログ欄の時刻表示からJSTを除去する処理はapp.py + app.jsで実施。
   - コメントログ/ギフトログ/タイムラインでは、時刻欄を直前指定値から35%削減し、
     ユーザー名欄を30%削減する。
   - 時刻の直後にユーザーアバター画像を表示する。
   - 既存CSSの重複指定に負けないよう、CSS末尾で最終上書きする。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: 189px 40px minmax(0, 273px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: 189px 40px minmax(0, 273px) 48px minmax(120px, 1fr) minmax(130px, 160px) minmax(130px, 160px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#log_all .system-row,
#log_timeline .system-row {
  display: grid !important;
  grid-template-columns: 189px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line,
#log_gift .gift-row .log-main-line,
#log_timeline .gift-row .log-main-line,
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line,
#log_all .system-row .log-main-line,
#log_timeline .system-row .log-main-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time {
  grid-area: time !important;
  width: auto !important;
  flex: none !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#log_all .comment-row .log-user,
#log_timeline .comment-row .log-user,
#log_gift .gift-row .log-user,
#log_timeline .gift-row .log-user {
  display: contents !important;
}

#log_all .comment-row .avatar-name-wrap,
#log_timeline .comment-row .avatar-name-wrap,
#log_gift .gift-row .avatar-name-wrap,
#log_timeline .gift-row .avatar-name-wrap {
  display: contents !important;
}

#log_all .comment-row .user-avatar,
#log_timeline .comment-row .user-avatar,
#log_gift .gift-row .user-avatar,
#log_timeline .gift-row .user-avatar {
  display: block !important;
  grid-area: avatar !important;
  width: 30px !important;
  height: 30px !important;
  flex: none !important;
  justify-self: center !important;
  align-self: center !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  display: block !important;
  grid-area: name !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .system-row .log-user,
#log_timeline .system-row .log-user {
  grid-area: name !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message { grid-area: message !important; }
#log_all .system-row .system-message,
#log_timeline .system-row .system-message { grid-area: message !important; }
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell { grid-area: icon !important; justify-content: center !important; align-self: center !important; }
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell { grid-area: gift !important; }
#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell { grid-area: cumulative !important; }
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell { grid-area: current !important; }

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_all .comment-row .user-avatar,
#log_timeline .comment-row .user-avatar,
#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time,
#log_all .system-row .log-user,
#log_timeline .system-row .log-user,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_gift .gift-row .user-avatar,
#log_timeline .gift-row .user-avatar,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text,
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell,
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell,
#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  align-content: center !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell { border-right: 0 !important; }

@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 170px 36px minmax(0, 220px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 170px 78px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 170px 36px minmax(0, 220px) 42px minmax(100px, 1fr) minmax(110px, 140px) minmax(110px, 140px) !important; }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 150px 34px minmax(0, 180px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 150px 70px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 150px 34px minmax(0, 180px) 40px minmax(90px, 1fr) minmax(100px, 125px) minmax(100px, 125px) !important; }
  #log_all .comment-row .user-avatar,
  #log_timeline .comment-row .user-avatar,
  #log_gift .gift-row .user-avatar,
  #log_timeline .gift-row .user-avatar { width: 28px !important; height: 28px !important; }
}


/* time_hhmmss_dual_gift_msg_fix_20260531_2120
   - ログ欄の時刻は HH:MM:SS のみ（app.py + app.js）。
   - 各ログ欄の時刻欄は現行 avatar_time_width_fix の 189px から35%削減して 123px。
   - コメント/ギフト/タイムラインのユーザー名欄は現行 273px から30%削減して 191px。
   - システムログのID欄は 90px から15%拡大して 104px。
   - 2画面ギフト欄の累計/今回欄を40%拡大し、ギフト画像を10%縮小。
   - コメントログ欄とタイムラインのメッセージ表示を最終上書きで復活。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  grid-template-columns: 123px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  grid-template-columns: 123px 40px minmax(0, 191px) 48px minmax(120px, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
}

#log_all .system-row,
#log_timeline .system-row {
  grid-template-columns: 123px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time,
#log_dual_comment .log-time,
#log_dual_gift .log-time,
#log_triple_comment .log-time,
#log_triple_gift_special .log-time,
#log_triple_gift_normal .log-time,
#log_user .log-time {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  grid-area: name !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 2画面ギフト欄専用の幅調整 */
#log_dual_gift .gift-detail-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
}
#log_dual_gift .gift-cumulative-cell,
#log_dual_gift .gift-current-cell {
  flex: 0 1 224px !important;
  min-width: 182px !important;
  max-width: 100% !important;
}
#log_dual_gift .gift-img {
  max-width: 36px !important;
  max-height: 36px !important;
}
#log_dual_gift .gift-icon-cell {
  flex: 0 0 40px !important;
  justify-content: center !important;
}

@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 110px 36px minmax(0, 154px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 110px 90px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 110px 36px minmax(0, 154px) 42px minmax(100px, 1fr) minmax(154px, 196px) minmax(154px, 196px) !important; }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 98px 34px minmax(0, 126px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 98px 82px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 98px 34px minmax(0, 126px) 40px minmax(90px, 1fr) minmax(140px, 175px) minmax(140px, 175px) !important; }
}

/* avatar_name_prevsize_fix_20260531_2150
   - コメントログ/ギフトログ/タイムラインの時刻欄を直前指定 123px から30%拡大し 160px にする。
   - 他欄と重ならないよう、グリッド列で幅を確保し、本文・ギフト名側は minmax(0, 1fr) で吸収する。
   - 時刻表記は HH:MM:SS のみ。JST除去は app.py + app.js の既存処理を維持する。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: 160px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: 160px 40px minmax(0, 191px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_all .system-row,
#log_timeline .system-row {
  display: grid !important;
  grid-template-columns: 160px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time {
  grid-area: time !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 150px 36px minmax(0, 180px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 150px 104px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 150px 36px minmax(0, 180px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important; }
  #log_all .comment-row .log-time,
  #log_timeline .comment-row .log-time,
  #log_gift .gift-row .log-time,
  #log_timeline .gift-row .log-time,
  #log_all .system-row .log-time,
  #log_timeline .system-row .log-time { width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 130px 34px minmax(0, 150px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 130px 90px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 130px 34px minmax(0, 150px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important; }
  #log_all .comment-row .log-time,
  #log_timeline .comment-row .log-time,
  #log_gift .gift-row .log-time,
  #log_timeline .gift-row .log-time,
  #log_all .system-row .log-time,
  #log_timeline .system-row .log-time { width: 130px !important; min-width: 130px !important; max-width: 130px !important; }
}

/* avatar_name_prevsize_fix_20260531_2150
   直前の時刻欄160pxからさらに30%拡大し、208pxにする。
   コメントログ / ギフトログ / タイムラインのみを対象に、他欄と重ならないよう最終上書きする。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: 208px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: 208px 40px minmax(0, 191px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_all .system-row,
#log_timeline .system-row {
  display: grid !important;
  grid-template-columns: 208px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_all .system-row .log-time,
#log_timeline .system-row .log-time {
  grid-area: time !important;
  width: 208px !important;
  min-width: 208px !important;
  max-width: 208px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}

#log_all .comment-row .avatar-name-wrap,
#log_timeline .comment-row .avatar-name-wrap,
#log_gift .gift-row .avatar-name-wrap,
#log_timeline .gift-row .avatar-name-wrap {
  grid-area: avatar !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_all .system-row .system-message,
#log_timeline .system-row .system-message,
#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 195px 36px minmax(0, 180px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 195px 104px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 195px 36px minmax(0, 180px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important; }
  #log_all .comment-row .log-time,
  #log_timeline .comment-row .log-time,
  #log_gift .gift-row .log-time,
  #log_timeline .gift-row .log-time,
  #log_all .system-row .log-time,
  #log_timeline .system-row .log-time { width: 195px !important; min-width: 195px !important; max-width: 195px !important; }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row { grid-template-columns: 170px 34px minmax(0, 150px) minmax(0, 1fr) !important; }
  #log_all .system-row,
  #log_timeline .system-row { grid-template-columns: 170px 90px minmax(0, 1fr) !important; }
  #log_gift .gift-row,
  #log_timeline .gift-row { grid-template-columns: 170px 34px minmax(0, 150px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important; }
  #log_all .comment-row .log-time,
  #log_timeline .comment-row .log-time,
  #log_gift .gift-row .log-time,
  #log_timeline .gift-row .log-time,
  #log_all .system-row .log-time,
  #log_timeline .system-row .log-time { width: 170px !important; min-width: 170px !important; max-width: 170px !important; }
}

/* avatar_name_prevsize_fix_20260531_2150
   コメントログ / ギフトログ / タイムラインのアバター画像欄・ユーザー名欄を
   ひとつ前の avatar_time_width_fix 相当のサイズへ戻す。
   時刻欄は直近指定の 208px を維持する。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  grid-template-columns: 208px 40px minmax(0, 273px) minmax(0, 1fr) !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  grid-template-columns: 208px 40px minmax(0, 273px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
}

#log_all .comment-row .avatar-name-wrap,
#log_timeline .comment-row .avatar-name-wrap,
#log_gift .gift-row .avatar-name-wrap,
#log_timeline .gift-row .avatar-name-wrap {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row {
    grid-template-columns: 195px 36px minmax(0, 220px) minmax(0, 1fr) !important;
  }
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: 195px 36px minmax(0, 220px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important;
  }
  #log_all .comment-row .avatar-name-wrap,
  #log_timeline .comment-row .avatar-name-wrap,
  #log_gift .gift-row .avatar-name-wrap,
  #log_timeline .gift-row .avatar-name-wrap {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
  }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row {
    grid-template-columns: 170px 34px minmax(0, 180px) minmax(0, 1fr) !important;
  }
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: 170px 34px minmax(0, 180px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
  }
  #log_all .comment-row .avatar-name-wrap,
  #log_timeline .comment-row .avatar-name-wrap,
  #log_gift .gift-row .avatar-name-wrap,
  #log_timeline .gift-row .avatar-name-wrap {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }
}


/* percent_layout_20_10_20_50_fix_20260531_2200
   コメントログ・ギフトログ・タイムラインの単独タブの主要行を、
   時刻15% / アバター5% / 名前25% / 本文またはギフト詳細55% に固定する。
   各セルは欄内で折り返し、他欄と重ならないよう最終上書きする。
*/
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  grid-template-areas: "time avatar name detail" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

#log_all .comment-row .log-main-line,
#log_timeline .comment-row .log-main-line,
#log_gift .gift-row .log-main-line,
#log_timeline .gift-row .log-main-line {
  display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}

#log_all .comment-row .log-user,
#log_timeline .comment-row .log-user,
#log_gift .gift-row .log-user,
#log_timeline .gift-row .log-user,
#log_all .comment-row .avatar-name-wrap,
#log_timeline .comment-row .avatar-name-wrap,
#log_gift .gift-row .avatar-name-wrap,
#log_timeline .gift-row .avatar-name-wrap {
  display: contents !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time {
  grid-area: time !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .user-avatar,
#log_timeline .comment-row .user-avatar,
#log_gift .gift-row .user-avatar,
#log_timeline .gift-row .user-avatar {
  display: block !important;
  grid-area: avatar !important;
  width: 30px !important;
  height: 30px !important;
  max-width: calc(100% - 8px) !important;
  max-height: 30px !important;
  justify-self: center !important;
  align-self: center !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin: 0 auto !important;
}

#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text {
  display: block !important;
  grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message {
  display: block !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: flex !important;
  grid-area: detail !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 3px 6px !important;
}

#log_gift .gift-row .gift-detail-line > *,
#log_timeline .gift-row .gift-detail-line > * {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
}

#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell {
  flex: 1 1 160px !important;
}

#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  flex: 0 1 150px !important;
}

#log_all .comment-row .log-time,
#log_timeline .comment-row .log-time,
#log_all .comment-row .user-avatar,
#log_timeline .comment-row .user-avatar,
#log_all .comment-row .avatar-name-text,
#log_timeline .comment-row .avatar-name-text,
#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_gift .gift-row .log-time,
#log_timeline .gift-row .log-time,
#log_gift .gift-row .user-avatar,
#log_timeline .gift-row .user-avatar,
#log_gift .gift-row .avatar-name-text,
#log_timeline .gift-row .avatar-name-text,
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  min-width: 0 !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb !important;
  align-content: center !important;
  box-sizing: border-box !important;
}

#log_all .comment-row .comment-message,
#log_timeline .comment-row .comment-message,
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  border-right: 0 !important;
}

/* 小画面でも同じ比率を維持する。 */
@media (max-width: 1180px) {
  #log_all .comment-row,
  #log_timeline .comment-row,
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  }
}

@media (max-width: 760px) {
  #log_all .comment-row,
  #log_timeline .comment-row,
  #log_gift .gift-row,
  #log_timeline .gift-row {
    grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  }
  #log_all .comment-row .user-avatar,
  #log_timeline .comment-row .user-avatar,
  #log_gift .gift-row .user-avatar,
  #log_timeline .gift-row .user-avatar {
    width: 26px !important;
    height: 26px !important;
    max-height: 26px !important;
  }
}


/* ============================================================
   percent_layout_15_5_25_55_fix_20260531_2210: final override for main log tabs ratio.
   コメントログ / ギフトログ / タイムライン:
     時刻 15%, アバター 5%, ユーザー名 25%, 本文/詳細 55%
   ============================================================ */
#log_all .comment-row,
#log_timeline .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}

#log_all .log-time,
#log_gift .log-time,
#log_timeline .log-time,
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell,
#log_all .log-user-name,
#log_gift .log-user-name,
#log_timeline .log-user-name,
#log_all .log-message,
#log_gift .log-gift-detail,
#log_timeline .log-message,
#log_timeline .log-gift-detail {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

/* ============================================================
   gift_image_ratio_dual_triple_fix_20260531_2220
   - ギフト画像を全ログで20%縮小する。
   - 2画面ギフト欄、3画面Special/Normal欄のギフト詳細欄を
     ギフト画像10% / ギフト名40% / 累計25% / 今回25% に固定する。
   ============================================================ */
.gift-row .gift-img,
#log_gift .gift-row .gift-img,
#log_timeline .gift-row .gift-img,
#log_dual_gift .gift-row .gift-img,
#log_triple_gift_special .gift-row .gift-img,
#log_triple_gift_normal .gift-row .gift-img {
  max-width: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

#log_dual_gift .gift-row .gift-detail-line,
#log_triple_gift_special .gift-row .gift-detail-line,
#log_triple_gift_normal .gift-row .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell {
  grid-area: icon !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 2px 3px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-name-cell,
#log_triple_gift_special .gift-row .gift-name-cell,
#log_triple_gift_normal .gift-row .gift-name-cell {
  grid-area: gift !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-cumulative-cell,
#log_triple_gift_special .gift-row .gift-cumulative-cell,
#log_triple_gift_normal .gift-row .gift-cumulative-cell {
  grid-area: cumulative !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-current-cell,
#log_triple_gift_special .gift-row .gift-current-cell,
#log_triple_gift_normal .gift-row .gift-current-cell {
  grid-area: current !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-detail-line > *,
#log_triple_gift_special .gift-row .gift-detail-line > *,
#log_triple_gift_normal .gift-row .gift-detail-line > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* ============================================================
   ver_p_0_0_2_complete_working_20260531_2310
   Full package final overrides.
   - Main comment/gift/timeline rows use 15% / 5% / 25% / 55%.
   - Gift rows are never hidden unless the free-gift filter is explicitly ON.
   - Avatar is enlarged by 15%; gift image is reduced by 20%.
   ============================================================ */
#log_all .comment-row,
#log_timeline .comment-row,
#log_gift .gift-row,
#log_timeline .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#log_all .log-time,
#log_gift .log-time,
#log_timeline .log-time,
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell,
#log_all .log-user-name,
#log_gift .log-user-name,
#log_timeline .log-user-name,
#log_all .log-message,
#log_gift .log-gift-detail,
#log_timeline .log-message,
#log_timeline .log-gift-detail {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_all .user-avatar,
#log_gift .user-avatar,
#log_timeline .user-avatar,
#log_dual_comment .user-avatar,
#log_dual_gift .user-avatar,
#log_triple_comment .user-avatar,
#log_triple_gift_special .user-avatar,
#log_triple_gift_normal .user-avatar,
#log_user .user-avatar {
  width: 37px !important;
  height: 37px !important;
  flex: 0 0 37px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.gift-row .gift-img,
#log_gift .gift-row .gift-img,
#log_timeline .gift-row .gift-img,
#log_dual_gift .gift-row .gift-img,
#log_triple_gift_special .gift-row .gift-img,
#log_triple_gift_normal .gift-row .gift-img {
  max-width: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line,
#log_dual_gift .gift-row .gift-detail-line,
#log_triple_gift_special .gift-row .gift-detail-line,
#log_triple_gift_normal .gift-row .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  align-items: center !important;
  column-gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_gift .gift-row .gift-id,
#log_timeline .gift-row .gift-id,
#log_dual_gift .gift-row .gift-id,
#log_triple_gift_special .gift-row .gift-id,
#log_triple_gift_normal .gift-row .gift-id {
  display: none !important;
}
body:not(.hide-timeline-free-gifts) .gift-row.hide-log-gift-row,
body:not(.hide-timeline-free-gifts) .gift-row[data-hide-free-gift="1"] {
  display: grid !important;
}


/* ============================================================
   gift_main_timeline_prev_width_fix_20260531_2320
   ギフトログ・タイムラインのギフト詳細欄の横幅割当を
   1つ前のバージョン相当に戻す。
   対象: #log_gift / #log_timeline の gift-detail-line のみ。
   2画面・3画面の 10%/40%/25%/25% 指定は維持。
   ============================================================ */
#log_gift .gift-row .gift-detail-line,
#log_timeline .gift-row .gift-detail-line {
  display: flex !important;
  grid-area: detail !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 3px 6px !important;
  box-sizing: border-box !important;
}

#log_gift .gift-row .gift-detail-line > *,
#log_timeline .gift-row .gift-detail-line > * {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: auto !important;
}

#log_gift .gift-row .gift-name-cell,
#log_timeline .gift-row .gift-name-cell {
  flex: 1 1 160px !important;
  width: auto !important;
}

#log_gift .gift-row .gift-cumulative-cell,
#log_timeline .gift-row .gift-cumulative-cell,
#log_gift .gift-row .gift-current-cell,
#log_timeline .gift-row .gift-current-cell {
  flex: 0 1 150px !important;
  width: auto !important;
}

/* ============================================================
   dual_normal_gift_style_revert_fix_20260531_2330
   2画面ギフト欄と3画面Normal欄のギフトログスタイルを
   SR_LogViewer_Python_Ver_p_0_0_1_viewer2_avatar_profile_display_giftimg_fix 相当に戻す。
   3画面Special欄、ギフトログタブ、タイムラインタブは変更しない。
   ============================================================ */
#log_dual_gift .gift-row .user-avatar,
#log_triple_gift_normal .gift-row .user-avatar {
  width: 35px !important;
  height: 35px !important;
  max-width: calc(100% - 6px) !important;
  max-height: 35px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  flex: 0 0 35px !important;
}

#log_dual_gift .gift-row .log-avatar-cell,
#log_triple_gift_normal .gift-row .log-avatar-cell {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#log_dual_gift .gift-row .gift-img,
#log_triple_gift_normal .gift-row .gift-img {
  max-width: 26px !important;
  max-height: 26px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

#log_dual_gift .gift-row .gift-detail-line,
#log_triple_gift_normal .gift-row .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell {
  grid-area: icon !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 2px 3px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-name-cell,
#log_triple_gift_normal .gift-row .gift-name-cell {
  grid-area: gift !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-cumulative-cell,
#log_triple_gift_normal .gift-row .gift-cumulative-cell {
  grid-area: cumulative !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-current-cell,
#log_triple_gift_normal .gift-row .gift-current-cell {
  grid-area: current !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  flex: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

#log_dual_gift .gift-row .gift-detail-line > *,
#log_triple_gift_normal .gift-row .gift-detail-line > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 760px) {
  #log_dual_gift .gift-row .user-avatar,
  #log_triple_gift_normal .gift-row .user-avatar {
    width: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    flex: 0 0 30px !important;
  }
}

/* ============================================================
   dual_triple_freegift_paid_layout_fix_20260531_2340
   2画面タブと3画面タブの無料ギフト行を、有料ギフト行と同じレイアウトに統一する。
   既存の body:not(.hide-timeline-free-gifts) .gift-row.hide-log-gift-row {display:grid}
   および twinkle100 例外表示時の display:block/flex 競合を最終上書きする。
   ============================================================ */
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row .gift-detail-line,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"] .gift-detail-line,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row .gift-detail-line,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"] .gift-detail-line,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row .gift-detail-line,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"] .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row .gift-icon-cell,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"] .gift-icon-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row .gift-icon-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"] .gift-icon-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row .gift-icon-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"] .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-icon-cell {
  grid-area: icon !important;
}

body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row .gift-name-cell,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"] .gift-name-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row .gift-name-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"] .gift-name-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row .gift-name-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"] .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-name-cell {
  grid-area: gift !important;
}

body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row .gift-cumulative-cell,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"] .gift-cumulative-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row .gift-cumulative-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"] .gift-cumulative-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row .gift-cumulative-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"] .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-cumulative-cell {
  grid-area: cumulative !important;
}

body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row.hide-log-gift-row .gift-current-cell,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"] .gift-current-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row.hide-log-gift-row .gift-current-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"] .gift-current-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row.hide-log-gift-row .gift-current-cell,
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"] .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row.hide-log-gift-row.twinkle-100-row .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row.hide-log-gift-row.twinkle-100-row .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row.hide-log-gift-row.twinkle-100-row .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] .gift-current-cell {
  grid-area: current !important;
}


/* ============================================================
   ver_p_0_0_2_css_canonical_time_gift_layout_fix_20260601_0005
   ログレイアウト定義の集約ブロック。
   以降のログ行レイアウトはこのブロックを正とする。
   ============================================================ */
:root {
  --slv-log-time: 15%;
  --slv-log-avatar: 5%;
  --slv-log-user: 20%;
  --slv-log-body: 60%;
  --slv-avatar-max: 45px;
  --slv-gift-img-max: 40px;
  --slv-main-gift-icon-basis: 45px;
  --slv-main-gift-name-basis: 120px;
  --slv-main-gift-cum-basis: 170px;
  --slv-main-gift-cur-basis: 170px;
}

/* 共通: ログ行の折り返し・太字・セル分離 */
.log-row,
.log-row * {
  box-sizing: border-box !important;
  font-weight: 700 !important;
}
.log-row {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.log-row > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 時刻はブラウザ側JSで HH:MM:SS に丸める。CSS側では欄内表示だけを管理する。 */
.log-time,
.triple-time {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* アバター: 全ログ共通で最大45px。欄が狭い場合は縮小する。 */
.log-avatar-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.user-avatar,
.log-avatar-cell img.user-avatar,
.log-avatar-cell img {
  width: min(var(--slv-avatar-max), 100%) !important;
  height: min(var(--slv-avatar-max), 100%) !important;
  max-width: var(--slv-avatar-max) !important;
  max-height: var(--slv-avatar-max) !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 1 auto !important;
}

/* ギフト画像: 最大40px。欄が狭い場合は縮小する。 */
.gift-img,
.gift-icon-cell img {
  width: min(var(--slv-gift-img-max), 100%) !important;
  height: min(var(--slv-gift-img-max), 100%) !important;
  max-width: var(--slv-gift-img-max) !important;
  max-height: var(--slv-gift-img-max) !important;
  object-fit: contain !important;
}

/* ============================================================
   メイン3タブ: コメントログ / ギフトログ / タイムライン
   時刻15% / アバター5% / ユーザー名20% / 本文・詳細60%
   ============================================================ */
#log_all > .log-row,
#log_gift > .log-row,
#log_timeline > .log-row {
  display: grid !important;
  grid-template-columns: minmax(0, var(--slv-log-time)) minmax(0, var(--slv-log-avatar)) minmax(0, var(--slv-log-user)) minmax(0, var(--slv-log-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_all > .log-row > .log-time,
#log_gift > .log-row > .log-time,
#log_timeline > .log-row > .log-time {
  grid-area: time !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
}
#log_all > .log-row > .log-avatar-cell,
#log_gift > .log-row > .log-avatar-cell,
#log_timeline > .log-row > .log-avatar-cell {
  grid-area: avatar !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 2px !important;
}
#log_all > .log-row > .log-user-name,
#log_gift > .log-row > .log-user-name,
#log_timeline > .log-row > .log-user-name {
  grid-area: user !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_all > .log-row > .comment-message,
#log_all > .log-row > .system-message,
#log_gift > .log-row > .log-gift-detail,
#log_timeline > .log-row > .comment-message,
#log_timeline > .log-row > .system-message,
#log_timeline > .log-row > .log-gift-detail {
  grid-area: body !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* SYSTEM行: 既存DOMが2段構造の場合も、1行グリッド構造へ寄せる。 */
#log_all > .system-row,
#log_timeline > .system-row {
  grid-template-columns: minmax(0, var(--slv-log-time)) minmax(0, var(--slv-log-avatar)) minmax(0, var(--slv-log-user)) minmax(0, var(--slv-log-body)) !important;
}
#log_all > .system-row > .log-main-line,
#log_timeline > .system-row > .log-main-line {
  display: contents !important;
}
#log_all > .system-row > .log-main-line > .log-time,
#log_timeline > .system-row > .log-main-line > .log-time {
  grid-area: time !important;
}
#log_all > .system-row > .log-main-line > .log-user,
#log_timeline > .system-row > .log-main-line > .log-user {
  grid-area: user !important;
  color: #000 !important;
  padding: 2px 4px !important;
}
#log_all > .system-row > .system-message,
#log_timeline > .system-row > .system-message {
  grid-area: body !important;
}

/* ============================================================
   メインのギフト詳細: flex wrap方式
   ギフト画像 最大45px / ギフト名120px基準 / 累計170px基準 / 今回170px基準
   ============================================================ */
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_gift > .gift-row > .gift-detail-line .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line .gift-icon-cell {
  flex: 0 1 var(--slv-main-gift-icon-basis) !important;
  max-width: var(--slv-main-gift-icon-basis) !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_gift > .gift-row > .gift-detail-line .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line .gift-name-cell {
  flex: 1 1 var(--slv-main-gift-name-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_gift > .gift-row > .gift-detail-line .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line .gift-cumulative-cell {
  flex: 0 1 var(--slv-main-gift-cum-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_gift > .gift-row > .gift-detail-line .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line .gift-current-cell {
  flex: 0 1 var(--slv-main-gift-cur-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* ============================================================
   2画面・3画面のギフト詳細: 既存仕様を維持しつつ集約
   ギフト画像10% / ギフト名40% / 累計25% / 今回25%
   無料ギフト行も有料ギフト行と同一レイアウト。
   ============================================================ */
#log_dual_gift .gift-row,
#log_triple_gift_special .gift-row,
#log_triple_gift_normal .gift-row,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_dual_gift .gift-row .gift-detail-line,
#log_triple_gift_special .gift-row .gift-detail-line,
#log_triple_gift_normal .gift-row .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell { grid-area: icon !important; min-width: 0 !important; }
#log_dual_gift .gift-row .gift-name-cell,
#log_triple_gift_special .gift-row .gift-name-cell,
#log_triple_gift_normal .gift-row .gift-name-cell { grid-area: gift !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_dual_gift .gift-row .gift-cumulative-cell,
#log_triple_gift_special .gift-row .gift-cumulative-cell,
#log_triple_gift_normal .gift-row .gift-cumulative-cell { grid-area: cumulative !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_dual_gift .gift-row .gift-current-cell,
#log_triple_gift_special .gift-row .gift-current-cell,
#log_triple_gift_normal .gift-row .gift-current-cell { grid-area: current !important; min-width: 0 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }

/* ============================================================
   ver_p_0_0_2_layout_10_5_25_60_gift_fix_20260601_0015
   Canonical final override: main log ratios and main gift fixed columns.
   このブロックを現行ログレイアウト定義の正とする。
   ============================================================ */
:root {
  --slv-log-time: 10%;
  --slv-log-avatar: 5%;
  --slv-log-user: 25%;
  --slv-log-body: 60%;
  --slv-avatar-max: 45px;
  --slv-gift-img-max: 40px;
}

/* 共通: 欄内折り返しを強制し、他欄との重なりを防止 */
#log_all > .log-row,
#log_gift > .log-row,
#log_timeline > .log-row,
#log_dual_gift .gift-row,
#log_triple_gift_special .gift-row,
#log_triple_gift_normal .gift-row {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
#log_all > .log-row *,
#log_gift > .log-row *,
#log_timeline > .log-row *,
#log_dual_gift .gift-row *,
#log_triple_gift_special .gift-row *,
#log_triple_gift_normal .gift-row * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 時刻はHH:MM:SSのみを想定。JST/年月日はJS側で除去済み。 */
.log-time,
.triple-time {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* 全ログ共通: アバター最大45px、ギフト画像最大40px */
.log-avatar-cell,
.log-avatar-cell .avatar-name-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
}
.log-avatar-cell img,
.user-avatar,
.log-avatar-cell img.user-avatar {
  width: min(45px, 100%) !important;
  height: min(45px, 100%) !important;
  max-width: 45px !important;
  max-height: 45px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.gift-img,
.gift-icon-cell img {
  width: min(40px, 100%) !important;
  height: min(40px, 100%) !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}

/* 通常コメント行: 時刻10% / アバター5% / ユーザー名25% / コメント60% */
#log_all > .comment-row,
#log_timeline > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .comment-row > .log-time,
#log_timeline > .comment-row > .log-time { grid-area: time !important; padding: 2px 4px !important; }
#log_all > .comment-row > .log-avatar-cell,
#log_timeline > .comment-row > .log-avatar-cell { grid-area: avatar !important; padding: 2px 2px !important; }
#log_all > .comment-row > .log-user-name,
#log_timeline > .comment-row > .log-user-name { grid-area: user !important; padding: 2px 4px !important; color: #000 !important; white-space: normal !important; }
#log_all > .comment-row > .comment-message,
#log_timeline > .comment-row > .comment-message { grid-area: body !important; padding: 2px 4px !important; white-space: normal !important; }

/* メインのギフトログ/タイムラインギフト行: 時刻10% / アバター5% / ユーザー名25% / ギフト名20% / 累計20% / 今回20% */
#log_gift > .gift-row,
#log_timeline > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 20%) minmax(0, 20%) minmax(0, 20%) !important;
  grid-template-areas: "time avatar user gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_gift > .gift-row > .log-time,
#log_timeline > .gift-row > .log-time { grid-area: time !important; padding: 2px 4px !important; }
#log_gift > .gift-row > .log-avatar-cell,
#log_timeline > .gift-row > .log-avatar-cell { grid-area: avatar !important; padding: 2px 2px !important; }
#log_gift > .gift-row > .log-user-name,
#log_timeline > .gift-row > .log-user-name { grid-area: user !important; padding: 2px 4px !important; color: #000 !important; white-space: normal !important; }
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  display: contents !important;
}
/* メイン3タブのギフト行では、指定された6欄比率に合わせるためギフト画像欄は非表示。 */
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell {
  display: none !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}

/* SYSTEM行: コメントログ/タイムラインの通常コメント比率を継承 */
#log_all > .system-row,
#log_timeline > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
}
#log_all > .system-row > .log-time,
#log_timeline > .system-row > .log-time { grid-area: time !important; }
#log_all > .system-row > .log-avatar-cell,
#log_timeline > .system-row > .log-avatar-cell { grid-area: avatar !important; }
#log_all > .system-row > .log-user-name,
#log_timeline > .system-row > .log-user-name { grid-area: user !important; color: #000 !important; }
#log_all > .system-row > .system-message,
#log_timeline > .system-row > .system-message { grid-area: body !important; white-space: normal !important; }

/* 2画面・3画面ギフト: 1段目は時刻30%/ユーザー名70%、2段目は画像10%/ギフト名40%/累計25%/今回25%。 */
#log_dual_gift .gift-row,
#log_triple_gift_special .gift-row,
#log_triple_gift_normal .gift-row,
body:not(.hide-timeline-free-gifts) #log_dual_gift .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_special .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal .gift-row[data-hide-free-gift="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
  grid-template-areas:
    "time user"
    "detail detail" !important;
  align-items: center !important;
  row-gap: 1px !important;
}
#log_dual_gift .gift-row > .log-time,
#log_triple_gift_special .gift-row > .log-time,
#log_triple_gift_normal .gift-row > .log-time { grid-area: time !important; padding: 2px 4px !important; }
#log_dual_gift .gift-row > .log-avatar-cell,
#log_triple_gift_special .gift-row > .log-avatar-cell,
#log_triple_gift_normal .gift-row > .log-avatar-cell { display: none !important; }
#log_dual_gift .gift-row > .log-user-name,
#log_triple_gift_special .gift-row > .log-user-name,
#log_triple_gift_normal .gift-row > .log-user-name { grid-area: user !important; padding: 2px 4px !important; white-space: normal !important; color: #000 !important; }
#log_dual_gift .gift-row > .gift-detail-line,
#log_triple_gift_special .gift-row > .gift-detail-line,
#log_triple_gift_normal .gift-row > .gift-detail-line {
  grid-area: detail !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  width: 100% !important;
  align-items: center !important;
}
#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell { grid-area: icon !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; }
#log_dual_gift .gift-row .gift-name-cell,
#log_triple_gift_special .gift-row .gift-name-cell,
#log_triple_gift_normal .gift-row .gift-name-cell { grid-area: gift !important; white-space: normal !important; }
#log_dual_gift .gift-row .gift-cumulative-cell,
#log_triple_gift_special .gift-row .gift-cumulative-cell,
#log_triple_gift_normal .gift-row .gift-cumulative-cell { grid-area: cumulative !important; white-space: normal !important; }
#log_dual_gift .gift-row .gift-current-cell,
#log_triple_gift_special .gift-row .gift-current-cell,
#log_triple_gift_normal .gift-row .gift-current-cell { grid-area: current !important; white-space: normal !important; }

/* ============================================================
   ver_p_0_0_2_log_order_canonical_fix_20260601_0025
   FINAL CANONICAL ORDER OVERRIDE
   目的:
   - コメントログ/タイムラインのコメント行は常に
     時刻 → アバター画像 → ユーザー名 → コメント
   - ギフトログ/タイムラインのギフト行は常に
     時刻 → アバター画像 → ユーザー名 → ギフト画像 → 累計 → 今回
   - 既存の display:contents / grid-area / 過去の後勝ちCSSに負けないよう、
     対象欄の直下要素を最後に再定義する。
   ============================================================ */

/* 共通: 対象3タブのログ行は1行グリッド、各欄内で折り返し */
#log_all > .log-row,
#log_gift > .log-row,
#log_timeline > .log-row {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  align-items: center !important;
}
#log_all > .log-row > *,
#log_gift > .log-row > *,
#log_timeline > .log-row > *,
#log_gift > .gift-row > .gift-detail-line > *,
#log_timeline > .gift-row > .gift-detail-line > * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* 時刻文字列はブラウザ側でもHH:MM:SS化しているが、欄は必ず先頭に固定 */
#log_all > .log-row > .log-time,
#log_gift > .log-row > .log-time,
#log_timeline > .log-row > .log-time {
  grid-area: time !important;
  order: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  padding: 2px 4px !important;
}

/* アバターは常に時刻の次 */
#log_all > .log-row > .log-avatar-cell,
#log_gift > .log-row > .log-avatar-cell,
#log_timeline > .log-row > .log-avatar-cell {
  grid-area: avatar !important;
  order: 2 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2px 2px !important;
}
#log_all > .log-row > .log-avatar-cell img.user-avatar,
#log_gift > .log-row > .log-avatar-cell img.user-avatar,
#log_timeline > .log-row > .log-avatar-cell img.user-avatar {
  width: min(45px, 100%) !important;
  height: min(45px, 100%) !important;
  max-width: 45px !important;
  max-height: 45px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* ユーザー名は常にアバターの次 */
#log_all > .log-row > .log-user-name,
#log_gift > .log-row > .log-user-name,
#log_timeline > .log-row > .log-user-name {
  grid-area: user !important;
  order: 3 !important;
  color: #000 !important;
  white-space: normal !important;
  padding: 2px 4px !important;
}

/* コメント行: 時刻 / アバター / ユーザー名 / コメント */
#log_all > .comment-row,
#log_timeline > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .comment-row > .comment-message,
#log_timeline > .comment-row > .comment-message,
#log_all > .system-row > .system-message,
#log_timeline > .system-row > .system-message {
  grid-area: body !important;
  order: 4 !important;
  display: block !important;
  white-space: normal !important;
  padding: 2px 4px !important;
}

/* SYSTEM行もコメント欄の並び順を継承: 時刻 / 空アバター欄 / SYSTEM / メッセージ */
#log_all > .system-row,
#log_timeline > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .system-row > .log-main-line,
#log_timeline > .system-row > .log-main-line {
  display: contents !important;
}
#log_all > .system-row .log-time,
#log_timeline > .system-row .log-time { grid-area: time !important; }
#log_all > .system-row .log-user,
#log_timeline > .system-row .log-user { grid-area: user !important; color: #000 !important; }

/* ギフト行: 時刻 / アバター / ユーザー名 / ギフト画像 / 累計 / 今回
   ※指定順を絶対優先するため、メイン3タブではギフト名を非表示にする。 */
#log_gift > .gift-row,
#log_timeline > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 20%) minmax(0, 20%) minmax(0, 20%) !important;
  grid-template-areas: "time avatar user giftimage cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  display: contents !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: giftimage !important;
  order: 4 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2px 4px !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell img,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell img,
#log_gift > .gift-row img.gift-img,
#log_timeline > .gift-row img.gift-img {
  display: inline-block !important;
  width: min(40px, 100%) !important;
  height: min(40px, 100%) !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-name-cell {
  display: none !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  order: 5 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  order: 6 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}

/* 2画面・3画面ギフトは従来指定維持。ただし1段目/2段目の内部順序を固定する。 */
#log_dual_gift .gift-row > .log-time,
#log_triple_gift_special .gift-row > .log-time,
#log_triple_gift_normal .gift-row > .log-time { order: 1 !important; }
#log_dual_gift .gift-row > .log-user-name,
#log_triple_gift_special .gift-row > .log-user-name,
#log_triple_gift_normal .gift-row > .log-user-name { order: 2 !important; }
#log_dual_gift .gift-row > .gift-detail-line,
#log_triple_gift_special .gift-row > .gift-detail-line,
#log_triple_gift_normal .gift-row > .gift-detail-line { order: 3 !important; }
#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell { grid-area: icon !important; }
#log_dual_gift .gift-row .gift-name-cell,
#log_triple_gift_special .gift-row .gift-name-cell,
#log_triple_gift_normal .gift-row .gift-name-cell { grid-area: gift !important; }
#log_dual_gift .gift-row .gift-cumulative-cell,
#log_triple_gift_special .gift-row .gift-cumulative-cell,
#log_triple_gift_normal .gift-row .gift-cumulative-cell { grid-area: cumulative !important; }
#log_dual_gift .gift-row .gift-current-cell,
#log_triple_gift_special .gift-row .gift-current-cell,
#log_triple_gift_normal .gift-row .gift-current-cell { grid-area: current !important; }

/* ============================================================
   ver_p_0_0_2_layout_comment10_giftflex_dualtriple_topline_fix_20260601_0035
   FINAL LOG LAYOUT CANONICAL OVERRIDE
   - Main comment: time 10% / avatar 5% / user 25% / comment 60%
   - Main gift/timeline gift: outer time 10% / avatar 5% / user 25% / detail 60%
     detail is flex-wrap: icon 45px, name 120px, cumulative 180px, current 180px
   - Special/Normal: first line time 30% / user 70%, then gift detail 10/40/25/25
   ============================================================ */
:root {
  --slv-main-time: 10%;
  --slv-main-avatar: 5%;
  --slv-main-user: 25%;
  --slv-main-body: 60%;
  --slv-gift-icon-basis: 45px;
  --slv-gift-name-basis: 120px;
  --slv-gift-score-basis: 180px;
  --slv-avatar-max: 45px;
  --slv-gift-img-max: 40px;
}

/* Common main log cells */
#log_all > .log-row,
#log_gift > .log-row,
#log_timeline > .log-row {
  width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}
#log_all > .log-row > *,
#log_gift > .log-row > *,
#log_timeline > .log-row > *,
#log_all .log-message,
#log_gift .log-gift-detail,
#log_timeline .log-message,
#log_timeline .log-gift-detail {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* Time text guard: JS also removes date/JST, CSS just prevents overflow */
#log_all .log-time,
#log_gift .log-time,
#log_timeline .log-time,
#log_dual_gift .log-time,
#log_triple_gift_special .log-time,
#log_triple_gift_normal .log-time {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

/* Avatar/Gift image canonical sizes */
#log_all img.user-avatar,
#log_gift img.user-avatar,
#log_timeline img.user-avatar,
#log_dual_comment img.user-avatar,
#log_dual_gift img.user-avatar,
#log_triple_comment img.user-avatar,
#log_triple_gift_special img.user-avatar,
#log_triple_gift_normal img.user-avatar,
#log_user img.user-avatar {
  width: min(var(--slv-avatar-max), 100%) !important;
  height: min(var(--slv-avatar-max), 100%) !important;
  max-width: var(--slv-avatar-max) !important;
  max-height: var(--slv-avatar-max) !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.gift-row img.gift-img {
  width: min(var(--slv-gift-img-max), 100%) !important;
  height: min(var(--slv-gift-img-max), 100%) !important;
  max-width: var(--slv-gift-img-max) !important;
  max-height: var(--slv-gift-img-max) !important;
  object-fit: contain !important;
}

/* Main comment/timeline comment: 時刻 / アバター / ユーザー名 / コメント */
#log_all > .comment-row,
#log_timeline > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .comment-row > .log-time,
#log_timeline > .comment-row > .log-time { grid-area: time !important; order: 1 !important; }
#log_all > .comment-row > .log-avatar-cell,
#log_timeline > .comment-row > .log-avatar-cell { grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
#log_all > .comment-row > .log-user-name,
#log_timeline > .comment-row > .log-user-name { grid-area: user !important; order: 3 !important; color: #000 !important; }
#log_all > .comment-row > .comment-message,
#log_timeline > .comment-row > .comment-message { grid-area: body !important; order: 4 !important; display: block !important; }

/* Main system rows: keep same allocation as comment rows */
#log_all > .system-row,
#log_timeline > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .system-row > .log-time,
#log_timeline > .system-row > .log-time { grid-area: time !important; }
#log_all > .system-row > .log-avatar-cell,
#log_timeline > .system-row > .log-avatar-cell { grid-area: avatar !important; display: inline-flex !important; justify-content: center !important; }
#log_all > .system-row > .log-user-name,
#log_timeline > .system-row > .log-user-name { grid-area: user !important; color: #000 !important; }
#log_all > .system-row > .system-message,
#log_timeline > .system-row > .system-message { grid-area: body !important; display: block !important; }

/* Main gift/timeline gift: 時刻 / アバター / ユーザー名 / ギフト詳細 */
#log_gift > .gift-row,
#log_timeline > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: center !important;
}
#log_gift > .gift-row > .log-time,
#log_timeline > .gift-row > .log-time { grid-area: time !important; order: 1 !important; }
#log_gift > .gift-row > .log-avatar-cell,
#log_timeline > .gift-row > .log-avatar-cell { grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
#log_gift > .gift-row > .log-user-name,
#log_timeline > .gift-row > .log-user-name { grid-area: user !important; order: 3 !important; color: #000 !important; }
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--slv-gift-icon-basis) !important;
  width: var(--slv-gift-icon-basis) !important;
  min-width: 0 !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-name-cell {
  display: block !important;
  flex: 1 1 var(--slv-gift-name-basis) !important;
  min-width: 0 !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  flex: 1 1 var(--slv-gift-score-basis) !important;
  min-width: 0 !important;
}

/* Special/Normal gift panes: 1段目は時刻30% / ユーザー名70%、2段目は詳細10/40/25/25 */
#log_triple_gift_special > .gift-row,
#log_triple_gift_normal > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
  grid-template-areas:
    "time user"
    "detail detail" !important;
  align-items: start !important;
  row-gap: 1px !important;
  column-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_triple_gift_special > .gift-row > .log-time,
#log_triple_gift_normal > .gift-row > .log-time { grid-area: time !important; order: 1 !important; padding: 2px 4px !important; }
#log_triple_gift_special > .gift-row > .log-avatar-cell,
#log_triple_gift_normal > .gift-row > .log-avatar-cell { display: none !important; }
#log_triple_gift_special > .gift-row > .log-user-name,
#log_triple_gift_normal > .gift-row > .log-user-name {
  grid-area: user !important;
  order: 2 !important;
  color: #000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
}
#log_triple_gift_special > .gift-row > .gift-detail-line,
#log_triple_gift_normal > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  order: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_triple_gift_special .gift-icon-cell,
#log_triple_gift_normal .gift-icon-cell { grid-area: icon !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; }
#log_triple_gift_special .gift-name-cell,
#log_triple_gift_normal .gift-name-cell { grid-area: gift !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_triple_gift_special .gift-cumulative-cell,
#log_triple_gift_normal .gift-cumulative-cell { grid-area: cumulative !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_triple_gift_special .gift-current-cell,
#log_triple_gift_normal .gift-current-cell { grid-area: current !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }

@media (max-width: 760px) {
  #log_all > .comment-row,
  #log_timeline > .comment-row,
  #log_all > .system-row,
  #log_timeline > .system-row,
  #log_gift > .gift-row,
  #log_timeline > .gift-row {
    grid-template-columns: minmax(0, 12%) minmax(0, 8%) minmax(0, 28%) minmax(0, 52%) !important;
  }
}


/* ============================================================
   ver_p_0_0_2_user_column_dualtriple_revert_fix_20260601_0045
   FINAL OVERRIDE
   - メイン3タブのユーザー名を必ずユーザー名欄に固定
   - コメントログ/タイムラインコメント: 10% / 5% / 25% / 60%
   - ギフトログ/タイムラインギフト: 外側 10% / 5% / 25% / 60%、詳細は flex wrap
   - 2画面/3画面ギフト欄は1つ前の flex-wrap 方式に戻す
   ============================================================ */
:root {
  --slv-main-time: 10%;
  --slv-main-avatar: 5%;
  --slv-main-user: 25%;
  --slv-main-body: 60%;
  --slv-avatar-max: 45px;
  --slv-gift-img-max: 40px;
  --slv-gift-icon-basis: 45px;
  --slv-gift-name-basis: 120px;
  --slv-gift-score-basis: 180px;
}

/* Main tabs: reset old flex/display-contents/grid remnants */
#log_all > .log-row,
#log_gift > .log-row,
#log_timeline > .log-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  overflow: visible !important;
}
#log_all > .log-row > *,
#log_gift > .log-row > *,
#log_timeline > .log-row > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* コメントログとタイムラインのコメント行: 時刻 / アバター / ユーザー名 / コメント */
#log_all > .comment-row,
#log_timeline > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_all > .comment-row > .log-time,
#log_timeline > .comment-row > .log-time { grid-area: time !important; order: 1 !important; }
#log_all > .comment-row > .log-avatar-cell,
#log_timeline > .comment-row > .log-avatar-cell { grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
#log_all > .comment-row > .log-user-name,
#log_timeline > .comment-row > .log-user-name { grid-area: user !important; order: 3 !important; display: block !important; color: #000 !important; padding: 2px 4px !important; }
#log_all > .comment-row > .comment-message,
#log_timeline > .comment-row > .comment-message { grid-area: body !important; order: 4 !important; display: block !important; padding: 2px 4px !important; }

/* SYSTEM行も同じ列割当。log-main-line内のSYSTEMをユーザー名欄へ展開 */
#log_all > .system-row,
#log_timeline > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
}
#log_all > .system-row > .log-main-line,
#log_timeline > .system-row > .log-main-line { display: contents !important; }
#log_all > .system-row .log-time,
#log_timeline > .system-row .log-time { grid-area: time !important; }
#log_all > .system-row .log-user,
#log_timeline > .system-row .log-user,
#log_all > .system-row > .log-user-name,
#log_timeline > .system-row > .log-user-name { grid-area: user !important; display: block !important; color: #000 !important; padding: 2px 4px !important; }
#log_all > .system-row > .system-message,
#log_timeline > .system-row > .system-message { grid-area: body !important; display: block !important; padding: 2px 4px !important; }

/* ギフトログとタイムラインのギフト行: 時刻 / アバター / ユーザー名 / ギフト詳細 */
#log_gift > .gift-row,
#log_timeline > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
#log_gift > .gift-row > .log-time,
#log_timeline > .gift-row > .log-time { grid-area: time !important; order: 1 !important; }
#log_gift > .gift-row > .log-avatar-cell,
#log_timeline > .gift-row > .log-avatar-cell { grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
#log_gift > .gift-row > .log-user-name,
#log_timeline > .gift-row > .log-user-name { grid-area: user !important; order: 3 !important; display: block !important; color: #000 !important; padding: 2px 4px !important; }
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell {
  flex: 0 0 var(--slv-gift-icon-basis) !important;
  width: var(--slv-gift-icon-basis) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-name-cell {
  flex: 1 1 var(--slv-gift-name-basis) !important;
  display: block !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-current-cell {
  flex: 1 1 var(--slv-gift-score-basis) !important;
  display: block !important;
}

/* Images */
#log_all img.user-avatar,
#log_gift img.user-avatar,
#log_timeline img.user-avatar,
#log_user img.user-avatar,
#log_dual_comment img.user-avatar,
#log_dual_gift img.user-avatar,
#log_triple_comment img.user-avatar,
#log_triple_gift_special img.user-avatar,
#log_triple_gift_normal img.user-avatar {
  width: min(45px, 100%) !important;
  height: min(45px, 100%) !important;
  max-width: 45px !important;
  max-height: 45px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.gift-row img.gift-img {
  width: min(40px, 100%) !important;
  height: min(40px, 100%) !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}

/* 2画面・3画面ギフト欄: 1つ前の flex-wrap 方式へ戻す */
#log_dual_gift > .gift-row,
#log_triple_gift_special > .gift-row,
#log_triple_gift_normal > .gift-row,
body:not(.hide-timeline-free-gifts) #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_dual_gift > .gift-row > .log-time,
#log_triple_gift_special > .gift-row > .log-time,
#log_triple_gift_normal > .gift-row > .log-time {
  order: 1 !important;
  flex: 0 0 auto !important;
  padding: 2px 4px !important;
}
#log_dual_gift > .gift-row > .log-avatar-cell,
#log_triple_gift_special > .gift-row > .log-avatar-cell,
#log_triple_gift_normal > .gift-row > .log-avatar-cell {
  order: 2 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_dual_gift > .gift-row > .log-user-name,
#log_triple_gift_special > .gift-row > .log-user-name,
#log_triple_gift_normal > .gift-row > .log-user-name {
  order: 3 !important;
  flex: 1 1 180px !important;
  display: block !important;
  color: #000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
}
#log_dual_gift > .gift-row > .gift-detail-line,
#log_triple_gift_special > .gift-row > .gift-detail-line,
#log_triple_gift_normal > .gift-row > .gift-detail-line {
  order: 4 !important;
  flex: 1 1 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_dual_gift .gift-icon-cell,
#log_triple_gift_special .gift-icon-cell,
#log_triple_gift_normal .gift-icon-cell { grid-area: icon !important; display: inline-flex !important; justify-content: center !important; align-items: center !important; }
#log_dual_gift .gift-name-cell,
#log_triple_gift_special .gift-name-cell,
#log_triple_gift_normal .gift-name-cell { grid-area: gift !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_dual_gift .gift-cumulative-cell,
#log_triple_gift_special .gift-cumulative-cell,
#log_triple_gift_normal .gift-cumulative-cell { grid-area: cumulative !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }
#log_dual_gift .gift-current-cell,
#log_triple_gift_special .gift-current-cell,
#log_triple_gift_normal .gift-current-cell { grid-area: current !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; }

@media (max-width: 760px) {
  #log_all > .comment-row,
  #log_timeline > .comment-row,
  #log_all > .system-row,
  #log_timeline > .system-row,
  #log_gift > .gift-row,
  #log_timeline > .gift-row {
    grid-template-columns: minmax(0, 12%) minmax(0, 8%) minmax(0, 28%) minmax(0, 52%) !important;
  }
}

/* ============================================================
   FINAL ORDER LOCK 20260601_0055
   コメントログ/ギフトログ/タイムラインのユーザー名表示位置を固定する。
   CSS上書きの競合を避けるため、grid-area と grid-column の両方を明示する。
   ============================================================ */
#log_all > .comment-row,
#log_timeline > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
}
#log_all > .comment-row > .log-time,
#log_timeline > .comment-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
#log_all > .comment-row > .log-avatar-cell,
#log_timeline > .comment-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_all > .comment-row > .log-user-name,
#log_timeline > .comment-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_all > .comment-row > .comment-message,
#log_timeline > .comment-row > .comment-message {
  grid-area: body !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#log_gift > .gift-row,
#log_timeline > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
}
#log_gift > .gift-row > .log-time,
#log_timeline > .gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
#log_gift > .gift-row > .log-avatar-cell,
#log_timeline > .gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_gift > .gift-row > .log-user-name,
#log_timeline > .gift-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_gift > .gift-row > .gift-detail-line,
#log_timeline > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell { flex: 0 0 45px !important; width: 45px !important; }
#log_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-name-cell { flex: 1 1 120px !important; }
#log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_timeline > .gift-row > .gift-detail-line > .gift-current-cell { flex: 1 1 180px !important; }


/* ============================================================
   FINAL CANONICAL LAYOUT ver_p_0_0_2_dual_triple_twoline_userlog_timeline_fix_20260601_0115
   2画面/3画面は1段目に「時刻→アバター画像→ユーザー名」、
   2段目にコメントまたはギフト詳細を表示する。
   ユーザーログはタイムラインと同一レイアウトへ固定する。
   ============================================================ */

/* ユーザーログ: タイムラインと同じコメント/ギフト行レイアウト */
#log_user > .comment-row,
#log_user > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_user > .comment-row > .log-time,
#log_user > .system-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
#log_user > .comment-row > .log-avatar-cell,
#log_user > .system-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_user > .comment-row > .log-user-name,
#log_user > .system-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
#log_user > .comment-row > .comment-message,
#log_user > .system-row > .system-message {
  grid-area: body !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
#log_user > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_user > .gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
#log_user > .gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_user > .gift-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
#log_user > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#log_user > .gift-row > .gift-detail-line > .gift-icon-cell { flex: 0 0 45px !important; width: 45px !important; }
#log_user > .gift-row > .gift-detail-line > .gift-name-cell { flex: 1 1 120px !important; }
#log_user > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_user > .gift-row > .gift-detail-line > .gift-current-cell { flex: 1 1 180px !important; }

/* 2画面/3画面 コメント欄: 1段目=時刻/アバター/ユーザー名、2段目=コメント・SYSTEM本文 */
#log_dual_comment > .comment-row,
#log_dual_comment > .system-row,
#log_triple_comment > .comment-row,
#log_triple_comment > .system-row {
  display: grid !important;
  grid-template-columns: minmax(72px, 18%) minmax(42px, 8%) minmax(0, 74%) !important;
  grid-template-areas:
    "time avatar user"
    "body body body" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_dual_comment > .comment-row > .log-time,
#log_dual_comment > .system-row > .log-time,
#log_triple_comment > .comment-row > .log-time,
#log_triple_comment > .system-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
}
#log_dual_comment > .comment-row > .log-avatar-cell,
#log_dual_comment > .system-row > .log-avatar-cell,
#log_triple_comment > .comment-row > .log-avatar-cell,
#log_triple_comment > .system-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 4px !important;
}
#log_dual_comment > .comment-row > .log-user-name,
#log_dual_comment > .system-row > .log-user-name,
#log_triple_comment > .comment-row > .log-user-name,
#log_triple_comment > .system-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
#log_dual_comment > .comment-row > .comment-message,
#log_dual_comment > .system-row > .system-message,
#log_triple_comment > .comment-row > .comment-message,
#log_triple_comment > .system-row > .system-message {
  grid-area: body !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 4 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 2px 4px 4px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
#log_dual_comment > .system-row > .log-main-line,
#log_triple_comment > .system-row > .log-main-line { display: contents !important; }

/* 2画面/3画面 ギフト欄: 1段目=時刻/アバター/ユーザー名、2段目=ギフト詳細 */
#log_dual_gift > .gift-row,
#log_triple_gift_special > .gift-row,
#log_triple_gift_normal > .gift-row,
body:not(.hide-timeline-free-gifts) #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body:not(.hide-timeline-free-gifts) #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: minmax(72px, 18%) minmax(42px, 8%) minmax(0, 74%) !important;
  grid-template-areas:
    "time avatar user"
    "detail detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#log_dual_gift > .gift-row > .log-time,
#log_triple_gift_special > .gift-row > .log-time,
#log_triple_gift_normal > .gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  flex: none !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
}
#log_dual_gift > .gift-row > .log-avatar-cell,
#log_triple_gift_special > .gift-row > .log-avatar-cell,
#log_triple_gift_normal > .gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  flex: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 4px !important;
}
#log_dual_gift > .gift-row > .log-user-name,
#log_triple_gift_special > .gift-row > .log-user-name,
#log_triple_gift_normal > .gift-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  flex: none !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  min-width: 0 !important;
}
#log_dual_gift > .gift-row > .gift-detail-line,
#log_triple_gift_special > .gift-row > .gift-detail-line,
#log_triple_gift_normal > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 4 !important;
  flex: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  gap: 4px 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 2px 4px 4px 4px !important;
}
#log_dual_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_triple_gift_special > .gift-row > .gift-detail-line > .gift-icon-cell,
#log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_dual_gift > .gift-row > .gift-detail-line > .gift-name-cell,
#log_triple_gift_special > .gift-row > .gift-detail-line > .gift-name-cell,
#log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_dual_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_triple_gift_special > .gift-row > .gift-detail-line > .gift-cumulative-cell,
#log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
#log_dual_gift > .gift-row > .gift-detail-line > .gift-current-cell,
#log_triple_gift_special > .gift-row > .gift-detail-line > .gift-current-cell,
#log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* ============================================================
   MULTI USER LOG TABS + USER LOG TIMELINE LAYOUT 20260601_0125
   ユーザーログを複数タブ化し、各ログ行はタイムライン相当の表示に統一する。
   ============================================================ */
.user-log-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border-bottom: 1px solid #d7e3f0;
  background: #f7fbff;
}
.user-log-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 260px;
  padding: 5px 9px;
  border: 1px solid #b8c7dc;
  border-radius: 999px;
  background: #ffffff;
  color: #1f2937;
  cursor: pointer;
  font-weight: 700;
  font-family: Meiryo, 'Yu Gothic', sans-serif;
}
.user-log-tab-btn.active {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
}
.user-log-tab-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-log-tab-uid {
  opacity: 0.75;
  font-size: 11px;
}
.user-log-tab-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(0,0,0,0.08);
  font-weight: 900;
  line-height: 1;
}
.user-log-tab-btn.active .user-log-tab-close {
  background: rgba(255,255,255,0.24);
}
.user-log-panes {
  min-height: 0;
}
.user-log-pane {
  display: none;
  min-height: 0;
}
.user-log-pane.active {
  display: block;
}
.user-log-pane-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.user-log-pane-toolbar .user-log-selected-header {
  flex: 1 1 auto;
  min-width: 220px;
}
.user-log-box {
  height: calc(100vh - 330px);
  min-height: 420px;
}
.user-log-box a.user-profile-link {
  color: #000 !important;
  text-decoration: underline;
}

/* ユーザーログ: タイムラインと同じ1行レイアウト */
.user-log-box > .comment-row,
.user-log-box > .system-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}
.user-log-box > .comment-row > .log-time,
.user-log-box > .system-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
.user-log-box > .comment-row > .log-avatar-cell,
.user-log-box > .system-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}
.user-log-box > .comment-row > .log-user-name,
.user-log-box > .system-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .comment-row > .comment-message,
.user-log-box > .system-row > .system-message {
  grid-area: body !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: block !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}
.user-log-box > .gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.user-log-box > .gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}
.user-log-box > .gift-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  width: 100% !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell { flex: 0 0 45px !important; width: 45px !important; }
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell { flex: 1 1 120px !important; min-width: 0 !important; }
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell { flex: 1 1 180px !important; min-width: 0 !important; }

/* 無料ギフトフィルタは、CSS競合よりも優先して非表示を確定する */
.log-row[data-filter-hidden="free-gift"] {
  display: none !important;
}

/* ============================================================
   FINAL GIFT FILTER + LIVE RANKING USER LINK
   ver_p_0_0_2_final_freegift_live_userlink_fix_20260601_0145
   ============================================================ */
body.hide-timeline-free-gifts .log-box > .gift-row.hide-log-gift-row,
body.hide-timeline-free-gifts .log-box > .gift-row[data-hide-free-gift="1"] {
  display: none !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-twinkle-100="1"] {
  display: grid !important;
}
.live-ranking-user-link {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.live-ranking-user-link:hover {
  color: #1d4ed8;
}


/* ============================================================
   Ver_p.0.0.6 FINAL: twinkle-100 visible rows use ordinary gift layout
   目的:
     「キラキラ星累計100だけは表示」時の表示行を、通常表示時の
     同じギフト行と完全に同じレイアウトへ戻す。
   方針:
     汎用フィルタの display:grid/display:flex に依存せず、各ログ欄ごとに
     最後に正規レイアウトを再指定する。
   ============================================================ */
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell {
  flex: 0 0 45px !important;
  width: 45px !important;
  max-width: 45px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell {
  flex: 1 1 120px !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_timeline > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell {
  flex: 1 1 180px !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: minmax(72px, 18%) minmax(42px, 8%) minmax(0, 74%) !important;
  grid-template-areas:
    "time avatar user"
    "detail detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  white-space: nowrap !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  gap: 4px 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell { grid-area: gift !important; min-width: 0 !important; overflow-wrap: anywhere !important; }
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell { grid-area: cumulative !important; min-width: 0 !important; overflow-wrap: anywhere !important; }
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell { grid-area: current !important; min-width: 0 !important; overflow-wrap: anywhere !important; }


/* ============================================================
   Ver_p.0.0.7 FINAL: 3画面Normalのキラキラ星100例外行を2画面ギフト欄と完全同一スタイルへ統一
   - body/class/data属性の組み合わせに依存せず、twinkle100行の通常復元時に最終上書きする。
   - 2画面ギフト欄と3画面Normal欄の1段目/2段目レイアウトを同一にする。
   ============================================================ */
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row {
  display: grid !important;
  grid-template-columns: minmax(72px, 18%) minmax(42px, 8%) minmax(0, 74%) !important;
  grid-template-areas:
    "time avatar user"
    "detail detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .log-time,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  display: block !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .log-avatar-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .log-user-name,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  gap: 4px 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 2px 4px 4px 4px !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-icon-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-name-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.twinkle-100-row > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-twinkle-100-status="twinkle100"] > .gift-detail-line > .gift-current-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.twinkle-100-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}


/* ver_p_0_0_13_end_detect_reconnect_fix_20260601_0525: Web画面指定の接続待機予約UI */
.reserved-wait-card {
  border-left: 4px solid #4f7cff;
}
.reserved-time-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
#reserved_start_datetime {
  flex: 1 1 190px;
  min-width: 180px;
  padding: 6px 8px;
  border: 1px solid #b8c2d0;
  border-radius: 6px;
  font-size: 14px;
}
.reserved-wait-note {
  margin-top: 6px;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}

/* ver_p_0_0_13_end_detect_reconnect_fix_20260601_0525: 配信終了検知 multi-stage reconnect/live_info/onlives/final grace */

/* ============================================================
   Ver_p.0.0.14 canonical image scaling
   - Main tabs (#log_all/#log_gift/#log_timeline): M image size is 15% smaller
     than the previous canonical defaults.
   - Dual/Triple/User logs: M image size keeps previous canonical defaults.
   - XS/S/L/XL scale from each M baseline.
   ============================================================ */
body.log-size-xs {
  --slv-main-avatar-img: 26.8px;
  --slv-main-gift-img: 23.8px;
  --slv-other-avatar-img: 31.5px;
  --slv-other-gift-img: 28px;
}
body.log-size-s {
  --slv-main-avatar-img: 32.5px;
  --slv-main-gift-img: 28.9px;
  --slv-other-avatar-img: 38.3px;
  --slv-other-gift-img: 34px;
}
body.log-size-m,
body:not(.log-size-xs):not(.log-size-s):not(.log-size-l):not(.log-size-xl) {
  --slv-main-avatar-img: 38.3px;
  --slv-main-gift-img: 34px;
  --slv-other-avatar-img: 45px;
  --slv-other-gift-img: 40px;
}
body.log-size-l {
  --slv-main-avatar-img: 44px;
  --slv-main-gift-img: 39.1px;
  --slv-other-avatar-img: 51.8px;
  --slv-other-gift-img: 46px;
}
body.log-size-xl {
  --slv-main-avatar-img: 49.7px;
  --slv-main-gift-img: 44.2px;
  --slv-other-avatar-img: 58.5px;
  --slv-other-gift-img: 52px;
}

/* Main three tabs: avatar image scaling */
#log_all img.user-avatar,
#log_gift img.user-avatar,
#log_timeline img.user-avatar {
  width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  max-width: 100% !important;
  max-height: var(--slv-main-avatar-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
}
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell {
  min-width: 0 !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Main gift/timeline gift image scaling */
#log_gift .gift-row img.gift-img,
#log_timeline .gift-row img.gift-img {
  width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell {
  flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: 0 !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Dual / Triple / User log tabs: keep M defaults but scale with log-size */
#log_dual_comment img.user-avatar,
#log_dual_gift img.user-avatar,
#log_triple_comment img.user-avatar,
#log_triple_gift_special img.user-avatar,
#log_triple_gift_normal img.user-avatar,
#log_user img.user-avatar,
.user-log-box img.user-avatar {
  width: var(--slv-other-avatar-img) !important;
  height: var(--slv-other-avatar-img) !important;
  max-width: 100% !important;
  max-height: var(--slv-other-avatar-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
}
#log_dual_comment .log-avatar-cell,
#log_dual_gift .log-avatar-cell,
#log_triple_comment .log-avatar-cell,
#log_triple_gift_special .log-avatar-cell,
#log_triple_gift_normal .log-avatar-cell,
#log_user .log-avatar-cell,
.user-log-box .log-avatar-cell {
  min-width: 0 !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_dual_gift .gift-row img.gift-img,
#log_triple_gift_special .gift-row img.gift-img,
#log_triple_gift_normal .gift-row img.gift-img,
#log_user .gift-row img.gift-img,
.user-log-box .gift-row img.gift-img {
  width: var(--slv-other-gift-img) !important;
  height: var(--slv-other-gift-img) !important;
  max-width: var(--slv-other-gift-img) !important;
  max-height: var(--slv-other-gift-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}
#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell,
#log_user .gift-row .gift-icon-cell,
.user-log-box .gift-row .gift-icon-cell {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ============================================================
   Ver_p.0.0.15 final image square scaling fix
   - Avatar and gift images must scale both width and height.
   - Previous max-width:100% could shrink width only while height stayed fixed.
   - Use square flex-basis + width/height variables as the final authority.
   ============================================================ */
#log_all img.user-avatar,
#log_gift img.user-avatar,
#log_timeline img.user-avatar {
  width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell {
  min-height: var(--slv-main-avatar-img) !important;
  overflow: visible !important;
}
#log_dual_comment img.user-avatar,
#log_dual_gift img.user-avatar,
#log_triple_comment img.user-avatar,
#log_triple_gift_special img.user-avatar,
#log_triple_gift_normal img.user-avatar,
#log_user img.user-avatar,
.user-log-box img.user-avatar {
  width: var(--slv-other-avatar-img) !important;
  height: var(--slv-other-avatar-img) !important;
  min-width: var(--slv-other-avatar-img) !important;
  min-height: var(--slv-other-avatar-img) !important;
  max-width: var(--slv-other-avatar-img) !important;
  max-height: var(--slv-other-avatar-img) !important;
  flex: 0 0 var(--slv-other-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_dual_comment .log-avatar-cell,
#log_dual_gift .log-avatar-cell,
#log_triple_comment .log-avatar-cell,
#log_triple_gift_special .log-avatar-cell,
#log_triple_gift_normal .log-avatar-cell,
#log_user .log-avatar-cell,
.user-log-box .log-avatar-cell {
  min-height: var(--slv-other-avatar-img) !important;
  overflow: visible !important;
}
#log_gift .gift-row img.gift-img,
#log_timeline .gift-row img.gift-img {
  width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_dual_gift .gift-row img.gift-img,
#log_triple_gift_special .gift-row img.gift-img,
#log_triple_gift_normal .gift-row img.gift-img,
#log_user .gift-row img.gift-img,
.user-log-box .gift-row img.gift-img {
  width: var(--slv-other-gift-img) !important;
  height: var(--slv-other-gift-img) !important;
  min-width: var(--slv-other-gift-img) !important;
  min-height: var(--slv-other-gift-img) !important;
  max-width: var(--slv-other-gift-img) !important;
  max-height: var(--slv-other-gift-img) !important;
  flex: 0 0 var(--slv-other-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

/* ============================================================
   Ver_p.0.0.16 canonical image-size scale update
   - Main 3 tabs + user log tabs: M = 30px
   - Dual / Triple tabs: M = 25px
   - Scale from M: XS=50%, S=75%, M=100%, L=125%, XL=150%
   - Applies to both avatar images and gift images.
   ============================================================ */
body.log-size-xs {
  --slv-main-avatar-img: 15px;
  --slv-main-gift-img: 15px;
  --slv-other-avatar-img: 12.5px;
  --slv-other-gift-img: 12.5px;
}
body.log-size-s {
  --slv-main-avatar-img: 22.5px;
  --slv-main-gift-img: 22.5px;
  --slv-other-avatar-img: 18.75px;
  --slv-other-gift-img: 18.75px;
}
body.log-size-m,
body:not(.log-size-xs):not(.log-size-s):not(.log-size-l):not(.log-size-xl) {
  --slv-main-avatar-img: 30px;
  --slv-main-gift-img: 30px;
  --slv-other-avatar-img: 25px;
  --slv-other-gift-img: 25px;
}
body.log-size-l {
  --slv-main-avatar-img: 37.5px;
  --slv-main-gift-img: 37.5px;
  --slv-other-avatar-img: 31.25px;
  --slv-other-gift-img: 31.25px;
}
body.log-size-xl {
  --slv-main-avatar-img: 45px;
  --slv-main-gift-img: 45px;
  --slv-other-avatar-img: 37.5px;
  --slv-other-gift-img: 37.5px;
}

/* Main 3 tabs and user-log tabs use the main M=30px baseline. */
#log_all img.user-avatar,
#log_gift img.user-avatar,
#log_timeline img.user-avatar,
#log_user img.user-avatar,
.user-log-box img.user-avatar {
  width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_all .log-avatar-cell,
#log_gift .log-avatar-cell,
#log_timeline .log-avatar-cell,
#log_user .log-avatar-cell,
.user-log-box .log-avatar-cell {
  min-height: var(--slv-main-avatar-img) !important;
  overflow: visible !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_gift .gift-row img.gift-img,
#log_timeline .gift-row img.gift-img,
#log_user .gift-row img.gift-img,
.user-log-box .gift-row img.gift-img {
  width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_gift .gift-row .gift-icon-cell,
#log_timeline .gift-row .gift-icon-cell,
#log_user .gift-row .gift-icon-cell,
.user-log-box .gift-row .gift-icon-cell {
  flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: calc(var(--slv-main-gift-img) + 8px) !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Dual / Triple tabs use the other M=25px baseline. */
#log_dual_comment img.user-avatar,
#log_dual_gift img.user-avatar,
#log_triple_comment img.user-avatar,
#log_triple_gift_special img.user-avatar,
#log_triple_gift_normal img.user-avatar {
  width: var(--slv-other-avatar-img) !important;
  height: var(--slv-other-avatar-img) !important;
  min-width: var(--slv-other-avatar-img) !important;
  min-height: var(--slv-other-avatar-img) !important;
  max-width: var(--slv-other-avatar-img) !important;
  max-height: var(--slv-other-avatar-img) !important;
  flex: 0 0 var(--slv-other-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_dual_comment .log-avatar-cell,
#log_dual_gift .log-avatar-cell,
#log_triple_comment .log-avatar-cell,
#log_triple_gift_special .log-avatar-cell,
#log_triple_gift_normal .log-avatar-cell {
  min-height: var(--slv-other-avatar-img) !important;
  overflow: visible !important;
  align-items: center !important;
  justify-content: center !important;
}
#log_dual_gift .gift-row img.gift-img,
#log_triple_gift_special .gift-row img.gift-img,
#log_triple_gift_normal .gift-row img.gift-img {
  width: var(--slv-other-gift-img) !important;
  height: var(--slv-other-gift-img) !important;
  min-width: var(--slv-other-gift-img) !important;
  min-height: var(--slv-other-gift-img) !important;
  max-width: var(--slv-other-gift-img) !important;
  max-height: var(--slv-other-gift-img) !important;
  flex: 0 0 var(--slv-other-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
#log_dual_gift .gift-row .gift-icon-cell,
#log_triple_gift_special .gift-row .gift-icon-cell,
#log_triple_gift_normal .gift-row .gift-icon-cell {
  flex: 0 0 calc(var(--slv-other-gift-img) + 8px) !important;
  width: calc(var(--slv-other-gift-img) + 8px) !important;
  min-width: calc(var(--slv-other-gift-img) + 8px) !important;
  max-width: calc(var(--slv-other-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ============================================================
   Ver_p.0.0.18 version display moved to start panel
   - Main 3 tabs + user log tabs: M = 30px
   - Dual / Triple tabs: M = 25px
   - Scale from M: XS=70%, S=85%, M=100%, L=115%, XL=130%
   - Strong selectors cover comment/gift/timeline rows and dynamically-created user-log boxes.
   ============================================================ */
body.log-size-xs {
  --slv-main-avatar-img: 21px !important;
  --slv-main-gift-img: 21px !important;
  --slv-other-avatar-img: 17.5px !important;
  --slv-other-gift-img: 17.5px !important;
}
body.log-size-s {
  --slv-main-avatar-img: 25.5px !important;
  --slv-main-gift-img: 25.5px !important;
  --slv-other-avatar-img: 21.25px !important;
  --slv-other-gift-img: 21.25px !important;
}
body.log-size-m,
body:not(.log-size-xs):not(.log-size-s):not(.log-size-l):not(.log-size-xl) {
  --slv-main-avatar-img: 30px !important;
  --slv-main-gift-img: 30px !important;
  --slv-other-avatar-img: 25px !important;
  --slv-other-gift-img: 25px !important;
}
body.log-size-l {
  --slv-main-avatar-img: 34.5px !important;
  --slv-main-gift-img: 34.5px !important;
  --slv-other-avatar-img: 28.75px !important;
  --slv-other-gift-img: 28.75px !important;
}
body.log-size-xl {
  --slv-main-avatar-img: 39px !important;
  --slv-main-gift-img: 39px !important;
  --slv-other-avatar-img: 32.5px !important;
  --slv-other-gift-img: 32.5px !important;
}

/* Main 3 tabs + user logs: avatar size, including comment/gift/timeline generated rows. */
body #log_all .log-row img.user-avatar,
body #log_all .comment-row img.user-avatar,
body #log_all .gift-row img.user-avatar,
body #log_gift .log-row img.user-avatar,
body #log_gift .comment-row img.user-avatar,
body #log_gift .gift-row img.user-avatar,
body #log_timeline .log-row img.user-avatar,
body #log_timeline .comment-row img.user-avatar,
body #log_timeline .gift-row img.user-avatar,
body #log_user .log-row img.user-avatar,
body #log_user .comment-row img.user-avatar,
body #log_user .gift-row img.user-avatar,
body .user-log-box .log-row img.user-avatar,
body .user-log-box .comment-row img.user-avatar,
body .user-log-box .gift-row img.user-avatar {
  width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  inline-size: var(--slv-main-avatar-img) !important;
  block-size: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body #log_all .log-avatar-cell,
body #log_gift .log-avatar-cell,
body #log_timeline .log-avatar-cell,
body #log_user .log-avatar-cell,
body .user-log-box .log-avatar-cell {
  width: auto !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: 100% !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Main 3 tabs + user logs: gift image size. */
body #log_gift .gift-row img.gift-img,
body #log_timeline .gift-row img.gift-img,
body #log_user .gift-row img.gift-img,
body .user-log-box .gift-row img.gift-img {
  width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  inline-size: var(--slv-main-gift-img) !important;
  block-size: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body #log_gift .gift-row .gift-icon-cell,
body #log_timeline .gift-row .gift-icon-cell,
body #log_user .gift-row .gift-icon-cell,
body .user-log-box .gift-row .gift-icon-cell {
  flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: calc(var(--slv-main-gift-img) + 8px) !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* Dual / Triple tabs: avatar size. */
body #log_dual_comment .log-row img.user-avatar,
body #log_dual_gift .log-row img.user-avatar,
body #log_triple_comment .log-row img.user-avatar,
body #log_triple_gift_special .log-row img.user-avatar,
body #log_triple_gift_normal .log-row img.user-avatar,
body #log_dual_comment .dual-row img.user-avatar,
body #log_dual_gift .dual-row img.user-avatar,
body #log_triple_comment .dual-row img.user-avatar,
body #log_triple_gift_special .triple-gift-row img.user-avatar,
body #log_triple_gift_normal .triple-gift-row img.user-avatar {
  width: var(--slv-other-avatar-img) !important;
  height: var(--slv-other-avatar-img) !important;
  min-width: var(--slv-other-avatar-img) !important;
  min-height: var(--slv-other-avatar-img) !important;
  max-width: var(--slv-other-avatar-img) !important;
  max-height: var(--slv-other-avatar-img) !important;
  inline-size: var(--slv-other-avatar-img) !important;
  block-size: var(--slv-other-avatar-img) !important;
  flex: 0 0 var(--slv-other-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body #log_dual_comment .log-avatar-cell,
body #log_dual_gift .log-avatar-cell,
body #log_triple_comment .log-avatar-cell,
body #log_triple_gift_special .log-avatar-cell,
body #log_triple_gift_normal .log-avatar-cell {
  width: auto !important;
  min-width: var(--slv-other-avatar-img) !important;
  min-height: var(--slv-other-avatar-img) !important;
  max-width: 100% !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Dual / Triple tabs: gift image size. */
body #log_dual_gift .gift-row img.gift-img,
body #log_triple_gift_special .gift-row img.gift-img,
body #log_triple_gift_normal .gift-row img.gift-img,
body #log_dual_gift .dual-row img.gift-img,
body #log_triple_gift_special .triple-gift-row img.gift-img,
body #log_triple_gift_normal .triple-gift-row img.gift-img {
  width: var(--slv-other-gift-img) !important;
  height: var(--slv-other-gift-img) !important;
  min-width: var(--slv-other-gift-img) !important;
  min-height: var(--slv-other-gift-img) !important;
  max-width: var(--slv-other-gift-img) !important;
  max-height: var(--slv-other-gift-img) !important;
  inline-size: var(--slv-other-gift-img) !important;
  block-size: var(--slv-other-gift-img) !important;
  flex: 0 0 var(--slv-other-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body #log_dual_gift .gift-row .gift-icon-cell,
body #log_triple_gift_special .gift-row .gift-icon-cell,
body #log_triple_gift_normal .gift-row .gift-icon-cell,
body #log_dual_gift .dual-row .gift-icon-cell,
body #log_triple_gift_special .triple-gift-row .gift-icon-cell,
body #log_triple_gift_normal .triple-gift-row .gift-icon-cell {
  flex: 0 0 calc(var(--slv-other-gift-img) + 8px) !important;
  width: calc(var(--slv-other-gift-img) + 8px) !important;
  min-width: calc(var(--slv-other-gift-img) + 8px) !important;
  max-width: calc(var(--slv-other-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}


/* ver_p_0_0_18_version_left_start_fix_20260601_0645: move version display to left control panel above Start/STOP */
.left-panel-app-title {
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  margin: 0 0 8px;
  color: #1f2937;
}
.left-panel-app-title #app_version {
  white-space: nowrap;
}


/* Ver_p.0.1.0: 2画面/3画面 時刻同期ジャンプのハイライト */
#log_dual_comment,
#log_dual_gift,
#log_triple_comment,
#log_triple_gift_special,
#log_triple_gift_normal {
  touch-action: manipulation;
}

.log-row.sync-jump-target,
.log-row.sync-jump-target.comment-row,
.log-row.sync-jump-target.gift-row,
.log-row.sync-jump-target.system-row {
  outline: 3px solid #f59e0b !important;
  background: #fff7d6 !important;
}

.log-row.sync-jump-source {
  outline: 2px solid #2563eb !important;
}


/* Ver_p.0.1.1: 最新ログ / 最新のしおり ボタン */
.tab-log-toolbar,
.user-log-pane-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.pane-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  flex-wrap: wrap;
}

.pane-title > span {
  font-weight: 800;
  margin-right: 4px;
}

.pane-title .tab-bookmark-clear-btn,
.pane-title .tab-log-jump-btn,
.tab-log-jump-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

#log_all,
#log_gift,
#log_timeline,
#log_dual_comment,
#log_dual_gift,
#log_triple_comment,
#log_triple_gift_special,
#log_triple_gift_normal,
.user-log-box {
  touch-action: manipulation;
}

/* Ver_p.0.1.4: smartphone log actions */
.mobile-log-action-menu {
  position: fixed;
  z-index: 99999;
  min-width: 190px;
  max-width: calc(100vw - 16px);
  padding: 6px;
  background: #ffffff;
  border: 1px solid #94a3b8;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
}

.mobile-log-action-menu button {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  color: #0f172a;
  text-align: left;
  font-size: 14px;
  line-height: 1.35;
  border-radius: 7px;
}

.mobile-log-action-menu button:active,
.mobile-log-action-menu button:hover {
  background: #e0f2fe;
}

.mobile-log-action-menu button:disabled {
  color: #94a3b8;
  background: transparent;
}

@media (pointer: coarse), (max-width: 700px) {
  .log-row {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pan-y;
  }
  .tab-log-jump-btn {
    display: none;
  }
}


/* Ver_p.0.1.4: PC操作・スマホメニュー位置・縦リサイズ重なり修正 */
@media (max-width: 1200px) {
  .dual-screen-panel,
  .triple-screen-panel {
    overflow: visible !important;
    position: relative;
  }
  .dual-screen-panel > .pane,
  .triple-screen-panel > .pane {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .dual-screen-panel > .pane:nth-child(1),
  .triple-screen-panel > .pane:nth-child(1) { z-index: 1; }
  .dual-screen-panel > .pane:nth-child(3),
  .triple-screen-panel > .pane:nth-child(3) { z-index: 3; }
  .triple-screen-panel > .pane:nth-child(5) { z-index: 5; }
  .dual-screen-resizer,
  .triple-screen-resizer {
    position: relative;
    z-index: 10;
  }
}

.mobile-log-action-menu.mobile-log-action-menu-above {
  transform-origin: center bottom;
}


/* Ver_p.0.1.6: スマートフォン縦置き 2画面/3画面の等分表示とヘッダー常時表示 */
.app-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

@media (pointer: coarse) and (orientation: portrait), (max-width: 700px) and (orientation: portrait) {
  body.mobile-portrait-stack-fit {
    overflow-x: hidden;
  }
  body.mobile-portrait-stack-fit .app-header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  body.mobile-portrait-stack-fit .main-layout {
    padding: 4px 6px 0;
  }
  body.mobile-portrait-stack-fit .log-panel {
    width: 100%;
  }
  body.mobile-portrait-stack-fit .tab-pane.active {
    padding: 4px;
  }
  body.mobile-portrait-stack-fit .dual-screen-panel,
  body.mobile-portrait-stack-fit .triple-screen-panel {
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.mobile-portrait-stack-fit .dual-screen-panel {
    grid-template-rows:
      var(--dual-top-height, 1fr)
      8px
      var(--dual-bottom-height, 1fr) !important;
  }
  body.mobile-portrait-stack-fit .triple-screen-panel {
    grid-template-rows:
      var(--triple-comment-height, 1fr)
      8px
      var(--triple-special-height, 1fr)
      8px
      var(--triple-normal-height, 1fr) !important;
  }
  body.mobile-portrait-stack-fit .dual-screen-panel > .pane,
  body.mobile-portrait-stack-fit .triple-screen-panel > .pane {
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden;
  }
  body.mobile-portrait-stack-fit .log-box.embedded {
    height: 100% !important;
    min-height: 0 !important;
  }
  body.mobile-portrait-stack-fit .pane-title {
    padding: 4px 6px;
    gap: 3px;
  }
  body.mobile-portrait-stack-fit .pane-title .tab-bookmark-clear-btn,
  body.mobile-portrait-stack-fit .pane-title .tab-log-jump-btn {
    font-size: 11px;
    padding: 3px 5px;
  }
}

/* Ver_p.0.1.7: スマートフォン縦画面でもダッシュボード左右欄を横並び維持 */
@media (pointer: coarse) and (orientation: portrait), (max-width: 700px) and (orientation: portrait) {
  .summary-grid,
  body.mobile-portrait-stack-fit .summary-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding: 4px 5px !important;
  }
  .summary-col,
  body.mobile-portrait-stack-fit .summary-col {
    flex: 1 1 0 !important;
    width: 50% !important;
    min-width: 0 !important;
  }
  .summary-col-left,
  body.mobile-portrait-stack-fit .summary-col-left {
    border-right: 1px solid #e0e0e0 !important;
    padding-right: 4px !important;
  }
  .summary-col-right,
  body.mobile-portrait-stack-fit .summary-col-right {
    padding-left: 0 !important;
  }
  .summary-item,
  body.mobile-portrait-stack-fit .summary-item {
    padding: 2px 4px !important;
    gap: 4px !important;
    margin: 2px 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
  .summary-label,
  body.mobile-portrait-stack-fit .summary-label {
    flex: 0 0 66px !important;
    min-width: 66px !important;
  }
  .summary-value,
  body.mobile-portrait-stack-fit .summary-value {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

/* Ver_p.0.1.9: event ranking highlight toggle and linked multiline event meta. */
/* Ver_p.0.1.10: config-controlled visibility for the 設定確認 header button. */
.event-ranking-table th:nth-child(1), .event-ranking-table td:nth-child(1) { text-align: center; white-space: nowrap; width: 72px; }
.event-ranking-table th:nth-child(2), .event-ranking-table td:nth-child(2) { text-align: center; white-space: nowrap; width: 120px; }
.event-ranking-table th:nth-child(3), .event-ranking-table td:nth-child(3),
.event-ranking-table th:nth-child(4), .event-ranking-table td:nth-child(4) { text-align: right; white-space: nowrap; width: 120px; }
.event-ranking-table th:nth-child(5), .event-ranking-table td:nth-child(5) { text-align: left; word-break: break-word; }

/* Ver_p.0.1.11: ライバーモード
   - ヘッダーのボタンで一般モード/ライバーモードを切替
   - スマートフォン縦画面の初期比率: 2画面=コメント:ギフト 3:7、3画面=コメント:Special:Normal 3:5:2
   - ギフトログはギフト名・累計pt・今回ptを隠し、1ログ1行に集約
*/
.liver-mode-toggle.active {
  background:#1f7a3a !important;
  color:#ffffff !important;
  border-color:#1f7a3a !important;
}
/* Ver_p.0.1.24: header visibility buttons use the same active green as liver mode. */
.header-state-toggle.active {
  background:#1f7a3a !important;
  color:#ffffff !important;
  border-color:#1f7a3a !important;
}


body.liver-mode .gift-row .gift-name-cell,
body.liver-mode .gift-row .gift-cumulative-points,
body.liver-mode .gift-row .gift-current-points {
  display:none !important;
}

body.liver-mode #log_gift > .gift-row,
body.liver-mode #log_timeline > .gift-row,
body.liver-mode #log_dual_gift > .gift-row,
body.liver-mode #log_triple_gift_special > .gift-row,
body.liver-mode #log_triple_gift_normal > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display:grid !important;
  grid-template-columns: minmax(76px, 15%) minmax(28px, 5%) minmax(0, 42%) minmax(30px, 7%) minmax(70px, 15.5%) minmax(70px, 15.5%) !important;
  grid-template-areas: "time avatar user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_gift > .gift-row > .log-time,
body.liver-mode #log_timeline > .gift-row > .log-time,
body.liver-mode #log_dual_gift > .gift-row > .log-time,
body.liver-mode #log_triple_gift_special > .gift-row > .log-time,
body.liver-mode #log_triple_gift_normal > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  order:1 !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode #log_gift > .gift-row > .log-avatar-cell,
body.liver-mode #log_timeline > .gift-row > .log-avatar-cell,
body.liver-mode #log_dual_gift > .gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_special > .gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_normal > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  order:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:1px 2px !important;
  min-width:0 !important;
}

body.liver-mode #log_gift > .gift-row > .log-user-name,
body.liver-mode #log_timeline > .gift-row > .log-user-name,
body.liver-mode #log_dual_gift > .gift-row > .log-user-name,
body.liver-mode #log_triple_gift_special > .gift-row > .log-user-name,
body.liver-mode #log_triple_gift_normal > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  order:3 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#000 !important;
}

body.liver-mode #log_gift > .gift-row > .gift-detail-line,
body.liver-mode #log_timeline > .gift-row > .gift-detail-line,
body.liver-mode #log_dual_gift > .gift-row > .gift-detail-line,
body.liver-mode #log_triple_gift_special > .gift-row > .gift-detail-line,
body.liver-mode #log_triple_gift_normal > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
}

body.liver-mode #log_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode #log_timeline > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode #log_dual_gift > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode #log_triple_gift_special > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode #log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  order:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:1px 2px !important;
}

body.liver-mode #log_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode #log_timeline > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode #log_dual_gift > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode #log_triple_gift_special > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode #log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  order:5 !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode #log_gift > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode #log_timeline > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode #log_dual_gift > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode #log_triple_gift_special > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode #log_triple_gift_normal > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  order:6 !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .gift-row .gift-img,
body.liver-mode .gift-row .user-avatar {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
}

@media (pointer: coarse) and (orientation: portrait), (max-width: 700px) and (orientation: portrait) {
  body.liver-mode.mobile-portrait-stack-fit .dual-screen-panel {
    grid-template-rows:
      var(--dual-top-height, 3fr)
      8px
      var(--dual-bottom-height, 7fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .triple-screen-panel {
    grid-template-rows:
      var(--triple-comment-height, 3fr)
      8px
      var(--triple-special-height, 5fr)
      8px
      var(--triple-normal-height, 2fr) !important;
  }
  body.liver-mode #log_gift > .gift-row,
  body.liver-mode #log_timeline > .gift-row,
  body.liver-mode #log_dual_gift > .gift-row,
  body.liver-mode #log_triple_gift_special > .gift-row,
  body.liver-mode #log_triple_gift_normal > .gift-row,
  body.liver-mode .user-log-box > .gift-row {
    grid-template-columns: minmax(68px, 18%) minmax(24px, 6%) minmax(0, 38%) minmax(26px, 8%) minmax(54px, 15%) minmax(54px, 15%) !important;
  }
}

/* Ver_p.0.1.12: ライバーモード compact log display final override
   - ギフトログ時刻欄を従来ライバーモード比で30%狭め、名前欄へ配分
   - ギフトタブ/タイムライン/2画面/3画面Special/Normal/ユーザーログのギフト行を同一簡略1行表示
   - コメント行は時刻欄を非表示にし、横1行レイアウトへ集約。名前欄は枠内で折返し許可
*/
body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points {
  display: none !important;
}

body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display: grid !important;
  grid-template-columns: minmax(60px, 10.5%) minmax(26px, 5%) minmax(0, 46.5%) minmax(28px, 7%) minmax(58px, 15.5%) minmax(58px, 15.5%) !important;
  grid-template-areas: "time avatar user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 1px 2px !important;
  overflow: hidden !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display: contents !important;
  grid-area: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 1px 2px !important;
  overflow: hidden !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-right: 0 !important;
}

body.liver-mode .gift-row img.gift-img,
body.liver-mode .gift-row img.user-avatar {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  object-fit: contain !important;
}

body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]) {
  display: none !important;
}

body.liver-mode .log-box > .comment-row,
body.liver-mode .user-log-box > .comment-row {
  display: grid !important;
  grid-template-columns: minmax(26px, 5%) minmax(0, 30%) minmax(0, 65%) !important;
  grid-template-areas: "avatar user message" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
}

body.liver-mode .log-box > .comment-row > .log-time,
body.liver-mode .user-log-box > .comment-row > .log-time {
  display: none !important;
}

body.liver-mode .log-box > .comment-row > .log-avatar-cell,
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 1px 2px !important;
  overflow: hidden !important;
}

body.liver-mode .log-box > .comment-row > .log-user-name,
body.liver-mode .user-log-box > .comment-row > .log-user-name {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

body.liver-mode .log-box > .comment-row > .comment-message,
body.liver-mode .user-log-box > .comment-row > .comment-message {
  grid-area: message !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-right: 0 !important;
}

@media (pointer: coarse) and (orientation: portrait), (max-width: 700px) and (orientation: portrait) {
  body.liver-mode .log-box > .gift-row,
  body.liver-mode .user-log-box > .gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
  body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
    grid-template-columns: minmax(48px, 12.6%) minmax(22px, 6%) minmax(0, 43.4%) minmax(24px, 8%) minmax(44px, 15%) minmax(44px, 15%) !important;
  }
  body.liver-mode .log-box > .comment-row,
  body.liver-mode .user-log-box > .comment-row {
    grid-template-columns: minmax(22px, 7%) minmax(0, 34%) minmax(0, 59%) !important;
  }
  body.liver-mode .gift-row img.gift-img,
  body.liver-mode .gift-row img.user-avatar,
  body.liver-mode .comment-row img.user-avatar {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }
}


/* Ver_p.0.1.13: ライバーモードはスマートフォン縦画面でのみ有効。
   ボタンは現在選択中のモード名を表示し、コメント時刻欄を復活。
   ギフト行は指定比率 9:6:46:9:15:15 で1行表示に統一。 */
body:not(.liver-mode) .liver-mode-toggle.active {
  background:#5d6470 !important;
  color:#ffffff !important;
  border-color:#5d6470 !important;
}

body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"] {
  display:grid !important;
  grid-template-columns: 9% 6% 46% 9% 15% 15% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points {
  display:none !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .gift-row img.gift-img,
body.liver-mode .gift-row img.user-avatar {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  object-fit:contain !important;
}

body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]) {
  display:none !important;
}

body.liver-mode .log-box > .comment-row,
body.liver-mode .user-log-box > .comment-row {
  display:grid !important;
  grid-template-columns: 15% 6% 29% 50% !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode .log-box > .comment-row > .log-time,
body.liver-mode .user-log-box > .comment-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode .log-box > .comment-row > .log-avatar-cell,
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .comment-row > .log-user-name,
body.liver-mode .user-log-box > .comment-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

body.liver-mode .log-box > .comment-row > .comment-message,
body.liver-mode .user-log-box > .comment-row > .comment-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .comment-row img.user-avatar {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
}


/* Ver_p.0.1.14: ライバーモード縦画面の最終比率調整。
   適用対象は body.liver-mode（JS側でスマートフォン縦画面のみ付与）。
   ギフト行は 6:6:46:9:16.5:16.5、コメント行は 6:6:46:42。
   キラキラ星・星・種は、まず通常ギフト行と同じ1行レイアウトへ整形し、最後に非表示/累計100表示ロジックを適用する。 */
body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row.twinkle-100-row,
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row.twinkle-100-row {
  display:grid !important;
  grid-template-columns: 6% 6% 46% 9% 16.5% 16.5% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points,
body.liver-mode .log-box > .gift-row .gift-formula-cell,
body.liver-mode .user-log-box > .gift-row .gift-formula-cell {
  display:none !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 1px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .gift-row img.gift-img,
body.liver-mode .gift-row img.user-avatar {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  object-fit:contain !important;
}

body.liver-mode .log-box > .comment-row,
body.liver-mode .user-log-box > .comment-row {
  display:grid !important;
  grid-template-columns: 6% 6% 46% 42% !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode .log-box > .comment-row > .log-time,
body.liver-mode .user-log-box > .comment-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 1px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode .log-box > .comment-row > .log-avatar-cell,
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .comment-row > .log-user-name,
body.liver-mode .user-log-box > .comment-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

body.liver-mode .log-box > .comment-row > .comment-message,
body.liver-mode .user-log-box > .comment-row > .comment-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .comment-row img.user-avatar {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
}

/* 無料ギフト非表示系は、ライバーモードの1行整形より後段で最終適用する。 */
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-free-filter-target="1"]:not([data-twinkle-100="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-free-filter-target="1"]:not([data-twinkle-100="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"]:not([data-twinkle-100="1"]) {
  display:none !important;
}

/* Ver_p.0.1.15: ライバーモード縦画面の最終指定。
   - ギフト行: 時刻:アバター:名前:ギフト画像:累計個数:今回個数 = 6:6:47:7:17:17
   - ギフト名、累計pt、今回ptは非表示
   - ライバーモードの2画面/3画面では、キラキラ星・星・種の非表示/累計100だけ表示ロジックを廃止
   - 2画面/3画面コメント欄はコメントログタブと同じ1行スタイルに統一
*/
body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row.twinkle-100-row,
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row.twinkle-100-row {
  display:grid !important;
  grid-template-columns: 6% 6% 47% 7% 17% 17% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points,
body.liver-mode .log-box > .gift-row .gift-formula-cell,
body.liver-mode .user-log-box > .gift-row .gift-formula-cell {
  display:none !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 1px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:1px 1px !important;
  overflow:hidden !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 2px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}

body.liver-mode .gift-row img.gift-img,
body.liver-mode .gift-row img.user-avatar {
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  min-height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  object-fit:contain !important;
}

/* ライバーモードの2画面/3画面では無料ギフト非表示系を最終的に無効化する。 */
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row.hide-log-gift-row,
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row.hide-log-gift-row,
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row.hide-log-gift-row {
  display:grid !important;
  grid-template-columns: 6% 6% 47% 7% 17% 17% !important;
}

/* 2画面/3画面コメント欄をコメントログタブと同じライバーモード表示へ明示的に統一する。 */
body.liver-mode #log_all > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 6% 6% 46% 42% !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}


/* Ver_p.0.1.16: ライバーモード縦画面の比率再調整。
   通常ギフト行: 6:6:47:7:17:17。
   2画面/3画面のキラキラ星・星・種: 6:6:46:9:16.5:16.5。
   コメント行: 6:6:46:42。 */
body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row.twinkle-100-row,
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row.twinkle-100-row {
  display:grid !important;
  grid-template-columns: 6% 6% 47% 7% 17% 17% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
}

body.liver-mode #log_dual_gift > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_dual_gift > .gift-row.hide-log-gift-row,
body.liver-mode #log_triple_gift_special > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_triple_gift_special > .gift-row.hide-log-gift-row,
body.liver-mode #log_triple_gift_normal > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_triple_gift_normal > .gift-row.hide-log-gift-row {
  display:grid !important;
  grid-template-columns: 6% 6% 46% 9% 16.5% 16.5% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
}

body.liver-mode #log_all > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 6% 6% 46% 42% !important;
  grid-template-areas:"time avatar user message" !important;
}


/* Ver_p.0.1.17: ライバーモード縦画面のコメント系ログ最終指定。
   対象: コメントログタブ、2画面コメント欄、3画面コメント欄。
   - SYSTEM/サーバーメッセージ: 時刻238px / 名前・SYSTEM 90px / 本文 残り幅。
   - コメント: 時刻238px / アバター18px / 名前=残り40% / 本文=残り60%。
   body.liver-mode はJS側でスマートフォン縦画面時だけ付与される。 */
body.liver-mode #log_all > .system-row,
body.liver-mode #log_dual_comment > .system-row,
body.liver-mode #log_triple_comment > .system-row {
  display:grid !important;
  grid-template-columns: 238px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .system-row > .log-main-line,
body.liver-mode #log_dual_comment > .system-row > .log-main-line,
body.liver-mode #log_triple_comment > .system-row > .log-main-line {
  display:contents !important;
  padding:0 !important;
  margin:0 !important;
}

body.liver-mode #log_all > .system-row .log-time,
body.liver-mode #log_dual_comment > .system-row .log-time,
body.liver-mode #log_triple_comment > .system-row .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row .log-user,
body.liver-mode #log_dual_comment > .system-row .log-user,
body.liver-mode #log_triple_comment > .system-row .log-user,
body.liver-mode #log_all > .system-row > .log-user-name,
body.liver-mode #log_dual_comment > .system-row > .log-user-name,
body.liver-mode #log_triple_comment > .system-row > .log-user-name {
  grid-area:name !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .system-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .system-row > .log-avatar-cell {
  display:none !important;
}

body.liver-mode #log_all > .system-row > .system-message,
body.liver-mode #log_dual_comment > .system-row > .system-message,
body.liver-mode #log_triple_comment > .system-row > .system-message {
  grid-area:message !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 238px 18px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .comment-row > .log-time,
body.liver-mode #log_dual_comment > .comment-row > .log-time,
body.liver-mode #log_triple_comment > .comment-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell img.user-avatar {
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode #log_all > .comment-row > .log-user-name,
body.liver-mode #log_dual_comment > .comment-row > .log-user-name,
body.liver-mode #log_triple_comment > .comment-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .comment-message,
body.liver-mode #log_dual_comment > .comment-row > .comment-message,
body.liver-mode #log_triple_comment > .comment-row > .comment-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

/* Ver_p.0.1.18: ライバーモード縦画面のコメント/SYSTEM幅と無料ギフト比率の最終指定。
   対象: コメントログタブ、2画面コメント欄、3画面コメント欄。
   - SYSTEM/サーバーメッセージ: 時刻138px / 空欄25px / 名前・SYSTEM 90px / 本文 残り幅。
   - コメント: 時刻138px / アバター25px / 名前=残り40% / 本文=残り60%。
   - 2画面/3画面のキラキラ星・星・種はSpecialギフトと同じ 6:6:47:7:17:17。
*/
body.liver-mode #log_all > .system-row,
body.liver-mode #log_dual_comment > .system-row,
body.liver-mode #log_triple_comment > .system-row {
  display:grid !important;
  grid-template-columns: 138px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time blank name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .system-row > .log-main-line,
body.liver-mode #log_dual_comment > .system-row > .log-main-line,
body.liver-mode #log_triple_comment > .system-row > .log-main-line {
  display:contents !important;
  padding:0 !important;
  margin:0 !important;
}

body.liver-mode #log_all > .system-row .log-time,
body.liver-mode #log_dual_comment > .system-row .log-time,
body.liver-mode #log_triple_comment > .system-row .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row .log-user,
body.liver-mode #log_dual_comment > .system-row .log-user,
body.liver-mode #log_triple_comment > .system-row .log-user,
body.liver-mode #log_all > .system-row > .log-user-name,
body.liver-mode #log_dual_comment > .system-row > .log-user-name,
body.liver-mode #log_triple_comment > .system-row > .log-user-name {
  grid-area:name !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .system-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .system-row > .log-avatar-cell {
  display:none !important;
}

body.liver-mode #log_all > .system-row > .system-message,
body.liver-mode #log_dual_comment > .system-row > .system-message,
body.liver-mode #log_triple_comment > .system-row > .system-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .comment-row > .log-time,
body.liver-mode #log_dual_comment > .comment-row > .log-time,
body.liver-mode #log_triple_comment > .comment-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell img.user-avatar {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode #log_all > .comment-row > .log-user-name,
body.liver-mode #log_dual_comment > .comment-row > .log-user-name,
body.liver-mode #log_triple_comment > .comment-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .comment-message,
body.liver-mode #log_dual_comment > .comment-row > .comment-message,
body.liver-mode #log_triple_comment > .comment-row > .comment-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_dual_gift > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_dual_gift > .gift-row.hide-log-gift-row,
body.liver-mode #log_triple_gift_special > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_triple_gift_special > .gift-row.hide-log-gift-row,
body.liver-mode #log_triple_gift_normal > .gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.liver-mode #log_triple_gift_normal > .gift-row.hide-log-gift-row {
  display:grid !important;
  grid-template-columns: 6% 6% 47% 7% 17% 17% !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
}


/* Ver_p.0.1.20: ライバーモード縦画面のギフト表示仕様を全ギフト共通に統一。
   表示段数: すべて1段。
   - 時刻 138px
   - アバター 25px x 25px
   - 名前 固定列を除いた残り幅の60%
   - ギフト画像 25px x 25px
   - 累計 固定列を除いた残り幅の20%
   - 今回 固定列を除いた残り幅の20%
   - ギフト名、累計ポイント、今回ポイントは非表示。
*/
body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode:not(.hide-timeline-free-gifts) .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-free-filter-target="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-hide-free-gift="1"][data-twinkle-100="1"],
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .log-box > .gift-row.twinkle-100-row,
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row.twinkle-100-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell img.user-avatar {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:contain !important;
}

body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points,
body.liver-mode .log-box > .gift-row .gift-formula-cell,
body.liver-mode .user-log-box > .gift-row .gift-formula-cell {
  display:none !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

/* 2画面/3画面で無料ギフト行を表示対象に戻す既存仕様を、新レイアウトでも維持する。 */
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_dual_gift > .gift-row.hide-log-gift-row,
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_special > .gift-row.hide-log-gift-row,
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row[data-free-filter-target="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row[data-hide-free-gift="1"],
body.liver-mode.hide-timeline-free-gifts #log_triple_gift_normal > .gift-row.hide-log-gift-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
}


/* Ver_p.0.1.20: ライバーモードでは通常ギフト・キラキラ星・星・種を同一生成結果・同一表示経路で扱う。
   hide-log-gift-row / data-free-filter-target / twinkle-100-row 等の属性が付いていても、
   ライバーモード中は他のギフト行と同じ1段グリッドにする。 */
body.liver-mode .log-box > .gift-row,
body.liver-mode .user-log-box > .gift-row,
body.liver-mode .log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode .user-log-box > .gift-row[data-free-filter-target="1"],
body.liver-mode .log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode .user-log-box > .gift-row[data-hide-free-gift="1"],
body.liver-mode .log-box > .gift-row.hide-log-gift-row,
body.liver-mode .user-log-box > .gift-row.hide-log-gift-row,
body.liver-mode .log-box > .gift-row.twinkle-gift-row,
body.liver-mode .user-log-box > .gift-row.twinkle-gift-row,
body.liver-mode .log-box > .gift-row.twinkle-100-row,
body.liver-mode .user-log-box > .gift-row.twinkle-100-row,
body.liver-mode .log-box > .gift-row[data-liver-mode-common-gift-style="1"],
body.liver-mode .user-log-box > .gift-row[data-liver-mode-common-gift-style="1"] {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

body.liver-mode .log-box > .gift-row > .log-time,
body.liver-mode .user-log-box > .gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell img.user-avatar {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode .log-box > .gift-row > .log-user-name,
body.liver-mode .user-log-box > .gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:contain !important;
}

body.liver-mode .log-box > .gift-row .gift-name-cell,
body.liver-mode .user-log-box > .gift-row .gift-name-cell,
body.liver-mode .log-box > .gift-row .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-points,
body.liver-mode .log-box > .gift-row .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-points,
body.liver-mode .log-box > .gift-row .gift-formula-cell,
body.liver-mode .user-log-box > .gift-row .gift-formula-cell {
  display:none !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode .log-box > .gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}


/* Ver_p.0.1.21: ライバーモードでは無料ギフト系（キラキラ星・星・種）も通常ギフトと完全同一の最終レイアウトに固定する。
   旧CSSの #log_dual_gift .gift-row.hide-log-gift-row / data-hide-free-gift 向け高詳細度指定を上書きする。 */
body.liver-mode #log_gift.log-box > .gift-row.gift-row,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-time,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-time,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-time,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-time,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-time,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line {
  display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
  grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:contain !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-formula-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-formula-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-formula-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-formula-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-formula-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-formula-cell {
  display:none !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
  grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}


/* Ver_p.0.1.22: ライバーモード縦画面のタイムラインタブ表示統一。
   タイムラインタブでは、コメント/SYSTEM/サーバーメッセージはコメントログタブと同じ1段表示、
   ギフト行はギフトログタブと同じ全ギフト共通1段表示を使う。 */
body.liver-mode #log_all > .system-row,
body.liver-mode #log_timeline > .system-row,
body.liver-mode #log_dual_comment > .system-row,
body.liver-mode #log_triple_comment > .system-row {
  display:grid !important;
  grid-template-columns: 138px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time blank name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .system-row > .log-main-line,
body.liver-mode #log_timeline > .system-row > .log-main-line,
body.liver-mode #log_dual_comment > .system-row > .log-main-line,
body.liver-mode #log_triple_comment > .system-row > .log-main-line {
  display:contents !important;
  padding:0 !important;
  margin:0 !important;
}

body.liver-mode #log_all > .system-row .log-time,
body.liver-mode #log_timeline > .system-row .log-time,
body.liver-mode #log_dual_comment > .system-row .log-time,
body.liver-mode #log_triple_comment > .system-row .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row .log-user,
body.liver-mode #log_timeline > .system-row .log-user,
body.liver-mode #log_dual_comment > .system-row .log-user,
body.liver-mode #log_triple_comment > .system-row .log-user,
body.liver-mode #log_all > .system-row > .log-user-name,
body.liver-mode #log_timeline > .system-row > .log-user-name,
body.liver-mode #log_dual_comment > .system-row > .log-user-name,
body.liver-mode #log_triple_comment > .system-row > .log-user-name {
  grid-area:name !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .system-row > .log-avatar-cell,
body.liver-mode #log_timeline > .system-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .system-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .system-row > .log-avatar-cell {
  display:none !important;
}

body.liver-mode #log_all > .system-row > .system-message,
body.liver-mode #log_timeline > .system-row > .system-message,
body.liver-mode #log_dual_comment > .system-row > .system-message,
body.liver-mode #log_triple_comment > .system-row > .system-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row,
body.liver-mode #log_timeline > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}

body.liver-mode #log_all > .comment-row > .log-time,
body.liver-mode #log_timeline > .comment-row > .log-time,
body.liver-mode #log_dual_comment > .comment-row > .log-time,
body.liver-mode #log_triple_comment > .comment-row > .log-time {
  grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell,
body.liver-mode #log_timeline > .comment-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell {
  grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_timeline > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell img.user-avatar {
  width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

body.liver-mode #log_all > .comment-row > .log-user-name,
body.liver-mode #log_timeline > .comment-row > .log-user-name,
body.liver-mode #log_dual_comment > .comment-row > .log-user-name,
body.liver-mode #log_triple_comment > .comment-row > .log-user-name {
  grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_all > .comment-row > .comment-message,
body.liver-mode #log_timeline > .comment-row > .comment-message,
body.liver-mode #log_dual_comment > .comment-row > .comment-message,
body.liver-mode #log_triple_comment > .comment-row > .comment-message {
  grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}

body.liver-mode #log_gift > .gift-row,
body.liver-mode #log_timeline > .gift-row,
body.liver-mode #log_dual_gift > .gift-row,
body.liver-mode #log_triple_gift_special > .gift-row,
body.liver-mode #log_triple_gift_normal > .gift-row,
body.liver-mode .user-log-box > .gift-row {
  display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}

/* Ver_p.0.1.24: ライバーモード有効時はヘッダーの補助指標を非表示。
   body.liver-mode はスマートフォン縦画面かつライバーモード選択時だけ付与される。 */
body.liver-mode .room-metric-info,
body.liver-mode .room-show-rank,
body.liver-mode .room-event-status {
  display: none !important;
}


/* Ver_p.0.1.25: ライバーモード時、ヘッダー操作群を横1段に収める。
   文字サイズ / ライバーモード / 設定 / ダッシュボードを同一行で表示するため、
   操作グループをヘッダー幅いっぱいに拡張する。 */
body.liver-mode .app-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  padding: 8px 10px !important;
}
body.liver-mode .app-header > div:first-child {
  width: 100% !important;
  min-width: 0 !important;
}
body.liver-mode .header-actions,
body.liver-mode .header-tools {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(104px, 1.05fr) minmax(96px, 1fr) minmax(58px, .62fr) minmax(104px, 1.05fr) !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: stretch !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body.liver-mode .header-log-size-label {
  min-width: 0 !important;
  width: 100% !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
  font-size: 12px !important;
}
body.liver-mode .header-log-size-select {
  width: 52px !important;
  min-width: 52px !important;
  padding: 4px 5px !important;
  font-size: 12px !important;
}
body.liver-mode .header-tools .btn,
body.liver-mode .header-actions .btn {
  width: 100% !important;
  min-width: 0 !important;
  padding: 7px 6px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode #toggle_liver_mode_btn,
body.liver-mode #toggle_dashboard_btn {
  letter-spacing: -0.02em !important;
}
body.liver-mode #toggle_left_btn {
  min-width: 52px !important;
}

/* Ver_p.0.2: ライバーモードのギフト累計/今回を「個数/得点」表記に統一する。 */
.gift-liver-value {
  display: none;
}
body.liver-mode #log_gift > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode #log_timeline > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode #log_dual_gift > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode #log_triple_gift_special > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode #log_gift > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode #log_timeline > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode #log_dual_gift > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode #log_triple_gift_special > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode #log_gift > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode #log_timeline > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode #log_dual_gift > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode #log_triple_gift_special > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode #log_gift > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode #log_timeline > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode #log_dual_gift > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode #log_triple_gift_special > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode #log_gift > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode #log_timeline > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode #log_dual_gift > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode #log_triple_gift_special > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode #log_gift > .gift-row .gift-current-cell .gift-current-points,
body.liver-mode #log_timeline > .gift-row .gift-current-cell .gift-current-points,
body.liver-mode #log_dual_gift > .gift-row .gift-current-cell .gift-current-points,
body.liver-mode #log_triple_gift_special > .gift-row .gift-current-cell .gift-current-points,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-current-cell .gift-current-points,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-current-points {
  display: none !important;
}
body.liver-mode #log_gift > .gift-row .gift-liver-value,
body.liver-mode #log_timeline > .gift-row .gift-liver-value,
body.liver-mode #log_dual_gift > .gift-row .gift-liver-value,
body.liver-mode #log_triple_gift_special > .gift-row .gift-liver-value,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-liver-value,
body.liver-mode .user-log-box > .gift-row .gift-liver-value {
  display: inline !important;
  white-space: nowrap !important;
}
body.liver-mode #log_gift > .gift-row .gift-cumulative-cell,
body.liver-mode #log_timeline > .gift-row .gift-cumulative-cell,
body.liver-mode #log_dual_gift > .gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_special > .gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell,
body.liver-mode #log_gift > .gift-row .gift-current-cell,
body.liver-mode #log_timeline > .gift-row .gift-current-cell,
body.liver-mode #log_dual_gift > .gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_special > .gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_normal > .gift-row .gift-current-cell,
body.liver-mode .user-log-box > .gift-row .gift-current-cell {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Ver_p.0.2.1: ライバーモードのコメント/SYSTEM/ギフト行を指定幅へ最終調整する。
   body.liver-mode はスマートフォン縦画面かつライバーモード選択時だけ付与される。 */
body.liver-mode #log_all > .system-row,
body.liver-mode #log_timeline > .system-row,
body.liver-mode #log_dual_comment > .system-row,
body.liver-mode #log_triple_comment > .system-row {
  display:grid !important;
  grid-template-columns: 110px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time blank name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode #log_all > .system-row > .log-avatar-cell,
body.liver-mode #log_timeline > .system-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .system-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .system-row > .log-avatar-cell {
  display:block !important;
  grid-area:blank !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.liver-mode #log_all > .system-row > .log-avatar-cell *,
body.liver-mode #log_timeline > .system-row > .log-avatar-cell *,
body.liver-mode #log_dual_comment > .system-row > .log-avatar-cell *,
body.liver-mode #log_triple_comment > .system-row > .log-avatar-cell * {
  display:none !important;
}
body.liver-mode #log_all > .comment-row,
body.liver-mode #log_timeline > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  display:grid !important;
  grid-template-columns: 110px 28px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode #log_all > .comment-row > .log-avatar-cell,
body.liver-mode #log_timeline > .comment-row > .log-avatar-cell,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell {
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
}
body.liver-mode #log_all > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_timeline > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_comment > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_comment > .comment-row > .log-avatar-cell img.user-avatar {
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode #log_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
  display:grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas:"time avatar user icon giftname cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
  grid-area:giftname !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
  grid-area:cumulative !important;
  grid-column:6 !important;
}
body.liver-mode #log_gift.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_timeline.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
  grid-area:current !important;
  grid-column:7 !important;
}

/* Ver_p.0.2.2: PCでも横幅が狭く、2画面/3画面が縦並びになる条件(max-width:1200px)では、
   ライバーモード選択時に同じライバーモード表示を適用する。 */
@media (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit .dual-screen-panel {
    grid-template-rows:
      var(--dual-top-height, 3fr)
      8px
      var(--dual-bottom-height, 7fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .triple-screen-panel {
    grid-template-rows:
      var(--triple-comment-height, 3fr)
      8px
      var(--triple-special-height, 5fr)
      8px
      var(--triple-normal-height, 2fr) !important;
  }
}


/* Ver_p.0.2.3: PC/スマートフォン共通ライバーモードの縦並び条件を max-width:1200px に統一。
   ギフトログは、縦並び条件下で全ギフト共通の1段表示にする。
   仕様: 時刻110px / アバター28px / 名前45? -> 本指定では名前40fr、ギフト名22fr、累計19fr、今回19fr。
*/
@media (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) .log-box > .gift-row.gift-row[data-hide-free-gift="1"],
  body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) .user-log-box.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts .log-box > .gift-row.gift-row[data-hide-free-gift="1"],
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts .user-log-box.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.twinkle-gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.twinkle-gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.twinkle-gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
    display: grid !important;
    grid-template-columns: 110px 28px minmax(0, 40fr) 28px minmax(0, 22fr) minmax(0, 19fr) minmax(0, 19fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 2px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-user-name {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.gift-img {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-points {
    display: none !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-liver-value,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-liver-value {
    display: inline !important;
  }
}

/* Ver_p.0.2.7.2: Based on Ver_p.0.2.7.1. Liver mode gift log time width update.
   Applies under the same stacked/narrow condition max-width:1200px.
   Gift rows: time 90px / avatar icon scaled from M=28px / name 32fr /
              gift image scaled from M=28px / gift name 24fr / cumulative 22fr / current 22fr.
   Cumulative/current show compact liver value: count個(pointspt), right aligned. */
body.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 28px;
}
body.log-size-xs.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 22px;
}
body.log-size-s.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 25px;
}
body.log-size-m.liver-mode.mobile-portrait-stack-fit,
body.liver-mode.mobile-portrait-stack-fit:not(.log-size-xs):not(.log-size-s):not(.log-size-l):not(.log-size-xl) {
  --slv-liver-gift-icon-size: 28px;
}
body.log-size-l.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 31px;
}
body.log-size-xl.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 34px;
}

@media (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    display: grid !important;
    grid-template-columns: 90px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 24fr) minmax(0, 22fr) minmax(0, 22fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 2px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--slv-liver-gift-icon-size) !important;
    min-width: var(--slv-liver-gift-icon-size) !important;
    max-width: var(--slv-liver-gift-icon-size) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-user-name {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--slv-liver-gift-icon-size) !important;
    min-width: var(--slv-liver-gift-icon-size) !important;
    max-width: var(--slv-liver-gift-icon-size) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.gift-img {
    width: var(--slv-liver-gift-icon-size) !important;
    height: var(--slv-liver-gift-icon-size) !important;
    min-width: var(--slv-liver-gift-icon-size) !important;
    min-height: var(--slv-liver-gift-icon-size) !important;
    max-width: var(--slv-liver-gift-icon-size) !important;
    max-height: var(--slv-liver-gift-icon-size) !important;
    object-fit: contain !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-current-points {
    display: none !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-liver-value,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-liver-value {
    display: inline !important;
  }
}


/* Ver_p.0.2.7.3: Liver mode gift log time/ratio final override.
   Base: Ver_p.0.2.7.2.
   Applies under max-width:1200px stacked condition.
   Gift rows: time 86px / avatar icon scaled from M=28px / name 32fr /
              gift image scaled from M=28px / gift name 20fr / cumulative 24fr / current 24fr.
   Cumulative/current liver values remain count個(pointpt). */
@media (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 20fr) minmax(0, 24fr) minmax(0, 24fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    grid-column: 5 !important;
    display: block !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
    grid-column: 6 !important;
    text-align: right !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    grid-column: 7 !important;
    text-align: right !important;
  }
}

/* Ver_p.0.2.7.3: Liver mode gift compact value notation retained.
   Cumulative/current liver values are generated as count個(pointpt), using
   the 90px/28px/32fr/24fr/22fr/22fr layout. */


/* Ver_p.0.2.7.4: Liver mode gift log final settings.
   Base: Ver_p.0.2.7.3.
   Applies under max-width:1200px stacked condition.
   Gift rows: time 86px / avatar and gift image scaled from M=26px /
              name 30fr / gift name 16fr / cumulative 27fr / current 27fr.
   Cumulative/current liver values remain count個(pointpt), right aligned. */
body.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 26px;
}
body.log-size-xs.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 20px;
}
body.log-size-s.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 23px;
}
body.log-size-m.liver-mode.mobile-portrait-stack-fit,
body.liver-mode.mobile-portrait-stack-fit:not(.log-size-xs):not(.log-size-s):not(.log-size-l):not(.log-size-xl) {
  --slv-liver-gift-icon-size: 26px;
}
body.log-size-l.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 29px;
}
body.log-size-xl.liver-mode.mobile-portrait-stack-fit {
  --slv-liver-gift-icon-size: 32px;
}

@media (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    display: grid !important;
    grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 30fr) var(--slv-liver-gift-icon-size) minmax(0, 16fr) minmax(0, 27fr) minmax(0, 27fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    padding: 2px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--slv-liver-gift-icon-size) !important;
    min-width: var(--slv-liver-gift-icon-size) !important;
    max-width: var(--slv-liver-gift-icon-size) !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-user-name {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    color: #000 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row img.gift-img {
    width: var(--slv-liver-gift-icon-size) !important;
    height: var(--slv-liver-gift-icon-size) !important;
    min-width: var(--slv-liver-gift-icon-size) !important;
    min-height: var(--slv-liver-gift-icon-size) !important;
    max-width: var(--slv-liver-gift-icon-size) !important;
    max-height: var(--slv-liver-gift-icon-size) !important;
    object-fit: contain !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 3px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    text-align: right !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-standard-label,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-cumulative-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-current-count,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-cumulative-points,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-points,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-current-points {
    display: none !important;
  }

  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-liver-value,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box > .gift-row.gift-row .gift-liver-value {
    display: inline !important;
  }
}

/* Ver_p.0.2.8.2: Liver mode gift log layout split by viewport width.
   Base: Ver_p.0.2.8.1.
   Applies when liver mode is active and stacked layout condition is effective.
   Smartphone:   <=600px  time 80px / avatar hidden / gift image 20px / name 20fr / gift 0fr(hidden) / cumulative 40fr / current 40fr; cumulative/current left side visible
   Tablet:      601-900px time 86px / image 26px / name 30fr / gift 18fr / cumulative 26fr / current 26fr
   Narrow PC:  901-1200px time 96px / image 28px / name 32fr / gift 18fr / cumulative 25fr / current 25fr
*/

@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit {
    --slv-liver-gift-icon-size: 20px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 80px 0 minmax(0, 20fr) var(--slv-liver-gift-icon-size) minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  /* Ver_p.0.2.8.2 smartphone avatar hidden */
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: right !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit {
    --slv-liver-gift-icon-size: 26px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 30fr) var(--slv-liver-gift-icon-size) minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    display: block !important;
    padding: 2px 4px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: right !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit {
    --slv-liver-gift-icon-size: 28px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 96px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-time {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
    display: block !important;
    padding: 2px 4px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: right !important;
  }
}


/* Ver_p.0.2.8.2: smartphone liver mode cumulative/current should keep left side visible. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* Ver_p.0.2.8.3: force hide gift-row avatar in smartphone liver mode.
   Some earlier high-specificity rules can keep the avatar image visible; this final
   override removes the avatar cell and every avatar descendant from the layout. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }
}


/* Ver_p.0.2.8.4: liver mode dual/triple gift panes specific layout.
   Base: Ver_p.0.2.8.3.
   Applies only to 2-screen gift pane and 3-screen Special/Normal panes.
   Smartphone <=600px: time 76px / avatar hidden / name 40fr / gift icon 20px base scaled with font size / gift name hidden / cumulative 30fr / current 30fr.
   Tablet 601-900px: 86px / 26px / 30fr / 18fr / 26fr / 26fr.
   Narrow PC 901-1200px: 96px / 28px / 32fr / 18fr / 25fr / 25fr.
*/
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-time {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell {
    width: 1.4286em !important;
    min-width: 1.4286em !important;
    max-width: 1.4286em !important;
    justify-content: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
    width: 1.4286em !important;
    height: 1.4286em !important;
    min-width: 1.4286em !important;
    min-height: 1.4286em !important;
    max-width: 1.4286em !important;
    max-height: 1.4286em !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-name-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    position: relative !important;
    z-index: 5 !important;
    background: inherit !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
}


/* Ver_p.0.2.8.5: liver mode comment/system layout by breakpoint and dual/triple gift pane adjustments.
   Base: Ver_p.0.2.8.4.
   Applies to comment log, timeline comment rows, dual/triple comment panes, and dual/triple gift panes.
*/
@media (max-width: 600px) {
  /* Comment rows: 76px / avatar 20px scaled with font size / name 40% / message 60% */
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 76px 1.4286em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time {
    grid-area: time !important; width:76px !important; min-width:76px !important; max-width:76px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar {
    grid-area: avatar !important; width:1.4286em !important; height:1.4286em !important; min-width:1.4286em !important; min-height:1.4286em !important; max-width:1.4286em !important; max-height:1.4286em !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text {
    grid-area: name !important; min-width:0 !important; max-width:100% !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message {
    grid-area: message !important; min-width:0 !important; max-width:100% !important;
  }

  /* System/server rows: 76px / blank 20px scaled / SYSTEM 100px scaled / message */
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display: grid !important;
    grid-template-columns: 76px 1.4286em 7.1429em minmax(0, 1fr) !important;
    align-items: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time {
    grid-column: 1 !important; width:76px !important; min-width:76px !important; max-width:76px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user {
    grid-column: 3 !important; width:7.1429em !important; min-width:7.1429em !important; max-width:7.1429em !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message {
    grid-column: 4 !important; min-width:0 !important; max-width:100% !important;
  }

  /* Dual/triple gift panes only: 76px / avatar hidden / name30 / icon 20px scaled / gift hidden / cumulative35 / current35 */
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 76px 0 minmax(0, 30fr) 1.4286em minmax(0, 0fr) minmax(0, 35fr) minmax(0, 35fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell {
    text-align:left !important; position:relative !important; z-index:10 !important; overflow:hidden !important; text-overflow:clip !important; white-space:nowrap !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  /* Comment rows */
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 86px 1.5714em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time { grid-area: time !important; width:86px !important; min-width:86px !important; max-width:86px !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar { grid-area: avatar !important; width:1.5714em !important; height:1.5714em !important; min-width:1.5714em !important; min-height:1.5714em !important; max-width:1.5714em !important; max-height:1.5714em !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text { grid-area:name !important; min-width:0 !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message { grid-area:message !important; min-width:0 !important; }

  /* System rows */
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display: grid !important;
    grid-template-columns: 86px 1.5714em 7.8571em minmax(0, 1fr) !important;
    align-items:center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time { grid-column:1 !important; width:86px !important; min-width:86px !important; max-width:86px !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user { grid-column:3 !important; width:7.8571em !important; min-width:7.8571em !important; max-width:7.8571em !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message { grid-column:4 !important; min-width:0 !important; }
}

@media (min-width: 901px) and (max-width: 1200px) {
  /* Comment rows */
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 96px 1.7143em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time { grid-area:time !important; width:96px !important; min-width:96px !important; max-width:96px !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar { grid-area:avatar !important; width:1.7143em !important; height:1.7143em !important; min-width:1.7143em !important; min-height:1.7143em !important; max-width:1.7143em !important; max-height:1.7143em !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text { grid-area:name !important; min-width:0 !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message { grid-area:message !important; min-width:0 !important; }

  /* System rows */
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display: grid !important;
    grid-template-columns: 96px 1.7143em 8.5714em minmax(0, 1fr) !important;
    align-items:center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time { grid-column:1 !important; width:96px !important; min-width:96px !important; max-width:96px !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user { grid-column:3 !important; width:8.5714em !important; min-width:8.5714em !important; max-width:8.5714em !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message { grid-column:4 !important; min-width:0 !important; }
}

/* Ver_p.0.2.8.6: smartphone liver mode comment avatar hidden and system layout compact.
   Base: Ver_p.0.2.8.5.
   Applies to comment log tab, timeline comment rows, dual comment pane, and triple comment pane.
   Smartphone <=600px:
   - Comment: time 76px / avatar hidden / name 40fr / message 60fr.
   - System/server: time 76px / SYSTEM 100px / message remaining.
*/
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time {
    grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap {
    display: contents !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text {
    grid-area: name !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message {
    grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display: grid !important;
    grid-template-columns: 76px 100px minmax(0, 1fr) !important;
    grid-template-areas: "time name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time {
    grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user {
    grid-area: name !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message {
    grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}


/* Ver_p.0.2.8.7: smartphone liver mode comment wrapping and 1px system blank column.
   Base: Ver_p.0.2.8.6.
*/
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: start !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time {
    grid-area: time !important; width:76px !important; min-width:76px !important; max-width:76px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar {
    display:none !important; visibility:hidden !important; width:0 !important; min-width:0 !important; max-width:0 !important; height:0 !important; min-height:0 !important; max-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; overflow:hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text {
    grid-area:name !important; min-width:0 !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message {
    grid-area:message !important; min-width:0 !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important;
  }

  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display:grid !important; grid-template-columns:76px 1px 100px minmax(0,1fr) !important; align-items:center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time {
    grid-column:1 !important; width:76px !important; min-width:76px !important; max-width:76px !important; white-space:nowrap !important; overflow:hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user {
    grid-column:3 !important; width:100px !important; min-width:100px !important; max-width:100px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message {
    grid-column:4 !important; min-width:0 !important; max-width:100% !important;
  }
}


/* Ver_p.0.2.8.8: smartphone liver mode comment/system and dual/triple gift final overrides.
   Base: Ver_p.0.2.8.7.
   Applies under liver mode + max-width:600px.
*/
@media (max-width: 600px) {
  /* Comment rows: time 76px / avatar hidden / name 40% wrap / message 60% wrap */
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-wrap,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-wrap {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-time {
    grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .user-avatar,
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .log-avatar-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .avatar-name-text {
    grid-area: name !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .comment-row .comment-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .comment-row .comment-message {
    grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* System/server rows: time 76px / blank 0px / SYSTEM 40% / message 60% wrap */
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-main-line {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-time {
    grid-column: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .log-user,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .log-user {
    grid-column: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_all .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_timeline .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_comment .system-row .system-message,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_comment .system-row .system-message {
    grid-column: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  /* Dual/triple gift panes: time76 / avatar hidden / name40 / icon 20px scaled / gift hidden / cumulative30 right / current30 right */
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell {
    text-align: right !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}


/* Ver_p.0.2.8.9: restore free-gift filtering in liver mode for gift-log, dual, and triple gift panes only.
   Target tabs/panes: #log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal.
   Logic:
   - hide_timeline_free_gifts ON: hide Kirakira Star / stars / seeds.
   - show_twinkle_100_when_hide ON: show only twinkle cumulative-100 rows among those free gifts.
   - hide_timeline_free_gifts OFF: keep all rows visible with the current liver-mode one-line layout.
*/
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_dual_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_dual_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_special.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_special.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_normal.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) #log_triple_gift_normal.log-box > .gift-row.gift-row[data-free-filter-target="1"] {
  display: none !important;
}

body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special.log-box > .gift-row.gift-row[data-hide-free-gift="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special.log-box > .gift-row.gift-row[data-free-filter-target="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-hide-free-gift="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]),
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-free-filter-target="1"]:not(.twinkle-100-row):not([data-twinkle-100="1"]) {
  display: none !important;
}

body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift.log-box > .gift-row.gift-row.twinkle-100-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_gift.log-box > .gift-row.gift-row[data-twinkle-100="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift.log-box > .gift-row.gift-row.twinkle-100-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift.log-box > .gift-row.gift-row[data-twinkle-100="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special.log-box > .gift-row.gift-row.twinkle-100-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special.log-box > .gift-row.gift-row[data-twinkle-100="1"],
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row,
body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_gift.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_dual_gift.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_dual_gift.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_dual_gift.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_special.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_special.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_special.log-box > .gift-row.gift-row[data-free-filter-target="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_normal.log-box > .gift-row.gift-row.hide-log-gift-row,
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_normal.log-box > .gift-row.gift-row[data-hide-free-gift="1"],
body.liver-mode.mobile-portrait-stack-fit:not(.hide-timeline-free-gifts) #log_triple_gift_normal.log-box > .gift-row.gift-row[data-free-filter-target="1"] {
  display: grid !important;
}


/* Ver_p.0.2.8.10: force Normal-pane twinkle-100 rows to use the same liver-mode one-line grid.
   This fixes vertical collapse when "show only twinkle cumulative 100" is enabled. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar name icon gift cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .gift-detail-line {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-time {
    grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-avatar-cell * {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-user-name {
    grid-area: name !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-icon-cell {
    grid-area: icon !important;
    width: 1.4286em !important;
    min-width: 1.4286em !important;
    max-width: 1.4286em !important;
    justify-content: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-icon-cell img.gift-img {
    width: 1.4286em !important;
    height: 1.4286em !important;
    min-width: 1.4286em !important;
    min-height: 1.4286em !important;
    max-width: 1.4286em !important;
    max-height: 1.4286em !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-name-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-cumulative-cell {
    grid-area: cumulative !important;
    text-align: right !important;
    position: relative !important;
    z-index: 10 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-current-cell {
    grid-area: current !important;
    text-align: right !important;
    position: relative !important;
    z-index: 10 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
}


/* Ver_p.0.2.8.11: force Normal-pane twinkle-100 gift name into the gift-name column.
   Fixes the case where only "show twinkle cumulative 100" is enabled and the Normal pane keeps an old two-line/detail layout.
   The gift name cell is explicitly assigned to the giftname grid area and kept horizontal/nowrap so it cannot spill into cumulative/current columns. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .gift-detail-line {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] {
    display: grid !important;
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .gift-detail-line {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] {
    display: grid !important;
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    grid-auto-flow: column !important;
    grid-auto-rows: auto !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] > .gift-detail-line {
    display: contents !important;
  }
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row.twinkle-100-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit.hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal.log-box > .gift-row.gift-row[data-twinkle-100="1"] .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 2px 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
}


/* Ver_p.0.2.8.12: unify free-gift/twinkle/star/seed row layout with ordinary gift rows in all modes.
   Policy:
   - Do not give Kirakira Star / star / seed rows any special row layout.
   - When the free-gift filter or "twinkle cumulative 100 only" restores a row, keep the same per-pane gift layout as ordinary gifts.
   - Final override neutralizes legacy two-line twinkle100/freegift rules. */

/* Common normalization for free-gift/twinkle rows: expose child cells to the parent grid just like ordinary gift rows. */
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line {
  display: contents !important;
}

.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time { grid-area: time !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell { grid-area: avatar !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .avatar-name-text,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .avatar-name-text { grid-area: user !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-icon-cell,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-icon-cell { grid-area: icon !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell { grid-area: giftname !important; writing-mode: horizontal-tb !important; text-orientation: mixed !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-cumulative-cell,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-cumulative-cell { grid-area: cumulative !important; }
.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-current-cell,
.user-log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-current-cell { grid-area: current !important; }

/* General mode: visible free/twinkle rows in dual/triple panes use the same two-line layout as ordinary pane gift rows. */
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
  grid-template-areas: "time user" "detail detail" !important;
  align-items: center !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon giftname cumulative current" !important;
  grid-area: detail !important;
  width: 100% !important;
  min-width: 0 !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time { grid-area: time !important; }
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name { grid-area: user !important; }

/* Liver mode: all visible free/twinkle rows use exactly the same one-line layout as ordinary liver gift rows. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell * {
    display: none !important;
    width: 0 !important; min-width: 0 !important; max-width: 0 !important;
    height: 0 !important; min-height: 0 !important; max-height: 0 !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important; overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell {
    display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-current-cell {
    text-align: right !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; position: relative !important; z-index: 10 !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
  }
}


/* Ver_p.0.2.8.13: final 2-screen free-gift layout unification.
   Scope: general mode and liver mode, especially #log_dual_gift.
   Kirakira Star / star / seed rows and twinkle-100 restored rows must keep exactly the same row layout as ordinary gift rows after filtering. */

/* ---------- General mode: #log_dual_gift free/twinkle rows = ordinary 2-screen gift row ---------- */
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode).hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
  display: grid !important;
  grid-template-columns: minmax(72px, 18%) minmax(42px, 8%) minmax(0, 74%) !important;
  grid-template-areas:
    "time avatar user"
    "detail detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line {
  display: contents !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  display: block !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-user-name {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
body:not(.liver-mode).hide-timeline-free-gifts.show-twinkle-100-when-hide #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  order: 4 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon giftname cumulative current" !important;
  align-items: center !important;
  gap: 4px 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-icon-cell { grid-area: icon !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; min-width:0 !important; }
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-name-cell { grid-area: giftname !important; display:block !important; min-width:0 !important; overflow-wrap:anywhere !important; white-space:normal !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important; }
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-cumulative-cell { grid-area: cumulative !important; display:block !important; min-width:0 !important; overflow-wrap:anywhere !important; writing-mode:horizontal-tb !important; }
body:not(.liver-mode) #log_dual_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-current-cell { grid-area: current !important; display:block !important; min-width:0 !important; overflow-wrap:anywhere !important; writing-mode:horizontal-tb !important; }

/* ---------- Liver mode: #log_dual_gift free/twinkle rows = ordinary liver 2-screen gift row ---------- */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell * { display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; height:0 !important; min-height:0 !important; max-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; overflow:hidden !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell { display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width:100% !important; overflow:hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width:100% !important; overflow:hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
}


/* Ver_p.0.2.8.14: final 3-screen free-gift layout unification.
   Scope: general mode and liver mode, #log_triple_gift_special / #log_triple_gift_normal.
   Kirakira Star / star / seed rows and twinkle-100 restored rows must keep exactly the same layout as ordinary gift rows after filtering. */

/* ---------- General mode: triple Special/Normal free/twinkle rows = ordinary 3-screen gift row ---------- */
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode).hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
body:not(.liver-mode).hide-timeline-free-gifts.show-twinkle-100-when-hide #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
  grid-template-areas:
    "time user"
    "detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  row-gap: 1px !important;
  column-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line {
  display: contents !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-time,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-time,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  white-space: nowrap !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-avatar-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-avatar-cell {
  display: none !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-user-name,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-user-name,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .log-user-name {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  writing-mode: horizontal-tb !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line {
  grid-area: detail !important;
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  writing-mode: horizontal-tb !important;
}

body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-icon-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-icon-cell { grid-area: icon !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; min-width:0 !important; writing-mode:horizontal-tb !important; }
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-name-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-name-cell { grid-area: gift !important; display:block !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important; }
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-cumulative-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-cumulative-cell { grid-area: cumulative !important; display:block !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; writing-mode:horizontal-tb !important; }
body:not(.liver-mode) #log_triple_gift_special > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-current-cell,
body:not(.liver-mode) #log_triple_gift_normal > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line > .gift-current-cell { grid-area: current !important; display:block !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; writing-mode:horizontal-tb !important; }

/* ---------- Liver mode: triple Special/Normal free/twinkle rows = ordinary liver 3-screen gift row ---------- */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-avatar-cell * { display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; height:0 !important; min-height:0 !important; max-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; overflow:hidden !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) .gift-name-cell { display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
    display: grid !important;
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) > .gift-detail-line { display: contents !important; }
}


/* Ver_p.0.2.8.15 FINAL: 3-screen Normal twinkle/free rows must keep the exact ordinary Normal gift layout.
   This is intentionally the last override. It covers Kirakira Star / star / seed rows,
   including rows restored by "twinkle cumulative 100 only". */

/* General mode: 3-screen Normal free/twinkle rows use the same 2-line Normal gift layout. */
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: minmax(0, 30%) minmax(0, 70%) !important;
  grid-template-rows: auto auto !important;
  grid-template-areas: "time user" "detail detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-main-line {
  display: contents !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-time {
  grid-area: time !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-user-name,
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .avatar-name-text {
  grid-area: user !important;
  min-width: 0 !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line {
  display: grid !important;
  grid-area: detail !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  grid-template-areas: "icon gift cumulative current" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 0 !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  display: block !important;
  min-width: 0 !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body:not(.liver-mode) #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  display: block !important;
  min-width: 0 !important;
  writing-mode: horizontal-tb !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Liver mode: 3-screen Normal free/twinkle rows use the same one-line Normal gift layout as ordinary liver gifts. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon gift cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    writing-mode: horizontal-tb !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line { display: contents !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-time { grid-area: time !important; width:76px !important; min-width:76px !important; max-width:76px !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-avatar-cell * { display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; height:0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .avatar-name-text { grid-area:user !important; min-width:0 !important; writing-mode:horizontal-tb !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-icon-cell { grid-area:icon !important; display:inline-flex !important; justify-content:center !important; align-items:center !important; min-width:0 !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-name-cell { grid-area:gift !important; display:none !important; width:0 !important; min-width:0 !important; max-width:0 !important; padding:0 !important; margin:0 !important; overflow:hidden !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-cumulative-cell { grid-area:cumulative !important; display:block !important; min-width:0 !important; text-align:right !important; writing-mode:horizontal-tb !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-current-cell { grid-area:current !important; display:block !important; min-width:0 !important; text-align:right !important; writing-mode:horizontal-tb !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display:grid !important;
    grid-template-columns: 86px 26px minmax(0,30fr) 26px minmax(0,18fr) minmax(0,26fr) minmax(0,26fr) !important;
    grid-template-areas: "time avatar user icon gift cumulative current" !important;
    align-items:center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line { display:contents !important; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display:grid !important;
    grid-template-columns: 96px 28px minmax(0,32fr) 28px minmax(0,18fr) minmax(0,25fr) minmax(0,25fr) !important;
    grid-template-areas: "time avatar user icon gift cumulative current" !important;
    align-items:center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line { display:contents !important; }
}

/* Ver_p.0.2.8.16: keep latest-log/latest-bookmark buttons visible on smartphone widths.
   Scope: general mode and liver mode, gift log tab, dual-screen tab, and triple-screen tab.
   The existing mobile long-press menu still keeps "近い時刻へ同期" behavior unchanged. */
@media (pointer: coarse), (max-width: 700px) {
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_dual .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_triple .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.liver-mode #pane_dual .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_triple .pane-title .tab-log-jump-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  #pane_gift .tab-log-toolbar,
  #pane_dual .pane-title,
  #pane_triple .pane-title,
  body.mobile-portrait-stack-fit #pane_gift .tab-log-toolbar,
  body.mobile-portrait-stack-fit #pane_dual .pane-title,
  body.mobile-portrait-stack-fit #pane_triple .pane-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    flex-wrap: wrap !important;
  }

  #pane_gift .tab-log-toolbar .tab-bookmark-clear-btn,
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-bookmark-clear-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-bookmark-clear-btn,
  #pane_triple .pane-title .tab-log-jump-btn {
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.21: force latest-log/latest-bookmark buttons next to bookmark-clear
   for PC smartphone-width and all smartphone/tablet environments.
   Keep row long-press "近い時刻へ同期" menu unchanged: no JS event path is changed here. */
#pane_gift .tab-log-toolbar,
#pane_dual .pane-title,
#pane_triple .pane-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  flex-wrap: wrap !important;
}
#pane_gift .tab-log-toolbar .tab-bookmark-clear-btn,
#pane_gift .tab-log-toolbar .tab-log-jump-btn,
#pane_dual .pane-title .tab-bookmark-clear-btn,
#pane_dual .pane-title .tab-log-jump-btn,
#pane_triple .pane-title .tab-bookmark-clear-btn,
#pane_triple .pane-title .tab-log-jump-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
}
@media (pointer: coarse), (max-width: 700px), (max-width: 1200px) {
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_dual .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_triple .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.liver-mode #pane_dual .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_triple .pane-title .tab-log-jump-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #pane_gift .tab-log-toolbar .tab-bookmark-clear-btn,
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-bookmark-clear-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-bookmark-clear-btn,
  #pane_triple .pane-title .tab-log-jump-btn {
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.21: force latest-log/latest-bookmark buttons next to bookmark-clear
   on comment/gift/dual/triple tabs for smartphone-width PC and all smartphone screens.
   This only changes toolbar/pane-title button visibility/layout; row long-press sync is untouched. */
#pane_all .tab-log-toolbar,
#pane_gift .tab-log-toolbar,
#pane_dual .pane-title,
#pane_triple .pane-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
}
#pane_all .tab-log-toolbar .tab-bookmark-clear-btn,
#pane_all .tab-log-toolbar .tab-log-jump-btn,
#pane_gift .tab-log-toolbar .tab-bookmark-clear-btn,
#pane_gift .tab-log-toolbar .tab-log-jump-btn,
#pane_dual .pane-title .tab-bookmark-clear-btn,
#pane_dual .pane-title .tab-log-jump-btn,
#pane_triple .pane-title .tab-bookmark-clear-btn,
#pane_triple .pane-title .tab-log-jump-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
}
@media (pointer: coarse), (max-width: 1200px) {
  #pane_all .tab-log-toolbar .tab-log-jump-btn,
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_all .tab-log-toolbar .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_dual .pane-title .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_triple .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_all .tab-log-toolbar .tab-log-jump-btn,
  body.liver-mode #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  body.liver-mode #pane_dual .pane-title .tab-log-jump-btn,
  body.liver-mode #pane_triple .pane-title .tab-log-jump-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    pointer-events: auto !important;
  }
  #pane_all .tab-log-toolbar .tab-bookmark-clear-btn,
  #pane_all .tab-log-toolbar .tab-log-jump-btn,
  #pane_gift .tab-log-toolbar .tab-bookmark-clear-btn,
  #pane_gift .tab-log-toolbar .tab-log-jump-btn,
  #pane_dual .pane-title .tab-bookmark-clear-btn,
  #pane_dual .pane-title .tab-log-jump-btn,
  #pane_triple .pane-title .tab-bookmark-clear-btn,
  #pane_triple .pane-title .tab-log-jump-btn {
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.21: force latest-log/latest-bookmark buttons to behave like desktop
   controls on smartphone-width PC and smartphones.  The buttons are physically kept
   immediately after bookmark-clear by JS; this CSS prevents any responsive rule from
   hiding or disabling them. */
#pane_all .slv-force-log-toolbar,
#pane_gift .slv-force-log-toolbar,
#pane_dual .slv-force-log-toolbar,
#pane_triple .slv-force-log-toolbar,
#pane_all .tab-log-toolbar,
#pane_gift .tab-log-toolbar,
#pane_dual .pane-title,
#pane_triple .pane-title {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  overflow: visible !important;
}
#pane_all .slv-force-log-jump-btn,
#pane_gift .slv-force-log-jump-btn,
#pane_dual .slv-force-log-jump-btn,
#pane_triple .slv-force-log-jump-btn,
#pane_all .tab-log-toolbar .tab-log-jump-btn,
#pane_gift .tab-log-toolbar .tab-log-jump-btn,
#pane_dual .pane-title .tab-log-jump-btn,
#pane_triple .pane-title .tab-log-jump-btn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  transform: none !important;
}
@media (pointer: coarse), (max-width: 1200px) {
  #pane_all .slv-force-log-jump-btn,
  #pane_gift .slv-force-log-jump-btn,
  #pane_dual .slv-force-log-jump-btn,
  #pane_triple .slv-force-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_all .slv-force-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_gift .slv-force-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_dual .slv-force-log-jump-btn,
  body.mobile-portrait-stack-fit #pane_triple .slv-force-log-jump-btn,
  body.liver-mode #pane_all .slv-force-log-jump-btn,
  body.liver-mode #pane_gift .slv-force-log-jump-btn,
  body.liver-mode #pane_dual .slv-force-log-jump-btn,
  body.liver-mode #pane_triple .slv-force-log-jump-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    pointer-events: auto !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.21: force latest-log/latest-bookmark buttons visible and next to bookmark-clear
   on comment/gift/dual/triple tabs for smartphone-width PC and smartphones.
   Correct target IDs are tab_comment/tab_gift/tab_dual/tab_triple. */
#tab_comment .tab-log-toolbar,
#tab_gift .tab-log-toolbar,
#tab_dual .pane-title,
#tab_triple .pane-title,
#tab_comment .slv-latest-toolbar-v02820,
#tab_gift .slv-latest-toolbar-v02820,
#tab_dual .slv-latest-toolbar-v02820,
#tab_triple .slv-latest-toolbar-v02820 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  overflow: visible !important;
}
#tab_comment .tab-log-jump-btn,
#tab_gift .tab-log-jump-btn,
#tab_dual .tab-log-jump-btn,
#tab_triple .tab-log-jump-btn,
#tab_comment .slv-latest-button-v02820,
#tab_gift .slv-latest-button-v02820,
#tab_dual .slv-latest-button-v02820,
#tab_triple .slv-latest-button-v02820 {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  transform: none !important;
}
@media (pointer: coarse), (max-width: 1200px) {
  #tab_comment .tab-log-jump-btn,
  #tab_gift .tab-log-jump-btn,
  #tab_dual .tab-log-jump-btn,
  #tab_triple .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #tab_comment .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #tab_gift .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #tab_dual .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #tab_triple .tab-log-jump-btn,
  body.liver-mode #tab_comment .tab-log-jump-btn,
  body.liver-mode #tab_gift .tab-log-jump-btn,
  body.liver-mode #tab_dual .tab-log-jump-btn,
  body.liver-mode #tab_triple .tab-log-jump-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    pointer-events: auto !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.21: force latest-log/latest-bookmark buttons visible and next to bookmark-clear
   on timeline tab for smartphone-width PC and smartphones. */
#tab_timeline .tab-log-toolbar,
#tab_timeline .slv-latest-toolbar-v02820 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 3px !important;
  overflow: visible !important;
}
#tab_timeline .tab-log-jump-btn,
#tab_timeline .slv-latest-button-v02820 {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  float: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  transform: none !important;
}
@media (pointer: coarse), (max-width: 1200px) {
  #tab_timeline .tab-log-jump-btn,
  body.mobile-portrait-stack-fit #tab_timeline .tab-log-jump-btn,
  body.liver-mode #tab_timeline .tab-log-jump-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    pointer-events: auto !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    padding: 3px 5px !important;
  }
}


/* Ver_p.0.2.8.22: normalize liver-mode layouts that differed from the other liver-mode panes.
   Base: Ver_p.0.2.8.21.
   Scope:
   - Dual-screen gift pane in tablet and narrow-PC widths.
   - Triple-screen Special/Normal panes in smartphone width.
   Policy: use the same one-row gift layout as the other liver-mode gift/timeline panes
   for the same breakpoint, and apply it after all free-gift/twinkle100 overrides. */
@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    min-width: 0 !important;
    max-width: 100% !important;
    writing-mode: horizontal-tb !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    display: inline-flex !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    position: relative !important;
    z-index: 10 !important;
  }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-cumulative-cell { grid-area: cumulative !important; }
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_special.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode.mobile-portrait-stack-fit #log_triple_gift_normal.log-box > .gift-row.gift-row .gift-current-cell { grid-area: current !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit #log_dual_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* Ver_p.0.2.9 dashboard narrow-width layout fix:
   タブレット幅・PC狭幅では、一般モード/ライバーモードともダッシュボードを1段組に固定する。
   スマートフォン幅（<=700px）とPC幅広（>1200px）は既存レイアウトを維持する。 */
@media (min-width: 701px) and (max-width: 1200px) {
  .summary-grid,
  body.mobile-portrait-stack-fit .summary-grid,
  body.liver-mode .summary-grid,
  body.liver-mode.mobile-portrait-stack-fit .summary-grid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 4px !important;
  }

  .summary-col,
  body.mobile-portrait-stack-fit .summary-col,
  body.liver-mode .summary-col,
  body.liver-mode.mobile-portrait-stack-fit .summary-col {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .summary-col-left,
  body.mobile-portrait-stack-fit .summary-col-left,
  body.liver-mode .summary-col-left,
  body.liver-mode.mobile-portrait-stack-fit .summary-col-left {
    border-right: none !important;
    padding-right: 0 !important;
  }

  .summary-col-right,
  body.mobile-portrait-stack-fit .summary-col-right,
  body.liver-mode .summary-col-right,
  body.liver-mode.mobile-portrait-stack-fit .summary-col-right {
    padding-left: 0 !important;
  }
}

/* ============================================================
   Ver_p.0.2.10: liver-mode shared gift pane stylesheet.
   The 2-screen gift pane (#log_dual_gift), 3-screen Special pane
   (#log_triple_gift_special), and 3-screen Normal pane
   (#log_triple_gift_normal) are controlled by this single common
   selector group.  Do not add pane-specific overrides after this block.
   ============================================================ */
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px 1px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell {
  grid-area: icon !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px 1px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-name-cell {
  grid-area: giftname !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell {
  grid-area: cumulative !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell {
  grid-area: current !important;
}

body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"]):not(.twinkle-100-row):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]) {
  display: none !important;
}

@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}


/* ============================================================
   Ver_p.0.2.10.1: liver-mode shared gift pane stylesheet,
   3-screen Special/Normal baseline.

   Policy:
   - #log_dual_gift no longer defines the baseline.
   - #log_dual_gift, #log_triple_gift_special, and
     #log_triple_gift_normal are controlled by this same selector group.
   - Breakpoint values are the 3-screen Special/Normal values.
   ============================================================ */
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px 1px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell {
  grid-area: icon !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px 1px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-name-cell {
  grid-area: giftname !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell { grid-area: cumulative !important; }
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell { grid-area: current !important; }

body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"]):not(.twinkle-100-row):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]) {
  display: none !important;
}

@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
}

/* ============================================================
   Ver_p.0.2.10.2 final layout specification
   - Comment logs in 2-screen/3-screen tabs: fixed time/avatar + 40:60 residual.
   - Liver-mode gift logs: #log_dual_gift, #log_triple_gift_special,
     #log_triple_gift_normal are controlled by the same selector group and
     the same CSS blocks. Baseline is the 3-screen Special/Normal layout.
   ============================================================ */

/* 2画面/3画面 コメントログ: 通常幅・タブレット幅・PC狭幅 */
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.2 !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-main-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-main-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell img.user-avatar {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message {
  grid-area: message !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ライバーモード ギフトログ: 2画面/3画面Special/3画面Normal 共通。PC幅広。 */
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
}

/* 無料ギフト非表示制御は最終段で再適用する。 */
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"]):not(.twinkle-100-row):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]) {
  display: none !important;
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }
}


/* Ver_p.0.2.10.4: 2画面/3画面タブ共通 コメント・ギフト横幅/表示順/揃え 最終指定。
   対象:
   - コメント: #log_dual_comment, #log_triple_comment
   - ギフト: #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal
   方針: 3ペインを同一セレクタ群・同一CSSブロックで制御し、PC狭幅/タブレット/スマホでは累計・今回を右揃えにする。 */
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.2 !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell {
  grid-area: avatar !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name {
  grid-area: user !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message {
  grid-area: message !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell { grid-area: cumulative !important; }
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell { grid-area: current !important; }

@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell * {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { width: 26px !important; height: 26px !important; min-width: 26px !important; min-height: 26px !important; max-width: 26px !important; max-height: 26px !important; }
}

@media (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    text-align: left !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    text-align: right !important;
  }
}

/* ============================================================
   Ver_p.0.2.10.4 final layout specification
   2画面/3画面タブ共通。
   - コメント: 通常/タブレット/PC狭幅 110px 28px 40fr 60fr、スマホ 76px 0 40fr 60fr。
   - ギフト: #log_dual_gift / #log_triple_gift_special / #log_triple_gift_normal を同一セレクタ群で制御。
   - 累計/今回は全幅域で強制右揃え。
   - アバター/ギフト画像は列幅を上限に em ベースで文字サイズへ追従。
   ============================================================ */
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-main-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-main-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell img.user-avatar {
  width: min(100%, 1.45em) !important;
  height: min(100%, 1.45em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message {
  grid-area: message !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
  --slv-gift-cell-size: 28px;
  --slv-gift-img-size: min(100%, 1.45em);
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-column: auto !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--slv-gift-cell-size) !important;
  min-width: var(--slv-gift-cell-size) !important;
  max-width: var(--slv-gift-cell-size) !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: var(--slv-gift-img-size) !important;
  height: var(--slv-gift-img-size) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: var(--slv-gift-cell-size) !important;
  max-height: var(--slv-gift-cell-size) !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-column: auto !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell { grid-area: cumulative !important; }
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell { grid-area: current !important; }

@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell * {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    --slv-gift-cell-size: 20px;
    --slv-gift-img-size: min(100%, 1.45em);
    grid-template-columns: 80px 0 minmax(0, 40fr) 20px minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    --slv-gift-cell-size: 24px;
    --slv-gift-img-size: min(100%, 1.45em);
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 20fr) minmax(0, 27fr) minmax(0, 27fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row, .twinkle-gift-row, .twinkle-100-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-twinkle-gift="1"], [data-twinkle-100="1"], [data-twinkle-100-status="twinkle100"], [data-filter-visible="1"]) {
    --slv-gift-cell-size: 26px;
    --slv-gift-img-size: min(100%, 1.45em);
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 22fr) minmax(0, 22fr) minmax(0, 22fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
}

/* ============================================================
   Ver_p.0.2.10.9 final layout specification
   Scope: liver-mode 2-screen/3-screen tabs.
   - Comment panes: #log_dual_comment, #log_triple_comment.
   - Gift panes: #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal.
   Policy: one shared selector group controls the three gift panes. The visual
   order is time, avatar, user, gift image, gift name, cumulative, current.
   ============================================================ */

body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .system-row {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) img.user-avatar {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-user-name,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .comment-message,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-message,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-main-line {
  grid-area: message !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-right: 0 !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > :is(.gift-cumulative-cell,.gift-current-cell) {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: right !important;
  justify-self: stretch !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 22fr) minmax(0, 22fr) minmax(0, 22fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.625em) !important;
    height: min(100%, 1.625em) !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 20fr) minmax(0, 27fr) minmax(0, 27fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.5em) !important;
    height: min(100%, 1.5em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .system-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) img.user-avatar {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 80px 0 minmax(0, 40fr) 20px minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.25em) !important;
    height: min(100%, 1.25em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

/* ============================================================
   Ver_p.0.2.10.9 final layout specification
   Scope: liver-mode standalone tabs and 2/3-screen tabs.
   Policy:
   - #log_dual_comment and #log_triple_comment follow the comment-log tab (#log_all).
   - #log_dual_gift, #log_triple_gift_special, and #log_triple_gift_normal follow the gift-log tab (#log_gift).
   - The standalone tab and multi-pane targets are controlled by the same selector groups.
   ============================================================ */

body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .system-row,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .system-row {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-time,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-time,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .log-time,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-avatar-cell,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .log-avatar-cell,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) img.user-avatar,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) img.user-avatar {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-user-name,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-user-name,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .avatar-name-text,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .avatar-name-text,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .log-user,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .log-user {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .comment-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .comment-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .system-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .system-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-main-line,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-main-line {
  grid-area: message !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border-right: 0 !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > :is(.gift-cumulative-cell,.gift-current-cell),
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > :is(.gift-cumulative-cell,.gift-current-cell) {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: right !important;
  justify-self: stretch !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"]),
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"]):not(.twinkle-100-row):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"]):not(.twinkle-100-row):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]) {
  display: none !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 22fr) minmax(0, 22fr) minmax(0, 22fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.625em) !important;
    height: min(100%, 1.625em) !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 20fr) minmax(0, 27fr) minmax(0, 27fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.5em) !important;
    height: min(100%, 1.5em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .system-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .system-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) img.user-avatar,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) img.user-avatar {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 80px 0 minmax(0, 40fr) 20px minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.25em) !important;
    height: min(100%, 1.25em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}


/* ============================================================
   Ver_p.0.2.10.9 final forced display order
   Scope: liver-mode comment/gift panes in single, 2-screen, and 3-screen tabs.
   Policy:
   - Comment visual order: time -> avatar -> user -> comment message.
   - Gift visual order: time -> avatar -> user -> gift image -> gift name -> cumulative -> current.
   This block intentionally sets grid-area, grid-column, grid-row, and order together
   so older pane-specific CSS cannot change the visual order.
   ============================================================ */

body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row),
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 40fr) minmax(0, 60fr) !important;
  grid-template-areas: "time avatar user message" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-time,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  text-align: left !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-avatar-cell,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-user-name,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-user-name,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .avatar-name-text,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .avatar-name-text,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) .log-user,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) .log-user {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  text-align: left !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .comment-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .comment-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .system-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .system-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-message,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row) > .log-main-line,
body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) > .log-main-line {
  grid-area: message !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  text-align: left !important;
  justify-self: stretch !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  text-align: left !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  text-align: left !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
  text-align: left !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  order: 6 !important;
  text-align: right !important;
  justify-self: stretch !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
  order: 7 !important;
  text-align: right !important;
  justify-self: stretch !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 96px 26px minmax(0, 32fr) 26px minmax(0, 22fr) minmax(0, 22fr) minmax(0, 22fr) !important;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 86px 24px minmax(0, 30fr) 24px minmax(0, 20fr) minmax(0, 27fr) minmax(0, 27fr) !important;
  }
}
@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > :is(.comment-row,.system-row),
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > :is(.comment-row,.system-row) {
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 80px 0 minmax(0, 40fr) 20px minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
}

/* ============================================================
   Ver_p.0.2.10.9 final liver-mode multi-pane gift layout
   Scope: 2-screen gift pane and 3-screen Special/Normal panes only.
   Policy: all gift rows in these panes use the same layout specification as
   Kirakira Star / star / seed rows. The standalone gift-log tab is not changed.
   Display order: time -> avatar -> user -> gift image -> gift name -> cumulative -> current.
   ============================================================ */

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode:not(.hide-timeline-free-gifts) :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.twinkle-100-row,[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: giftname !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
  text-align: left !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  order: 6 !important;
  text-align: right !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
  order: 7 !important;
  text-align: right !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    max-width: 26px !important;
    max-height: 26px !important;
  }
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
  }
}

/* Ver_p.0.2.10.10: liver-mode multi-screen free-gift filter safety net.
   When "キラキラ星・星・種のログを非表示" is ON and Twinkle-100 exception is OFF,
   only Kirakira/star/seed rows may be hidden. Non-target gifts in 2-screen/3-screen panes
   must remain visible. */
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide)
  :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box
  > .gift-row.gift-row:not(.hide-log-gift-row):not(.twinkle-gift-row):not([data-hide-free-gift="1"]):not([data-free-filter-target="1"]):not([data-twinkle-gift="1"]),
body.liver-mode.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide)
  :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal)
  > .gift-row.gift-row:not(.hide-log-gift-row):not(.twinkle-gift-row):not([data-hide-free-gift="1"]):not([data-free-filter-target="1"]):not([data-twinkle-gift="1"]) {
  display: grid !important;
}

/* Ver_p.0.2.13: SYSTEMログ最終レイアウト。
   SYSTEMログは「日付/時刻欄 → SYSTEM → システムメッセージ」の3列に固定する。
   左端の時刻欄はコメントログの時刻欄と同一幅を使用する。 */
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
  display: grid !important;
  grid-template-columns: 110px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time system message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name {
  grid-area: system !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: block !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  padding: 2px 4px !important;
  color: #000 !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-avatar-cell,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-avatar-cell,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-avatar-cell,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-avatar-cell {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message {
  grid-area: message !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
@media (max-width: 600px) {
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
    grid-template-columns: 76px 72px minmax(0, 1fr) !important;
  }
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_triple_comment, #log_dual_comment).log-box > .system-row.system-info-msg .log-user-name {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
  }
}

/* ============================================================
   Ver_p.0.2.13: liver-mode smartphone-only layout override.
   Scope: only body.liver-mode at smartphone width.
   - Comment rows: time/avatar/user/message = 76px/0/40fr/60fr.
   - System rows: time/SYSTEM/message = 76px/70px/1fr.
   - Gift rows: time/avatar/user/icon/giftname/cumulative/current = 76px/0/30fr/20px/0/35fr/35fr.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
    display: grid !important;
    grid-template-columns: 76px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 30fr) 20px minmax(0, 0fr) minmax(0, 35fr) minmax(0, 35fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    order: 5 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 6 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    order: 7 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.13: liver-mode smartphone-only compact layout override.
   Scope: only body.liver-mode at smartphone width.
   - Comment rows: time/avatar/user/message = 55px/0/40fr/60fr.
   - System rows: time/SYSTEM/message = 55px/55px/1fr.
   - Gift rows: time/user/icon/cumulative/current = 55px/30fr/20px/35fr/35fr.
   Applies to 2-screen and 3-screen tabs by sharing the same selectors as the
   single comment/gift panes.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 55px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
    display: grid !important;
    grid-template-columns: 55px 55px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    display: grid !important;
    grid-template-columns: 55px minmax(0, 30fr) 20px minmax(0, 35fr) minmax(0, 35fr) !important;
    grid-template-areas: "time user icon cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    order: 5 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}


/* ============================================================
   Ver_p.0.2.13: liver-mode smartphone-only fixed-column compact layout.
   Scope: only body.liver-mode at smartphone width.
   - Comment rows: time/user/message = 70px/150px/1fr; avatar hidden.
   - System rows: time/SYSTEM/message = 70px/70px/1fr.
   - Gift rows: time/user/icon/cumulative/current = 70px/150px/20px/50fr/50fr;
     avatar and gift name hidden.
   Applies to the single tabs, 2-screen tab, and 3-screen tab.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 70px 0 150px minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    width: 150px !important;
    min-width: 0 !important;
    max-width: 150px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
    display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    display: grid !important;
    grid-template-columns: 70px 150px 20px minmax(0, 50fr) minmax(0, 50fr) !important;
    grid-template-areas: "time user icon cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 150px !important;
    min-width: 0 !important;
    max-width: 150px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    order: 5 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.14: liver-mode smartphone-only layout override.
   Scope: smartphone width only.
   - Comment rows: time/user/message = 80px/140px/1fr; avatar hidden.
   - System rows: time/SYSTEM/message = 80px/140px/1fr.
   - Gift rows on #log_gift/#log_dual_gift/#log_triple_gift_special/#log_triple_gift_normal
     follow the 3-screen Normal twinkle/star/seed smartphone layout:
     time/avatar/user/icon/giftname/cumulative/current = 80px/0/20fr/20px/0/40fr/40fr.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 80px 0 140px minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    width: 140px !important;
    min-width: 0 !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"],
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg {
    display: grid !important;
    grid-template-columns: 80px 140px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .system-label,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row[data-kind="system"] > .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row.system-info-msg > .system-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    order: 5 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.15: liver-mode smartphone-only all gift logs use
   the 3-screen Normal twinkle/star/seed layout.

   Layout specification for #log_triple_gift_normal twinkle/star/seed
   on smartphone width:
   - time: 80px, left aligned
   - avatar: 0px, hidden
   - user: remaining width 20%, left aligned
   - gift icon: 20px, scaled with font size up to 20px
   - gift name: 0px, hidden
   - cumulative: remaining width 40%, right aligned
   - current: remaining width 40%, right aligned

   Apply exactly the same layout to all gift log panes:
   #log_gift, #log_dual_gift, #log_triple_gift_special,
   #log_triple_gift_normal.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.4286em) !important;
    height: min(100%, 1.4286em) !important;
    max-width: 20px !important;
    max-height: 20px !important;
    object-fit: contain !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    order: 5 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.16: liver-mode smartphone-only compact layout.
   Scope: smartphone width only. Applies to comment/system rows and
   all gift log panes (#log_gift, #log_dual_gift,
   #log_triple_gift_special, #log_triple_gift_normal).

   Comment: time 80px, user 140px, message remainder.
   System: time 80px, SYSTEM 140px, message remainder.
   Gift: time 80px, user 140px, gift icon 24px, current remainder.
   Avatar, gift name, and cumulative columns are hidden for gift rows.
   ============================================================ */
@media (max-width: 600px) {
  /* ライバーモード: コメントログ欄のスマートフォン幅 */
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 80px 0 140px minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* ライバーモード: SYSTEMログ欄のスマートフォン幅 */
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row {
    display: grid !important;
    grid-template-columns: 80px 140px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-time-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-time-cell {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .comment-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .comment-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* ライバーモード: 全ギフトログ欄のスマートフォン幅 */
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 140px 24px 0 minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user icon giftname current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.6em) !important;
    height: min(100%, 1.6em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.17: liver-mode smartphone-only readable one-row layout.
   Scope: smartphone width only.
   Comment: time 70px, user 120px no wrap, message remainder with wrapping.
   System: time 70px, SYSTEM 70px, message remainder.
   Gift: time 70px, user 120px, icon 24px, cumulative/current split remainder 50/50.
   Applies to gift tab plus 2-screen/3-screen gift panes.
   ============================================================ */
@media (max-width: 600px) {
  /* コメントログ: ライバーモード スマートフォン幅 */
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 70px 0 120px minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  /* SYSTEMログ: ライバーモード スマートフォン幅 */
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row {
    display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-time-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-time-cell {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .comment-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .comment-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  /* ギフトログ: ライバーモード スマートフォン幅 */
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 70px 0 120px 24px 0 minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.6em) !important;
    height: min(100%, 1.6em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 4 !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
    order: 5 !important;
  }
}

/* ============================================================
   Ver_p.0.2.18: liver-mode smartphone readable gift layout.
   Scope: smartphone width only.
   Comment: time 70px, user 120px no-wrap, message remainder wraps.
   System: time 70px, SYSTEM 70px, message remainder.
   Gift: time 68px, user minmax(36px, 0.7fr), icon 24px,
         cumulative/current minmax(78px, 1fr). 1-line layout.
   Applies to gift tab plus 2-screen/3-screen gift panes.
   ============================================================ */
@media (max-width: 600px) {
  /* コメントログ: ライバーモード スマートフォン幅 */
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row {
    display: grid !important;
    grid-template-columns: 70px 0 120px minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
  body.liver-mode :is(#log_all, #log_dual_comment, #log_triple_comment) > .comment-row > .comment-message {
    grid-area: message !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }

  /* SYSTEMログ: ライバーモード スマートフォン幅 */
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row {
    display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-main-line,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-main-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-time-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-time-cell {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-label-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .log-user-name {
    grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .system-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment).log-box > .system-row .comment-message,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment) > .system-row .comment-message {
    grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }

  /* ギフトログ: ライバーモード スマートフォン幅。視認性優先の1段組。 */
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 68px minmax(36px, 0.7fr) 24px minmax(78px, 1fr) minmax(78px, 1fr) !important;
    grid-template-areas: "time user icon cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.6em) !important;
    height: min(100%, 1.6em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    order: 5 !important;
  }
}

/* ============================================================
   Ver_p.0.2.20: liver-mode all gift rows use the Kirakira/star/seed layout.
   Purpose: remove layout divergence between Kirakira/star/seed rows and other gift rows.
   Scope: liver mode, all gift log panes.
   Layout policy:
   - Hide avatar and gift name for all gift rows.
   - Keep one-row layout: time -> user -> gift icon -> cumulative -> current.
   - Prioritize time, gift icon, cumulative, and current visibility.
   ============================================================ */
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px minmax(64px, 0.7fr) 28px minmax(92px, 1fr) minmax(92px, 1fr) !important;
  grid-template-areas: "time user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 96px minmax(44px, 0.7fr) 26px minmax(84px, 1fr) minmax(84px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 86px minmax(40px, 0.7fr) 24px minmax(80px, 1fr) minmax(80px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 68px minmax(36px, 0.7fr) 24px minmax(78px, 1fr) minmax(78px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 68px !important; min-width: 68px !important; max-width: 68px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}

/* ============================================================
   Ver_p.0.2.20: extra-narrow smartphone safety layout.
   Scope: liver mode only, smartphone-width gift logs only.
   Purpose: keep time, gift icon, cumulative, and current visible on very narrow devices.
   Base layout remains Ver_p.0.2.19 Kirakira/star/seed unified gift layout.
   ============================================================ */
@media (max-width: 360px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 64px minmax(32px, 0.6fr) 22px minmax(76px, 1fr) minmax(76px, 1fr) !important;
    grid-template-areas: "time user icon cumulative current" !important;
    display: grid !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.5em) !important;
    height: min(100%, 1.5em) !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 4 !important;
  }

  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    order: 5 !important;
  }
}

/* ============================================================
   Ver_p.0.2.21: restore liver-mode Gift Log tab to Ver_p.0.2.16.
   Scope: #log_gift only, smartphone width only.
   Do not change 2-screen/3-screen gift panes.

   Ver_p.0.2.16 gift-tab layout:
   time 80px -> user 140px -> gift image 24px -> current remainder.
   Avatar, gift name, and cumulative are hidden.
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode #log_gift.log-box > .gift-row.gift-row,
  body.liver-mode #log_gift > .gift-row.gift-row,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode #log_gift > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 80px 0 140px 24px 0 minmax(0, 1fr) !important;
    grid-template-areas: "time avatar user icon giftname current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-main-line,
  body.liver-mode #log_gift > .gift-row.gift-row > .log-main-line,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode #log_gift > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_gift > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode #log_gift > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_gift > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_gift.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode #log_gift > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    order: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    width: min(100%, 1.6em) !important;
    height: min(100%, 1.6em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
  }

  body.liver-mode #log_gift.log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode #log_gift > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
    grid-area: current !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    order: 4 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

/* ============================================================
   Ver_p.0.2.22: liver-mode comment message wrapping fix.
   Scope: all liver-mode comment log panes.
   Policy: keep time/name compact, but allow comment body to wrap.
   ============================================================ */
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row {
  align-items: start !important;
  overflow: visible !important;
  min-height: max-content !important;
  height: auto !important;
}
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .comment-message,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .comment-message,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row .comment-message,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row .comment-message {
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
/* User name remains one line even when the comment body wraps. */
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .log-user-name,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .log-user-name,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row .avatar-name-text,
body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row .avatar-name-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ============================================================
   Ver_p.0.2.23: liver-mode multiscreen comment pane wrap final override.
   Scope: all viewport widths, only 2-screen and 3-screen comment panes.
   Policy: comment body wraps when overflowing; user name remains one-line ellipsis.
   ============================================================ */
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row,
body.liver-mode :is(#log_dual_comment, #log_triple_comment) > .comment-row {
  align-items: start !important;
  overflow: visible !important;
  min-height: max-content !important;
  height: auto !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .comment-message,
body.liver-mode :is(#log_dual_comment, #log_triple_comment) > .comment-row > .comment-message,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row .comment-message,
body.liver-mode :is(#log_dual_comment, #log_triple_comment) > .comment-row .comment-message {
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row > .log-user-name,
body.liver-mode :is(#log_dual_comment, #log_triple_comment) > .comment-row > .log-user-name,
body.liver-mode :is(#log_dual_comment, #log_triple_comment).log-box > .comment-row .avatar-name-text,
body.liver-mode :is(#log_dual_comment, #log_triple_comment) > .comment-row .avatar-name-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ============================================================
   Ver_p.0.2.24: explicit liver-mode multiscreen comment wrap fix.
   Scope: all viewport widths, #log_dual_comment and #log_triple_comment only.
   Reason: previous :is() based final override could be defeated by legacy pane
   rules in some browsers/cache states. Use explicit ID selectors and force the
   same wrap behavior as the comment log tab.
   ============================================================ */
body.liver-mode #log_dual_comment.log-box > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment.log-box > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  align-items: start !important;
  overflow: visible !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}
body.liver-mode #log_dual_comment.log-box > .comment-row > .comment-message,
body.liver-mode #log_dual_comment > .comment-row > .comment-message,
body.liver-mode #log_dual_comment.log-box > .comment-row .comment-message,
body.liver-mode #log_dual_comment > .comment-row .comment-message,
body.liver-mode #log_triple_comment.log-box > .comment-row > .comment-message,
body.liver-mode #log_triple_comment > .comment-row > .comment-message,
body.liver-mode #log_triple_comment.log-box > .comment-row .comment-message,
body.liver-mode #log_triple_comment > .comment-row .comment-message,
body.liver-mode #log_dual_comment.log-box > .comment-row > .log-message,
body.liver-mode #log_dual_comment > .comment-row > .log-message,
body.liver-mode #log_triple_comment.log-box > .comment-row > .log-message,
body.liver-mode #log_triple_comment > .comment-row > .log-message {
  display: block !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode #log_dual_comment.log-box > .comment-row > .log-user-name,
body.liver-mode #log_dual_comment > .comment-row > .log-user-name,
body.liver-mode #log_dual_comment.log-box > .comment-row .avatar-name-text,
body.liver-mode #log_dual_comment > .comment-row .avatar-name-text,
body.liver-mode #log_triple_comment.log-box > .comment-row > .log-user-name,
body.liver-mode #log_triple_comment > .comment-row > .log-user-name,
body.liver-mode #log_triple_comment.log-box > .comment-row .avatar-name-text,
body.liver-mode #log_triple_comment > .comment-row .avatar-name-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* ============================================================
   Ver_p.0.2.25: liver-mode 2/3-screen comment pane all-message wrap.
   Scope: all viewport widths, only #log_dual_comment and #log_triple_comment.
   Policy:
   - Comment text, SYSTEM messages, and server messages are wrapping cells.
   - The browser lays out each row with min-width:0 and wraps only when the
     measured available width is insufficient.
   - Time/name/SYSTEM labels remain compact one-line cells.
   ============================================================ */
body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg),
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg),
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg),
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) {
  align-items: start !important;
  overflow: visible !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line),
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) :is(.comment-message,.log-message,.system-message,.system-message-cell,.log-main-line) {
  display: block !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-user-name,.system-label,.system-label-cell,.log-user),
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-user-name,.system-label,.system-label-cell,.log-user),
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-user-name,.system-label,.system-label-cell,.log-user),
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) > :is(.log-user-name,.system-label,.system-label-cell,.log-user),
body.liver-mode #log_dual_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) .avatar-name-text,
body.liver-mode #log_dual_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) .avatar-name-text,
body.liver-mode #log_triple_comment.log-box > :is(.comment-row,.system-row,.server-msg,.system-info-msg) .avatar-name-text,
body.liver-mode #log_triple_comment > :is(.comment-row,.system-row,.server-msg,.system-info-msg) .avatar-name-text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}


/* ============================================================
   Ver_p.0.2.26: liver-mode 2/3-screen comment text wrap hard fix.
   Scope: #log_dual_comment / #log_triple_comment, all viewport widths.
   Reason: server/system messages wrapped, but normal comment text could still
   inherit a legacy nowrap rule through .log-message. Target the actual
   comment text span (.comment-message.log-message) and force it to wrap.
   ============================================================ */
body.liver-mode #log_dual_comment.log-box > .comment-row,
body.liver-mode #log_dual_comment > .comment-row,
body.liver-mode #log_triple_comment.log-box > .comment-row,
body.liver-mode #log_triple_comment > .comment-row {
  align-items: start !important;
  overflow: visible !important;
  height: auto !important;
  min-height: max-content !important;
  max-height: none !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}
body.liver-mode #log_dual_comment.log-box > .comment-row > span.comment-message.log-message,
body.liver-mode #log_dual_comment > .comment-row > span.comment-message.log-message,
body.liver-mode #log_triple_comment.log-box > .comment-row > span.comment-message.log-message,
body.liver-mode #log_triple_comment > .comment-row > span.comment-message.log-message,
body.liver-mode #log_dual_comment.log-box > .comment-row > .comment-message,
body.liver-mode #log_dual_comment > .comment-row > .comment-message,
body.liver-mode #log_triple_comment.log-box > .comment-row > .comment-message,
body.liver-mode #log_triple_comment > .comment-row > .comment-message,
body.liver-mode #log_dual_comment.log-box > .comment-row > .log-message,
body.liver-mode #log_dual_comment > .comment-row > .log-message,
body.liver-mode #log_triple_comment.log-box > .comment-row > .log-message,
body.liver-mode #log_triple_comment > .comment-row > .log-message {
  display: block !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  justify-self: stretch !important;
  align-self: start !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

/* ============================================================
   Ver_p.0.2.27: liver-mode 3-screen gift panes follow 2-screen gift pane.
   Scope: #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal.
   Policy: apply the same final display specification to 3-screen Special/Normal
   as the 2-screen gift pane for every width. Gift Log tab (#log_gift) is not
   changed here, so the Ver_p.0.2.21 restoration remains isolated to that tab.
   ============================================================ */
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px minmax(64px, 0.7fr) 28px minmax(92px, 1fr) minmax(92px, 1fr) !important;
  grid-template-areas: "time user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
}
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 96px minmax(44px, 0.7fr) 26px minmax(84px, 1fr) minmax(84px, 1fr) !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 86px minmax(40px, 0.7fr) 24px minmax(80px, 1fr) minmax(80px, 1fr) !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 600px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 68px minmax(36px, 0.7fr) 24px minmax(78px, 1fr) minmax(78px, 1fr) !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 68px !important; min-width: 68px !important; max-width: 68px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 360px) {
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) { grid-template-columns: 64px minmax(32px, 0.6fr) 22px minmax(76px, 1fr) minmax(76px, 1fr) !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 22px !important; min-width: 22px !important; max-width: 22px !important; }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 22px !important; max-height: 22px !important; }
}


/* ============================================================
   Ver_p.0.2.28: liver-mode Gift Log tab also follows the 2-screen gift pane.
   Scope: #log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal.
   Policy: apply the same final gift-row layout to the standalone Gift Log tab
   and the 2/3-screen gift panes for every width. This removes the remaining
   layout split between #log_gift and the multi-screen panes.
   ============================================================ */
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px minmax(64px, 0.7fr) 28px minmax(92px, 1fr) minmax(92px, 1fr) !important;
  grid-template-areas: "time user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 96px minmax(44px, 0.7fr) 26px minmax(84px, 1fr) minmax(84px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 86px minmax(40px, 0.7fr) 24px minmax(80px, 1fr) minmax(80px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 600px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 68px minmax(36px, 0.7fr) 24px minmax(78px, 1fr) minmax(78px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 68px !important; min-width: 68px !important; max-width: 68px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 360px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) { grid-template-columns: 64px minmax(32px, 0.6fr) 22px minmax(76px, 1fr) minmax(76px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 22px !important; min-width: 22px !important; max-width: 22px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 22px !important; max-height: 22px !important; }
}

/* ============================================================
   Ver_p.0.2.29: copy 3-screen Normal Kirakira/star/seed gift layout.
   Scope: liver mode gift rows in #log_gift, #log_dual_gift,
   #log_triple_gift_special, #log_triple_gift_normal.
   Policy: every gift row uses the same visual layout as the 3-screen Normal
   Kirakira/star/seed row. Free-gift visibility controls are scoped in app.js
   to #log_gift / #log_dual_gift / #log_triple_gift_normal only.
   ============================================================ */
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px minmax(64px, 0.7fr) 28px minmax(92px, 1fr) minmax(92px, 1fr) !important;
  grid-template-areas: "time user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 96px minmax(44px, 0.7fr) 26px minmax(84px, 1fr) minmax(84px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 86px minmax(40px, 0.7fr) 24px minmax(80px, 1fr) minmax(80px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 600px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row { grid-template-columns: 68px minmax(36px, 0.7fr) 24px minmax(78px, 1fr) minmax(78px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 68px !important; min-width: 68px !important; max-width: 68px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}
@media (max-width: 360px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) { grid-template-columns: 64px minmax(32px, 0.6fr) 22px minmax(76px, 1fr) minmax(76px, 1fr) !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 22px !important; min-width: 22px !important; max-width: 22px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 22px !important; max-height: 22px !important; }
}


/* ============================================================
   Ver_p.0.2.30: liver-mode one-row gift layout with avatar and gift name.
   Policy:
   - One grid row for all liver-mode gift panes.
   - User name and gift name may wrap inside their own columns.
   - Cumulative/current keep explicit minimum widths and never overlap.
   - Smartphone keeps avatar hidden to preserve value visibility.
   Scope: gift log tab, 2-screen gift pane, 3-screen Special, 3-screen Normal.
   ============================================================ */
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(80px, 0.8fr) 28px minmax(90px, 0.9fr) minmax(100px, 1fr) minmax(100px, 1fr) !important;
  grid-template-areas: "time avatar user icon gift cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  white-space: normal !important;
  flex-wrap: nowrap !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  visibility: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  display: block !important;
  visibility: visible !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: cover !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-break: anywhere !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}

body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  writing-mode: horizontal-tb !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  order: 6 !important;
}
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
  order: 7 !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 96px 26px minmax(56px, 0.7fr) 26px minmax(60px, 0.7fr) minmax(90px, 1fr) minmax(90px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 86px 24px minmax(48px, 0.65fr) 24px minmax(52px, 0.65fr) minmax(84px, 1fr) minmax(84px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}

@media (max-width: 600px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row {
    grid-template-columns: 68px 0 minmax(42px, 0.6fr) 24px minmax(42px, 0.6fr) minmax(76px, 1fr) minmax(76px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 68px !important; min-width: 68px !important; max-width: 68px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell * ,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 24px !important; max-height: 24px !important; }
}

@media (max-width: 360px) {
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 64px 0 minmax(32px, 0.5fr) 22px minmax(32px, 0.5fr) minmax(74px, 1fr) minmax(74px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 64px !important; min-width: 64px !important; max-width: 64px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 22px !important; min-width: 22px !important; max-width: 22px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 22px !important; max-height: 22px !important; }
}


/* ============================================================
   Ver_p.0.2.31: remove liver-mode smartphone-specific layout.
   Base: Ver_p.0.2.30.
   Policy: at smartphone width (<=600px), use the same layout as tablet width
   for liver-mode comment/system/gift rows. This final override also neutralizes
   the extra-narrow <=360px smartphone safety rule from the base branch.
   ============================================================ */
@media (max-width: 600px) {
  /* Comment rows: smartphone follows tablet/general liver-mode comment layout. */
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row {
    display: grid !important;
    grid-template-columns: 110px 28px minmax(0, 4fr) minmax(0, 6fr) !important;
    grid-template-areas: "time avatar user message" !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .log-time,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .log-time {
    grid-area: time !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .log-avatar-cell,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .log-avatar-cell *,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .log-avatar-cell * {
    grid-area: avatar !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row img.user-avatar,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row img.user-avatar {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > .log-user-name,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row .avatar-name-text,
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row .avatar-name-text {
    grid-area: user !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row > :is(.comment-message,.log-message),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row > :is(.comment-message,.log-message),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > .comment-row :is(.comment-message,.log-message),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .comment-row :is(.comment-message,.log-message) {
    grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  /* SYSTEM/server rows in the multi-screen comment panes also follow tablet/general layout. */
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) {
    display: grid !important;
    grid-template-columns: 110px 110px minmax(0, 1fr) !important;
    grid-template-areas: "time label message" !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell) {
    grid-area: time !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) > :is(.system-label,.system-label-cell,.log-user,.log-user-name),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) > :is(.system-label,.system-label-cell,.log-user,.log-user-name) {
    grid-area: label !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) :is(.system-message,.system-message-cell,.log-main-line,.log-message,.comment-message),
  body.liver-mode :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) :is(.system-message,.system-message-cell,.log-main-line,.log-message,.comment-message) {
    grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  /* Gift rows: smartphone follows the Ver_p.0.2.30 tablet layout exactly. */
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: 86px 24px minmax(48px, 0.65fr) 24px minmax(52px, 0.65fr) minmax(84px, 1fr) minmax(84px, 1fr) !important;
    grid-template-areas: "time avatar user icon gift cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
    display: inline-flex !important;
    visibility: visible !important;
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    padding: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.6em) !important;
    height: min(100%, 1.6em) !important;
    max-width: 24px !important;
    max-height: 24px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 360px) {
  /* Explicitly neutralize the old extra-narrow smartphone override: use tablet layout. */
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 86px 24px minmax(48px, 0.65fr) 24px minmax(52px, 0.65fr) minmax(84px, 1fr) minmax(84px, 1fr) !important;
  }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_gift, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 24px !important; min-width: 24px !important; max-width: 24px !important; }
}



/* ============================================================
   Ver_p.0.2.42: user-log panes follow timeline layout.
   Base: Ver_p.0.2.40.
   Analysis result:
   - User-log rows are appended from the same server-generated HTML as timeline rows.
   - Layout drift was caused by old .user-log-box-specific CSS and partial liver-mode overrides.
   - This mirror block copies the effective #log_timeline row selectors to .user-log-box
     before the liver smartphone guidance and final free-gift hide guards.
   - Therefore comment/gift/SYSTEM rows in user-log tabs follow the same width-specific
     timeline rules in normal mode and liver mode without changing the source log payload.
   ============================================================ */
.user-log-box .gift-current-high-row {
background: #FFE5CC !important;
}
.user-log-box .gift-current-high-row .log-cell {
background: transparent !important;
}
.user-log-box .comment-row {
display:grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "main"
    "message";
  align-items:start !important;
  gap:2px !important;
  width:100%;
}
.user-log-box .comment-row .log-main-line {
grid-area:main;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:3px 5px 0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.user-log-box .comment-row .comment-message {
grid-area:message;
  min-width:0;
  padding:0 5px 4px;
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (max-width: 1200px) {
.user-log-box .comment-row .comment-message {
min-width:0; flex-basis:100%;
}
}
.user-log-box .comment-row,
.user-log-box .gift-row,
.user-log-box .system-row {
display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  width: 100% !important;
  min-width: 0 !important;
}
.user-log-box .comment-row .log-main-line,
.user-log-box .gift-row .log-main-line,
.user-log-box .system-row .log-main-line {
display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message {
display: inline !important;
  flex: 1 1 auto !important;
  min-width: 180px !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-detail-line {
display: inline-flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 220px !important;
  gap: 8px !important;
  padding: 3px 5px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-detail-line > * {
flex: 0 1 auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-icon-cell {
flex: 0 0 auto !important;
}
.user-log-box .comment-row,
.user-log-box .gift-row,
.user-log-box .system-row {
display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 4px 8px !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .comment-row .log-main-line,
.user-log-box .gift-row .log-main-line,
.user-log-box .system-row .log-main-line {
display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  max-width: 45% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message {
display: block !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-detail-line {
display: inline-flex !important;
  flex: 1 1 0 !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-detail-line > * {
flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-icon-cell {
flex: 0 0 auto !important;
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: 238px minmax(208px, 390px) minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .comment-row .log-main-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .comment-row .log-time {
grid-area: time !important;
}
.user-log-box .comment-row .log-user {
grid-area: name !important;
}
.user-log-box .comment-row .comment-message {
grid-area: message !important;
}
.user-log-box .system-row {
display: grid !important;
  grid-template-columns: 238px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .system-row .log-main-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .system-row .log-time {
grid-area: time !important;
}
.user-log-box .system-row .log-user {
grid-area: name !important;
}
.user-log-box .system-row .system-message {
grid-area: message !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: 238px minmax(208px, 364px) 48px minmax(160px, 1fr) minmax(150px, 170px) minmax(150px, 170px) !important;
  grid-template-areas: "time name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .gift-row .log-main-line,
.user-log-box .gift-row .gift-detail-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .gift-row .log-time {
grid-area: time !important;
}
.user-log-box .gift-row .log-user {
grid-area: name !important;
}
.user-log-box .gift-row .gift-icon-cell {
grid-area: icon !important;
  justify-content: center;
}
.user-log-box .gift-row .gift-name-cell {
grid-area: gift !important;
}
.user-log-box .gift-row .gift-cumulative-cell {
grid-area: cumulative !important;
}
.user-log-box .gift-row .gift-current-cell {
grid-area: current !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .comment-row .log-user,
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .log-time,
.user-log-box .system-row .log-user,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .log-time,
.user-log-box .gift-row .log-user,
.user-log-box .gift-row .gift-icon-cell,
.user-log-box .gift-row .gift-name-cell,
.user-log-box .gift-row .gift-cumulative-cell,
.user-log-box .gift-row .gift-current-cell {
min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  align-content: center;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .gift-current-cell {
border-right: 0;
}
.user-log-box .comment-row .user-avatar,
.user-log-box .gift-row .user-avatar {
display: none !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
display: inline !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
display: inline !important;
}
@media (max-width: 1180px) {
.user-log-box .gift-row {
grid-template-columns: 203px minmax(156px, 286px) 42px minmax(120px, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
}
.user-log-box .comment-row {
grid-template-columns: 203px minmax(156px, 286px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 203px 78px minmax(0, 1fr) !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 182px minmax(130px, 221px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 182px 70px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 182px minmax(130px, 221px) 40px minmax(100px, 1fr) minmax(105px, 130px) minmax(105px, 130px) !important;
}
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: 290px 390px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .comment-row .log-main-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .comment-row .log-time {
grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
.user-log-box .comment-row .log-user {
grid-area: name !important;
  width: 390px !important;
  min-width: 0 !important;
  max-width: 390px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message {
grid-area: message !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .system-row {
display: grid !important;
  grid-template-columns: 290px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .system-row .log-main-line {
display: contents !important; padding: 0 !important;
}
.user-log-box .system-row .log-time {
grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
.user-log-box .system-row .log-user {
grid-area: name !important;
}
.user-log-box .system-row .system-message {
grid-area: message !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: 290px 390px 48px minmax(160px, 1fr) minmax(150px, 170px) minmax(150px, 170px) !important;
  grid-template-areas: "time name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .gift-row .log-main-line,
.user-log-box .gift-row .gift-detail-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .gift-row .log-time {
grid-area: time !important;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  white-space: nowrap !important;
}
.user-log-box .gift-row .log-user {
grid-area: name !important;
  width: 390px !important;
  min-width: 0 !important;
  max-width: 390px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-icon-cell {
grid-area: icon !important; justify-content: center !important;
}
.user-log-box .gift-row .gift-name-cell {
grid-area: gift !important;
}
.user-log-box .gift-row .gift-cumulative-cell {
grid-area: cumulative !important;
}
.user-log-box .gift-row .gift-current-cell {
grid-area: current !important;
}
.user-log-box .log-time {
white-space: nowrap !important;
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: 189px 40px minmax(0, 273px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: 189px 40px minmax(0, 273px) 48px minmax(120px, 1fr) minmax(130px, 160px) minmax(130px, 160px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .system-row {
display: grid !important;
  grid-template-columns: 189px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box .comment-row .log-main-line,
.user-log-box .gift-row .log-main-line,
.user-log-box .gift-row .gift-detail-line,
.user-log-box .system-row .log-main-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
grid-area: time !important;
  width: auto !important;
  flex: none !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}
.user-log-box .comment-row .log-user,
.user-log-box .gift-row .log-user {
display: contents !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
display: contents !important;
}
.user-log-box .comment-row .user-avatar,
.user-log-box .gift-row .user-avatar {
display: block !important;
  grid-area: avatar !important;
  width: 30px !important;
  height: 30px !important;
  flex: none !important;
  justify-self: center !important;
  align-self: center !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
display: block !important;
  grid-area: name !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .system-row .log-user {
grid-area: name !important;
}
.user-log-box .comment-row .comment-message {
grid-area: message !important;
}
.user-log-box .system-row .system-message {
grid-area: message !important;
}
.user-log-box .gift-row .gift-icon-cell {
grid-area: icon !important; justify-content: center !important; align-self: center !important;
}
.user-log-box .gift-row .gift-name-cell {
grid-area: gift !important;
}
.user-log-box .gift-row .gift-cumulative-cell {
grid-area: cumulative !important;
}
.user-log-box .gift-row .gift-current-cell {
grid-area: current !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .comment-row .user-avatar,
.user-log-box .comment-row .avatar-name-text,
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .log-time,
.user-log-box .system-row .log-user,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .log-time,
.user-log-box .gift-row .user-avatar,
.user-log-box .gift-row .avatar-name-text,
.user-log-box .gift-row .gift-icon-cell,
.user-log-box .gift-row .gift-name-cell,
.user-log-box .gift-row .gift-cumulative-cell,
.user-log-box .gift-row .gift-current-cell {
min-width: 0 !important;
  max-width: 100% !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  align-content: center !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .gift-current-cell {
border-right: 0 !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row {
grid-template-columns: 170px 36px minmax(0, 220px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 170px 78px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 170px 36px minmax(0, 220px) 42px minmax(100px, 1fr) minmax(110px, 140px) minmax(110px, 140px) !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 150px 34px minmax(0, 180px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 150px 70px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 150px 34px minmax(0, 180px) 40px minmax(90px, 1fr) minmax(100px, 125px) minmax(100px, 125px) !important;
}
.user-log-box .comment-row .user-avatar,
.user-log-box .gift-row .user-avatar {
width: 28px !important; height: 28px !important;
}
}
.user-log-box .comment-row {
grid-template-columns: 123px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
}
.user-log-box .gift-row {
grid-template-columns: 123px 40px minmax(0, 191px) 48px minmax(120px, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
}
.user-log-box .system-row {
grid-template-columns: 123px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message {
display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
grid-area: name !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row {
grid-template-columns: 110px 36px minmax(0, 154px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 110px 90px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 110px 36px minmax(0, 154px) 42px minmax(100px, 1fr) minmax(154px, 196px) minmax(154px, 196px) !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 98px 34px minmax(0, 126px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 98px 82px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 98px 34px minmax(0, 126px) 40px minmax(90px, 1fr) minmax(140px, 175px) minmax(140px, 175px) !important;
}
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: 160px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: 160px 40px minmax(0, 191px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .system-row {
display: grid !important;
  grid-template-columns: 160px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
grid-area: time !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .gift-name-cell {
min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row {
grid-template-columns: 150px 36px minmax(0, 180px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 150px 104px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 150px 36px minmax(0, 180px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
width: 150px !important; min-width: 150px !important; max-width: 150px !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 130px 34px minmax(0, 150px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 130px 90px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 130px 34px minmax(0, 150px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
width: 130px !important; min-width: 130px !important; max-width: 130px !important;
}
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: 208px 40px minmax(0, 191px) minmax(0, 1fr) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: 208px 40px minmax(0, 191px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
  grid-template-areas: "time avatar name icon gift cumulative current" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .system-row {
display: grid !important;
  grid-template-columns: 208px 104px minmax(0, 1fr) !important;
  grid-template-areas: "time name message" !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
grid-area: time !important;
  width: 208px !important;
  min-width: 208px !important;
  max-width: 208px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: keep-all !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
grid-area: avatar !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .system-row .system-message,
.user-log-box .gift-row .gift-name-cell {
min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row {
grid-template-columns: 195px 36px minmax(0, 180px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 195px 104px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 195px 36px minmax(0, 180px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
width: 195px !important; min-width: 195px !important; max-width: 195px !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 170px 34px minmax(0, 150px) minmax(0, 1fr) !important;
}
.user-log-box .system-row {
grid-template-columns: 170px 90px minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 170px 34px minmax(0, 150px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time,
.user-log-box .system-row .log-time {
width: 170px !important; min-width: 170px !important; max-width: 170px !important;
}
}
.user-log-box .comment-row {
grid-template-columns: 208px 40px minmax(0, 273px) minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 208px 40px minmax(0, 273px) 48px minmax(0, 1fr) minmax(182px, 224px) minmax(182px, 224px) !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row {
grid-template-columns: 195px 36px minmax(0, 220px) minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 195px 36px minmax(0, 220px) 42px minmax(0, 1fr) minmax(145px, 190px) minmax(145px, 190px) !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row {
grid-template-columns: 170px 34px minmax(0, 180px) minmax(0, 1fr) !important;
}
.user-log-box .gift-row {
grid-template-columns: 170px 34px minmax(0, 180px) 40px minmax(0, 1fr) minmax(120px, 150px) minmax(120px, 150px) !important;
}
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
}
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  grid-template-areas: "time avatar name message" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  grid-template-areas: "time avatar name detail" !important;
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}
.user-log-box .comment-row .log-main-line,
.user-log-box .gift-row .log-main-line {
display: contents !important;
  max-width: none !important;
  padding: 0 !important;
}
.user-log-box .comment-row .log-user,
.user-log-box .gift-row .log-user,
.user-log-box .comment-row .avatar-name-wrap,
.user-log-box .gift-row .avatar-name-wrap {
display: contents !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .gift-row .log-time {
grid-area: time !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .user-avatar,
.user-log-box .gift-row .user-avatar {
display: block !important;
  grid-area: avatar !important;
  width: 30px !important;
  height: 30px !important;
  max-width: calc(100% - 8px) !important;
  max-height: 30px !important;
  justify-self: center !important;
  align-self: center !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  margin: 0 auto !important;
}
.user-log-box .comment-row .avatar-name-text,
.user-log-box .gift-row .avatar-name-text {
display: block !important;
  grid-area: name !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .comment-row .comment-message {
display: block !important;
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-detail-line {
display: flex !important;
  grid-area: detail !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 3px 6px !important;
}
.user-log-box .gift-row .gift-detail-line > * {
flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-icon-cell {
display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
}
.user-log-box .gift-row .gift-name-cell {
flex: 1 1 160px !important;
}
.user-log-box .gift-row .gift-cumulative-cell,
.user-log-box .gift-row .gift-current-cell {
flex: 0 1 150px !important;
}
.user-log-box .comment-row .log-time,
.user-log-box .comment-row .user-avatar,
.user-log-box .comment-row .avatar-name-text,
.user-log-box .comment-row .comment-message,
.user-log-box .gift-row .log-time,
.user-log-box .gift-row .user-avatar,
.user-log-box .gift-row .avatar-name-text,
.user-log-box .gift-row .gift-detail-line {
min-width: 0 !important;
  padding: 3px 6px !important;
  border-right: 1px solid #e5e7eb !important;
  align-content: center !important;
  box-sizing: border-box !important;
}
.user-log-box .comment-row .comment-message,
.user-log-box .gift-row .gift-detail-line {
border-right: 0 !important;
}
@media (max-width: 1180px) {
.user-log-box .comment-row,
.user-log-box .gift-row {
grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
}
}
@media (max-width: 760px) {
.user-log-box .comment-row,
.user-log-box .gift-row {
grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
}
.user-log-box .comment-row .user-avatar,
.user-log-box .gift-row .user-avatar {
width: 26px !important;
    height: 26px !important;
    max-height: 26px !important;
}
}
.user-log-box .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
}
.user-log-box .log-time,
.user-log-box .log-avatar-cell,
.user-log-box .log-user-name,
.user-log-box .log-message,
.user-log-box .log-gift-detail {
min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .log-avatar-cell {
display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
}
.user-log-box .gift-row .gift-img {
max-width: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
.user-log-box .comment-row,
.user-log-box .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 15%) minmax(0, 5%) minmax(0, 25%) minmax(0, 55%) !important;
  column-gap: 6px !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.user-log-box .log-time,
.user-log-box .log-avatar-cell,
.user-log-box .log-user-name,
.user-log-box .log-message,
.user-log-box .log-gift-detail {
min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}
.user-log-box .log-avatar-cell {
display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box .user-avatar {
width: 37px !important;
  height: 37px !important;
  flex: 0 0 37px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.user-log-box .gift-row .gift-img {
max-width: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
.user-log-box .gift-row .gift-detail-line {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 40%) minmax(0, 25%) minmax(0, 25%) !important;
  align-items: center !important;
  column-gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.user-log-box .gift-row .gift-id {
display: none !important;
}
.user-log-box .gift-row .gift-detail-line {
display: flex !important;
  grid-area: detail !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 3px 6px !important;
  box-sizing: border-box !important;
}
.user-log-box .gift-row .gift-detail-line > * {
min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box .gift-row .gift-icon-cell {
display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: auto !important;
}
.user-log-box .gift-row .gift-name-cell {
flex: 1 1 160px !important;
  width: auto !important;
}
.user-log-box .gift-row .gift-cumulative-cell,
.user-log-box .gift-row .gift-current-cell {
flex: 0 1 150px !important;
  width: auto !important;
}
.user-log-box > .log-row {
display: grid !important;
  grid-template-columns: minmax(0, var(--slv-log-time)) minmax(0, var(--slv-log-avatar)) minmax(0, var(--slv-log-user)) minmax(0, var(--slv-log-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box > .log-row > .log-time {
grid-area: time !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
}
.user-log-box > .log-row > .log-avatar-cell {
grid-area: avatar !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 2px !important;
}
.user-log-box > .log-row > .log-user-name {
grid-area: user !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 2px 4px !important;
  color: #000 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .log-row > .comment-message,
.user-log-box > .log-row > .system-message,
.user-log-box > .log-row > .log-gift-detail {
grid-area: body !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .system-row {
grid-template-columns: minmax(0, var(--slv-log-time)) minmax(0, var(--slv-log-avatar)) minmax(0, var(--slv-log-user)) minmax(0, var(--slv-log-body)) !important;
}
.user-log-box > .system-row > .log-main-line {
display: contents !important;
}
.user-log-box > .system-row > .log-main-line > .log-time {
grid-area: time !important;
}
.user-log-box > .system-row > .log-main-line > .log-user {
grid-area: user !important;
  color: #000 !important;
  padding: 2px 4px !important;
}
.user-log-box > .system-row > .system-message {
grid-area: body !important;
}
.user-log-box > .gift-row > .gift-detail-line {
display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box > .gift-row > .gift-detail-line .gift-icon-cell {
flex: 0 1 var(--slv-main-gift-icon-basis) !important;
  max-width: var(--slv-main-gift-icon-basis) !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box > .gift-row > .gift-detail-line .gift-name-cell {
flex: 1 1 var(--slv-main-gift-name-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row > .gift-detail-line .gift-cumulative-cell {
flex: 0 1 var(--slv-main-gift-cum-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row > .gift-detail-line .gift-current-cell {
flex: 0 1 var(--slv-main-gift-cur-basis) !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .log-row {
box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.user-log-box > .log-row * {
box-sizing: border-box !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .comment-row > .log-time {
grid-area: time !important; padding: 2px 4px !important;
}
.user-log-box > .comment-row > .log-avatar-cell {
grid-area: avatar !important; padding: 2px 2px !important;
}
.user-log-box > .comment-row > .log-user-name {
grid-area: user !important; padding: 2px 4px !important; color: #000 !important; white-space: normal !important;
}
.user-log-box > .comment-row > .comment-message {
grid-area: body !important; padding: 2px 4px !important; white-space: normal !important;
}
.user-log-box > .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 20%) minmax(0, 20%) minmax(0, 20%) !important;
  grid-template-areas: "time avatar user gift cumulative current" !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .gift-row > .log-time {
grid-area: time !important; padding: 2px 4px !important;
}
.user-log-box > .gift-row > .log-avatar-cell {
grid-area: avatar !important; padding: 2px 2px !important;
}
.user-log-box > .gift-row > .log-user-name {
grid-area: user !important; padding: 2px 4px !important; color: #000 !important; white-space: normal !important;
}
.user-log-box > .gift-row > .gift-detail-line {
display: contents !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
display: none !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell {
grid-area: gift !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
grid-area: cumulative !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
grid-area: current !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
.user-log-box > .system-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
}
.user-log-box > .system-row > .log-time {
grid-area: time !important;
}
.user-log-box > .system-row > .log-avatar-cell {
grid-area: avatar !important;
}
.user-log-box > .system-row > .log-user-name {
grid-area: user !important; color: #000 !important;
}
.user-log-box > .system-row > .system-message {
grid-area: body !important; white-space: normal !important;
}
.user-log-box > .log-row {
box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  align-items: center !important;
}
.user-log-box > .log-row > *,
.user-log-box > .gift-row > .gift-detail-line > * {
box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .log-row > .log-time {
grid-area: time !important;
  order: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  padding: 2px 4px !important;
}
.user-log-box > .log-row > .log-avatar-cell {
grid-area: avatar !important;
  order: 2 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2px 2px !important;
}
.user-log-box > .log-row > .log-avatar-cell img.user-avatar {
width: min(45px, 100%) !important;
  height: min(45px, 100%) !important;
  max-width: 45px !important;
  max-height: 45px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.user-log-box > .log-row > .log-user-name {
grid-area: user !important;
  order: 3 !important;
  color: #000 !important;
  white-space: normal !important;
  padding: 2px 4px !important;
}
.user-log-box > .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .comment-row > .comment-message,
.user-log-box > .system-row > .system-message {
grid-area: body !important;
  order: 4 !important;
  display: block !important;
  white-space: normal !important;
  padding: 2px 4px !important;
}
.user-log-box > .system-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .system-row > .log-main-line {
display: contents !important;
}
.user-log-box > .system-row .log-time {
grid-area: time !important;
}
.user-log-box > .system-row .log-user {
grid-area: user !important; color: #000 !important;
}
.user-log-box > .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 20%) minmax(0, 20%) minmax(0, 20%) !important;
  grid-template-areas: "time avatar user giftimage cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .gift-row > .gift-detail-line {
display: contents !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
grid-area: giftimage !important;
  order: 4 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 2px 4px !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell img,
.user-log-box > .gift-row img.gift-img {
display: inline-block !important;
  width: min(40px, 100%) !important;
  height: min(40px, 100%) !important;
  max-width: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell {
display: none !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
grid-area: cumulative !important;
  order: 5 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
grid-area: current !important;
  order: 6 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
}
.user-log-box > .log-row {
width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.user-log-box > .log-row > *,
.user-log-box .log-message,
.user-log-box .log-gift-detail {
min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}
.user-log-box .log-time {
white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
.user-log-box img.user-avatar {
width: min(var(--slv-avatar-max), 100%) !important;
  height: min(var(--slv-avatar-max), 100%) !important;
  max-width: var(--slv-avatar-max) !important;
  max-height: var(--slv-avatar-max) !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.user-log-box > .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .comment-row > .log-time {
grid-area: time !important; order: 1 !important;
}
.user-log-box > .comment-row > .log-avatar-cell {
grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.user-log-box > .comment-row > .log-user-name {
grid-area: user !important; order: 3 !important; color: #000 !important;
}
.user-log-box > .comment-row > .comment-message {
grid-area: body !important; order: 4 !important; display: block !important;
}
.user-log-box > .system-row {
display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user body" !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .system-row > .log-time {
grid-area: time !important;
}
.user-log-box > .system-row > .log-avatar-cell {
grid-area: avatar !important; display: inline-flex !important; justify-content: center !important;
}
.user-log-box > .system-row > .log-user-name {
grid-area: user !important; color: #000 !important;
}
.user-log-box > .system-row > .system-message {
grid-area: body !important; display: block !important;
}
.user-log-box > .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, var(--slv-main-time)) minmax(0, var(--slv-main-avatar)) minmax(0, var(--slv-main-user)) minmax(0, var(--slv-main-body)) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: column !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  align-items: center !important;
}
.user-log-box > .gift-row > .log-time {
grid-area: time !important; order: 1 !important;
}
.user-log-box > .gift-row > .log-avatar-cell {
grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.user-log-box > .gift-row > .log-user-name {
grid-area: user !important; order: 3 !important; color: #000 !important;
}
.user-log-box > .gift-row > .gift-detail-line {
grid-area: detail !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--slv-gift-icon-basis) !important;
  width: var(--slv-gift-icon-basis) !important;
  min-width: 0 !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell {
display: block !important;
  flex: 1 1 var(--slv-gift-name-basis) !important;
  min-width: 0 !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
display: block !important;
  flex: 1 1 var(--slv-gift-score-basis) !important;
  min-width: 0 !important;
}
@media (max-width: 760px) {
.user-log-box > .comment-row,
.user-log-box > .system-row,
.user-log-box > .gift-row {
grid-template-columns: minmax(0, 12%) minmax(0, 8%) minmax(0, 28%) minmax(0, 52%) !important;
}
}
.user-log-box > .log-row {
width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  gap: 0 !important;
  overflow: visible !important;
}
.user-log-box > .log-row > * {
min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}
.user-log-box > .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .comment-row > .log-time {
grid-area: time !important; order: 1 !important;
}
.user-log-box > .comment-row > .log-avatar-cell {
grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.user-log-box > .comment-row > .log-user-name {
grid-area: user !important; order: 3 !important; display: block !important; color: #000 !important; padding: 2px 4px !important;
}
.user-log-box > .comment-row > .comment-message {
grid-area: body !important; order: 4 !important; display: block !important; padding: 2px 4px !important;
}
.user-log-box > .system-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  column-gap: 0 !important;
}
.user-log-box > .system-row > .log-main-line {
display: contents !important;
}
.user-log-box > .system-row .log-time {
grid-area: time !important;
}
.user-log-box > .system-row .log-user,
.user-log-box > .system-row > .log-user-name {
grid-area: user !important; display: block !important; color: #000 !important; padding: 2px 4px !important;
}
.user-log-box > .system-row > .system-message {
grid-area: body !important; display: block !important; padding: 2px 4px !important;
}
.user-log-box > .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}
.user-log-box > .gift-row > .log-time {
grid-area: time !important; order: 1 !important;
}
.user-log-box > .gift-row > .log-avatar-cell {
grid-area: avatar !important; order: 2 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.user-log-box > .gift-row > .log-user-name {
grid-area: user !important; order: 3 !important; display: block !important; color: #000 !important; padding: 2px 4px !important;
}
.user-log-box > .gift-row > .gift-detail-line {
grid-area: detail !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
flex: 0 0 var(--slv-gift-icon-basis) !important;
  width: var(--slv-gift-icon-basis) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell {
flex: 1 1 var(--slv-gift-name-basis) !important;
  display: block !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
flex: 1 1 var(--slv-gift-score-basis) !important;
  display: block !important;
}
.user-log-box img.user-avatar {
width: min(45px, 100%) !important;
  height: min(45px, 100%) !important;
  max-width: 45px !important;
  max-height: 45px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
@media (max-width: 760px) {
.user-log-box > .comment-row,
.user-log-box > .system-row,
.user-log-box > .gift-row {
grid-template-columns: minmax(0, 12%) minmax(0, 8%) minmax(0, 28%) minmax(0, 52%) !important;
}
}
.user-log-box > .comment-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
}
.user-log-box > .comment-row > .log-time {
grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
.user-log-box > .comment-row > .log-avatar-cell {
grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box > .comment-row > .log-user-name {
grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .comment-row > .comment-message {
grid-area: body !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: block !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
}
.user-log-box > .gift-row > .log-time {
grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
}
.user-log-box > .gift-row > .log-avatar-cell {
grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box > .gift-row > .log-user-name {
grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  padding: 2px 4px !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box > .gift-row > .gift-detail-line {
grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
flex: 0 0 45px !important; width: 45px !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-name-cell {
flex: 1 1 120px !important;
}
.user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell,
.user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
flex: 1 1 180px !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] {
display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user detail" !important;
  grid-auto-flow: row !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-time {
grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  white-space: nowrap !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-avatar-cell {
grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 0 !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .log-user-name {
grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  color: #000 !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line {
grid-area: detail !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 8px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-icon-cell {
flex: 0 0 45px !important;
  width: 45px !important;
  max-width: 45px !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-name-cell {
flex: 1 1 120px !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-cumulative-cell,
body.hide-timeline-free-gifts.show-twinkle-100-when-hide .user-log-box > .gift-row[data-twinkle-100="1"] > .gift-detail-line > .gift-current-cell {
flex: 1 1 180px !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.user-log-box img.user-avatar {
width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  max-width: 100% !important;
  max-height: var(--slv-main-avatar-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
}
.user-log-box .log-avatar-cell {
min-width: 0 !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box .gift-row img.gift-img {
width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}
.user-log-box .gift-row .gift-icon-cell {
flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: 0 !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box img.user-avatar {
width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
.user-log-box .log-avatar-cell {
min-height: var(--slv-main-avatar-img) !important;
  overflow: visible !important;
}
.user-log-box .gift-row img.gift-img {
width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
.user-log-box img.user-avatar {
width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
.user-log-box .log-avatar-cell {
min-height: var(--slv-main-avatar-img) !important;
  overflow: visible !important;
  align-items: center !important;
  justify-content: center !important;
}
.user-log-box .gift-row img.gift-img {
width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
.user-log-box .gift-row .gift-icon-cell {
flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: calc(var(--slv-main-gift-img) + 8px) !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .user-log-box .log-row img.user-avatar,
body .user-log-box .comment-row img.user-avatar,
body .user-log-box .gift-row img.user-avatar {
width: var(--slv-main-avatar-img) !important;
  height: var(--slv-main-avatar-img) !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: var(--slv-main-avatar-img) !important;
  max-height: var(--slv-main-avatar-img) !important;
  inline-size: var(--slv-main-avatar-img) !important;
  block-size: var(--slv-main-avatar-img) !important;
  flex: 0 0 var(--slv-main-avatar-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body .user-log-box .log-avatar-cell {
width: auto !important;
  min-width: var(--slv-main-avatar-img) !important;
  min-height: var(--slv-main-avatar-img) !important;
  max-width: 100% !important;
  overflow: visible !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body .user-log-box .gift-row img.gift-img {
width: var(--slv-main-gift-img) !important;
  height: var(--slv-main-gift-img) !important;
  min-width: var(--slv-main-gift-img) !important;
  min-height: var(--slv-main-gift-img) !important;
  max-width: var(--slv-main-gift-img) !important;
  max-height: var(--slv-main-gift-img) !important;
  inline-size: var(--slv-main-gift-img) !important;
  block-size: var(--slv-main-gift-img) !important;
  flex: 0 0 var(--slv-main-gift-img) !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}
body .user-log-box .gift-row .gift-icon-cell {
flex: 0 0 calc(var(--slv-main-gift-img) + 8px) !important;
  width: calc(var(--slv-main-gift-img) + 8px) !important;
  min-width: calc(var(--slv-main-gift-img) + 8px) !important;
  max-width: calc(var(--slv-main-gift-img) + 8px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.user-log-box {
touch-action: manipulation;
}
body.liver-mode .user-log-box > .gift-row {
display:grid !important;
  grid-template-columns: minmax(76px, 15%) minmax(28px, 5%) minmax(0, 42%) minmax(30px, 7%) minmax(70px, 15.5%) minmax(70px, 15.5%) !important;
  grid-template-areas: "time avatar user icon cumulative current" !important;
  grid-auto-flow: column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode .user-log-box > .gift-row > .log-time {
grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  order:1 !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}
body.liver-mode .user-log-box > .gift-row > .log-avatar-cell {
grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  order:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:1px 2px !important;
  min-width:0 !important;
}
body.liver-mode .user-log-box > .gift-row > .log-user-name {
grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  order:3 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  color:#000 !important;
}
body.liver-mode .user-log-box > .gift-row > .gift-detail-line {
display:contents !important;
  grid-area:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
}
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-icon-cell {
grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  order:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:1px 2px !important;
}
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-cumulative-cell {
grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  order:5 !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.liver-mode .user-log-box > .gift-row > .gift-detail-line > .gift-current-cell {
grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  order:6 !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 3px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
}
@media (pointer: coarse) and (orientation: portrait), (max-width: 700px) and (orientation: portrait) {
body.liver-mode .user-log-box > .gift-row {
grid-template-columns: minmax(68px, 18%) minmax(24px, 6%) minmax(0, 38%) minmax(26px, 8%) minmax(54px, 15%) minmax(54px, 15%) !important;
}
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-time {
grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell {
grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-user-name {
grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] > .gift-detail-line.gift-detail-line {
display:contents !important;
  grid-area:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
grid-area:icon !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:contain !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-name-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-points,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-points,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-formula-cell {
display:none !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
grid-area:cumulative !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
grid-area:current !important;
  grid-column:6 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .system-row {
display:grid !important;
  grid-template-columns: 138px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time blank name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode .user-log-box > .system-row > .log-main-line {
display:contents !important;
  padding:0 !important;
  margin:0 !important;
}
body.liver-mode .user-log-box > .system-row .log-time {
grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .system-row .log-user,
body.liver-mode .user-log-box > .system-row > .log-user-name {
grid-area:name !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .system-row > .log-avatar-cell {
display:none !important;
}
body.liver-mode .user-log-box > .system-row > .system-message {
grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .comment-row {
display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode .user-log-box > .comment-row > .log-time {
grid-area:time !important;
  grid-column:1 !important;
  grid-row:1 !important;
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell {
grid-area:avatar !important;
  grid-column:2 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell img.user-avatar {
width:25px !important;
  height:25px !important;
  min-width:25px !important;
  min-height:25px !important;
  max-width:25px !important;
  max-height:25px !important;
  object-fit:cover !important;
  border-radius:50% !important;
}
body.liver-mode .user-log-box > .comment-row > .log-user-name {
grid-area:user !important;
  grid-column:3 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  color:#000 !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .comment-row > .comment-message {
grid-area:message !important;
  grid-column:4 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  border-right:0 !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .gift-row {
display:grid !important;
  grid-template-columns: 138px 25px minmax(0, 6fr) 25px minmax(0, 2fr) minmax(0, 2fr) !important;
  grid-template-areas:"time avatar user icon cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-standard-label,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-standard-label,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-cumulative-count,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-current-count,
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell .gift-cumulative-points,
body.liver-mode .user-log-box > .gift-row .gift-current-cell .gift-current-points {
display: none !important;
}
body.liver-mode .user-log-box > .gift-row .gift-liver-value {
display: inline !important;
  white-space: nowrap !important;
}
body.liver-mode .user-log-box > .gift-row .gift-cumulative-cell,
body.liver-mode .user-log-box > .gift-row .gift-current-cell {
overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body.liver-mode .user-log-box > .system-row {
display:grid !important;
  grid-template-columns: 110px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas:"time blank name message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode .user-log-box > .system-row > .log-avatar-cell {
display:block !important;
  grid-area:blank !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:25px !important;
  min-width:25px !important;
  max-width:25px !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box > .system-row > .log-avatar-cell * {
display:none !important;
}
body.liver-mode .user-log-box > .comment-row {
display:grid !important;
  grid-template-columns: 110px 28px minmax(0, 4fr) minmax(0, 6fr) !important;
  grid-template-areas:"time avatar user message" !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  column-gap:0 !important;
  row-gap:0 !important;
  overflow:hidden !important;
  line-height:1.2 !important;
}
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell {
width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
}
body.liver-mode .user-log-box > .comment-row > .log-avatar-cell img.user-avatar {
width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"],
body.liver-mode .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
display:grid !important;
  grid-template-columns: 110px 28px minmax(0, 45fr) 28px minmax(0, 25fr) minmax(0, 15fr) minmax(0, 15fr) !important;
  grid-template-areas:"time avatar user icon giftname cumulative current" !important;
  grid-auto-flow:column !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  column-gap:0 !important;
  row-gap:0 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell {
width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell img.gift-img {
width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-name-cell {
grid-area:giftname !important;
  grid-column:5 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:2px 4px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell {
grid-area:cumulative !important;
  grid-column:6 !important;
}
body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell {
grid-area:current !important;
  grid-column:7 !important;
}
@media (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.twinkle-gift-row {
display: grid !important;
    grid-template-columns: 110px 28px minmax(0, 40fr) 28px minmax(0, 22fr) minmax(0, 19fr) minmax(0, 19fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}
}
@media (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
display: grid !important;
    grid-template-columns: 90px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 24fr) minmax(0, 22fr) minmax(0, 22fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}
}
@media (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 20fr) minmax(0, 24fr) minmax(0, 24fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
}
}
@media (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
display: grid !important;
    grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 30fr) var(--slv-liver-gift-icon-size) minmax(0, 16fr) minmax(0, 27fr) minmax(0, 27fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
grid-template-columns: 80px 0 minmax(0, 20fr) var(--slv-liver-gift-icon-size) minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
grid-template-columns: 86px var(--slv-liver-gift-icon-size) minmax(0, 30fr) var(--slv-liver-gift-icon-size) minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
grid-template-columns: 96px var(--slv-liver-gift-icon-size) minmax(0, 32fr) var(--slv-liver-gift-icon-size) minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row.hide-log-gift-row[data-free-filter-target="1"] {
grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell * {
display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 76px 1.4286em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area: time !important; width:76px !important; min-width:76px !important; max-width:76px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar {
grid-area: avatar !important; width:1.4286em !important; height:1.4286em !important; min-width:1.4286em !important; min-height:1.4286em !important; max-width:1.4286em !important; max-height:1.4286em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area: name !important; min-width:0 !important; max-width:100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area: message !important; min-width:0 !important; max-width:100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display: grid !important;
    grid-template-columns: 76px 1.4286em 7.1429em minmax(0, 1fr) !important;
    align-items: center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-column: 1 !important; width:76px !important; min-width:76px !important; max-width:76px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-column: 3 !important; width:7.1429em !important; min-width:7.1429em !important; max-width:7.1429em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-column: 4 !important; min-width:0 !important; max-width:100% !important;
}
}
@media (min-width: 601px) and (max-width: 900px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 86px 1.5714em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area: time !important; width:86px !important; min-width:86px !important; max-width:86px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar {
grid-area: avatar !important; width:1.5714em !important; height:1.5714em !important; min-width:1.5714em !important; min-height:1.5714em !important; max-width:1.5714em !important; max-height:1.5714em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area:name !important; min-width:0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area:message !important; min-width:0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display: grid !important;
    grid-template-columns: 86px 1.5714em 7.8571em minmax(0, 1fr) !important;
    align-items:center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-column:1 !important; width:86px !important; min-width:86px !important; max-width:86px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-column:3 !important; width:7.8571em !important; min-width:7.8571em !important; max-width:7.8571em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-column:4 !important; min-width:0 !important;
}
}
@media (min-width: 901px) and (max-width: 1200px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 96px 1.7143em minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area:time !important; width:96px !important; min-width:96px !important; max-width:96px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar {
grid-area:avatar !important; width:1.7143em !important; height:1.7143em !important; min-width:1.7143em !important; min-height:1.7143em !important; max-width:1.7143em !important; max-height:1.7143em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area:name !important; min-width:0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area:message !important; min-width:0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display: grid !important;
    grid-template-columns: 96px 1.7143em 8.5714em minmax(0, 1fr) !important;
    align-items:center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-column:1 !important; width:96px !important; min-width:96px !important; max-width:96px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-column:3 !important; width:8.5714em !important; min-width:8.5714em !important; max-width:8.5714em !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-column:4 !important; min-width:0 !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar,
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-avatar-cell * {
display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area: name !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display: grid !important;
    grid-template-columns: 76px 100px minmax(0, 1fr) !important;
    grid-template-areas: "time name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-area: name !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: start !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area: time !important; width:76px !important; min-width:76px !important; max-width:76px !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar {
display:none !important; visibility:hidden !important; width:0 !important; min-width:0 !important; max-width:0 !important; height:0 !important; min-height:0 !important; max-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; overflow:hidden !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area:name !important; min-width:0 !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area:message !important; min-width:0 !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display:grid !important; grid-template-columns:76px 1px 100px minmax(0,1fr) !important; align-items:center !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-column:1 !important; width:76px !important; min-width:76px !important; max-width:76px !important; white-space:nowrap !important; overflow:hidden !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-column:3 !important; width:100px !important; min-width:100px !important; max-width:100px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-column:4 !important; min-width:0 !important; max-width:100% !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row {
display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    grid-template-areas: "time avatar name message" !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-main-line,
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-wrap {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-time {
grid-area: time !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .user-avatar,
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .log-avatar-cell {
display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .avatar-name-text {
grid-area: name !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .comment-row .comment-message {
grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row {
display: grid !important;
    grid-template-columns: 76px 0 minmax(0, 40fr) minmax(0, 60fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-main-line {
display: contents !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-time {
grid-column: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .log-user {
grid-column: 3 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
body.liver-mode.mobile-portrait-stack-fit .user-log-box .system-row .system-message {
grid-column: 4 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
}
@media (max-width: 600px) {
body.liver-mode.mobile-portrait-stack-fit .user-log-box.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"]) {
display: grid !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    overflow: hidden !important;
}
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
display: grid !important;
  grid-template-columns: 110px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time system message" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line {
display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  display: block !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
grid-area: system !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: block !important;
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  padding: 2px 4px !important;
  color: #000 !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-avatar-cell,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-avatar-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-avatar-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-avatar-cell {
display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message {
grid-area: message !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
@media (max-width: 600px) {
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
grid-template-columns: 76px 72px minmax(0, 1fr) !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
}
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
:is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
display: grid !important;
    grid-template-columns: 76px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
display: grid !important;
    grid-template-columns: 55px 55px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 55px !important;
    min-width: 55px !important;
    max-width: 55px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"],
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg {
display: grid !important;
    grid-template-columns: 80px 140px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-time {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .system-label,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    display: block !important;
    text-align: left !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row[data-kind="system"] > .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row.system-info-msg > .system-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    overflow: visible !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row {
display: grid !important;
    grid-template-columns: 80px 140px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    white-space: nowrap !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-time-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-time-cell {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .comment-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row {
display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-time-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-time-cell {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .comment-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
}
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row {
display: grid !important;
    grid-template-columns: 70px 70px minmax(0, 1fr) !important;
    grid-template-areas: "time system message" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-main-line,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-main-line {
display: contents !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-time-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-time-cell {
grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-label-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .log-user-name {
grid-area: system !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    order: 2 !important;
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .system-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .system-row .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box) > .system-row .comment-message {
grid-area: message !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    order: 3 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    writing-mode: horizontal-tb !important;
    box-sizing: border-box !important;
}
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row {
align-items: start !important;
  overflow: visible !important;
  min-height: max-content !important;
  height: auto !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row .comment-message,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row .comment-message {
white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.25 !important;
  box-sizing: border-box !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row .avatar-name-text,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row .avatar-name-text {
white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 600px) {
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row {
display: grid !important;
    grid-template-columns: 110px 28px minmax(0, 4fr) minmax(0, 6fr) !important;
    grid-template-areas: "time avatar user message" !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .log-time,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .log-time {
grid-area: time !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .log-avatar-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .log-avatar-cell,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .log-avatar-cell *,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .log-avatar-cell * {
grid-area: avatar !important;
    display: inline-flex !important;
    visibility: visible !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row img.user-avatar,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row img.user-avatar {
display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: 28px !important;
    max-height: 28px !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > .log-user-name,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row .avatar-name-text,
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row .avatar-name-text {
grid-area: user !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row > :is(.comment-message,.log-message),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row > :is(.comment-message,.log-message),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > .comment-row :is(.comment-message,.log-message),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > .comment-row :is(.comment-message,.log-message) {
grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) {
display: grid !important;
    grid-template-columns: 110px 110px minmax(0, 1fr) !important;
    grid-template-areas: "time label message" !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) > :is(.log-time,.system-time-cell) {
grid-area: time !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) > :is(.system-label,.system-label-cell,.log-user,.log-user-name),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) > :is(.system-label,.system-label-cell,.log-user,.log-user-name) {
grid-area: label !important;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box).log-box > :is(.system-row,.server-msg,.system-info-msg) :is(.system-message,.system-message-cell,.log-main-line,.log-message,.comment-message),
body.liver-mode :is(.user-log-box, .user-log-box, .user-log-box, .user-log-box, .user-log-box) > :is(.system-row,.server-msg,.system-info-msg) :is(.system-message,.system-message-cell,.log-main-line,.log-message,.comment-message) {
grid-area: message !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
}
}

/* Ver_p.0.2.32: In liver mode at smartphone width, do not display logs.
   Show an operational guidance message instead. This intentionally affects
   all log panes so users switch to normal mode or landscape orientation. */
@media (max-width: 600px) {
  body.liver-mode .log-box,
  body.liver-mode .user-log-box {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 72px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 8px !important;
    overflow: hidden !important;
  }

  body.liver-mode .log-box > *,
  body.liver-mode .user-log-box > * {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode .log-box::before,
  body.liver-mode .user-log-box::before {
    content: "一般モードもしくは横画面でご利用ください" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 10px 12px !important;
    border: 1px solid #b8c7dc !important;
    border-radius: 8px !important;
    background: #fff7df !important;
    color: #5a3a00 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
    box-sizing: border-box !important;
  }
}

/* Ver_p.0.2.33: liver-mode smartphone-width full-screen guidance.
   At smartphone width, clear the UI to a flat gray screen and show one
   horizontal, wrapping message. This overrides the older per-log-box guidance. */
@media (max-width: 600px) {
  html:has(body.liver-mode),
  body.liver-mode {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #b7b7b7 !important;
  }

  body.liver-mode > :not(script) {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode::before {
    content: "一般モードもしくは横画面でご利用ください" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100vw !important;
    min-width: 0 !important;
    height: 100vh !important;
    padding: 24px !important;
    background: #b7b7b7 !important;
    color: #111 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
  }
}


/* Ver_p.0.2.34: liver-mode smartphone-width log-area-only blue guidance.
   Keep headline/header, settings/control panel, and dashboard/summary visible.
   Clear only the log panel area to a light blue guidance area. This overrides
   Ver_p.0.2.33 full-screen gray clearing. */
@media (max-width: 600px) {
  html:has(body.liver-mode),
  body.liver-mode {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #f6fbff !important;
  }

  body.liver-mode::before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode > #notification-panel,
  body.liver-mode > .app-header,
  body.liver-mode > .summary-panel,
  body.liver-mode > .main-layout {
    visibility: visible !important;
  }

  body.liver-mode > #notification-panel {
    display: block !important;
  }

  body.liver-mode > .app-header {
    display: flex !important;
  }

  body.liver-mode > .summary-panel,
  body.liver-mode.dashboard-hidden > .summary-panel {
    display: block !important;
  }

  body.liver-mode > .main-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 8px !important;
  }

  body.liver-mode .main-layout > .control-panel,
  body.liver-mode .main-layout.left-hidden > .control-panel {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  body.liver-mode .main-layout > .log-panel,
  body.liver-mode .main-layout.left-hidden > .log-panel {
    display: flex !important;
    visibility: visible !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 260px !important;
    margin-top: 8px !important;
    padding: 24px 16px !important;
    box-sizing: border-box !important;
    border: 1px solid #b8d7ee !important;
    border-radius: 10px !important;
    background: #e8f6ff !important;
    overflow: hidden !important;
  }

  body.liver-mode .main-layout > .log-panel > * {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode .main-layout > .log-panel::before {
    content: "一般モードもしくは横画面でご利用ください" !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    color: #123044 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
  }
}

/* Ver_p.0.2.37: liver-mode smartphone width toggle visibility fix.
   Keep the smartphone guidance behavior, but allow the existing header buttons
   to control settings visibility and dashboard visibility normally. */
@media (max-width: 600px) {
  body.liver-mode.dashboard-hidden > .summary-panel {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode:not(.dashboard-hidden) > .summary-panel {
    display: block !important;
    visibility: visible !important;
  }

  body.liver-mode .main-layout.left-hidden > .control-panel {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode .main-layout:not(.left-hidden) > .control-panel {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  body.liver-mode .main-layout.left-hidden > .log-panel,
  body.liver-mode .main-layout:not(.left-hidden) > .log-panel {
    display: flex !important;
    visibility: visible !important;
  }
}


/* Ver_p.0.2.37: liver-mode smartphone-width guidance below header.
   Keep settings/dashboard toggle behavior active. Move guidance from log panel
   to a dedicated block immediately below the header. */
#liver_mobile_guidance.liver-mobile-guidance {
  display: none;
}

@media (max-width: 600px) {
  body.liver-mode > #liver_mobile_guidance.liver-mobile-guidance {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 10px 14px !important;
    background: #e8f6ff !important;
    border-bottom: 1px solid #b8d7ee !important;
    color: #123044 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: keep-all !important;
  }

  body.liver-mode .main-layout > .log-panel::before,
  body.liver-mode .main-layout.left-hidden > .log-panel::before,
  body.liver-mode .main-layout:not(.left-hidden) > .log-panel::before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode .main-layout > .log-panel,
  body.liver-mode .main-layout.left-hidden > .log-panel,
  body.liver-mode .main-layout:not(.left-hidden) > .log-panel {
    min-height: 180px !important;
    background: #e8f6ff !important;
  }
}



/* ============================================================
   Ver_p.0.2.39: liver-mode dual/normal gift layout unification.
   目的:
   - ライバーモードの2画面ギフト欄(#log_dual_gift)と3画面Normal欄(#log_triple_gift_normal)で、
     通常ギフト/有料ギフト行がキラキラ星・星・種行と別レイアウトになる問題を解消する。
   - 原因は、過去バージョンの .hide-log-gift-row / [data-hide-free-gift="1"] 専用CSSが
     mobile-portrait-stack-fit 付きの高詳細度セレクタで残っており、無料ギフト対象行だけ
     user/gift/cumulative/current の列配分が別指定になっていたため。
   - このブロックは2画面ギフト欄と3画面Normal欄のみを対象にし、Special欄や単独ギフトログタブは変更しない。
   ============================================================ */
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  grid-template-areas: "time avatar user icon gift cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  color: #000 !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  order: 6 !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
  order: 7 !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}

@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 76px !important; min-width: 76px !important; max-width: 76px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 1.4286em !important; min-width: 1.4286em !important; max-width: 1.4286em !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { width: 1.4286em !important; height: 1.4286em !important; max-width: 1.4286em !important; max-height: 1.4286em !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_dual_gift, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
}



/* ============================================================
   Ver_p.0.2.40: liver-mode 3-screen Special follows Normal layout.
   目的:
   - ライバーモードの3画面タブで、Special欄(#log_triple_gift_special)だけが
     Normal欄(#log_triple_gift_normal)と違う列配分になる問題を解消する。
   - Ver_p.0.2.39 の最終統一CSSは #log_dual_gift と #log_triple_gift_normal
     だけを対象にしていたため、Special欄には古い5列/小画像系のCSSが残っていた。
   - このブロックでは3画面のSpecial欄とNormal欄だけを同一7列グリッドに再固定する。
   - 非表示フィルタの display:none を壊さないよう、この後段に既存の最終非表示ガードを残す。
   ============================================================ */
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: 110px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  grid-template-areas: "time avatar user icon gift cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  order: 1 !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  order: 2 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  order: 3 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  color: #000 !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  order: 4 !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img {
  display: block !important;
  visibility: visible !important;
  width: min(100%, 1.75em) !important;
  height: min(100%, 1.75em) !important;
  max-width: 28px !important;
  max-height: 28px !important;
  object-fit: contain !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
  grid-area: gift !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  order: 5 !important;
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  color: #000 !important;
  text-align: left !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 2px 4px !important;
  margin: 0 !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
  grid-row: 1 !important;
  order: 6 !important;
}
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
  grid-row: 1 !important;
  order: 7 !important;
}

@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 96px 28px minmax(0, 32fr) 28px minmax(0, 18fr) minmax(0, 25fr) minmax(0, 25fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
}

@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 86px 26px minmax(0, 30fr) 26px minmax(0, 18fr) minmax(0, 26fr) minmax(0, 26fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 86px !important; min-width: 86px !important; max-width: 86px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 26px !important; min-width: 26px !important; max-width: 26px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { max-width: 26px !important; max-height: 26px !important; }
}

@media (max-width: 600px) {
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    grid-template-columns: 76px 0 minmax(0, 40fr) 1.4286em minmax(0, 0fr) minmax(0, 30fr) minmax(0, 30fr) !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time { width: 76px !important; min-width: 76px !important; max-width: 76px !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell { width: 1.4286em !important; min-width: 1.4286em !important; max-width: 1.4286em !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell img.gift-img { width: 1.4286em !important; height: 1.4286em !important; max-width: 1.4286em !important; max-height: 1.4286em !important; }
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode.mobile-portrait-stack-fit :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
}



/* ============================================================
   Ver_p.0.2.49: liver-mode gift column tuning + user-log layouts
   Base: Ver_p.0.2.48

   Scope:
   - Liver timeline tab: time -1ch, user -6 units, gift name -5 units,
     cumulative/current +6 units, all value cells wrap.
   - Liver 2-screen gift pane: user -5 units, gift name -4 units,
     cumulative/current +4 units, value cells wrap.
   - Liver 3-screen Special/Normal panes: Special and Normal share one
     design; user -6 units, gift name -4 units, cumulative/current +5 units.
   - Free gifts use the same visible layout as Special gifts when they are
     not hidden by the final free-gift filter guard.
   - Liver user-log tab mirrors the liver timeline tab.
   - Normal user-log tab mirrors the liver 2-screen gift pane design.
   ============================================================ */
:root {
  --p049-normal-userlog-time: 110px;
  --p049-normal-userlog-icon: 28px;
}
@media (min-width: 901px) and (max-width: 1200px) {
  :root {
    --p049-normal-userlog-time: 96px;
    --p049-normal-userlog-icon: 26px;
  }
}
@media (max-width: 900px) {
  :root {
    --p049-normal-userlog-time: 86px;
    --p049-normal-userlog-icon: 24px;
  }
}
@media (max-width: 600px) {
  :root {
    --p049-normal-userlog-time: 80px;
    --p049-normal-userlog-icon: 22px;
  }
}

@media (min-width: 601px) {
  body.liver-mode {
    --p049-liver-timeline-time: calc(110px - 1ch);
    --p049-liver-pane-time: 110px;
    --p049-liver-icon: 28px;
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  body.liver-mode {
    --p049-liver-timeline-time: calc(96px - 1ch);
    --p049-liver-pane-time: 96px;
    --p049-liver-icon: 26px;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.liver-mode {
    --p049-liver-timeline-time: calc(86px - 1ch);
    --p049-liver-pane-time: 86px;
    --p049-liver-icon: 24px;
  }
}

/* Normal user-log: mirror liver 2-screen gift-pane design. */
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
body:not(.liver-mode) .user-log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
  display: grid !important;
  grid-template-columns: var(--p049-normal-userlog-time) var(--p049-normal-userlog-icon) minmax(0, 40fr) var(--p049-normal-userlog-icon) minmax(0, 21fr) minmax(0, 19fr) minmax(0, 19fr) !important;
  grid-template-areas: "time avatar user icon giftname cumulative current" !important;
  grid-auto-flow: column !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: max-content !important;
  box-sizing: border-box !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  flex-wrap: nowrap !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .log-time,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .log-time {
  grid-area: time !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: var(--p049-normal-userlog-time) !important;
  min-width: var(--p049-normal-userlog-time) !important;
  max-width: var(--p049-normal-userlog-time) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .log-avatar-cell {
  grid-area: avatar !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: var(--p049-normal-userlog-icon) !important;
  min-width: var(--p049-normal-userlog-icon) !important;
  max-width: var(--p049-normal-userlog-icon) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .log-user-name,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .log-user-name,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .avatar-name-text,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .avatar-name-text {
  grid-area: user !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #000 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .gift-detail-line {
  display: contents !important;
  grid-area: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-icon-cell {
  grid-area: icon !important;
  grid-column: 4 !important;
  grid-row: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--p049-normal-userlog-icon) !important;
  min-width: var(--p049-normal-userlog-icon) !important;
  max-width: var(--p049-normal-userlog-icon) !important;
  overflow: hidden !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-name-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-name-cell {
  grid-area: giftname !important;
  grid-column: 5 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-cumulative-cell {
  grid-area: cumulative !important;
  grid-column: 6 !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-current-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-current-cell {
  grid-area: current !important;
  grid-column: 7 !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-cumulative-cell,
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row .gift-current-cell,
body:not(.liver-mode) .user-log-box > .gift-row.gift-row .gift-current-cell {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
}
body:not(.liver-mode) .user-log-box.log-box > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell),
body:not(.liver-mode) .user-log-box > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell) {
  padding: 2px 4px !important;
  box-sizing: border-box !important;
}

@media (min-width: 601px) {
  /* Liver timeline + liver user-log: timeline-specific column deltas. */
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode #log_timeline > .gift-row.gift-row,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row,
  body.liver-mode .user-log-box > .gift-row.gift-row,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode #log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode .user-log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: var(--p049-liver-timeline-time) var(--p049-liver-icon) minmax(0, 39fr) var(--p049-liver-icon) minmax(0, 20fr) minmax(0, 21fr) minmax(0, 21fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  /* Liver 2-screen pane: 5/4/4 column delta. */
  body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row,
  body.liver-mode #log_dual_gift > .gift-row.gift-row,
  body.liver-mode #log_dual_gift.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode #log_dual_gift > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: var(--p049-liver-pane-time) var(--p049-liver-icon) minmax(0, 40fr) var(--p049-liver-icon) minmax(0, 21fr) minmax(0, 19fr) minmax(0, 19fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  /* Liver 3-screen Special + Normal: Normal is forced to Special design. */
  body.liver-mode :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns: var(--p049-liver-pane-time) var(--p049-liver-icon) minmax(0, 39fr) var(--p049-liver-icon) minmax(0, 21fr) minmax(0, 20fr) minmax(0, 20fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  /* Liver gift-row cell placement and wrapping. */
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode .user-log-box > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode #log_timeline > .gift-row.gift-row > .log-time,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode .user-log-box > .gift-row.gift-row > .log-time {
    width: var(--p049-liver-timeline-time) !important;
    min-width: var(--p049-liver-timeline-time) !important;
    max-width: var(--p049-liver-timeline-time) !important;
  }
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-time,
  body.liver-mode :is(#log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    width: var(--p049-liver-pane-time) !important;
    min-width: var(--p049-liver-pane-time) !important;
    max-width: var(--p049-liver-pane-time) !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode .user-log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode .user-log-box > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #000 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode .user-log-box > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-icon-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    overflow: hidden !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-name-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-name-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-cumulative-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-current-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row > .gift-detail-line > .gift-current-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row .gift-current-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode .user-log-box > .gift-row.gift-row .gift-current-cell {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    text-align: left !important;
  }
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal).log-box > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode :is(#log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal) > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode .user-log-box.log-box > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode .user-log-box > .gift-row.gift-row :is(.log-time,.log-avatar-cell,.log-user-name,.gift-icon-cell,.gift-name-cell,.gift-cumulative-cell,.gift-current-cell) {
    padding: 2px 4px !important;
    box-sizing: border-box !important;
  }
}

/* Ver_p.0.2.37: final free-gift visibility guard.
   This block is intentionally placed at the end so later layout rules cannot
   re-display キラキラ星・星・種 rows when the checkbox filter is active. */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > .gift-row:is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > .gift-row:is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"]):not([data-twinkle-100="1"]):not(.twinkle-100-row) {
  display: none !important;
  visibility: hidden !important;
}
body.hide-timeline-free-gifts :is(#log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > .gift-row[data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}

/* Ver_p.0.2.38: timeline free-gift visibility guard.
   タイムラインを含むログ系ペインで、JSの属性判定後に後段レイアウトCSSが再表示しないよう最終固定する。 */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]):not(.twinkle-100-row),
body.hide-timeline-free-gifts :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > [data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}



/* Ver_p.0.2.48: SHOWROOM server message subtype styles.
   t=1001 regular gift ranking: gray text.
   t=17 dice roll / special effect: light cream background.
   t=18 level/status change: light purple background.
   Room-level subtype rows show time + message only. */
.log-row.system-row.server-msg.sr-server-regular-gift-ranking,
.log-row.system-row.server-msg.sr-server-regular-gift-ranking .system-message,
.log-row.system-row.server-msg.sr-server-regular-gift-ranking .log-time,
.log-row.system-row.server-msg.sr-server-regular-gift-ranking .log-user-name,
.log-row.system-row.server-msg.sr-server-regular-gift-ranking .log-user,
.log-row.system-row.server-msg.sr-server-regular-gift-ranking .user-name-link {
  color: #777777 !important;
  font-weight: 700 !important;
}
.log-row.system-row.server-msg.sr-server-dice-roll {
  background: #fff8e6 !important;
}
.log-row.system-row.server-msg.sr-server-dice-roll .system-message,
.log-row.system-row.server-msg.sr-server-dice-roll .log-main-line {
  background: transparent !important;
}
.log-row.system-row.server-msg.sr-server-level-change {
  background: #f3eaff !important;
}
.log-row.system-row.server-msg.sr-server-level-change .system-message,
.log-row.system-row.server-msg.sr-server-level-change .log-main-line {
  background: transparent !important;
}


/* Ver_p.0.2.48: room-level SHOWROOM server messages are rendered as time + body only. */
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .log-row.system-row.server-msg.sr-server-room-message {
  display: grid !important;
  grid-template-columns: 123px minmax(0, 1fr) !important;
  grid-template-areas: "time message" !important;
  align-items: start !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .log-row.system-row.server-msg.sr-server-room-message > .log-time {
  grid-area: time !important;
  white-space: nowrap !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .log-row.system-row.server-msg.sr-server-room-message > .system-message {
  grid-area: message !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
:is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .log-row.system-row.server-msg.sr-server-room-message > :is(.log-avatar-cell, .log-user-name, .log-user, .system-label) {
  display: none !important;
}
@media (max-width: 900px) {
  :is(#log_all, #log_timeline, #log_dual_comment, #log_triple_comment, .user-log-box) > .log-row.system-row.server-msg.sr-server-room-message {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }
}


/* ============================================================
   Ver_p.0.2.50: liver timeline Special gift time/avatar alignment.
   目的:
   - ライバーモードのタイムラインタブで Special ギフト行だけ
     左ボーダー由来の 5px 分が時刻欄・時刻/avatar間の見た目幅に
     影響する問題を解消する。
   - Normal ギフト行と同じ time/avatar/user 列幅・余白に固定する。
   - 非表示フィルタを壊さないよう display は再指定しない。
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode #log_timeline > .gift-row.gift-row.special-gift-row,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row.special-gift-row {
    border-left: 0 !important;
    box-shadow: inset 5px 0 0 #d9534f !important;
    grid-template-columns: var(--p049-liver-timeline-time) var(--p049-liver-icon) minmax(0, 39fr) var(--p049-liver-icon) minmax(0, 20fr) minmax(0, 21fr) minmax(0, 21fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-time,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    width: var(--p049-liver-timeline-time) !important;
    min-width: var(--p049-liver-timeline-time) !important;
    max-width: var(--p049-liver-timeline-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-avatar-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-avatar-cell img.user-avatar,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row) > .log-avatar-cell img.user-avatar {
    margin: 0 !important;
  }
}


/* ============================================================
   Ver_p.0.2.51: liver timeline Special gift follows Normal gift layout.
   分析結果:
   - app.py が生成する Normal/Special のギフトDOM構造は同一。
   - 差分は CSS の .special-gift-row 左アクセント系指定に集中していた。
   方針:
   - ライバーモードのタイムラインタブに限定し、Normal/Special の行コンテナ、
     時刻、アバター、ユーザー名、ギフト画像、ギフト名、累計、今回を同一グリッドへ固定する。
   - display は再指定しない。最終段の無料ギフト非表示ガードを壊さないため。
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row),
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) {
    border-left: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    grid-template-columns: var(--p049-liver-timeline-time) var(--p049-liver-icon) minmax(0, 39fr) var(--p049-liver-icon) minmax(0, 20fr) minmax(0, 21fr) minmax(0, 21fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-time,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-timeline-time) !important;
    min-width: var(--p049-liver-timeline-time) !important;
    max-width: var(--p049-liver-timeline-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-avatar-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-avatar-cell img.user-avatar,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-avatar-cell img.user-avatar {
    margin: 0 !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-user-name,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .log-user-name,
  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .avatar-name-text,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .gift-detail-line,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-icon-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-name-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-cumulative-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-current-cell,
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) :is(.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode #log_timeline.log-box > .gift-row.gift-row:is(.normal-gift-row,.special-gift-row) :is(.gift-cumulative-cell,.gift-current-cell) {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    text-align: left !important;
  }
}

/* ============================================================
   Ver_p.0.2.52: liver timeline all gift rows follow Special gift layout.
   Analysis summary:
   - app.py emits the same DOM structure for Special/Normal/free/twinkle gift rows.
   - Layout drift was caused by CSS specificity: older free/twinkle selectors and
     mobile-portrait-stack-fit selectors could override the timeline grid even when
     the row also had .normal-gift-row.
   - Therefore this final block uses a higher-specificity #log_timeline#log_timeline
     selector and applies the Special timeline grid to every gift row in the timeline.
   - Row display is intentionally not specified, so the final free-gift hide filter
     can continue to hide rows with display:none.
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row {
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    grid-template-columns: var(--p049-liver-timeline-time) var(--p049-liver-icon) minmax(0, 39fr) var(--p049-liver-icon) minmax(0, 20fr) minmax(0, 21fr) minmax(0, 21fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row.special-gift-row,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row.special-gift-row {
    box-shadow: inset 5px 0 0 #d9534f !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:not(.special-gift-row),
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:not(.special-gift-row) {
    box-shadow: none !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-timeline-time) !important;
    min-width: var(--p049-liver-timeline-time) !important;
    max-width: var(--p049-liver-timeline-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
    margin: 0 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row :is(.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row :is(.gift-cumulative-cell,.gift-current-cell) {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    text-align: left !important;
  }
}

@media (max-width: 600px) {
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row {
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    grid-template-columns: 80px 0 minmax(0, 20fr) 20px minmax(0, 0fr) minmax(0, 40fr) minmax(0, 40fr) !important;
    grid-template-areas: "time avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row.special-gift-row,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row.special-gift-row {
    box-shadow: inset 5px 0 0 #d9534f !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:not(.special-gift-row),
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:not(.special-gift-row) {
    box-shadow: none !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell *,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-avatar-cell * {
    grid-area: avatar !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row :is(.gift-cumulative-cell,.gift-current-cell),
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row :is(.gift-cumulative-cell,.gift-current-cell) {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
    text-align: left !important;
    position: static !important;
    z-index: auto !important;
  }
}


/* ============================================================
   Ver_p.0.2.53: liver timeline free-gift time/avatar gap fix.
   対象:
   - ライバーモードのタイムラインタブ #log_timeline のみ。
   - キラキラ星・星・種などの無料ギフト行だけ。

   分析結果:
   - app.py のギフト行DOMは Special / Normal / 無料ギフトで同一。
   - 無料ギフトは .hide-log-gift-row / data-free-filter-target="1" を持つため、
     過去の無料ギフト向けCSSの影響を受けやすい。
   - その結果、時刻セル直後にアバターが詰まって見えるケースがある。

   修正方針:
   - 表示/非表示制御を壊さないため、このブロックでは row の display は触らない。
   - time と avatar の間に専用の空白列を作る。
   - avatar 以降の基準位置は従来のタイムラインギフト行と合わせるため、
     time 列を gap 分だけ短くし、time + gap の合計を従来の time 幅にする。
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode {
    --p053-liver-timeline-time-avatar-gap: 8px;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]),
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) {
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    grid-template-columns:
      calc(var(--p049-liver-timeline-time) - var(--p053-liver-timeline-time-avatar-gap))
      var(--p053-liver-timeline-time-avatar-gap)
      var(--p049-liver-icon)
      minmax(0, 39fr)
      var(--p049-liver-icon)
      minmax(0, 20fr)
      minmax(0, 21fr)
      minmax(0, 21fr) !important;
    grid-template-areas: "time . avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: start !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-time,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: calc(var(--p049-liver-timeline-time) - var(--p053-liver-timeline-time-avatar-gap)) !important;
    min-width: calc(var(--p049-liver-timeline-time) - var(--p053-liver-timeline-time-avatar-gap)) !important;
    max-width: calc(var(--p049-liver-timeline-time) - var(--p053-liver-timeline-time-avatar-gap)) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-user-name,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .log-user-name,
  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .avatar-name-text {
    grid-area: user !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline > .gift-row.gift-row:is(.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"]) .gift-current-cell {
    grid-area: current !important;
    grid-column: 8 !important;
    grid-row: 1 !important;
  }
}


/* ============================================================
   Ver_p.0.2.54: liver timeline all gift rows time/avatar gap alignment.
   Target:
   - ライバーモードのタイムラインタブ #log_timeline のギフト行すべて。

   Analysis:
   - コメントログは time 110px + avatar 28px の左側基準で表示される。
   - SYSTEM/サーバーメッセージも time 110px 基準の左列を持つ。
   - Ver_p.0.2.49 以降、タイムラインのギフト行だけ
     --p049-liver-timeline-time = 110px - 1ch（狭幅ではさらに短い値）を
     直接 avatar の直前列として使っていたため、時刻直後の空白が
     コメント・SYSTEM・サーバーメッセージより狭く見える。
   - Ver_p.0.2.53 は無料ギフトだけに空白列を作ったが、avatar の開始位置を
     コメント系行の 110px 基準へ揃えていなかった。

   Fix policy:
   - display は再指定しない。無料ギフト非表示フィルタの display:none を維持する。
   - time セル自体は既存の「タイムライン時刻欄を短くする」指定を維持する。
   - time の直後に専用 gap 列を追加し、time + gap の合計をコメント系行と同じ
     110px 基準にする。
   - Normal / Special / キラキラ星 / 星 / 種 / 累計100行を同じ8列グリッドへ統一する。
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode {
    --p054-liver-timeline-comment-time-base: 110px;
    --p054-liver-timeline-time-avatar-gap: calc(var(--p054-liver-timeline-comment-time-base) - var(--p049-liver-timeline-time));
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    grid-template-columns:
      var(--p049-liver-timeline-time)
      var(--p054-liver-timeline-time-avatar-gap)
      var(--p049-liver-icon)
      minmax(0, 39fr)
      var(--p049-liver-icon)
      minmax(0, 20fr)
      minmax(0, 21fr)
      minmax(0, 21fr) !important;
    grid-template-areas: "time time-avatar-gap avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-time,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row > .log-time,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-time,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-timeline-time) !important;
    min-width: var(--p049-liver-timeline-time) !important;
    max-width: var(--p049-liver-timeline-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-avatar-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: var(--p049-liver-icon) !important;
    min-width: var(--p049-liver-icon) !important;
    max-width: var(--p049-liver-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row > .log-user-name,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-user-name,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .log-user-name,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .avatar-name-text,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .avatar-name-text {
    grid-area: user !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-icon-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-name-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-cumulative-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline.log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-current-cell,
  body.liver-mode #log_timeline#log_timeline#log_timeline > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) .gift-current-cell {
    grid-area: current !important;
    grid-column: 8 !important;
    grid-row: 1 !important;
  }
}

/* Ver_p.0.2.54: re-apply final free-gift visibility guard after the layout override. */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]):not(.twinkle-100-row),
body.hide-timeline-free-gifts :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > [data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}


/*
   Ver_p.0.2.55: verification release.
   - Ver_p.0.2.54 CSS block is retained.
   - static/index.html cache-busting query was corrected from 0.2.53 to 0.2.55.
   - This block is intentionally layout-neutral.
*/
:root { --srlv-build-id-0255: "ver_p_0_2_55_verify_0254_and_fix_cache_version"; }


/* ============================================================
   Ver_p.0.2.60: explicit server_message follow rows.
   対象: type == "server_message" かつ message に「フォローしました」を含む行。
   表示: 時刻 / uidリンク / message。背景: 薄い紫色。
   既存の .server-msg / ライバーモード / ユーザーログCSSに上書きされないよう、
   行本体と子要素に同じ背景を最終固定する。
   ============================================================ */
:root {
  --srlv-server-follow-purple-bg: #f3eaff;
}
.log-row.system-row.server-msg.sr-server-follow-purple-message,
body .log-box > .log-row.system-row.server-msg.sr-server-follow-purple-message,
body.liver-mode .log-box > .log-row.system-row.server-msg.sr-server-follow-purple-message,
body:not(.liver-mode) .log-box > .log-row.system-row.server-msg.sr-server-follow-purple-message,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-purple-message {
  display: grid !important;
  grid-template-columns: 110px 110px minmax(0, 1fr) !important;
  grid-template-areas: "time uid message" !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: var(--srlv-server-follow-purple-bg) !important;
  background-color: var(--srlv-server-follow-purple-bg) !important;
}
.log-row.system-row.server-msg.sr-server-follow-purple-message > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
}
.log-row.system-row.server-msg.sr-server-follow-purple-message > .server-message-uid,
.log-row.system-row.server-msg.sr-server-follow-purple-message > .log-user-name.server-message-uid {
  grid-area: uid !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
}
.log-row.system-row.server-msg.sr-server-follow-purple-message > .system-message {
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
}
.log-row.system-row.server-msg.sr-server-follow-purple-message,
.log-row.system-row.server-msg.sr-server-follow-purple-message > *,
.log-row.system-row.server-msg.sr-server-follow-purple-message > * > *,
.log-row.system-row.server-msg.sr-server-follow-purple-message .server-message-uid-link,
.log-row.system-row.server-msg.sr-server-follow-purple-message .user-name-link {
  background: var(--srlv-server-follow-purple-bg) !important;
  background-color: var(--srlv-server-follow-purple-bg) !important;
}
@media (max-width: 900px) {
  .log-row.system-row.server-msg.sr-server-follow-purple-message,
  body .log-box > .log-row.system-row.server-msg.sr-server-follow-purple-message,
  :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-purple-message {
    grid-template-columns: 86px 90px minmax(0, 1fr) !important;
  }
  .log-row.system-row.server-msg.sr-server-follow-purple-message > .log-time {
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
  }
  .log-row.system-row.server-msg.sr-server-follow-purple-message > .server-message-uid,
  .log-row.system-row.server-msg.sr-server-follow-purple-message > .log-user-name.server-message-uid {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
  }
}


/* ============================================================
   Ver_p.0.2.61: data-log-bg="purple" background hard fix.
   - data-log-bg only had semantic meaning; existing white server-row CSS could still win
     when the dedicated class was not matched in some panes.
   - This block treats data-log-bg / data-force-bg as actual rendering hooks and
     forces the same purple on the row, direct cells, nested links, and pseudo layers.
   ============================================================ */
:root {
  --srlv-server-follow-purple-bg-0261: #f3eaff;
}
.log-box > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message),
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,#log_gift,#log_dual_gift,#log_triple_gift_special,#log_triple_gift_normal,.user-log-box) > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message),
body .log-row:is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) {
  --srlv-row-bg: var(--srlv-server-follow-purple-bg-0261) !important;
  background: var(--srlv-server-follow-purple-bg-0261) !important;
  background-color: var(--srlv-server-follow-purple-bg-0261) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0261), var(--srlv-server-follow-purple-bg-0261)) !important;
  box-shadow: inset 0 0 0 9999px var(--srlv-server-follow-purple-bg-0261) !important;
}
.log-box > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) > *,
.log-box > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) > * > *,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) > *,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > :is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) > * > *,
body .log-row:is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message) :is(.log-time,.log-user-name,.server-message-uid,.server-message-uid-link,.user-name-link,.system-message,.srlv-forced-bg-cell) {
  --srlv-row-bg: var(--srlv-server-follow-purple-bg-0261) !important;
  background: var(--srlv-server-follow-purple-bg-0261) !important;
  background-color: var(--srlv-server-follow-purple-bg-0261) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0261), var(--srlv-server-follow-purple-bg-0261)) !important;
}
body .log-row:is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message)::before,
body .log-row:is([data-log-bg="purple"],[data-force-purple-bg="1"],[data-force-bg="purple"],.srlv-purple-row,.sr-server-follow-purple-message)::after {
  background: var(--srlv-server-follow-purple-bg-0261) !important;
  background-color: var(--srlv-server-follow-purple-bg-0261) !important;
}
.log-box > .log-row.sr-server-follow-purple-message,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.sr-server-follow-purple-message {
  display: grid !important;
  grid-template-columns: 110px 110px minmax(0, 1fr) !important;
  grid-template-areas: "time uid message" !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
.log-row.sr-server-follow-purple-message > .log-time { grid-area: time !important; }
.log-row.sr-server-follow-purple-message > .server-message-uid { grid-area: uid !important; }
.log-row.sr-server-follow-purple-message > .system-message { grid-area: message !important; }


/* ============================================================
   Ver_p.0.2.62: server_message follow purple structural route fix.
   The dedicated row must be painted by class/attribute selectors, not only by
   data-log-bg.  This also covers all direct cells and removes layout dependency
   on inherited white backgrounds from .system-row / .server-msg.
   ============================================================ */
:root { --srlv-server-follow-purple-bg-0262: #f3eaff; }
.log-row.sr-server-follow-purple-message,
.log-row[data-server-message-kind="follow"],
.log-row[data-force-purple-bg="1"],
body .log-box > .log-row.sr-server-follow-purple-message,
body .log-box > .log-row[data-server-message-kind="follow"] {
  display: grid !important;
  grid-template-columns: 110px 110px minmax(0, 1fr) !important;
  grid-template-areas: "time uid message" !important;
  align-items: start !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-left: 0 !important;
  background: var(--srlv-server-follow-purple-bg-0262) !important;
  background-color: var(--srlv-server-follow-purple-bg-0262) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0262), var(--srlv-server-follow-purple-bg-0262)) !important;
  box-shadow: inset 0 0 0 9999px var(--srlv-server-follow-purple-bg-0262) !important;
}
.log-row.sr-server-follow-purple-message > .log-avatar-cell,
.log-row[data-server-message-kind="follow"] > .log-avatar-cell {
  display: none !important;
}
.log-row.sr-server-follow-purple-message > .log-time,
.log-row[data-server-message-kind="follow"] > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  background: var(--srlv-server-follow-purple-bg-0262) !important;
  background-color: var(--srlv-server-follow-purple-bg-0262) !important;
}
.log-row.sr-server-follow-purple-message > .server-message-uid,
.log-row.sr-server-follow-purple-message > .log-user-name,
.log-row[data-server-message-kind="follow"] > .server-message-uid,
.log-row[data-server-message-kind="follow"] > .log-user-name {
  grid-area: uid !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  background: var(--srlv-server-follow-purple-bg-0262) !important;
  background-color: var(--srlv-server-follow-purple-bg-0262) !important;
}
.log-row.sr-server-follow-purple-message > .system-message,
.log-row[data-server-message-kind="follow"] > .system-message {
  grid-area: message !important;
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  background: var(--srlv-server-follow-purple-bg-0262) !important;
  background-color: var(--srlv-server-follow-purple-bg-0262) !important;
}
.log-row.sr-server-follow-purple-message *,
.log-row[data-server-message-kind="follow"] * {
  background: var(--srlv-server-follow-purple-bg-0262) !important;
  background-color: var(--srlv-server-follow-purple-bg-0262) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0262), var(--srlv-server-follow-purple-bg-0262)) !important;
}
@media (max-width: 900px) {
  .log-row.sr-server-follow-purple-message,
  .log-row[data-server-message-kind="follow"] {
    grid-template-columns: 86px 90px minmax(0, 1fr) !important;
  }
  .log-row.sr-server-follow-purple-message > .log-time,
  .log-row[data-server-message-kind="follow"] > .log-time {
    width: 86px !important; min-width: 86px !important; max-width: 86px !important;
  }
  .log-row.sr-server-follow-purple-message > .server-message-uid,
  .log-row.sr-server-follow-purple-message > .log-user-name,
  .log-row[data-server-message-kind="follow"] > .server-message-uid,
  .log-row[data-server-message-kind="follow"] > .log-user-name {
    width: 90px !important; min-width: 90px !important; max-width: 90px !important;
  }
}


/* ============================================================
   Ver_p.0.2.67: final hard background for server_message follow rows containing フォローしました.
   Root cause addressed server-side, but this block prevents later white row/cell
   CSS from covering the row after insertion or user-log rendering.
   ============================================================ */
:root { --srlv-server-follow-purple-bg-0265: #f3eaff; }
html body .log-box .log-row.sr-server-follow-purple-message,
html body .log-box .log-row[data-kind="server_message"][data-server-message-kind="follow"],
html body .log-row[data-force-purple-bg="1"],
html body .log-row[data-log-bg="purple"],
html body .user-log-box .log-row.sr-server-follow-purple-message {
  background: #f3eaff !important;
  background-color: #f3eaff !important;
  background-image: linear-gradient(#f3eaff, #f3eaff) !important;
  box-shadow: inset 0 0 0 9999px #f3eaff !important;
}
html body .log-box .log-row.sr-server-follow-purple-message > *,
html body .log-box .log-row.sr-server-follow-purple-message > * > *,
html body .log-box .log-row[data-kind="server_message"][data-server-message-kind="follow"] > *,
html body .log-box .log-row[data-kind="server_message"][data-server-message-kind="follow"] > * > *,
html body .log-row[data-force-purple-bg="1"] > *,
html body .log-row[data-force-purple-bg="1"] > * > *,
html body .log-row[data-log-bg="purple"] > *,
html body .log-row[data-log-bg="purple"] > * > * {
  background: #f3eaff !important;
  background-color: #f3eaff !important;
  background-image: linear-gradient(#f3eaff, #f3eaff) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-avatar-cell,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell {
  display: none !important;
}

/* ============================================================
   Ver_p.0.2.69: server_message follow purple row layout fix.
   表示を「時刻 / アバター画像 / IDリンク / message」に戻す。
   0.2.67までの3列化・avatar非表示CSSを最終上書きする。
   ============================================================ */
:root { --srlv-server-follow-purple-bg-0268: #f3eaff; }
html body .log-box > .log-row.sr-server-follow-purple-message,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.sr-server-follow-purple-message,
html body .log-box > .log-row[data-kind="server_message"][data-server-message-kind="follow"],
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row[data-kind="server_message"][data-server-message-kind="follow"] {
  display: grid !important;
  grid-template-columns: 110px 36px 110px minmax(0, 1fr) !important;
  grid-template-areas: "time avatar uid message" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0268), var(--srlv-server-follow-purple-bg-0268)) !important;
  box-shadow: inset 0 0 0 9999px var(--srlv-server-follow-purple-bg-0268) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-time,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-avatar-cell,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell {
  grid-area: avatar !important;
  display: flex !important;
  visibility: visible !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-avatar-cell .user-avatar,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell .user-avatar {
  display: inline-block !important;
  visibility: visible !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
html body .log-row.sr-server-follow-purple-message > .server-message-uid,
html body .log-row.sr-server-follow-purple-message > .log-user-name,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .server-message-uid,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-user-name {
  grid-area: uid !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
  font-weight: 700 !important;
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
}
html body .log-row.sr-server-follow-purple-message > .system-message,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .system-message {
  grid-area: message !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
}
html body .log-row.sr-server-follow-purple-message > :not(.log-avatar-cell),
html body .log-row.sr-server-follow-purple-message > :not(.log-avatar-cell) > *,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > :not(.log-avatar-cell),
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > :not(.log-avatar-cell) > * {
  background: var(--srlv-server-follow-purple-bg-0268) !important;
  background-color: var(--srlv-server-follow-purple-bg-0268) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0268), var(--srlv-server-follow-purple-bg-0268)) !important;
}
@media (max-width: 900px) {
  html body .log-box > .log-row.sr-server-follow-purple-message,
  html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.sr-server-follow-purple-message,
  html body .log-box > .log-row[data-kind="server_message"][data-server-message-kind="follow"],
  html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row[data-kind="server_message"][data-server-message-kind="follow"] {
    grid-template-columns: 86px 34px 90px minmax(0, 1fr) !important;
  }
  html body .log-row.sr-server-follow-purple-message > .log-time,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-time {
    width: 86px !important; min-width: 86px !important; max-width: 86px !important;
  }
  html body .log-row.sr-server-follow-purple-message > .log-avatar-cell,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell {
    width: 34px !important; min-width: 34px !important; max-width: 34px !important;
  }
  html body .log-row.sr-server-follow-purple-message > .server-message-uid,
  html body .log-row.sr-server-follow-purple-message > .log-user-name,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .server-message-uid,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-user-name {
    width: 90px !important; min-width: 90px !important; max-width: 90px !important;
  }
}


/* ============================================================
   Ver_p.0.2.69: server_message follow row final layout and safe background.
   目的: 「時刻 / アバター画像 / IDリンク / message」の4列固定。
   旧版の3列化、avatar非表示、全行テキストスキャン補正による崩れを最終上書きする。
   ============================================================ */
:root { --srlv-server-follow-purple-bg-0269: #f3eaff; }
html body .log-row.sr-server-follow-purple-message,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] {
  display: grid !important;
  grid-template-columns: 110px 36px 110px minmax(0, 1fr) !important;
  grid-template-areas: "time avatar uid message" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  box-sizing: border-box !important;
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
  background-image: linear-gradient(var(--srlv-server-follow-purple-bg-0269), var(--srlv-server-follow-purple-bg-0269)) !important;
  box-shadow: inset 0 0 0 9999px var(--srlv-server-follow-purple-bg-0269) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-time,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-time {
  grid-area: time !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
  padding-left: 4px !important;
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-avatar-cell,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell {
  grid-area: avatar !important;
  display: flex !important;
  visibility: visible !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
}
html body .log-row.sr-server-follow-purple-message > .log-avatar-cell .user-avatar,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell .user-avatar {
  display: inline-block !important;
  visibility: visible !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
html body .log-row.sr-server-follow-purple-message > .server-message-uid,
html body .log-row.sr-server-follow-purple-message > .log-user-name,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .server-message-uid,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-user-name {
  grid-area: uid !important;
  display: block !important;
  visibility: visible !important;
  width: 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
  font-weight: 700 !important;
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
}
html body .log-row.sr-server-follow-purple-message > .system-message,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .system-message {
  grid-area: message !important;
  display: block !important;
  visibility: visible !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: left !important;
  color: #c00 !important;
  font-weight: 700 !important;
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
}
html body .log-row.sr-server-follow-purple-message > :not(.log-avatar-cell),
html body .log-row.sr-server-follow-purple-message > :not(.log-avatar-cell) > *,
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > :not(.log-avatar-cell),
html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > :not(.log-avatar-cell) > * {
  background: var(--srlv-server-follow-purple-bg-0269) !important;
  background-color: var(--srlv-server-follow-purple-bg-0269) !important;
}
@media (max-width: 900px) {
  html body .log-row.sr-server-follow-purple-message,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] {
    grid-template-columns: 86px 34px 90px minmax(0, 1fr) !important;
  }
  html body .log-row.sr-server-follow-purple-message > .log-time,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-time {
    width: 86px !important; min-width: 86px !important; max-width: 86px !important;
  }
  html body .log-row.sr-server-follow-purple-message > .log-avatar-cell,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-avatar-cell {
    width: 34px !important; min-width: 34px !important; max-width: 34px !important;
  }
  html body .log-row.sr-server-follow-purple-message > .server-message-uid,
  html body .log-row.sr-server-follow-purple-message > .log-user-name,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .server-message-uid,
  html body .log-row[data-kind="server_message"][data-server-message-kind="follow"] > .log-user-name {
    width: 90px !important; min-width: 90px !important; max-width: 90px !important;
  }
}


/* ============================================================
   Ver_p.0.2.70: server_message follow notice uses the same layout as uid-bearing server messages.
   目的: 0.2.67-0.2.69 の専用3/4列補正による右寄せ・空白・ハングを避け、
   通常のサーバーメッセージ行と同じ「時刻 / アバター / ID / message」に統一する。
   ============================================================ */
.log-row.system-row.server-msg.sr-server-follow-like-server {
  background: #f3eaff !important;
  background-color: #f3eaff !important;
}
.log-row.system-row.server-msg.sr-server-follow-like-server > :is(.log-time,.log-avatar-cell,.log-user-name,.server-message-uid,.system-message),
.log-row.system-row.server-msg.sr-server-follow-like-server .user-name-link {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  overflow: hidden !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-time,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-time {
  grid-area: time !important;
  padding: 2px 4px !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell {
  grid-area: avatar !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 2px !important;
  overflow: hidden !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell *,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell * {
  display: inline-block !important;
  visibility: visible !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell img.user-avatar,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell img.user-avatar {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-user-name,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-user-name {
  grid-area: user !important;
  padding: 2px 4px !important;
  color: #000 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
}
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .system-message,
:is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .system-message {
  grid-area: body !important;
  padding: 2px 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #c00 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: left !important;
}
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server,
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server {
  grid-template-columns: 110px 25px 90px minmax(0, 1fr) !important;
  grid-template-areas: "time avatar user body" !important;
}
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell,
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell {
  width: 25px !important;
  min-width: 25px !important;
  max-width: 25px !important;
  display: inline-flex !important;
}
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-follow-like-server > .log-avatar-cell img.user-avatar {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
}


/* ============================================================
   Ver_p.0.2.71: t=18 00回目の訪問 milestone server message.
   Keep the same uid-bearing server-message layout: time / avatar / ID link / message.
   Only the background is forced to light purple.
   ============================================================ */
html body .log-row.system-row.server-msg.sr-server-visit-00-message,
html body .log-box > .log-row.system-row.server-msg.sr-server-visit-00-message,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-visit-00-message {
  background: #f3eaff !important;
  background-color: #f3eaff !important;
  background-image: linear-gradient(#f3eaff, #f3eaff) !important;
}
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .log-time,
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .log-avatar-cell,
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .log-user-name,
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .system-message,
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .log-user-name > .user-name-link {
  background: transparent !important;
  background-color: transparent !important;
}
html body .log-row.system-row.server-msg.sr-server-visit-00-message > .system-message {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ============================================================
   Ver_p.0.2.72: thin-purple server messages use one uid-bearing layout.
   対象: 「にあがりました」系、00回目の訪問、フォローしました等、薄紫色にしている
   uid付きサーバーメッセージ。表示は 時刻 / アバター画像 / UIDリンク / メッセージ本体。
   room-level rows are intentionally excluded because they have no UID/avatar.
   ============================================================ */
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message),
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message),
html body .log-row.system-row.server-msg.sr-server-purple-uid-message {
  display: grid !important;
  grid-template-columns: minmax(0, 10%) minmax(0, 5%) minmax(0, 25%) minmax(0, 60%) !important;
  grid-template-areas: "time avatar user body" !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  overflow: hidden !important;
  background: #f3eaff !important;
  background-color: #f3eaff !important;
  background-image: linear-gradient(#f3eaff, #f3eaff) !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-time,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-time,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-time {
  grid-area: time !important;
  display: block !important;
  padding: 2px 4px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  text-align: left !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-avatar-cell {
  grid-area: avatar !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 2px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell *,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell *,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-avatar-cell * {
  display: inline-block !important;
  visibility: visible !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell img.user-avatar,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell img.user-avatar,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-avatar-cell img.user-avatar {
  width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-user-name,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-user-name,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-user-name {
  grid-area: user !important;
  display: block !important;
  padding: 2px 4px !important;
  min-width: 0 !important;
  color: #000 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .system-message,
html body :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .system-message,
html body .log-row.system-row.server-msg.sr-server-purple-uid-message > .system-message {
  grid-area: body !important;
  display: block !important;
  padding: 2px 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #c00 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: left !important;
  background: transparent !important;
  background-color: transparent !important;
}
html body .log-row.system-row.server-msg.sr-server-purple-uid-message .user-name-link,
html body .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) .user-name-link {
  color: #000 !important;
  font-weight: 700 !important;
  background: transparent !important;
  background-color: transparent !important;
}
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message),
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message),
body.liver-mode .log-row.system-row.server-msg.sr-server-purple-uid-message {
  grid-template-columns: 110px 25px 90px minmax(0, 1fr) !important;
}
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box).log-box > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell img.user-avatar,
body.liver-mode :is(#log_all,#log_timeline,#log_dual_comment,#log_triple_comment,.user-log-box) > .log-row.system-row.server-msg.sr-server-level-change:not(.sr-server-room-message) > .log-avatar-cell img.user-avatar,
body.liver-mode .log-row.system-row.server-msg.sr-server-purple-uid-message > .log-avatar-cell img.user-avatar {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
}


/* ============================================================
   Ver_p.0.2.75: backgroundless red server/system messages -> gray text.
   対象:
   - 背景色を持たない汎用 server-msg / system warning/error 行
   - 既存の .server-msg { color:red; } で赤表示になっていた行
   非対象:
   - 薄紫背景の sr-server-level-change 系
   - 薄クリーム背景の sr-server-dice-roll 系
   背景色は追加しない。文字色のみ灰色へ変更する。
   ============================================================ */
html body .log-row.system-row.server-msg:not(.sr-server-level-change):not(.sr-server-dice-roll),
html body .log-row.system-row.server-msg:not(.sr-server-level-change):not(.sr-server-dice-roll) :is(.log-time,.log-user-name,.system-label,.system-message,.log-main-line,.log-user,.log-message,.user-name-link,.blank-user-name) {
  color: #777777 !important;
}
html body .log-row.system-row.server-msg:not(.sr-server-level-change):not(.sr-server-dice-roll) {
  font-weight: 700 !important;
}


/* ============================================================
   Ver_p.0.2.77: abolish liver-mode smartphone guidance overlay.
   目的:
   - スマートフォン幅ライバーモードで「一般モードもしくは横画面でご利用ください」を表示しない。
   - 既存のヘッダー/設定/ダッシュボード表示制御は維持する。
   - ログ領域を隠す過去CSSを最終上書きし、他のライバーモードと同じログ表示へ戻す。
   ============================================================ */
@media (max-width: 600px) {
  body.liver-mode > #liver_mobile_guidance.liver-mobile-guidance {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  html:has(body.liver-mode),
  body.liver-mode {
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--bg) !important;
  }

  body.liver-mode::before,
  body.liver-mode .main-layout > .log-panel::before,
  body.liver-mode .main-layout.left-hidden > .log-panel::before,
  body.liver-mode .main-layout:not(.left-hidden) > .log-panel::before,
  body.liver-mode .log-box::before,
  body.liver-mode .user-log-box::before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode > #notification-panel {
    display: block !important;
    visibility: visible !important;
  }

  body.liver-mode > .app-header {
    display: flex !important;
    visibility: visible !important;
  }

  body.liver-mode.dashboard-hidden > .summary-panel {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode:not(.dashboard-hidden) > .summary-panel {
    display: block !important;
    visibility: visible !important;
  }

  body.liver-mode > .main-layout {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 6px 0 !important;
    box-sizing: border-box !important;
  }

  body.liver-mode .main-layout.left-hidden > .control-panel {
    display: none !important;
    visibility: hidden !important;
  }

  body.liver-mode .main-layout:not(.left-hidden) > .control-panel {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    box-sizing: border-box !important;
  }

  body.liver-mode .main-layout > .log-panel,
  body.liver-mode .main-layout.left-hidden > .log-panel,
  body.liver-mode .main-layout:not(.left-hidden) > .log-panel {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    align-items: initial !important;
    justify-content: initial !important;
    box-sizing: border-box !important;
  }

  body.liver-mode .main-layout > .log-panel > .tabs {
    display: flex !important;
    visibility: visible !important;
  }

  body.liver-mode .main-layout > .log-panel > .tab-pane {
    visibility: visible !important;
  }

  body.liver-mode .main-layout > .log-panel > .tab-pane.active {
    display: block !important;
    visibility: visible !important;
  }

  body.liver-mode .main-layout > .log-panel > .tab-pane:not(.active) {
    display: none !important;
  }

  body.liver-mode .log-box,
  body.liver-mode .user-log-box {
    position: static !important;
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    padding: 0 !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
  }

  body.liver-mode .log-box > *,
  body.liver-mode .user-log-box > * {
    visibility: visible !important;
  }
}

/* ============================================================
   Ver_p.0.3.5: liver-mode gift panes use the corrected timeline gift design.
   Base: Ver_p.0.3.4

   Scope:
   - Timeline tab: right-align cumulative/current value columns.
   - Gift Log tab, 2-screen gift pane, 3-screen Special pane, 3-screen Normal pane:
     use the same grid, column order, wrapping, and value alignment as the
     corrected liver-mode Timeline gift rows.

   Notes:
   - This is intentionally placed at the end of app.css to win against older
     versioned layout blocks.
   - The free-gift final visibility guard is re-applied after this block so
     display:grid does not revive rows that should be hidden.
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode {
    --p035-liver-gift-time: var(--p049-liver-timeline-time, calc(110px - 1ch));
    --p035-liver-gift-icon: var(--p049-liver-icon, 28px);
    --p035-liver-gift-time-base: var(--p054-liver-timeline-comment-time-base, 110px);
    --p035-liver-gift-time-avatar-gap: max(0px, calc(var(--p035-liver-gift-time-base) - var(--p035-liver-gift-time)));
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal).log-box > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]),
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row:is(.special-gift-row,.normal-gift-row,.hide-log-gift-row,.twinkle-gift-row,.twinkle-100-row,[data-hide-free-gift="1"],[data-free-filter-target="1"],[data-free-filter-status="free-target"],[data-twinkle-gift="1"],[data-twinkle-100="1"],[data-twinkle-100-status="twinkle100"],[data-filter-visible="1"]) {
    display: grid !important;
    grid-template-columns:
      var(--p035-liver-gift-time)
      var(--p035-liver-gift-time-avatar-gap)
      var(--p035-liver-gift-icon)
      minmax(0, 39fr)
      var(--p035-liver-gift-icon)
      minmax(0, 20fr)
      minmax(0, 21fr)
      minmax(0, 21fr) !important;
    grid-template-areas: "time time-avatar-gap avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: var(--p035-liver-gift-time) !important;
    min-width: var(--p035-liver-gift-time) !important;
    max-width: var(--p035-liver-gift-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
    text-align: left !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p035-liver-gift-icon) !important;
    min-width: var(--p035-liver-gift-icon) !important;
    max-width: var(--p035-liver-gift-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: var(--p035-liver-gift-icon) !important;
    max-height: var(--p035-liver-gift-icon) !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    text-align: left !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p035-liver-gift-icon) !important;
    min-width: var(--p035-liver-gift-icon) !important;
    max-width: var(--p035-liver-gift-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-icon-cell img.gift-img {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: var(--p035-liver-gift-icon) !important;
    max-height: var(--p035-liver-gift-icon) !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    display: block !important;
    visibility: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    text-align: left !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-current-cell {
    display: block !important;
    visibility: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    text-align: right !important;
    direction: ltr !important;
    font-variant-numeric: tabular-nums !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal) > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 8 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
}

/* Re-apply final free-gift visibility after Ver_p.0.3.5 display/grid overrides. */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]):not(.twinkle-100-row),
body.hide-timeline-free-gifts :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > [data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}



/* ============================================================
   Ver_p.0.3.8: liver-mode gift design unification with wrapped value columns.
   Base: Ver_p.0.3.5

   Scope:
   - Timeline gift rows: allow cumulative/current columns to wrap when needed.
   - Gift tab, dual gift pane, triple Special/Normal panes, and user-log panes:
     use the same liver-mode gift row design as Timeline.
   - User-log pane link behavior is handled in app.js; this block only keeps
     the visual design consistent.
   ============================================================ */
@media (min-width: 601px) {
  body.liver-mode {
    --p038-liver-gift-time: var(--p035-liver-gift-time, var(--p049-liver-timeline-time, calc(110px - 1ch)));
    --p038-liver-gift-icon: var(--p035-liver-gift-icon, var(--p049-liver-icon, 28px));
    --p038-liver-gift-time-base: var(--p035-liver-gift-time-base, var(--p054-liver-timeline-comment-time-base, 110px));
    --p038-liver-gift-time-avatar-gap: max(0px, calc(var(--p038-liver-gift-time-base) - var(--p038-liver-gift-time)));
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box).log-box > .gift-row.gift-row,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row {
    display: grid !important;
    grid-template-columns:
      var(--p038-liver-gift-time)
      var(--p038-liver-gift-time-avatar-gap)
      var(--p038-liver-gift-icon)
      minmax(0, 39fr)
      var(--p038-liver-gift-icon)
      minmax(0, 20fr)
      minmax(0, 21fr)
      minmax(0, 21fr) !important;
    grid-template-areas: "time time-avatar-gap avatar user icon giftname cumulative current" !important;
    grid-auto-flow: column !important;
    align-items: start !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: max-content !important;
    box-sizing: border-box !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    flex-wrap: nowrap !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-main-line,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .gift-detail-line {
    display: contents !important;
    grid-area: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-time {
    grid-area: time !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: block !important;
    width: var(--p038-liver-gift-time) !important;
    min-width: var(--p038-liver-gift-time) !important;
    max-width: var(--p038-liver-gift-time) !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-overflow: clip !important;
    text-align: left !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-avatar-cell {
    grid-area: avatar !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p038-liver-gift-icon) !important;
    min-width: var(--p038-liver-gift-icon) !important;
    max-width: var(--p038-liver-gift-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-avatar-cell img.user-avatar,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-avatar-cell .user-profile-avatar-link {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: var(--p038-liver-gift-icon) !important;
    max-height: var(--p038-liver-gift-icon) !important;
    margin: 0 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-avatar-cell img.user-avatar {
    border-radius: 50% !important;
    object-fit: cover !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row > .log-user-name,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .avatar-name-text {
    grid-area: user !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    text-align: left !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-icon-cell {
    grid-area: icon !important;
    grid-column: 5 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: var(--p038-liver-gift-icon) !important;
    min-width: var(--p038-liver-gift-icon) !important;
    max-width: var(--p038-liver-gift-icon) !important;
    margin: 0 !important;
    padding: 1px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-icon-cell img.gift-img {
    display: block !important;
    visibility: visible !important;
    width: min(100%, 1.75em) !important;
    height: min(100%, 1.75em) !important;
    max-width: var(--p038-liver-gift-icon) !important;
    max-height: var(--p038-liver-gift-icon) !important;
    object-fit: contain !important;
    margin: 0 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-name-cell {
    grid-area: giftname !important;
    grid-column: 6 !important;
    grid-row: 1 !important;
    display: block !important;
    visibility: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    color: #000 !important;
    text-align: left !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-cumulative-cell,
  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-current-cell {
    display: block !important;
    visibility: visible !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    box-sizing: border-box !important;
    text-align: right !important;
    direction: ltr !important;
    font-variant-numeric: tabular-nums !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-overflow: clip !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-cumulative-cell {
    grid-area: cumulative !important;
    grid-column: 7 !important;
    grid-row: 1 !important;
  }

  body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                      #log_gift#log_gift#log_gift,
                      #log_dual_gift#log_dual_gift#log_dual_gift,
                      #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                      #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                      .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row .gift-current-cell {
    grid-area: current !important;
    grid-column: 8 !important;
    grid-row: 1 !important;
    border-right: 0 !important;
  }
}

/* Re-apply final free-gift visibility after Ver_p.0.3.8 display/grid overrides. */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]):not(.twinkle-100-row),
body.hide-timeline-free-gifts :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > [data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}


/* ============================================================
   Ver_p.0.3.9: definitive liver-mode gift value wrapping fix.
   Base: Ver_p.0.3.8 / original request base Ver_p.0.3.5

   Root cause:
   - Ver_p.0.3.8 changed .gift-cumulative-cell / .gift-current-cell to
     white-space: normal, but the actually visible value is the inner
     .gift-liver-value span.
   - Older liver-mode CSS kept .gift-liver-value at white-space: nowrap
     with !important, so the parent cell could wrap but the visible text
     remained unbreakable.
   - Some older breakpoint blocks also kept overflow:hidden on the value
     cells.  This final block overrides both the cells and the visible
     child span for all liver-mode widths.
   ============================================================ */
body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                    #log_gift#log_gift#log_gift,
                    #log_dual_gift#log_dual_gift#log_dual_gift,
                    #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                    #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                    .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row :is(.gift-cumulative-cell.gift-cumulative-cell,
                                                                                      .gift-current-cell.gift-current-cell) {
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  text-align: right !important;
  line-height: 1.18 !important;
}

body.liver-mode :is(#log_timeline#log_timeline#log_timeline,
                    #log_gift#log_gift#log_gift,
                    #log_dual_gift#log_dual_gift#log_dual_gift,
                    #log_triple_gift_special#log_triple_gift_special#log_triple_gift_special,
                    #log_triple_gift_normal#log_triple_gift_normal#log_triple_gift_normal,
                    .user-log-box.user-log-box.user-log-box) > .gift-row.gift-row :is(.gift-cumulative-cell.gift-cumulative-cell,
                                                                                      .gift-current-cell.gift-current-cell) > .gift-liver-value.gift-liver-value {
  display: inline !important;
  visibility: visible !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-overflow: clip !important;
  line-break: anywhere !important;
}

/* Re-apply final free-gift visibility after Ver_p.0.3.9 wrapping overrides. */
body.hide-timeline-free-gifts:not(.show-twinkle-100-when-hide) :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):is(.hide-log-gift-row, [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"]):not([data-twinkle-100="1"]):not([data-twinkle-100-status="twinkle100"]):not(.twinkle-100-row),
body.hide-timeline-free-gifts :is(#log_all, #log_gift, #log_timeline, #log_dual_gift, #log_triple_gift_special, #log_triple_gift_normal, .user-log-box) > [data-filter-hidden="free-gift"] {
  display: none !important;
  visibility: hidden !important;
}


/* ============================================================
   Ver_p.0.3.10: ライブランキング訪問回数列
   - summary_ranking の visit_count を user_id で突合して表示。
   - NA/未取得ユーザーは「ー」。
   ============================================================ */
.live-ranking-table { min-width: 760px; }
.live-ranking-table th:nth-child(1), .live-ranking-table td:nth-child(1) { text-align: center; white-space: nowrap; }
.live-ranking-table th:nth-child(5), .live-ranking-table td:nth-child(5),
.live-ranking-table th:nth-child(6), .live-ranking-table td:nth-child(6),
.live-ranking-table th:nth-child(7), .live-ranking-table td:nth-child(7) { text-align: right; white-space: nowrap; }
.live-ranking-note { margin: 2px 0 6px; font-size: 12px; color: #666; }

/* ============================================================
   Ver_p.0.3.14: ライブランキング累計貢献順位列
   - summary_ranking の rank を user_id で突合して表示。
   - NA/未取得ユーザーは「ー」。
   ============================================================ */
.live-ranking-contribution-rank { font-weight: 700; }


/* ============================================================
   Ver_p.0.3.11: ダッシュボード2セクション横2段組固定
   - 既存の max-width:1200px / 701-1200px の1段組指定を最終上書き。
   - PC幅広、PC狭幅、タブレット、スマートフォン縦幅のすべてで
     左右2セクションを横並びの2カラムとして維持する。
   ============================================================ */
.summary-grid,
body.mobile-portrait-stack-fit .summary-grid,
body.liver-mode .summary-grid,
body.liver-mode.mobile-portrait-stack-fit .summary-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-auto-flow: column !important;
  flex-direction: unset !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 6px 8px !important;
  width: 100% !important;
}

.summary-col,
body.mobile-portrait-stack-fit .summary-col,
body.liver-mode .summary-col,
body.liver-mode.mobile-portrait-stack-fit .summary-col {
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.summary-col-left,
body.mobile-portrait-stack-fit .summary-col-left,
body.liver-mode .summary-col-left,
body.liver-mode.mobile-portrait-stack-fit .summary-col-left {
  border-right: 1px solid #e0e0e0 !important;
  padding-right: 8px !important;
}

.summary-col-right,
body.mobile-portrait-stack-fit .summary-col-right,
body.liver-mode .summary-col-right,
body.liver-mode.mobile-portrait-stack-fit .summary-col-right {
  padding-left: 0 !important;
}

.summary-item,
body.mobile-portrait-stack-fit .summary-item,
body.liver-mode .summary-item,
body.liver-mode.mobile-portrait-stack-fit .summary-item {
  min-width: 0 !important;
}

.summary-label,
body.mobile-portrait-stack-fit .summary-label,
body.liver-mode .summary-label,
body.liver-mode.mobile-portrait-stack-fit .summary-label {
  flex: 0 0 118px !important;
  min-width: 118px !important;
}

.summary-value,
body.mobile-portrait-stack-fit .summary-value,
body.liver-mode .summary-value,
body.liver-mode.mobile-portrait-stack-fit .summary-value {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 700px) {
  .summary-grid,
  body.mobile-portrait-stack-fit .summary-grid,
  body.liver-mode .summary-grid,
  body.liver-mode.mobile-portrait-stack-fit .summary-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 6px !important;
    padding: 4px 5px !important;
  }

  .summary-col-left,
  body.mobile-portrait-stack-fit .summary-col-left,
  body.liver-mode .summary-col-left,
  body.liver-mode.mobile-portrait-stack-fit .summary-col-left {
    padding-right: 4px !important;
  }

  .summary-item,
  body.mobile-portrait-stack-fit .summary-item,
  body.liver-mode .summary-item,
  body.liver-mode.mobile-portrait-stack-fit .summary-item {
    padding: 2px 4px !important;
    gap: 4px !important;
    margin: 2px 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .summary-label,
  body.mobile-portrait-stack-fit .summary-label,
  body.liver-mode .summary-label,
  body.liver-mode.mobile-portrait-stack-fit .summary-label {
    flex: 0 0 66px !important;
    min-width: 66px !important;
  }
}

/* ============================================================
   Ver_p.0.3.13: ユーザーログは無料ギフト表示フィルタ対象外
   - チェックボックス状態にかかわらず、ユーザーログ内のギフト行を表示する。
   - 旧世代CSSの :is(..., .user-log-box) 非表示指定に勝つため、:is() 内に
     ダミーIDを含めて最終上書きの詳細度を上げる。
   ============================================================ */
body.hide-timeline-free-gifts :is(#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass, .user-log-box.user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"], [data-filter-hidden="free-gift"]),
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass, .user-log-box.user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"], [data-filter-hidden="free-gift"]),
body:not(.hide-timeline-free-gifts) :is(#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass, .user-log-box.user-log-box) > :is(.gift-row, [data-kind="gift"], [data-gift-id], [data-hide-free-gift="1"], [data-free-filter-target="1"], [data-free-filter-status="free-target"], [data-filter-hidden="free-gift"]) {
  display: grid !important;
  visibility: visible !important;
}

body.hide-timeline-free-gifts :is(#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass, .user-log-box.user-log-box) > [data-userlog-freegift-filter-bypassed="1"],
body.hide-timeline-free-gifts.show-twinkle-100-when-hide :is(#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass#srlv_userlog_filter_bypass, .user-log-box.user-log-box) > [data-userlog-freegift-filter-bypassed="1"] {
  display: grid !important;
  visibility: visible !important;
}


/* Ver_p.0.4.7: ライバーモードでもヘッダー補助指標を表示する。
   旧版の body.liver-mode .room-metric-info { display:none } を最終上書きする。 */
body.liver-mode .room-header-meta-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}
body.liver-mode .room-metric-info,
body.liver-mode .room-show-rank,
body.liver-mode .room-event-status {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #444 !important;
}
body.liver-mode .room-metric-info {
  gap: 0 3px !important;
}
body.liver-mode .room-event-link {
  display: inline !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-size: 12px !important;
}
body.liver-mode .room-header-wrap {
  width: 100% !important;
  min-width: 0 !important;
}