/* 定義 RWD 動態參數 (基準寬度 1000px) */
:root {
  --slot-height: 140.1vw; /* 1401px / 10 */
  --slot-stop-dist: 210vw; /* 2100px / 10 */
  --slot-target: 5.5vw; /* 55px / 10 */
  --slot-bounce: 1vw; /* 10px / 10 */
}
@media (min-width: 1000px) {
  :root {
    --slot-height: 1401px;
    --slot-stop-dist: 2100px;
    --slot-target: 55px;
    --slot-bounce: 10px;
  }
}
.slot_loop {
  animation: slide 3s infinite linear;
  -moz-animation: slide 3s infinite linear;
  animation: slide 3s infinite linear;
}
.slot_stop {
  /* 定義變數預設值 */
  --target-pos: var(--slot-target);
  --start-pos: calc(var(--target-pos) - var(--slot-stop-dist)); /* 保持固定的煞車距離 */
  --bounce-pos: calc(var(--target-pos) + var(--slot-bounce));

  background-position-y: var(--target-pos);
  animation: stop1 3s normal forwards ease-out;
  animation-iteration-count: 1;
}
/* 老虎機動畫 */
@keyframes slide {
  0% {
    background-position-y: calc(var(--slot-height) * -1);
  }
  100% {
    background-position-y: 0;
  }
}
@keyframes stop1 {
  0% {
    background-position-y: var(--start-pos);
  }
  95% {
    background-position-y: var(--bounce-pos);
  }
  100% {
    background-position-y: var(--target-pos);
  }
}