/* Phase 35: compact player header and readable mobile comment stream. */
.ldroom-screen {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

@media (max-width: 700px) {
  .ldroom-screen {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .ldroom-timeline-wrap {
    padding-top: 6px;
  }

  .ldroom-comments {
    height: 128px;
    padding: 4px;
  }

  .ldroom-comment {
    grid-template-columns: 42px 28px minmax(0, 1fr);
    gap: 6px;
    min-height: 35px;
    padding: 5px 6px;
    font-size: 14px;
    line-height: 1.42;
  }

  .ldroom-comment time {
    padding-top: 2px;
    font-size: 11px;
  }

  .ldroom-comment i {
    width: 27px;
    height: 27px;
    font-size: 11px;
  }

  .ldroom-comment span {
    padding-top: 1px;
  }

  .ldroom-gift-overlay {
    bottom: calc(var(--safe-bottom) + 184px);
  }

  .ldroom-thinking {
    bottom: calc(var(--safe-bottom) + 205px);
  }
}

@media (max-width: 700px) and (max-height: 680px) {
  .ldroom-comments {
    height: 104px;
  }

  .ldroom-comment {
    font-size: 13px;
  }

  .ldroom-gift-overlay {
    bottom: calc(var(--safe-bottom) + 158px);
  }

  .ldroom-thinking {
    bottom: calc(var(--safe-bottom) + 178px);
  }
}