.bozrdsize_3x3 .letters {
  font-size: 150vmin; }
.bozrdsize_3x3 .letters li {
  width: 30%;
  height: 30%; }

.bozrdsize_5x5 .letters {
  font-size: 100vmin; }
.bozrdsize_5x5 .letters li {
  width: 18.5%;
  height: 18.5%; }

.bozrdsize_6x6 .letters {
  font-size: 75vmin; }
.bozrdsize_6x6 .letters li {
  width: 15.6666666667%;
  height: 15.6666666667%;
  margin: 0.49995%; }

.bozrdsize_8x8 .letters {
  font-size: 55vmin; }
.bozrdsize_8x8 .letters li {
  width: 11.5%;
  height: 11.5%;
  margin: 0.49995%; }

@media (min-width: 579px) {
  .highscores .bozrdsize_3x3 .letters {
    font-size: 32vmin; }
  .highscores .bozrdsize_5x5 .letters {
    font-size: 27vmin; }
  .highscores .bozrdsize_6x6 .letters {
    font-size: 25vmin; }
  .highscores .bozrdsize_8x8 .letters {
    font-size: 15vmin; } }
@media (min-width: 992px) {
  .highscores .bozrdsize_3x3 .letters {
    font-size: 75vmin; }
  .highscores .bozrdsize_5x5 .letters {
    font-size: 50vmin; }
  .highscores .bozrdsize_6x6 .letters {
    font-size: 37vmin; }
  .highscores .bozrdsize_8x8 .letters {
    font-size: 27vmin; } }
.letters {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-image: url("/images/white_plaster.png");
  background-color: #ebebeb;
  margin: 0px;
  padding: 2%;
  line-height: 100%; }

.clear {
  clear: both; }

.letters li {
  display: block;
  position: relative;
  padding: 1%;
  margin: 0.75% 0.75%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12%;
  line-height: normal;
  color: #343a40;
  border: 1px solid #ffffff;
  border-radius: 6px;
  /*Background*/
  background: #dddddd;
  /* Old browsers */
  background: -moz-linear-gradient(135deg, #dddddd 0%, #f8f9fa 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 135deg, color-stop(0%, #dddddd), color-stop(100%, #f8f9fa));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(135deg, #dddddd 0%, #f8f9fa 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(135deg, #dddddd 0%, #f8f9fa 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(135deg, #dddddd 0%, #f8f9fa 100%);
  /* IE10+ */
  background: linear-gradient(135deg, #dddddd 0%, #f8f9fa 100%);
  /* W3C */
  /*Box Shadow*/
  -webkit-box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.2);
  /*Text Shadow*/
  /*
  text-shadow: 0px 0px 8px rgba(245, 222, 175, 1);
   */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  user-select: none;
  cursor: pointer; }

.letters li:active {
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  transform: scale(1.1, 1.1);
  /* Standard syntax */ }

.letters li:hover {
  border: 2px solid #5085ad;
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4); }

.letters li.new,
.letters li.included {
  border: 1px solid #7fadc9;
  -webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.4);
  -ms-transform: scale(1.05, 1.05);
  /* IE 9 */
  transform: scale(1.05, 1.05);
  /* Standard syntax */ }

.letters li.new {
  background: #7fadc9;
  color: white;
  border: solid 1px white; }

.letters li.history_included.history_new {
  background: #7fadc9;
  color: white;
  border: solid 1px white;
  aaa: bbb; }

.letters li.history_included,
.letters li.included {
  color: white;
  background: #5085ad;
  border: solid 1px white;
  -ms-transform: scale(1.1, 1.1);
  /* IE 9 */
  transform: scale(1.1, 1.1);
  /* Standard syntax */ }

/* Stuff for sizaing and positioning */
.letters {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.board-wrap {
  max-width: 100vh;
  margin: 0 auto; }

@media screen and (min-width: 992px) {
  .board {
    max-width: 60vh !important;
    max-height: 60vh !important; }

  .letters li {
    font-size: 8.4%; }

  .board-wrap {
    max-width: 60vh;
    margin: 0 auto; } }
.board {
  display: inline-block;
  position: relative;
  max-width: 100vh;
  max-height: 90vh;
  width: 100%;
  margin: 0 auto; }

#dummy {
  margin-top: 100%;
  background-color: red; }

.playersList {
  /*
  flex-direction: row;
  .thisPlayersTurn {
    background-color: #5a5a5a;
  }
   */
  /*
  h4 {
    .actions {
      display:inline-block;
    }
  }


  h4:hover {
    .actions {
      display:inline-block;
    }
  }
  */ }
  .playersList .score .badge {
    background-color: var(--light); }
  .playersList .thisIsMe .playerName {
    color: var(--success); }
  .playersList .thisIsMe .score .badge {
    background-color: var(--success); }
  .playersList .playerEntry {
    /* flex-grow: 1;
    margin-left: 15px;
    padding:10px; */
    -webkit-transition: all 0.3s; }
    @media (min-width: 579px) {
      .playersList .playerEntry {
        flex: 1; } }
  .playersList .playerEntry:last-child {
    /* margin-right: 15px; */ }
  .playersList h4.playerName {
    display: block;
    width: 100%; }
  .playersList a.playerNameLink {
    display: block; }
  .playersList .playerActions {
    position: relative;
    top: 0px;
    /* width:1px; */
    height: 1px; }
    .playersList .playerActions > span {
      width: 85px;
      display: none; }
  .playersList .playerHistory {
    font-family: monospace; }
    .playersList .playerHistory .revertWord {
      color: #a33634;
      margin-left: 10px; }

.playerNameLink:hover {
  text-decoration: none; }
  .playerNameLink:hover .playerActions > span {
    display: block; }

.nosleepToggle {
  float: right;
  width: 40px; }

.gameStateContainer .alert {
  min-height: 61px; }
  .gameStateContainer .alert p {
    margin: 0px;
    /* line-height: 250%; */ }

@keyframes blink {
  50% {
    color: transparent; } }
#controls .loader .loader__dot {
  animation: 1s blink infinite; }
#controls .loader .loader__dot:nth-child(2) {
  animation-delay: 250ms; }
#controls .loader .loader__dot:nth-child(3) {
  animation-delay: 500ms; }

#controls.loading .loader {
  display: block; }

#controls .loader {
  display: none; }

#controls.loading [name="letterConfirm"] > span {
  display: none !important; }

#controls.loading [name="letterCancel"] {
  display: none !important; }

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