@font-face {
  font-family: "Sniglet";
  src: url("../../play/styles/default/fonts/sniglet_regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}




html {
  container-name: lexi_battle;
  container-type: size;

  position: static;

  overflow: auto;

}



body {
  container-name: lexi_battle_area;
  container-type: size;

  position: static;

  overflow: auto;
}




main h2 {
  margin-top: 3em;

  font-size: 1.2em;
  color: #ffe256;
}




main h3 {
  margin-top: 2em;

  font-size: 1em;
  color: #56f9ff;
}

main h3::before {
  content: "🖛 "
}




main h4 {
  font-family: "Lilita One";
  font-weight: normal;
  color: #ffe256;
}



[data-app="com.lexibattle.game"] span:has(.GoMainScreenButton) {
  display: inline-block;

  font-size: .3em;
}

[data-app="com.lexibattle.game"] span:has(.StopMatchmakingButton) {
  display: inline-block;

  font-size: .7em;
}


[data-app="com.lexibattle.game"] .Button.CloudButton.JoinRandomDuelButton,
[data-app="com.lexibattle.game"] .Button.CloudButton.CreateDuelButton {
  font: .6em Sniglet;
}

[data-app="com.lexibattle.game"] .Button.StopMatchmakingButton {
  font: 1em Sniglet;
}

[data-app="com.lexibattle.game"] .Button.KickOtherClientButton {
  padding: .5em;
}

[data-app="com.lexibattle.game"] .Button.KickOtherClientButton img {
  width: .75em;
}

[data-app="com.lexibattle.game"] .Button.ReadyForNextWordButton.ToggleSwitch {
  font: .7em Sniglet;
}




[data-app="com.lexibattle.game"] .DuelWordCounter.Visible {
    position: static;

    transform: translateY(0px);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: .5em, 1.166666667em;

    aspect-ratio: 130/45;

    width: fit-content;
    height: fit-content;

    font: 1em "Lilita One";
}




[data-app="com.lexibattle.game"] .DuelDashboard.Client {
  position: static;
}

[data-app="com.lexibattle.game"] .DuelDashboard .DuelDashboardName {
  font-family: Sniglet;
}




[data-app="com.lexibattle.game"] .VirtualKey {
  font-family: Sniglet;
}

[data-app="com.lexibattle.game"] .VirtualKey[data-key="I"] {
  max-width: 3em;
}

[data-app="com.lexibattle.game"] .VirtualKey[data-key="Backspace"],
[data-app="com.lexibattle.game"] .VirtualKey[data-key="Enter"] {
  display: inline-flex;

  max-width: 1.5em;

  vertical-align: middle;
}

[data-app="com.lexibattle.game"] .VirtualKey[data-key="Backspace"] > .Symbol,
[data-app="com.lexibattle.game"] .VirtualKey[data-key="Enter"] > .Symbol {
    position: absolute;
    top: -0.2em;
    left: 0.2em;
  }

[data-app="com.lexibattle.game"] .VirtualKey[data-key="Backspace"] > .Symbol
> img,
[data-app="com.lexibattle.game"] .VirtualKey[data-key="Enter"] > .Symbol > img {
    width: .7em;
}