#full-area.jetpack-stack {
  width: 100%;
  height: 100vh;
  position: absolute;
  overflow: hidden;
  background: #1ed2ff;
  user-select: none;
  font-family: "Fredoka", "Segoe UI", system-ui, sans-serif;
  color: #1c1d2b;
}
#full-area.jetpack-stack .jps-hud, #full-area.jetpack-stack .jps-hud *, #full-area.jetpack-stack .jps-meter, #full-area.jetpack-stack .jps-meter *, #full-area.jetpack-stack section, #full-area.jetpack-stack section * {
  font-family: "Fredoka", "Segoe UI", system-ui, sans-serif;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  box-sizing: border-box;
}
#full-area.jetpack-stack #game-area {
  position: absolute;
  width: 1280px;
  height: 720px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1) !important;
}
#full-area.jetpack-stack #gameContainer {
  position: absolute;
  width: 1280px;
  height: 720px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  background: #8fe0ff;
}
#full-area.jetpack-stack #jps-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  outline: none;
}
#full-area.jetpack-stack button {
  border: 0;
  background: none;
  outline: none;
  padding: 0;
  margin: 0;
}
#full-area.jetpack-stack .jps-hud, #full-area.jetpack-stack .jps-meter, #full-area.jetpack-stack section {
  position: absolute;
  transition: opacity 0.35s ease-in-out, visibility 0.35s;
}
#full-area.jetpack-stack .jps-hud, #full-area.jetpack-stack .jps-meter {
  opacity: 0;
  pointer-events: none;
}
#full-area.jetpack-stack section {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#full-area.jetpack-stack[data-state=play] .jps-hud {
  opacity: 1;
}
#full-area.jetpack-stack[data-state=play] .jps-meter {
  opacity: 1;
  pointer-events: auto;
}
#full-area.jetpack-stack[data-state=loading] .jps-intro, #full-area.jetpack-stack[data-state=intro] .jps-intro, #full-area.jetpack-stack[data-state=over] .jps-over {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#full-area.jetpack-stack .jps-hud {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
#full-area.jetpack-stack .jps-score-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
#full-area.jetpack-stack .jps-score-box b {
  font-family: "Lilita One", "Arial Black", Impact, sans-serif;
  font-weight: 400;
  font-size: 58px;
  line-height: 1;
  color: #fff;
  text-shadow: 0 4px 0 #1c1d2b, 3px 0 0 #1c1d2b, -3px 0 0 #1c1d2b, 0 -3px 0 #1c1d2b, 2px 2px 0 #1c1d2b, -2px 2px 0 #1c1d2b, 2px -2px 0 #1c1d2b, -2px -2px 0 #1c1d2b;
  min-width: 40px;
  display: inline-block;
}
#full-area.jetpack-stack .jps-score-box b.is-bump {
  animation: jps-bump 0.6s ease-in-out;
}
#full-area.jetpack-stack .jps-meter {
  left: 22px;
  bottom: 84px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  padding: 5px 21px 9px;
  border: 3px solid #1c1d2b;
  border-radius: 11px;
  background: #8e9db0;
  box-shadow: inset 0 4px 0 #bac6d4, inset 0 -6px 0 #5e6b7d;
}
#full-area.jetpack-stack .jps-meter::before, #full-area.jetpack-stack .jps-meter::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-radius: 50%;
  background: #bac6d4;
  border: 2px solid #1c1d2b;
}
#full-area.jetpack-stack .jps-meter::before {
  left: 6px;
}
#full-area.jetpack-stack .jps-meter::after {
  right: 6px;
}
#full-area.jetpack-stack .jps-cells {
  display: flex;
  gap: 4px;
  padding-top: 10px;
}
#full-area.jetpack-stack .jps-cell {
  position: relative;
  display: block;
  width: 24px;
  height: 16px;
  border: 2px solid #1c1d2b;
  border-radius: 5px;
  background: #4b5566;
  box-shadow: inset 0 3px 0 #66727f, inset 0 -3px 0 #343c48;
}
#full-area.jetpack-stack .jps-cell::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 9px;
  height: 17px;
  margin-left: -4.5px;
  background: url("/media/games/jetpack-stack/images/burner.webp") 0 0/36px 17px no-repeat;
  animation: jps-burn-cell 0.24s steps(4) infinite;
  opacity: 0;
}
#full-area.jetpack-stack .jps-cell.is-on {
  background: #f5c93a;
  box-shadow: inset 0 3px 0 #ffe37d, inset 0 -3px 0 #b38b17;
}
#full-area.jetpack-stack .jps-cell.is-on:nth-child(n+5) {
  background: #f28c28;
  box-shadow: inset 0 3px 0 #ffb55c, inset 0 -3px 0 #b85f12;
}
#full-area.jetpack-stack .jps-cell.is-on:nth-child(n+5)::after {
  opacity: 1;
}
#full-area.jetpack-stack .jps-cell.is-on:nth-child(n+8) {
  background: #e5483f;
  box-shadow: inset 0 3px 0 #ff7d6e, inset 0 -3px 0 #a92b26;
}
#full-area.jetpack-stack .jps-cell.is-gate::before {
  content: "";
  position: absolute;
  left: -7px;
  top: -10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #1c1d2b;
}
#full-area.jetpack-stack .jps-meter[data-mode=wait] .jps-cell.is-on {
  background: #66727f;
  box-shadow: inset 0 3px 0 #8592a0, inset 0 -3px 0 #4b5566;
}
#full-area.jetpack-stack .jps-meter[data-mode=wait] .jps-cell.is-on::after {
  opacity: 0;
}
#full-area.jetpack-stack .jps-boost {
  display: flex;
  align-items: center;
  gap: 6px;
}
#full-area.jetpack-stack .jps-boost .jps-mic {
  display: block;
  width: 22px;
  height: 22px;
  flex: none;
  object-fit: contain;
}
#full-area.jetpack-stack .jps-boost b {
  flex: none;
  width: 34px;
  font-family: "Lilita One", "Arial Black", Impact, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  text-align: right;
  color: #1c1d2b;
  text-shadow: none;
}
#full-area.jetpack-stack .jps-sens {
  --pct: 25%;
  -webkit-appearance: none;
  appearance: none;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 12px;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  border: 2px solid #1c1d2b;
  background: linear-gradient(90deg, #f5c93a var(--pct), #4b5566 var(--pct));
  outline: none;
}
#full-area.jetpack-stack .jps-sens::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 29px;
  border: 0;
  background: url("/media/games/jetpack-stack/images/head.webp") center/contain no-repeat;
  filter: drop-shadow(0 2px 0 #1c1d2b);
}
#full-area.jetpack-stack .jps-sens::-moz-range-thumb {
  width: 24px;
  height: 29px;
  border: 0;
  border-radius: 0;
  background: url("/media/games/jetpack-stack/images/head.webp") center/contain no-repeat;
}
#full-area.jetpack-stack .jps-intro {
  inset: 0;
}
#full-area.jetpack-stack .jps-logo-anim {
  position: absolute;
  left: 300px;
  top: 150px;
  width: 680px;
  height: 319px;
}
#full-area.jetpack-stack .jps-logo-man, #full-area.jetpack-stack .jps-logo-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#full-area.jetpack-stack .jps-logo-title img {
  display: block;
  width: 100%;
  height: 100%;
}
#full-area.jetpack-stack .jps-logo-title .jps-title-jet {
  top: 90%;
  left: 42%;
  width: 26px;
  height: 50px;
  margin-left: -13px;
  background: url("/media/games/jetpack-stack/images/burner.webp") 0 0/104px 50px no-repeat;
  animation: jps-burn-title 0.24s steps(4) infinite;
  transition: opacity 0.25s ease-in-out;
}
#full-area.jetpack-stack .jps-logo-title .jps-title-jet + .jps-title-jet {
  left: 85%;
}
#full-area.jetpack-stack .jps-logo-sparks {
  position: absolute;
  top: 88%;
  width: 0;
  height: 0;
}
#full-area.jetpack-stack .jps-logo-sparks i {
  position: absolute;
  left: 0;
  top: 0;
  width: 13px;
  height: 7px;
  margin: -3.5px 0 0 -6.5px;
  background: var(--c);
  border: 2px solid #1c1d2b;
  opacity: 0;
}
#full-area.jetpack-stack .jps-logo-sparks-left {
  left: 29%;
}
#full-area.jetpack-stack .jps-logo-sparks-right {
  left: 98%;
}
#full-area.jetpack-stack .jps-logo-anim.is-in .jps-logo-man {
  animation: jps-man-in 0.62s cubic-bezier(0.2, 0.9, 0.3, 1.12) both, jps-float 2.2s ease-in-out 0.62s infinite;
}
#full-area.jetpack-stack .jps-logo-anim.is-in .jps-logo-title {
  animation: jps-title-in 0.48s cubic-bezier(0.3, 0.75, 0.4, 1) 0.38s both;
}
#full-area.jetpack-stack .jps-logo-anim.is-locked {
  animation: jps-shake 0.3s ease-in-out;
}
#full-area.jetpack-stack .jps-logo-anim.is-locked .jps-title-jet {
  opacity: 0;
}
#full-area.jetpack-stack .jps-logo-anim.is-locked .jps-logo-sparks i {
  animation: jps-spark 0.55s ease-out forwards;
}
#full-area.jetpack-stack .jps-logo-anim.is-out {
  animation: jps-logo-out 0.35s ease-in-out forwards;
}
#full-area.jetpack-stack .jps-over {
  inset: 0;
}
#full-area.jetpack-stack .jps-pad {
  position: absolute;
  top: 470px;
  width: 290px;
  height: 94px;
  border: 0;
  border-radius: 0;
  background: url("/media/games/jetpack-stack/images/btn-red.webp") center/100% 100% no-repeat;
  animation: jps-hover 1.6s ease-in-out infinite alternate;
}
#full-area.jetpack-stack .jps-pad span {
  position: absolute;
  left: 21.5%;
  right: 22.3%;
  top: 29.2%;
  bottom: 29.5%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lilita One", "Arial Black", Impact, sans-serif;
  font-weight: 400;
  font-size: 23px;
  line-height: 1;
  color: #1c1d2b;
  text-shadow: none;
  white-space: nowrap;
}
#full-area.jetpack-stack .jps-pad .jps-nozzle-jet {
  position: absolute;
  left: calc(2% - 11px);
  top: 50%;
  width: 22px;
  height: 42px;
  background: url("/media/games/jetpack-stack/images/burner.webp") 0 0/88px 42px no-repeat;
  transform-origin: 50% 0;
  transform: rotate(90deg);
  animation: jps-burn 0.24s steps(4) infinite;
  transition: transform 0.2s ease-in-out;
}
#full-area.jetpack-stack .jps-pad:hover .jps-nozzle-jet {
  transform: rotate(90deg) scaleY(1.45);
}
#full-area.jetpack-stack .jps-pad:active span {
  transform: translateY(1px);
}
#full-area.jetpack-stack .jps-pad-again {
  left: 170px;
}
#full-area.jetpack-stack .jps-pad-switch {
  left: 820px;
  animation-delay: -0.8s;
  background-image: url("/media/games/jetpack-stack/images/btn-yellow.webp");
}
#full-area.jetpack-stack .jps-pad-switch span {
  left: 22.3%;
  right: 21.5%;
}
#full-area.jetpack-stack .jps-pad-switch .jps-nozzle-jet {
  left: calc(98% - 11px);
  transform: rotate(-90deg);
}
#full-area.jetpack-stack .jps-pad-switch:hover .jps-nozzle-jet {
  transform: rotate(-90deg) scaleY(1.45);
}
#full-area.jetpack-stack .jps-jet {
  position: absolute;
  top: 100%;
  left: 24%;
  width: 22px;
  height: 42px;
  margin-left: -11px;
  background: url("/media/games/jetpack-stack/images/burner.webp") 0 0/88px 42px no-repeat;
  transform-origin: 50% 0;
  animation: jps-burn 0.24s steps(4) infinite;
  transition: transform 0.2s ease-in-out;
}
#full-area.jetpack-stack .jps-jet + .jps-jet {
  left: 76%;
}
#full-area.jetpack-stack .jps-pad:hover .jps-jet {
  transform: scaleY(1.35);
}

@keyframes jps-bump {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.32);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes jps-burn {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -88px 0;
  }
}
@keyframes jps-burn-cell {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -36px 0;
  }
}
@keyframes jps-hover {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-9px);
  }
}
@keyframes jps-man-in {
  0% {
    opacity: 0;
    transform: translate(-300px, 560px) rotate(-16deg);
  }
  12% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(0deg);
  }
}
@keyframes jps-title-in {
  0% {
    opacity: 1;
    transform: translateX(980px);
  }
  78% {
    opacity: 1;
    transform: translateX(-18px) scaleX(0.97);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }
}
@keyframes jps-shake {
  0%, 100% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(-6px, 3px);
  }
  40% {
    transform: translate(5px, -3px);
  }
  60% {
    transform: translate(-3px, 2px);
  }
  80% {
    transform: translate(2px, -1px);
  }
}
@keyframes jps-spark {
  0% {
    opacity: 1;
    transform: rotate(var(--a)) translateX(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: rotate(var(--a)) translateX(var(--d)) scale(0.4);
  }
}
@keyframes jps-logo-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.06);
  }
}
@keyframes jps-burn-title {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -104px 0;
  }
}
@keyframes jps-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
