.stairs-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
}

.stairs-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
}

/* Top right stays clear: the stairs run from top left to bottom right. */
.stairs-mult {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  font: 800 clamp(2.5rem, 9vw, 4.5rem) / 1 var(--display);
  letter-spacing: -0.03em;
  pointer-events: none;
}

.stairs-mult[data-state="crashed"] {
  color: var(--loss);
}

.stairs-mult[data-state="cashed"] {
  color: var(--win);
}

.stairs-odds {
  margin: 0;
  color: var(--muted);
}

.btn-cash {
  background: linear-gradient(#e2485f, #b3243a);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.35),
    0 2px 0 #7d1626;
  color: #fff;
}
