@charset "utf-8";
/* SCOREBOOK classic chat text layout repair.
   Loaded after scorebook.css so runtime <p> rows cannot inherit the legacy inline rule. */

.classic-sports-chat,
.classic-sports-chat * {
  box-sizing: border-box;
}

.classic-sports-chat .classic-chat-log {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
  overflow-x: hidden !important;
}

/* Runtime chat rows are direct <p> children. The base design also contains
   `.classic-chat-log p { display:inline; }` for legacy article bubbles; this
   higher-specificity rule restores one message per row. */
.classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error) {
  display: grid !important;
  grid-template-columns: 34px minmax(56px, 74px) minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 3px 5px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f3f5 !important;
  background: transparent !important;
  color: #263746 !important;
  font-size: calc(10.5px + var(--classic-chat-font-adjust, 0px)) !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  vertical-align: top !important;
}

.classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error):hover {
  background: #f8fbfd !important;
}

.classic-sports-chat .classic-chat-log > p time {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  color: #97a4ad !important;
  font-size: 7.5px !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.classic-sports-chat .classic-chat-log > p b {
  display: block !important;
  min-width: 0 !important;
  max-width: 74px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #073f70 !important;
  font-size: calc(10px + var(--classic-chat-font-adjust, 0px)) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.2px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* Runtime JS already appends ':' to the nickname. Prevent the legacy pseudo
   element from producing a duplicated `::`. */
.classic-sports-chat .classic-chat-log > p b::after {
  content: none !important;
  display: none !important;
}

.classic-sports-chat .classic-chat-log > p .sb-chat-text {
  display: block !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #1c2832 !important;
  font-size: calc(10.5px + var(--classic-chat-font-adjust, 0px)) !important;
  line-height: 1.45 !important;
  letter-spacing: -0.15px !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.classic-sports-chat .classic-chat-log > p.sb-chat-system,
.classic-sports-chat .classic-chat-log > p.sb-chat-error {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 15px 8px !important;
  text-align: center !important;
  white-space: normal !important;
}

.classic-sports-chat .classic-chat-users {
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
}

.classic-sports-chat .classic-chat-users span {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Legacy article rows keep the uploaded ClassicChat design. */
.classic-sports-chat .classic-chat-log article {
  width: 100% !important;
  min-width: 0 !important;
}
.classic-sports-chat .classic-chat-log article > div {
  min-width: 0 !important;
}
.classic-sports-chat .classic-chat-log article p {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

@media (max-width: 1280px) {
  .classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error) {
    grid-template-columns: 31px minmax(52px, 66px) minmax(0, 1fr) !important;
    column-gap: 4px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .classic-sports-chat .classic-chat-log > p b {
    max-width: 66px !important;
  }
}

@media (max-width: 920px) {
  .classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error) {
    grid-template-columns: 36px minmax(60px, 82px) minmax(0, 1fr) !important;
  }
  .classic-sports-chat .classic-chat-log > p b {
    max-width: 82px !important;
  }
}

.dark-mode .classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error) {
  border-bottom-color: #24343f !important;
  color: #d7e4ed !important;
}
.dark-mode .classic-sports-chat .classic-chat-log > p:not(.sb-chat-system):not(.sb-chat-error):hover {
  background: #17242e !important;
}
.dark-mode .classic-sports-chat .classic-chat-log > p b {
  color: #8fc9ee !important;
}
.dark-mode .classic-sports-chat .classic-chat-log > p .sb-chat-text {
  color: #d7e4ed !important;
}