/* Discover hierarchy. Homepage palette. Does not restyle the race tree. */
body.lobby-pro {
  background: #090B0E;
  color: #F3F4F5;
  overflow-x: hidden;
}
body.lobby-pro .dx-wrap { width: min(1080px, calc(100% - 32px)); margin: 0 auto; }
body.lobby-pro .dx-summary { padding: 4px 0 0; }
body.lobby-pro .dx-summary h1 {
  margin: 0;
  font-family: Saira, Inter, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.lobby-pro .dx-summary p { margin: 4px 0 0; color: #9AA3AD; font-size: 13px; line-height: 1.3; }
body.lobby-pro .dx-summary p[hidden] { display: none; }
body.lobby-pro .dx-stats { display: none; }
body.lobby-pro .dx-stats:empty { display: none; }
body.lobby-pro .dx-stat {
  min-width: 88px;
  padding: 8px 12px;
  background: #101318;
  border: 1px solid #1B2028;
  border-radius: 8px;
}
body.lobby-pro .dx-stat b {
  display: block;
  font-variant-numeric: tabular-nums;
  font-size: 18px;
  font-weight: 700;
}
body.lobby-pro .dx-stat span {
  color: #9AA3AD;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.lobby-pro .dx-legal {
  margin: 2px auto 12px;
  color: #9AA3AD;
  font-size: 12px;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.lobby-pro .dx-legal a { color: #F3F4F5; }
body.lobby-pro .dx-acts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 4px auto 8px;
}
body.lobby-pro .dx-act {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  min-height: 118px;
  padding: 12px 14px 12px 16px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #1c232d 0%, #10151c 100%);
  border: 1px solid #2a3340;
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 10px 18px rgba(0, 0, 0, .28);
  position: relative;
  overflow: hidden;
}
body.lobby-pro .dx-act::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #E3263B;
}
body.lobby-pro .dx-act h2 {
  margin: 0;
  font-family: Saira, Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #F3F4F5;
}
body.lobby-pro .dx-act p { margin: 3px 0 0; color: #9AA3AD; font-size: 13px; line-height: 1.3; }
body.lobby-pro .dx-act__row { display: flex; flex-wrap: wrap; gap: 8px; }
body.lobby-pro .dx-act .ptl-btn { align-self: flex-start; white-space: nowrap; }
body.lobby-pro .dx-act__copy p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.lobby-pro .dx-feat[hidden],
body.lobby-pro #psh-feed[hidden],
body.lobby-pro #lp-you[hidden] { display: none !important; }
body.lobby-pro .dx-cats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 22px;
}
body.lobby-pro .dx-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  padding: 12px;
  background: #101318;
  border: 1px solid #1B2028;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
body.lobby-pro .dx-card h2 {
  margin: 10px 0 4px;
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.lobby-pro .dx-card p { margin: 0 0 12px; color: #9AA3AD; font-size: 13px; line-height: 1.4; flex: 1; }
body.lobby-pro .dx-card .gl-card__art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 224px;
  min-width: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
}
body.lobby-pro .dx-card .gl-card__art--tree {
  align-items: flex-end;
  justify-content: center;
  padding: 0 8px;
}
body.lobby-pro .dx-card .gl-tree { position: relative; height: 100%; aspect-ratio: 901 / 1746; flex: 0 0 auto; }
body.lobby-pro .dx-card .gl-pedestal {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 72px;
  height: 8px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.2) 46%, transparent 74%);
  pointer-events: none;
}
body.lobby-pro .dx-card .gl-tree__art {
  width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  display: block;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: screen;
}
body.lobby-pro .dx-card .pr-bulb {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 11.4%;
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  background: #2a2e33;
}
body.lobby-pro .dx-card .pr-bulb.sm { width: 7.4%; }
body.lobby-pro .dx-card .pr-bulb.c-amber.on { background: #e0a020; }
body.lobby-pro .dx-card .pr-bulb.c-green.on { background: #3DDC6A; }
body.lobby-pro .dx-card .pr-bulb.c-red.on { background: #E3263B; }
body.lobby-pro .dx-card .gl-lanes {
  position: relative;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  overflow: visible;
}
body.lobby-pro .dx-card .gl-lanes::before {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 2px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.28) 48%, transparent 74%);
  pointer-events: none;
}
body.lobby-pro .dx-card .gl-lane {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  height: 92%;
  flex: 0 0 auto;
}
body.lobby-pro .dx-card .gl-lane--red { transform: translateY(-8px) rotate(5deg); transform-origin: 50% 100%; }
body.lobby-pro .dx-card .gl-lane--blue { transform: translateY(-8px) rotate(-5deg); transform-origin: 50% 100%; }
body.lobby-pro .dx-card .gl-lane img {
  height: 100%;
  width: auto;
  max-width: none;
  max-height: none;
  display: block;
  object-fit: contain;
  border: 0;
  background: transparent;
  filter: drop-shadow(0 14px 8px rgba(0,0,0,0.72));
}
body.lobby-pro .dx-card .gl-vs {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 2;
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 0;
  font-family: Saira, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
}
body.lobby-pro .dx-card .gl-bracket { width: 100%; height: 100%; display: block; }
body.lobby-pro .dx-card__acts { display: flex; flex-wrap: wrap; gap: 8px; }
body.lobby-pro .dx-card__acts .dx-go { flex: 1 1 120px; box-sizing: border-box; max-width: 100%; }
body.lobby-pro .dx-go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #9e1828;
  border-radius: 6px;
  background: linear-gradient(180deg, #ef4658 0%, #c81f33 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 6px 14px rgba(0, 0, 0, .28);
  color: #fff;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
}
body.lobby-pro .dx-go:hover { filter: brightness(1.06); }
body.lobby-pro .dx-go:active { transform: translateY(1px); filter: brightness(.96); }
body.lobby-pro .dx-go--ghost {
  background: #171c24;
  color: #F3F4F5;
  border: 1px solid #3a424d;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
body.lobby-pro .dx-go:focus-visible,
body.lobby-pro .dx-filter select:focus-visible,
body.lobby-pro .dx-ranklink a:focus-visible { outline: 2px solid #F3F4F5; outline-offset: 2px; }
body.lobby-pro .dx-feat { margin-bottom: 10px; }
body.lobby-pro .dx-h { margin: 0 0 8px; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: #9AA3AD; }
body.lobby-pro .dx-feat-empty { margin: 0; color: #9AA3AD; font-size: 14px; }
body.lobby-pro #wk-hero-slot:not(:empty) ~ .dx-feat-empty,
body.lobby-pro #lp-promo-slot:not(:empty) ~ .dx-feat-empty { display: none; }
body.lobby-pro .wkf {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(148px, 188px);
  align-items: center;
  gap: 8px 12px;
}
body.lobby-pro .wkf-copy { min-width: 0; display: flex; flex-direction: column; gap: 12px; }
body.lobby-pro .wkf .gl-gifts {
  position: relative;
  width: 100%;
  height: 180px;
  min-height: 180px;
  justify-self: end;
}
body.lobby-pro .wkf .gl-gift {
  position: absolute;
  width: 58%;
  height: 46%;
  border-radius: 12px;
  background: linear-gradient(155deg, #3a3f49 0%, #1B2028 42%, #12151a 100%);
  border: 1px solid #3a424d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 22px 28px rgba(0,0,0,0.62);
}
body.lobby-pro .wkf .gl-gift--a { left: 4%; top: 40%; transform: rotate(-14deg); }
body.lobby-pro .wkf .gl-gift--b { left: 18%; top: 20%; transform: rotate(-6deg); }
body.lobby-pro .wkf .gl-gift--c {
  left: 32%;
  top: 2%;
  transform: rotate(3deg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
body.lobby-pro .wkf .gl-gift--c::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  background: #E3263B;
}
body.lobby-pro .wkf .gl-gift--c img { position: relative; width: 58%; height: auto; display: block; }
body.lobby-pro .wkf-go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  align-self: center;
  min-height: 44px;
  padding: 0 16px;
  white-space: nowrap;
}
body.lobby-pro .wkf {
  overflow: visible;
  min-height: 0;
  height: auto;
  background: #101318;
  border: 1px solid #1B2028;
  box-shadow: inset 3px 0 0 #E3263B;
}
body.lobby-pro .wkf::after { display: none; }
body.lobby-pro .wkf-prize { align-items: flex-start; }
body.lobby-pro .wkf-prize b { font-size: clamp(28px, 8vw, 40px); text-shadow: none; }
body.lobby-pro .wkf-eyebrow, body.lobby-pro .wkf-facts, body.lobby-pro .wkf-fine, body.lobby-pro .lp-fcard__t, body.lobby-pro .lp-fcard__s {
  overflow: visible;
  white-space: normal;
}
body.lobby-pro .lp-fcard { background: #101318; border: 1px solid #1B2028; min-height: 0; }
body.lobby-pro .lp-fcard__go.is-quiet { background: transparent; color: #F3F4F5; border: 1px solid #3a424d; }
body.lobby-pro .dx-rest { margin-top: 0; margin-bottom: 0; }
body.lobby-pro .dx-rest:has(#lp-you:not([hidden])),
body.lobby-pro .dx-rest:has([data-ptl-rail-inline]:not([hidden])),
body.lobby-pro .dx-rest:has(#psh-feed:not([hidden])) { margin-bottom: 12px; }
body.lobby-pro .dx-rest .psh-feed,
body.lobby-pro .dx-rest #psh-deck,
body.lobby-pro .dx-rest #lp-you,
body.lobby-pro .dx-rest #dx-live {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
body.lobby-pro .dx-secondary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin: 12px 0 16px;
  padding: 10px 12px;
  border: 1px solid #24303c;
  border-radius: 6px;
  background: #10151c;
  box-sizing: border-box;
}
body.lobby-pro .dx-secondary__label {
  font: 700 12px/1 Inter, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9AA3AD;
}
body.lobby-pro .dx-filter { display: flex; align-items: center; gap: 10px; margin: 0; width: auto; }
body.lobby-pro .dx-filter label { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #9AA3AD; }
body.lobby-pro .dx-filter select {
  appearance: none;
  -webkit-appearance: none;
  min-height: 44px;
  min-width: 180px;
  padding: 0 36px 0 12px;
  background-color: #101318;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.2 L6 6.2 L11 1.2' fill='none' stroke='%23F3F4F5' stroke-width='1.6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  color: #F3F4F5;
  border: 1px solid #303641;
  border-radius: 6px;
  font: 600 14px/1 Inter, system-ui, sans-serif;
}
body.lobby-pro .dx-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 0;
  width: auto;
  max-width: none;
}
body.lobby-pro .dx-tools .pd-tile {
  height: auto;
  min-height: 44px;
  border-radius: 6px;
}
body.lobby-pro .dx-tools .pd-tile--primary,
body.lobby-pro .dx-tools .pd-joinrow button {
  min-height: 44px;
  padding: 0 16px;
  background: var(--ptl-btn-graphite, #171c24);
  border: 1px solid var(--ptl-btn-line, #3a424d);
  border-radius: var(--ptl-btn-radius, 6px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
  color: #F3F4F5;
  font: 700 13px/1 Inter, system-ui, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}
body.lobby-pro .dx-tools .pd-tile--primary:hover,
body.lobby-pro .dx-tools .pd-joinrow button:hover {
  background: #1e252e;
  border-color: #5c6774;
  filter: none;
}
body.lobby-pro .dx-tools .pd-tile--join {
  min-height: 44px;
  padding: 0;
  background: transparent;
  border: 0;
}
body.lobby-pro .dx-tools .pd-joinrow { display: flex; align-items: center; gap: 8px; margin: 0; }
body.lobby-pro .dx-tools .pd-joinrow input {
  width: 140px;
  min-height: 44px;
  padding: 0 12px;
  background: #101318;
  border: 1px solid #303641;
  border-radius: 6px;
  color: #F3F4F5;
  font: 600 16px/1 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: left;
}
body.lobby-pro .dx-tools .pd-joinrow input::placeholder {
  letter-spacing: 0;
  text-transform: none;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #9AA3AD;
}
body.lobby-pro .dx-tools .pd-joinrow button { min-width: 72px; }
body.lobby-pro .dx-rest .dx-secondary #psh-deck {
  width: auto;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 860px) {
  body.lobby-pro .dx-secondary { flex-direction: column; align-items: stretch; }
  body.lobby-pro .dx-rest .dx-secondary #psh-deck { width: 100%; margin-left: 0; }
  body.lobby-pro .dx-filter { width: 100%; }
  body.lobby-pro .dx-filter select { flex: 1; min-width: 0; }
}
@media (max-width: 520px) {
  body.lobby-pro .dx-tools { flex-direction: column; align-items: stretch; }
  body.lobby-pro .dx-tools .pd-tile--primary { width: 100%; }
  body.lobby-pro .dx-tools .pd-joinrow { width: 100%; }
  body.lobby-pro .dx-tools .pd-joinrow input { flex: 1; width: auto; min-width: 0; }
}
@media (min-width: 1440px) {
  /* Empty left slot stays a gutter. The 1080 column is the centered panel;
     a mounted rail sits in the opposite gutter. Inline body color cannot hide this. */
  body.lobby-pro { background: #05070a; }
  body.lobby-pro .pshell {
    background:
      linear-gradient(#24303c, #24303c) calc(50% - 540px) 0 / 1px 100% no-repeat,
      linear-gradient(#24303c, #24303c) calc(50% + 539px) 0 / 1px 100% no-repeat,
      linear-gradient(#0b0e13, #0b0e13) center top / 1080px 100% no-repeat;
  }
}
body.lobby-pro #lp-you, body.lobby-pro #dx-live, body.lobby-pro #dx-rank { margin: 12px 0 20px; }
body.lobby-pro .dx-live-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #212833;
  border-radius: 8px;
  background: #10141a;
}
body.lobby-pro .dx-live-row__t {
  font: 700 13px/1 Inter, system-ui, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #F3F4F5;
}
body.lobby-pro .dx-live-row .lt-count { margin-left: auto; }
body.lobby-pro .dx-live-row .lt-btn { margin-left: 4px; }
body.lobby-pro #dx-rank[hidden] { display: none; }
body.lobby-pro #dx-rank .gl-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.lobby-pro #dx-rank .gl-board {
  display: flex;
  flex-direction: column;
  min-width: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0) 24%),
    #07080c;
  border: 1px solid #2a3038;
  border-top: 2px solid #E3263B;
  border-radius: 8px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 1px rgba(227,38,59,0.12),
    0 18px 34px rgba(0,0,0,0.48);
  padding: 16px 16px 12px;
}
body.lobby-pro #dx-rank .gl-board h2 {
  margin: 0 0 10px;
  font-family: Saira, system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #F3F4F5;
}
body.lobby-pro #dx-rank .gl-scroll { overflow: hidden; }
body.lobby-pro #dx-rank table.gl-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
body.lobby-pro #dx-rank .gl-table th {
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9AA3AD;
  padding: 0 8px 8px 0;
  border-bottom: 1px solid rgba(255,255,255,0.14);
}
body.lobby-pro #dx-rank .gl-table td {
  padding: 9px 8px 9px 0;
  border-top: 1px solid rgba(255,255,255,0.07);
  font-size: 14px;
  color: #F3F4F5;
  vertical-align: middle;
}
body.lobby-pro #dx-rank .gl-table .c-rk { width: 44px; }
body.lobby-pro #dx-rank .gl-table th.num,
body.lobby-pro #dx-rank .gl-table td.num { padding-left: 14px; font-variant-numeric: tabular-nums; }
body.lobby-pro #dx-rank .gl-table .c-elo { width: 56px; }
body.lobby-pro #dx-rank .gl-table .elo,
body.lobby-pro #dx-rank .gl-table th.elo { text-align: right; font-variant-numeric: tabular-nums; }
body.lobby-pro #dx-rank .gl-table .elo { font-weight: 650; color: #d5dbe3; }
body.lobby-pro #dx-rank .gl-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.lobby-pro #dx-rank .gl-car { margin-right: 4px; color: #9AA3AD; font-variant-numeric: tabular-nums; font-size: 12px; }
body.lobby-pro #dx-rank tbody tr.is-lead td {
  background: rgba(227,38,59,0.16);
  border-top-color: transparent;
  box-shadow: inset 0 1px 0 rgba(227,38,59,0.55), inset 0 -1px 0 rgba(227,38,59,0.4);
}
body.lobby-pro #dx-rank tbody tr.is-lead td:first-child {
  box-shadow: inset 3px 0 0 #E3263B, inset 0 1px 0 rgba(227,38,59,0.55), inset 0 -1px 0 rgba(227,38,59,0.4);
}
body.lobby-pro #dx-rank .gl-board__foot { margin-top: auto; padding-top: 8px; text-align: right; }
body.lobby-pro #dx-rank .gl-more {
  color: #9AA3AD;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
}
body.lobby-pro #dx-rank .gl-more:hover { color: #fff; }
body.lobby-pro .dx-activity { margin-top: 8px; }
body.lobby-pro .dx-ranklink { margin: 12px 0 0; }
body.lobby-pro .dx-ranklink a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #F3F4F5;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}
body.lobby-pro .lt-btn { min-height: 44px; }
body.lobby-pro .dx-market { display: flex; flex-direction: column; gap: 14px; margin: 4px auto 8px; }
body.lobby-pro .dx-league__h {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  font-family: Saira, Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
}
body.lobby-pro .dx-league__ico { display: block; flex: 0 0 auto; }
body.lobby-pro .ptl-dollar { display: block; width: 18px; height: 18px; flex: 0 0 auto; transform: none; }
body.lobby-pro .dx-league__soon {
  margin: 0;
  max-width: 280px;
  padding: 8px 12px;
  border: 1px solid #1a1f26;
  border-radius: 6px;
  background: #101814;
  color: #9AA3AD;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}
body.lobby-pro .dx-league__empty { margin: 0; color: #9AA3AD; font-size: 14px; }
body.lobby-pro .dx-league__empty[hidden] { display: none; }
body.lobby-pro .dx-league__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body.lobby-pro .dx-league__grid:empty { display: none; }
body.lobby-pro .dx-league--test .dx-league__h { color: #9AA3AD; font-size: 13px; }
body.lobby-pro .dx-league--test .dx-league__grid { grid-template-columns: minmax(0, 420px); }
body.lobby-pro .mk-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  height: 100%;
  padding: 12px;
  border: 1px solid #24303c;
  border-radius: 6px;
  background: linear-gradient(180deg, #141a22 0%, #10151c 100%);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
  box-sizing: border-box;
}
body.lobby-pro .mk-card__main { min-width: 0; }
body.lobby-pro .mk-card h3 { margin: 0 0 4px; font-size: 15px; line-height: 1.25; color: #F3F4F5; }
body.lobby-pro .mk-card p { margin: 0; color: #9AA3AD; font-size: 12.5px; line-height: 1.45; }
body.lobby-pro .mk-card p span { color: #6f7a89; }
body.lobby-pro .mk-card__reward { margin: 0 0 6px; }
body.lobby-pro .mk-card__count { color: #F3F4F5; font-weight: 650; }
body.lobby-pro .mk-card__start {
  margin-top: 6px;
  color: #F3F4F5;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.lobby-pro .mk-card__status { color: #F3F4F5; font-weight: 700; }
body.lobby-pro .mk-card__act { display: flex; flex-direction: column; align-items: stretch; gap: 4px; margin-top: auto; }
body.lobby-pro .mk-card__act .ptl-btn { width: 100%; justify-content: center; box-sizing: border-box; }
body.lobby-pro .mk-card__act .ptl-btn.is-disabled { text-transform: none; }
body.lobby-pro .mk-card__act .ptl-btn--text { width: auto; align-self: center; }
body.lobby-pro .mk-card--test { min-height: 0; }
body.lobby-pro .mk-card--locked { min-height: 0; }
body.lobby-pro .mk-card--locked .mk-card__soon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #9AA3AD;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}
body.lobby-pro .mk-card--locked .mk-lock { display: block; flex: 0 0 auto; }
body.lobby-pro .dx-private { margin: 0 auto 8px; }
body.lobby-pro .dx-private .dx-secondary { margin: 0; }
body.lobby-pro .dx-private .dx-tools { margin: 0; }
@media (max-width: 800px) {
  body.lobby-pro .dx-league__grid,
  body.lobby-pro .dx-league--test .dx-league__grid { grid-template-columns: 1fr; }
  body.lobby-pro .dx-acts { grid-template-columns: 1fr; }
}
body.lobby-pro .mk-badge {
  display: inline-block;
  margin: 0 0 8px;
  padding: 3px 8px;
  background: #1c2128;
  color: #f3f4f5;
  border: 1px solid var(--ptl-red, #e3263b);
  font: 700 10px/1.2 Inter, system-ui, sans-serif;
  letter-spacing: .14em;
}
body.lobby-pro .psh-feed, body.lobby-pro .lt { max-width: 100%; }
@media (max-width: 800px) {
  body.lobby-pro .dx-cats { grid-template-columns: 1fr; }
  body.lobby-pro .dx-wrap { width: min(1080px, calc(100% - 24px)); }
  body.lobby-pro .dx-legal { white-space: normal; }
  body.lobby-pro .wkf { grid-template-columns: 1fr; }
  body.lobby-pro .wkf-copy { order: 1; }
  body.lobby-pro .wkf > .wkf-go { order: 2; justify-self: center; width: max-content; max-width: 100%; margin: 2px auto 0; }
  body.lobby-pro .wkf .gl-gifts { order: 3; width: 200px; height: 120px; min-height: 120px; justify-self: end; }
  body.lobby-pro .dx-card .gl-card__art { height: 200px; }
}

/* t459 discipline labels and sections. Brand only: white, graphite, PTL red. */
.mk-disc {
  display: inline-flex; align-items: center; gap: 6px; margin: 0 0 6px;
  padding: 3px 8px; border-radius: 4px; font: 800 11px/1.2 inherit; letter-spacing: .08em;
  text-transform: uppercase; white-space: nowrap; width: fit-content;
}
body.lobby-pro .mk-card p.mk-disc { margin: 0 0 6px; font-size: 11px; font-weight: 800; line-height: 1.2; }
.mk-disc--top_bulb { color: #0b0d10 !important; background: #F3F4F5; }
.mk-disc--bottom_bulb { color: #F3F4F5 !important; background: #2a3038; border: 1px solid #5b6572; }
.mk-disc--pro_tree { color: #fff !important; background: #e3263b; }
.dx-league__h .mk-disc { margin: 0 8px 0 0; font-size: 12px; }
body.lobby-pro .dx-league__groups { display: grid; gap: 18px; }
.mk-disc-group { border-top: 1px solid #262b33; padding-top: 12px; }
.mk-disc-group:first-child { border-top: 0; padding-top: 0; }
.mk-disc-h { margin: 0 0 4px; font-size: 13px; color: #F3F4F5; letter-spacing: .06em; }
.mk-disc-note { margin: 0 0 10px; color: #9AA3AD; font-size: 12.5px; }
.mk-disc-sub { margin: 8px 0 0; }
.mk-disc-sub__h { margin: 0 0 8px; font-size: 12px; color: #C9CED6; letter-spacing: .08em; }
body.lobby-pro .mk-disc-empty { font-size: 13px; }
body.lobby-pro .mk-card p.mk-card__why { margin-top: 6px; color: #F3F4F5; font-weight: 650; }
body.lobby-pro .mk-card.is-ineligible { opacity: .82; }
.dx-hot__more { margin: 0 0 4px; }
.ce-disc { margin: 0 0 8px; }
.ce-disc .mk-disc { font-size: 12px; padding: 4px 10px; }

/* t465: compact locked Cash Games Winner preview (darkened art only). */
.mk-cash-award { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; padding: 8px 12px;
  background: #14181e; border: 1px solid #2a3038; border-radius: 10px; max-width: 420px; }
.mk-cash-award img { width: 40px; height: 48px; object-fit: contain; flex: none; }
.mk-cash-award b { display: block; color: #F3F4F5; font-size: 13px; letter-spacing: .06em; }
.mk-cash-award span { display: flex; align-items: center; gap: 5px; color: #9AA3AD; font-size: 11px; letter-spacing: .05em; }
.mk-cash-award span svg { width: 12px; height: 12px; }
.dx-hot__more { text-align: right; }