@font-face {
  font-family: f2;
  src: url("/media/games/math-chain/fonts/Dinosaur.otf");
}
#game-area {
  width: 1280px;
  height: 720px;
  transform: translate(-50%, -50%) scale(1);
  left: 50%;
  top: 50%;
  position: absolute;
  background: url("/media/games/math-chain/images/background.png");
  background-size: cover;
  /* Animation keyframes with stronger effects */
  /* Adjust animation speeds */
  /* Correct answer state */
  /* Wrong answer state */
  /* Wrong answer X mark */
  /* Stronger glow effects */
}
#game-area #home-section {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999;
}
#game-area #home-section #home-logo {
  height: 65%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0px;
  margin-top: -80px;
}
#game-area #home-section #home-logo img {
  height: 100%;
  width: auto;
  opacity: 0;
  transform: scale(0);
}
#game-area #play-section {
  width: 100%;
  height: 100%;
  position: absolute;
}
#game-area #play-section #testing {
  position: absolute;
  left: 300px;
  top: 550px;
  display: none;
}
#game-area #play-section #container {
  width: 700px;
  height: 390px;
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  background: url("/media/games/math-chain/images/container.png");
  background-size: cover;
  opacity: 0;
}
#game-area #play-section #container #question, #game-area #play-section #container #answer {
  position: relative;
  z-index: 2;
  left: 5px;
  top: 107px;
}
#game-area #play-section #container #question p, #game-area #play-section #container #answer p {
  color: white;
  font-family: f2;
  font-size: 65px;
  margin-top: -10px;
  width: 100%;
  text-align: center;
  text-shadow: 2px 4px 0 rgba(0, 0, 0, 0.179);
}
#game-area #play-section #container #answer p {
  color: #5c2a85;
  font-size: 65px;
  margin-top: 10px;
}
#game-area #play-section #container #correct-answer {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 107px;
  display: none;
}
#game-area #play-section #container #correct-answer p {
  color: #4CAF50;
  font-family: f2;
  font-size: 65px;
  margin-top: 10px;
  text-align: right;
  text-shadow: 2px 4px 0 rgba(0, 0, 0, 0.179);
  font-weight: bold;
}
#game-area #play-section #container #tick {
  position: absolute;
  left: 490px;
  width: 70px;
  margin-top: -13px;
  top: 235px;
  animation: scale 1.5s infinite;
  opacity: 0;
}
#game-area #play-section #container.correct {
  animation: correctAnswer 0.5s ease-in-out;
  filter: drop-shadow(0 0 20px rgba(76, 175, 80, 0.8));
}
#game-area #play-section #container.wrong {
  animation: wrongAnswer 0.7s ease-in-out;
  filter: drop-shadow(0 0 20px rgba(244, 67, 54, 0.8));
}
#game-area #play-section #validate {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 75%;
  cursor: pointer;
  transition: 0.2s;
  opacity: 0;
}
#game-area #play-section #validate:active {
  transform: translateX(-50%) scale(0.97);
  opacity: 0.95;
}
#game-area #play-section #score {
  position: absolute;
  left: 100%;
  transform: translateX(-100%);
  margin-left: -50px;
  margin-top: 10px;
  color: white;
  opacity: 0;
}
#game-area #play-section #score p {
  font-size: 35px;
  font-family: f2;
  text-wrap: nowrap;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 black;
  color: gold;
  white-space: nowrap;
  width: 250px;
  text-align: right;
}
#game-area #play-section #score p span {
  font-size: 55px;
  margin-left: 0px;
  color: white;
}
#game-area #play-section #score p span.score-pulse {
  animation: scorePulse 1.3s ease-in-out;
}
#game-area #play-section #high-score {
  position: absolute;
  left: 50px;
  opacity: 0;
  top: 10px;
}
#game-area #play-section #high-score p {
  font-size: 35px;
  font-family: f2;
  text-wrap: nowrap;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 black;
  color: gold;
}
#game-area #play-section #high-score p span {
  font-size: 55px;
  margin-left: 0px;
  color: white;
}
#game-area #play-section #high-score p span.score-pulse {
  animation: scorePulse 1.3s ease-in-out;
}
#game-area #end-section {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: scale(0);
}
#game-area #end-section .content {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  background: url("/media/games/math-chain/images/game-over2.png");
  background-size: cover;
  width: 700px;
  height: 440px;
}
#game-area #end-section #end-btns {
  position: relative;
  width: 80%;
  margin-left: 10%;
  margin-top: 310px;
  display: flex;
}
#game-area #end-section #end-btns div {
  display: flex;
  justify-content: center;
  width: 350px;
  max-width: 10000px;
  margin: 10px auto;
  cursor: pointer;
  animation: scale 1.5s infinite;
}
#game-area #end-section #end-btns div img {
  width: 100%;
  cursor: pointer;
}
#game-area #end-section #end-btns div img:active {
  transform: scale(0.95);
  opacity: 0.9;
  filter: brightness(1.1);
  transition: 0.2s;
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulseQuestion {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  /* Increased from 1.02 */
  100% {
    transform: scale(1);
  }
}
@keyframes rotateContainer {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) rotate(1deg) scale(1.02);
  }
  /* Added scale and increased rotation */
  75% {
    transform: translate(-50%, -50%) rotate(-1deg) scale(0.98);
  }
  /* Added scale and increased rotation */
  100% {
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
}
@keyframes correctAnswer {
  0% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 0 rgba(76, 175, 80, 0));
  }
  50% {
    transform: translate(-50%, -50%) scale(1.08);
    filter: drop-shadow(0 0 30px rgba(76, 175, 80, 0.8));
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 0 rgba(76, 175, 80, 0));
  }
}
@keyframes wrongAnswer {
  0% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 0 rgba(244, 67, 54, 0));
  }
  25% {
    transform: translate(-50%, -50%) scale(1.08);
    filter: drop-shadow(0 0 30px rgba(244, 67, 54, 0.8));
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95);
    filter: drop-shadow(0 0 30px rgba(244, 67, 54, 0.8));
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    filter: drop-shadow(0 0 0 rgba(244, 67, 54, 0));
  }
}
#game-area #play-section #container #question p {
  animation: pulseQuestion 1.5s infinite ease-in-out;
  /* Faster animation */
}
#game-area #play-section #container {
  animation: rotateContainer 3s infinite ease-in-out;
  /* Faster animation */
}
#game-area #play-section #container.correct {
  animation: correctAnswer 0.5s ease-in-out;
}
#game-area #play-section #container.wrong {
  animation: wrongAnswer 0.7s ease-in-out;
}
#game-area .wrong-x {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 180px;
  /* Increased from 150px */
  color: #f44336;
  font-family: Arial, sans-serif;
  font-weight: bold;
  z-index: 1000;
  text-shadow: 0 0 30px rgba(244, 67, 54, 0.9);
  /* Stronger glow */
}
#game-area #play-section #container.wrong .wrong-x {
  display: block;
}
#game-area .correct-glow {
  box-shadow: 0 0 40px rgba(76, 175, 80, 0.8) !important;
  /* Increased glow */
}
#game-area .wrong-glow {
  box-shadow: 0 0 40px rgba(244, 67, 54, 0.8) !important;
  /* Increased glow */
}
@keyframes scorePulse {
  0% {
    transform: scale(1);
    color: white;
  }
  50% {
    transform: scale(1.5);
    color: gold;
  }
  100% {
    transform: scale(1);
    color: white;
  }
}
#game-area .score-pulse {
  animation: scorePulse 1.3s ease-in-out;
}
#game-area #score span, #game-area #high-score span {
  display: inline-block;
}
#game-area #play-section #score p, #game-area #play-section #high-score p {
  animation: pulseQuestion 1.5s infinite ease-in-out;
}
#game-area .ticking {
  width: 30%;
}
#game-area .seconds {
  width: 70%;
}
#game-area #timer-container {
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 500px;
  transform: translateX(-50%) translateY(-600px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  transition: bottom 0.5s ease-out;
  z-index: 1000;
}
#game-area #timer-container.show {
  bottom: 40px;
}
#game-area #timer-container img {
  width: 130px;
  height: 130px;
}
#game-area #timer-container p {
  font-family: f2;
  margin-bottom: -20px;
  font-size: 35px;
  color: white;
  text-shadow: 2px 2px 0 black;
}
@keyframes scoreUpdate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
    color: gold;
  }
  100% {
    transform: scale(1);
  }
}
@keyframes firstHighScore {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  16% {
    opacity: 1;
    transform: scale(1.5);
  }
  33% {
    opacity: 0;
    transform: scale(1);
  }
  49% {
    opacity: 1;
    transform: scale(1.5);
  }
  66% {
    opacity: 0;
    transform: scale(1);
  }
  83% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#game-area #play-section #high-score span.first-high-score {
  animation: firstHighScore 2s ease-in-out;
}

#difficulty-meter {
  position: fixed;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  height: 400px;
  z-index: 1000;
  display: none;
}
#difficulty-meter .difficulty-bar {
  width: 30px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
#difficulty-meter .difficulty-bar .difficulty-fill {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  border-radius: 15px;
  background: linear-gradient(to top, #4CAF50, #8BC34A, #CDDC39, #FFEB3B, #FFC107, #FF9800, #f44336);
  transition: height 0.5s ease-out;
}
#difficulty-meter .difficulty-labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#difficulty-meter .difficulty-labels .label {
  color: white;
  font-family: f2;
  font-size: 18px;
  text-shadow: 2px 2px 0 black;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
#difficulty-meter .difficulty-labels .label.active {
  opacity: 1;
  transform: scale(1.1);
}

@keyframes backgroundMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#gameContainer {
  background-size: 120% 120% !important;
  animation: backgroundMove 40s ease infinite;
}

@keyframes numberPulse {
  0% {
    transform: scale(1);
    color: #4CAF50;
    text-shadow: 0 0 10px rgba(76, 175, 80, 0.3);
  }
  50% {
    transform: scale(1.2);
    color: #4CAF50;
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(76, 175, 80, 0.6);
  }
  100% {
    transform: scale(1);
    color: #4CAF50;
    text-shadow: 0 0 10px rgba(76, 175, 80, 0.3);
  }
}
#answer p.chain-link {
  animation: numberPulse 1.5s ease-in-out;
}

@media (max-width: 600px) {
  #game-area #home-section #home-logo {
    height: 35%;
    margin-top: -60px;
  }
  #game-area #play-section #testing {
    top: 900px;
  }
  #game-area #play-section #score p, #game-area #play-section #high-score p {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #game-area #timer-container {
    transform: translateX(-50%) translateY(-200px) scale(1.2);
  }

  #difficulty-meter {
    right: 20px;
    top: 78%;
    visibility: hidden;
    height: 300px;
  }
}
@media (width: 960px) and (height: 480px) {
  #game-area {
    width: 960px;
    height: 480px;
    /* Animation keyframes with stronger effects */
    /* Adjust animation speeds */
    /* Correct answer state */
    /* Wrong answer state */
    /* Wrong answer X mark */
    /* Stronger glow effects */
  }
  #game-area #home-section #home-logo {
    margin-top: -30px;
  }
  #game-area #play-section #testing {
    position: absolute;
    left: 300px;
    top: 50px;
    display: none;
  }
  #game-area #play-section #container {
    top: 59%;
    animation: rotateContainerScaled 3s infinite ease-in-out !important;
    /* Faster animation */
  }
  #game-area #play-section #container #correct-answer {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 107px;
    display: none;
  }
  #game-area #play-section #container #correct-answer p {
    color: #4CAF50;
    font-family: f2;
    font-size: 65px;
    margin-top: 10px;
    text-align: right;
    text-shadow: 2px 4px 0 rgba(0, 0, 0, 0.179);
    font-weight: bold;
  }
  #game-area #play-section #container #tick {
    position: absolute;
    left: 490px;
    width: 70px;
    margin-top: -13px;
    top: 235px;
    animation: scale 1.5s infinite;
    opacity: 0;
  }
  #game-area #play-section #container.correct {
    animation: correctAnswer 0.5s ease-in-out;
    filter: drop-shadow(0 0 20px rgba(76, 175, 80, 0.8));
  }
  #game-area #play-section #container.wrong {
    animation: wrongAnswer 0.7s ease-in-out;
    filter: drop-shadow(0 0 20px rgba(244, 67, 54, 0.8));
  }
  #game-area #play-section #validate {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 75%;
    cursor: pointer;
    transition: 0.2s;
    opacity: 0;
  }
  #game-area #play-section #validate:active {
    transform: translateX(-50%) scale(0.97);
    opacity: 0.95;
  }
  #game-area #play-section #score p {
    font-size: 30px;
  }
  #game-area #play-section #score p span {
    font-size: 40px;
  }
  #game-area #play-section #high-score p {
    font-size: 30px;
  }
  #game-area #play-section #high-score p span {
    font-size: 40px;
  }
  #game-area #end-section {
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(0);
  }
  #game-area #end-section .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    background: url("/media/games/math-chain/images/game-over2.png");
    background-size: cover;
    width: 700px;
    height: 440px;
  }
  #game-area #end-section #end-btns {
    position: relative;
    width: 80%;
    margin-left: 10%;
    margin-top: 310px;
    display: flex;
  }
  #game-area #end-section #end-btns div {
    display: flex;
    justify-content: center;
    width: 350px;
    max-width: 10000px;
    margin: 10px auto;
    cursor: pointer;
    animation: scale 1.5s infinite;
  }
  #game-area #end-section #end-btns div img {
    width: 100%;
    cursor: pointer;
  }
  #game-area #end-section #end-btns div img:active {
    transform: scale(0.95);
    opacity: 0.9;
    filter: brightness(1.1);
    transition: 0.2s;
  }
  @keyframes fadeInOut {
    0% {
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes pulseQuestion {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    /* Increased from 1.02 */
    100% {
      transform: scale(1);
    }
  }
  @keyframes rotateContainer {
    0% {
      transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    25% {
      transform: translate(-50%, -50%) rotate(1deg) scale(1.02);
    }
    /* Added scale and increased rotation */
    75% {
      transform: translate(-50%, -50%) rotate(-1deg) scale(0.98);
    }
    /* Added scale and increased rotation */
    100% {
      transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
  }
  @keyframes rotateContainerScaled {
    0% {
      transform: translate(-50%, -50%) rotate(0deg) scale(0.7);
    }
    25% {
      transform: translate(-50%, -50%) rotate(1deg) scale(0.72);
    }
    /* Added scale and increased rotation */
    75% {
      transform: translate(-50%, -50%) rotate(-1deg) scale(0.68);
    }
    /* Added scale and increased rotation */
    100% {
      transform: translate(-50%, -50%) rotate(0deg) scale(0.7);
    }
  }
  @keyframes correctAnswer {
    0% {
      transform: translate(-50%, -50%) scale(1);
      filter: drop-shadow(0 0 0 rgba(76, 175, 80, 0));
    }
    50% {
      transform: translate(-50%, -50%) scale(1.08);
      filter: drop-shadow(0 0 30px rgba(76, 175, 80, 0.8));
    }
    100% {
      transform: translate(-50%, -50%) scale(1);
      filter: drop-shadow(0 0 0 rgba(76, 175, 80, 0));
    }
  }
  @keyframes wrongAnswer {
    0% {
      transform: translate(-50%, -50%) scale(1);
      filter: drop-shadow(0 0 0 rgba(244, 67, 54, 0));
    }
    25% {
      transform: translate(-50%, -50%) scale(1.08);
      filter: drop-shadow(0 0 30px rgba(244, 67, 54, 0.8));
    }
    75% {
      transform: translate(-50%, -50%) scale(0.95);
      filter: drop-shadow(0 0 30px rgba(244, 67, 54, 0.8));
    }
    100% {
      transform: translate(-50%, -50%) scale(1);
      filter: drop-shadow(0 0 0 rgba(244, 67, 54, 0));
    }
  }
  #game-area #play-section #container #question p {
    animation: pulseQuestion 1.5s infinite ease-in-out;
    /* Faster animation */
  }
  #game-area #play-section #container {
    animation: rotateContainer 3s infinite ease-in-out;
    /* Faster animation */
  }
  #game-area #play-section #container.correct {
    animation: correctAnswer 0.5s ease-in-out;
  }
  #game-area #play-section #container.wrong {
    animation: wrongAnswer 0.7s ease-in-out;
  }
  #game-area .wrong-x {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 180px;
    /* Increased from 150px */
    color: #f44336;
    font-family: Arial, sans-serif;
    font-weight: bold;
    z-index: 1000;
    text-shadow: 0 0 30px rgba(244, 67, 54, 0.9);
    /* Stronger glow */
  }
  #game-area #play-section #container.wrong .wrong-x {
    display: block;
  }
  #game-area .correct-glow {
    box-shadow: 0 0 40px rgba(76, 175, 80, 0.8) !important;
    /* Increased glow */
  }
  #game-area .wrong-glow {
    box-shadow: 0 0 40px rgba(244, 67, 54, 0.8) !important;
    /* Increased glow */
  }
  @keyframes scorePulse {
    0% {
      transform: scale(1);
      color: white;
    }
    50% {
      transform: scale(1.5);
      color: gold;
    }
    100% {
      transform: scale(1);
      color: white;
    }
  }
  #game-area .score-pulse {
    animation: scorePulse 1.3s ease-in-out;
  }
  #game-area #score span, #game-area #high-score span {
    display: inline-block;
  }
  #game-area #play-section #score p, #game-area #play-section #high-score p {
    animation: pulseQuestion 1.5s infinite ease-in-out;
  }
  #game-area .ticking {
    width: 30%;
  }
  #game-area .seconds {
    width: 70%;
  }
  #game-area #timer-container {
    position: absolute;
    bottom: 0px;
    left: 50%;
    width: 500px;
    transform: translateX(-50%) translateY(-600px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    transition: bottom 0.5s ease-out;
    z-index: 1000;
  }
  #game-area #timer-container.show {
    bottom: 40px;
  }
  #game-area #timer-container img {
    width: 130px;
    height: 130px;
  }
  #game-area #timer-container p {
    font-family: f2;
    margin-bottom: -20px;
    font-size: 35px;
    color: white;
    text-shadow: 2px 2px 0 black;
  }
  @keyframes scoreUpdate {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.5);
      color: gold;
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes firstHighScore {
    0% {
      opacity: 0;
      transform: scale(1);
    }
    16% {
      opacity: 1;
      transform: scale(1.5);
    }
    33% {
      opacity: 0;
      transform: scale(1);
    }
    49% {
      opacity: 1;
      transform: scale(1.5);
    }
    66% {
      opacity: 0;
      transform: scale(1);
    }
    83% {
      opacity: 1;
      transform: scale(1.5);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  #game-area #play-section #high-score span.first-high-score {
    animation: firstHighScore 2s ease-in-out;
  }

  #difficulty-meter {
    position: fixed;
    right: 0px;
    top: 58%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    height: 400px;
    z-index: 1000;
    display: none;
  }
  #difficulty-meter .difficulty-bar {
    transform: scale(0.7);
  }
  #difficulty-meter .difficulty-bar .difficulty-fill {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    border-radius: 15px;
    background: linear-gradient(to top, #4CAF50, #8BC34A, #CDDC39, #FFEB3B, #FFC107, #FF9800, #f44336);
    transition: height 0.5s ease-out;
  }
  #difficulty-meter .difficulty-labels {
    transform: scale(0.7);
  }
  #difficulty-meter .difficulty-labels .label {
    color: white;
    font-family: f2;
    font-size: 18px;
    text-shadow: 2px 2px 0 black;
    opacity: 0.5;
    transition: opacity 0.3s ease;
  }
}
#game-area #end-section #ranking-text {
  position: absolute;
  width: 100%;
  text-align: center;
  font-family: f2;
  font-size: 36px;
  color: #7c3a9d;
  text-shadow: 1px 1px 1px black;
  top: 28%;
  letter-spacing: 3px;
  opacity: 0.9;
  font-weight: bold;
  text-transform: uppercase;
}

#game-area #end-section #score-breakdown {
  position: absolute;
  width: 80%;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  gap: 35px;
}

#game-area #end-section #score-breakdown .stat-block {
  flex: 1;
  text-align: center;
}

#game-area #end-section #score-breakdown .stat-label {
  display: inline-block;
  padding: 8px 16px;
  font-family: f2;
  font-size: 16px;
  background: #ffd845;
  border: 3px solid #000;
  border-radius: 8px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#game-area #end-section #score-breakdown .stat-value,
#game-area #end-section #score-breakdown #final-score,
#game-area #end-section #score-breakdown #final-high-score {
  display: block;
  margin-top: 0px;
  font-family: f2;
  font-size: 60px;
  text-shadow: 1px 1px 1px black;
  color: #5c2a85;
  letter-spacing: 2px;
}

/*# sourceMappingURL=style.css.map */