.tlvlc,
.tlvlc * { box-sizing: border-box; }
.tlvlc { --tlvlc-bg:#111514; --tlvlc-card:#181c1b; --tlvlc-line:#343a38; --tlvlc-muted:#939b97; width:100%; max-width:none; color:#f5f6f4; background:var(--tlvlc-bg); font-family:inherit; line-height:1.45; }
.tlvlc button,.tlvlc input { font:inherit; }
.tlvlc button { margin:0; }

.tlvlc-widget {
	margin-bottom: 18px;
	border: 1px solid var(--tlvlc-line);
	border-radius: 8px;
	background: #101413;
	overflow: hidden;
}

/* Mobile chat UI aligned with the public live-room layout. */
.gavang33live .tlvlc__profile-button,
.gavang33live .tlvlc__emoji-button { display: none; }

@media (max-width: 767px) {
.gavang33live .tlvlc__messages article.tlvlc__chat-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 7px 12px;
  border: 0;
  border-radius: 0;
  color: #eef1ef;
  background: transparent;
  box-shadow: none;
}

.gavang33live .tlvlc__messages .tlvlc__level-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 29px;
  margin: 0;
  padding: 4px 9px;
  border-radius: 6px;
  color: #fff;
  background: #b8921d;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.gavang33live .tlvlc__messages .tlvlc__chat-copy {
  min-width: 0;
  margin: 1px 0 0;
  color: #edf0ef;
  font-size: 16px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.gavang33live .tlvlc__messages .tlvlc__chat-copy strong {
  color: #67a7ff;
  font-weight: 900;
}

.gavang33live .tlvlc__messages article.tlvlc__chat-line--assistant {
  display: block;
  padding: 10px 12px;
}

.gavang33live .tlvlc__assistant-card {
  overflow: hidden;
  width: 100%;
  border: 2px solid #53bf8b;
  border-radius: 11px 11px 0 0;
  background: #efffec;
  color: #0f1713;
}

.gavang33live .tlvlc__assistant-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 14px;
  background: linear-gradient(100deg, #3fab5e 0%, #57c9e5 100%);
}

.gavang33live .tlvlc__assistant-card > header b {
  padding: 5px 12px;
  border-radius: 5px;
  color: #fff;
  background: #267738;
  font-size: 15px;
  line-height: 1;
}

.gavang33live .tlvlc__assistant-card > header strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gavang33live .tlvlc__assistant-content {
  padding: 12px 14px 16px;
  color: #101510;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.gavang33live .tlvlc__assistant-content p { margin: 0 0 7px; }
.gavang33live .tlvlc__assistant-content p:last-child { margin-bottom: 0; }
.gavang33live .tlvlc__assistant-content a { color: #eb8a4a; text-decoration: underline; }

.gavang33live .tlvlc__composer {
  padding: 8px 10px;
  background: #0d100f;
}

.gavang33live .tlvlc__composer .tlvlc__userbar,
.gavang33live .tlvlc__desktop-emoji { display: none !important; }

.gavang33live .tlvlc__composer .tlvlc__chat-form {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 52px;
  align-items: stretch;
  gap: 6px;
  width: 100%;
}

.gavang33live .tlvlc__profile-button {
  display: grid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 9px;
  place-items: center;
  border: 1px solid #535957 !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: #262928 !important;
  box-shadow: none !important;
}

.gavang33live .tlvlc__profile-button svg { display: block; width: 22px; height: 22px; fill: currentColor; }
.gavang33live .tlvlc__profile-button.is-authenticated { border-color: #5caa72 !important; }

.gavang33live .tlvlc__message-field {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
}

.gavang33live .tlvlc__message-field input {
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 42px 0 12px;
  border: 1px solid #454b48;
  border-radius: 6px;
  color: #fff;
  background: #252827;
  font-size: 16px;
  line-height: 38px;
  box-shadow: none;
}

.gavang33live .tlvlc__message-field input::placeholder { color: #858886; opacity: 1; }

.gavang33live .tlvlc__message-field .tlvlc__emoji-button {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
  font-size: 20px;
  box-shadow: none !important;
}

.gavang33live .tlvlc__composer .tlvlc__send {
  width: 52px;
  min-width: 52px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: #2e6036;
  font-size: 16px;
  font-weight: 900;
  text-transform: none;
  box-shadow: none;
}

.gavang33live .tlvlc__account-card { width: min(460px, calc(100vw - 28px)); text-align: center; }
.gavang33live .tlvlc__account-summary { display: grid; justify-items: center; gap: 10px; margin: 10px 0 18px; padding: 22px; border: 1px solid #37413d; border-radius: 10px; background: #0e1412; }
.gavang33live .tlvlc__account-avatar { display: grid; width: 74px; height: 74px; place-items: center; border: 4px solid #39433f; border-radius: 50%; color: #e8efeb; background: #252d2a; font-size: 28px; font-weight: 900; }
.gavang33live .tlvlc__account-summary > div { display: flex; align-items: center; gap: 10px; }
.gavang33live .tlvlc__account-summary strong { color: #fff; font-size: 22px; }
.gavang33live .tlvlc__account-summary [data-ref='account-level'] { padding: 5px 8px; border-radius: 5px; color: #fff; background: #b8921d; font-weight: 900; }
.gavang33live .tlvlc__account-summary small { color: #81adff; font-size: 15px; }
.gavang33live .tlvlc__account-note { margin: 0 0 18px; color: #929a96; font-size: 13px; line-height: 1.45; }
.gavang33live .tlvlc__account-logout { width: 100%; min-height: 46px; border: 0; border-radius: 7px; color: #fff; background: #d4473f; font-weight: 900; }

  /* Narrow mobile refinements. */
  .gavang33live .tlvlc__messages article.tlvlc__chat-line { gap: 7px; padding: 7px 10px; }
  .gavang33live .tlvlc__messages .tlvlc__level-badge { min-width: 45px; min-height: 27px; padding: 4px 7px; font-size: 13px; }
  .gavang33live .tlvlc__messages .tlvlc__chat-copy { font-size: 15px; line-height: 1.48; }
  .gavang33live .tlvlc__assistant-card > header { min-height: 42px; padding: 6px 10px; }
  .gavang33live .tlvlc__assistant-card > header b { font-size: 13px; }
  .gavang33live .tlvlc__assistant-card > header strong { font-size: 16px; }
  .gavang33live .tlvlc__assistant-content { padding: 10px 11px 13px; font-size: 14px; }
  .gavang33live .tlvlc__composer { padding: 8px 10px; }
  .gavang33live .tlvlc__composer .tlvlc__chat-form { grid-template-columns: 40px minmax(0, 1fr) 52px; gap: 6px; }
  .gavang33live .tlvlc__composer .tlvlc__send { width: 52px; min-width: 52px; font-size: 16px; }
}

/* Account dialog proportions copied from the public Gavang33 mobile and desktop UI. */
html.gavang33live-account-open { overflow: hidden; }

body .tlvlc .tlvlc__account-modal {
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(0, 0, 0, .7);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body .tlvlc .tlvlc__account-modal .tlvlc__account-card {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 360px;
  max-height: calc(100dvh - 16px);
  margin: 0;
  padding: 24px;
  overflow-y: auto;
  border: 1px solid #30363d;
  border-radius: 12px;
  color: #e6edf3;
  background: #161b22;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .8);
  text-align: left;
}

body .tlvlc .tlvlc__account-modal .tlvlc__account-card h2 {
  position: static;
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 0 16px;
  padding: 0 36px;
  box-sizing: border-box;
  color: #e6edf3;
  text-align: center !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
  transform: none;
}

/* Keep chat avatars compact without changing presenter or account-modal avatars. */
body .tlvlc .tlvlc__chat-panel [class*="avatar"],
body .tlvlc .tlvlc__chat-view [class*="avatar"],
body .tlvlc .tlvlc__chat-avatar,
body .tlvlc .tlvlc__chat-user-avatar,
body .tlvlc .tlvlc__chat-message-avatar,
body .tlvlc .tlvlc__chat-composer-avatar {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  font-size: 18px !important;
  line-height: 38px !important;
}

@media (max-width: 767px) {
  body .tlvlc .tlvlc__chat-panel [class*="avatar"],
  body .tlvlc .tlvlc__chat-view [class*="avatar"],
  body .tlvlc .tlvlc__chat-avatar,
  body .tlvlc .tlvlc__chat-user-avatar,
  body .tlvlc .tlvlc__chat-message-avatar,
  body .tlvlc .tlvlc__chat-composer-avatar {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-basis: 34px !important;
    font-size: 16px !important;
    line-height: 34px !important;
  }
}

/* One normal WordPress SEO post per match; scoped to the dedicated template. */
body.gavang33live-seo-match-post .gavang33live-seo-post {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 20px 0 1px;
}

body.gavang33live-seo-match-post .gavang33live-seo-post__article,
body.gavang33live-seo-match-post .gavang33live-seo-post__content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.gavang33live-seo-match-post .gavang33live-seo-post__header {
  width: min(1320px, calc(100% - 40px));
  margin: 0 auto 18px;
}

body.gavang33live-seo-match-post .gavang33live-seo-post__title {
  margin: 0;
  color: inherit;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.25;
}

@media (max-width: 767px) {
  body.gavang33live-seo-match-post .gavang33live-seo-post {
    padding-top: 14px;
  }

  body.gavang33live-seo-match-post .gavang33live-seo-post__header {
    width: calc(100% - 24px);
    margin-bottom: 12px;
  }

  body.gavang33live-seo-match-post .gavang33live-seo-post__title {
    font-size: 24px;
  }
}

/* Account modal: the level is kept in data but intentionally not displayed. */
body .tlvlc .tlvlc__account-modal .tlvlc__account-card [class*="level"],
body .tlvlc .tlvlc__account-modal .tlvlc__account-card [class*="rank"] {
  display: none !important;
}

/* Desktop match grids need breathing room from the shortcode frame. */
@media (min-width: 768px) {
  body .tlvlc [class*="match-grid"],
  body .tlvlc [class*="matches-grid"],
  body .tlvlc [class*="schedule-grid"] {
    box-sizing: border-box;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}

body .tlvlc .tlvlc__account-modal .tlvlc__modal-close {
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  padding: 4px;
  color: #8b949e;
  font-size: 28px;
  font-weight: 300;
  line-height: 20px;
}

body .tlvlc .tlvlc__account-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 0;
  margin: 0 0 20px;
  padding: 16px;
  border: 1px solid #30363d;
  border-radius: 8px;
  background: #0d1117;
}

body .tlvlc .tlvlc__account-avatar {
  display: grid;
  width: 64px;
  height: 64px;
  margin: 0 0 12px;
  padding: 0;
  place-items: center;
  border: 2px solid #30363d;
  border-radius: 50%;
  background: #21262d;
}

body .tlvlc .tlvlc__account-avatar svg { width: 36px; height: 36px; fill: #8db7dd; }
body .tlvlc .tlvlc__account-identity { display: flex; align-items: center; gap: 6px; margin: 0 0 12px; }
body .tlvlc .tlvlc__account-identity strong { color: #e6edf3; font-size: 18px; font-weight: 800; line-height: 1.2; }
body .tlvlc .tlvlc__account-identity [data-ref='account-level'] { padding: 4px 7px; border-radius: 5px; color: #fff; background: #b8921d; font-size: 13px; font-weight: 900; line-height: 1.2; }
body .tlvlc .tlvlc__account-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body .tlvlc .tlvlc__account-meta > span { display: inline-flex; min-height: 28px; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 14px; font-size: 13px; font-weight: 500; line-height: 18px; }
body .tlvlc .tlvlc__account-phone { border: 1px solid rgba(88, 166, 255, .28); color: #58a6ff; background: rgba(88, 166, 255, .1); }
body .tlvlc .tlvlc__account-rank { border: 1px solid rgba(255, 184, 0, .28); color: #ffb800; background: rgba(255, 184, 0, .1); }
body .tlvlc .tlvlc__account-meta b { color: inherit; font: inherit; }

body .tlvlc .tlvlc__account-form { display: block; width: 100%; margin: 0; }
body .tlvlc .tlvlc__account-input {
  display: block;
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin: 0 0 12px;
  padding: 0 10px;
  border: 1px solid #30363d;
  border-radius: 4px;
  color: #e6edf3;
  background: #0d1117;
  box-shadow: none;
  font: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 38px;
}

body .tlvlc .tlvlc__account-input::placeholder { color: #7d8288; opacity: 1; }
body .tlvlc .tlvlc__account-input:focus { border-color: #58a6ff; outline: 0; box-shadow: 0 0 0 2px rgba(88, 166, 255, .14); }
body .tlvlc .tlvlc__account-feedback { min-height: 0; margin: 0 0 8px; color: #8b949e; font-size: 12px; line-height: 1.35; }
body .tlvlc .tlvlc__account-feedback:empty { display: none; }
body .tlvlc .tlvlc__account-feedback.is-error { color: #ff7b72; }
body .tlvlc .tlvlc__account-feedback.is-success { color: #3fb950; }
body .tlvlc .tlvlc__account-actions { display: flex; gap: 8px; width: 100%; margin: 4px 0 0; }
body .tlvlc .tlvlc__account-actions button { flex: 1 1 0; min-width: 0; min-height: 40px; margin: 0; padding: 10px; border-radius: 0; box-shadow: none; text-transform: none; font-size: 15px; font-weight: 800; line-height: 20px; }
body .tlvlc .tlvlc__account-save { border: 1px solid #8c8c8c; color: #111; background: #f4f4f4; }
body .tlvlc .tlvlc__account-save:hover,
body .tlvlc .tlvlc__account-save:focus { color: #111; background: #fff; }
body .tlvlc .tlvlc__account-logout { border: 1px solid #da3633; color: #fff; background: #da3633; }
body .tlvlc .tlvlc__account-logout:hover,
body .tlvlc .tlvlc__account-logout:focus { color: #fff; background: #e5484d; }
body .tlvlc .tlvlc__account-actions button:disabled { cursor: wait; opacity: .65; }

@media (max-width: 380px) {
  body .tlvlc .tlvlc__account-modal .tlvlc__account-card { padding: 20px; }
}

/* Authentication modal: isolated from Flatsome and third-party form styles. */
.tlvlc .tlvlc__modal {
  align-items: flex-start;
  overflow-y: auto;
  padding: 12px;
  background: rgba(0, 0, 0, .78);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

body > .tlvlc.tlvlc__auth-portal {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tlvlc .tlvlc__modal-card {
  width: min(560px, 100%);
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  margin: 0;
  padding: 24px 28px 28px;
  border: 2px solid #35414e;
  border-radius: 16px;
  color: #f2f5f8;
  background: #171e27;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .55);
  font-family: inherit;
}

.tlvlc .tlvlc__modal-card h2 {
  margin: 0 48px 20px;
  color: #f2f5f8;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.tlvlc .tlvlc__modal-close {
  top: 10px;
  right: 12px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  color: #9aa3ad;
  background: transparent;
  box-shadow: none;
  font-size: 40px;
  font-weight: 300;
  line-height: 40px;
}

.tlvlc .tlvlc__modal-close:hover,
.tlvlc .tlvlc__modal-close:focus {
  color: #fff;
  background: transparent;
}

.tlvlc .tlvlc__auth-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  margin: 0 0 18px;
  border: 2px solid #35414e;
  border-radius: 12px;
  background: #0d131a;
}

.tlvlc .tlvlc__auth-switch button {
  min-height: 48px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 0;
  color: #9299a2;
  background: transparent;
  box-shadow: none;
  text-transform: none;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.tlvlc .tlvlc__auth-switch button.is-active {
  color: #fff;
  background: #24943b;
}

.tlvlc .tlvlc__auth-form {
  display: grid;
  gap: 14px;
  margin: 0;
}

.tlvlc .tlvlc__auth-form[hidden] {
  display: none !important;
}

.tlvlc .tlvlc__modal-card .tlvlc__auth-input {
  display: block;
  width: 100%;
  height: 52px;
  min-height: 52px;
  margin: 0;
  padding: 0 20px;
  border: 2px solid #35414e;
  border-radius: 10px;
  color: #f4f6f8;
  background: #0d131a;
  box-shadow: none;
  font: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.tlvlc .tlvlc__modal-card .tlvlc__auth-input:focus {
  border-color: #2ba34a;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(43, 163, 74, .15);
}

.tlvlc .tlvlc__auth-input::placeholder {
  color: #85898e;
  opacity: 1;
}

.tlvlc .tlvlc__captcha-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 1fr);
  gap: 10px;
  align-items: stretch;
}

.tlvlc .tlvlc__captcha-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  min-height: 52px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  color: #59616a;
  background: #f4f5f7;
  box-shadow: none;
  cursor: pointer;
}

.tlvlc .tlvlc__captcha-image:hover,
.tlvlc .tlvlc__captcha-image:focus {
  background: #fff;
  box-shadow: 0 0 0 3px rgba(43, 163, 74, .2);
}

.tlvlc .tlvlc__captcha-image:disabled {
  cursor: wait;
  opacity: .75;
}

.tlvlc .tlvlc__captcha-image img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}

.tlvlc .tlvlc__captcha-image span {
  color: #59616a;
  font-size: 15px;
  font-weight: 700;
}

.tlvlc .tlvlc__auth-submit {
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 12px 20px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #24943b !important;
  box-shadow: none;
  text-transform: none;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.2;
}

.tlvlc .tlvlc__auth-submit:hover,
.tlvlc .tlvlc__auth-submit:focus {
  color: #fff;
  background: #2ba647 !important;
  box-shadow: 0 8px 22px rgba(36, 148, 59, .24);
}

.tlvlc .tlvlc__auth-help {
  min-height: 0;
  margin: 18px 0 0;
  color: #c0c6cc;
  font-size: 15px;
  line-height: 1.45;
}

.tlvlc .tlvlc__auth-help:empty {
  display: none;
}

@media (max-width: 560px) {
  .tlvlc .tlvlc__modal {
    padding: 8px;
  }

  .tlvlc .tlvlc__modal-card {
    max-height: calc(100dvh - 16px);
    padding: 22px 18px 22px;
    border-radius: 16px;
  }

  .tlvlc .tlvlc__modal-card h2 {
    margin: 0 38px 16px;
    font-size: 25px;
  }

  .tlvlc .tlvlc__modal-close {
    top: 12px;
    right: 14px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 36px;
  }

  .tlvlc .tlvlc__auth-switch {
    margin-bottom: 24px;
    border-radius: 10px;
  }

  .tlvlc .tlvlc__auth-switch button {
    min-height: 50px;
    padding: 7px 10px;
    font-size: 18px;
  }

  .tlvlc .tlvlc__auth-form {
    gap: 12px;
  }

  .tlvlc .tlvlc__modal-card .tlvlc__auth-input {
    height: 50px;
    min-height: 50px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 18px;
  }

  .tlvlc .tlvlc__captcha-row {
    grid-template-columns: minmax(0, 1fr) minmax(136px, .95fr);
    gap: 10px;
  }

  .tlvlc .tlvlc__captcha-image {
    height: 50px;
    min-height: 50px;
  }

  .tlvlc .tlvlc__auth-submit {
    min-height: 52px;
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  .tlvlc .tlvlc__modal-card {
    padding-inline: 16px;
  }

  .tlvlc .tlvlc__modal-card h2 {
    font-size: 25px;
  }

  .tlvlc .tlvlc__captcha-row {
    grid-template-columns: minmax(0, 1fr) 132px;
  }
}

/* Exact Gavang33 authentication dialog proportions. */
.tlvlc .tlvlc__modal {
  align-items: center;
  justify-content: center;
  padding: 0;
  background: rgba(0, 0, 0, .7);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.tlvlc .tlvlc__modal-card {
  width: min(360px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  margin: 0;
  padding: 24px;
  border: 1px solid #30363d;
  border-radius: 12px;
  color: #fff;
  background: #161b22;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .8);
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.tlvlc .tlvlc__modal-card h2 {
  margin: 0 0 16px;
  padding: 0;
  color: #e6edf3;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}

.tlvlc .tlvlc__modal-close {
  top: 12px;
  right: 12px;
  width: 23.25px;
  height: 30.5px;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 4px;
  color: #8b949e;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

.tlvlc .tlvlc__auth-switch {
  margin: 0 0 16px;
  border: 1px solid #30363d;
  border-radius: 6px;
  background: transparent;
}

.tlvlc .tlvlc__auth-switch button {
  min-height: 26px;
  margin: 0;
  padding: 6px;
  border: 0;
  border-radius: 0;
  color: #8b949e;
  background: #0d1117;
  box-shadow: none;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.tlvlc .tlvlc__auth-switch button.is-active {
  color: #fff;
  background: #238636;
  font-weight: 700;
}

.tlvlc .tlvlc__auth-form {
  gap: 12px;
  margin: 0;
}

.tlvlc .tlvlc__modal-card .tlvlc__auth-input {
  height: 34.5px;
  min-height: 34.5px;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #30363d;
  border-radius: 4px;
  color: #e6edf3;
  background: #0d1117;
  box-shadow: none;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.tlvlc .tlvlc__captcha-row {
  grid-template-columns: minmax(0, 152px) minmax(0, 150px);
  gap: 8px;
  margin: 0;
}

.tlvlc .tlvlc__captcha-image {
  height: 36px;
  min-height: 36px;
  border: 0;
  border-radius: 4px;
  background: #fff;
}

.tlvlc .tlvlc__auth-submit {
  width: 100%;
  min-height: 37px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: #238636 !important;
  box-shadow: none;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
}

.tlvlc .tlvlc__auth-submit:hover,
.tlvlc .tlvlc__auth-submit:focus {
  color: #fff;
  background: #2ea043 !important;
  box-shadow: none;
  transform: none;
}

@media (max-width: 380px) {
  .tlvlc .tlvlc__modal-card {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    padding: 20px;
  }

  .tlvlc .tlvlc__captcha-row {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 150px);
  }
}

.tlvlc-widget--schedule .tlvlc-widget__title { background: #1e2a30; color: #80d7ff; }
.tlvlc-widget--schedule .tlvlc-widget__status,
.tlvlc-widget--results .tlvlc-widget__status { color:#7dd4ad; }
.tlvlc-widget--results .tlvlc-widget__title { background:#2a1f2f; color:#ffcd59; }
.tlvlc-widget--standings .tlvlc-widget__title { background:#1f2f2f; color:#8fe27b; }

.tlvlc-widget--compact .tlvlc-widget__table th,
.tlvlc-widget--compact .tlvlc-widget__table td { padding: 9px 8px; font-size: 11px; }
.tlvlc-widget--compact .tlvlc-widget__team strong { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }

.tlvlc-widget--compact .tlvlc-widget__table-wrap { scrollbar-width: thin; }
.tlvlc-widget--wide .tlvlc-widget__table { min-width: 840px; }
.tlvlc-widget--schedule .tlvlc-widget__table,
.tlvlc-widget--results .tlvlc-widget__table { min-width: 620px; }
.tlvlc-widget--standings .tlvlc-widget__table { min-width: 640px; }
.tlvlc-widget--striped .tlvlc-widget__table tbody tr:nth-child(odd) { background: #1c2321; }

.tlvlc-widget__title {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding: 10px 14px;
	font-size: 13px;
	font-weight: 800;
	color: #ffe046;
	background: #1f2624;
}

.tlvlc-widget__table-wrap {
	overflow-x: auto;
}

.tlvlc-widget__table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
}

.tlvlc-widget__table th,
.tlvlc-widget__table td {
	padding: 10px 12px;
	border-bottom: 1px solid #2f3432;
	font-size: 12px;
	vertical-align: middle;
}

.tlvlc-widget__table thead th {
	text-align: left;
	background: #1b211f;
	color: #ced4d1;
	font-size: 11px;
	letter-spacing: .04em;
}

.tlvlc-widget__table tbody tr:nth-child(even) {
	background: #171c1a;
}

.tlvlc-widget__match,
.tlvlc-widget__team {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.tlvlc-widget__team-mark {
	display: inline-flex;
	width: 22px;
	height: 22px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #2f3533;
	color: #fff;
	font-weight: 800;
	font-size: 10px;
}

.tlvlc-widget__team img {
	width: 22px;
	height: 22px;
	object-fit: contain;
}

.tlvlc-widget__vs { color:#9aa39e; font-size: 10px; }
.tlvlc-widget__status {
	display: inline-block;
	padding: 4px 9px;
	border-radius: 20px;
	background: #2a2f2d;
	font-size: 11px;
	font-weight: 700;
}

.tlvlc-widget__status.is-live { color:#9cf39f; background:#1a4429; }
.tlvlc-widget__status.finished,
.tlvlc-widget__status.ended,
.tlvlc-widget__status.completed,
.tlvlc-widget__status.complete,
.tlvlc-widget__status.ft { color:#f6f3ac; background:#3b4027; }

.tlvlc-widget__score { font-weight: 700; color:#ffd64c; text-align: center; }
.tlvlc-widget__point { color: #ffd24a; }

.tlvlc-widget__time { white-space: nowrap; min-width: 95px; }

.tlvlc-widget__rank { color:#9eb4a8; font-weight: 700; text-align: center; }

.tlvlc-widget--schedule .tlvlc-widget__table,
.tlvlc-widget--results .tlvlc-widget__table,
.tlvlc-widget--standings .tlvlc-widget__table {
	width: 100%;
	min-width: 0;
}

@media (max-width: 900px) {
	.tlvlc-widget--schedule .tlvlc-widget__table thead,
	.tlvlc-widget--results .tlvlc-widget__table thead,
	.tlvlc-widget--standings .tlvlc-widget__table thead {
		display: none;
	}

	.tlvlc-widget--schedule .tlvlc-widget__title,
	.tlvlc-widget--results .tlvlc-widget__title,
	.tlvlc-widget--standings .tlvlc-widget__title {
		padding: 8px 10px;
		font-size: 12px;
		min-height: 40px;
	}

	.tlvlc-widget--schedule .tlvlc-widget__table-wrap,
	.tlvlc-widget--results .tlvlc-widget__table-wrap,
	.tlvlc-widget--standings .tlvlc-widget__table-wrap {
		padding: 8px;
	}

	.tlvlc-widget__table--match tbody tr,
	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody tr {
		display: grid;
		margin-bottom: 10px;
		gap: 7px;
		border: 1px solid #2f3432;
		border-radius: 8px;
		background: #171c1a;
	}

	.tlvlc-widget__table--match tbody td,
	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody td {
		display: grid;
		grid-template-columns: 74px 1fr;
		align-items: center;
		padding: 6px 8px;
		min-height: 28px;
		border-bottom: 1px dashed rgba(255,255,255,.1);
	}

	.tlvlc-widget__table--match tbody td:last-child,
	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody td:last-child {
		border-bottom: 0;
	}

	.tlvlc-widget__table--match tbody td::before,
	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody td::before {
		content: attr(data-label);
		font-size: 9px;
		color: var(--tlvlc-muted);
		letter-spacing: .06em;
	}

	.tlvlc-widget__table--match .tlvlc-widget__match {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.tlvlc-widget__table--match .tlvlc-widget__match .tlvlc-widget__team {
		flex: 1 1 calc(50% - 7px);
		min-width: 140px;
	}

	.tlvlc-widget--schedule .tlvlc-widget__team-mark,
	.tlvlc-widget--results .tlvlc-widget__team-mark {
		width: 18px;
		height: 18px;
		font-size: 9px;
	}

	.tlvlc-widget--results .tlvlc-widget__table--match tbody {
		grid-template-columns: 1fr;
	}

	.tlvlc-widget--standings .tlvlc-widget__table--standings td:nth-child(7),
	.tlvlc-widget--standings .tlvlc-widget__table--standings td:nth-child(8),
	.tlvlc-widget--standings .tlvlc-widget__table--standings td:nth-child(9) {
		display: none;
	}

	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody td:nth-child(1) {
		grid-column: 1 / 3;
		font-weight: 700;
	}

	.tlvlc-widget--standings .tlvlc-widget__table--standings tbody td:nth-child(2) {
		grid-column: 1 / 3;
	}
}

@media (max-width: 900px) {
	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match td[data-label="GIẢI"],
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match td[data-label="GIẢI"],
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match td[data-label="THỜI GIAN"] {
		display: none;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match td[data-label="TRẬN ĐẤU"],
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match td[data-label="TRẬN ĐẤU"] {
		grid-column: 1 / -1;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match td[data-label="TỈ SỐ"],
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match td[data-label="TỈ SỐ"] {
		font-size: 16px;
		font-weight: 800;
	}

	.tlvlc-widget--mobile-results .tlvlc-widget__table--match .tlvlc-widget__score {
		color: #ffe27a;
	}

	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td[data-label="BÀN THẮNG"],
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td[data-label="BÀN THUA"],
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td[data-label="+"] {
		display: none;
	}

	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings {
		font-size: 12px;
	}
}

@media (max-width: 460px) {
	.tlvlc-widget--standings .tlvlc-widget__table--standings {
		font-size: 11px;
	}

	.tlvlc-widget--schedule .tlvlc-widget__table--match td,
	.tlvlc-widget--results .tlvlc-widget__table--match td {
		grid-template-columns: 68px 1fr;
		padding: 6px;
	}

	.tlvlc-widget--schedule .tlvlc-widget__table--match td::before,
	.tlvlc-widget--results .tlvlc-widget__table--match td::before {
		font-size: 8px;
	}

	.tlvlc-widget__table--match .tlvlc-widget__team {
		font-size: 11px;
	}

	.tlvlc-widget__table--match .tlvlc-widget__score,
	.tlvlc-widget__table--match .tlvlc-widget__status {
		justify-self: start;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match td,
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match td,
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td {
		grid-template-columns: 64px 1fr;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__score,
	.tlvlc-widget--mobile-results .tlvlc-widget__score {
		font-size: 17px;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match .tlvlc-widget__match,
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match .tlvlc-widget__match {
		gap: 6px;
	}

	.tlvlc-widget--mobile-schedule .tlvlc-widget__table--match .tlvlc-widget__team,
	.tlvlc-widget--mobile-results .tlvlc-widget__table--match .tlvlc-widget__team {
		min-width: 0;
	}

	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings th:nth-child(3),
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td:nth-child(3),
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings th:nth-child(4),
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td:nth-child(4),
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings th:nth-child(5),
	.tlvlc-widget--mobile-standings .tlvlc-widget__table--standings td:nth-child(5) {
		display: none;
	}
}

.tlvlc button,.tlvlc a { transition:background-color .18s,color .18s,border-color .18s,transform .18s; }
.tlvlc [hidden] { display:none!important; }
.tlvlc__layout { display:grid; grid-template-columns:minmax(0,2.75fr) minmax(330px,1fr); gap:14px; align-items:stretch; }
.tlvlc__broadcast,.tlvlc__side { min-width:0; overflow:hidden; border:1px solid var(--tlvlc-line); border-radius:8px; background:#121615; }
.tlvlc__broadcast-nav { display:grid; grid-template-columns:repeat(3,1fr); min-height:62px; background:#252827; }
.tlvlc__broadcast-nav button { display:flex; align-items:center; justify-content:center; gap:9px; margin:0; border:0; border-radius:0; color:#c6cbc8; background:transparent; font-weight:800; cursor:pointer; }
.tlvlc__broadcast-nav button:hover,.tlvlc__broadcast-nav button.is-active { color:var(--tlvlc-accent); background:var(--tlvlc-active); }
.tlvlc__pulse { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--tlvlc-accent); box-shadow:0 0 0 5px rgba(255,210,29,.12); }
.tlvlc__nav-icon { color:var(--tlvlc-accent); font-size:22px; }
.tlvlc__presenter-bar { display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:14px; padding:9px 14px; background:#101412; }
.tlvlc__presenter-current { display:flex; min-width:0; align-items:center; gap:11px; }
.tlvlc__presenter-current strong,.tlvlc__presenter-current span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tlvlc__presenter-current strong { color:#ffc31b; font-size:15px; }
.tlvlc__presenter-current>div>span { color:#a4aaa6; font-size:12px; }
.tlvlc__presenter-avatar { position:relative; display:grid; width:45px; height:45px; flex:0 0 45px; place-items:center; border:2px solid #e6a20d; border-radius:50%; background:#242a27; }
.tlvlc__presenter-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.tlvlc__presenter-avatar i { position:absolute; right:-1px; bottom:0; width:10px; height:10px; border:2px solid #101412; border-radius:50%; background:#4de17e; }
.tlvlc__primary-button,.tlvlc__user-actions button,.tlvlc__modal-card form>button { display:inline-flex; align-items:center; justify-content:center; border:0; border-radius:6px; padding:10px 17px; color:white; background:#f5792e; font-weight:800; text-decoration:none; cursor:pointer; }
.tlvlc__primary-button:hover,.tlvlc__user-actions button:hover,.tlvlc__modal-card form>button:hover { color:white; background:#ff8b42; transform:translateY(-1px); }
.tlvlc__video-shell { position:relative; width:100%; max-height:var(--tlvlc-player-max); aspect-ratio:16/9; overflow:hidden; background:#000; }
.tlvlc__video { width:100%; height:100%; object-fit:contain; background:#000; }
.tlvlc__video-fallback { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 68% 80%,rgba(30,123,70,.35),transparent 28%),radial-gradient(circle at 24% 18%,rgba(41,98,134,.25),transparent 24%),linear-gradient(135deg,#0b171d,#101616 50%,#201719); }
.tlvlc__stadium-glow { position:absolute; inset:0; opacity:.38; background:linear-gradient(150deg,transparent 45%,rgba(21,109,61,.22)); filter:blur(20px); }
.tlvlc__scoreboard { position:relative; width:min(72%,760px); padding:34px 28px; border:1px solid #43504c; border-radius:12px; text-align:center; background:rgba(8,14,13,.82); box-shadow:0 24px 80px rgba(0,0,0,.3); }
.tlvlc__eyebrow { color:var(--tlvlc-accent); font-size:12px; font-weight:900; letter-spacing:.15em; }
.tlvlc__teams { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; margin:28px 0 17px; }
.tlvlc__teams>div { display:flex; min-width:0; align-items:center; justify-content:center; gap:12px; }
.tlvlc__teams strong { overflow:hidden; font-size:clamp(16px,2vw,28px); text-overflow:ellipsis; white-space:nowrap; }
.tlvlc__teams>b { color:#a8afab; font-size:18px; }
.tlvlc__team-mark { display:grid; width:58px; height:58px; flex:0 0 58px; place-items:center; border-radius:50%; background:#25302c; color:#fff; font-weight:900; }
.tlvlc__team-mark img { width:100%; height:100%; object-fit:contain; }
.tlvlc__team-mark.has-image i { display:none; }
.tlvlc__scoreboard p { margin:0; color:#9ca5a0; }
.tlvlc__loading { position:absolute; inset:0; z-index:8; display:grid; place-content:center; place-items:center; background:rgba(0,0,0,.78); }
.tlvlc__loading span { width:38px; height:38px; border:4px solid #5d625f; border-top-color:var(--tlvlc-accent); border-radius:50%; animation:tlvlc-spin .8s linear infinite; }
.tlvlc__loading p { color:#d0d5d2; }
@keyframes tlvlc-spin { to { transform:rotate(360deg); } }
.tlvlc__simulation { position:absolute; inset:0; z-index:7; background:#080b0a; }
.tlvlc__simulation-head { position:absolute; z-index:2; top:0; right:0; left:0; display:flex; align-items:center; justify-content:space-between; padding:10px 14px; color:#fff; background:rgba(0,0,0,.76); }
.tlvlc__simulation-head span,.tlvlc__simulation-head strong { display:block; }
.tlvlc__simulation-head span { color:var(--tlvlc-accent); font-size:9px; }
.tlvlc__simulation-head button { width:32px; height:32px; border:0; border-radius:50%; color:#fff; background:#313735; font-size:22px; cursor:pointer; }
.tlvlc__simulation-content,.tlvlc__simulation-content iframe { width:100%; height:100%; border:0; }
.tlvlc__simulation-empty { display:grid; height:100%; place-content:center; color:#949d98; text-align:center; }
.tlvlc__simulation-empty b { font-size:44px; }
.tlvlc__match-footer { display:flex; min-height:58px; align-items:center; gap:14px; padding:9px 13px; }
.tlvlc__contact { display:inline-flex; flex:0 0 auto; border-radius:22px; padding:8px 15px; color:#fff; background:#287df0; font-weight:700; text-decoration:none; }
.tlvlc__presenter-switcher { display:flex; min-width:0; gap:8px; overflow-x:auto; }
.tlvlc__presenter-switcher button { border:1px solid #555d59; border-radius:22px; padding:8px 15px; color:#aeb5b1; background:#242827; white-space:nowrap; cursor:pointer; }
.tlvlc__presenter-switcher button.is-active { border-color:#f57a2d; color:#fff; background:#f57a2d; }
.tlvlc__side { display:flex; min-height:630px; flex-direction:column; }
.tlvlc__tabs { display:grid; grid-template-columns:repeat(4,1fr); min-height:77px; border-bottom:1px solid var(--tlvlc-line); background:#252827; }
.tlvlc__tabs button { display:flex; min-width:0; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:0; border-radius:0; color:#999f9b; background:transparent; font-size:10px; font-weight:800; cursor:pointer; }
.tlvlc__tabs button i { font-style:normal; font-size:20px; }
.tlvlc__tabs button.is-active { border-bottom:3px solid var(--tlvlc-accent); color:var(--tlvlc-accent); background:var(--tlvlc-active); }
.tlvlc__promo-row { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:9px 11px; background:#122347; }
.tlvlc__promo-row a { display:flex; align-items:center; justify-content:center; border:1px solid #377af1; border-radius:22px; padding:8px; color:#78a8ff; font-weight:800; text-decoration:none; }
.tlvlc__promo-row a:last-child { border-color:#ff9c54; color:#fff; background:#ef7f33; }
.tlvlc__panel-wrap { position:relative; min-height:0; flex:1; }
.tlvlc__panel { position:absolute; inset:0; overflow:auto; }
.tlvlc__data-panel { padding:18px 14px; }
.tlvlc__data-panel>h3 { margin:0 0 16px; color:var(--tlvlc-accent); font-size:14px; }
.tlvlc__empty { display:grid; min-height:180px; margin:0; place-items:center; padding:20px; color:#7e8883; text-align:center; }
.tlvlc__messages { height:100%; overflow-y:auto; padding:13px; }
.tlvlc__messages article { display:flex; gap:9px; margin-bottom:12px; }
.tlvlc__messages article>span { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border-radius:50%; color:#fff; background:#3a9656; font-weight:800; }
.tlvlc__messages article>div { min-width:0; }
.tlvlc__messages header { display:flex; align-items:center; gap:6px; }
.tlvlc__messages header strong { color:#e6ebe8; font-size:11px; }
.tlvlc__messages header time { color:#727b76; font-size:9px; }
.tlvlc__messages article p { display:inline-block; margin:4px 0 0; border-radius:3px 10px 10px 10px; padding:7px 9px; color:#dce1de; background:#242927; font-size:11px; }
.tlvlc__messages article.is-self { flex-direction:row-reverse; text-align:right; }
.tlvlc__messages article.is-self header { justify-content:flex-end; }
.tlvlc__messages article.is-self p { border-radius:10px 3px 10px 10px; background:#214631; }
.tlvlc__composer { border-top:1px solid var(--tlvlc-line); padding:10px; }
.tlvlc__userbar { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:9px; }
.tlvlc__user { display:flex; min-width:0; align-items:center; gap:6px; }
.tlvlc__user>.tlvlc__user-avatar { display:grid; width:33px; height:33px; flex:0 0 33px; place-items:center; border-radius:50%; background:#3f9c5b; font-weight:900; }
.tlvlc__user>strong { overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.tlvlc__user-level { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; border-radius:5px; padding:4px 7px; color:#fff; background:#b8921d; font-size:10px; font-weight:900; line-height:1; }
.tlvlc__user-gear { color:#747d79; font-size:11px; line-height:1; }
.tlvlc__user-actions { display:flex; align-items:center; gap:6px; }
.tlvlc__user-actions button { padding:7px 10px; font-size:10px; }
.tlvlc__user-actions button[data-action="logout"] { border:1px solid #424a46; color:#d9dedb; background:#252a28; }
.tlvlc__user-actions .tlvlc__user-icon { width:31px; height:31px; padding:6px; border:1px solid #424a46; color:#d9dedb; background:#161a18; }
.tlvlc__user-actions .tlvlc__user-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.tlvlc__chat-form { display:grid; grid-template-columns:32px 1fr 54px; gap:6px; }
.tlvlc__chat-form button { border:0; border-radius:6px; color:#fff; background:#28532f; font-weight:800; cursor:pointer; }
.tlvlc__chat-form button:first-child { color:var(--tlvlc-accent); background:transparent; font-size:20px; }
.tlvlc__chat-form input { min-width:0; border:1px solid #414946; border-radius:6px; padding:10px; color:#fff; background:#272c2a; outline:none; }
.tlvlc__lineup-summary { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-bottom:12px; border-radius:7px; padding:13px; background:#2a2d2c; text-align:center; }
.tlvlc__lineup-summary strong,.tlvlc__lineup-summary span { display:block; }
.tlvlc__lineup-summary strong { font-size:13px; }
.tlvlc__lineup-summary span { color:#9ca39f; font-size:10px; }
.tlvlc__mode-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:13px; }
.tlvlc__mode-tabs button { border:0; border-bottom:3px solid transparent; padding:11px 5px; color:#9ca39f; background:#303332; font-size:10px; font-weight:800; cursor:pointer; }
.tlvlc__mode-tabs button.is-active { border-bottom-color:var(--tlvlc-accent); color:var(--tlvlc-accent); }
.tlvlc__pitches { display:grid; gap:14px; }
.tlvlc__pitch { border-radius:7px; padding:9px; background:#292d2b; }
.tlvlc__pitch h4 { display:flex; justify-content:space-between; margin:0 0 8px; font-size:12px; }
.tlvlc__pitch h4 span { color:#aeb5b1; font-weight:400; }
.tlvlc__pitch-field { position:relative; height:310px; overflow:hidden; border:2px solid #b7d5c4; border-radius:6px; background:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(#1f7048,#2b8a5c); background-size:25% 100%,100% 100%; }
.tlvlc__pitch-field:after { position:absolute; inset:50% 0 auto; border-top:1px solid rgba(255,255,255,.5); content:""; }
.tlvlc__pitch-player { position:absolute; z-index:1; width:70px; transform:translate(-50%,-50%); text-align:center; }
.tlvlc__pitch-player>span { display:grid; width:38px; height:38px; margin:auto; place-items:center; overflow:hidden; border:2px solid #fff; border-radius:50%; color:#111; background:#f3d638; font-size:10px; font-weight:900; }
.tlvlc__pitch-player img { width:100%; height:100%; object-fit:cover; }
.tlvlc__pitch-player>b { display:block; overflow:hidden; color:#fff; background:rgba(0,0,0,.48); font-size:8px; text-overflow:ellipsis; text-shadow:0 1px 2px #000; white-space:nowrap; }
.tlvlc__pitch-player>i { position:absolute; top:24px; right:10px; display:grid; width:16px; height:16px; place-items:center; border-radius:50%; color:#fff; background:#f36e43; font-size:8px; }
.tlvlc__rosters,.tlvlc__injuries { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.tlvlc__roster h4,.tlvlc__injury h4 { margin:0 0 8px; color:var(--tlvlc-accent); font-size:12px; }
.tlvlc__roster>div { display:flex; align-items:center; gap:7px; margin-bottom:6px; border-radius:5px; padding:7px; background:#2b2f2d; }
.tlvlc__roster>div>span { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; overflow:hidden; border-radius:50%; background:#444a47; }
.tlvlc__roster img { width:100%; height:100%; object-fit:cover; }
.tlvlc__roster p { min-width:0; flex:1; margin:0; }
.tlvlc__roster p strong,.tlvlc__roster p small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tlvlc__roster p strong { font-size:9px; }.tlvlc__roster p small { color:#969e99; font-size:8px; }
.tlvlc__roster>div>b { color:var(--tlvlc-accent); font-size:10px; }
.tlvlc__injury p { margin:0 0 6px; border-radius:5px; padding:8px; background:#2b2f2d; font-size:10px; }
.tlvlc__injury p span { display:block; color:#9da5a0; }
.tlvlc__stats { display:grid; gap:0; padding:2px 8px 18px; }
.tlvlc__stat { display:grid; gap:8px; padding:13px 0 14px; }
.tlvlc__stat-values { display:grid; grid-template-columns:minmax(52px,1fr) minmax(132px,1.8fr) minmax(52px,1fr); align-items:center; gap:8px; text-align:center; }
.tlvlc__stat-values span { min-width:0; overflow:hidden; color:var(--tlvlc-accent); font-size:clamp(12px,1.4vw,17px); font-weight:800; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.tlvlc__stat-values strong { color:#fff; font-size:clamp(13px,1.5vw,18px); font-weight:800; line-height:1.2; }
.tlvlc__stat-bar { display:grid; grid-template-columns:1fr 1fr; width:100%; height:20px; overflow:hidden; border-radius:12px; background:#343434; }
.tlvlc__stat-bar>span { display:flex; min-width:0; height:100%; background:#343434; }
.tlvlc__stat-bar>span.is-home { justify-content:flex-end; }
.tlvlc__stat-bar>span.is-away { justify-content:flex-start; }
.tlvlc__stat-bar i { display:block; height:100%; }
.tlvlc__stat-bar .is-home i { width:var(--tlvlc-stat-home); background:linear-gradient(90deg,#2a21db,#1717ad); }
.tlvlc__stat-bar .is-away i { width:var(--tlvlc-stat-away); background:linear-gradient(90deg,#ffe43a,#f1d12f); }
.tlvlc__h2h>div { display:grid; grid-template-columns:62px minmax(0,1fr) 48px minmax(0,1fr); align-items:center; gap:6px; padding:9px 5px; background:#202422; }
.tlvlc__h2h>div:nth-child(even) { background:#252927; }
.tlvlc__h2h time { color:#969e99; font-size:9px; }.tlvlc__h2h span { display:flex; min-width:0; align-items:center; gap:5px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }.tlvlc__h2h span:last-child { justify-content:flex-end; }.tlvlc__h2h img { width:21px; height:21px; object-fit:contain; }.tlvlc__h2h b { border-radius:5px; padding:5px; color:#fff; background:#e89c13; font-size:10px; text-align:center; }
.tlvlc__toast { position:fixed; z-index:100002; right:24px; bottom:24px; max-width:360px; transform:translateY(25px); border:1px solid #38784f; border-radius:8px; padding:12px 16px; opacity:0; color:#e8f6ed; background:#1c3b27; pointer-events:none; transition:.2s; }.tlvlc__toast.is-visible { transform:none; opacity:1; }
.tlvlc__modal { position:fixed; z-index:100001; inset:0; display:flex; align-items:flex-start; justify-content:center; overflow-y:auto; overscroll-behavior:contain; padding:clamp(14px,3vh,34px) 18px 24px; background:rgba(0,0,0,.74); }
.tlvlc__modal-card { position:relative; width:min(520px,100%); max-height:calc(100dvh - 48px); overflow-y:auto; border:1px solid #39423e; border-radius:12px; padding:32px; color:#f1f4f2; background:#181e1c; box-shadow:0 30px 100px rgba(0,0,0,.45); }
.tlvlc__modal-card h2 { margin:0 0 18px; color:#fff; font-size:28px; }
.tlvlc__modal-close { position:absolute; top:12px; right:12px; border:0; color:#9da6a1; background:transparent; font-size:30px; cursor:pointer; }
.tlvlc__auth-switch { display:grid; grid-template-columns:1fr 1fr; margin-bottom:20px; border-radius:7px; overflow:hidden; background:#0f1412; }.tlvlc__auth-switch button { border:0; padding:11px; color:#929a95; background:transparent; font-weight:800; cursor:pointer; }.tlvlc__auth-switch button.is-active { color:#fff; background:var(--tlvlc-active); }
.tlvlc__modal-card form { display:grid; gap:12px; }.tlvlc__modal-card label { color:#bbc2be; font-size:12px; font-weight:700; }.tlvlc__modal-card input { display:block; width:100%; margin-top:6px; border:1px solid #3e4843; border-radius:7px; padding:12px; color:#fff; background:#0e1412; outline:none; }.tlvlc__modal-card form>button { margin-top:4px; }.tlvlc__modal-card>p { margin:15px 0 0; color:#77827c; font-size:10px; }
.tlvlc--no-chat .tlvlc__layout { grid-template-columns:1fr; }.tlvlc--no-chat .tlvlc__side { display:none; }
.tlvlc-admin-warning { border-left:4px solid #dba617; padding:12px; background:#fff5cf; color:#3c3214; }
@media (max-width:980px) { .tlvlc__layout { grid-template-columns:1fr; }.tlvlc__side { min-height:680px; }.tlvlc__video-shell { max-height:none; }.tlvlc__scoreboard { width:84%; }.tlvlc__teams { gap:10px; }.tlvlc__team-mark { width:44px; height:44px; flex-basis:44px; } }
@media (max-width:560px) { .tlvlc__layout { gap:8px; }.tlvlc__broadcast-nav { min-height:54px; }.tlvlc__broadcast-nav button { gap:5px; font-size:10px; }.tlvlc__presenter-bar { padding:8px; }.tlvlc__primary-button { padding:8px; font-size:9px; }.tlvlc__presenter-avatar { width:39px; height:39px; flex-basis:39px; }.tlvlc__scoreboard { width:92%; padding:25px 10px; }.tlvlc__teams strong { font-size:14px; }.tlvlc__teams { margin:20px 0 12px; }.tlvlc__match-footer { align-items:flex-start; flex-direction:column; }.tlvlc__presenter-switcher { width:100%; }.tlvlc__tabs { min-height:66px; }.tlvlc__tabs button { font-size:8px; }.tlvlc__rosters,.tlvlc__injuries { grid-template-columns:1fr; }.tlvlc__h2h>div { grid-template-columns:50px minmax(0,1fr) 42px minmax(0,1fr); }.tlvlc__modal { padding:10px; }.tlvlc__modal-card { max-height:calc(100dvh - 20px); padding:27px 18px; } }

/* Gavang-style mobile live center. Desktop layout remains unchanged. */
.tlvlc__mobile-tabs,
.tlvlc__mobile-only-panel {
  display: none;
}

@media (max-width: 767px) {
  .tlvlc {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }

  .tlvlc__layout {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .tlvlc__broadcast,
  .tlvlc__side {
    width: 100%;
    min-width: 0;
    border: 0;
    border-radius: 0;
  }

  .tlvlc__broadcast-nav,
  .tlvlc__presenter-bar,
  .tlvlc__match-footer,
  .tlvlc__tabs {
    display: none !important;
  }

  .tlvlc__video-shell {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    border-radius: 0;
  }

  .tlvlc__video,
  .tlvlc__video-fallback,
  .tlvlc__simulation {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }

  .tlvlc__mobile-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
    min-height: 76px;
    overflow: hidden;
    background: #202033;
    border-bottom: 1px solid #34344b;
  }

  .tlvlc__mobile-tabs button {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 9px 2px 11px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #999aa1;
    background: transparent;
    border: 0;
    border-radius: 0;
    font: 800 8px/1.1 inherit;
    letter-spacing: .1px;
    text-align: center;
  }

  .tlvlc__mobile-tabs button i {
    display: block;
    color: currentColor;
    font: normal 22px/1 inherit;
  }

  .tlvlc__mobile-tabs button.is-active {
    color: #ffe046;
    background: linear-gradient(145deg, #256b46, #489565);
  }

  .tlvlc__mobile-tabs button.is-active::after {
    position: absolute;
    right: 18%;
    bottom: 0;
    left: 18%;
    height: 4px;
    content: '';
    background: #ffe14a;
    border-radius: 4px 4px 0 0;
  }

  .tlvlc__promo-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 12px 14px;
    background: #122343;
    border-bottom: 2px solid #24518d;
  }

  .tlvlc__promo-row a {
    min-width: 0;
    min-height: 48px;
    padding: 8px 10px;
    font-size: 15px;
    white-space: normal;
  }

  .tlvlc__panel-wrap {
		height: 230px;
		min-height: 230px;
		flex: 0 0 230px;
    overflow: auto;
    background: #171919;
    scrollbar-width: thin;
  }

  .tlvlc__panel {
    min-height: 100%;
    padding: 18px 14px;
  }

  .tlvlc__mobile-only-panel.is-active {
    display: block;
  }

  .tlvlc__side:not([data-mobile-active='chat']) .tlvlc__composer {
    display: none;
  }

  .tlvlc__composer {
    position: sticky;
    z-index: 20;
    bottom: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: #121414;
    border-top: 1px solid #393b3b;
  }

  .tlvlc__userbar {
    min-width: 0;
    padding: 0;
    background: transparent;
    border: 0;
  }

  .tlvlc__userbar .tlvlc__user {
    display: none;
  }

  .tlvlc__user-actions button {
    min-width: 70px;
    min-height: 54px;
    padding: 8px;
    border-radius: 8px;
    font-size: 12px;
  }

  .tlvlc__chat-form {
    min-width: 0;
    margin: 0;
  }

  .tlvlc__mobile-presenters {
    display: grid;
    gap: 10px;
    margin-top: 16px;
  }

  .tlvlc__mobile-presenters > button {
    display: grid;
    grid-template-columns: 12px 1fr;
    gap: 2px 10px;
    padding: 15px;
    color: #f4f4f4;
    background: #272a29;
    border: 1px solid #3b403d;
    border-radius: 10px;
    text-align: left;
  }

  .tlvlc__mobile-presenters > button.is-active {
    background: #263d2e;
    border-color: #55a86c;
  }

  .tlvlc__mobile-presenters strong {
    font-size: 16px;
  }

  .tlvlc__mobile-presenters small {
    grid-column: 2;
    color: #9ca19e;
  }

  .tlvlc__mobile-presenter-dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    background: #4fd578;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(79, 213, 120, .1);
  }

  .tlvlc__mobile-simulate {
    width: 100%;
    margin: 0 0 16px;
    padding: 13px 14px;
    color: #111;
    background: #ffe044;
    border: 0;
    border-radius: 8px;
    font-weight: 900;
  }

  .tlvlc__mobile-simulation {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 390 / 342;
    margin: 0 0 14px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #080b0a;
  }

  .tlvlc__mobile-simulation[hidden] {
    display: none !important;
  }

  .tlvlc__mobile-simulation > iframe,
  .tlvlc__mobile-simulation > .tlvlc__simulation-empty {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
  }

  .tlvlc__related-list {
    display: grid;
    gap: 9px;
    margin-top: 14px;
  }

  .tlvlc__related-match {
    display: grid;
    grid-template-columns: 46px 1fr 24px 1fr;
    align-items: center;
    gap: 7px;
    min-height: 66px;
    padding: 8px;
    color: #f0f0f0;
    background: #232625;
    border: 1px solid #343837;
    border-radius: 8px;
    text-decoration: none;
  }

  .tlvlc__related-time {
    color: #9ca09e;
    font-size: 10px;
    text-align: center;
  }

  .tlvlc__related-team {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
  }

  .tlvlc__related-team img,
  .tlvlc__related-team i {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    object-fit: contain;
    border-radius: 50%;
  }

  .tlvlc__related-team b {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__related-match em {
    color: #f2a51b;
    font: normal 800 11px/1 inherit;
    text-align: center;
  }
}

/* Desktop polish: remove dead gutters and neutralize Flatsome form defaults. */
@media (min-width: 1024px) {
  .tlvlc {
    width: min(1320px, 100vw) !important;
  }

  .tlvlc__layout {
    width: 100% !important;
    padding-inline: 0 !important;
    grid-template-columns: minmax(0, 1fr) 360px;
    border-radius: 10px;
    overflow: hidden;
  }

  .tlvlc__broadcast,
  .tlvlc__side {
    min-width: 0;
  }

  .tlvlc .tlvlc__composer {
    display: grid;
    grid-template-rows: 30px 40px;
    gap: 4px;
    height: 86px;
    padding: 6px 8px;
    box-sizing: border-box;
  }

  .tlvlc .tlvlc__userbar {
    min-width: 0;
    height: 30px;
    min-height: 30px;
    margin: 0 !important;
    overflow: hidden;
  }

  .tlvlc .tlvlc__chat-form {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) 54px;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 0 !important;
    padding: 0;
  }

  .tlvlc .tlvlc__chat-form > button,
  .tlvlc .tlvlc__chat-form > input {
    min-width: 0;
    height: 40px;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .tlvlc .tlvlc__chat-form > button {
    padding: 0 !important;
    line-height: 1;
  }

  .tlvlc .tlvlc__chat-form > button:first-child {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
  }

  .tlvlc .tlvlc__chat-form > input {
    width: 100%;
    padding-inline: 10px;
  }

  .tlvlc .tlvlc__chat-form > button:last-child {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
  }
}

/* Geometry measured against Gavang33's live center at 1280px and 1440px. */
@media (min-width: 981px) {
  .tlvlc {
    position: relative;
    left: 50%;
    width: min(1360px, 100vw);
    transform: translateX(-50%);
  }

  .gavang33live.gavang33live--live.tlvlc {
    z-index: 1;
  }

  .tlvlc__layout {
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 12px;
    padding: 0 20px;
  }

  .tlvlc__broadcast {
    border: 0;
    box-shadow: inset 0 0 0 1px var(--tlvlc-line);
  }

  .tlvlc__side {
    width: 360px;
    min-height: 0;
  }

  .tlvlc__broadcast-nav {
    height: 56px;
    min-height: 56px;
  }

  .tlvlc__presenter-bar {
    height: 52px;
    min-height: 52px;
    padding: 6px 12px;
  }

  .tlvlc__presenter-avatar {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }

  .tlvlc__presenter-current strong {
    font-size: 13px;
  }

  .tlvlc__video-shell {
    max-height: none;
    aspect-ratio: 16 / 9;
  }

  .tlvlc__match-footer {
    height: 45px;
    min-height: 45px;
    gap: 10px;
    padding: 5px 12px;
  }

  .tlvlc__contact,
  .tlvlc__presenter-switcher button {
    padding: 6px 13px;
    font-size: 11px;
  }

  .tlvlc__tabs {
    height: 54px;
    min-height: 54px;
  }

  .tlvlc__tabs button {
    gap: 2px;
    font-size: 9px;
  }

  .tlvlc__tabs button i {
    font-size: 17px;
  }

  .tlvlc__promo-row {
    height: 40px;
    min-height: 40px;
    gap: 8px;
    padding: 5px 10px;
  }

  .tlvlc__promo-row a {
    min-height: 30px;
    padding: 3px 7px;
    font-size: 11px;
  }

  .tlvlc__composer {
    height: 86px;
    min-height: 86px;
    padding: 6px 8px;
  }

  .tlvlc__userbar {
    height: 29px;
    margin-bottom: 4px;
  }

  .tlvlc__user > span {
    width: 28px;
    height: 28px;
  }

  .tlvlc__chat-form {
    height: 39px;
  }

  .tlvlc__chat-form input,
  .tlvlc__chat-form button {
    height: 39px;
    min-height: 0;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .tlvlc__layout {
    gap: 0;
  }

  .tlvlc__broadcast {
    box-shadow: none;
  }

  .tlvlc__side {
    min-height: 0;
  }

  .tlvlc__mobile-tabs {
    height: 49px;
    min-height: 49px;
  }

  .tlvlc__mobile-tabs button {
    height: 48px;
    min-height: 0;
    margin: 0;
    padding: 4px 1px 5px;
    gap: 2px;
    font-family: inherit;
    font-size: 7px;
    font-weight: 800;
    line-height: 1.1;
  }

  .tlvlc__mobile-tabs button i {
    font-size: 17px;
    line-height: 1;
  }

  .tlvlc__promo-row {
    height: 40px;
    min-height: 40px;
    padding: 5px 10px;
  }

  .tlvlc__promo-row a {
    height: 30px;
    min-height: 30px;
    padding: 3px 7px;
    font-size: 11px;
  }

  .tlvlc__panel-wrap {
    height: clamp(330px, 45svh, 520px);
    min-height: clamp(330px, 45svh, 520px);
    flex-basis: clamp(330px, 45svh, 520px);
  }

  .tlvlc__composer {
    min-height: 72px;
    padding: 10px;
  }

  .tlvlc__userbar {
    height: 52px;
    margin: 0;
  }

  .tlvlc__user-actions button {
    height: 52px;
    min-height: 52px;
  }

  .tlvlc__chat-form,
  .tlvlc__chat-form input,
  .tlvlc__chat-form button {
    min-height: 52px;
    margin: 0;
  }
}

/* Exact Gavang33 iconography and computed UI styling. */
.tlvlc {
  --tlvlc-reference-yellow: #ffe400;
  font-family: Arial, sans-serif;
}

.tlvlc__broadcast-nav {
  border-radius: 6px 6px 0 0;
  background: #2a2a2a;
}

.tlvlc__broadcast-nav button {
  gap: 4px;
  padding: 12px 8px;
  color: #ccc;
  font: 700 13px/1 Arial, sans-serif;
}

.tlvlc__broadcast-nav button.is-active {
  color: var(--tlvlc-reference-yellow);
  background: linear-gradient(135deg, #1a5a3a, #2d8659);
}

.tlvlc__pulse,
.tlvlc__nav-icon,
.tlvlc__tabs button i,
.tlvlc__mobile-tabs button i {
  display: block;
  flex: 0 0 auto;
  color: inherit;
  background-color: currentColor;
  background-image: none;
  font-size: 0;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.tlvlc__pulse {
  width: 14px;
  height: 18px;
  border-radius: 0;
  box-shadow: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath d='M12 1C7 5 7 13 12 17M8 4C5 7 5 11 8 14M2 1C7 5 7 13 2 17' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath d='M12 1C7 5 7 13 12 17M8 4C5 7 5 11 8 14M2 1C7 5 7 13 2 17' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.tlvlc__broadcast-nav button[data-action="simulate"] .tlvlc__nav-icon {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5zm10 0v14M2 9h4v6H2m20-6h-4v6h4M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 5h20v14H2V5zm10 0v14M2 9h4v6H2m20-6h-4v6h4M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
}

.tlvlc__broadcast-nav button[data-action="share"] .tlvlc__nav-icon {
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7A3.2 3.2 0 0 0 9 12c0-.24-.04-.47-.09-.7l7.05-4.11A3 3 0 1 0 15 5c0 .24.04.47.09.7L8.04 9.81A3 3 0 1 0 8.04 14.19l7.12 4.16A3 3 0 1 0 18 16.08z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7A3.2 3.2 0 0 0 9 12c0-.24-.04-.47-.09-.7l7.05-4.11A3 3 0 1 0 15 5c0 .24.04.47.09.7L8.04 9.81A3 3 0 1 0 8.04 14.19l7.12 4.16A3 3 0 1 0 18 16.08z'/%3E%3C/svg%3E");
}

.tlvlc__tabs button i,
.tlvlc__mobile-tabs button i {
  width: 18px;
  height: 18px;
}

.tlvlc__tabs button:nth-child(1) i,
.tlvlc__mobile-tabs button:nth-child(1) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.tlvlc__mobile-tabs button:nth-child(2) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.8 4.8 0 1 0 0-9.6 4.8 4.8 0 0 0 0 9.6zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12a4.8 4.8 0 1 0 0-9.6 4.8 4.8 0 0 0 0 9.6zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E");
}

.tlvlc__tabs button:nth-child(2) i,
.tlvlc__mobile-tabs button:nth-child(3) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}

.tlvlc__tabs button:nth-child(3) i,
.tlvlc__mobile-tabs button:nth-child(4) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.tlvlc__tabs button:nth-child(4) i,
.tlvlc__mobile-tabs button:nth-child(5) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm0 16H5V8h14v11zM9 10H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z'/%3E%3C/svg%3E");
}

.tlvlc__mobile-tabs button:nth-child(6) i {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-7 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm7 13H5v-.23c0-.62.28-1.2.76-1.58A10 10 0 0 1 12 15a10 10 0 0 1 6.24 2.19c.48.38.76.97.76 1.58V19z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-7 3a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7zm7 13H5v-.23c0-.62.28-1.2.76-1.58A10 10 0 0 1 12 15a10 10 0 0 1 6.24 2.19c.48.38.76.97.76 1.58V19z'/%3E%3C/svg%3E");
}

.tlvlc__tabs,
.tlvlc__mobile-tabs {
  background: #1a1a2e;
  border-bottom-color: #2d2d2d;
}

.tlvlc__tabs button,
.tlvlc__mobile-tabs button {
  position: relative;
  color: #888;
  font-family: Arial, sans-serif;
}

.tlvlc__tabs button.is-active,
.tlvlc__mobile-tabs button.is-active {
  color: var(--tlvlc-reference-yellow);
  background: linear-gradient(135deg, #1a5a3a, #2d8659);
}

.tlvlc__tabs button.is-active::after,
.tlvlc__mobile-tabs button.is-active::after {
  right: 14px;
  bottom: 0;
  left: auto;
  width: 20px;
  height: 2px;
  border-radius: 0;
  background: var(--tlvlc-reference-yellow);
}

.tlvlc__presenter-bar {
  background: #1a1a1a;
}

.tlvlc__primary-button {
  border-radius: 4px;
  padding: 6px 14px;
  font: 700 11px/1.15 Arial, sans-serif;
}

.tlvlc__promo-row a {
  font-size: 0;
}

.tlvlc__promo-row a::before {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  content: '';
  background: currentColor;
  -webkit-mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.25 1.01l-2.2 2.2z'/%3E%3C/svg%3E");
  mask: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.46.57 3.58a1 1 0 0 1-.25 1.01l-2.2 2.2z'/%3E%3C/svg%3E");
}

.tlvlc__promo-row a:last-child::before {
	display: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.92 6h-3.03a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4c.83 1.2 1.47 2.53 1.87 4h-3.74A13.7 13.7 0 0 1 12 4zM4.26 14a7.8 7.8 0 0 1 0-4h3.42a16.5 16.5 0 0 0 0 4H4.26zm.82 2h3.03c.3 1.27.77 2.47 1.38 3.56A8.03 8.03 0 0 1 5.08 16zM8.11 8H5.08a8.03 8.03 0 0 1 4.41-3.56A15.7 15.7 0 0 0 8.11 8zM12 20a13.7 13.7 0 0 1-1.87-4h3.74A13.7 13.7 0 0 1 12 20zm2.26-6H9.74a14.5 14.5 0 0 1 0-4h4.52a14.5 14.5 0 0 1 0 4zm.25 5.56A15.7 15.7 0 0 0 15.89 16h3.03a8.03 8.03 0 0 1-4.41 3.56zM16.32 14a16.5 16.5 0 0 0 0-4h3.42a7.8 7.8 0 0 1 0 4h-3.42z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.92 6h-3.03a15.7 15.7 0 0 0-1.38-3.56A8.03 8.03 0 0 1 18.92 8zM12 4c.83 1.2 1.47 2.53 1.87 4h-3.74A13.7 13.7 0 0 1 12 4zM4.26 14a7.8 7.8 0 0 1 0-4h3.42a16.5 16.5 0 0 0 0 4H4.26zm.82 2h3.03c.3 1.27.77 2.47 1.38 3.56A8.03 8.03 0 0 1 5.08 16zM8.11 8H5.08a8.03 8.03 0 0 1 4.41-3.56A15.7 15.7 0 0 0 8.11 8zM12 20a13.7 13.7 0 0 1-1.87-4h3.74A13.7 13.7 0 0 1 12 20zm2.26-6H9.74a14.5 14.5 0 0 1 0-4h4.52a14.5 14.5 0 0 1 0 4zm.25 5.56A15.7 15.7 0 0 0 15.89 16h3.03a8.03 8.03 0 0 1-4.41 3.56zM16.32 14a16.5 16.5 0 0 0 0-4h3.42a7.8 7.8 0 0 1 0 4h-3.42z'/%3E%3C/svg%3E");
}

.tlvlc__promo-row a span {
  font: 800 11px/1 Arial, sans-serif;
}

@media (min-width: 981px) {
  .tlvlc__presenter-avatar {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .tlvlc__tabs button {
    gap: 4px;
    padding: 10px 4px;
    font-size: 9px;
  }
}

/* Desktop guard: keep Flatsome button typography from stretching compact live controls. */
@media (min-width: 768px) {
  .tlvlc .tlvlc__match-footer {
    display: flex !important;
    width: 100%;
    height: 46px;
    min-height: 46px;
    align-items: center !important;
    justify-content: flex-start;
    flex-direction: row !important;
    gap: 8px;
    padding: 6px 12px;
    overflow: hidden;
  }

  .tlvlc .tlvlc__contact,
  .tlvlc .tlvlc__presenter-switcher button {
    width: auto;
    height: 32px;
    min-height: 32px;
    margin: 0;
    padding: 0 13px !important;
    border-radius: 999px;
    font: 700 11px/30px Arial, sans-serif !important;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
  }

  .tlvlc .tlvlc__contact {
    display: block;
    min-width: 0;
    max-width: 190px;
    overflow: hidden;
    flex: 0 1 auto;
    text-overflow: ellipsis;
  }

  .tlvlc .tlvlc__presenter-switcher {
    display: flex;
    width: auto !important;
    min-width: 0;
    max-width: calc(100% - 130px);
    align-items: center;
    flex: 0 1 auto;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }

  .tlvlc .tlvlc__presenter-switcher::-webkit-scrollbar {
    display: none;
  }

  .tlvlc .tlvlc__presenter-switcher button {
    max-width: 150px;
    overflow: hidden;
    flex: 0 0 auto;
    text-overflow: ellipsis;
  }

  .tlvlc .tlvlc__tabs {
    display: grid !important;
    height: 60px;
    min-height: 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
  }

  .tlvlc .tlvlc__tabs button {
    display: flex !important;
    min-width: 0;
    min-height: 60px;
    margin: 0;
    padding: 6px 2px !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: hidden;
    font: 800 10px/1 Arial, sans-serif !important;
    letter-spacing: 0;
    white-space: nowrap;
  }

  .tlvlc .tlvlc__tabs button i {
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex: 0 0 18px;
  }

  .tlvlc .tlvlc__tabs button span {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font: 800 10px/1.1 Arial, sans-serif !important;
    letter-spacing: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .tlvlc__mobile-tabs {
    height: 48.5px;
    min-height: 48.5px;
    background: #1a1a2e;
    border-bottom: 1px solid #2d2d2d;
  }

  .tlvlc__mobile-tabs button {
    width: auto;
    height: 46.5px;
    padding: 8px 12px;
    gap: 2px;
    font: 400 10px/1 Arial, sans-serif;
  }

  .tlvlc__mobile-tabs button i {
    width: 18px;
    height: 18px;
  }

  .tlvlc__mobile-tabs button span {
    font: 700 7px/1 Arial, sans-serif;
    white-space: nowrap;
  }

  .tlvlc__panel-wrap,
  .tlvlc__panel {
    background: #1a1a1a;
  }
}

/* Responsive match-data panels for narrow Flatsome columns. */
.tlvlc__data-panel {
  container-type: inline-size;
}

.tlvlc__panel {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.tlvlc__lineup-summary,
.tlvlc__rosters,
.tlvlc__injuries {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.tlvlc__lineup-summary > div,
.tlvlc__roster,
.tlvlc__injury {
  min-width: 0;
}

.tlvlc__lineup-summary strong,
.tlvlc__roster h4,
.tlvlc__injury h4 {
  overflow-wrap: anywhere;
}

.tlvlc__rosters,
.tlvlc__injuries {
  align-items: start;
}

.tlvlc__roster > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) minmax(18px, auto);
  align-items: center;
  overflow: hidden;
}

.tlvlc__roster > div > span,
.tlvlc__roster > div > p,
.tlvlc__roster > div > b {
  min-width: 0;
}

.tlvlc__roster > div > b {
  justify-self: end;
  text-align: right;
}

.tlvlc__injury p {
  overflow-wrap: anywhere;
}

.tlvlc__injury .tlvlc__empty {
  min-height: 96px;
  align-content: center;
  padding: 14px 10px;
}

.tlvlc__h2h img {
  flex: 0 0 21px;
}

@container (max-width: 420px) {
  .tlvlc__mode-tabs button {
    min-width: 0;
    padding-inline: 3px;
    line-height: 1.2;
    white-space: normal;
  }

  .tlvlc__h2h > div {
    grid-template-columns: 64px minmax(0, 1fr) 48px minmax(0, 1fr);
    gap: 6px;
    min-height: 58px;
    padding: 8px;
  }

  .tlvlc__h2h > div > time {
    min-width: 0;
    line-height: 1;
    white-space: nowrap;
  }

  .tlvlc__h2h span {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    line-height: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__h2h span:first-of-type {
    padding-right: 27px;
    text-align: right;
  }

  .tlvlc__h2h span:last-of-type {
    padding-left: 27px;
    text-align: left;
  }

  .tlvlc__h2h span img {
    position: absolute;
    top: 50%;
    width: 21px;
    height: 21px;
    transform: translateY(-50%);
  }

  .tlvlc__h2h span:first-of-type img {
    right: 0;
  }

  .tlvlc__h2h span:last-of-type img {
    left: 0;
  }
}

/* Mobile composer and related-match polish. */
@media (max-width: 767px) {
  .tlvlc .tlvlc__composer {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 8px;
    min-height: 72px;
    padding: 10px;
    overflow: hidden;
  }

  .tlvlc .tlvlc__userbar {
    width: 84px;
    min-width: 84px;
    height: 52px;
  }

  .tlvlc .tlvlc__user-actions {
    width: 100%;
    min-width: 0;
  }

  .tlvlc .tlvlc__user-actions button {
    width: 100%;
    min-width: 0;
    height: 52px;
    padding: 0 6px;
    overflow: hidden;
    font-size: 11px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc .tlvlc__user-actions button[data-action="logout"] {
    font-size: 9px;
  }

  .tlvlc .tlvlc__chat-form {
    grid-template-columns: 28px minmax(0, 1fr) 54px;
    gap: 6px;
    width: 100%;
    height: 52px;
    overflow: hidden;
  }

  .tlvlc .tlvlc__chat-form > button,
  .tlvlc .tlvlc__chat-form > input {
    min-width: 0;
    height: 52px;
    margin: 0;
  }

  .tlvlc .tlvlc__chat-form > button:first-child {
    width: 28px;
    min-width: 28px;
    max-width: 28px;
    padding: 0;
    font-size: 19px;
  }

  .tlvlc .tlvlc__chat-form > input {
    width: 100%;
    padding: 0 12px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
  }

  .tlvlc .tlvlc__chat-form > button:last-child {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    padding: 0;
    font-size: 13px;
  }

  .tlvlc .tlvlc__panel-wrap,
  .tlvlc .tlvlc__panel {
    overflow-x: hidden;
    scrollbar-width: none;
  }

  .tlvlc .tlvlc__panel-wrap::-webkit-scrollbar,
  .tlvlc .tlvlc__panel::-webkit-scrollbar {
    display: none;
  }

  .tlvlc__panel[data-panel="matches"] > h3 {
    margin: 4px 0 14px;
    color: var(--tlvlc-accent);
    font-size: 17px;
    line-height: 1.2;
  }

  .tlvlc__related-list {
    gap: 10px;
    margin-top: 0;
  }

  .tlvlc__related-match {
    grid-template-columns: 50px minmax(0, 1fr) 30px minmax(0, 1fr);
    gap: 8px;
    min-width: 0;
    min-height: 72px;
    padding: 10px;
    overflow: hidden;
    border-color: #3a403d;
    background: linear-gradient(135deg, #222625, #1d211f);
  }

  .tlvlc__related-time {
    min-width: 0;
    color: #a8afab;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
    white-space: pre-line;
  }

  .tlvlc__related-team {
    width: 100%;
    min-width: 0;
    gap: 6px;
    overflow: hidden;
  }

  .tlvlc__related-team img,
  .tlvlc__related-team i {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
  }

  .tlvlc__related-team b {
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__related-match em {
    font-size: 14px;
  }
}

/* Mobile reference parity: v1.5.0 */
@media (max-width: 767px) {
  .tlvlc {
    --tlvlc-mobile-yellow: #ffe000;
    --tlvlc-mobile-green: #367b53;
    --tlvlc-mobile-ink: #111614;
    --tlvlc-mobile-panel: #151817;
    --tlvlc-mobile-card: #242826;
    --tlvlc-mobile-muted: #969b98;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: var(--tlvlc-mobile-ink);
    -webkit-tap-highlight-color: transparent;
  }

  .tlvlc *,
  .tlvlc *::before,
  .tlvlc *::after {
    box-sizing: border-box;
  }

  .tlvlc button,
  .tlvlc a {
    touch-action: manipulation;
  }

  .tlvlc__side {
    min-width: 0;
    overflow: hidden;
    background: var(--tlvlc-mobile-panel);
  }

  .tlvlc__mobile-tabs {
    position: relative;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
    height: 49px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #252525;
    border: 0;
    border-bottom: 1px solid #363a38;
  }

  .tlvlc__mobile-tabs button {
    position: relative;
    display: flex;
    min-width: 0;
    height: 48px;
    padding: 6px 2px 5px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    border: 0;
    border-radius: 0;
    outline: 0;
    color: #929292;
    background: transparent;
    box-shadow: none;
    font-family: Arial, sans-serif;
    line-height: 1;
    cursor: pointer;
    transition: color 160ms ease, background-color 160ms ease, transform 100ms ease;
  }

  .tlvlc__mobile-tabs button::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 20px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--tlvlc-mobile-yellow);
    content: '';
    opacity: 0;
    transform: translateX(-50%) scaleX(.3);
    transition: opacity 160ms ease, transform 160ms ease;
  }

  .tlvlc__mobile-tabs button i {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    color: inherit;
    font-size: 0;
    line-height: 0;
    background-color: currentColor;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .tlvlc__mobile-tabs button span {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: 9px;
    font-weight: 700;
    line-height: 11px;
    letter-spacing: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__mobile-tabs button.is-active {
    color: var(--tlvlc-mobile-yellow);
    background: linear-gradient(180deg, #3c8059 0%, #34714f 100%);
  }

  .tlvlc__mobile-tabs button.is-active::after {
    opacity: 1;
    transform: translateX(-50%) scaleX(1);
  }

  .tlvlc__mobile-tabs button:active {
    transform: scale(.94);
  }

  .tlvlc__panel-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
    overscroll-behavior: contain;
    background: var(--tlvlc-mobile-panel);
  }

  .tlvlc__side[data-mobile-active='chat'] .tlvlc__panel-wrap {
    height: clamp(360px, calc(100svh - 405px), 480px);
  }

  .tlvlc__side:not([data-mobile-active='chat']) .tlvlc__panel-wrap {
    height: clamp(430px, calc(100svh - 308px), 536px);
  }

  .tlvlc__panel,
  .tlvlc__data-panel {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .tlvlc__panel {
    padding: 0;
    background: var(--tlvlc-mobile-panel);
  }

  .tlvlc__panel.is-active {
    animation: tlvlc-mobile-panel-in 180ms ease-out both;
  }

  .tlvlc__data-panel,
  .tlvlc__mobile-only-panel:not([data-panel='matches']) {
    padding: 12px;
  }

  .tlvlc__side:not([data-mobile-active='chat']) .tlvlc__promo,
  .tlvlc__side:not([data-mobile-active='chat']) .tlvlc__chat-promo {
    display: none !important;
  }

  .tlvlc__side[data-mobile-active='chat'] .tlvlc__promo,
  .tlvlc__side[data-mobile-active='chat'] .tlvlc__chat-promo {
    display: flex;
    min-height: 40px;
    padding: 5px 10px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #14294f;
  }

  .tlvlc__promo > a:only-child,
  .tlvlc__chat-promo > a:only-child {
    width: min(100%, 370px);
    min-height: 30px;
    margin: 0 auto;
    justify-content: center;
  }

  .tlvlc__composer,
  .tlvlc__chat-composer {
    position: sticky;
    z-index: 7;
    bottom: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) 76px;
    width: 100%;
    min-height: 57px;
    padding: 8px 10px;
    align-items: center;
    gap: 8px;
    background: #101513;
    border-top: 1px solid #373d3a;
  }

  .tlvlc__composer input,
  .tlvlc__chat-composer input,
  .tlvlc__chat-input {
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #505955;
    border-radius: 7px;
    outline: 0;
    color: #f4f4f4;
    background: #252a28;
    font-size: 15px;
    line-height: 40px;
    box-shadow: none;
  }

  .tlvlc__composer input:focus,
  .tlvlc__chat-composer input:focus,
  .tlvlc__chat-input:focus {
    border-color: #7d9988;
    box-shadow: 0 0 0 2px rgba(125, 153, 136, .18);
  }

  .tlvlc__composer button,
  .tlvlc__chat-composer button,
  .tlvlc__send {
    min-height: 40px;
  }

  .tlvlc__send,
  .tlvlc__composer [type='submit'],
  .tlvlc__chat-composer [type='submit'] {
    width: 76px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: #2e653d;
    font-size: 16px;
    font-weight: 800;
    line-height: 40px;
    text-align: center;
  }

  .tlvlc__send:active,
  .tlvlc__composer [type='submit']:active,
  .tlvlc__chat-composer [type='submit']:active {
    transform: scale(.96);
    background: #3c7c4d;
  }

  .tlvlc__mobile-only-panel[data-panel='presenters'] > h3 {
    margin: 0 0 10px;
    color: #898e8b;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-transform: none;
  }

  .tlvlc__mobile-presenters {
    display: grid;
    width: 100%;
    gap: 8px;
  }

  .tlvlc__mobile-presenters > button {
    position: relative;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) 22px;
    grid-template-rows: 21px 17px;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 9px 12px;
    column-gap: 10px;
    align-items: center;
    border: 1px solid #343a37;
    border-radius: 8px;
    color: #ededed;
    background: #232725;
    text-align: left;
    box-shadow: none;
    transition: border-color 150ms ease, background-color 150ms ease, transform 100ms ease;
  }

  .tlvlc__mobile-presenters > button.is-active {
    border-color: #42a162;
    background: linear-gradient(90deg, rgba(42, 112, 67, .42), #252a27 72%);
  }

  .tlvlc__mobile-presenters > button:active {
    transform: scale(.985);
  }

  .tlvlc__mobile-presenter-dot {
    grid-column: 1;
    grid-row: 1 / 3;
    display: grid;
    width: 40px;
    height: 40px;
    overflow: hidden;
    place-items: center;
    border: 2px solid #56615b;
    border-radius: 50%;
    background: linear-gradient(145deg, #26352e, #101513);
  }

  .tlvlc__mobile-presenter-dot::before {
    color: #abb3ae;
    font-size: 15px;
    font-weight: 800;
    content: 'BLV';
  }

  .tlvlc__mobile-presenter-dot:has(img)::before {
    display: none;
  }

  .tlvlc__mobile-presenter-dot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tlvlc__mobile-presenters strong {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    overflow: hidden;
    color: #f0f0f0;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__mobile-presenters .is-active strong {
    color: var(--tlvlc-mobile-yellow);
  }

  .tlvlc__mobile-presenters small {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    overflow: hidden;
    color: #919793;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__mobile-presenter-check {
    grid-column: 3;
    grid-row: 1 / 3;
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border: 1px solid #5b645f;
    border-radius: 50%;
    color: transparent;
    font-size: 12px;
    line-height: 1;
  }

  .tlvlc__mobile-presenters .is-active .tlvlc__mobile-presenter-check {
    border-color: var(--tlvlc-mobile-yellow);
    color: #1c251f;
    background: var(--tlvlc-mobile-yellow);
  }

  .tlvlc__lineup-summary,
  .tlvlc__lineup-head {
    width: 100%;
    min-height: 46px;
    margin: 0 0 15px;
    padding: 9px 12px;
    border-radius: 0;
    background: #292d2b;
  }

  .tlvlc__lineup-summary strong,
  .tlvlc__lineup-head strong {
    min-width: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__lineup-summary small,
  .tlvlc__lineup-head small {
    font-size: 10px;
    line-height: 13px;
  }

  .tlvlc__lineup-modes,
  .tlvlc__lineup-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    min-height: 48px;
    margin: 0 0 14px;
    padding: 0;
    gap: 0;
    background: #2c2f2e;
  }

  .tlvlc__lineup-modes button,
  .tlvlc__lineup-tabs button {
    position: relative;
    min-width: 0;
    min-height: 48px;
    padding: 7px 3px 6px;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    color: #9b9f9c;
    background: transparent;
    font-size: 10px;
    font-weight: 800;
    line-height: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__lineup-modes button:nth-child(1)::before,
  .tlvlc__lineup-tabs button:nth-child(1)::before { content: '📋 '; }
  .tlvlc__lineup-modes button:nth-child(2)::before,
  .tlvlc__lineup-tabs button:nth-child(2)::before { content: '⚽ '; }
  .tlvlc__lineup-modes button:nth-child(3)::before,
  .tlvlc__lineup-tabs button:nth-child(3)::before { content: '🏥 '; }

  .tlvlc__lineup-modes button.is-active,
  .tlvlc__lineup-tabs button.is-active {
    color: var(--tlvlc-mobile-yellow);
  }

  .tlvlc__lineup-modes button.is-active::after,
  .tlvlc__lineup-tabs button.is-active::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--tlvlc-mobile-yellow);
    content: '';
  }

  .tlvlc__pitch,
  .tlvlc__formation-pitch {
    width: min(100%, 310px);
    min-height: 520px;
    margin: 0 auto;
    aspect-ratio: .58;
  }

  .tlvlc__pitch-player,
  .tlvlc__formation-player {
    transition: transform 120ms ease, filter 120ms ease;
  }

  .tlvlc__pitch-player:active,
  .tlvlc__formation-player:active {
    z-index: 4;
    transform: scale(1.1);
    filter: brightness(1.12);
  }

  .tlvlc__pitch-player img,
  .tlvlc__formation-player img {
    width: 40px;
    height: 40px;
  }

  .tlvlc__roster-columns,
  .tlvlc__injury-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .tlvlc__roster-team,
  .tlvlc__injury-team {
    min-width: 0;
  }

  .tlvlc__roster-team h4,
  .tlvlc__injury-team h4 {
    min-width: 0;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__player-card,
  .tlvlc__injury-card {
    min-width: 0;
    overflow: hidden;
  }

  .tlvlc__player-card strong,
  .tlvlc__injury-card strong,
  .tlvlc__player-card span,
  .tlvlc__injury-card span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__h2h-list {
    display: grid;
    width: 100%;
    gap: 0;
  }

  .tlvlc__h2h-row {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr) 42px minmax(0, 1fr);
    width: 100%;
    min-height: 72px;
    padding: 10px 8px;
    align-items: center;
    gap: 6px;
    overflow: hidden;
  }

  .tlvlc__h2h-row:nth-child(odd) {
    background: #20232e;
  }

  .tlvlc__h2h-row:nth-child(even) {
    background: #191c25;
  }

  .tlvlc__h2h-row time {
    color: #9b9da4;
    font-size: 12px;
    white-space: nowrap;
  }

  .tlvlc__h2h-team {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
  }

  .tlvlc__h2h-team b,
  .tlvlc__h2h-team span {
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__h2h-team img,
  .tlvlc__h2h-team i {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
  }

  .tlvlc__h2h-score,
  .tlvlc__h2h-row > strong,
  .tlvlc__h2h-row > em {
    display: grid;
    min-width: 42px;
    min-height: 34px;
    padding: 0 5px;
    place-items: center;
    border-radius: 7px;
    color: #fff;
    background: #e9a82f;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
  }

  .tlvlc__mobile-only-panel[data-panel='matches'] > h3 {
    margin: 0;
    padding: 14px 12px 8px;
    color: #dedfdf;
    font-size: 17px;
    line-height: 22px;
  }

  .tlvlc__related-list {
    display: grid;
    width: 100%;
    padding: 0;
    gap: 8px;
  }

  .tlvlc__related-list > p {
    margin: 0;
    padding: 32px 16px;
    color: var(--tlvlc-mobile-muted);
    text-align: center;
  }

  .tlvlc__related-match-card {
    position: relative;
    display: grid;
    grid-template-rows: 38px 132px 34px 49px;
    width: 100%;
    height: 255px;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #3a403d;
    border-radius: 8px;
    color: #f5f5f5;
    background:
      linear-gradient(125deg, rgba(27, 62, 69, .32) 0 22%, transparent 22% 100%),
      linear-gradient(35deg, transparent 0 58%, rgba(36, 43, 67, .4) 58% 74%, transparent 74%),
      #202231;
    text-decoration: none;
    box-shadow: none;
    isolation: isolate;
    transition: border-color 150ms ease, filter 150ms ease, transform 100ms ease;
  }

  .tlvlc__related-match-card.is-live {
    border: 2px solid #22aa61;
  }

  .tlvlc__related-match-card:active {
    transform: scale(.99);
    filter: brightness(1.08);
  }

  .tlvlc__related-competition {
    align-self: end;
    min-width: 0;
    padding: 0 16px 5px;
    overflow: hidden;
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__related-status {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    display: block;
    width: max-content;
    max-width: 150px;
    min-width: 84px;
    height: 31px;
    padding: 5px 16px 0;
    overflow: hidden;
    color: #fff;
    background: #21b963;
    clip-path: polygon(0 0, 100% 0, 86% 100%, 14% 100%);
    font-size: 11px;
    font-weight: 800;
    line-height: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateX(-50%);
  }

  .tlvlc__related-match-card:not(.is-live) .tlvlc__related-status {
    display: none;
  }

  .tlvlc__related-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr);
    min-width: 0;
    padding: 13px 14px 9px;
    align-items: center;
    gap: 7px;
  }

  .tlvlc__related-side {
    display: grid;
    min-width: 0;
    align-content: center;
    justify-items: center;
    gap: 7px;
  }

  .tlvlc__related-logo {
    display: grid;
    width: 54px;
    height: 54px;
    overflow: hidden;
    place-items: center;
    border-radius: 50%;
  }

  .tlvlc__related-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .tlvlc__related-logo i {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    color: #dfe5e1;
    background: #313934;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
  }

  .tlvlc__related-side b {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #f0f1f0;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__related-center {
    display: grid;
    min-width: 0;
    place-items: center;
    gap: 8px;
  }

  .tlvlc__related-center strong {
    display: grid;
    min-width: 72px;
    min-height: 38px;
    padding: 0 10px;
    place-items: center;
    border: 1px solid #1068ff;
    border-radius: 21px;
    color: #fff;
    background: linear-gradient(90deg, #092c8c, #1267fa);
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    white-space: nowrap;
  }

  .tlvlc__related-center small {
    display: block;
    max-width: 88px;
    padding: 3px 7px;
    overflow: hidden;
    border: 1px solid #b47a08;
    border-radius: 13px;
    color: #f1f1f1;
    background: rgba(18, 20, 27, .88);
    font-size: 10px;
    font-weight: 600;
    line-height: 14px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tlvlc__related-quick {
    display: flex;
    min-width: 0;
    padding: 0 13px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-top: 1px solid rgba(255, 255, 255, .08);
  }

  .tlvlc__related-metric {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
    color: #ff7653;
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
  }

  .tlvlc__related-metric b {
    color: #20c76a;
    font-size: 11px;
  }

  .tlvlc__related-metric i {
    position: relative;
    display: inline-block;
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
  }

  .tlvlc__related-metric.is-shot i {
    border: 2px solid #a5c941;
    border-radius: 50%;
  }

  .tlvlc__related-metric.is-shot i::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #a5c941;
    content: '';
  }

  .tlvlc__related-metric.is-corner i {
    border-left: 2px solid #d7dc26;
  }

  .tlvlc__related-metric.is-corner i::after {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 7px;
    background: #d7dc26;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
  }

  .tlvlc__related-metric.is-card i {
    width: 9px;
    height: 13px;
    border-radius: 1px;
    background: #ffd42a;
  }

  .tlvlc__related-footer {
    display: flex;
    min-width: 0;
    padding: 8px 16px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    background: rgba(20, 22, 27, .54);
  }

  .tlvlc__related-footer > b {
    color: #ffd000;
    font-size: 12px;
    font-weight: 800;
  }

  .tlvlc__related-footer img {
    width: 28px;
    height: 28px;
    border: 1px solid #53625a;
    border-radius: 50%;
    object-fit: cover;
  }

  .tlvlc__related-footer strong {
    min-width: 0;
    max-width: 180px;
    overflow: hidden;
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@keyframes tlvlc-mobile-panel-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .tlvlc__panel.is-active,
  .tlvlc__mobile-tabs button,
  .tlvlc__related-match-card,
  .tlvlc__mobile-presenters > button {
    animation: none !important;
    transition: none !important;
  }
}

/* Flatsome mobile full-bleed and contextual contact row. */
@media (max-width: 767px) {
  .tlvlc {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-right: -50vw;
    margin-left: -50vw;
  }

  .tlvlc:not([data-mobile-active='chat']) .tlvlc__match-footer {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .tlvlc__side:not([data-mobile-active='chat']) .tlvlc__promo-row {
    display: none !important;
  }

  .tlvlc__side[data-mobile-active='chat'] .tlvlc__promo-row {
    display: flex !important;
    height: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 5px 10px;
    background: #122347;
    border-bottom: 2px solid #24518d;
  }

  .tlvlc__side[data-mobile-active='chat'] .tlvlc__promo-row a:not([hidden]) {
    width: auto;
    min-width: 146px;
    height: 28px;
    min-height: 28px;
    padding: 4px 14px;
    border-radius: 18px;
    font-size: 11px;
    line-height: 1;
  }

  .tlvlc__related-competition {
    width: 52%;
    padding-right: 4px;
  }
}

@media (max-width: 767px) {
  .tlvlc__related-competition {
    width: 44%;
  }
}

/* Match summary above the live center. Measured from the reference live page. */
.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb {
  width: 100%;
  max-width: 1600px;
  margin: 0;
  padding: 14px 20px 10px;
  color: rgba(255, 255, 255, .58);
  font: 600 14px/1.5 Arial, sans-serif;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb ol {
  display: flex;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  gap: 8px;
  list-style: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb li {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
  align-items: center;
  gap: 8px;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb li:not(:last-child)::after {
  color: rgba(255, 255, 255, .32);
  content: '/';
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb a {
  color: rgba(255, 255, 255, .58);
  text-decoration: none;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb a:hover,
.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb a:focus {
  color: #fff;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb li:last-child {
  flex: 1 1 auto;
  color: rgba(255, 255, 255, .72);
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb li:last-child span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__match-header-wrapper,
.tlvlc__match-header-wrapper * {
  box-sizing: border-box;
}

.tlvlc__match-header-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 0 10px;
  padding: 0 20px;
  color: #fff;
  font-family: Arial, sans-serif;
}

.tlvlc__match-header {
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: 140px;
  margin: 0 0 15px;
  padding: 20px 30px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-radius: 16px;
  color: #fff;
  background: rgba(25, 25, 25, .6);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}

.tlvlc__mh-left {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
}

.tlvlc__mh-date-time {
  display: flex;
  min-height: 28px;
  padding: 6px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  color: #ccc;
  background: rgba(255, 255, 255, .05);
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
}

.tlvlc__mh-date-time strong {
  color: #fff;
  font-size: inherit;
  font-weight: 700;
}

.tlvlc__mh-stats {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tlvlc__mh-stat {
  display: flex;
  min-height: 28px;
  padding: 6px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 20px;
  color: #fff;
  background: rgba(255, 255, 255, .05);
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
}

.tlvlc__mh-stat span {
  color: #22c55e;
  font-size: 12px;
  font-weight: 800;
}

.tlvlc__mh-stat strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}

.tlvlc__mh-stat--corner {
  padding-right: 15px;
  padding-left: 15px;
}

.tlvlc__mh-main {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.tlvlc__mh-team {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 15px;
}

.tlvlc__mh-team > strong {
  display: block;
  max-width: 200px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__mh-logo {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
}

.tlvlc__mh-logo > img,
.tlvlc__mh-logo > i {
  grid-area: 1 / 1;
}

.tlvlc__mh-logo > img {
  position: relative;
  z-index: 2;
}

.tlvlc__mh-logo img {
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  object-fit: contain;
}

.tlvlc__mh-logo i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: #dfe5e1;
  background: #313934;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
}

.tlvlc__mh-score-wrap {
  display: flex;
  min-width: 140px;
  flex: 0 0 140px;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.tlvlc__mh-status {
  color: #8b9290;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.tlvlc__match-header.is-live .tlvlc__mh-status {
  color: #22c55e;
}

.tlvlc__mh-score {
  display: flex;
  width: 138px;
  height: 48px;
  padding: 4px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 40px;
  background: #0d0d0d;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
}

.tlvlc__match-header.is-live .tlvlc__mh-score {
  border-color: rgba(34, 197, 94, .4);
  box-shadow: 0 0 30px rgba(34, 197, 94, .15), inset 0 0 10px rgba(0, 0, 0, .5);
}

.tlvlc__mh-score strong {
  display: flex;
  width: 50px;
  height: 40px;
  flex: 1 1 50px;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  color: #fff;
  background: #272a29;
  font-size: 26px;
  font-weight: 800;
  line-height: 40px;
}

.tlvlc__match-header.is-live .tlvlc__mh-score strong {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  box-shadow: 0 4px 15px rgba(34, 197, 94, .4);
}

.tlvlc__mh-score > i {
  display: block;
  width: 4px;
  height: 4px;
  margin: 0 12px;
  flex: 0 0 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
}

.tlvlc__mh-live-time {
  min-height: 19px;
  margin-top: 2px;
  text-align: center;
}

.tlvlc__mh-live-time span {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 0 15px rgba(239, 68, 68, .4);
  font-size: 11px;
  font-weight: 800;
  line-height: 13px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .tlvlc__match-header {
    padding: 18px 20px;
  }

  .tlvlc__mh-main {
    gap: 16px;
  }

  .tlvlc__mh-team {
    gap: 10px;
  }

  .tlvlc__mh-team > strong {
    max-width: 125px;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__breadcrumb {
    padding: 10px 12px 8px;
    font-size: 12px;
  }

  .tlvlc__match-header-wrapper {
    display: none !important;
    padding: 0 8px;
  }

  .tlvlc__match-header {
    min-height: 0;
    margin-bottom: 10px;
    padding: 14px 12px 12px;
    flex-direction: column;
    gap: 13px;
    border-radius: 12px;
  }

  .tlvlc__mh-main {
    width: 100%;
    order: 1;
    gap: 8px;
  }

  .tlvlc__mh-team {
    min-width: 0;
    flex: 1 1 0;
    flex-direction: column;
    gap: 6px;
  }

  .tlvlc__mh-team--home .tlvlc__mh-logo {
    order: 1;
  }

  .tlvlc__mh-team--home > strong {
    order: 2;
  }

  .tlvlc__mh-team > strong {
    width: 100%;
    max-width: 110px;
    font-size: 13px;
    line-height: 17px;
    text-align: center;
  }

  .tlvlc__mh-logo,
  .tlvlc__mh-logo img {
    width: 44px;
    height: 44px;
  }

  .tlvlc__mh-logo {
    flex-basis: 44px;
  }

  .tlvlc__mh-score-wrap {
    min-width: 112px;
    flex-basis: 112px;
    gap: 5px;
  }

  .tlvlc__mh-status {
    font-size: 10px;
    line-height: 12px;
  }

  .tlvlc__mh-score {
    width: 112px;
    height: 44px;
  }

  .tlvlc__mh-score strong {
    width: 40px;
    height: 36px;
    flex-basis: 40px;
    font-size: 22px;
    line-height: 36px;
  }

  .tlvlc__mh-score > i {
    margin-right: 8px;
    margin-left: 8px;
  }

  .tlvlc__mh-live-time span {
    padding: 3px 8px;
    font-size: 10px;
  }

  .tlvlc__mh-left {
    width: 100%;
    padding-top: 11px;
    order: 2;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-top: 1px solid rgba(255, 255, 255, .08);
  }

  .tlvlc__mh-date-time,
  .tlvlc__mh-stat {
    min-height: 26px;
    padding: 5px 10px;
    font-size: 11px;
  }

  .tlvlc__mh-stat span {
    font-size: 10px;
  }

  .tlvlc__mh-stats {
    gap: 6px;
  }

  .tlvlc__mh-stat {
    gap: 5px;
  }
}

@media (max-width: 420px) {
  .tlvlc__match-header {
    padding-right: 8px;
    padding-left: 8px;
  }

  .tlvlc__mh-main {
    gap: 5px;
  }

  .tlvlc__mh-team > strong {
    max-width: 82px;
  }

  .tlvlc__mh-score-wrap {
    min-width: 104px;
    flex-basis: 104px;
  }

  .tlvlc__mh-score {
    width: 104px;
  }

  .tlvlc__mh-score > i {
    margin-right: 6px;
    margin-left: 6px;
  }
}

/* Detail and related matches below the live center. */
.tlvlc__bottom,
.tlvlc__bottom * {
  box-sizing: border-box;
}

.tlvlc__bottom {
  display: flex;
  width: 100%;
  margin: 20px 0 40px;
  padding: 0 20px;
  flex-direction: column;
  gap: 24px;
  color: #fff;
  font-family: Arial, sans-serif;
}

.tlvlc__bottom-section {
  min-width: 0;
  overflow: hidden;
  border-radius: 16px;
  background: rgba(25, 25, 25, .65);
  box-shadow: 0 10px 40px rgba(0, 0, 0, .4);
}

.tlvlc__bottom-title {
  display: flex;
  min-height: 49px;
  margin: 0;
  padding: 16px 24px;
  align-items: center;
  color: #ffd700;
  background: rgba(255, 255, 255, .03);
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
}

.tlvlc__match-details-body {
  padding: 24px;
  color: #bbb;
  font-size: 14.5px;
  line-height: 26.1px;
}

.tlvlc__match-details-body h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 36px;
}

.tlvlc__match-details-body p {
  display: flex;
  margin: 0 0 10px;
  align-items: baseline;
  gap: 10px;
  color: #bbb;
  font-size: 14.5px;
  line-height: 26.1px;
}

.tlvlc__match-details-body p strong {
  color: #ddd;
  font-size: inherit;
  font-weight: 700;
}

.tlvlc__match-description {
  margin-top: 15px;
  color: #cbd1ce;
  font-size: 14px;
  line-height: 25.2px;
}

.tlvlc__match-description h2,
.tlvlc__match-description h3,
.tlvlc__match-description h4 {
  margin: 22px 0 10px;
  color: #f7f9f8;
  font-weight: 700;
  line-height: 1.35;
}

.tlvlc__match-description h2 { font-size: 24px; }
.tlvlc__match-description h3 { font-size: 20px; }
.tlvlc__match-description h4 { font-size: 17px; }

.tlvlc__match-description p {
  display: block;
  margin: 0 0 12px;
  color: #cbd1ce;
  font-size: inherit;
  line-height: inherit;
}

.tlvlc__match-description ul,
.tlvlc__match-description ol {
  margin: 0 0 14px 22px;
  color: #cbd1ce;
}

.tlvlc__match-description a {
  color: #ffd21d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tlvlc__match-description a:hover,
.tlvlc__match-description a:focus { color: #ffe56a; }

.tlvlc__match-description img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.tlvlc__other-grid {
  display: grid;
  min-width: 0;
  padding: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.tlvlc__bottom-empty {
  margin: 0;
  padding: 34px 20px;
  grid-column: 1 / -1;
  color: #858b88;
  font-size: 14px;
  text-align: center;
}

.tlvlc__other-card {
  position: relative;
  display: grid;
  min-width: 0;
  height: 255px;
  overflow: hidden;
  grid-template-rows: 26px 164px 65px;
  border: 2px solid transparent;
  border-radius: 8px;
  color: #fff;
  background: #000 url('../images/matches/bg-match.png') center / cover no-repeat;
}

.tlvlc__other-card.is-live {
  border-color: #ffd707;
}

.tlvlc__other-card-link {
  position: absolute;
  z-index: 1;
  inset: 0;
}

.tlvlc__other-competition {
  display: flex;
  min-width: 0;
  padding: 5px 15px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 12px;
  line-height: 16px;
}

.tlvlc__other-competition > span:first-child {
  flex: 0 0 auto;
  font-size: 13px;
}

.tlvlc__other-competition > span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__other-body {
  display: grid;
  min-width: 0;
  grid-template-rows: minmax(0, 1fr) 31px;
}

.tlvlc__other-match-row {
  display: grid;
  min-width: 0;
  padding: 15px;
  grid-template-columns: minmax(0, 1fr) 92px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.tlvlc__other-team {
  display: grid;
  min-width: 0;
  place-items: center;
  gap: 8px;
}

.tlvlc__other-logo {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
}

.tlvlc__other-logo > img,
.tlvlc__other-logo > i {
  grid-area: 1 / 1;
}

.tlvlc__other-logo img {
  position: relative;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.tlvlc__other-logo i {
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  color: #dfe5e1;
  background: #313934;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
}

.tlvlc__other-team strong {
  display: block;
  width: 100%;
  max-width: 118px;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__other-center {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

.tlvlc__other-live-badge {
  max-width: 92px;
  padding: 2px 10px;
  overflow: hidden;
  border: 1px solid #ef8b86;
  border-radius: 4px;
  color: #ef4444;
  background: rgba(255, 255, 255, .9);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__other-score {
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  line-height: 27px;
  white-space: nowrap;
}

.tlvlc__other-time {
  display: block;
  max-width: 92px;
  padding: 4px 10px;
  overflow: hidden;
  border: 1px solid #a76d00;
  border-radius: 30px;
  color: #f4f4f4;
  background: #17191d;
  font-size: 12px;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__other-quick {
  display: flex;
  min-width: 0;
  padding: 8px 12px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.tlvlc__other-metric {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  color: #ff7653;
  font-size: 11px;
  line-height: 14px;
  white-space: nowrap;
}

.tlvlc__other-metric i {
  position: relative;
  display: inline-grid;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  place-items: center;
  color: #20c76a;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.tlvlc__other-metric em {
  color: #ff7653;
  font-size: 11px;
  font-style: normal;
}

.tlvlc__other-metric.is-shot i {
  border: 2px solid #a5c941;
  border-radius: 50%;
}

.tlvlc__other-metric.is-shot i::after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #a5c941;
  content: '';
}

.tlvlc__other-metric.is-corner i {
  border-left: 2px solid #d7dc26;
}

.tlvlc__other-metric.is-corner i::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 10px;
  height: 7px;
  background: #d7dc26;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: '';
}

.tlvlc__other-metric.is-card i {
  width: 9px;
  height: 13px;
  border-radius: 1px;
  background: #ffd42a;
}

.tlvlc__other-footer {
  position: relative;
  z-index: 2;
  display: flex;
  min-width: 0;
  padding: 10px 15px;
  align-items: center;
  gap: 10px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  background: rgba(0, 0, 0, .2);
}

.tlvlc__other-presenter {
  display: flex;
  min-width: 0;
  height: 34px;
  padding: 5px 10px;
  align-items: center;
  gap: 6px;
  border-radius: 20px;
  color: #fff;
  background: rgba(255, 255, 255, .1);
  font-size: 11px;
  line-height: 20px;
  text-decoration: none;
}

.tlvlc__other-presenter:hover {
  color: #fff;
  background: rgba(255, 255, 255, .17);
}

.tlvlc__other-presenter img {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 2px solid #21b963;
  border-radius: 50%;
  object-fit: cover;
}

.tlvlc__other-presenter span {
  display: block;
  max-width: 90px;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tlvlc__other-presenter.is-pending {
  color: #a4aaa7;
}

@media (max-width: 1024px) {
  .tlvlc__other-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .tlvlc__bottom {
    margin: 14px 0 28px;
    padding: 0 8px;
    gap: 14px;
  }

  .tlvlc__bottom-section {
    border-radius: 12px;
  }

  .tlvlc__bottom-title {
    min-height: 45px;
    padding: 14px 16px;
    font-size: 14px;
  }

  .tlvlc__match-details-body {
    padding: 18px 16px;
  }

  .tlvlc__match-details-body h3 {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 28px;
  }

  .tlvlc__match-details-body p {
    display: block;
    margin-bottom: 8px;
    line-height: 22px;
  }

  .tlvlc__match-details-body p span {
    margin-right: 6px;
  }

  .tlvlc__match-description {
    margin-top: 12px;
    line-height: 22px;
  }

  .tlvlc__match-description h2 { font-size: 20px; }
  .tlvlc__match-description h3 { font-size: 18px; }
  .tlvlc__match-description h4 { font-size: 16px; }

  .tlvlc__other-grid {
    padding: 10px;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .tlvlc__other-card {
    width: 100%;
  }
}

/* Mobile chat parity with the reference layout. Desktop rules stay unchanged. */
@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__composer {
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    height: 57px !important;
    min-height: 57px !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__userbar,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__desktop-emoji {
    display: none !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-form {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: 40px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__profile-button {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__profile-button svg {
    width: 20px !important;
    height: 20px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34.5px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: center !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34.5px !important;
    padding: 7px 35px 7px 10px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__emoji-button {
    position: absolute !important;
    top: 50% !important;
    right: 5px !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__send {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 7px 14px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: normal !important;
    text-transform: none !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    width: 100% !important;
    padding: 8px !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-line {
    display: flex !important;
    align-items: flex-start !important;
    gap: 5px !important;
    width: 100% !important;
    min-height: 28.2px !important;
    padding: 4px 8px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 30.5px !important;
    height: 18px !important;
    padding: 2px 6px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    line-height: 14px !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-copy {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 35.5px) !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #f5f6f4 !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
    overflow-wrap: anywhere !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-copy strong {
    color: #67a7ff !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* Compact chat rows matching the public room: username and message on one line. */
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge {
  display: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 3px 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* Messages are scroll items: never shrink rows and overlap their contents. */
.gavang33live.gavang33live--live.tlvlc [data-ref="messages"].tlvlc__messages > article.tlvlc__chat-line {
  flex: 0 0 auto !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #eef1f4 !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy strong {
  color: #62a5ff !important;
  font: inherit !important;
  font-weight: 800 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy span {
  color: #eef1f4 !important;
  font: inherit !important;
}

@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages {
    gap: 1px !important;
    padding: 8px 6px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) {
    padding: 2px 4px !important;
  }
}

/* Compact public-room chat for desktop and mobile. */
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages {
  gap: 2px !important;
  padding: 8px !important;
  background: #1a1a1a !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant):hover,
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant):focus-within {
  background: rgba(255, 255, 255, .025) !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: inherit !important;
  line-height: inherit !important;
  overflow-wrap: anywhere !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy strong {
  color: #58a6ff !important;
  font: inherit !important;
  font-weight: 700 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) .tlvlc__chat-copy span {
  color: #fff !important;
  font: inherit !important;
  font-weight: 400 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-actions {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  width: auto !important;
  height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity 120ms ease;
}

.gavang33live.gavang33live--live.tlvlc article:hover > .tlvlc__chat-actions,
.gavang33live.gavang33live--live.tlvlc article:focus > .tlvlc__chat-actions,
.gavang33live.gavang33live--live.tlvlc article:focus-within > .tlvlc__chat-actions {
  opacity: 1;
  pointer-events: auto;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action {
  display: block !important;
  width: 19px !important;
  min-width: 19px !important;
  max-width: 20px !important;
  height: 19px !important;
  min-height: 19px !important;
  max-height: 19px !important;
  margin: 0 !important;
  padding: 2px 4px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: rgba(0, 0, 0, .5) !important;
  color: #8b949e !important;
  box-shadow: none !important;
  font: 11px Arial, sans-serif !important;
  line-height: 15px !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer;
  box-sizing: border-box !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action--delete {
  width: 20px !important;
  min-width: 20px !important;
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-actions,
.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action,
.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action--reply,
.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action--delete {
  background-color: rgba(0, 0, 0, .58) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-actions {
  background-color: transparent !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action:hover,
.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action:focus-visible {
  background-color: rgba(0, 0, 0, .82) !important;
  background-image: none !important;
  color: #f0f3f6 !important;
  outline: 1px solid #484f58 !important;
  outline-offset: 0 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-action:disabled {
  cursor: wait;
  opacity: .45;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line.has-reply {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-reply-header {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 18.2px !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: #fff !important;
  font: 13px/18.2px Arial, sans-serif !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-reply-header > strong {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 48px 0 0 !important;
  overflow: hidden !important;
  color: #58a6ff !important;
  font: 700 13px/18.2px Arial, sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-reply-body {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #e6edf3 !important;
  font: 13px/18.2px Arial, sans-serif !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-quote {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 19.4px !important;
  margin: 0 0 2px !important;
  padding: 2px 6px !important;
  overflow: visible !important;
  border-left: 2px solid #484f58 !important;
  border-radius: 3px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #8b949e !important;
  font: 11px/15.4px Arial, sans-serif !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  box-sizing: border-box !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-quote > span {
  color: #8b949e !important;
  font: inherit !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-message-text {
  display: inline !important;
  color: #e6edf3 !important;
  font: 13px/18.2px Arial, sans-serif !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
}

.gavang33live.gavang33live--live.tlvlc article.is-deleting {
  opacity: .45 !important;
  transition: opacity 150ms ease;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview {
  position: static !important;
  display: flex !important;
  flex: 0 0 29px !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 29px !important;
  min-height: 29px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #21262d !important;
  color: #8b949e !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font: 12px Arial, sans-serif !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview[hidden] {
  display: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview-text {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #8b949e !important;
  font: 12px Arial, sans-serif !important;
  line-height: normal !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview-close {
  display: block !important;
  flex: 0 0 auto !important;
  width: 11px !important;
  min-width: 11px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8b949e !important;
  box-shadow: none !important;
  font: 14px Arial, sans-serif !important;
  line-height: normal !important;
  text-transform: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview-close:hover,
.gavang33live.gavang33live--live.tlvlc .tlvlc__reply-preview-close:focus-visible {
  color: #f0f3f6 !important;
}

@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages {
    gap: 2px !important;
    padding: 8px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) {
    padding: 4px 8px !important;
    font-size: 16px !important;
    line-height: 22.4px !important;
  }
}

/* Mobile chat composer: keep account, input and send controls aligned. */
@media (max-width: 767px) {
  .tlvlc .tlvlc__composer {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .tlvlc .tlvlc__chat-form {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    grid-template-columns: 44px minmax(0, 1fr) 56px !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tlvlc .tlvlc__desktop-emoji {
    display: none !important;
  }

  .tlvlc .tlvlc__profile-button {
    display: flex !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 46px !important;
    min-height: 46px !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tlvlc .tlvlc__message-field {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    grid-column: 2 !important;
    margin: 0 !important;
  }

  .tlvlc .tlvlc__message-field input,
  .tlvlc .tlvlc__message-field textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 42px 0 14px !important;
    line-height: 44px !important;
    box-sizing: border-box !important;
  }

  .tlvlc .tlvlc__send {
    display: flex !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 46px !important;
    min-height: 46px !important;
    grid-column: 3 !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* v1.3.6: contain the mobile composer so it never overlaps following content. */
@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__composer {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 62px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-form {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    grid-template-columns: 44px minmax(0, 1fr) 56px !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__profile-button,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field input,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field textarea,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-form .tlvlc__send {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__profile-button {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-form .tlvlc__send {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
  }
}

/* v1.4.0 portable isolation */
.tlvlc,
.tlvlc *,
.tlvlc *::before,
.tlvlc *::after {
  box-sizing: border-box;
}

.tlvlc button,
.tlvlc input,
.tlvlc textarea,
.tlvlc select {
  font: inherit;
  letter-spacing: normal;
  text-transform: none;
}

.tlvlc img,
.tlvlc video,
.tlvlc iframe {
  max-width: 100%;
}

.tlvlc [hidden] {
  display: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge {
  display: inline-flex !important;
  width: auto !important;
  min-width: 34px !important;
  height: auto !important;
  min-height: 20px !important;
  margin: 0 6px 0 0 !important;
  padding: 3px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 5px !important;
  color: #fff !important;
  background: #b8921d !important;
  font: 800 11px/14px Arial, sans-serif !important;
  vertical-align: 1px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge.is-admin { background: #b53434 !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge.is-presenter { background: #2871bd !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge.is-assistant { background: #267738 !important; }

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-image {
  display: block !important;
  width: min(240px, 100%) !important;
  margin: 6px 0 2px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 240px !important;
  object-fit: contain !important;
  background: #0d100f !important;
}

/* Desktop account bar. Mobile keeps the compact profile-button layout above. */
@media (min-width: 768px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__composer .tlvlc__userbar {
    display: flex !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user {
    flex: 1 1 auto;
    cursor: pointer;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions {
    flex: 0 0 auto;
  }
}

/* v1.4.9: public-room chat skin and API-driven contact buttons. */
.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row:not([hidden]) {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 39px !important;
  padding: 6px 10px !important;
  border-bottom: 1px solid #1a3a5c !important;
  background: linear-gradient(135deg, #0a1628, #0d1f3c) !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row[hidden] {
  display: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row a:not([hidden]) {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  min-height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font: 700 13px/1.25 Arial, sans-serif !important;
  letter-spacing: .5px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row a::before {
  display: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row a svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  fill: currentColor !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row .tlvlc__zalo-link {
  gap: 6px !important;
  border: 1px solid rgba(0, 104, 255, .25) !important;
  color: #4da6ff !important;
  background: rgba(0, 104, 255, .1) !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row .tlvlc__zalo-link svg {
  fill: #0068ff !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__promo-row .tlvlc__bet-link {
  padding-right: 16px !important;
  padding-left: 16px !important;
  border: 1px solid rgba(255, 150, 50, .5) !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff7e07, #f55800) !important;
  box-shadow: 0 2px 8px rgba(255, 126, 7, .3) !important;
}

.gavang33live.gavang33live--live.tlvlc [data-panel="chat"] {
  overflow: hidden !important;
}

.gavang33live.gavang33live--live.tlvlc [data-ref="messages"].tlvlc__messages {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-height: 0 !important;
  padding: 8px !important;
  overflow-y: auto !important;
  color: #fff !important;
  background: #1a1a1a !important;
  font: 13px/1.4 Arial, sans-serif !important;
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  scrollbar-color: #444 #1a1a1a;
  scrollbar-width: thin;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages::-webkit-scrollbar {
  width: 5px;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages::-webkit-scrollbar-track {
  background: #1a1a1a;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #444;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant) {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #e6edf3 !important;
  background: transparent !important;
  box-shadow: none !important;
  font: 13px/1.4 Arial, sans-serif !important;
  text-align: left !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant):hover,
.gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant):focus-within {
  background: rgba(255, 255, 255, .05) !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__chat-copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #e6edf3 !important;
  background: transparent !important;
  font: inherit !important;
  line-height: inherit !important;
  overflow-wrap: anywhere !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__chat-copy strong {
  color: #58a6ff !important;
  font: inherit !important;
  font-weight: 700 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__chat-copy span {
  color: #e6edf3 !important;
  font: inherit !important;
  font-weight: 400 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__level-badge {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 5px 0 0 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #c09a08, #a88500) !important;
  font: 700 10px/1.2 Arial, sans-serif !important;
  letter-spacing: .3px !important;
  vertical-align: 1px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-level-2 { background: linear-gradient(135deg, #d85e00, #bf5200) !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-level-3 { background: linear-gradient(135deg, #23c008, #1ea306) !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-level-4 { background: linear-gradient(135deg, #08aec0, #0797a8) !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-level-5 { background: linear-gradient(135deg, #7c3aed, #6d28d9) !important; box-shadow: 0 1px 4px rgba(124, 58, 237, .4) !important; }

.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-admin {
  padding-right: 8px !important;
  padding-left: 8px !important;
  background: linear-gradient(135deg, #f85149, #da3633) !important;
  font-size: 11px !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__level-badge.is-presenter {
  padding-right: 8px !important;
  padding-left: 8px !important;
  background: linear-gradient(135deg, #f0883e, #d68020) !important;
  font-size: 11px !important;
}

.gavang33live.gavang33live--live.tlvlc article.tlvlc__chat-line--assistant {
  display: block !important;
  width: 100% !important;
  margin: 4px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-card {
  width: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 5px !important;
  color: #000 !important;
  background: #f0fff0 !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-card > header {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  background: linear-gradient(90deg, #0f9b0f, #00d2ff) !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-card > header b {
  padding: 2px 8px !important;
  border-radius: 3px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #1c832a, #0d3515) !important;
  font: 700 11px/1.2 Arial, sans-serif !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-card > header strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font: 700 14px/1.4 Arial, sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-content {
  padding: 5px !important;
  color: #000 !important;
  background: #f0fff0 !important;
  font: 600 13px/1.4 Arial, sans-serif !important;
  overflow-wrap: anywhere !important;
}

.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-content p { margin: 0 0 4px !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-content p:last-child { margin-bottom: 0 !important; }
.gavang33live.gavang33live--live.tlvlc .tlvlc__assistant-content a { color: #f0883e !important; text-decoration: underline !important; }

.gavang33live.gavang33live--live.tlvlc .tlvlc__chat-image {
  margin-top: 4px !important;
  border: 1px solid #333 !important;
  border-radius: 6px !important;
}

@media (min-width: 768px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-active-tab="chat"]) .tlvlc__promo-row,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-active-tab="chat"]) .tlvlc__composer,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-active-tab="chat"]) .tlvlc__reply-preview {
    display: none !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__composer {
    display: block !important;
    flex: 0 0 auto !important;
    height: 86px !important;
    min-height: 86px !important;
    padding: 8px 10px !important;
    overflow: visible !important;
    border-top: 1px solid #333 !important;
    background: #111 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__composer .tlvlc__userbar {
    display: flex !important;
    height: 30px !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin: 0 0 4px !important;
    overflow: visible !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user:hover { background: rgba(255, 255, 255, .06) !important; }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-avatar {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #238636, #1a7f37) !important;
    font: 700 12px/24px Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-level {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    background: linear-gradient(135deg, #c09a08, #a88500) !important;
    font: 700 10px/1.2 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user > strong {
    color: #e6edf3 !important;
    font: 600 12px/1.25 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-gear {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    color: #484f58 !important;
    font: 12px/1 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions > [data-action="register"] {
    width: auto !important;
    min-width: 0 !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 3px 8px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #f97316 !important;
    box-shadow: none !important;
    font: 600 11px/1.2 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions > .tlvlc__user-icon:not([hidden]) {
    display: flex !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 3px 5px !important;
    border: 0 !important;
    color: #ccc !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 1 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions > .tlvlc__user-icon:hover { background: rgba(88, 166, 255, .1) !important; }
  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions > [data-action="logout"]:hover { background: rgba(248, 81, 73, .15) !important; }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-actions > .tlvlc__user-icon[hidden] {
    display: none !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__user-icon svg {
    width: 14px !important;
    height: 14px !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__chat-form {
    display: grid !important;
    grid-template-columns: 26px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__desktop-emoji {
    display: grid !important;
    width: 26px !important;
    min-width: 26px !important;
    height: 35px !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    color: #ffd21d !important;
    background: transparent !important;
    box-shadow: none !important;
    font: 18px/1 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__profile-button,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__emoji-button {
    display: none !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 35px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 35px !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    color: #e6edf3 !important;
    background: #2a2a2a !important;
    box-shadow: none !important;
    font: 16px/1.2 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__message-field input:focus {
    border-color: #58a6ff !important;
    outline: 0 !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__send {
    width: auto !important;
    min-width: 0 !important;
    height: 35px !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #238636 !important;
    box-shadow: none !important;
    font: 700 13px/1 Arial, sans-serif !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__send:hover:not(:disabled) { background: #2ea043 !important; }
  .gavang33live.gavang33live--live.tlvlc .tlvlc__send:disabled { cursor: default !important; opacity: .5 !important; }
}

@media (max-width: 767px) {
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-mobile-active="chat"]) .tlvlc__promo-row,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-mobile-active="chat"]) .tlvlc__composer,
  .gavang33live.gavang33live--live.tlvlc .tlvlc__side:not([data-mobile-active="chat"]) .tlvlc__reply-preview {
    display: none !important;
  }

  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages article.tlvlc__chat-line:not(.tlvlc__chat-line--assistant),
  .gavang33live.gavang33live--live.tlvlc .tlvlc__messages .tlvlc__chat-copy {
    font: 13px/1.4 Arial, sans-serif !important;
  }
}