@charset "UTF-8";
@font-face {
  font-family: 'bebas';
  font-weight: 100;
  src: url("fonts/bebas/BebasNeueThin.eot");
  src: url("fonts/bebas/BebasNeueThin.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BebasNeueThin.woff") format("woff"), url("fonts/bebas/BebasNeueThin.ttf") format("truetype");
}
@font-face {
  font-family: 'bebas';
  font-weight: 200;
  src: url("fonts/bebas/BebasNeueLight.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bebas/BebasNeueLight.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BebasNeueLight.woff") format("woff"), url("fonts/bebas/BebasNeueLight.ttf") format("truetype");
}
@font-face {
  font-family: 'bebas';
  font-weight: 300;
  src: url("fonts/bebas/BebasNeueBook.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bebas/BebasNeueBook.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BebasNeueBook.woff") format("woff"), url("fonts/bebas/BebasNeueBook.ttf") format("truetype");
}
@font-face {
  font-family: 'bebas';
  font-weight: 400;
  src: url("fonts/bebas/BebasNeueRegular.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bebas/BebasNeueRegular.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BebasNeueRegular.woff") format("woff"), url("fonts/bebas/BebasNeueRegular.ttf") format("truetype");
}
@font-face {
  font-family: 'bebas';
  font-weight: 700;
  src: url("fonts/bebas/BebasNeueBold.eot");
  /* IE9 Compat Modes */
  src: url("fonts/bebas/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("fonts/bebas/BebasNeueBold.woff") format("woff"), url("fonts/bebas/BebasNeueBold.ttf") format("truetype");
}
@font-face {
  font-family: 'ubuntu mono';
  font-weight: 400;
  src: url("fonts/ubuntu/UbuntuMono-R.eot");
  src: url("fonts/ubuntu/UbuntuMono-R.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu/UbuntuMono-R.woff") format("woff"), url("fonts/ubuntu/UbuntuMono-R.woff2") format("woff2"), url("fonts/ubuntu/UbuntuMono-R.tff") fomat("truetype");
}
@font-face {
  font-family: 'ubuntu mono';
  font-weight: 700;
  src: url("fonts/ubuntu/UbuntuMono-B.eot");
  src: url("fonts/ubuntu/UbuntuMono-B.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu/UbuntuMono-B.woff") format("woff"), url("fonts/ubuntu/UbuntuMono-B.woff2") format("woff2"), url("fonts/ubuntu/UbuntuMono-B.tff") fomat("truetype");
}
/* line 1, ../scss/_columns.scss */
.row {
  width: 100%;
  margin: 0;
  padding: 5px;
}
/* line 3, ../scss/_columns.scss */
.row.indent {
  margin: 0 -15px;
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 3, ../scss/_columns.scss */
  .row.indent {
    margin: 0 -35px;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 3, ../scss/_columns.scss */
  .row.indent {
    margin: 0 -25px;
  }
}
@media screen and (min-width: 375px) and (max-width: 411px) and (min-height: 625px) and (max-height: 734px) {
  /* line 1, ../scss/_columns.scss */
  .row {
    padding: 10px;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 1, ../scss/_columns.scss */
  .row {
    padding: 15px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 1, ../scss/_columns.scss */
  .row {
    padding: 15px;
  }
}

/* line 22, ../scss/_columns.scss */
.one {
  width: 25%;
}

/* line 23, ../scss/_columns.scss */
.two {
  width: 50%;
}

/* line 24, ../scss/_columns.scss */
.three {
  width: 75%;
}

/* line 25, ../scss/_columns.scss */
.four {
  width: 100%;
}

/* line 26, ../scss/_columns.scss */
.oneThird {
  width: 33.33%;
}

/* line 27, ../scss/_columns.scss */
.twoThird {
  width: 66.67%;
}

/* line 28, ../scss/_columns.scss */
.column {
  display: inline-block;
  position: relative;
  float: left;
}

/* line 33, ../scss/_columns.scss */
.center {
  text-align: center;
}

/* line 36, ../scss/_columns.scss */
.right {
  text-align: right;
}

/* line 39, ../scss/_columns.scss */
.centered {
  margin: 0 auto;
}

/* line 43, ../scss/_columns.scss */
.last {
  float: right;
}

/* line 1, ../scss/_buttons.scss */
button {
  border: 0;
  padding: 0;
}
/* line 4, ../scss/_buttons.scss */
button span.glyphicon, button span.fa {
  display: inline-block;
}
/* line 8, ../scss/_buttons.scss */
button.buttonLarge span.glyphicon, button.buttonLarge span.fa, button.buttonMedium span.glyphicon, button.buttonMedium span.fa, button.buttonSmall span.glyphicon, button.buttonSmall span.fa {
  display: block;
}

/* line 14, ../scss/_buttons.scss */
.buttonLarge {
  height: 106px;
  width: 106px;
  -moz-border-radius: 53px;
  -webkit-border-radius: 53px;
  border-radius: 53px;
  font-size: 53px;
  text-align: center;
  display: inline-block;
  padding-top: 27px;
  overflow: hidden;
  line-height: 1.3;
  font-weight: 700;
}
/* line 25, ../scss/_buttons.scss */
.buttonLarge img {
  margin-top: -28px;
  width: 100%;
  min-height: 100%;
}
/* line 30, ../scss/_buttons.scss */
.buttonLarge span.glyphicon-play {
  margin-left: 6px;
  margin-top: -4px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 34, ../scss/_buttons.scss */
  .buttonLarge.responsive {
    height: 84px;
    width: 84px;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 42px;
    font-size: 42px;
    padding-top: 22px;
  }
  /* line 41, ../scss/_buttons.scss */
  .buttonLarge.responsive img {
    margin-top: -22px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 14, ../scss/_buttons.scss */
  .buttonLarge {
    height: 126px;
    width: 126px;
    -moz-border-radius: 63px;
    -webkit-border-radius: 63px;
    border-radius: 63px;
    font-size: 63px;
    padding-top: 32px;
  }
}

/* line 57, ../scss/_buttons.scss */
button.buttonLarge {
  padding-top: 0;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 59, ../scss/_buttons.scss */
  button.buttonLarge.responsive {
    padding-top: 0;
  }
}

/* line 66, ../scss/_buttons.scss */
.buttonMedium {
  height: 68px;
  width: 68px;
  -moz-border-radius: 34px;
  -webkit-border-radius: 34px;
  border-radius: 34px;
  font-size: 34px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  line-height: 2.2;
  font-weight: 700;
}
/* line 76, ../scss/_buttons.scss */
.buttonMedium span.glyphicon-user {
  margin-top: -3px;
}
/* line 79, ../scss/_buttons.scss */
.buttonMedium span.glyphicon-plus {
  margin-left: 3px;
}
/* line 82, ../scss/_buttons.scss */
.buttonMedium span.glyphicon-arrow-left {
  margin-top: -1px;
  margin-left: -1px;
}
/* line 86, ../scss/_buttons.scss */
.buttonMedium span.glyphicon-star {
  margin-left: 3px;
}
/* line 89, ../scss/_buttons.scss */
.buttonMedium span.glyphicon-play {
  margin-left: 3px;
}
/* line 92, ../scss/_buttons.scss */
.buttonMedium span.fa-facebook {
  font-weight: bold;
  margin-top: 1px;
}
/* line 96, ../scss/_buttons.scss */
.buttonMedium span.fa-share-square-o {
  margin-left: 4px;
}
/* line 99, ../scss/_buttons.scss */
.buttonMedium img {
  margin-top: 0px;
  width: 100%;
  min-height: 100%;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 104, ../scss/_buttons.scss */
  .buttonMedium.responsive {
    height: 54px;
    width: 54px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
    border-radius: 27px;
    font-size: 27px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 104, ../scss/_buttons.scss */
  .buttonMedium.responsive {
    height: 88px;
    width: 88px;
    -moz-border-radius: 44px;
    -webkit-border-radius: 44px;
    border-radius: 44px;
    font-size: 44px;
  }
}

/* line 120, ../scss/_buttons.scss */
button.buttonMedium {
  padding-top: 0px;
}
/* line 122, ../scss/_buttons.scss */
button.buttonMedium span.glyphicon {
  margin-top: -3px;
}
/* line 125, ../scss/_buttons.scss */
button.buttonMedium img {
  margin-top: 0px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 130, ../scss/_buttons.scss */
  button.buttonMedium.responsive span.glyphicon {
    margin-top: 0px;
  }
}

/* line 138, ../scss/_buttons.scss */
.buttonSmall {
  height: 44px;
  width: 44px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  font-size: 22px;
  text-align: center;
  display: inline-block;
  padding-top: 10px;
  overflow: hidden;
}
/* line 147, ../scss/_buttons.scss */
.buttonSmall span.glyphicon-user {
  margin-left: 1px;
}
/* line 150, ../scss/_buttons.scss */
.buttonSmall img {
  width: 100%;
  min-height: 100%;
  margin-top: -11px;
}

/* line 156, ../scss/_buttons.scss */
button.buttonSmall {
  padding-top: 0;
}

@-moz-keyframes randomLetter {
  0% {
    top: 0;
  }
  100% {
    top: -95%;
  }
}
@-webkit-keyframes randomLetter {
  0% {
    top: 0;
  }
  100% {
    top: -95%;
  }
}
@keyframes randomLetter {
  0% {
    top: 0;
  }
  100% {
    top: -95%;
  }
}
@-moz-keyframes countdown {
  0% {
    background: #F49B00;
    opacity: 1;
  }
  19% {
    background: #F49B00;
    opacity: 0;
  }
  20% {
    background: #F49B00;
    opacity: 1;
  }
  39% {
    background: #F49B00;
    opacity: 0;
  }
  40% {
    background: #F49B00;
    opacity: 1;
  }
  59% {
    background: #F49B00;
    opacity: 0;
  }
  60% {
    background: #D05535;
    opacity: 1;
  }
  79% {
    background: #D05535;
    opacity: 0;
  }
  80% {
    background: #D05535;
    opacity: 1;
  }
  100% {
    background: #D05535;
    opacity: 0;
  }
}
@-webkit-keyframes countdown {
  0% {
    background: #F49B00;
    opacity: 1;
  }
  19% {
    background: #F49B00;
    opacity: 0;
  }
  20% {
    background: #F49B00;
    opacity: 1;
  }
  39% {
    background: #F49B00;
    opacity: 0;
  }
  40% {
    background: #F49B00;
    opacity: 1;
  }
  59% {
    background: #F49B00;
    opacity: 0;
  }
  60% {
    background: #D05535;
    opacity: 1;
  }
  79% {
    background: #D05535;
    opacity: 0;
  }
  80% {
    background: #D05535;
    opacity: 1;
  }
  100% {
    background: #D05535;
    opacity: 0;
  }
}
@keyframes countdown {
  0% {
    background: #F49B00;
    opacity: 1;
  }
  19% {
    background: #F49B00;
    opacity: 0;
  }
  20% {
    background: #F49B00;
    opacity: 1;
  }
  39% {
    background: #F49B00;
    opacity: 0;
  }
  40% {
    background: #F49B00;
    opacity: 1;
  }
  59% {
    background: #F49B00;
    opacity: 0;
  }
  60% {
    background: #D05535;
    opacity: 1;
  }
  79% {
    background: #D05535;
    opacity: 0;
  }
  80% {
    background: #D05535;
    opacity: 1;
  }
  100% {
    background: #D05535;
    opacity: 0;
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-moz-keyframes rotateCC {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@-webkit-keyframes rotateCC {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes rotateCC {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-359deg);
    -ms-transform: rotate(-359deg);
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@-moz-keyframes newGameAnimation {
  0% {
    top: 100%;
    left: 100%;
    right: -100%;
    bottom: -100%;
  }
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@-webkit-keyframes newGameAnimation {
  0% {
    top: 100%;
    left: 100%;
    right: -100%;
    bottom: -100%;
  }
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@keyframes newGameAnimation {
  0% {
    top: 100%;
    left: 100%;
    right: -100%;
    bottom: -100%;
  }
  100% {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
}
@-moz-keyframes blurer {
  0% {
    filter: blur(0px);
  }
  100% {
    filter: blur(15px);
  }
}
@-webkit-keyframes blurer {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
}
@keyframes blurer {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(15px);
    filter: blur(15px);
  }
}
@-moz-keyframes dimmerFade {
  0% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: white;
  }
}
@-webkit-keyframes dimmerFade {
  0% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: white;
  }
}
@keyframes dimmerFade {
  0% {
    background: rgba(255, 255, 255, 0);
  }
  100% {
    background: white;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes dialogueIn {
  0% {
    margin-top: -100%;
  }
  80% {
    margin-top: 65px;
  }
  90% {
    margin-top: 40px;
  }
  95% {
    margin-top: 55px;
  }
  100% {
    margin-top: 50px;
  }
}
@-webkit-keyframes dialogueIn {
  0% {
    margin-top: -100%;
  }
  80% {
    margin-top: 65px;
  }
  90% {
    margin-top: 40px;
  }
  95% {
    margin-top: 55px;
  }
  100% {
    margin-top: 50px;
  }
}
@keyframes dialogueIn {
  0% {
    margin-top: -100%;
  }
  80% {
    margin-top: 65px;
  }
  90% {
    margin-top: 40px;
  }
  95% {
    margin-top: 55px;
  }
  100% {
    margin-top: 50px;
  }
}
@-moz-keyframes dialogueInCenteredButton {
  0% {
    margin-top: -250%;
  }
  80% {
    margin-top: -85px;
  }
  90% {
    margin-top: -110px;
  }
  95% {
    margin-top: -95px;
  }
  100% {
    margin-top: -100px;
  }
}
@-webkit-keyframes dialogueInCenteredButton {
  0% {
    margin-top: -250%;
  }
  80% {
    margin-top: -85px;
  }
  90% {
    margin-top: -110px;
  }
  95% {
    margin-top: -95px;
  }
  100% {
    margin-top: -100px;
  }
}
@keyframes dialogueInCenteredButton {
  0% {
    margin-top: -250%;
  }
  80% {
    margin-top: -85px;
  }
  90% {
    margin-top: -110px;
  }
  95% {
    margin-top: -95px;
  }
  100% {
    margin-top: -100px;
  }
}
@-moz-keyframes swipeLeft {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -93%;
  }
}
@-webkit-keyframes swipeLeft {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -93%;
  }
}
@keyframes swipeLeft {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -93%;
  }
}
@-moz-keyframes timerSecond {
  0% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes timerSecond {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes timerSecond {
  0% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes timerFirst {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #54B25F;
  }
  50% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #F49B00;
  }
  100% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #D05535;
  }
}
@-webkit-keyframes timerFirst {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #54B25F;
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #F49B00;
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #D05535;
  }
}
@keyframes timerFirst {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #54B25F;
  }
  50% {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: #F49B00;
  }
  100% {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #D05535;
  }
}
@-moz-keyframes scoreTimeLeft {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  100% {
    -moz-transform: rotate(200deg);
    transform: rotate(200deg);
  }
}
@-webkit-keyframes scoreTimeLeft {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  100% {
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
}
@keyframes scoreTimeLeft {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  20% {
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
  100% {
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
  }
}
@-moz-keyframes scoreTimeRight {
  0% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  24% {
    -moz-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  100% {
    -moz-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
}
@-webkit-keyframes scoreTimeRight {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  24% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  100% {
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
}
@keyframes scoreTimeRight {
  0% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  24% {
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
  100% {
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -webkit-transform: rotate(-120deg);
    transform: rotate(-120deg);
  }
}
@-moz-keyframes scoreLengthLeft {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  19% {
    -moz-transform: rotate(190deg);
    transform: rotate(190deg);
  }
  100% {
    -moz-transform: rotate(190deg);
    transform: rotate(190deg);
  }
}
@-webkit-keyframes scoreLengthLeft {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  19% {
    -webkit-transform: rotate(190deg);
    transform: rotate(190deg);
  }
  100% {
    -webkit-transform: rotate(190deg);
    transform: rotate(190deg);
  }
}
@keyframes scoreLengthLeft {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  19% {
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -webkit-transform: rotate(190deg);
    transform: rotate(190deg);
  }
  100% {
    -moz-transform: rotate(190deg);
    -ms-transform: rotate(190deg);
    -webkit-transform: rotate(190deg);
    transform: rotate(190deg);
  }
}
@-moz-keyframes scoreLengthRight {
  0% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  31.5% {
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-webkit-keyframes scoreLengthRight {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  31.5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@keyframes scoreLengthRight {
  0% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  31.5% {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@-moz-keyframes scoreDifficultyLeft {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  7% {
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
  }
  100% {
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
  }
}
@-webkit-keyframes scoreDifficultyLeft {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  7% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }
  100% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }
}
@keyframes scoreDifficultyLeft {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  7% {
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }
  100% {
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
  }
}
@-moz-keyframes scoreDifficultyRight {
  0% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}
@-webkit-keyframes scoreDifficultyRight {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}
@keyframes scoreDifficultyRight {
  0% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}
@-moz-keyframes scoreTotalLeft {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(100deg);
    transform: rotate(100deg);
  }
  18.2% {
    -moz-transform: rotate(182deg);
    transform: rotate(182deg);
  }
  100% {
    -moz-transform: rotate(182deg);
    transform: rotate(182deg);
  }
}
@-webkit-keyframes scoreTotalLeft {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
  }
  18.2% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
  100% {
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
}
@keyframes scoreTotalLeft {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  10% {
    -moz-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
    -webkit-transform: rotate(100deg);
    transform: rotate(100deg);
  }
  18.2% {
    -moz-transform: rotate(182deg);
    -ms-transform: rotate(182deg);
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
  100% {
    -moz-transform: rotate(182deg);
    -ms-transform: rotate(182deg);
    -webkit-transform: rotate(182deg);
    transform: rotate(182deg);
  }
}
@-moz-keyframes scoreTotalRight {
  0% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  20% {
    -moz-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
  100% {
    -moz-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
}
@-webkit-keyframes scoreTotalRight {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  20% {
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
  100% {
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
}
@keyframes scoreTotalRight {
  0% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  18% {
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  20% {
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
  100% {
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -webkit-transform: rotate(-160deg);
    transform: rotate(-160deg);
  }
}
@-moz-keyframes gameStatus {
  0% {
    opacity: 0;
  }
  19% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes gameStatus {
  0% {
    opacity: 0;
  }
  19% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gameStatus {
  0% {
    opacity: 0;
  }
  19% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  39% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  59% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  79% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* line 144, ../scss/app.scss */
.content-blurred {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -moz-animation: blurer 0.3s forwards;
  -webkit-animation: blurer 0.3s forwards;
  animation: blurer 0.3s forwards;
  filter: url(#blur-effect);
  opacity: .75;
  z-index: 1;
}

/* line 159, ../scss/app.scss */
.content-blurred .container, .wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 167, ../scss/app.scss */
*:focus {
  outline: none;
}

/* line 170, ../scss/app.scss */
body {
  overflow: hidden;
}

/* line 173, ../scss/app.scss */
.wrapper {
  overflow: auto;
  height: 100%;
  position: relative;
}

/* line 180, ../scss/app.scss */
.container {
  display: block;
}

/* line 183, ../scss/app.scss */
body, html, .container {
  background: #E8E7DB;
  color: #242017;
  font-family: "bebas", sans-serif;
  padding: 0;
  font-size: 24px;
  margin: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
/* line 193, ../scss/app.scss */
body.dark, html.dark, .container.dark {
  background: #242017;
  color: #FFFFFF;
}
/* line 197, ../scss/app.scss */
body.swiped, html.swiped, .container.swiped {
  position: absolute;
  -moz-animation: swipeLeft 0.5s ease-out forwards;
  -webkit-animation: swipeLeft 0.5s ease-out forwards;
  animation: swipeLeft 0.5s ease-out forwards;
  z-index: 100;
  -moz-box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.25);
  box-shadow: 2px 0px 0 0 rgba(0, 0, 0, 0.25);
}
/* line 203, ../scss/app.scss */
body.underSwiped, html.underSwiped, .container.underSwiped {
  padding-left: 7%;
}

/* line 208, ../scss/app.scss */
input {
  border: 1px solid #242017;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-family: sans-serif;
  padding: 5px;
}

/* line 214, ../scss/app.scss */
div.dialogueContainer {
  position: fixed;
  top: 0;
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 1100;
  padding: 0px 15px;
  position: fixed;
  width: 100%;
}
/* line 224, ../scss/app.scss */
div.dialogueContainer.center {
  text-align: center;
}
/* line 227, ../scss/app.scss */
div.dialogueContainer.blurer {
  background: #E8E7DB;
  padding: 0;
  -moz-animation: dimmerFade 0.3s forwards;
  -webkit-animation: dimmerFade 0.3s forwards;
  animation: dimmerFade 0.3s forwards;
}
/* line 233, ../scss/app.scss */
div.dialogueContainer section.dialogue {
  margin-top: -100%;
  -moz-animation: dialogueIn 0.5s ease-in forwards;
  -webkit-animation: dialogueIn 0.5s ease-in forwards;
  animation: dialogueIn 0.5s ease-in forwards;
  background: #242017;
  color: #FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  z-index: 1200;
}
/* line 243, ../scss/app.scss */
div.dialogueContainer section.dialogue header h5 {
  margin: 0;
  font-size: 46px;
}
/* line 248, ../scss/app.scss */
div.dialogueContainer section.dialogue p {
  font-size: 20px;
  font-weight: 300;
}
/* line 252, ../scss/app.scss */
div.dialogueContainer section.dialogue summary {
  font-size: 32px;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 1;
}
/* line 257, ../scss/app.scss */
div.dialogueContainer section.dialogue summary strong {
  font-weight: 700;
}
/* line 261, ../scss/app.scss */
div.dialogueContainer section.dialogue label {
  font-size: 20px;
  font-weight: 300;
  margin: 0;
}
/* line 266, ../scss/app.scss */
div.dialogueContainer section.dialogue input {
  width: 100%;
  font-size: 16px;
  margin-bottom: 15px;
  color: #000000;
}
/* line 273, ../scss/app.scss */
div.dialogueContainer section.dialogue button.right {
  float: right;
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 214, ../scss/app.scss */
  div.dialogueContainer {
    padding: 0 35px;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 214, ../scss/app.scss */
  div.dialogueContainer {
    padding: 0 25px;
  }
}

/* line 285, ../scss/app.scss */
h1, h2, h3, h4, h5 {
  font-family: "bebas", sans-serif;
  font-size: 32px;
}

/* line 290, ../scss/app.scss */
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 292, ../scss/app.scss */
h1 {
  font-weight: 700;
}

/* line 293, ../scss/app.scss */
h2 {
  font-weight: 400;
}

/* line 294, ../scss/app.scss */
h3 {
  font-weight: 300;
  font-size: 20px;
}

/* line 295, ../scss/app.scss */
h4 {
  font-weight: 200;
}

/* line 296, ../scss/app.scss */
h5 {
  font-weight: 100;
}

/* line 298, ../scss/app.scss */
a, a:hover, a:active {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-decoration: inherit;
}

@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 305, ../scss/app.scss */
  small {
    font-size: 68%;
  }
}

/* line 311, ../scss/app.scss */
.timerContainer {
  float: right;
  width: 72px;
  height: 72px;
  -moz-border-radius: 36px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  background: transparent;
  border: 3px solid #242017;
}
/* line 318, ../scss/app.scss */
.timerContainer .timerFirst {
  width: 62px;
  height: 62px;
  -moz-border-radius: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
  background: #54B25F;
  position: absolute;
  clip: rect(0px, 31px, 62px, 0px);
  -moz-animation: timerFirst 30s 30s linear forwards;
  -webkit-animation: timerFirst 30s 30s linear forwards;
  animation: timerFirst 30s 30s linear forwards;
}
/* line 327, ../scss/app.scss */
.timerContainer .timerSecond {
  width: 62px;
  height: 62px;
  -moz-border-radius: 31px;
  -webkit-border-radius: 31px;
  border-radius: 31px;
  background: #54B25F;
  position: absolute;
  clip: rect(0px, 31px, 62px, 0px);
  -moz-animation: timerSecond 30s linear forwards;
  -webkit-animation: timerSecond 30s linear forwards;
  animation: timerSecond 30s linear forwards;
  margin-left: -31px;
}
/* line 337, ../scss/app.scss */
.timerContainer .timerHolder {
  width: 31px;
  height: 62px;
  overflow: hidden;
  float: left;
  position: relative;
}
/* line 343, ../scss/app.scss */
.timerContainer .timerHolder.first {
  margin-left: 2px;
  margin-top: 2px;
}
/* line 347, ../scss/app.scss */
.timerContainer .timerHolder.second {
  margin-right: 2px;
  margin-top: 2px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 311, ../scss/app.scss */
  .timerContainer {
    width: 58px;
    height: 58px;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
    border-radius: 29px;
  }
  /* line 356, ../scss/app.scss */
  .timerContainer .timerFirst {
    width: 48px;
    height: 48px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background: #54B25F;
    position: absolute;
    clip: rect(0px, 24px, 48px, 0px);
    -moz-animation: timerFirst 30s 30s linear forwards;
    -webkit-animation: timerFirst 30s 30s linear forwards;
    animation: timerFirst 30s 30s linear forwards;
  }
  /* line 365, ../scss/app.scss */
  .timerContainer .timerSecond {
    width: 48px;
    height: 48px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    background: #54B25F;
    position: absolute;
    clip: rect(0px, 24px, 48px, 0px);
    -moz-animation: timerSecond 30s linear forwards;
    -webkit-animation: timerSecond 30s linear forwards;
    animation: timerSecond 30s linear forwards;
    margin-left: -24px;
  }
  /* line 375, ../scss/app.scss */
  .timerContainer .timerHolder {
    width: 24px;
    height: 48px;
    overflow: hidden;
    float: left;
    position: relative;
  }
  /* line 381, ../scss/app.scss */
  .timerContainer .timerHolder.first {
    margin-left: 2px;
    margin-top: 2px;
  }
  /* line 385, ../scss/app.scss */
  .timerContainer .timerHolder.second {
    margin-right: 2px;
    margin-top: 2px;
  }
}

/* line 395, ../scss/app.scss */
.notReady {
  opacity: 0.5;
}

/* line 399, ../scss/app.scss */
.glyphicon.right {
  float: right;
}

/* line 403, ../scss/app.scss */
.darkBrown {
  background: #242017;
  color: #E8E7DB;
}

/* line 407, ../scss/app.scss */
.brown {
  background: #3E2E06;
  color: #E8E7DB;
}

/* line 411, ../scss/app.scss */
.lightBrown {
  background: #917B13;
  color: #E8E7DB;
}

/* line 415, ../scss/app.scss */
.blue {
  background: #0C97D1;
  color: #E8E7DB;
}

/* line 419, ../scss/app.scss */
.facebookBlue {
  background: #3C5094;
  color: #E8E7DB;
}

/* line 423, ../scss/app.scss */
.orange {
  background: #F49B00;
  color: #E8E7DB;
}

/* line 427, ../scss/app.scss */
.red {
  background: #D05535;
  color: #E8E7DB;
}

/* line 431, ../scss/app.scss */
.green {
  background: #54B25F;
  color: #E8E7DB;
}

/* line 436, ../scss/app.scss */
.whiteText {
  color: #FFFFFF;
}

/* line 442, ../scss/app.scss */
section#header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #E8E7DB;
  z-index: 500;
  -moz-box-shadow: 0 1px 5px 0 #E8E7DB;
  -webkit-box-shadow: 0 1px 5px 0 #E8E7DB;
  box-shadow: 0 1px 5px 0 #E8E7DB;
}
/* line 451, ../scss/app.scss */
section#header.gamePlay #categories h3 {
  margin-top: 15px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 455, ../scss/app.scss */
  section#header.gamePlay #categories h3 {
    margin-top: 8px;
    margin-bottom: 0;
  }
}

/* line 465, ../scss/app.scss */
header.logo {
  width: 100%;
  text-align: center;
}
/* line 468, ../scss/app.scss */
header.logo h5 {
  font-size: 46px;
  margin-bottom: 0;
  margin-top: 5px;
}
/* line 473, ../scss/app.scss */
header.logo sub {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  display: block;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 481, ../scss/app.scss */
  header.logo.responsive h5 {
    font-size: 36.8px;
    margin-top: 4px;
  }
  /* line 485, ../scss/app.scss */
  header.logo.responsive sub {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

/* line 494, ../scss/app.scss */
section#body.gamelist {
  margin-top: 82px;
  margin-bottom: 92px;
}
/* line 498, ../scss/app.scss */
section#body.gamePlay {
  margin-top: 82px;
  font-family: "bebas mono", monospace;
  font-size: 20px;
  margin-bottom: 500px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 498, ../scss/app.scss */
  section#body.gamePlay {
    margin-top: 62px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 498, ../scss/app.scss */
  section#body.gamePlay {
    margin-top: 102px;
  }
}

/* line 512, ../scss/app.scss */
ul {
  margin-bottom: 15px;
}
/* line 514, ../scss/app.scss */
ul label {
  padding-left: 7px;
  margin: 0;
  margin-top: 10px;
  line-height: 1;
  width: 100%;
}
/* line 521, ../scss/app.scss */
ul li {
  position: relative;
  padding: 5px 7px 1px 7px;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
/* line 528, ../scss/app.scss */
ul li header {
  font-weight: 700;
  line-height: 1;
}
/* line 532, ../scss/app.scss */
ul li summary {
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
}
/* line 536, ../scss/app.scss */
ul li summary strong {
  font-weight: 700;
}
/* line 540, ../scss/app.scss */
ul li time {
  position: absolute;
  right: 7px;
  top: 5px;
  line-height: 1;
  font-size: 50px;
}
/* line 547, ../scss/app.scss */
ul li.timeLow {
  background: #D05535;
}
/* line 549, ../scss/app.scss */
ul li.timeLow time {
  font-weight: 700;
}
/* line 553, ../scss/app.scss */
ul li.timeGood {
  background: #54B25F;
}
/* line 555, ../scss/app.scss */
ul li.timeGood time {
  font-weight: 200;
}
/* line 559, ../scss/app.scss */
ul li.half {
  width: 48%;
  display: inline-block;
}
/* line 562, ../scss/app.scss */
ul li.half.last {
  float: right;
}
/* line 568, ../scss/app.scss */
ul.waiting li {
  opacity: 0.5;
}
/* line 573, ../scss/app.scss */
ul.finished li {
  opacity: 0.5;
}
/* line 575, ../scss/app.scss */
ul.finished li time {
  font-size: 40px;
}
/* line 581, ../scss/app.scss */
ul.gameList li {
  padding: 7px 7px 4px 7px;
}

/* line 588, ../scss/app.scss */
section#footer.bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* line 592, ../scss/app.scss */
section#footer.bottom.fixed {
  position: fixed;
}
/* line 596, ../scss/app.scss */
section#footer nav.newGame {
  z-index: 100;
  position: fixed;
  top: 100%;
  left: 100%;
  width: 2092px;
  height: 2092px;
  margin-left: -92px;
  margin-top: -92px;
  padding: 10px;
  background: #242017;
  -moz-border-radius: 46px 0 0 0;
  -webkit-border-radius: 46px;
  border-radius: 46px 0 0 0;
  z-index: 1000;
}
/* line 609, ../scss/app.scss */
section#footer nav.newGame.animate {
  -moz-animation: newGameAnimation 0.5s forwards;
  -webkit-animation: newGameAnimation 0.5s forwards;
  animation: newGameAnimation 0.5s forwards;
}
/* line 611, ../scss/app.scss */
section#footer nav.newGame.animate span.glyphicon-plus {
  -moz-animation: rotateCC 0.5s forwards;
  -webkit-animation: rotateCC 0.5s forwards;
  animation: rotateCC 0.5s forwards;
}
/* line 616, ../scss/app.scss */
section#footer.keyboard {
  position: fixed;
  bottom: 0;
  width: 100%;
}
/* line 621, ../scss/app.scss */
section#footer.keyboard img {
  width: 100%;
}

/* line 628, ../scss/app.scss */
.newGameWrapper {
  z-index: 1050;
  position: fixed;
  top: 100%;
  left: 100%;
  height: 100%;
  -moz-animation: newGameAnimation 0.5s forwards;
  -webkit-animation: newGameAnimation 0.5s forwards;
  animation: newGameAnimation 0.5s forwards;
}

/* line 637, ../scss/app.scss */
ul.userList {
  background: transparent;
  margin-top: 10px;
}
/* line 641, ../scss/app.scss */
ul.userList li {
  background: transparent;
  width: 100%;
  color: #242017;
  font-weight: 700;
  border-top: 1px solid #242017;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin: 0;
  padding: 5px 7px;
}
/* line 650, ../scss/app.scss */
ul.userList li:last-child {
  border-bottom: 1px solid #242017;
}
/* line 653, ../scss/app.scss */
ul.userList li section {
  display: inline-block;
  height: 44px;
}
/* line 656, ../scss/app.scss */
ul.userList li section.profile {
  width: 46px;
  vertical-align: bottom;
}
/* line 660, ../scss/app.scss */
ul.userList li section.name {
  line-height: 2;
}
/* line 663, ../scss/app.scss */
ul.userList li section.favourite {
  padding-top: 5px;
  float: right;
  font-size: 32px;
  text-align: right;
  color: #F49B00;
}
/* line 669, ../scss/app.scss */
ul.userList li section.favourite span.glyphicon-star-empty {
  color: #3E2E06;
}

/* line 678, ../scss/app.scss */
#playerTurn, #playerMove, #scorePlayerMove {
  border-top: 1px solid #242017;
  border-bottom: 1px solid #242017;
}
/* line 681, ../scss/app.scss */
#playerTurn h1, #playerMove h1, #scorePlayerMove h1 {
  font-size: 46px;
  margin-top: 10px;
  margin-bottom: 0px;
}
/* line 685, ../scss/app.scss */
#playerTurn h1.yourTurn, #playerMove h1.yourTurn, #scorePlayerMove h1.yourTurn {
  color: #54B25F;
}
/* line 689, ../scss/app.scss */
#playerTurn small, #playerMove small, #scorePlayerMove small {
  display: block;
  line-height: 0;
  margin-top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 695, ../scss/app.scss */
  #playerTurn h1, #playerMove h1, #scorePlayerMove h1 {
    margin-top: 8px;
    font-size: 36.8px;
  }
  /* line 699, ../scss/app.scss */
  #playerTurn small, #playerMove small, #scorePlayerMove small {
    margin-top:  16px;
  }
}
@media screen and (min-width: 375px) and (max-width: 411px) and (min-height: 625px) and (max-height: 734px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 15px 0;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 25px 0;
  }
}
@media screen and (min-width: 412px) and (min-height: 659px) and (max-height: 735px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 15px 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 359px) and (min-height: 533px) and (max-height: 567px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 15px 0;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (min-height: 640px) and (max-height: 658px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 15px 0;
  }
}
@media screen and (min-width: 360px) and (max-width: 383px) and (min-height: 581px) and (max-height: 599px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 10px 0;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 678, ../scss/app.scss */
  #playerTurn, #playerMove, #scorePlayerMove {
    margin: 35px 0;
  }
}

/* line 725, ../scss/app.scss */
#playerMove {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (min-width: 375px) and (max-width: 411px) and (min-height: 625px) and (max-height: 734px) {
  /* line 729, ../scss/app.scss */
  #scorePlayerMove {
    margin: 0 0 15px 0;
  }
}
@media screen and (min-width: 360px) and (max-width: 383px) and (min-height: 581px) and (max-height: 599px) {
  /* line 729, ../scss/app.scss */
  #scorePlayerMove {
    margin: 0 0 10px 0;
  }
}

/* line 737, ../scss/app.scss */
#playerInfo {
  margin-top: 10px;
}
/* line 739, ../scss/app.scss */
#playerInfo section.name {
  font-size: 20px;
  margin-top: 5px;
  line-height: 1;
}
/* line 744, ../scss/app.scss */
#playerInfo section.life {
  color: #D05535;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 737, ../scss/app.scss */
  #playerInfo {
    margin-top: 8px;
  }
  /* line 749, ../scss/app.scss */
  #playerInfo section.name {
    font-size: 16px;
    margin-top: 4px;
  }
}

/* line 756, ../scss/app.scss */
#gameStatus {
  margin-bottom: 5px;
}
/* line 758, ../scss/app.scss */
#gameStatus div.gameStatus {
  -moz-animation: gameStatus 1s linear forwards;
  -webkit-animation: gameStatus 1s linear forwards;
  animation: gameStatus 1s linear forwards;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-top: 7px;
}
/* line 765, ../scss/app.scss */
#gameStatus div.gameStatus.tie {
  background: rgba(12, 151, 209, 0.5);
}
/* line 768, ../scss/app.scss */
#gameStatus div.gameStatus.good {
  background: rgba(84, 178, 95, 0.5);
}
/* line 771, ../scss/app.scss */
#gameStatus div.gameStatus.bad {
  background: rgba(208, 85, 53, 0.5);
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin-bottom: 4px;
  }
  /* line 777, ../scss/app.scss */
  #gameStatus div.gameStatus {
    font-size: 25.6px;
    padding-top: 5px;
  }
}
@media screen and (min-width: 375px) and (max-width: 411px) and (min-height: 625px) and (max-height: 734px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 15px 0;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 25px 0;
  }
}
@media screen and (min-width: 412px) and (min-height: 659px) and (max-height: 735px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 15px 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 359px) and (min-height: 533px) and (max-height: 567px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 15px 0;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (min-height: 640px) and (max-height: 658px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 15px 0;
  }
}
@media screen and (min-width: 360px) and (max-width: 383px) and (min-height: 581px) and (max-height: 599px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 10px 0;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 756, ../scss/app.scss */
  #gameStatus {
    margin: 35px 0;
  }
}

/* line 806, ../scss/app.scss */
#gameButtons .column {
  height: 106px;
}
/* line 808, ../scss/app.scss */
#gameButtons .column button.buttonMedium {
  position: absolute;
  bottom: 0;
}
/* line 812, ../scss/app.scss */
#gameButtons .column.right {
  text-align: left;
}
/* line 814, ../scss/app.scss */
#gameButtons .column.right button.buttonMedium {
  right: 0;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 820, ../scss/app.scss */
  #gameButtons .column {
    height: 84px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 825, ../scss/app.scss */
  #gameButtons .column {
    height: 126px;
  }
}

/* line 830, ../scss/app.scss */
#preGameInfo {
  margin-top: 14px;
  font-weight: 300;
  font-size: 16px;
}

/* line 835, ../scss/app.scss */
#countdown {
  -moz-animation: countdown 5s forwards;
  -webkit-animation: countdown 5s forwards;
  animation: countdown 5s forwards;
  margin-top: 15px;
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 835, ../scss/app.scss */
  #countdown {
    margin-top: 35px;
  }
}
@media screen and (min-width: 412px) and (min-height: 659px) and (max-height: 735px) {
  /* line 835, ../scss/app.scss */
  #countdown {
    margin-top: 35px;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (min-height: 640px) and (max-height: 658px) {
  /* line 835, ../scss/app.scss */
  #countdown {
    margin-top: 35px;
  }
}

/* line 848, ../scss/app.scss */
#countdownDelayed {
  -moz-animation: countdown 5s 2.7s forwards;
  -webkit-animation: countdown 5s 2.7s forwards;
  animation: countdown 5s 2.7s forwards;
  margin-top: 330px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: 50%;
  margin-top: 50px;
  margin-left: -53px;
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 848, ../scss/app.scss */
  #countdownDelayed {
    margin-left: -63px;
  }
}

/* line 863, ../scss/app.scss */
form.gamePlay {
  display: inline-block;
  height: 20px;
}
/* line 866, ../scss/app.scss */
form.gamePlay input {
  font-size: 16px;
  height: 20px;
}

/* line 871, ../scss/app.scss */
span.wordrow {
  display: inline-block;
  margin: 3px 0px;
  width: 100%;
  text-align: justify;
  color: #E8E7DB;
  height: 38px;
  float: left;
  overflow: hidden;
}
/* line 880, ../scss/app.scss */
span.wordrow p {
  background: #0C97D1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  margin: 0;
  height: 38px;
}
/* line 888, ../scss/app.scss */
span.wordrow strong {
  color: #FFFFFF;
}
/* line 891, ../scss/app.scss */
span.wordrow button.wordrowPlay {
  height: 38px;
  width: 38px;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
  background: #0C97D1;
  color: #FFFFFF;
  margin-left: -5px;
}
/* line 898, ../scss/app.scss */
span.wordrow button.wordrowPlay span.glyphicon {
  margin-top: -7px;
  margin-left: 2px;
  top: 4px;
}
@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    height: 28px;
    margin: 1px 0px;
    font-size: 20px;
  }
  /* line 908, ../scss/app.scss */
  span.wordrow:first-child {
    margin-top: 4px;
  }
  /* line 911, ../scss/app.scss */
  span.wordrow p {
    height: 28px;
    padding: 2px 10px;
  }
  /* line 915, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 28px;
    width: 28px;
    font-size: 16px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    vertical-align: top;
  }
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    font-size: 22px;
    height: 42px;
    margin: 5px 0;
  }
  /* line 927, ../scss/app.scss */
  span.wordrow p {
    height: 42px;
  }
  /* line 930, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 42px;
    width: 42px;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    border-radius: 21px;
  }
}
@media screen and (min-width: 384px) and (min-height: 567px) and (max-height: 567px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    height: 30px;
    margin: 2px 0px;
    font-size: 20px;
  }
  /* line 940, ../scss/app.scss */
  span.wordrow p {
    height: 30px;
    padding: 2px 10px;
  }
  /* line 944, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 30px;
    width: 30px;
    font-size: 16px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    vertical-align: top;
  }
  /* line 950, ../scss/app.scss */
  span.wordrow button.wordrowPlay span.glyphicon {
    top: 3px;
  }
}
@media screen and (min-width: 360px) and (max-width: 383px) and (min-height: 567px) and (max-height: 580px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    height: 34px;
    margin: 2px 0px;
    font-size: 22px;
  }
  /* line 959, ../scss/app.scss */
  span.wordrow p {
    height: 34px;
    padding: 2px 10px;
  }
  /* line 963, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 34px;
    width: 34px;
    font-size: 18px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    vertical-align: top;
  }
  /* line 969, ../scss/app.scss */
  span.wordrow button.wordrowPlay span.glyphicon {
    top: 2px;
  }
}
@media screen and (min-width: 320px) and (max-width: 359px) and (min-height: 533px) and (max-height: 567px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    height: 34px;
    margin: 2px 0px;
    font-size: 22px;
  }
  /* line 978, ../scss/app.scss */
  span.wordrow p {
    height: 34px;
    padding: 2px 10px;
  }
  /* line 982, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 34px;
    width: 34px;
    font-size: 18px;
    -moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    vertical-align: top;
  }
  /* line 988, ../scss/app.scss */
  span.wordrow button.wordrowPlay span.glyphicon {
    top: 2px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 871, ../scss/app.scss */
  span.wordrow {
    font-size: 28px;
    height: 54px;
    margin: 6px 0;
  }
  /* line 997, ../scss/app.scss */
  span.wordrow p {
    height: 52px;
    padding: 5px 10px 0 10px;
  }
  /* line 1001, ../scss/app.scss */
  span.wordrow button.wordrowPlay {
    height: 52px;
    width: 52px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    border-radius: 26px;
  }
  /* line 1005, ../scss/app.scss */
  span.wordrow button.wordrowPlay span.glyphicon {
    top: 5px;
  }
}

/* line 1014, ../scss/app.scss */
#login button {
  width: 100%;
  margin: 5px 0;
  padding-top: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

/* line 1021, ../scss/app.scss */
.loginLogo {
  position: absolute;
  top: 140px;
  width: 100%;
}
/* line 1025, ../scss/app.scss */
.loginLogo h5 {
  font-size: 70px;
  margin: 0;
  line-height: 0.9;
}
/* line 1030, ../scss/app.scss */
.loginLogo sub {
  color: #0C97D1;
  font-weight: 700;
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 1021, ../scss/app.scss */
  .loginLogo {
    top: 180px;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 1021, ../scss/app.scss */
  .loginLogo {
    top: 240px;
  }
}

/* line 1044, ../scss/app.scss */
#gameScores {
  height: 260px;
}
/* line 1047, ../scss/app.scss */
#gameScores div {
  margin: auto;
}
/* line 1050, ../scss/app.scss */
#gameScores #scoreTime {
  background: url("../svg/scoreTime.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 0px;
}
/* line 1059, ../scss/app.scss */
#gameScores #scoreLength {
  background: url("../svg/scoreLength.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 0px;
}
/* line 1068, ../scss/app.scss */
#gameScores #scoreDifficulty {
  background: url("../svg/scoreDifficulty.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 0px;
}
/* line 1077, ../scss/app.scss */
#gameScores #scoreTotal {
  background: url("../svg/scoreTotal.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 0px;
}
/* line 1086, ../scss/app.scss */
#gameScores #scoreHolderLeft {
  width: 130px;
  height: 260px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -130px;
  overflow: hidden;
}
/* line 1094, ../scss/app.scss */
#gameScores #scoreHolderLeft #scoreTime {
  clip: rect(0px 260px 260px 130px);
  -moz-animation: scoreTimeLeft 5s linear forwards;
  -webkit-animation: scoreTimeLeft 5s linear forwards;
  animation: scoreTimeLeft 5s linear forwards;
}
/* line 1098, ../scss/app.scss */
#gameScores #scoreHolderLeft #scoreLength {
  clip: rect(0px 260px 260px 130px);
  -moz-animation: scoreLengthLeft 5s 0.5s linear forwards;
  -webkit-animation: scoreLengthLeft 5s 0.5s linear forwards;
  animation: scoreLengthLeft 5s 0.5s linear forwards;
}
/* line 1102, ../scss/app.scss */
#gameScores #scoreHolderLeft #scoreDifficulty {
  clip: rect(0px 260px 260px 130px);
  -moz-animation: scoreDifficultyLeft 5s 1s ease-out forwards;
  -webkit-animation: scoreDifficultyLeft 5s 1s ease-out forwards;
  animation: scoreDifficultyLeft 5s 1s ease-out forwards;
}
/* line 1106, ../scss/app.scss */
#gameScores #scoreHolderLeft #scoreTotal {
  clip: rect(0px 260px 260px 130px);
  -moz-animation: scoreTotalLeft 5s 1.5s linear forwards;
  -webkit-animation: scoreTotalLeft 5s 1.5s linear forwards;
  animation: scoreTotalLeft 5s 1.5s linear forwards;
}
/* line 1111, ../scss/app.scss */
#gameScores #scoreHolderRight {
  width: 130px;
  height: 260px;
  position: absolute;
  top: 0;
  left: 50%;
  overflow: hidden;
}
/* line 1118, ../scss/app.scss */
#gameScores #scoreHolderRight #scoreTime {
  clip: rect(0px 260px 260px 130px);
  right: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-animation: scoreTimeRight 5s ease-out forwards;
  -webkit-animation: scoreTimeRight 5s ease-out forwards;
  animation: scoreTimeRight 5s ease-out forwards;
}
/* line 1124, ../scss/app.scss */
#gameScores #scoreHolderRight #scoreLength {
  clip: rect(0px 260px 260px 130px);
  right: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-animation: scoreLengthRight 5s 0.5s ease-out forwards;
  -webkit-animation: scoreLengthRight 5s 0.5s ease-out forwards;
  animation: scoreLengthRight 5s 0.5s ease-out forwards;
}
/* line 1130, ../scss/app.scss */
#gameScores #scoreHolderRight #scoreDifficulty {
  clip: rect(0px 260px 260px 130px);
  right: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-animation: scoreDifficultyRight 5s 1s ease-out forwards;
  -webkit-animation: scoreDifficultyRight 5s 1s ease-out forwards;
  animation: scoreDifficultyRight 5s 1s ease-out forwards;
}
/* line 1136, ../scss/app.scss */
#gameScores #scoreHolderRight #scoreTotal {
  clip: rect(0px 260px 260px 130px);
  right: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-animation: scoreTotalRight 5s 1.5s ease-out forwards;
  -webkit-animation: scoreTotalRight 5s 1.5s ease-out forwards;
  animation: scoreTotalRight 5s 1.5s ease-out forwards;
}
/* line 1143, ../scss/app.scss */
#gameScores #scoreBoard {
  width: 260px;
  height: 260px;
  z-index: 1000;
  background-size: 100%;
  background: url("../svg/scoreBoard.svg") no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -130px;
}
/* line 1154, ../scss/app.scss */
#gameScores #scoreLife {
  width: 80px;
  height: 35px;
  z-index: 1500;
  color: #D05535;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -13px;
  text-align: center;
}
/* line 1166, ../scss/app.scss */
#gameScores #scoreSymbols {
  position: absolute;
  z-index: 1500;
  text-align: center;
  width: 16px;
  left: 50%;
  margin-left: -8px;
  bottom: 3px;
  font-size: 18px;
}
/* line 1175, ../scss/app.scss */
#gameScores #scoreSymbols .fa {
  display: block;
  margin-top: 2px;
}
/* line 1178, ../scss/app.scss */
#gameScores #scoreSymbols .fa.fa-clock-o {
  color: #0C97D1;
}
/* line 1181, ../scss/app.scss */
#gameScores #scoreSymbols .fa.fa-expand {
  color: #F49B00;
}
/* line 1184, ../scss/app.scss */
#gameScores #scoreSymbols .fa.fa-exclamation-circle {
  color: #D05535;
}
/* line 1187, ../scss/app.scss */
#gameScores #scoreSymbols .fa.fa-trophy {
  color: #54B25F;
}
@media screen and (min-width: 414px) and (min-height: 736px) {
  /* line 1044, ../scss/app.scss */
  #gameScores {
    margin-top: 35px;
  }
}
@media screen and (min-width: 412px) and (min-height: 659px) and (max-height: 735px) {
  /* line 1044, ../scss/app.scss */
  #gameScores {
    margin-top: 15px;
  }
}
@media screen and (min-width: 360px) and (max-width: 374px) and (min-height: 640px) and (max-height: 658px) {
  /* line 1044, ../scss/app.scss */
  #gameScores {
    margin-top: 10px;
  }
}

@media screen and (min-width: 320px) and (max-width: 383px) and (min-height: 480px) and (max-height: 565px) {
  /* line 1204, ../scss/app.scss */
  #gameScores {
    height: 190px;
  }
  /* line 1207, ../scss/app.scss */
  #gameScores #scoreTime {
    width: 190px;
    height: 190px;
  }
  /* line 1211, ../scss/app.scss */
  #gameScores #scoreLength {
    width: 190px;
    height: 190px;
  }
  /* line 1215, ../scss/app.scss */
  #gameScores #scoreDifficulty {
    width: 190px;
    height: 190px;
  }
  /* line 1219, ../scss/app.scss */
  #gameScores #scoreTotal {
    width: 190px;
    height: 190px;
  }
  /* line 1223, ../scss/app.scss */
  #gameScores #scoreHolderLeft {
    width: 95px;
    height: 190px;
    margin-left: -95px;
  }
  /* line 1227, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreTime {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1230, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreLength {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1233, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreDifficulty {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1236, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreTotal {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1240, ../scss/app.scss */
  #gameScores #scoreHolderRight {
    width: 95px;
    height: 190px;
  }
  /* line 1243, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreTime {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1246, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreLength {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1249, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreDifficulty {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1252, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreTotal {
    clip: rect(0px 190px 190px 95px);
  }
  /* line 1256, ../scss/app.scss */
  #gameScores #scoreBoard {
    width: 190px;
    height: 190px;
    margin-left: -95px;
  }
  /* line 1261, ../scss/app.scss */
  #gameScores #scoreLife {
    font-size: 20px;
    width: 80px;
    height: 35px;
    z-index: 1500;
    color: #D05535;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -10px;
    text-align: center;
  }
  /* line 1274, ../scss/app.scss */
  #gameScores #scoreSymbols {
    position: absolute;
    z-index: 1500;
    text-align: center;
    width: 16px;
    left: 50%;
    margin-left: -8px;
    bottom: 1px;
    font-size: 14px;
  }
  /* line 1283, ../scss/app.scss */
  #gameScores #scoreSymbols .fa {
    display: block;
    margin-top: 2px;
  }
  /* line 1286, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-clock-o {
    color: #0C97D1;
  }
  /* line 1289, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-expand {
    color: #F49B00;
  }
  /* line 1292, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-exclamation-circle {
    color: #D05535;
  }
  /* line 1295, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-trophy {
    color: #54B25F;
  }
}
@media screen and (min-width: 480px) and (min-height: 854px) {
  /* line 1304, ../scss/app.scss */
  #gameScores {
    height: 300px;
    margin-top: 55px;
  }
  /* line 1308, ../scss/app.scss */
  #gameScores #scoreTime {
    width: 300px;
    height: 300px;
  }
  /* line 1312, ../scss/app.scss */
  #gameScores #scoreLength {
    width: 300px;
    height: 300px;
  }
  /* line 1316, ../scss/app.scss */
  #gameScores #scoreDifficulty {
    width: 300px;
    height: 300px;
  }
  /* line 1320, ../scss/app.scss */
  #gameScores #scoreTotal {
    width: 300px;
    height: 300px;
  }
  /* line 1324, ../scss/app.scss */
  #gameScores #scoreHolderLeft {
    width: 150px;
    height: 300px;
    margin-left: -150px;
  }
  /* line 1328, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreTime {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1331, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreLength {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1334, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreDifficulty {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1337, ../scss/app.scss */
  #gameScores #scoreHolderLeft #scoreTotal {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1341, ../scss/app.scss */
  #gameScores #scoreHolderRight {
    width: 150px;
    height: 300px;
  }
  /* line 1344, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreTime {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1347, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreLength {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1350, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreDifficulty {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1353, ../scss/app.scss */
  #gameScores #scoreHolderRight #scoreTotal {
    clip: rect(0px 300px 300px 150px);
  }
  /* line 1357, ../scss/app.scss */
  #gameScores #scoreBoard {
    width: 300px;
    height: 300px;
    margin-left: -150px;
  }
  /* line 1362, ../scss/app.scss */
  #gameScores #scoreLife {
    font-size: 22px;
    width: 80px;
    height: 35px;
    z-index: 1500;
    color: #D05535;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 50%;
    margin-top: -10px;
    text-align: center;
  }
  /* line 1375, ../scss/app.scss */
  #gameScores #scoreSymbols {
    position: absolute;
    z-index: 1500;
    text-align: center;
    width: 16px;
    left: 50%;
    margin-left: -8px;
    bottom: 1px;
    font-size: 22px;
  }
  /* line 1384, ../scss/app.scss */
  #gameScores #scoreSymbols .fa {
    display: block;
    margin-top: 2px;
  }
  /* line 1387, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-clock-o {
    color: #0C97D1;
  }
  /* line 1390, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-expand {
    color: #F49B00;
  }
  /* line 1393, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-exclamation-circle {
    color: #D05535;
  }
  /* line 1396, ../scss/app.scss */
  #gameScores #scoreSymbols .fa.fa-trophy {
    color: #54B25F;
  }
}
/* line 1406, ../scss/app.scss */
.tombola {
  width: 170px;
  height: 106px;
  background: #3E2E06;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 53px;
  text-align: center;
  display: inline-block;
  padding-top: 23px;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  color: #E8E7DB;
}
/* line 1419, ../scss/app.scss */
.tombola .centerPiece {
  background: #917B13;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0MjAxNyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjM2UyZTA2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQyMDE3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #242017), color-stop(50%, #3e2e06), color-stop(100%, #242017));
  background: -moz-linear-gradient(top, #242017, #3e2e06, #242017);
  background: -webkit-linear-gradient(top, #242017, #3e2e06, #242017);
  background: linear-gradient(to bottom, #242017, #3e2e06, #242017);
  display: inline-block;
  margin: auto;
  height: 106px;
  width: 106px;
  border-left: 1px solid #553f08;
  border-right: 1px solid black;
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
}

/* line 1431, ../scss/app.scss */
#randomLetter {
  margin: -100px 0 0 -85px;
  top: 50%;
  left: 50%;
  position: absolute;
  padding-top: 0px;
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -moz-animation: dialogueInCenteredButton 0.5s ease-in forwards;
  -webkit-animation: dialogueInCenteredButton 0.5s ease-in forwards;
  animation: dialogueInCenteredButton 0.5s ease-in forwards;
}
/* line 1439, ../scss/app.scss */
#randomLetter .randomLetterWrapper {
  width: 106px;
  display: block;
  position: absolute;
  height: 1480px;
}
/* line 1444, ../scss/app.scss */
#randomLetter .randomLetterWrapper p {
  width: 30px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  line-height: 1.4;
  margin-top: 23px;
  -moz-animation: randomLetter 2s 0.5s ease forwards;
  -webkit-animation: randomLetter 2s 0.5s ease forwards;
  animation: randomLetter 2s 0.5s ease forwards;
}

/* line 1457, ../scss/app.scss */
.randomLetterAnimate {
  -moz-animation: fadeIn 0.5s 2.7s forwards;
  -webkit-animation: fadeIn 0.5s 2.7s forwards;
  animation: fadeIn 0.5s 2.7s forwards;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.5);
}