._overlay_exo45_1 {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  background: rgba(255, 255, 255, 0.72);
  border-radius: inherit;
}

._label_exo45_14 {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}/* Layout constants shared with brackets.tsx: PILL_W=38, COL_W=300, CARD_W=260, CARD_H=88 */
._container_1ingj_2 {
  position: relative;
}
._container_1ingj_2._noTitle_1ingj_5 {
  margin-top: var(--spacing-lg);
}
._container_1ingj_2 ._bracketTitle_1ingj_8 {
  margin: var(--spacing-lg) 0 var(--spacing-md) !important;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

._deleteBracket_1ingj_15 {
  color: var(--error);
  cursor: pointer;
  display: flex;
  align-items: center;
}
._deleteBracket_1ingj_15:hover {
  opacity: 0.8;
}

._scroller_1ingj_25 {
  overflow-x: auto;
  overflow-anchor: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

._content_1ingj_32 {
  position: relative;
  display: flex;
  align-items: stretch;
  width: max-content;
  min-width: 100%;
  transition: height 300ms ease;
}

._lines_1ingj_41 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}

._winnerPath_1ingj_50 {
  fill: none;
  stroke: var(--bracketWinnerLine, #3c97e2);
  stroke-width: 2;
}

._pendingPath_1ingj_56 {
  fill: none;
  stroke: var(--secondaryText);
  stroke-width: 1.5;
  stroke-dasharray: 4 4;
}

._column_1ingj_63 {
  position: relative;
  flex: 0 0 auto;
  width: 300px;
  overflow: hidden;
  transition: width 300ms ease;
  z-index: 1;
}
._column_1ingj_63._collapsed_1ingj_71 {
  width: 38px;
}

._roundPill_1ingj_75 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: var(--spacing-md);
  padding: var(--spacing-md) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-md);
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bgLight);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 300ms ease;
}
._collapsed_1ingj_71 ._roundPill_1ingj_75 {
  opacity: 1;
  pointer-events: auto;
}
._roundPill_1ingj_75:hover {
  background: var(--infoTileHover);
}

._pillIcon_1ingj_103 {
  flex-shrink: 0;
  font-size: 16px;
  color: var(--tertiaryText);
  transform: rotate(90deg);
}

._pillLabel_1ingj_110 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tertiaryText);
}

._colContent_1ingj_120 {
  opacity: 1;
  transition: opacity 300ms ease;
}
._collapsed_1ingj_71 ._colContent_1ingj_120 {
  opacity: 0;
  pointer-events: none;
}

._roundTitle_1ingj_129 {
  position: absolute;
  top: 0;
  left: 0;
  width: 260px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--secondaryText);
  white-space: nowrap;
}

._cardSlot_1ingj_145 {
  position: absolute;
  left: 0;
  width: 260px;
  transition: top 300ms ease;
}

._card_1ingj_145 {
  position: relative;
  height: 102px;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
._card_1ingj_145._clickable_1ingj_162 {
  cursor: pointer;
}
._card_1ingj_145._clickable_1ingj_162:hover {
  border-color: var(--secondaryText);
}

._cardHeader_1ingj_169 {
  height: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 0 var(--spacing-md);
  border-bottom: 1px solid var(--border);
  background: var(--bgLight);
  border-radius: 8px 8px 0 0;
  white-space: nowrap;
}

._titleRow_1ingj_182 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
  min-width: 0;
}

._matchLabel_1ingj_190 {
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  color: var(--mainText);
  overflow: hidden;
  text-overflow: ellipsis;
}

._matchMeta_1ingj_199 {
  font-size: 10px;
  color: var(--secondaryText);
  overflow: hidden;
  text-overflow: ellipsis;
}

._unscheduled_1ingj_206 {
  font-size: 10px;
  color: var(--error);
  overflow: hidden;
  text-overflow: ellipsis;
}

._teamRow_1ingj_213 {
  flex: 1;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-md);
  font-size: 13px;
  transition: opacity 300ms ease;
}
._teamRow_1ingj_213 + ._teamRow_1ingj_213 {
  border-top: 1px solid var(--border);
}

._rowWinner_1ingj_227 {
  font-weight: 700;
}

._rowLoser_1ingj_231 {
  opacity: 0.35;
}

._rowConflict_1ingj_235 {
  background: rgba(255, 152, 0, 0.1);
}

._slotWarning_1ingj_239 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0;
  padding: 2px 8px;
  border: 1px solid var(--warning);
  border-radius: 999px;
  background: var(--white);
  font-size: 14px;
  line-height: 1;
  color: var(--warning);
  cursor: pointer;
}
._slotWarning_1ingj_239:hover {
  background: rgba(255, 152, 0, 0.15);
}

._seedPill_1ingj_258 {
  flex-shrink: 0;
  min-width: 20px;
  height: 20px;
  padding: 0 var(--spacing-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--bg);
  font-size: 10px;
  font-weight: 600;
  color: var(--tertiaryText);
}

._teamName_1ingj_273 {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

._teamNameText_1ingj_281 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._teamLogo_1ingj_287 {
  width: 16px;
  height: 16px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 2px;
}

._score_1ingj_295 {
  flex-shrink: 0;
  min-width: 22px;
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

._placementBadge_1ingj_303 {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--white);
  font-size: 10px;
  font-weight: 600;
  color: var(--mainText);
  white-space: nowrap;
}

._advChips_1ingj_318 {
  position: absolute;
  bottom: -9px;
  left: var(--spacing-sm);
  right: var(--spacing-sm);
  z-index: 2;
  display: flex;
  gap: var(--spacing-sm);
}

._advChip_1ingj_318 {
  min-width: 0;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  font-size: 9px;
  letter-spacing: -0.01em;
  color: var(--tertiaryText);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._advLoserChip_1ingj_343 {
  border-style: dashed;
}
._pill_54p7b_1 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: 100px;
  border: 1px solid var(--border);
  background: var(--gray);
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  margin-left: auto;
}

._label_54p7b_15 {
  opacity: 0.6;
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
}

._separator_54p7b_23 {
  opacity: 0.2;
}

._currentElo_54p7b_27 {
  font-weight: bold;
}

._diff_54p7b_31 {
  font-weight: bold;
}

._diffPositive_54p7b_35 {
  color: var(--success);
}

._diffNegative_54p7b_39 {
  color: var(--error);
}@media print {
  ._wrapper_hlq0e_2 {
    break-inside: avoid;
    page-break-after: always;
  }
}

._standingsWrapper_hlq0e_8 {
  overflow: auto;
}

._standingsTitle_hlq0e_12 {
  font-size: 20px !important;
  font-weight: 500;
  margin: 0;
  color: var(--main);
}

._poolTitle_hlq0e_19 {
  font-size: 16px !important;
  font-weight: 600;
  margin: var(--spacing-lg) 0 var(--spacing-sm);
  color: var(--main);
}

._tournamentButtons_hlq0e_26 {
  padding: var(--spacing-lg) 0 0 !important;
}

._standings_hlq0e_8 {
  width: 100%;
  border-spacing: 0;
}
._standings_hlq0e_8._banner_hlq0e_34 {
  padding-bottom: var(--spacing-xl);
}
@media (max-width: 960px) {
  ._standings_hlq0e_8 ._longForm_hlq0e_38 {
    display: none;
  }
}
._standings_hlq0e_8 ._shortForm_hlq0e_42 {
  display: none;
}
@media (max-width: 960px) {
  ._standings_hlq0e_8 ._shortForm_hlq0e_42 {
    display: block;
  }
}
@media (max-width: 530px) {
  ._standings_hlq0e_8 ._hideMobile_hlq0e_51 {
    display: none;
  }
}
@media (min-width: 531px) {
  ._standings_hlq0e_8 ._hideDesktop_hlq0e_56 {
    display: none;
  }
}
._standings_hlq0e_8 ._unfold_hlq0e_60 {
  transform: rotate(90deg);
  padding: 0;
}
._standings_hlq0e_8 th {
  white-space: nowrap;
}
._standings_hlq0e_8 th,
._standings_hlq0e_8 td {
  text-align: center;
  padding: var(--spacing-md);
}
._standings_hlq0e_8 th._highlighted_hlq0e_72,
._standings_hlq0e_8 td._highlighted_hlq0e_72 {
  background: var(--border);
}
@media (max-width: 530px) {
  ._standings_hlq0e_8 th._highlighted_hlq0e_72._notMobile_hlq0e_77,
  ._standings_hlq0e_8 td._highlighted_hlq0e_72._notMobile_hlq0e_77 {
    background: none;
  }
}
._standings_hlq0e_8 ._odd_hlq0e_82 {
  background: var(--bg);
}
._standings_hlq0e_8 ._danger_hlq0e_85 {
  background: #ffbaba;
}
._standings_hlq0e_8 ._actionsCell_hlq0e_88 {
  width: 52px;
}
._standings_hlq0e_8 ._actions_hlq0e_88 {
  display: flex;
  align-items: center;
}
._standings_hlq0e_8 ._nameCell_hlq0e_95 {
  text-align: left;
  width: 99%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50px;
}

._addBtn_hlq0e_104 {
  margin: var(--spacing-md) 0 !important;
  margin-left: auto !important;
  display: block;
}

._dragHandle_hlq0e_110 {
  line-height: 0;
}

._nameWrapper_hlq0e_114 {
  position: relative;
}

._teamLogo_hlq0e_118 {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 2px;
}

._tiedLabel_hlq0e_126 {
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translate(100%, -80%);
  background: var(--darker);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  padding: var(--spacing-xs) var(--spacing-sm);
}

._tieBreakerWrapper_hlq0e_139 ._tieBreaker_hlq0e_139 {
  margin: 0 0 var(--spacing-md);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
._tieBreakerWrapper_hlq0e_139 ._tieBreaker_hlq0e_139 ._active_hlq0e_145 {
  background: var(--darker) !important;
  border-color: var(--darker) !important;
}

._clickableRow_hlq0e_150 {
  transition: background-color 0.15s ease;
}
._clickableRow_hlq0e_150 ._nameWrapper_hlq0e_114 {
  transition: all 0.2s ease;
  display: inline-block;
}
._clickableRow_hlq0e_150:hover {
  background-color: var(--border) !important;
}
._clickableRow_hlq0e_150:hover ._nameWrapper_hlq0e_114 {
  color: var(--main);
  transform: translateX(4px);
}
@media print {
  ._wrapper_1k00m_2 {
    break-inside: avoid;
    page-break-after: always;
  }
}

._standingsWrapper_1k00m_8 {
  overflow: auto;
}

._standingsTitle_1k00m_12 {
  font-size: 20px !important;
  font-weight: 500;
  margin: 0;
  color: var(--main);
}

._poolTitle_1k00m_19 {
  font-size: 16px !important;
  font-weight: 600;
  margin: var(--spacing-lg) 0 var(--spacing-sm);
  color: var(--main);
}

._tournamentButtons_1k00m_26 {
  padding: var(--spacing-lg) 0 0 !important;
}

._standings_1k00m_8 {
  width: 100%;
  border-spacing: 0;
}
._standings_1k00m_8._banner_1k00m_34 {
  padding-bottom: var(--spacing-xl);
}
@media (max-width: 960px) {
  ._standings_1k00m_8 ._longForm_1k00m_38 {
    display: none;
  }
}
._standings_1k00m_8 ._shortForm_1k00m_42 {
  display: none;
}
@media (max-width: 960px) {
  ._standings_1k00m_8 ._shortForm_1k00m_42 {
    display: block;
  }
}
@media (max-width: 530px) {
  ._standings_1k00m_8 ._hideMobile_1k00m_51 {
    display: none;
  }
}
@media (min-width: 531px) {
  ._standings_1k00m_8 ._hideDesktop_1k00m_56 {
    display: none;
  }
}
._standings_1k00m_8 ._unfold_1k00m_60 {
  transform: rotate(90deg);
  padding: 0;
}
._standings_1k00m_8 th {
  white-space: nowrap;
}
._standings_1k00m_8 th,
._standings_1k00m_8 td {
  text-align: center;
  padding: var(--spacing-md);
}
._standings_1k00m_8 th._highlighted_1k00m_72,
._standings_1k00m_8 td._highlighted_1k00m_72 {
  background: var(--border);
}
@media (max-width: 530px) {
  ._standings_1k00m_8 th._highlighted_1k00m_72._notMobile_1k00m_77,
  ._standings_1k00m_8 td._highlighted_1k00m_72._notMobile_1k00m_77 {
    background: none;
  }
}
._standings_1k00m_8 ._odd_1k00m_82 {
  background: var(--bg);
}
._standings_1k00m_8 ._danger_1k00m_85 {
  background: #ffbaba;
}
._standings_1k00m_8 ._actionsCell_1k00m_88 {
  width: 52px;
}
._standings_1k00m_8 ._actions_1k00m_88 {
  display: flex;
  align-items: center;
}
._standings_1k00m_8 ._nameCell_1k00m_95 {
  text-align: left;
  width: 99%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 50px;
}

._addBtn_1k00m_104 {
  margin: var(--spacing-md) 0 !important;
  margin-left: auto !important;
  display: block;
}

._dragHandle_1k00m_110 {
  line-height: 0;
}

._nameWrapper_1k00m_114 {
  position: relative;
}

._teamLogo_1k00m_118 {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 2px;
}

._tiedLabel_1k00m_126 {
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translate(100%, -80%);
  background: var(--darker);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
  padding: var(--spacing-xs) var(--spacing-sm);
}

._tieBreakerWrapper_1k00m_139 ._tieBreaker_1k00m_139 {
  margin: 0 0 var(--spacing-md);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
._tieBreakerWrapper_1k00m_139 ._tieBreaker_1k00m_139 ._active_1k00m_145 {
  background: var(--darker) !important;
  border-color: var(--darker) !important;
}

._clickableRow_1k00m_150 {
  transition: background-color 0.15s ease;
}
._clickableRow_1k00m_150 ._nameWrapper_1k00m_114 {
  transition: all 0.2s ease;
  display: inline-block;
}
._clickableRow_1k00m_150:hover {
  background-color: var(--border) !important;
}
._clickableRow_1k00m_150:hover ._nameWrapper_1k00m_114 {
  color: var(--main);
  transform: translateX(4px);
}._tieGroups_1c23x_1 {
  margin: 20px 0;
}

._tieGroup_1c23x_1 {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 4px;
  border: 1px solid red;
  background: var(--bg);
  margin: 0 0 var(--spacing-lg);
  transition: border 0.3s;
}
._tieGroup_1c23x_1._resolved_1c23x_14 {
  border-color: green;
}
._tieGroup_1c23x_1._resolved_1c23x_14 ._resolvedLabel_1c23x_17 {
  color: green;
}
._tieGroup_1c23x_1 ._resolvedLabel_1c23x_17 {
  color: red;
  font-style: italic;
  transition: color 0.3s;
  font-size: 16px;
  font-weight: 500;
}
._tieGroup_1c23x_1 h3 {
  margin: 0;
}
._tieGroup_1c23x_1 p {
  margin: var(--spacing-sm) 0 var(--spacing-lg);
}

._resolvedOrder_1c23x_34 ul {
  list-style: none;
}

._teamButtons_1c23x_38 {
  display: flex;
  gap: 10px;
  margin: 15px 0;
}
._teamButtons_1c23x_38 button {
  padding: 8px 15px;
  background: #4caf50;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
._teamButtons_1c23x_38 button:hover {
  background: #45a049;
}
._teamButtons_1c23x_38 button:disabled {
  background: #cccccc;
  cursor: not-allowed;
}
._bar_vowg0_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  margin-bottom: 12px;
  border: 1px solid var(--color-border, #e2e2e2);
  border-radius: 8px;
  background: var(--color-surface-muted, #f7f7f7);
}

._barLabel_vowg0_13 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-text-muted, #6b6b6b);
  margin-right: 4px;
}

._barHint_vowg0_20 {
  flex-basis: 100%;
  font-size: 0.75rem;
  color: var(--color-text-muted, #6b6b6b);
}

._tab_vowg0_26,
._tabActive_vowg0_27 {
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--color-border, #e2e2e2);
  background: var(--color-surface, #fff);
  color: inherit;
  font: inherit;
  font-size: 0.8125rem;
  cursor: pointer;
}

._tab_vowg0_26:hover {
  background: var(--color-surface-muted, #eee);
}

._tabActive_vowg0_27 {
  background: var(--color-primary, #2196f3);
  border-color: var(--color-primary, #2196f3);
  color: #fff;
}

._fieldTags_vowg0_48 {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 4px;
}

._tagMachine_vowg0_55,
._tagHuman_vowg0_56,
._tagStale_vowg0_57,
._tagMissing_vowg0_58 {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

._tagMachine_vowg0_55 {
  background: #e3f2fd;
  color: #0d47a1;
}

._tagHuman_vowg0_56 {
  background: #e8f5e9;
  color: #1b5e20;
}

/* Amber, not red: a stale translation is still being served, so this says "look at this",
   not "this is broken". */
._tagStale_vowg0_57 {
  background: #fff3e0;
  color: #e65100;
}

._tagMissing_vowg0_58 {
  background: var(--color-surface, #fff);
  color: var(--color-text-muted, #6b6b6b);
  border: 1px solid var(--color-border, #e2e2e2);
}

/* The original, shown under the input being translated so the two can be compared without
   leaving the editor. */
._reference_vowg0_91 {
  margin: 4px 0 0;
  padding: 8px 10px;
  border-left: 3px solid var(--color-border, #e2e2e2);
  background: var(--color-surface-muted, #f7f7f7);
  border-radius: 0 4px 4px 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  color: var(--color-text-muted, #6b6b6b);
  max-height: 160px;
  overflow-y: auto;
}