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

._teamsWrapper_1bode_8 {
  display: flex;
  align-items: start;
  gap: 2%;
  flex-wrap: wrap;
}

._teamWrapper_1bode_15 {
  width: 49%;
}
@media (max-width: 850px) {
  ._teamWrapper_1bode_15 {
    width: 100%;
  }
}
._actions_1jts2_1 {
  display: flex;
  align-items: center;
}

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

._item_1jts2_12 {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  justify-content: space-between;
}

._odd_1jts2_19 {
  background: #f1f2f3;
}
._title_1lskf_1 {
  font-size: 20px !important;
  font-weight: 500;
  margin: var(--spacing-lg) 0 !important;
  color: var(--main);
}
._standingsContainer_ewdeo_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  font-family: "Outfit", sans-serif; /* or the default heading font */
}

._tournamentTitle_ewdeo_9 {
  font-size: 32px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  margin: 0 0 var(--spacing-lg);
  position: relative;
  display: inline-block;
  align-self: center;
}

._tournamentTitle_ewdeo_9::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100px;
  height: 4px;
}

._list_ewdeo_31 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

._row_ewdeo_37 {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid var(--border);
  padding-bottom: var(--spacing-md);
}

._row_ewdeo_37:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

._rankBox_ewdeo_51 {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 900;
  flex-shrink: 0;
}

._teamName_ewdeo_62 {
  flex: 1;
  font-size: 20px;
  font-weight: 700;
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._stats_ewdeo_72 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 20px;
}

._statBox_ewdeo_79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
}

._statNumber_ewdeo_86 {
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

._statLabel_ewdeo_92 {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
}

._statDivider_ewdeo_100 {
  width: 1px;
  height: 30px;
  background-color: var(--border);
}

._pointsBox_ewdeo_106 {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 900;
  flex-shrink: 0;
}

._empty_ewdeo_117 {
  padding: 40px;
  text-align: center;
}._container_vj9qz_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: var(--spacing-xl);
}

._loadingOverlay_vj9qz_8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: rgba(255, 255, 255, 0.7);
  color: var(--secondaryText);
  z-index: 10;
  border-radius: 12px;
}

.theme-dark ._loadingOverlay_vj9qz_8 {
  background: rgba(0, 0, 0, 0.7);
}

._captureWrapper_vj9qz_29 {
  position: relative;
}

._poweredBy_vj9qz_33 {
  display: block;
  position: absolute;
  bottom: var(--spacing-md);
  right: var(--spacing-md);
  line-height: 1;
  padding: 2px 7px 3px;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  border-bottom-left-radius: 10px;
  gap: 5px;
}
._poweredBy_vj9qz_33._light_vj9qz_47 {
  color: var(--secondaryText);
}
._poweredBy_vj9qz_33 img {
  align-self: end;
  padding-bottom: 1px;
  box-sizing: content-box;
}
._poweredBy_vj9qz_33 span {
  display: block;
  line-height: 1.2;
  padding-bottom: 2px;
  padding-top: 3px;
}

._previewContainer_vj9qz_62 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  padding: 16px;
  background: transparent;
  border-radius: 12px;
}

._previewCard_vj9qz_73 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 600px;
}

._previewImage_vj9qz_81 {
  width: 100%;
}

._actions_vj9qz_85 {
  display: flex;
  gap: 12px;
  justify-content: center;
}
._actions_vj9qz_85 button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._scrollablePreviewArea_vj9qz_98 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  /* The inner capture wrapper will dictate its own background */
  position: relative;
}

/* Hide the scrollbar for a cleaner look if desired, or keep it. */
._scrollablePreviewArea_vj9qz_98::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

._scrollablePreviewArea_vj9qz_98::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}

._captureWrapper_vj9qz_29 {
  padding: var(--spacing-lg) var(--spacing-lg) 48px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 600px;
  min-width: 600px;
  border-radius: 24px;
}
._captureWrapper_vj9qz_29._dark_vj9qz_126 {
  background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
  color: #fff;
  --cardBg: #222;
  --border: #333;
  --text: #fff;
  --secondaryText: #aaa;
  --primary: #f0f0f0;
}
._captureWrapper_vj9qz_29._light_vj9qz_47 {
  background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);
  color: #111;
  --cardBg: #fff;
  --border: #e0e0e0;
  --text: #111;
  --secondaryText: #666;
}

._header_vj9qz_144 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  border-bottom: 2px solid var(--border);
  padding: 0 var(--spacing-lg) var(--spacing-lg);
}

._logo_vj9qz_152 {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: contain;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

._headerText_vj9qz_160 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._eventName_vj9qz_166 {
  font-size: 32px;
  font-weight: 800;
  margin: 0;
  line-height: 1.2;
}

._divisionName_vj9qz_173 {
  font-size: 20px;
  font-weight: 600;
  color: var(--secondaryText);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

._body_vj9qz_182 {
  flex: 1;
  width: 100%;
}

._footer_vj9qz_187 {
  margin-top: 16px;
  padding-top: 24px;
  border-top: 2px solid var(--border);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--secondaryText);
  text-transform: uppercase;
  letter-spacing: 2px;
}

._offscreenContainer_vj9qz_199 {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: -9999;
}._card_1pgef_1 {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: var(--spacing-lg);
  margin-top: var(--spacing-lg);
  color: var(--mainText);
  border: 1px solid var(--border);
}

._header_1pgef_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-md);
}

._countdown_1pgef_18 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.85;
}

._actions_1pgef_26 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

._gamesBadge_1pgef_32 {
  font-size: 11px;
  font-weight: 600;
  background: var(--bg);
  color: var(--secondaryText);
  border: 1px solid var(--border);
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._dismissBtn_1pgef_44 {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondaryText);
  opacity: 0.6;
  border-radius: 50%;
  transition: background-color 0.2s, opacity 0.2s;
}
._dismissBtn_1pgef_44:hover {
  background-color: var(--bg);
  opacity: 1;
}
._dismissBtn_1pgef_44 svg {
  width: 16px;
  height: 16px;
}

._matchup_1pgef_66 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--spacing-md);
}

._teamName_1pgef_73 {
  font-size: 18px;
  font-weight: 700;
}

._vs_1pgef_78 {
  font-size: 13px;
  font-weight: 500;
  opacity: 0.7;
  text-transform: uppercase;
}

._opponentName_1pgef_85 {
  font-size: 18px;
  font-weight: 600;
  opacity: 0.9;
}

._details_1pgef_91 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  opacity: 0.8;
}

._separator_1pgef_99 {
  opacity: 0.5;
}._recapsContainer_1lmeb_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) 0;
}

._recapCard_1lmeb_8 {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: var(--spacing-lg);
}

._recapHeader_1lmeb_15 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
._recapHeader_1lmeb_15 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

._dateRange_1lmeb_28 {
  font-size: 13px;
  color: var(--secondaryText);
}

._publishedBadge_1lmeb_33 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--success-light, #e8f5e9);
  color: var(--success);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: 4px;
}

._notes_1lmeb_44 {
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--bg);
  border-radius: 8px;
  margin-bottom: var(--spacing-lg);
}
._notes_1lmeb_44 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
}

._statsGrid_1lmeb_57 {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: 12px;
  flex-wrap: wrap;
}

._statItem_1lmeb_64 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--bg);
  border-radius: 8px;
  min-width: 80px;
}

._statValue_1lmeb_74 {
  font-size: 22px;
  font-weight: 700;
  color: var(--darker);
}

._statLabel_1lmeb_80 {
  font-size: 11px;
  color: var(--secondaryText);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

._highlight_1lmeb_87 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border: 1px solid var(--border);
  border-radius: 8px;
}
._highlight_1lmeb_87 ._header_1lmeb_95 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: var(--secondaryText);
}
._highlight_1lmeb_87 span {
  font-size: 14px;
  font-weight: 500;
}
._highlight_1lmeb_87 span ._score_1lmeb_105 {
  background: var(--bg);
  padding: var(--spacing-sm);
  border-radius: 4px;
}
._highlight_1lmeb_87 span._value_1lmeb_110 {
  margin: auto;
}

._createContainer_1lmeb_114 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--spacing-md);
}

._draftBadge_1lmeb_120 {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--border);
  color: var(--secondaryText);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: 4px;
}

._recapActions_1lmeb_131 {
  display: flex;
  gap: 8px;
  margin-top: var(--spacing-md);
  justify-content: flex-end;
  border-top: 1px solid var(--border);
  padding-top: var(--spacing-md);
}

._modalForm_1lmeb_140 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-md) 0;
}

._modalGenerateRow_1lmeb_147 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

._previewLabel_1lmeb_153 {
  font-size: 13px;
  font-weight: 600;
  color: var(--secondaryText);
  margin-bottom: var(--spacing-sm);
}

._topTeamsList_1lmeb_160 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

._topTeamRow_1lmeb_167 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  gap: var(--spacing-md);
}

._topTeamRank_1lmeb_175 {
  font-weight: 700;
  color: var(--darker);
}

._topTeamName_1lmeb_180 {
  font-weight: 500;
  flex: 1;
}

._topTeamPoints_1lmeb_185 {
  color: var(--secondaryText);
  font-size: 12px;
}

._divisionBadge_1lmeb_190 {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}