/* The three wave colours use one silhouette: raised white face and curved shell panels. */
.jbgs-history-ball,
.jl .lotto-ball,
.new-KJ-TabBox-box-con .kj-ball h2 {
  --lottery-ball-size: 34px;
  --lottery-ball-image: url("lottery-balls/neutral.svg?v=2");
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  position: relative;
  box-sizing: border-box;
  width: var(--lottery-ball-size);
  height: var(--lottery-ball-size);
  padding: 0 0 calc(var(--lottery-ball-size) * .21);
  border: 0;
  border-radius: 0;
  background: var(--lottery-ball-image) center / 100% 100% no-repeat;
  box-shadow: none;
  color: #141b23;
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(var(--lottery-ball-size) * .32);
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
  overflow: visible;
}
.jbgs-history-ball.red,
.jl .lotto-ball.red,
.new-KJ-TabBox-box-con .kj-ball.red h2 { --lottery-ball-image: url("lottery-balls/red.svg?v=2"); }
.jbgs-history-ball.blue,
.jl .lotto-ball.blue,
.new-KJ-TabBox-box-con .kj-ball.blue h2 { --lottery-ball-image: url("lottery-balls/blue.svg?v=2"); }
.jbgs-history-ball.green,
.jl .lotto-ball.green,
.new-KJ-TabBox-box-con .kj-ball.green h2 { --lottery-ball-image: url("lottery-balls/green.svg?v=2"); }
.jbgs-prediction-line .jbgs-history-ball.miss {
  --lottery-ball-image: url("lottery-balls/neutral.svg?v=2");
  color: #9aa1a8;
  opacity: .55;
}
.jl .lotto-ball { --lottery-ball-size: 35px; margin: auto; }
.new-KJ-TabBox-box-con .kj-ball h2 { --lottery-ball-size: 41px; margin: 0; }
.new-KJ-TabBox-box-con .kj-ball h2 div { line-height: 1; }
@media (max-width: 450px) {
  .new-KJ-TabBox-box-con .kj-ball h2 { --lottery-ball-size: 34px; }
}
@media (max-width: 380px) {
  .jl .lotto-ball { --lottery-ball-size: 30px; }
}