/* Substitui a fonte bootstrap-icons, que era carregada de CDN externa.
   As três formas usadas pelo jogo (X, círculo e seta de reiniciar) são
   desenhadas aqui como SVG e aplicadas por máscara, para continuarem
   herdando a cor definida em styles.css. */
.bi {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: var(--forma) center / contain no-repeat;
  mask: var(--forma) center / contain no-repeat;
}
.bi-x-lg {
  --forma: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3 L13 13 M13 3 L3 13' stroke='%23000' stroke-width='2.6' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");
}
.bi-circle {
  --forma: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.7' stroke='%23000' stroke-width='2.6' fill='none'/%3E%3C/svg%3E");
}
.bi-arrow-counterclockwise {
  --forma: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.6a5.4 5.4 0 1 1-5.4 5.4' stroke='%23000' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M8 0.4 L8 4.8 L4.4 2.6 Z' fill='%23000'/%3E%3C/svg%3E");
}