/* English labels need more room than the original compact Chinese layout. */
.noname-english #window > .dialog.popped {
  width: 380px !important;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}
.noname-english .dialog.popped .caption {
  font-family: Arial,sans-serif;
  white-space: normal; word-break: normal; overflow-wrap: break-word;
}
.noname-english .dialog.popped .caption > div > .skill,
.noname-english .dialog.popped .caption > div > .skilln,
.noname-english .dialog.popped .caption > div > .skill + div,
.noname-english .dialog.popped .caption > div > .skilln + div {
  display: block !important; position: relative !important;
  left: 0 !important; width: 100% !important;
  box-sizing: border-box; white-space: normal !important;
  font: 16px/1.4 Arial,sans-serif;
}
.noname-english .dialog.popped .caption > div > .skill,
.noname-english .dialog.popped .caption > div > .skilln {
  font-weight: bold; margin-bottom: 6px;
}
.noname-english .menu.main {
  width: 640px !important;
  max-width: calc(100vw - 24px) !important;
  height: 430px !important;
  max-height: calc(100vh - 70px) !important;
}
.noname-english .menu.main > .menu-tab {
  display: flex; align-items: center; justify-content: space-around;
  box-sizing: border-box; width: 100%; padding: 0 10px;
}
.noname-english .menu.main > .menu-tab > div {
  width: auto !important; flex: 1; min-width: 0;
  margin: 0 3px; padding: 5px 3px 0; font: 14px/30px Arial,sans-serif;
  white-space: nowrap !important; overflow-wrap: normal !important;
}
.noname-english .menu.main > .menu-tab-bar { display: none; }
.noname-english .menu.main > .menu-tab > .active { border-bottom: 2px solid #0085ff; }
.noname-english .menu.main > .menu-content > div > .left.pane { width: 170px !important; }
.noname-english .menu.main > .menu-content > div > .right.pane {
  left: 170px !important; width: calc(100% - 170px) !important;
}
.noname-english .menu.main > .menu-content > div > .left.pane > div {
  box-sizing: border-box; width: calc(100% - 20px); height: auto !important;
  min-height: 32px; padding: 5px; font: 16px/22px Arial,sans-serif !important;
  white-space: normal !important; overflow-wrap: normal !important; word-break: normal;
}
.noname-english .menu.main .right.pane .config {
  box-sizing: border-box; min-height: 32px; height: auto !important;
  padding: 4px 125px 4px 0; font: 14px/22px Arial,sans-serif;
  white-space: normal !important; overflow-wrap: normal; word-break: normal;
}
.noname-english .menu.main .right.pane .config > div {
  position: absolute; right: 12px !important; top: 4px; max-width: 115px;
}
.noname-english .menu.main .right.pane .config.more { padding-right: 25px; }
.noname-english .menu.main .right.pane .config.toggle > div {
  width: 60px; height: 25px; overflow: hidden;
  top: 50%; transform: translateY(-50%);
}
.noname-english .menu.main .right.pane .config.toggle > div > div {
  position: absolute; top: 0; left: 0;
  width: 25px; height: 25px; margin: 0;
}
.noname-english .menu.main .right.pane .config.toggle.on > div > div {
  left: 35px;
}
.noname-english .menu.main .right.pane .config.toggle > div::before {
  position: absolute; top: 0; left: 5px;
  width: 29px; height: 25px; font: 11px/25px Arial,sans-serif;
  text-align: center; pointer-events: none;
}
.noname-english .menubutton { word-break: normal !important; overflow-wrap: normal !important; }
.noname-english #noname-connect-button {
  box-sizing: border-box; width: 130px !important; left: calc(50% - 65px) !important;
  height: auto !important; min-height: 42px; padding: 7px 14px;
  font: 22px/28px Arial,sans-serif !important; white-space: nowrap !important;
}
@media(max-width:700px) {
  .noname-english .menu.main > .menu-content > div > .left.pane { width: 130px !important; }
  .noname-english .menu.main > .menu-content > div > .right.pane { left: 130px !important; width: calc(100% - 130px) !important; }
  .noname-english .menu.main > .menu-tab > div { font-size: 12px; }
}