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

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

.crash-mult {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font: 800 clamp(3rem, 11vw, 5.5rem) / 1 var(--display);
  letter-spacing: -0.03em;
  pointer-events: none;
}

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

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

.stage .pills {
  align-self: stretch;
}

.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;
}