/* Slope Rush - endless slope runner canvas + touch controls. */
.slope-arena { display: flex; flex-direction: column; align-items: center; gap: 12px; }

.slope-board {
  width: min(92vw, 440px);
  aspect-ratio: 440 / 560;
  background: var(--casino-carbon, #12121e);
  border: 1px solid var(--casino-line, #2e2e44);
  border-radius: 14px;
  overflow: hidden;
  touch-action: none;
}
.slope-board canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.slope-touch { display: none; gap: 12px; }
.slope-tbtn {
  width: 88px;
  height: 56px;
  border: 1px solid var(--casino-line, #2e2e44);
  background: var(--casino-panel, #1a1a2a);
  color: var(--casino-ink, #f5f6fa);
  font-size: 22px;
  border-radius: 12px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
.slope-tbtn:active { background: rgba(55, 224, 160, .3); }

@media (max-width: 760px), (hover: none) {
  .slope-touch { display: flex; }
}