.container {max-width:360px;}

label { display: block; }

#ready input { background-color:#f79722; color:white; }
#ready { display:none; }

#problem {
  display:none;
  text-align:right;
  /*max-width:18em;*/
  margin: auto auto;
}

#left,#operator,#right {font-size:10em/*8em*/; line-height:0.8em;}
#operator {font-size:6em;}
#operator,#right {display:inline-block;}
#game { height:2em; background-color:rgba(220,220,220,0.95); display:block; }
#tracker {margin:0.5em 0; padding:0 0.5em; font-size:1.25em;}
#answer, #answer-input {
  text-align:right;
}
/* orange: #f79722*//*hsv(33,0.86,0.97)*/
#answer { display:none; }
.responsive-wrapper {
  display:inline-block;
  margin:auto 0em;
  width:100%;
  max-width:8em;/*6.2em;*/
}
.cleared {border:3px solid #dcdcdc;}
.correct {border:3px solid #0da50d;/*hsv(120,0.92,0.65)*/}
.incorrect {border:3px solid #fc3a3a;/*hsv(0,0.77,0.99)*/}
/* orange: #f79722*//*hsv(33,0.86,0.97)*/
canvas {
  background-color: #333;
}

ul.cb-buttons li label {
  width:18%;
  font-weight:800;
}