pool-scoreboard {
  --body-background-color: #153154;
  --player-left-color: #FFFFFF;
  --player-right-color: #FFFFFF;
  
  display: block;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--body-background-color);
  color: var(--player-left-color);
  text-align: center;
  font-family: Arial Black;
  font-size-adjust: none;
  font-size: 14pt;
  cursor: default;
}

pool-scoreboard h1, pool-scoreboard h2 {
  margin: 0;
  padding-bottom: 10px;
}

.pool-scoreboard {
  position: relative;
  height: 100%;
}

pool-scoreboard .arrow {
  visibility: hidden;
}

pool-scoreboard .editable:hover .arrow {
  visibility: visible;
}

pool-scoreboard .editable .arrow:hover {
  color: #337ab7;
  cursor: pointer;
}

pool-scoreboard .top {
  padding-top: 20px;
  padding-bottom: 60px;
}

pool-scoreboard .left {
  width: 50%;
  float: left;
}

pool-scoreboard .right {
  width: 50%;
  float: right;
  color: var(--player-right-color);
}

pool-scoreboard .side h2 {
  font-size: 1.2em;
}

pool-scoreboard .center {
  position: absolute;
  top: 300px;
  left: 0;
  right: 0;
  line-height: 110px;
  vertical-align: top;
}

pool-scoreboard .triangle {
  display: inline-block;
  color: red;
  font-size: 4em;
  height: 110px;
}

pool-scoreboard .bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
}

pool-scoreboard .innings {
  font-size: 3.5em;
  text-align: center;
  display: inline-block;
  height: 110px;
  padding: 0 10px;
}

pool-scoreboard .points {
  font-size: 3.5em;
  text-align: center;
  padding-top: 40px;
}

pool-scoreboard .bottom {
  display: flex;
  float: clear;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 1em;
}

pool-scoreboard .bottom .col {
  flex: 1;
}

pool-scoreboard .ball {
  display: inline-block;
  width: 110px;
  height: 110px;
  font-size: 3.5em;
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: center;
}

pool-scoreboard .ball.EIGHTBALL {
  background-image: url(/display/pool/images/8-simple_256x256-32.png);
}

pool-scoreboard .ball.NINEBALL {
  background-image: url(/display/pool/images/9-simple_256x256-32.png);
}

pool-scoreboard .ball.TENBALL {
  background-image: url(/display/pool/images/10-simple_256x256-32.png);
}

/*
pool-scoreboard .ball.FOURTEENONE {
  background-image: url(/display/pool/images/14-simple_256x256-32.png);
}
*/