/* [project]/src/components/pages/LobbyBalanceContent.module.css [app-client] (css) */
.LobbyBalanceContent-module__ZyBfzW__page {
  --aoe-ink: #2c1a12;
  --aoe-muted: #5a3c29;
  --aoe-gold: #86511f;
  --aoe-line: #4b362073;
  width: 100%;
  max-width: none;
  min-height: calc(100dvh - 57px);
  color: var(--aoe-ink);
  font-family: var(--font-sans);
  background-color: var(--aoe-ground);
  background-image: var(--aoe-ground-shade), var(--aoe-texture);
  isolation: isolate;
  background-size: auto, 640px 640px;
  margin: 0;
  padding: 22px max(20px, 50vw - 768px) 56px;
  position: relative;
  box-shadow: inset 0 18px 34px #2a160c38;
}

.LobbyBalanceContent-module__ZyBfzW__backdrop {
  display: none;
}

.LobbyBalanceContent-module__ZyBfzW__backdrop:after {
  content: none;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyShell {
  border: 3px ridge var(--aoe-ridge);
  background: var(--aoe-parchment) var(--aoe-texture) 0 0 / 640px 640px;
  width: min(1480px, 100%);
  box-shadow: var(--aoe-shadow-panel);
  border-radius: 2px;
  margin: 0 auto;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__browserButton {
  z-index: 2;
  border: 1px solid var(--aoe-wood-border);
  background: linear-gradient(180deg, var(--aoe-wood-top), var(--aoe-wood-bottom));
  color: #e9d8bd;
  cursor: pointer;
  min-height: 36px;
  font-family: var(--font-ui);
  letter-spacing: .05em;
  text-shadow: var(--aoe-text-engrave);
  text-transform: uppercase;
  border-radius: 1px;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  transition: filter .15s, border-color .15s, color .15s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  box-shadow: inset 0 1px #efd2aa29, inset 0 -1px #140b0773;
}

.LobbyBalanceContent-module__ZyBfzW__browserButton:after {
  content: "›";
  opacity: .85;
  margin-left: 2px;
  font-size: 17px;
  line-height: 1;
}

.LobbyBalanceContent-module__ZyBfzW__browserButton svg {
  color: #e2b86e;
}

.LobbyBalanceContent-module__ZyBfzW__browserButton:hover {
  border-color: var(--aoe-wood-border-hover);
  color: #fff6e9;
  filter: brightness(1.1);
}

.LobbyBalanceContent-module__ZyBfzW__onlineDot, .LobbyBalanceContent-module__ZyBfzW__offlineDot {
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.LobbyBalanceContent-module__ZyBfzW__onlineDot {
  background: #73c76a;
  box-shadow: 0 0 8px #73c76a;
}

.LobbyBalanceContent-module__ZyBfzW__offlineDot {
  background: #b9784e;
}

.LobbyBalanceContent-module__ZyBfzW__header {
  text-align: center;
  background: none;
  border: 0;
  min-height: 92px;
  padding: 16px 24px 8px;
  position: relative;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__ornament {
  opacity: .72;
  pointer-events: none;
  background: url("/lobby/aoe/header-ornaments.webp") center / contain no-repeat;
  width: min(760px, 85%);
  height: 112px;
  position: absolute;
  inset: -9px 50% auto auto;
  transform: translateX(50%);
}

.LobbyBalanceContent-module__ZyBfzW__header h1 {
  color: #2b180f;
  width: min(570px, 78%);
  min-height: 48px;
  font-family: var(--font-display);
  letter-spacing: .04em;
  text-shadow: var(--aoe-text-emboss);
  background: #dab090e6;
  border: 2px solid #6445279e;
  place-items: center;
  margin: 0 auto;
  font-size: clamp(21px, 2vw, 29px);
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: relative;
  box-shadow: inset 0 0 0 2px #f7daa773;
}

.LobbyBalanceContent-module__ZyBfzW__header p {
  color: #4b3028;
  max-width: 670px;
  margin: 6px auto 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__workspace {
  background: none;
  grid-template-columns: minmax(0, 2fr) minmax(330px, 1fr);
  gap: 10px;
  padding: 8px 12px 12px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__playerPanel, .LobbyBalanceContent-module__ZyBfzW__settingsPanel {
  border: 3px ridge var(--aoe-ridge);
  min-width: 0;
  box-shadow: var(--aoe-shadow-inlay);
  background: var(--aoe-inlay) var(--aoe-inlay-texture) repeat;
  border-radius: 2px;
}

.LobbyBalanceContent-module__ZyBfzW__playerPanel {
  --lobby-grid: minmax(255px, 1.55fr) 90px 116px minmax(130px, .72fr) 58px 34px;
  --lobby-grid-positionless: minmax(275px, 1.7fr) 90px minmax(130px, .72fr) 58px 34px;
  flex-direction: column;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__playerPanel > .LobbyBalanceContent-module__ZyBfzW__panelTitle {
  border: 0;
  border-bottom: 1px solid var(--aoe-line);
  color: #2b180f;
  min-height: 50px;
  font-family: var(--font-display);
  letter-spacing: .02em;
  text-transform: none;
  text-shadow: var(--aoe-text-emboss);
  background: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 18px;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__panelTitle {
  color: #391c1b;
  letter-spacing: 0;
  text-transform: none;
  min-height: 50px;
  text-shadow: none;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  padding: 0 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__panelTitle span {
  align-items: center;
  gap: 8px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__panelTitle b {
  font-family: var(--font-ui);
  color: #5a3c29;
  font-size: 12px;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__columnHead, .LobbyBalanceContent-module__ZyBfzW__playerRow {
  grid-template-columns: var(--lobby-grid);
  align-items: center;
  gap: 7px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__positionlessGrid {
  grid-template-columns: var(--lobby-grid-positionless);
}

.LobbyBalanceContent-module__ZyBfzW__columnHead {
  color: #d7c0a0;
  min-height: 42px;
  font-family: var(--font-ui);
  letter-spacing: .08em;
  text-shadow: 0 1px #140c08b3;
  text-transform: uppercase;
  background: linear-gradient(#4a372afa, #30251ffc);
  border: 0;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 800;
  box-shadow: inset 0 1px #e6be7f1f, inset 0 -1px #0f090699;
}

.LobbyBalanceContent-module__ZyBfzW__playerRow {
  background: none;
  border: 0;
  min-height: 52px;
  padding: 3px 10px;
  transition: background-color .14s;
}

.LobbyBalanceContent-module__ZyBfzW__playerRow:hover {
  background: #ffebd017;
}

.LobbyBalanceContent-module__ZyBfzW__playerIdentity {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__playerColor {
  color: #fff;
  text-shadow: 0 1px 3px #000, 0 0 3px #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__playerColorSelect {
  cursor: pointer;
  appearance: none;
  text-align: center;
  text-align-last: center;
  border: 0;
  outline: 0;
}

.LobbyBalanceContent-module__ZyBfzW__playerColorSelect option {
  color: #35281f;
  text-shadow: none;
  background: #efe0c5;
}

.LobbyBalanceContent-module__ZyBfzW__playerIdentity div {
  background: linear-gradient(90deg, #f9e0c23d, #f9e0c214);
  border-bottom: 1px solid #4c312133;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 42px;
  padding: 0 11px;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__playerIdentity strong {
  color: #2b1b16;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .005em;
  text-shadow: 0 1px #ffecd36b;
  flex: 1;
  min-width: 0;
  font-size: 18px;
  font-weight: 700;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__playerIdentity small {
  color: #64483a;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  max-width: 52%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__eloColumnTitle {
  cursor: help;
  outline: none;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__eloTooltip, .LobbyBalanceContent-module__ZyBfzW__infoTooltip {
  z-index: 40;
  color: #f2e5c9;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  background: #312b25;
  border: 2px ridge #a38a45;
  width: 238px;
  padding: 11px 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  transition: opacity .12s, visibility .12s;
  position: absolute;
  box-shadow: 0 5px 14px #00000075;
}

.LobbyBalanceContent-module__ZyBfzW__eloTooltip {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.LobbyBalanceContent-module__ZyBfzW__eloTooltip b, .LobbyBalanceContent-module__ZyBfzW__eloTooltip em {
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__eloTooltip b {
  color: #e0b85f;
  margin-bottom: 3px;
}

.LobbyBalanceContent-module__ZyBfzW__eloTooltip em {
  color: #fff;
  margin-bottom: 4px;
  font-size: 13px;
  font-style: normal;
}

.LobbyBalanceContent-module__ZyBfzW__eloColumnTitle:hover .LobbyBalanceContent-module__ZyBfzW__eloTooltip, .LobbyBalanceContent-module__ZyBfzW__eloColumnTitle:focus .LobbyBalanceContent-module__ZyBfzW__eloTooltip {
  visibility: visible;
  opacity: 1;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput, .LobbyBalanceContent-module__ZyBfzW__aoeSelect, .LobbyBalanceContent-module__ZyBfzW__customElo {
  color: #391c1b;
  background: #ebccac8f;
  border: 1px solid #412a1c61;
  border-radius: 0;
  outline: 0;
  min-width: 0;
  height: 42px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  transition: border-color .14s, background-color .14s, box-shadow .14s;
  box-shadow: inset 0 0 0 1px #ffedd12e;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput, .LobbyBalanceContent-module__ZyBfzW__customElo {
  background-color: #ebccac8f;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput {
  text-align: center;
  width: 100%;
  padding: 0 10px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput::placeholder {
  color: #3c3025;
  opacity: 1;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput[data-overridden="true"] {
  color: #7b2019;
  filter: saturate(1.18) drop-shadow(0 0 5px #daa43e99);
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput[data-saving="true"] {
  opacity: .82;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput[data-save-error="true"] {
  color: #a31414;
  filter: saturate(1.35) drop-shadow(0 0 5px #be1818bf);
}

.LobbyBalanceContent-module__ZyBfzW__aoeSelect {
  cursor: pointer;
  appearance: none;
  background-color: #ebccac8f;
  width: 100%;
  padding: 0 27px 0 10px;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput:hover, .LobbyBalanceContent-module__ZyBfzW__aoeSelect:hover, .LobbyBalanceContent-module__ZyBfzW__customElo:hover {
  background-color: #f2d7b5ad;
  border-color: #6043259e;
}

.LobbyBalanceContent-module__ZyBfzW__eloInput:focus, .LobbyBalanceContent-module__ZyBfzW__aoeSelect:focus, .LobbyBalanceContent-module__ZyBfzW__customElo:focus, .LobbyBalanceContent-module__ZyBfzW__aoeSelect[data-selected="true"] {
  background-color: #f5dbb7c7;
  border-color: #80652e;
  box-shadow: inset 0 0 0 1px #ffefc580, 0 0 0 1px #4d351c29;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceButton {
  cursor: pointer;
  color: #391c1b;
  background: #ebccac8f;
  border: 1px solid #412a1c61;
  outline: 0;
  justify-content: center;
  justify-self: stretch;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  transition: border-color .14s, background-color .14s, box-shadow .14s;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #ffedd12e;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceButton:hover {
  background-color: #f2d7b5ad;
  border-color: #6043259e;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceButton img {
  object-fit: contain;
  flex: none;
  width: 31px;
  height: 31px;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceHasMap {
  background-color: #f5dbb7c7;
  border-color: #80652e;
  justify-content: flex-start;
  gap: 7px;
  padding: 4px 9px;
  box-shadow: inset 0 0 0 1px #ffefc580;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceHasMap span {
  color: #391c1b;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceAdd {
  color: #fff0d2;
  background: #7c2922;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 13px;
  height: 13px;
  margin-left: 2px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge {
  color: #756651;
  background: url("/lobby/aoe/team-slot.webp") center / 100% 100% no-repeat;
  border: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 43px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge:not(.LobbyBalanceContent-module__ZyBfzW__teamA):not(.LobbyBalanceContent-module__ZyBfzW__teamB) {
  background: #dfbfa061;
  border: 1px solid #412a1c47;
  box-shadow: inset 0 0 0 1px #ffebcc1f;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge b {
  font-size: 15px;
  line-height: 14px;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge small {
  margin-top: 2px;
  font-size: 8px;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge select {
  cursor: pointer;
  appearance: none;
  width: 100%;
  color: inherit;
  text-align: center;
  text-align-last: center;
  background: none;
  border: 0;
  outline: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.LobbyBalanceContent-module__ZyBfzW__teamBadge select option {
  color: #35281f;
  background: #efe0c5;
}

.LobbyBalanceContent-module__ZyBfzW__assignedColor {
  color: #fff;
  text-shadow: 0 1px 2px #000;
  border: 1px solid #0000008c;
  place-items: center;
  width: 20px;
  height: 20px;
  font-family: Georgia, serif;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffffff47;
  font-size: 11px !important;
  line-height: 1 !important;
}

.LobbyBalanceContent-module__ZyBfzW__teamA {
  color: #183d75;
}

.LobbyBalanceContent-module__ZyBfzW__teamB {
  color: #7f1e18;
}

.LobbyBalanceContent-module__ZyBfzW__removeButton {
  cursor: pointer;
  color: #0000;
  background: url("/lobby/aoe/remove-player.webp") center / 31px 31px no-repeat;
  border: 0;
  place-self: center;
  width: 31px;
  height: 31px;
  font-size: 0;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__removeButton:hover {
  background-image: url("/lobby/aoe/remove-player-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__openSlot {
  grid-template-columns: var(--lobby-grid);
  color: #391c1b;
  border: 0;
  align-items: center;
  gap: 7px;
  min-height: 52px;
  padding: 3px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__openIdentity {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__emptyColor, .LobbyBalanceContent-module__ZyBfzW__emptyTeam {
  color: #391c1b94;
  background: #dab99b57;
  border: 1px solid #412a1c42;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 16px;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffebcc1a;
}

.LobbyBalanceContent-module__ZyBfzW__emptyTeam {
  width: 43px;
}

.LobbyBalanceContent-module__ZyBfzW__openName, .LobbyBalanceContent-module__ZyBfzW__openControl {
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #e5c7a929;
  border-bottom: 1px solid #4c312124;
  align-items: center;
  min-width: 0;
  height: 42px;
  padding: 0 10px;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__openName {
  color: #391c1bcc;
  flex: 1;
  font-weight: 600;
}

.LobbyBalanceContent-module__ZyBfzW__openControl {
  color: #391c1b80;
  justify-content: center;
}

.LobbyBalanceContent-module__ZyBfzW__openMapControl {
  justify-self: stretch;
  width: 100%;
  padding: 0;
}

.LobbyBalanceContent-module__ZyBfzW__openSlot .LobbyBalanceContent-module__ZyBfzW__emptyTeam, .LobbyBalanceContent-module__ZyBfzW__inlinePlayerAdder .LobbyBalanceContent-module__ZyBfzW__emptyTeam {
  width: 100%;
}

.LobbyBalanceContent-module__ZyBfzW__inlinePlayerAdder {
  grid-template-columns: var(--lobby-grid);
  background: none;
  align-items: center;
  gap: 7px;
  min-height: 52px;
  padding: 3px 10px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__openSlot.LobbyBalanceContent-module__ZyBfzW__positionlessGrid, .LobbyBalanceContent-module__ZyBfzW__inlinePlayerAdder.LobbyBalanceContent-module__ZyBfzW__positionlessGrid {
  grid-template-columns: var(--lobby-grid-positionless);
}

.LobbyBalanceContent-module__ZyBfzW__inlineSearchCell {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__inlineSearchBox, .LobbyBalanceContent-module__ZyBfzW__dialogSearch {
  color: #786650;
  background-image: url("/lobby/aoe/dropdown-right.webp"), url("/lobby/aoe/dropdown-left.webp"), url("/lobby/aoe/dropdown-center.webp");
  background-position: 100%, 0, center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 100%, calc(100% - 40px) 100%;
  border: 0;
  outline: 0;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__inlineSearchBox {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 11px;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__inlineSearchBox input, .LobbyBalanceContent-module__ZyBfzW__dialogSearch input {
  color: #34281f;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.LobbyBalanceContent-module__ZyBfzW__inlineSearchBox input::placeholder {
  color: #725d49;
  opacity: 1;
}

.LobbyBalanceContent-module__ZyBfzW__customElo {
  text-align: center;
  width: 100%;
  padding: 0 8px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__customElo::placeholder {
  color: #725d49;
  opacity: 1;
  font-size: 11px;
  font-weight: 400;
}

.LobbyBalanceContent-module__ZyBfzW__addButton, .LobbyBalanceContent-module__ZyBfzW__secondaryButton, .LobbyBalanceContent-module__ZyBfzW__plainButton {
  cursor: pointer;
  color: #fff1d4;
  text-transform: none;
  min-height: 35px;
  box-shadow: none;
  background: url("/lobby/aoe/button-red.webp") center / 100% 100% no-repeat;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-flex;
}

.LobbyBalanceContent-module__ZyBfzW__addButton {
  padding: 0 15px;
}

.LobbyBalanceContent-module__ZyBfzW__addButton:hover, .LobbyBalanceContent-module__ZyBfzW__secondaryButton:hover, .LobbyBalanceContent-module__ZyBfzW__plainButton:hover {
  filter: none;
  background-image: url("/lobby/aoe/button-red-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__inlineAddButton {
  cursor: pointer;
  color: #fff1d4;
  background: url("/lobby/aoe/button-red.webp") center / 100% 100% no-repeat;
  border: 0;
  place-items: center;
  width: 100%;
  height: 31px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__inlineAddButton:hover {
  background-image: url("/lobby/aoe/button-red-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__searchResults {
  z-index: 30;
  background: #e8dcc4;
  border: 1px solid #513e2c;
  max-height: 260px;
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 8px 25px #25191061;
}

.LobbyBalanceContent-module__ZyBfzW__searchResults button {
  cursor: pointer;
  color: #35291f;
  text-align: left;
  border-bottom: 1px solid #4a352033;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 9px 11px;
  font-family: Georgia, serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__searchResults button:hover {
  background: #f5ead3;
}

.LobbyBalanceContent-module__ZyBfzW__searchResults button span {
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__searchResults small {
  color: #78644e;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__searchSpinner {
  border: 2px solid #46321f40;
  border-top-color: #5d4027;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  animation: .8s linear infinite LobbyBalanceContent-module__ZyBfzW__spin;
}

@keyframes LobbyBalanceContent-module__ZyBfzW__spin {
  to {
    transform: rotate(360deg);
  }
}

.LobbyBalanceContent-module__ZyBfzW__lobbyConsole {
  border: 2px ridge var(--aoe-ridge);
  background: linear-gradient(#281c16e0, #281c16f0),
    var(--aoe-inlay-texture) repeat;
  color: #e9d8bd;
  min-height: 150px;
  font-family: var(--font-sans);
  border-radius: 1px;
  flex: 1;
  margin: 9px 10px 11px;
  padding: 12px 15px;
  font-size: 13px;
  line-height: 1.5;
  box-shadow: inset 0 0 0 1px #f0da9624;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyConsole p {
  margin: 0 0 8px;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyConsole b {
  color: #f0c982;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__settingsPanel {
  flex-direction: column;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__settingsPanel .LobbyBalanceContent-module__ZyBfzW__panelTitle {
  justify-content: center;
  font-size: 18px;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__infoWrap {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}

.LobbyBalanceContent-module__ZyBfzW__infoButton {
  cursor: help;
  color: #391c1b;
  background: #ead1b6;
  border: 2px ridge #a38a45;
  border-radius: 0;
  place-items: center;
  width: 27px;
  height: 27px;
  padding: 0;
  font-family: Georgia, serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffffff61;
}

.LobbyBalanceContent-module__ZyBfzW__infoButton:hover, .LobbyBalanceContent-module__ZyBfzW__infoButton:focus-visible {
  background: #f4e3cb;
  outline: 1px solid #56382a;
}

.LobbyBalanceContent-module__ZyBfzW__infoTooltip {
  top: calc(100% + 8px);
  right: 0;
}

.LobbyBalanceContent-module__ZyBfzW__infoTooltip b, .LobbyBalanceContent-module__ZyBfzW__infoTooltip strong, .LobbyBalanceContent-module__ZyBfzW__infoTooltip small {
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__infoTooltip b {
  color: #e0b85f;
  margin-bottom: 4px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__infoTooltip strong {
  color: #fff;
  margin-bottom: 5px;
  font-size: 14px;
}

.LobbyBalanceContent-module__ZyBfzW__infoTooltip small {
  color: #d4c4a7;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__infoWrap:hover .LobbyBalanceContent-module__ZyBfzW__infoTooltip, .LobbyBalanceContent-module__ZyBfzW__infoWrap:focus-within .LobbyBalanceContent-module__ZyBfzW__infoTooltip {
  visibility: visible;
  opacity: 1;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyOptions {
  border-bottom: 1px solid #412b1f38;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  padding: 7px 14px 9px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle {
  cursor: pointer;
  color: #3f2d23;
  background: #fbe7c733;
  grid-template-columns: 25px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 46px;
  padding: 6px 8px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
}

.LobbyBalanceContent-module__ZyBfzW__optionCheck {
  color: #76231d;
  background: #ead5b7;
  border: 2px ridge #9a7947;
  place-items: center;
  width: 23px;
  height: 23px;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffffff59;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle > span:last-child {
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle strong, .LobbyBalanceContent-module__ZyBfzW__optionToggle small {
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle strong {
  font-size: 13px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__optionToggle small {
  color: #5a3c29;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 10.5px;
  line-height: 1.2;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__optionDisabled {
  cursor: default;
  opacity: .65;
}

.LobbyBalanceContent-module__ZyBfzW__advancedOptions {
  border-top: 1px solid #412b1f47;
  margin-top: auto;
  padding: 7px 14px 8px;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle {
  cursor: pointer;
  color: #4d3729;
  text-align: left;
  background: #4f372614;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 34px;
  padding: 4px 8px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle:hover {
  background: #ffeecc45;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle > span {
  flex: 1;
  grid-template-columns: 18px auto minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-width: 0;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle strong {
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle small {
  color: #5a3c29;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle > svg {
  flex: none;
  transition: transform .18s;
}

.LobbyBalanceContent-module__ZyBfzW__advancedToggle > svg[data-open="true"] {
  transform: rotate(180deg);
}

.LobbyBalanceContent-module__ZyBfzW__advancedPanel {
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
  padding-top: 7px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__advancedPanel .LobbyBalanceContent-module__ZyBfzW__optionToggle {
  background: #fbe7c745;
  min-height: 43px;
}

.LobbyBalanceContent-module__ZyBfzW__advancedFormula {
  background: #3b281b14;
  gap: 6px;
  min-width: 0;
  padding: 7px 9px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__advancedFormula small {
  color: #5a3c29;
  text-transform: uppercase;
  font-size: 9.5px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__advancedFormula strong {
  color: #5e2822;
  white-space: nowrap;
  margin-top: 3px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__advancedFormula p {
  color: #5a3c29;
  margin: 0;
  font-size: 10px;
  line-height: 1.25;
}

.LobbyBalanceContent-module__ZyBfzW__formulaHeading {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__formulaHeading > span {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__formulaHeading button {
  cursor: pointer;
  color: #654331;
  background: #f9e5c273;
  border: 1px solid #58392459;
  flex: none;
  padding: 3px 6px;
  font-size: 8px;
}

.LobbyBalanceContent-module__ZyBfzW__formulaHeading button:hover {
  background: #ffefcfbf;
}

.LobbyBalanceContent-module__ZyBfzW__formulaWeights {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__formulaWeights label {
  color: #52392c;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__formulaWeights input {
  color: #4a2b23;
  text-align: center;
  background: #ead6b6;
  border: 1px solid #8b6b47;
  border-radius: 0;
  outline: 0;
  width: 42px;
  height: 25px;
  padding: 0 3px;
  font-size: 11px;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__formulaWeights input:focus {
  border-color: #7b231e;
  box-shadow: inset 0 0 0 1px #7b231e4d;
}

.LobbyBalanceContent-module__ZyBfzW__constraintsControl {
  grid-column: 1 / -1;
  align-items: center;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__constraintButton {
  cursor: pointer;
  color: #4d3027;
  background: #f4e0be61;
  border: 1px solid #5839246b;
  flex: none;
  align-items: center;
  gap: 6px;
  min-height: 31px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
}

.LobbyBalanceContent-module__ZyBfzW__constraintButton:hover:not(:disabled) {
  background: #ffefcfa3;
}

.LobbyBalanceContent-module__ZyBfzW__constraintButton:disabled {
  cursor: default;
  opacity: .5;
}

.LobbyBalanceContent-module__ZyBfzW__constraintButton b {
  color: #f7e7c7;
  background: #79241e;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 9px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintChips {
  align-items: center;
  gap: 4px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__constraintChips > span {
  color: #5b3c2e;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #4d34231a;
  align-items: center;
  gap: 4px;
  min-width: 0;
  height: 25px;
  padding: 0 4px 0 7px;
  font-size: 9px;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__constraintChips > span > button {
  cursor: pointer;
  color: #78251f;
  flex: none;
  place-items: center;
  width: 17px;
  height: 17px;
  font-size: 14px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintChips > em {
  color: #6b4d39;
  flex: none;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__settingBlock, .LobbyBalanceContent-module__ZyBfzW__mapPreview, .LobbyBalanceContent-module__ZyBfzW__balanceSummary {
  border: 0;
  grid-template-columns: 138px minmax(0, 1fr);
  align-items: center;
  gap: 5px 9px;
  padding: 5px 14px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolSummary {
  grid-template-columns: 138px minmax(0, 1fr);
  align-items: center;
  gap: 5px 9px;
  padding: 5px 14px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolIcons {
  background: #36281d2e;
  align-items: center;
  gap: 2px;
  min-width: 0;
  height: 38px;
  padding: 3px 5px;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolIcons img {
  object-fit: contain;
  flex: none;
  width: 29px;
  height: 29px;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolIcons b {
  color: #4c3728;
  flex: none;
  place-items: center;
  min-width: 30px;
  height: 28px;
  margin-left: auto;
  font-size: 10px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolSummary .LobbyBalanceContent-module__ZyBfzW__secondaryButton {
  grid-column: 2;
}

.LobbyBalanceContent-module__ZyBfzW__settingLabel {
  color: #4b2e20;
  font-family: var(--font-ui);
  letter-spacing: .07em;
  text-transform: uppercase;
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__settingBlock strong {
  background-image: url("/lobby/aoe/dropdown-right.webp"), url("/lobby/aoe/dropdown-left.webp"), url("/lobby/aoe/dropdown-center.webp");
  background-position: 100%, 0, center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 100%, calc(100% - 36px) 100%;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 10px;
  font-size: 15px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__settingBlock small {
  color: #5a3c29;
  font-family: var(--font-sans);
  grid-column: 2;
  margin-top: -2px;
  font-size: 11px;
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__selectedMap, .LobbyBalanceContent-module__ZyBfzW__noMap {
  background-image: url("/lobby/aoe/dropdown-right.webp"), url("/lobby/aoe/dropdown-left.webp"), url("/lobby/aoe/dropdown-center.webp");
  background-position: 100%, 0, center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 100%, calc(100% - 38px) 100%;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 3px 10px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__selectedMap img {
  object-fit: contain;
  width: 34px;
  height: 34px;
}

.LobbyBalanceContent-module__ZyBfzW__selectedMap strong {
  font-size: 15px;
  font-weight: 400;
}

.LobbyBalanceContent-module__ZyBfzW__noMap {
  color: #5d4035;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__globalMapChoice {
  cursor: pointer;
  color: #3f2d23;
  justify-content: flex-start;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

.LobbyBalanceContent-module__ZyBfzW__globalMapChoice strong, .LobbyBalanceContent-module__ZyBfzW__globalMapChoice span {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__globalMapChoice:hover, .LobbyBalanceContent-module__ZyBfzW__globalMapChoice:focus-visible {
  filter: brightness(1.08);
  outline-offset: -3px;
  outline: 1px solid #5331209e;
}

.LobbyBalanceContent-module__ZyBfzW__mapChoiceChevron {
  color: #6d4a36;
  flex: none;
}

.LobbyBalanceContent-module__ZyBfzW__secondaryButton {
  grid-column: 2;
  width: 100%;
  margin-top: 1px;
  padding: 0 12px;
}

.LobbyBalanceContent-module__ZyBfzW__balanceSummary {
  margin-top: 5px;
}

.LobbyBalanceContent-module__ZyBfzW__balanceSummary > span {
  color: #4b2e20;
  font-family: var(--font-ui);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__balanceSummary > small {
  color: #5a3c29;
  font-family: var(--font-serif);
  grid-column: 2;
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict {
  background: #46332314;
  border-left: 3px solid #866f55;
  align-items: center;
  gap: 7px;
  min-width: 0;
  min-height: 32px;
  padding: 4px 9px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict strong {
  text-transform: uppercase;
  flex: none;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict small {
  color: #5f4134;
  flex: none;
  font-size: 11px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict em {
  color: #725947;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  min-width: 0;
  margin-left: auto;
  font-size: 9px;
  font-style: normal;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="good"] {
  background: #3c74441a;
  border-left-color: #3f7544;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="good"] strong {
  color: #2e6d37;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="medium"] {
  background: #a374201a;
  border-left-color: #a37420;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="medium"] strong {
  color: #8a6319;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="poor"] {
  background: #a63b321a;
  border-left-color: #a63b32;
}

.LobbyBalanceContent-module__ZyBfzW__balanceVerdict[data-tone="poor"] strong {
  color: #942b24;
}

.LobbyBalanceContent-module__ZyBfzW__teamCards {
  border-top: 1px solid #412b1f6b;
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 9px;
  padding: 12px 14px 14px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini {
  background: none;
  border: 0;
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini > div {
  text-transform: none;
  background: #e2c1a24d;
  border: 1px solid #412a1c47;
  justify-content: space-between;
  align-items: center;
  min-height: 41px;
  padding: 6px 12px;
  font-size: 16px;
  display: flex;
  box-shadow: inset 0 0 0 1px #ffeccf1a;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini[data-populated="true"] > div {
  box-shadow: none;
  background-image: url("/lobby/aoe/dropdown-right.webp"), url("/lobby/aoe/dropdown-left.webp"), url("/lobby/aoe/dropdown-center.webp");
  background-position: 100%, 0, center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 100%, calc(100% - 38px) 100%;
  border: 0;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini > div strong {
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini > div span {
  font-size: 15px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini p {
  border-top: 1px solid #3a2e2226;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 35px;
  margin: 0;
  padding: 7px 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini p span {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__teamMini p small {
  color: #604c3a;
  flex: none;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__miniColor {
  color: #fff;
  text-shadow: 0 1px 2px #000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  flex: none;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  display: inline-grid;
}

.LobbyBalanceContent-module__ZyBfzW__miniCiv {
  object-fit: contain;
  flex: none;
  width: 25px;
  height: 25px;
}

.LobbyBalanceContent-module__ZyBfzW__teamMiniA > div {
  color: #173d76;
}

.LobbyBalanceContent-module__ZyBfzW__teamMiniB > div {
  color: #7d1f19;
}

.LobbyBalanceContent-module__ZyBfzW__footer {
  border-top: 1px solid var(--aoe-line);
  background: #5836220f;
  grid-template-columns: 170px 1fr 250px;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 12px 16px 16px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__plainButton {
  letter-spacing: .05em;
  text-transform: uppercase;
  background-image: url("/lobby/aoe/button-brown.webp");
  height: 42px;
  font-size: 12px;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__plainButton:hover {
  background-image: url("/lobby/aoe/button-brown-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__copyResult {
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__copyResult > button {
  width: 100%;
}

.LobbyBalanceContent-module__ZyBfzW__copyFallback {
  color: #34271c;
  gap: 6px;
  font-size: 12px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__copyFallback textarea {
  color: #241b14;
  resize: vertical;
  -webkit-user-select: text;
  user-select: text;
  background: #e4d1ad;
  border: 1px solid #71583c;
  width: 100%;
  padding: 8px;
}

.LobbyBalanceContent-module__ZyBfzW__footerStatus {
  color: #5a3c29;
  font-family: var(--font-serif);
  text-align: center;
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__redButton {
  cursor: pointer;
  color: #fff1d4;
  min-height: 49px;
  font-family: var(--font-ui);
  letter-spacing: .05em;
  text-transform: uppercase;
  text-shadow: 0 2px 2px #3c0906;
  background: url("/lobby/aoe/button-red.webp") center / 100% 100% no-repeat;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 0 24px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.LobbyBalanceContent-module__ZyBfzW__redButton:hover:not(:disabled) {
  background-image: url("/lobby/aoe/button-red-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__redButton:disabled {
  cursor: default;
  filter: grayscale(.5);
  opacity: .5;
}

.LobbyBalanceContent-module__ZyBfzW__aoeDialog {
  color: #33271e;
  background: #b9987e url("/lobby/aoe/panel-inlay.webp");
  border: 2px solid #34261a;
  border-radius: 0;
  outline: 1px solid #b58f53;
  width: min(760px, 100vw - 24px);
  max-width: 760px;
  max-height: min(760px, 100vh - 30px);
  padding: 19px;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: 0 25px 70px #000000b3, inset 0 0 0 2px #ffffff40;
}

.LobbyBalanceContent-module__ZyBfzW__aoeDialog > button {
  color: #0000;
  background: url("/lobby/aoe/remove-player.webp") center / 100% 100% no-repeat;
  border-radius: 0;
  width: 28px;
  height: 34px;
}

.LobbyBalanceContent-module__ZyBfzW__aoeDialog > button:hover {
  background-color: #0000;
  background-image: url("/lobby/aoe/remove-player-hover.webp");
}

.LobbyBalanceContent-module__ZyBfzW__dialogTitle {
  color: #2b180f;
  font-family: var(--font-display);
  text-align: center;
  text-transform: none;
  text-shadow: var(--aoe-text-emboss);
  font-size: 21px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__dialogSubtitle {
  color: #5a3c29;
  font-family: var(--font-serif);
  text-align: center;
  margin: 0;
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__dialogSearch {
  min-height: 39px;
  padding: 0 11px;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  max-height: 520px;
  padding: 3px;
  display: grid;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid button {
  cursor: pointer;
  color: #403125;
  background: #f4ead573;
  border: 1px solid #543c2457;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 116px;
  padding: 7px;
  font-family: Georgia, serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid button:hover {
  background: #f1e3c6;
  border-color: #774b25;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid button[data-selected="true"] {
  background: #efd39f;
  border-color: #7d2b24;
  box-shadow: inset 0 0 0 1px #ffffff94;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid img {
  object-fit: contain;
  width: 74px;
  height: 74px;
}

.LobbyBalanceContent-module__ZyBfzW__mapGrid b {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 10px;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__noMapIcon {
  color: #836951;
  border: 1px solid #42301f40;
  place-items: center;
  width: 65px;
  height: 65px;
  font-size: 28px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__browserDialog {
  max-width: 820px;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolDialog {
  width: min(940px, 100vw - 24px);
  max-width: 940px;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__constraintsDialog {
  width: min(720px, 100vw - 24px);
  max-width: 720px;
}

.LobbyBalanceContent-module__ZyBfzW__constraintComposer {
  background: #f7e7c847;
  border: 1px solid #4b341f57;
  grid-template-columns: minmax(130px, 1fr) auto minmax(130px, 1fr) 105px;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 11px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintComposer > select {
  color: #382a20;
  background: #ead9bc;
  border: 1px solid #8e714a;
  border-radius: 0;
  outline: 0;
  width: 100%;
  height: 39px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__constraintComposer > .LobbyBalanceContent-module__ZyBfzW__redButton {
  min-height: 39px;
  padding: 0 10px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__constraintKinds {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__constraintKinds button {
  cursor: pointer;
  color: #5d4030;
  white-space: nowrap;
  background: #ffefd059;
  border: 1px solid #5b3b2559;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 25px;
  padding: 0 7px;
  font-size: 9px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__constraintKinds button[data-selected="true"] {
  color: #6f201b;
  background: #d8b486;
  border-color: #79251f;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__constraintError {
  color: #84231d;
  background: #95211a1a;
  margin: 0;
  padding: 7px 11px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList {
  border: 1px solid #4b341f47;
  max-height: 300px;
  display: grid;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > p {
  color: #6d513d;
  text-align: center;
  margin: 0;
  padding: 22px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > div {
  background: #ffefd02e;
  border-bottom: 1px solid #4b341f2e;
  grid-template-columns: 28px minmax(0, 1fr) 90px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  padding: 5px 9px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > div:last-child {
  border-bottom: 0;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > div > span {
  color: #74231e;
  background: #5d36221a;
  place-items: center;
  width: 27px;
  height: 27px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList em {
  color: #755540;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > div > button {
  cursor: pointer;
  color: #7d2922;
  place-items: center;
  width: 29px;
  height: 29px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__constraintList > div > button:hover {
  background: #7e28201a;
}

.LobbyBalanceContent-module__ZyBfzW__metaImporter {
  background: #f7e7c847;
  border: 1px solid #4b341f57;
  grid-template-columns: minmax(145px, 1fr) 112px 92px 82px minmax(150px, .8fr);
  align-items: end;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__metaImporter label span, .LobbyBalanceContent-module__ZyBfzW__metaMap small {
  color: #6b513c;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__metaImporter label input, .LobbyBalanceContent-module__ZyBfzW__metaImporter label select {
  color: #382a20;
  background: #ead9bc;
  border: 1px solid #8e714a;
  border-radius: 0;
  outline: 0;
  width: 100%;
  height: 39px;
  padding: 0 9px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__metaImporter .LobbyBalanceContent-module__ZyBfzW__redButton {
  min-height: 39px;
  padding: 0 12px;
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__metaMap {
  align-items: center;
  gap: 8px;
  min-width: 0;
  height: 44px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__metaMap img {
  object-fit: contain;
  flex: none;
  width: 42px;
  height: 42px;
}

.LobbyBalanceContent-module__ZyBfzW__metaMap span {
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__metaMap strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__metaMapChoice {
  cursor: pointer;
  color: #382a20;
  text-align: left;
  background: #ffefcf2e;
  border: 1px solid #0000;
  width: 100%;
  padding: 0 7px;
  font-family: Arial, Helvetica, sans-serif;
}

.LobbyBalanceContent-module__ZyBfzW__metaMapChoice > svg:first-child {
  color: #71543d;
  flex: none;
  width: 34px;
}

.LobbyBalanceContent-module__ZyBfzW__metaMapChoice .LobbyBalanceContent-module__ZyBfzW__mapChoiceChevron {
  margin-left: auto;
}

.LobbyBalanceContent-module__ZyBfzW__metaMapChoice:hover, .LobbyBalanceContent-module__ZyBfzW__metaMapChoice:focus-visible {
  background: #ffefcf7a;
  border-color: #8e714a;
  outline: 0;
}

.LobbyBalanceContent-module__ZyBfzW__metaStatus {
  color: #5d4735;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 7px 10px;
  font-size: 10px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__metaStatus b {
  color: #7c2c25;
  text-transform: uppercase;
}

.LobbyBalanceContent-module__ZyBfzW__metaError {
  color: #8b211d;
  margin: 0;
  padding: 7px 10px;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__spinIcon {
  animation: .8s linear infinite LobbyBalanceContent-module__ZyBfzW__spin;
}

.LobbyBalanceContent-module__ZyBfzW__importedRanking {
  background: #301f1414;
  border: 1px solid #4b341f57;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle {
  cursor: pointer;
  text-align: left;
  background: #f3deb76b;
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 7px 10px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle:hover {
  background: #fae8c6ad;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle span {
  flex: 1;
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle span b, .LobbyBalanceContent-module__ZyBfzW__rankingToggle span small {
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle span b {
  color: #4c3024;
  text-transform: uppercase;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle span small {
  color: #6e5542;
  margin-top: 2px;
  font-size: 9px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingToggle > strong {
  color: #6b2a25;
  flex: none;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingChevron {
  color: #6b2a25;
  flex: none;
  transition: transform .18s;
}

.LobbyBalanceContent-module__ZyBfzW__rankingChevron[data-open="true"] {
  transform: rotate(180deg);
}

.LobbyBalanceContent-module__ZyBfzW__rankingList {
  grid-template-columns: 1fr 1fr;
  max-height: 210px;
  display: grid;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div {
  opacity: .46;
  border-bottom: 1px solid #4b341f29;
  border-right: 1px solid #4b341f29;
  grid-template-columns: 30px 31px minmax(0, 1fr) 54px 48px;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 45px;
  padding: 4px 8px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div[data-selected="true"] {
  opacity: 1;
  background: #ffefcf52;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > b {
  color: #7b6046;
  text-align: center;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > img {
  object-fit: contain;
  width: 29px;
  height: 29px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > span {
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > span strong, .LobbyBalanceContent-module__ZyBfzW__rankingList > div > span small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > span strong {
  color: #3e2d22;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > span small {
  color: #765d48;
  margin-top: 2px;
  font-size: 8px;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > i {
  color: #594231;
  text-align: center;
  text-transform: uppercase;
  background: #77593824;
  border: 1px solid #4c392840;
  padding: 3px 4px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > i[data-position="flank"] {
  color: #7d2f28;
  background: #9d382b21;
  border-color: #8b322759;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > i[data-position="pocket"] {
  color: #315b78;
  background: #37618321;
  border-color: #2d537359;
}

.LobbyBalanceContent-module__ZyBfzW__rankingList > div > em {
  color: #5d3328;
  text-align: right;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolToolbar {
  grid-template-columns: minmax(220px, 1fr) auto auto 35px;
  align-items: center;
  gap: 6px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolToolbar .LobbyBalanceContent-module__ZyBfzW__dialogSearch {
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolToolbar > button {
  cursor: pointer;
  color: #493425;
  background: #f5e2bf80;
  border: 1px solid #876842;
  min-height: 37px;
  padding: 0 10px;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolToolbar > button:hover {
  background: #f2dfbc;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolToolbar > b {
  text-align: center;
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  max-height: 400px;
  padding: 3px;
  display: grid;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button {
  cursor: pointer;
  color: #443225;
  background: #f4e8cf59;
  border: 1px solid #513a2440;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-width: 0;
  min-height: 82px;
  padding: 5px 3px;
  display: flex;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button:hover {
  background: #ffefcfa6;
  border-color: #8a6538;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button[data-selected="true"] {
  background: #ffe1a6b3;
  border-color: #8e652d;
  box-shadow: inset 0 0 0 1px #ffffff7a;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button img {
  object-fit: contain;
  width: 49px;
  height: 49px;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 9px;
  font-weight: 700;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__civPoolGrid button i {
  color: #fff3d6;
  background: #7a2922;
  border-radius: 50%;
  place-items: center;
  width: 17px;
  height: 17px;
  display: grid;
  position: absolute;
  top: 4px;
  right: 4px;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList {
  background: #f5ebd654;
  border: 1px solid #765f43;
  max-height: 540px;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList > p {
  color: #746149;
  text-align: center;
  padding: 35px;
  font-family: Georgia, serif;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button {
  cursor: pointer;
  color: #33271e;
  text-align: left;
  border-bottom: 1px solid #4d392447;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 10px 13px;
  font-family: Georgia, serif;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button:hover, .LobbyBalanceContent-module__ZyBfzW__lobbyList button[data-selected="true"] {
  background: #fff6e0a1;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button span {
  min-width: 0;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button strong, .LobbyBalanceContent-module__ZyBfzW__lobbyList button small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button strong {
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button small {
  color: #76634d;
  margin-top: 3px;
  font-size: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__lobbyList button b {
  color: #60452e;
  flex: none;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteDialog {
  width: min(1000px, 100vw - 24px);
  max-width: 1000px;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteLayout {
  grid-template-columns: minmax(330px, .9fr) minmax(330px, 1.1fr);
  align-items: center;
  gap: 28px;
  padding: 12px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__wheelWrap {
  place-items: center;
  min-height: 380px;
  display: grid;
  position: relative;
}

.LobbyBalanceContent-module__ZyBfzW__wheel {
  aspect-ratio: 1;
  border: 9px solid #6a4d2c;
  border-radius: 50%;
  outline: 3px solid #c5a463;
  width: min(360px, 70vw);
  transition: transform 2.7s cubic-bezier(.12, .68, .1, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 25px #2f1e0f73, inset 0 0 0 2px #ffffff59;
}

.LobbyBalanceContent-module__ZyBfzW__wheelHub {
  z-index: 3;
  background: #d8bd8d;
  border: 3px solid #8c6a38;
  border-radius: 50%;
  position: absolute;
  inset: 43%;
  box-shadow: 0 3px 8px #0006;
}

.LobbyBalanceContent-module__ZyBfzW__wheelLabel {
  z-index: 2;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px #000, 0 0 5px #000000e6;
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  width: 98px;
  min-height: 50px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
}

.LobbyBalanceContent-module__ZyBfzW__wheelLabel img {
  object-fit: contain;
  filter: drop-shadow(0 1px 2px #000000bf);
  width: 34px;
  height: 34px;
}

.LobbyBalanceContent-module__ZyBfzW__wheelLabel b {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 9px;
  line-height: 1.05;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__wheelLabel small {
  color: #ffe8ae;
  font-size: 8px;
  font-weight: 700;
}

.LobbyBalanceContent-module__ZyBfzW__wheelPointer {
  z-index: 2;
  filter: drop-shadow(0 2px 1px #00000080);
  border-top: 32px solid #411b13;
  border-left: 17px solid #0000;
  border-right: 17px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}

.LobbyBalanceContent-module__ZyBfzW__ballot h3 {
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 13px;
}

.LobbyBalanceContent-module__ZyBfzW__ballot > p {
  color: #725e47;
  font-family: Georgia, serif;
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__ballotEntries {
  border-top: 1px solid #4c382333;
  max-height: 130px;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__ballotEntry {
  border-bottom: 1px solid #4c382333;
  grid-template-columns: 33px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 5px 2px;
  font-family: Georgia, serif;
  font-size: 11px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__ballotEntry:not(:has( > img)) {
  grid-template-columns: 1fr auto;
}

.LobbyBalanceContent-module__ZyBfzW__ballot img {
  object-fit: contain;
  width: 31px;
  height: 31px;
}

.LobbyBalanceContent-module__ZyBfzW__weightControls {
  grid-template-columns: 24px 35px 24px;
  align-items: center;
  gap: 3px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__weightControls button {
  cursor: pointer;
  color: #4c2d20;
  background: #f7e5c1b8;
  border: 1px solid #846234;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 17px;
  line-height: 1;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__weightControls button:hover {
  background: #f8e4bd;
}

.LobbyBalanceContent-module__ZyBfzW__weightControls b {
  color: #5f321f;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__manualPicker {
  border-top: 1px solid #4c382352;
  margin-top: 13px;
  padding-top: 10px;
}

.LobbyBalanceContent-module__ZyBfzW__manualPicker h4 {
  color: #3d2c20;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__manualPicker > p {
  color: #6f5942;
  margin: 3px 0 8px;
  font-family: Georgia, serif;
  font-size: 10px;
  line-height: 1.3;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteSearch {
  background-image: url("/lobby/aoe/dropdown-right.webp"), url("/lobby/aoe/dropdown-left.webp"), url("/lobby/aoe/dropdown-center.webp");
  background-position: 100%, 0, center;
  background-repeat: no-repeat;
  background-size: auto 100%, auto 100%, calc(100% - 34px) 100%;
  align-items: center;
  gap: 7px;
  height: 35px;
  padding: 0 10px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteSearch input {
  color: #34281f;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 12px;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteSearch > button {
  cursor: pointer;
  color: #542a20;
  background: #f7e5c1b8;
  border: 1px solid #846234;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 17px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  max-height: 190px;
  margin-top: 6px;
  padding-right: 3px;
  display: grid;
  overflow-y: auto;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button {
  cursor: pointer;
  color: #453428;
  text-align: left;
  background: #f1e1c44d;
  border: 1px solid #4a352040;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 34px;
  padding: 2px 7px 2px 3px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button:hover {
  background: #fff1d3a6;
  border-color: #805d32;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button[data-selected="true"] {
  background: #ffe5a9d1;
  border-color: #8f6c33;
  box-shadow: inset 0 0 0 1px #ffffff6b;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button[data-voted="true"] {
  cursor: default;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button img {
  width: 27px;
  height: 27px;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid button b {
  color: #7a2a20;
  font-size: 11px;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid .LobbyBalanceContent-module__ZyBfzW__customMapButton {
  background: #ffeec5a8;
  border-color: #8f6c33;
  grid-column: 1 / -1;
  grid-template-columns: 28px minmax(0, 1fr) auto;
}

.LobbyBalanceContent-module__ZyBfzW__rouletteMapGrid .LobbyBalanceContent-module__ZyBfzW__customMapIcon {
  color: #6d3c25;
  border: 1px dashed #8f6c33;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 18px;
  display: grid;
}

.LobbyBalanceContent-module__ZyBfzW__winner {
  text-align: center;
  background: #fdeec88c;
  border: 1px solid #896631;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 63px;
  margin: 14px 0;
  padding: 9px 12px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__winner img {
  width: 46px;
  height: 46px;
}

.LobbyBalanceContent-module__ZyBfzW__winner small, .LobbyBalanceContent-module__ZyBfzW__winner strong {
  display: block;
}

.LobbyBalanceContent-module__ZyBfzW__winner small {
  color: #745c40;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-family: Georgia, serif;
  font-size: 9px;
}

.LobbyBalanceContent-module__ZyBfzW__winner strong {
  font-size: 16px;
}

.LobbyBalanceContent-module__ZyBfzW__ballot .LobbyBalanceContent-module__ZyBfzW__redButton {
  width: 100%;
  margin-top: 13px;
}

@media (max-width: 1100px) {
  .LobbyBalanceContent-module__ZyBfzW__workspace {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .LobbyBalanceContent-module__ZyBfzW__page {
    padding: 14px 10px 40px;
  }

  .LobbyBalanceContent-module__ZyBfzW__browserButton {
    margin-bottom: 8px;
    position: static;
    transform: none;
  }

  .LobbyBalanceContent-module__ZyBfzW__header {
    text-align: left;
  }

  .LobbyBalanceContent-module__ZyBfzW__header h1 {
    width: 100%;
  }

  .LobbyBalanceContent-module__ZyBfzW__playerPanel {
    overflow-x: auto;
  }

  .LobbyBalanceContent-module__ZyBfzW__columnHead, .LobbyBalanceContent-module__ZyBfzW__playerRow, .LobbyBalanceContent-module__ZyBfzW__openSlot, .LobbyBalanceContent-module__ZyBfzW__inlinePlayerAdder {
    min-width: 720px;
  }

  .LobbyBalanceContent-module__ZyBfzW__footer {
    grid-template-columns: minmax(0, 1fr);
  }

  .LobbyBalanceContent-module__ZyBfzW__footer > * {
    width: 100%;
  }

  .LobbyBalanceContent-module__ZyBfzW__footerStatus {
    order: 3;
  }
}

.LobbyBalanceContent-module__ZyBfzW__browserStatus {
  color: #513827;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.LobbyBalanceContent-module__ZyBfzW__browserStatus button {
  color: #362417;
  cursor: pointer;
  background: #d7ba94;
  border: 1px solid #725439;
  padding: 6px 12px;
}

.LobbyBalanceContent-module__ZyBfzW__browserStatus button:hover {
  background: #ecd4b1;
}

.LobbyBalanceContent-module__ZyBfzW__playerProfileLink {
  min-width: 0;
  color: inherit;
  flex: 1;
  display: block;
  overflow: hidden;
}

.LobbyBalanceContent-module__ZyBfzW__playerProfileLink:hover strong {
  color: #8d2a21;
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

/*# sourceMappingURL=src_components_pages_LobbyBalanceContent_module_0mhv73a.css.map*/