.scratch[data-v-e721b861] {
  position:relative;
  margin:.6rem auto 1.4rem;
  width:420px;
  z-index:2
}
@media (min-width: 576px) {
  .scratch[data-v-e721b861] {
    width:502px
  }
}
.scratch .card-container[data-v-e721b861] {
  position:relative;
  box-sizing:border-box
}
.scratch .card-container.webgl[data-v-e721b861] {
  cursor:none
}
.scratch .card-container .cover-area[data-v-e721b861] {
  position:absolute;
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none
}
.scratch .card-container .cover-area .bet[data-v-e721b861] {
  position:absolute;
  bottom:4%;
  left:50%;
  padding-bottom:22.0703517588%;
  width:48%;
  background-size:100% auto;
  transition:transform .1s;
  cursor:pointer;
  transform:translate(-50%);
  pointer-events:visible
}
.scratch .card-container .cover-area .bet[data-v-e721b861]:hover {
  transform:translate(-50%,-1px)
}
.scratch .card-container .cover-area .bet.lock[data-v-e721b861] {
  cursor:not-allowed
}
.scratch .card-container .cover-area .bet.lock[data-v-e721b861]:hover {
  transform:translate(-50%)
}
.scratch .card-container .cover-area .bet .lock[data-v-e721b861] {
  position:absolute;
  top:-10%;
  left:50%;
  padding-bottom:17%;
  width:17%;
  background-size:100% auto;
  transform:translate(-50%)
}
.scratch .card-container .cover-area .bet .text[data-v-e721b861] {
  position:absolute;
  top:50%;
  left:50%;
  font-size:2rem;
  font-weight:700;
  white-space:nowrap;
  color:#fff;
  letter-spacing:.5rem;
  transform:translate(-43%,-50%)
}
@media (min-width: 576px) {
  .scratch .card-container .cover-area .bet .text[data-v-e721b861] {
    font-size:2rem
  }
}
.scratch .card-container .cover-area .bet .pointer[data-v-e721b861] {
  position:absolute;
  right:0;
  bottom:0;
  padding-bottom:3.12rem;
  width:3rem;
  background-size:100% auto;
  animation:hover-e721b861 .5s infinite alternate
}
@keyframes hover-e721b861 {
  to {
    transform:translate(4px,4px)
  }
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] {
  position:absolute;
  top:28%;
  left:50%;
  display:flex;
  justify-content:center;
  width:90%;
  transform:translate(-50%)
}
.scratch .card-container .cover-area .award-container[data-v-e721b861]>* {
  height:3rem;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:100% auto
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .highest {
  width:4.8396226415rem;
  background-position:center -3px
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .comma {
  margin:0 -.1rem;
  width:.9428571429rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .dot {
  width:.8857142857rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .tilde {
  margin:0 .12rem;
  width:1.8857142857rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-0 {
  width:1.8285714286rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-1 {
  width:1.2857142857rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-2 {
  width:1.7428571429rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-3 {
  width:1.6857142857rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-4 {
  width:1.9714285714rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-5 {
  width:1.6571428571rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-6,
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-7 {
  width:1.8rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-8 {
  width:1.8285714286rem
}
.scratch .card-container .cover-area .award-container[data-v-e721b861] .character-9 {
  width:1.8rem
}
.scratch .card-container .cover-area .countdown[data-v-e721b861] {
  position:absolute;
  bottom:0;
  left:25%;
  padding-bottom:10.5042016807%;
  width:50%;
  background-size:100% auto
}
.scratch .card-container .cover-area .countdown .text[data-v-e721b861] {
  position:absolute;
  top:50%;
  left:50%;
  font-size:.8rem;
  font-weight:700;
  white-space:nowrap;
  transform:translate(-50%)
}
@media (min-width: 576px) {
  .scratch .card-container .cover-area .countdown .text[data-v-e721b861] {
    font-size:1rem
  }
}
.scratch .card-container .cover-area .countdown .text .highlight[data-v-e721b861] {
  color:#ed1038
}
.scratch .card-container .scratch-area-webgl[data-v-e721b861] {
  position:absolute;
  width:100%;
  height:100%;
  z-index:2
}
.scratch .card-container .scratch-area-webgl .cover[data-v-e721b861] {
  position:relative;
  width:100%;
  height:100%;
  background-size:100% auto;
  z-index:3
}
.scratch .card-container .scratch-area-webgl .scratch-card[data-v-e721b861] {
  position:absolute;
  width:100%;
  height:100%;
  background-size:100% auto;
  z-index:2
}
.scratch .card-container .scratch-area-webgl[data-v-e721b861] .scratch-canvas {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  transition:opacity .5s
}
.scratch .card-container .scratch-area-non-webgl[data-v-e721b861] {
  position:absolute;
  bottom:0;
  width:100%;
  height:100%;
  background-position:center bottom;
  background-size:100% auto;
  z-index:2
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] {
  position:absolute;
  top:25%;
  left:50%;
  display:flex;
  justify-content:center;
  width:90%;
  transform:translate(-50%)
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861]>* {
  height:3rem;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:100% auto
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .highest {
  width:4.8396226415rem;
  background-position:center -3px
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .comma {
  margin:0 -.1rem;
  width:.9428571429rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .dot {
  width:.8857142857rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .tilde {
  margin:0 .12rem;
  width:1.8857142857rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-0 {
  width:1.8285714286rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-1 {
  width:1.2857142857rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-2 {
  width:1.7428571429rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-3 {
  width:1.6857142857rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-4 {
  width:1.9714285714rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-5 {
  width:1.6571428571rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-6,
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-7 {
  width:1.8rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-8 {
  width:1.8285714286rem
}
.scratch .card-container .scratch-area-non-webgl .award-container[data-v-e721b861] .character-9 {
  width:1.8rem
}
.scratch .card-container .result-area[data-v-e721b861] {
  position:relative;
  padding-bottom:62.3655913978%;
  width:100%;
  background-size:100% auto;
  filter:drop-shadow(2px 3px 5px #000);
  z-index:1
}
.scratch .card-container .result-area .award-container[data-v-e721b861] {
  position:absolute;
  top:40%;
  left:50%;
  display:flex;
  justify-content:center;
  width:90%;
  transform:translate(-50%)
}
.scratch .card-container .result-area .award-container[data-v-e721b861]>* {
  height:3rem;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:100% auto
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .highest {
  width:4.8396226415rem;
  background-position:center -3px
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .comma {
  margin:0 -.1rem;
  width:.9428571429rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .dot {
  width:.8857142857rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .tilde {
  margin:0 .12rem;
  width:1.8857142857rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-0 {
  width:1.8285714286rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-1 {
  width:1.2857142857rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-2 {
  width:1.7428571429rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-3 {
  width:1.6857142857rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-4 {
  width:1.9714285714rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-5 {
  width:1.6571428571rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-6,
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-7 {
  width:1.8rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-8 {
  width:1.8285714286rem
}
.scratch .card-container .result-area .award-container[data-v-e721b861] .character-9 {
  width:1.8rem
}
.scratch .mouse-hand[data-v-e721b861] {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding-bottom:6.3786407767rem;
  width:9rem;
  background-size:100% auto;
  transform-origin:left top;
  z-index:3;
  pointer-events:none
}
.scratch .hand[data-v-e721b861] {
  position:absolute;
  top:50%;
  right:1rem;
  padding-bottom:6.6153846154rem;
  width:9rem;
  background-size:100% auto;
  pointer-events:none;
  z-index:3;
  transform:translateY(-10%) rotate(15deg);
  transform-origin:right bottom;
  animation:wave-e721b861 .5s infinite linear alternate
}
@media (min-width: 576px) {
  .scratch .hand[data-v-e721b861] {
    right:3rem;
    padding-bottom:7.0873786408rem;
    width:10rem
  }
}
@keyframes wave-e721b861 {
  to {
    transform:translateY(-10%) rotate(-15deg)
  }
}
.fade-enter-active[data-v-e721b861],
.fade-leave-active[data-v-e721b861] {
  transition:opacity .5s ease
}
.fade-enter-from[data-v-e721b861],
.fade-leave-to[data-v-e721b861] {
  opacity:0
}
.dust[data-v-516685f4] {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none
}
.winner-list-wrap[data-v-b9325235] {
  position:relative;
  margin-top:-14%;
  margin-left:20%;
  width:60%;
  background:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.4) 30%,rgba(0,0,0,.4) 70%,rgba(0,0,0,0));
  z-index:2
}
.winner-list-wrap .award-container[data-v-b9325235] {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin:1rem auto 0
}
.winner-list-wrap .award-container .award[data-v-b9325235] {
  position:relative;
  display:inline-block;
  padding:.2rem 3rem;
  height:100%;
  font-size:.95rem;
  text-align:center;
  white-space:nowrap;
  color:#fff;
  letter-spacing:.08rem
}
@media (min-width: 576px) {
  .winner-list-wrap .award-container .award[data-v-b9325235] {
    font-size:1rem
  }
}
.default-padding-bottom[data-v-b9325235] {
  margin-top:-14%;
  height:2.4rem
}
.activity-title-wrap[data-v-528fd680] {
  position:relative;
  width:100%;
  z-index:2
}
.activity-title-wrap .title[data-v-528fd680] {
  position:relative;
  padding-bottom:45.8333333333%;
  width:100%;
  background-repeat:no-repeat;
  background-size:100% auto
}
.activity-title-wrap .date[data-v-528fd680] {
  position:absolute;
  top:4.8%;
  left:50%;
  padding:.4rem .7rem;
  font-size:1.4rem;
  font-weight:bolder;
  text-align:center;
  white-space:nowrap;
  color:#fdfefe;
  background-size:100% 100%;
  transform:translate(-50%);
  letter-spacing:1.2px;
  border-radius:3rem
}
.activity-title-wrap .date .hint[data-v-528fd680] {
  font-size:.8rem
}
@media (min-width: 576px) {
  .activity-title-wrap .date[data-v-528fd680] {
    font-size:1.9rem
  }
}
.level-wrap[data-v-05c6bb9e] {
  position:absolute;
  top:37%;
  left:4%;
  width:92%
}
.level-wrap .level-container[data-v-05c6bb9e] {
  position:relative;
  width:100%;
  z-index:1
}
.level-wrap .level-container .scroll-wrap[data-v-05c6bb9e] {
  display:inline-flex;
  margin-left:7%;
  transition:all .5s
}
.level-wrap .level-container .scroll-wrap .level[data-v-05c6bb9e] {
  position:relative;
  display:flex;
  align-items:center;
  background-position:center top;
  background-size:100% auto;
  filter:drop-shadow(0 5px 10px rgba(0,41,40,.3));
  transition:opacity .3s;
  flex-direction:column
}
.level-wrap .level-container .scroll-wrap .level.max[data-v-05c6bb9e] {
  transform:translateY(-.26rem);
  background-position:center bottom;
  filter:drop-shadow(0 10px 20px rgba(255,255,255,.7))
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level.max[data-v-05c6bb9e] {
    transform:translateY(-.31rem)
  }
}
.level-wrap .level-container .scroll-wrap .level.max .split-line[data-v-05c6bb9e] {
  background-position:center bottom
}
.level-wrap .level-container .scroll-wrap .level.out-of-visible-range[data-v-05c6bb9e] {
  opacity:.2
}
.level-wrap .level-container .scroll-wrap .level>*[data-v-05c6bb9e] {
  position:absolute
}
.level-wrap .level-container .scroll-wrap .level .max-amount[data-v-05c6bb9e] {
  top:10.5%;
  letter-spacing:.05rem;
  font-size:.92rem;
  color:#fff;
  text-shadow:0 2px 2px rgba(23,23,23,.7)
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .max-amount[data-v-05c6bb9e] {
    font-size:.9rem;
  }
}
.level-wrap .level-container .scroll-wrap .level .split-line[data-v-05c6bb9e] {
  top:30%;
  padding-bottom:1.5%;
  width:75%;
  background-position:center top;
  background-size:100% auto
}
.level-wrap .level-container .scroll-wrap .level .condition-container[data-v-05c6bb9e] {
  top:36.8%;
  display:flex;
  justify-content:space-around;
  /*! padding-left:16%; */
  width:100%;
  height:60%;
  flex-direction:column
}
.level-wrap .level-container .scroll-wrap .level .deposit[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .bet[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .draw[data-v-05c6bb9e] {
  display:flex;
  align-items:center;
  opacity:.5;
  /* justify-content: center; */
  padding-left: 2rem;
}
.level-wrap .level-container .scroll-wrap .level .deposit.goal[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .bet.goal[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .draw.goal[data-v-05c6bb9e] {
  opacity:1
}
.level-wrap .level-container .scroll-wrap .level .deposit.goal .amount[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .bet.goal .amount[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .draw.goal .amount[data-v-05c6bb9e] {
  color:#ffdf71
}
.level-wrap .level-container .scroll-wrap .level .deposit .condition-title[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .bet .condition-title[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .draw .condition-title[data-v-05c6bb9e] {
  margin-right:.35rem;
  padding-bottom:1.0676470588rem;
  width:2.2rem;
  background-size:300% 200%
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .deposit .condition-title[data-v-05c6bb9e],
  .level-wrap .level-container .scroll-wrap .level .bet .condition-title[data-v-05c6bb9e],
  .level-wrap .level-container .scroll-wrap .level .draw .condition-title[data-v-05c6bb9e] {
    padding-bottom:1.2132352941rem;
    width:2.5rem
  }
}
.level-wrap .level-container .scroll-wrap .level .deposit .amount[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .bet .amount[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .draw .amount[data-v-05c6bb9e] {
  transform:translateY(1px);
  font-size:.85rem;
  color:#dcdcdc
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .deposit .amount[data-v-05c6bb9e],
  .level-wrap .level-container .scroll-wrap .level .bet .amount[data-v-05c6bb9e],
  .level-wrap .level-container .scroll-wrap .level .draw .amount[data-v-05c6bb9e] {
    font-size:.9rem
  }
}
.level-wrap .level-container .scroll-wrap .level .deposit.goal .condition-title[data-v-05c6bb9e] {
  background-position:left bottom
}
.level-wrap .level-container .scroll-wrap .level .deposit .condition-title[data-v-05c6bb9e] {
  background-position:left top
}
.level-wrap .level-container .scroll-wrap .level .bet.goal .condition-title[data-v-05c6bb9e] {
  background-position:center bottom
}
.level-wrap .level-container .scroll-wrap .level .bet .condition-title[data-v-05c6bb9e] {
  background-position:center top
}
.level-wrap .level-container .scroll-wrap .level .draw.goal .condition-title[data-v-05c6bb9e] {
  background-position:right bottom
}
.level-wrap .level-container .scroll-wrap .level .draw .condition-title[data-v-05c6bb9e] {
  background-position:right top
}
.level-wrap .level-container .scroll-wrap .level .level-sign[data-v-05c6bb9e] {
  top:-.2rem;
  left:-1.1rem
}
.level-wrap .level-container .scroll-wrap .level .level-sign .top[data-v-05c6bb9e] {
  position:relative;
  padding-bottom:2.6388888889rem;
  width:2.5rem;
  background-size:100% auto;
  animation:swing-top-05c6bb9e 3s infinite linear alternate-reverse;
  z-index:2
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .level-sign .top[data-v-05c6bb9e] {
    padding-bottom:3.1666666667rem;
    width:3rem
  }
}
@keyframes swing-top-05c6bb9e {
  to {
    transform:rotate(15deg)
  }
}
.level-wrap .level-container .scroll-wrap .level .level-sign .top .text[data-v-05c6bb9e] {
  position:absolute;
  top:33%;
  left:50%;
  font-size:.75rem;
  font-weight:bolder;
  white-space:nowrap;
  color:#fff;
  letter-spacing:.05rem;
  text-shadow:0 0 1px #ad0000,0 0 1px #ad0000,0 0 1px #ad0000,0 0 1px #ad0000,0 0 1px #ad0000;
  transform:translate(-50%)
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .level-sign .top .text[data-v-05c6bb9e] {
    font-size:.9rem
  }
}
.level-wrap .level-container .scroll-wrap .level .level-sign .bottom[data-v-05c6bb9e] {
  position:absolute;
  top:2rem;
  left:0;
  padding-bottom:1.5384615385rem;
  width:1.5rem;
  background-size:100% auto;
  z-index:1;
  transform-origin:90% top;
  animation:swing-bottom-05c6bb9e 3s infinite linear alternate-reverse
}
@keyframes swing-bottom-05c6bb9e {
  to {
    left:-.2rem
  }
}
@media (min-width: 576px) {
  .level-wrap .level-container .scroll-wrap .level .level-sign .bottom[data-v-05c6bb9e] {
    top:2.8rem;
    left:0;
    padding-bottom:1.8461538462rem;
    width:1.8rem
  }
  @keyframes swing-bottom-05c6bb9e {
    to {
      left:-.4rem
    }
  }
}
.level-wrap .level-container .scroll-wrap .level .level-sparkle-top[data-v-05c6bb9e],
.level-wrap .level-container .scroll-wrap .level .level-sparkle-bottom[data-v-05c6bb9e] {
  position:absolute;
  background-size:100% 100%
}
.level-wrap .level-container .scroll-wrap .level .level-sparkle-top[data-v-05c6bb9e] {
  top:-9%;
  left:20%;
  width:1.5rem;
  height:1.5rem;
  animation:rotate-to-right-05c6bb9e 3s linear infinite forwards;
  opacity:0
}
@keyframes rotate-to-right-05c6bb9e {
  50% {
    opacity:1
  }
  to {
    transform:rotate(360deg);
    left:75%;
    opacity:0
  }
}
.level-wrap .level-container .scroll-wrap .level .level-sparkle-bottom[data-v-05c6bb9e] {
  right:20%;
  bottom:-8%;
  width:1.2rem;
  height:1.2rem;
  animation:rotate-to-left-05c6bb9e 2.5s linear infinite forwards;
  animation-delay:1s;
  opacity:0
}
@keyframes rotate-to-left-05c6bb9e {
  50% {
    opacity:1
  }
  to {
    transform:rotate(-540deg);
    right:75%;
    opacity:0
  }
}
.level-wrap .switch-btn-container[data-v-05c6bb9e] {
  position:absolute;
  top:0;
  left:-6%;
  display:flex;
  justify-content:space-between;
  width:112%;
  z-index:2
}
.level-wrap .switch-btn-container .left[data-v-05c6bb9e],
.level-wrap .switch-btn-container .right[data-v-05c6bb9e] {
  padding-bottom:10.0546875%;
  width:13%;
  background-position:left center;
  background-size:auto 100%;
  opacity:0;
  cursor:pointer
}
.level-wrap .switch-btn-container .left.start[data-v-05c6bb9e],
.level-wrap .switch-btn-container .left.end[data-v-05c6bb9e],
.level-wrap .switch-btn-container .right.start[data-v-05c6bb9e],
.level-wrap .switch-btn-container .right.end[data-v-05c6bb9e] {
  opacity:0;
  cursor:default;
  animation:none
}
.level-wrap .switch-btn-container .left[data-v-05c6bb9e] {
  animation:flow-left-05c6bb9e 1.9s infinite linear
}
@keyframes flow-left-05c6bb9e {
  20%,
  80% {
    opacity:1
  }
  to {
    transform:translate(-.6rem);
    opacity:0
  }
}
.level-wrap .switch-btn-container .right[data-v-05c6bb9e] {
  background-position:right center;
  animation:flow-right-05c6bb9e 1.9s infinite linear
}
@keyframes flow-right-05c6bb9e {
  20%,
  80% {
    opacity:1
  }
  to {
    transform:translate(.6rem);
    opacity:0
  }
}
.hint-container[data-v-40aef8b5] {
  position:absolute;
  top:19%;
  width:100%
}
.hint-container .condition-container[data-v-40aef8b5],
.hint-container .apply-container[data-v-40aef8b5] {
  position:absolute;
  top:0;
  display:flex;
  justify-content:center;
  width:100%
}
.hint-container .condition-container .deposit[data-v-40aef8b5],
.hint-container .condition-container .bet[data-v-40aef8b5],
.hint-container .condition-container .draw[data-v-40aef8b5] {
  display:flex;
  align-items:center;
  width:28%
}
.hint-container .condition-container .deposit .title[data-v-40aef8b5],
.hint-container .condition-container .bet .title[data-v-40aef8b5],
.hint-container .condition-container .draw .title[data-v-40aef8b5] {
  padding-bottom:2.2188679245rem;
  width:3.92rem;
  background-repeat:no-repeat;
  background-size:100% auto
}
@media (min-width: 576px) {
  .hint-container .condition-container .deposit .title[data-v-40aef8b5],
  .hint-container .condition-container .bet .title[data-v-40aef8b5],
  .hint-container .condition-container .draw .title[data-v-40aef8b5] {
    padding-bottom:2.5471698113rem;
    width:4.5rem
  }
}
.hint-container .condition-container .deposit .limit[data-v-40aef8b5],
.hint-container .condition-container .bet .limit[data-v-40aef8b5],
.hint-container .condition-container .draw .limit[data-v-40aef8b5] {
  color:#fff
}
.hint-container .condition-container .deposit .title[data-v-40aef8b5] {
  background-position:center top
}
.hint-container .condition-container .bet .title[data-v-40aef8b5] {
  background-position:center center
}
.hint-container .condition-container .draw .title[data-v-40aef8b5] {
  background-position:center bottom
}
.hint-container .apply-container .times[data-v-40aef8b5],
.hint-container .apply-container .daily-times[data-v-40aef8b5] {
  display:flex;
  align-items:center;
  /* width:40%; */
}
.hint-container .apply-container .times .title[data-v-40aef8b5],
.hint-container .apply-container .daily-times .title[data-v-40aef8b5] {
  padding-bottom:2.0914285714rem;
  width:7.92rem;
  background-repeat:no-repeat;
  background-size:100% auto
}
@media (min-width: 576px) {
  .hint-container .apply-container .times .title[data-v-40aef8b5],
  .hint-container .apply-container .daily-times .title[data-v-40aef8b5] {
    padding-bottom:2.4558441558rem;
    width:9.3rem
  }
}
.hint-container .apply-container .times .count[data-v-40aef8b5],
.hint-container .apply-container .daily-times .count[data-v-40aef8b5] {
  color:#fff
}
.hint-container .apply-container .times .title[data-v-40aef8b5] {
  background-position:center top
}
.hint-container .apply-container .daily-times .title[data-v-40aef8b5] {
  background-position:center bottom
}
.hint-container .switch-btn[data-v-40aef8b5] {
  position:absolute;
  top:.6rem;
  right:4%;
  padding-bottom:1.5255813953rem;
  width:1.6rem;
  background-size:100% auto;
  transition:.2s top;
  cursor:pointer;
  animation:click-hint-40aef8b5 2s infinite ease-in-out
}
@media (hover: hover) {
  .hint-container .switch-btn[data-v-40aef8b5]:hover {
    animation-play-state:paused
  }
}
.hint-container .switch-btn[data-v-40aef8b5]:active {
  top:23%
}
@keyframes click-hint-40aef8b5 {
  0%,
  10%,
  20%,
  30%,
  to {
    transform:translateY(0)
  }
  5%,
  15%,
  25% {
    transform:translateY(3px)
  }
}
.threshold-wrap[data-v-32b46a03] {
  position:relative;
  margin:-1.15rem 0 0 .3%;
  padding-bottom:46.59375%;
  width:99.4%;
  background-size:100% auto;
  z-index:2
}
.threshold-wrap .threshold-hint[data-v-32b46a03] {
  position:absolute;
  top:9.5%;
  left:50%;
  transform:translate(-50%);
  padding-bottom:4.2222222222%;
  width:100%;
  width:57%;
  background-size:100% auto
}
.threshold-wrap .threshold-hint .text[data-v-32b46a03] {
  position:absolute;
  top:50%;
  left:50%;
  font-size:.7rem;
  font-weight:bolder;
  white-space:nowrap;
  color:#fff;
  letter-spacing:.1rem;
  transform:translate(-50%,-60%)
}
@media (min-width: 576px) {
  .threshold-wrap .threshold-hint .text[data-v-32b46a03] {
    font-size:.8rem;
    transform:translate(-50%,-55%)
  }
}
.main-wrap[data-v-cdf0b8c2] {
  position:relative;
  overflow:hidden;
  width:100%;
  height:100vh;
  z-index:2
}
@media (min-width: 576px) {
  .main-wrap[data-v-cdf0b8c2] {
    margin:0 auto;
    width:576px
  }
}
.bg-wrap[data-v-38a75e48] {
  position:absolute;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none
}
.bg-wrap .bg-mobile[data-v-38a75e48] {
  position:absolute;
  top:0;
  left:50%;
  overflow:hidden;
  width:100%;
  height:100%;
  background-position:center top;
  background-repeat:no-repeat,repeat;
  background-size:100% auto;
  z-index:2;
  transform:translate(-50%)
}
@media (min-width: 576px) {
  .bg-wrap .bg-mobile[data-v-38a75e48] {
    width:576px;
    box-shadow:0 0 20px #0000004d,0 0 30px #0000004d
  }
}
.bg-wrap .bg-pc[data-v-38a75e48] {
  position:absolute;
  top:0;
  left:50%;
  display:none;
  width:100%;
  height:100%;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:1920px auto;
  z-index:1;
  transform:translate(-50%)
}
@media (min-width: 576px) {
  .bg-wrap .bg-pc[data-v-38a75e48] {
    display:block
  }
}
@media (min-width: 1920px) {
  .bg-wrap .bg-pc[data-v-38a75e48] {
    background-size:100% auto
  }
}
.event-wrap[data-v-718ee985] {
  position:relative;
  overflow:hidden;
  min-width:480px;
  min-height:100vh
}
.receive-coin[data-v-eea26ddb] {
  position:fixed;
  pointer-events:none;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:13
}
.receive-coin .receive-coin-canvas[data-v-eea26ddb] {
  width:100%;
  height:100%
}