.image-10-icon {
  width: 43.688rem;
  position: relative;
  /* height: 11.219rem; */
  /* object-fit: cover; */
}
.get-ready,
.round-1 {
  align-self: stretch;
  position: relative;
  text-shadow: 0 4px 4px #000;
}
.get-ready {
  white-space: pre-wrap;
}
.frame-child {
  width: 75%;
  height: 100%;
  flex: 1;
  position: relative;
  border-radius: 59px;
  background-color: #057b48;
  z-index: 0;
}
.frame-item {
  width: 1.5rem;
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 12px);
  left: 0;
  border-radius: 56px;
  height: 1.5rem;
  object-fit: cover;
  z-index: 1;
}
.rectangle-parent {
  width: 30%;
  border-radius: 54px;
  background-color: #181129;
  border: 2px solid #fff;
  box-sizing: border-box;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
  /* gap: 0.625rem; */
  overflow: hidden;
}
.frame-inner {
  width: 2.938rem;
  position: relative;
  border-radius: 65px;
  background-color: #d9d9d9;
  height: 2.938rem;
}
.frame-group,
.rectangle-group {
  align-self: stretch;
  display: flex;
  /* flex-wrap: nowrap; */
  align-items: flex-end;
}
.rectangle-group {
  border-radius: 52px;
  background-color: rgba(0, 0, 0, 0.74);
  border: 2px solid #fff;
  overflow: hidden;
  flex-direction: row;
  justify-content: center;
  padding: 0.625rem;
  gap: 0.312rem;
}
.frame-group {
  flex-direction: column;
  justify-content: flex-start;
  gap: 0.812rem;
}
.game-over-time {
  font-size: 1.5rem;
  background: linear-gradient(180deg, #ff1c00, #ff9200);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.game-over-time,
.success-rate {
  position: relative;
  /* text-shadow: 0 4px 4px #000; */
}
.game-over-time-ran-out-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.5rem;
}
.mini-game {
  align-self: stretch;
  position: relative;
  color: #ed45ff;
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  text-shadow: 0 4px 11.4px #000,0 4px 11.4px #000;
}
.span {
  color: #fff;
}
.spacebar3,
.spacebar5 {
  text-decoration: underline;
}
.spacebar5 {
  color: #ffe100;
}
.spacebar1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: 1.312rem;
}
.spacebar {
  align-self: stretch;
  position: relative;
  font-size: 1rem;
  filter: drop-shadow(0 4px 11.4px #000);
}
.mini-game-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.375rem;
}
.div {
  position: relative;
  font-weight: 500;
  text-shadow: 3px 0 0#000, 0 3px 0#000, -3px 0 0#000, 0-3px 0#000;
}
.frame-input {
  border: 0;
  outline: 0;
  background-color: #fff;
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  text-align: center;
}
.frame-container,
.frame-wrapper,
.parent {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.parent {
  border-radius: 13px;
  border: 2px solid #fff;
  flex-direction: row;
  align-items: center;
  padding: 1.062rem 1.562rem;
  gap: 0.75rem;
}
.frame-container,
.frame-wrapper {
  flex-direction: column;
  align-items: flex-start;
}
.frame-wrapper {
  border-radius: 13px;
  border: 3px solid #000;
  font-size: 1.5rem;
  color: #fff;
}
.frame-container {
  gap: 1.875rem;
  text-align: left;
  font-size: 1.625rem;
  color: #ffe100;
}
.start-game {
  position: relative;
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Kanit;
  text-align: center;
  /* background: linear-gradient(180deg, #fff, #fdb6fd); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  /* text-align: left; */
  color: white;
  text-shadow: 0 0 9px #530d78;
}
.start-game-wrapper {
  align-self: stretch;
  border-radius: 11px;
  background: linear-gradient(
    180deg,
    #ddb3f3,
    #a329e1 22.5%,
    #b93dec 61%,
    #9a32c5
  );
  border: 3px solid #630893;
  overflow: hidden;
  /* display: flex; */
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.frame-button {
  cursor: pointer;
  border: 4px solid #e3afff;
  padding: 0;
  /* background-color: transparent; */
  align-self: stretch;
  border-radius: 10px;
  /* display: flex; */
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  /* background-color: red; */
  text-align: center;
}
.frame-parent,
.image-10-parent {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.image-10-parent {
  width: 100%;
  flex-direction: column;
  padding: 3rem 1.625rem;
  gap: 1.5rem;
  background-image: url(../public/frame-138@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-parent {
  position: relative;
  border-radius: 19px;
  background-color: #470059;
  border: 5px solid #780a94;
  width: 100%;
  flex-direction: row;
  padding: 1rem;
  text-align: center;
  font-size: 2.563rem;
  color: #fff;
  font-family: Kanit;
}