html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.game-table-shell {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid #5b351f;
  border-radius: 1.25rem;
  background: #17633a;
  box-shadow: inset 0 0 35px rgb(0 0 0 / 35%);
}

.table-seat {
  position: absolute;
  max-width: 42%;
  padding: .55rem .8rem;
  border-radius: .65rem;
  background: rgb(255 255 255 / 92%);
  box-shadow: 0 .25rem .75rem rgb(0 0 0 / 25%);
  text-align: center;
}

.table-seat.active-seat {
  outline: 4px solid #ffc107;
}

.game-pile {
  margin-top: .35rem;
  padding: .2rem .35rem;
  border-radius: .25rem;
  background: rgb(0 0 0 / 8%);
  font-size: .85rem;
}

.game-action-value {
  width: 5rem;
}

.seat-bottom {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.seat-top {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.seat-left {
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.seat-right {
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 575.98px) {
  .game-table-shell {
    min-height: 65vh;
    border-width: 7px;
  }

  .table-seat {
    padding: .4rem .55rem;
    font-size: .85rem;
  }
}

html.is-busy,
html.is-busy * {
  cursor: wait !important;
}

#create-table-submit[aria-busy="true"] {
  opacity: .92;
}

.lobby-player-connected {
  background-color: #e9ecef;
  border-color: #ced4da;
  font-weight: 600;
}

.lobby-player-connected .lobby-status-connected {
  color: #198754;
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .02em;
}

.lobby-player-empty {
  background-color: #fff;
}

.lobby-toolbar-title {
  font-size: 1.25rem;
  line-height: 1.3;
  min-width: 0;
}

@media (max-width: 575.98px) {
  .lobby-toolbar-title {
    font-size: 1.05rem;
  }

  .lobby-toolbar-title .badge {
    font-size: .85rem !important;
  }
}